chen
/
flying-monkey
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改

master
tangyi 2022-03-31 10:38:37 +08:00
parent f3bbc81f6c
commit 718c7be666
4 changed files with 196 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
pages/dataQuery/client.vue
View File

@ -3,22 +3,20 @@
<statusNav returnColor="#c2c2c2" navBarTitle="客户(查询结果列表)"></statusNav> <statusNav returnColor="#c2c2c2" navBarTitle="客户(查询结果列表)"></statusNav>
<container-subgroup-two> <container-subgroup-two>
<view class="client-content" slot="content" style="margin: 0 -30rpx;"> <view class="client-content" slot="content" style="margin: 0 -30rpx;">
<view @tap="goDetail(index)" class="li" v-for="(item,index) in 10" :key="index"> <view @tap="goDetail(index)" class="li" v-for="(item,index) in dataList" :key="index">
<view class="li-content"> <view class="li-content">
<view class=""> <view class="">
<view class="title">湖南争鸣光电科技有限公司</view> <view class="title">{{item.name}}</view>
<view class="code">编号：KH20220304-002</view> <view class="code">编号：{{item.code}}</view>
<view class="label-content"> <view class="label-content" >
<view class="label">弱电安防</view> <view class="label" v-for="(key,index) in item.icon">{{key}}</view>
<view class="label">弱电安防</view>
<view class="label">弱电安防</view>
</view> </view>
</view> </view>
<view class="icon">13</view> <view class="icon">{{item.num}}</view>
</view> </view>
<view class="address"> <view class="address">
<image class="img" src="../../static/iocn/dizi.png" mode=""></image> <image class="img" src="../../static/iocn/dizi.png" mode=""></image>
<view class="text">湖南省长沙市高新开发区谷园路109号像素大厦1205</view> <view class="text">{{item.address}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -39,11 +37,53 @@
dataList:[ dataList:[
{ {
name:'湖南争鸣光电科技有限公司', name:'湖南争鸣光电科技有限公司',
code:"KH20220304-002" code:"KH20220304-002",
} icon:["弱电安防","弱电安防","弱电安防"],
num:"12",
address:"湖南省长沙市高新开发区谷园路109号像素大厦1205"
},
{
name:'湖南争鸣光电科技有限公司',
code:"KH20220304-002",
icon:["弱电安防","弱电安防","弱电安防"],
num:"11",
address:"湖南省长沙市高新开发区谷园路109号像素大厦1205"
},
{
name:'湖南争鸣光电科技有限公司',
code:"KH20220304-002",
icon:["弱电安防","弱电安防","弱电安防"],
num:"12",
address:"湖南省长沙市高新开发区谷园路109号像素大厦1205"
},
{
name:'湖南争鸣光电科技有限公司',
code:"KH20220304-002",
icon:["弱电安防","弱电安防","弱电安防"],
num:"14",
address:"湖南省长沙市高新开发区谷园路109号像素大厦1205"
},
{
name:'湖南争鸣光电科技有限公司',
code:"KH20220304-002",
icon:["弱电安防","弱电安防","弱电安防"],
num:"15",
address:"湖南省长沙市高新开发区谷园路109号像素大厦1205"
},
{
name:'湖南争鸣光电科技有限公司',
code:"KH20220304-002",
icon:["弱电安防","弱电安防","弱电安防"],
num:"16",
address:"湖南省长沙市高新开发区谷园路109号像素大厦1205"
},
], ],
} }
}, },
onLoad(option) {
console.log(option)
console.log( option.key_word,"--------")
},
methods: { methods: {
// 前往客户详情 // 前往客户详情
goDetail(index){ goDetail(index){

91
pages/dataQuery/details.vue
View File

@ -1,23 +1,23 @@
<template> <template>
<view class="content"> <view class="content arc-content" >
<statusNav returnColor="#c2c2c2" navBarTitle="客户详情"></statusNav> <statusNav returnColor="#c2c2c2" navBarTitle="客户详情"></statusNav>
<container-subgroup-two> <container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;"> <view slot="content" style="margin: 0 -30rpx;">
<view class="details-nav"> <view class="details-nav">
<view class="li"> <view class="li" @click="essentialInformation('listOne')">
<image class="icon" src="../../static/iocn/ty.png" mode=""></image> <image class="icon" src="../../static/iocn/ty.png" mode=""></image>
<view class="text">基本信息</view> <view class="text">基本信息</view>
</view> </view>
<view class="li"> <view class="li" @click="essentialInformation('listTwo')">
<image class="icon" src="../../static/iocn/kh.png" mode=""></image> <image class="icon" src="../../static/iocn/kh.png" mode=""></image>
<view class="text">联系人</view> <view class="text">联系人</view>
</view> </view>
<view class="li"> <view class="li" @click="essentialInformation('listThree ')">
<image class="icon" src="../../static/iocn/xs.png" mode=""></image> <image class="icon" src="../../static/iocn/xs.png" mode=""></image>
<view class="text">项目列表</view> <view class="text">项目列表</view>
</view> </view>
</view> </view>
<view class="details-content"> <view class="details-content listOne">
<view class="title"> <view class="title">
<image class="img" src="../../static/iocn/dn.png" mode=""></image> <image class="img" src="../../static/iocn/dn.png" mode=""></image>
@ -55,7 +55,7 @@
</view> </view>
</view> </view>
<view class="details-content"> <view class="details-content listTwo">
<view class="title"> <view class="title">
<image class="img" src="../../static/iocn/lxr.png" mode=""></image> <image class="img" src="../../static/iocn/lxr.png" mode=""></image>
<text class="text">联系人</text> <text class="text">联系人</text>
@ -90,7 +90,7 @@
</view> </view>
</view> </view>
<view class="project-list"> <view class="project-list listThree">
<view class="title-content"> <view class="title-content">
<view class="title"> <view class="title">
<image class="icon" src="../../static/iocn/xmlb.png" mode=""></image> <image class="icon" src="../../static/iocn/xmlb.png" mode=""></image>
@ -106,31 +106,7 @@
</view> </view>
<view class="project-list-content"> <view class="project-list-content" v-for="item in 5">
<view class="li">
<view class="text">
南城校区液晶显示屏
</view>
<view class="date">
2022/3/1
</view>
</view>
<view class="li">
<view class="text">
南城校区液晶显示屏
</view>
<view class="date">
2022/3/1
</view>
</view>
<view class="li">
<view class="text">
南城校区液晶显示屏
</view>
<view class="date">
2022/3/1
</view>
</view>
<view class="li"> <view class="li">
<view class="text"> <view class="text">
南城校区液晶显示屏 南城校区液晶显示屏
@ -141,13 +117,13 @@
</view> </view>
</view> </view>
</view> </view>
<view class="contact-way"> <view class="contact-way" @click="copyWxFun()">
<view class="title"> <view class="title">
客户微信 客户微信
</view> </view>
<image class="icon" src="../../static/iocn/wx.png" mode=""></image> <image class="icon" src="../../static/iocn/wx.png" mode=""></image>
</view> </view>
<view class="contact-way"> <view class="contact-way" @click="telFun()">
<view class="title"> <view class="title">
客户电话 客户电话
</view> </view>
@ -170,16 +146,55 @@
}, },
data() { data() {
return { return {
time: '12:01' time: '12:01',
// dataArr:{
// customerName:"长沙警校",
// customerCode:"xxxxxxxxx",
// customerVIP:"VIP1",
// industryInvolved:"安防",
// customerType:"xxxx",
// warehouseTime:"2022.3.1" ,
// }
projectList:[],
} }
}, },
methods: { methods: {
getData(){ getData(){
}, },
bindTimeChange() { // 拨打电话
telFun(){
uni.makePhoneCall({
phoneNumber: '13608235524' //仅为示例
});
},
// 选择年份
bindTimeChange(data) {
console.log(data.detail.value)
},
essentialInformation(classText){
// uni.createSelectorQuery().select('.'+classText).boundingClientRect(data=>{//目标位置的节点：类或者id
// uni.createSelectorQuery().select(".arc-content").boundingClientRect(res=>{//最外层盒子的节点：类或者id
// uni.pageScrollTo({
// duration: 100,//过渡时间
// scrollTop:data.top - res.top -uni.getSystemInfoSync().statusBarHeight-40,//到达距离顶部的top值
// })
// }).exec()
// }).exec();
},
// 复制微信
copyWxFun(){
uni.setClipboardData({
data: 'hello',
success: function () {
console.log('success');
}
});
} }
} }
} }
</script> </script>

