Browse Source

修改样式

message
corala 2 years ago
parent
commit
ed3ad78104
3 changed files with 59 additions and 48 deletions
  1. +7
    -3
      pages/center/Piabodata/Employeesstatistics.vue
  2. +49
    -43
      pages/center/consumer/newFollowup/newFollowup.vue
  3. +3
    -2
      pages/mine/details.vue

+ 7
- 3
pages/center/Piabodata/Employeesstatistics.vue View File

@@ -217,9 +217,9 @@
{{item.name.substring(0,4)}}</view> {{item.name.substring(0,4)}}</view>
<view class="progress-cus"> <view class="progress-cus">
<view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view> <view class="color1" v-if="index==0" :style="'width:'+ item.zxl||0 + '%'" ></view>
<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,4)+ '%'" ></view>
<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,4) + '%'" ></view>
<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,4)+ '%'" ></view>
<view class="color2" v-if="index==1" :style="'width:'+ getPercent(item.zxl,5)+ '%'" ></view>
<view class="color3" v-if="index==2" :style="'width:'+ getPercent(item.zxl,5) + '%'" ></view>
<view class="color4" v-if="index>2" :style="'width:'+ getPercent(item.zxl,5)+ '%'" ></view>
</view> </view>
<view class="jindu-zxl" >{{item.zxl==null?0:item.zxl}}次</view> <view class="jindu-zxl" >{{item.zxl==null?0:item.zxl}}次</view>
</view> </view>
@@ -316,6 +316,10 @@
let index0 = this.newlisttabinfo4.result[0] let index0 = this.newlisttabinfo4.result[0]
let percent = num/(index0.zxl) * 100 let percent = num/(index0.zxl) * 100
return percent.toFixed(2) return percent.toFixed(2)
}else if(this.newlisttabinfo5.result&&this.newlisttabinfo5.result.length&&type==5){
let index0 = this.newlisttabinfo5.result[0]
let percent = num/(index0.zxl) * 100
return percent.toFixed(2)
}else{ }else{
return 0 return 0
} }


+ 49
- 43
pages/center/consumer/newFollowup/newFollowup.vue View File

@@ -1,20 +1,17 @@
<template> <template>
<view class="box"> <view class="box">
<view class="screen">
<!-- 录音标示 -->
<view class="screen-record">
<view class="screen-record-text">
最新状态
</view>
<view class="screen-record-tab">
<view v-for="(item,index) in stateList" :key="index">
<view :class="[screen.state==index?'screen-record-chose':'screen-record-nochose']"
@click="screen.state=index">
{{item.stageName}}
</view>
<!-- 最新状态 -->
<view class="screen">
<view class="screen-counselor">
<view class="screen-text">
最新状态
</view>
<view class="screen-sel" @click="selectshow = true">
<input v-model="screen.stageName" type="text" placeholder='请选择'
class="screen-inp" disabled />
<image class="screen-sel-img" src="/static/images/right-arrow.png" mode=""></image>
</view> </view>
</view> </view>
</view>
<!-- 录音标示 --> <!-- 录音标示 -->
<view class="screen-record"> <view class="screen-record">
<view class="screen-record-text"> <view class="screen-record-text">
@@ -69,9 +66,8 @@
保存 保存
</view> </view>
</view> </view>
<u-select v-model="selectshow" value-name="id" label-name="stageName" :list="stateList" @confirm="actionSelectCallback"></u-select>
</view> </view>


</view> </view>
</template> </template>


