@@ -29,7 +29,7 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="content-sec-lab"> | <view class="content-sec-lab"> | ||||
顾问姓名:<view class="content-sec-lab1">{{customerInfo.ownerName||''}}</view> | |||||
顾问姓名:<view class="content-sec-lab1">{{customerInfo.ownerName||'--'}}</view> | |||||
</view> | </view> | ||||
<view class="content-sec-lab" > | <view class="content-sec-lab" > | ||||
客户标签: | 客户标签: | ||||
@@ -8,7 +8,7 @@ | |||||
<view class="title u-line-2"> | <view class="title u-line-2"> | ||||
{{keywordColor1(item.name)}}<text class="blue">{{keyword}}</text>{{keywordColor2(item.name)}} | {{keywordColor1(item.name)}}<text class="blue">{{keyword}}</text>{{keywordColor2(item.name)}} | ||||
</view> | </view> | ||||
<view class="desc">{{item.desc}}</view> | |||||
<view class="desc u-line-2">{{item.desc}}</view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
@@ -21,9 +21,9 @@ | |||||
return { | return { | ||||
keyword: "", | keyword: "", | ||||
list: [ | list: [ | ||||
{name:'如何查看设备是否开启如何查看设备是否开启',desc: '1、打开小程序查看设备管理查看设备电量;'}, | |||||
{name:'如何查看设备开否联网',desc: '1、打开小程序查看设备管理查看设备电量;2、通过PC设备监控查看设备电量。'}, | |||||
{name:'如何查看设备是开了电',desc: '打开小程序查看设备管理查看设备电量。'}, | |||||
{name:'您好,职工管家为您服务,你这边大概是想要什么样的户型?我们这边只要是有ABC这三种户型,分别有120平以内的,120到260之间的,300平以上的',desc: '1、打开小程序查看设备如何查看设备是否开启如何查看设备是否开启管理查看设备电量;'}, | |||||
{name:'如何查看设备开否联网',desc: '您好,职工管家为您服务,你这边大概是想要什么样的户型?我们这边只要是有ABC这三种户型,分别有120平以内的,120到260之间的,300平以上的'}, | |||||
{name:'你这边大概是想要什么样的户型?我们这边只要是有ABC这三种户型',desc: '打开小程序查看设备管理查看设备电量。'}, | |||||
{name:'如何查看设备是否开电',desc: '打开小程序查看设备管理查看设备电量。'}, | {name:'如何查看设备是否开电',desc: '打开小程序查看设备管理查看设备电量。'}, | ||||
] | ] | ||||
}; | }; | ||||
@@ -75,7 +75,6 @@ | |||||
} | } | ||||
.result-box{ | .result-box{ | ||||
width: 100%; | width: 100%; | ||||
margin-top: 36rpx; | |||||
padding: 0 30rpx; | padding: 0 30rpx; | ||||
.list-item{ | .list-item{ | ||||
width: 690rpx; | width: 690rpx; | ||||
@@ -86,18 +85,16 @@ | |||||
} | } | ||||
.title{ | .title{ | ||||
width: 690rpx; | width: 690rpx; | ||||
height: 42rpx; | |||||
font-size: 30rpx; | font-size: 30rpx; | ||||
font-family: PingFangSC-Regular, PingFang SC; | font-family: PingFangSC-Regular, PingFang SC; | ||||
font-weight: 400; | font-weight: 400; | ||||
color: #333333; | color: #333333; | ||||
line-height: 42rpx; | line-height: 42rpx; | ||||
margin-bottom: 16rpx; | margin-bottom: 16rpx; | ||||
display: flex; | |||||
.blue{ | .blue{ | ||||
line-height: 42rpx; | line-height: 42rpx; | ||||
color: #2671E2; | color: #2671E2; | ||||
display: inline-block; | |||||
display: inline; | |||||
} | } | ||||
} | } | ||||
.desc{ | .desc{ | ||||
@@ -4,8 +4,10 @@ | |||||
<view class='list-item' @click="selectFun(index)" :class="{active: currentIndex == index}" v-for="(item,index) in list" :key="index">{{item.name}}</view> | <view class='list-item' @click="selectFun(index)" :class="{active: currentIndex == index}" v-for="(item,index) in list" :key="index">{{item.name}}</view> | ||||
</view> | </view> | ||||
<view class="right-box"> | <view class="right-box"> | ||||
<view class="title">{{list[currentIndex].name}}</view> | |||||
<view @click="todetail(item)" class='list-item' v-for="(item,index) in questions" :key="index">{{item.desc}} <image src="/static/images/right-arrow.png" mode=""></image> </view> | |||||
<view class="title u-line-1">{{list[currentIndex].name}}</view> | |||||
<view @click="todetail(item)" class='list-item' v-for="(item,index) in questions" :key="index"> | |||||
<view class="text u-line-1">{{item.desc}}</view> | |||||
<image src="/static/images/right-arrow.png" mode=""></image> </view> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</template> | </template> | ||||
@@ -17,7 +19,7 @@ | |||||
return { | return { | ||||
currentIndex: 0, | currentIndex: 0, | ||||
list: [ | list: [ | ||||
{name:'接待管理'}, | |||||
{name:'接待管理接待管理接待管理接待管理接待管理'}, | |||||
{name:'客户管理'}, | {name:'客户管理'}, | ||||
{name:'设备管理'}, | {name:'设备管理'}, | ||||
{name:'顾问管理'}, | {name:'顾问管理'}, | ||||
@@ -25,7 +27,7 @@ | |||||
questions: [ | questions: [ | ||||
{desc: '如何查看设备是否开启'}, | {desc: '如何查看设备是否开启'}, | ||||
{desc: '如何查看设备是否联网'}, | {desc: '如何查看设备是否联网'}, | ||||
{desc: '如何查看设备是否开启'}, | |||||
{desc: '如何查看设备是否开启如何查看设备是否开启如何查看设备是否开启如何查看设备是否开启如何查看设备是否开启'}, | |||||
{desc: '如何查看设备是否没电'}, | {desc: '如何查看设备是否没电'}, | ||||
{desc: '如何查看设备是否开启'}, | {desc: '如何查看设备是否开启'}, | ||||
{desc: '如何查看设备是否没电'}, | {desc: '如何查看设备是否没电'}, | ||||
@@ -59,7 +61,8 @@ | |||||
display: flex; | display: flex; | ||||
padding-top: 20rpx; | padding-top: 20rpx; | ||||
.left-box{ | .left-box{ | ||||
width: 176rpx; | |||||
flex: 0 0 176rpx; | |||||
// width: 176rpx; | |||||
background: #F0F1F5; | background: #F0F1F5; | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
@@ -82,6 +85,7 @@ | |||||
flex: 1; | flex: 1; | ||||
.title{ | .title{ | ||||
width: 570rpx; | |||||
height: 100rpx; | height: 100rpx; | ||||
line-height: 100rpx; | line-height: 100rpx; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
@@ -93,6 +97,7 @@ | |||||
padding: 0 30rpx; | padding: 0 30rpx; | ||||
} | } | ||||
.list-item{ | .list-item{ | ||||
width: 570rpx; | |||||
padding: 0 30rpx; | padding: 0 30rpx; | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
@@ -108,9 +113,14 @@ | |||||
&:last-child{ | &:last-child{ | ||||
border: 0; | border: 0; | ||||
} | } | ||||
.text{ | |||||
flex: 1; | |||||
} | |||||
image{ | image{ | ||||
flex: 0 0 12rpx; | |||||
width: 12rpx; | width: 12rpx; | ||||
height: 28rpx; | height: 28rpx; | ||||
margin-left: 20rpx; | |||||
} | } | ||||
} | } | ||||
} | } | ||||