master
parent
f3bbc81f6c
commit
718c7be666
|
|
@ -3,22 +3,20 @@
|
|||
<statusNav returnColor="#c2c2c2" navBarTitle="客户(查询结果列表)"></statusNav>
|
||||
<container-subgroup-two>
|
||||
<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="">
|
||||
<view class="title">湖南争鸣光电科技有限公司</view>
|
||||
<view class="code">编号：KH20220304-002</view>
|
||||
<view class="label-content">
|
||||
<view class="label">弱电安防</view>
|
||||
<view class="label">弱电安防</view>
|
||||
<view class="label">弱电安防</view>
|
||||
<view class="title">{{item.name}}</view>
|
||||
<view class="code">编号：{{item.code}}</view>
|
||||
<view class="label-content" >
|
||||
<view class="label" v-for="(key,index) in item.icon">{{key}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="icon">13</view>
|
||||
<view class="icon">{{item.num}}</view>
|
||||
</view>
|
||||
<view class="address">
|
||||
<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>
|
||||
|
|
@ -39,11 +37,53 @@
|
|||
dataList:[
|
||||
{
|
||||
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: {
|
||||
// 前往客户详情
|
||||
goDetail(index){
|
||||
|
|
|
|||
|
|
@ -1,23 +1,23 @@
|
|||
<template>
|
||||
<view class="content">
|
||||
<view class="content arc-content" >
|
||||
<statusNav returnColor="#c2c2c2" navBarTitle="客户详情"></statusNav>
|
||||
<container-subgroup-two>
|
||||
<view slot="content" style="margin: 0 -30rpx;">
|
||||
<view class="details-nav">
|
||||
<view class="li">
|
||||
<image class="icon" src="../../static/iocn/ty.png" mode=""></image>
|
||||
<view class="li" @click="essentialInformation('listOne')">
|
||||
<image class="icon" src="../../static/iocn/ty.png" mode=""></image>
|
||||
<view class="text">基本信息</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="li" @click="essentialInformation('listTwo')">
|
||||
<image class="icon" src="../../static/iocn/kh.png" mode=""></image>
|
||||
<view class="text">联系人</view>
|
||||
</view>
|
||||
<view class="li">
|
||||
<view class="li" @click="essentialInformation('listThree ')">
|
||||
<image class="icon" src="../../static/iocn/xs.png" mode=""></image>
|
||||
<view class="text">项目列表</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="details-content">
|
||||
<view class="details-content listOne">
|
||||
|
||||
<view class="title">
|
||||
<image class="img" src="../../static/iocn/dn.png" mode=""></image>
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
|
||||
</view>
|
||||
</view>
|
||||
<view class="details-content">
|
||||
<view class="details-content listTwo">
|
||||
<view class="title">
|
||||
<image class="img" src="../../static/iocn/lxr.png" mode=""></image>
|
||||
<text class="text">联系人</text>
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
|
||||
</view>
|
||||
</view>
|
||||
<view class="project-list">
|
||||
<view class="project-list listThree">
|
||||
<view class="title-content">
|
||||
<view class="title">
|
||||
<image class="icon" src="../../static/iocn/xmlb.png" mode=""></image>
|
||||
|
|
@ -106,31 +106,7 @@
|
|||
|
||||
</view>
|
||||
|
||||
<view class="project-list-content">
|
||||
<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="project-list-content" v-for="item in 5">
|
||||
<view class="li">
|
||||
<view class="text">
|
||||
南城校区液晶显示屏
|
||||
|
|
@ -141,13 +117,13 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="contact-way">
|
||||
<view class="contact-way" @click="copyWxFun()">
|
||||
<view class="title">
|
||||
客户微信
|
||||
</view>
|
||||
<image class="icon" src="../../static/iocn/wx.png" mode=""></image>
|
||||
</view>
|
||||
<view class="contact-way">
|
||||
<view class="contact-way" @click="telFun()">
|
||||
<view class="title">
|
||||
客户电话
|
||||
</view>
|
||||
|
|
@ -170,16 +146,55 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
time: '12:01'
|
||||
time: '12:01',
|
||||
// dataArr:{
|
||||
// customerName:"长沙警校",
|
||||
// customerCode:"xxxxxxxxx",
|
||||
// customerVIP:"VIP1",
|
||||
// industryInvolved:"安防",
|
||||
// customerType:"xxxx",
|
||||
// warehouseTime:"2022.3.1" ,
|
||||
|
||||
// }
|
||||
projectList:[],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -4,102 +4,33 @@
|
|||
<container-subgroup-two>
|
||||
<view slot="content" style="margin: 0 -30rpx;">
|
||||
<view class="project-list">
|
||||
<view class="li" @click="projectDetailsFun()">
|
||||
<view class="li" @click="projectDetailsFun()" v-for="(item,index) in projectQuery">
|
||||
<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 class="title">{{item.name}}</view>
|
||||
<view class="serial-number">项目编号：{{item.code}}</view>
|
||||
<view class="specification">规格型号：{{item.model}}</view>
|
||||
<view class="specification">产品尺寸：{{item.size}}</view>
|
||||
<view class="installation-site">安装位置：{{item.installationSite}}</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 class="text">{{item.address}}</view>
|
||||
</view>
|
||||
<view class="date">2022/01/08</view>
|
||||
<view class="date">{{item.date}}</view>
|
||||
</view>
|
||||
<view class="icon iconBer">质保到期</view>
|
||||
</view>
|
||||
<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 class="icon iconBer" v-if="item.state==0">质保到期</view>
|
||||
<view class="icon iconBera" v-if="item.state==1">
|
||||
质保中
|
||||
</view>
|
||||
</view>
|
||||
<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 class="icon iconBerb" v-if="item.state==2">
|
||||
临时项目
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</container-subgroup-two>
|
||||
|
|
@ -117,7 +48,73 @@
|
|||
data() {
|
||||
|
||||
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: {
|
||||
|
|
@ -126,6 +123,15 @@
|
|||
url:"/pages/project/details"
|
||||
})
|
||||
},
|
||||
// 获取列表数据
|
||||
getData(){
|
||||
this.$requst.get('', {
|
||||
page: dataPage.page,
|
||||
list_rows:dataPage.list_rows
|
||||
}).then(res => {
|
||||
|
||||
})
|
||||
},
|
||||
bindPickerChange(data){
|
||||
console.log(data)
|
||||
},
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</view>
|
||||
</view>
|
||||
<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>
|
||||
</view>
|
||||
|
|
@ -166,6 +166,7 @@
|
|||
},
|
||||
onLoad(op) {
|
||||
if (op.index != undefined) this.dataIndex = op.index;
|
||||
this.recentlyQuery = [...this.customerQuery]
|
||||
},
|
||||
methods: {
|
||||
// 查询类型切换
|
||||
|
|
@ -177,7 +178,6 @@
|
|||
this.recentlyQuery = [...this.projectQuery]
|
||||
} else {
|
||||
this.recentlyQuery = [...this.spareQuery]
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
|
|
@ -192,11 +192,12 @@
|
|||
'/pages/dataQuery/projectQuery',
|
||||
'/pages/dataQuery/dataQuery'
|
||||
]
|
||||
|
||||
uni.navigateTo({
|
||||
url: `${urls[index]}?key_word=${this.key_word}`
|
||||
url: `${urls[index]}?key_word='${this.key_word}'`
|
||||
})
|
||||
},
|
||||
|
||||
// 最近查询跳转
|
||||
goDetail() {
|
||||
if (this.dataIndex == 1) {
|
||||
uni.navigateTo({
|
||||
|
|
|
|||
Loading…
Reference in New Issue