168
pages/dataQuery/projectQuery.vue
View File

@ -4,102 +4,33 @@
<container-subgroup-two> <container-subgroup-two>
<view slot="content" style="margin: 0 -30rpx;"> <view slot="content" style="margin: 0 -30rpx;">
<view class="project-list"> <view class="project-list">
<view class="li" @click="projectDetailsFun()"> <view class="li" @click="projectDetailsFun()" v-for="(item,index) in projectQuery">
<view class="message"> <view class="message">
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image> <image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
<view class="text"> <view class="text">
<view class="title">湖南工业大学化工学院会议室P2.5全彩LED显示屏</view> <view class="title">{{item.name}}</view>
<view class="serial-number">项目编号：20220108-1001</view> <view class="serial-number">项目编号：{{item.code}}</view>
<view class="specification">规格型号：DS-CK25FI/H</view> <view class="specification">规格型号：{{item.model}}</view>
<view class="specification">产品尺寸：3.94ｍ*2.02ｍ</view> <view class="specification">产品尺寸：{{item.size}}</view>
<view class="installation-site">安装位置：xxx综合楼2楼会议室</view> <view class="installation-site">安装位置：{{item.installationSite}}</view>
</view> </view>
</view> </view>
<view class="project-list-address"> <view class="project-list-address">
<view class="address"> <view class="address">
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image> <image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
<view class="text">湖南省长沙市高新开发区谷园路109号像素大厦1205</view> <view class="text">{{item.address}}</view>
</view> </view>
<view class="date">2022/01/08</view> <view class="date">{{item.date}}</view>
</view> </view>
<view class="icon iconBer">质保到期</view> <view class="icon iconBer" v-if="item.state==0">质保到期</view>
</view> <view class="icon iconBera" v-if="item.state==1">
<view class="li">
<view class="message">
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
<view class="text">
<view class="title">
湖南工业大学化工学院会议室P2.5全彩LED显示屏
</view>
<view class="serial-number">
项目编号：20220108-1001
</view>
<view class="specification">
规格型号：DS-CK25FI/H
</view>
<view class="specification">
产品尺寸：3.94ｍ*2.02ｍ
</view>
<view class="installation-site">
安装位置：xxx综合楼2楼会议室
</view>
</view>
</view>
<view class="project-list-address">
<view class="address">
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
<view class="text">
湖南省长沙市高新开发区谷园路109号像素大厦1205
</view>
</view>
<view class="date">
2022/01/08
</view>
</view>
<view class="icon iconBera">
质保中 质保中
</view> </view>
</view> <view class="icon iconBerb" v-if="item.state==2">
<view class="li">
<view class="message">
<image class="img" src="../../static/del/img001.png" mode="aspectFill"></image>
<view class="text">
<view class="title">
湖南工业大学化工学院会议室P2.5全彩LED显示屏
</view>
<view class="serial-number">
项目编号：20220108-1001
</view>
<view class="specification">
规格型号：DS-CK25FI/H
</view>
<view class="specification">
产品尺寸：3.94ｍ*2.02ｍ
</view>
<view class="installation-site">
安装位置：xxx综合楼2楼会议室
</view>
</view>
</view>
<view class="project-list-address">
<view class="address">
<image class="img" src="../../static/iocn/im.png" mode="aspectFill"></image>
<view class="text">
湖南省长沙市高新开发区谷园路109号像素大厦1205
</view>
</view>
<view class="date">
2022/01/08
</view>
</view>
<view class="icon iconBerb">
临时项目 临时项目
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</container-subgroup-two> </container-subgroup-two>
@ -117,7 +48,73 @@
data() { data() {
return { return {
dataPage:{
page:1,
list_rows:20
},
projectQuery: [
{
name: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
img: "../../static/del/img001.png",
code: "20220108-1001",
model: "DS-CK25FI/H",
size: "3.94ｍ*2.02ｍ",
installationSite: "xxx综合楼2楼会议室",
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
date: "2022/01/08",
state: 1
},
{
name: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
img: "../../static/del/img001.png",
code: "20220108-1001",
model: "DS-CK25FI/H",
size: "3.94ｍ*2.02ｍ",
installationSite: "xxx综合楼2楼会议室",
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
date: "2022/01/08",
state: 2
},
{
name: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
img: "../../static/del/img001.png",
code: "20220108-1001",
model: "DS-CK25FI/H",
size: "3.94ｍ*2.02ｍ",
installationSite: "xxx综合楼2楼会议室",
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
date: "2022/01/08",
state: 2
},
{
name: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
img: "../../static/del/img001.png",
code: "20220108-1001",
model: "DS-CK25FI/H",
size: "3.94ｍ*2.02ｍ",
installationSite: "xxx综合楼2楼会议室",
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
date: "2022/01/08",
state: 1
},
{
name: "湖南工业大学化工学院会议室P2.5全彩LED显示屏",
img: "../../static/del/img001.png",
code: "20220108-1001",
model: "DS-CK25FI/H",
size: "3.94ｍ*2.02ｍ",
installationSite: "xxx综合楼2楼会议室",
address: "湖南省长沙市高新开发区谷园路109号像素大厦1205",
date: "2022/01/08",
state: 0
},
],
} }
}, },
methods: { methods: {
@ -126,6 +123,15 @@
url:"/pages/project/details" url:"/pages/project/details"
}) })
}, },
// 获取列表数据
getData(){
this.$requst.get('', {
page: dataPage.page,
list_rows:dataPage.list_rows
}).then(res => {
})
},
bindPickerChange(data){ bindPickerChange(data){
console.log(data) console.log(data)
}, },