@@ -85,8 +81,11 @@
selectTipshow: false, selectTipshow: false,
buildingID: '', buildingID: '',
keyword: '', keyword: '',
stageIndex: '',
screen: { screen: {
state: '0',
stageId: '',
stageCode: '',
stageName: '',
con: "", con: "",
level: '1' level: '1'
}, },
@@ -115,13 +114,18 @@
// this.getMyCustom() // this.getMyCustom()
// this.getFreeList() // this.getFreeList()
this.getNewStatus() this.getNewStatus()
this.getCustomerType();
}, },
methods: { methods: {
//选择顾问
//最新状态
actionSelectCallback(e) { actionSelectCallback(e) {
this.screen.agentId = e[0].value;
this.screen.agentIdtext = e[0].label;
console.log(e)
this.screen.stageId = e[0].value;
this.screen.stageName = e[0].label;
this.stateList.forEach((item, index) => {
if (item.stageName == this.screen.stageName) {
this.screen.stageCode = item.stageCode
}
})
}, },
getCustomerType() { getCustomerType() {
this.$u.get("/customer/queryKeyWords").then(res => { this.$u.get("/customer/queryKeyWords").then(res => {
@@ -132,20 +136,24 @@
}) })
}, },
getNewStatus() { getNewStatus() {
var that = this;
let premo = { let premo = {
houseId: uni.getStorageSync('buildingID').id houseId: uni.getStorageSync('buildingID').id
} }
this.$u.post('/customer/getStage', premo) this.$u.post('/customer/getStage', premo)
.then(res => { .then(res => {
res.map((item, index) => {
if (item.stageName == this.clientStageName) {
this.screen.state = index
}
})
if(res&& res.length){
res.forEach((item, index) => {
if (item.stageName == this.clientStageName) {
this.screen.stageId=res[index].id
this.screen.stageCode=res[index].stageCode
this.screen.stageName=res[index].stageName
}
})
this.stateList = res this.stateList = res
}else{
this.stateList = []
}
}) })

}, },
checkbox(idx) { checkbox(idx) {
console.log(idx) console.log(idx)
@@ -183,16 +191,15 @@
}) })
// console.log(type) // console.log(type)
let param = { let param = {
"stageCode": this.stateList[this.screen.state].stageCode,
"stageName": this.stateList[this.screen.state].stageName,
"stageCode": this.screen.stageCode,
"stageName": this.screen.stageName,
"remarks": this.screen.con, "remarks": this.screen.con,
orgCode: this.orgCode, orgCode: this.orgCode,
words, words,
// "settingTime":"",
"agentRelationPo": { "agentRelationPo": {
"customerId": this.customerId, "customerId": this.customerId,
"level": this.screen.level, "level": this.screen.level,
"state": this.stateList[this.screen.state].id
"state": this.screen.stageId
} }
} }
this.$u.post('/customer/addZkDailyWorkRecord', param) this.$u.post('/customer/addZkDailyWorkRecord', param)
@@ -214,40 +221,39 @@
} }


.screen { .screen {
// box-sizing: border-box;
// padding: 0 30rpx;
background: #FFFFFF; background: #FFFFFF;


.screen-counselor { .screen-counselor {
display: flex; display: flex;
align-items: center;
height: 106rpx; height: 106rpx;
// padding: 40rpx 30rpx 36rpx 30rpx;
padding: 0 30rpx;
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid #CCCCCC;
border-bottom: 1rpx solid #CCCCCC;
padding: 0 30rpx;


.screen-text { .screen-text {
margin: 40rpx 0 36rpx 0;
font-size: 30rpx; font-size: 30rpx;
font-weight: 400; font-weight: 400;
color: #333333; color: #333333;
line-height: 30rpx;
line-height: 106rpx;
} }


.screen-sel { .screen-sel {
display: flex; display: flex;
justify-content: space-between;
justify-content: flex-end;
align-items: center;
width: 500rpx; width: 500rpx;
margin-left: 60rpx; margin-left: 60rpx;


.screen-sel-img { .screen-sel-img {
margin: 40rpx 0 36rpx 0;
width: 14rpx;
height: 30rpx;
flex-shrink: 0;
width: 12rpx;
height: 28rpx;
} }


.screen-inp { .screen-inp {
margin-top: 20rpx;
padding: 0 20rpx;
text-align: right;
} }
} }
} }


+ 3
- 2
pages/mine/details.vue View File

@@ -1411,11 +1411,12 @@
.scroll-Y .text .content { .scroll-Y .text .content {
margin-left: 30rpx; margin-left: 30rpx;
text-align: left; text-align: left;
padding: 0 20rpx;
padding: 15rpx 20rpx;
line-height: 42rpx;
background: #f8f8f8; background: #f8f8f8;
border-radius: 12rpx; border-radius: 12rpx;
max-width: 460rpx; max-width: 460rpx;
color: #999;
color: #505050;
position: relative; position: relative;


.tankuangcss { .tankuangcss {


Loading…
Cancel
Save