9
pages/dataQuery/queryFunction.vue
View File

@ -12,7 +12,7 @@
</view> </view>
</view> </view>
<view class="queryFunction-head-Fun"> <view class="queryFunction-head-Fun">
<input type="text" placeholder="请输入关键词进行查询" class="queryFunction-head-input" value="" /> <input type="text" v-model="key_word" placeholder="请输入关键词进行查询" class="queryFunction-head-input" value="" />
<view @tap="checkEv(dataIndex)" class="button">查询</view> <view @tap="checkEv(dataIndex)" class="button">查询</view>
</view> </view>
</view> </view>
@ -166,6 +166,7 @@
}, },
onLoad(op) { onLoad(op) {
if (op.index != undefined) this.dataIndex = op.index; if (op.index != undefined) this.dataIndex = op.index;
this.recentlyQuery = [...this.customerQuery]
}, },
methods: { methods: {
// 查询类型切换 // 查询类型切换
@ -177,7 +178,6 @@
this.recentlyQuery = [...this.projectQuery] this.recentlyQuery = [...this.projectQuery]
} else { } else {
this.recentlyQuery = [...this.spareQuery] this.recentlyQuery = [...this.spareQuery]
} }
}, },
@ -192,11 +192,12 @@
'/pages/dataQuery/projectQuery', '/pages/dataQuery/projectQuery',
'/pages/dataQuery/dataQuery' '/pages/dataQuery/dataQuery'
] ]
uni.navigateTo({ uni.navigateTo({
url: `${urls[index]}?key_word=${this.key_word}` url: `${urls[index]}?key_word='${this.key_word}'`
}) })
}, },
// 最近查询跳转
goDetail() { goDetail() {
if (this.dataIndex == 1) { if (this.dataIndex == 1) {
uni.navigateTo({ uni.navigateTo({