update 满意度调查优化代码

pages/jiance/manyi.vue

@@ -8,8 +8,6 @@
 		<view class="cu-form-group">
 			<view class="title">客户单位:</view>
 			<input placeholder="请输入客户单位" v-model="buMenName" name="input" disabled></input>
-			<!-- 			<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
-				v-if="buMenName != ''" @click="buMenName = ''"></u-icon> -->
 		</view>
 		<view class="cu-form-group">
 			<view class="title">客户联系方式:</view>
@@ -21,12 +19,9 @@
 			<input placeholder="请输入服务项目" v-model="fuWuXiangMu" name="input"></input>
 			<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42" v-if="fuWuXiangMu != ''" @click="fuWuXiangMu = ''"></u-icon>
 		</view>
-		<view class="cu-form-group">
+		<view class="cu-form-group" style="justify-content:left">
 			<view class="title">服务类型:</view>
-			<!-- 			<input placeholder="请输入服务类型" v-model="fuWuLeiXing" name="input"></input>
-			<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42"
-				v-if="fuWuLeiXing != ''" @click="fuWuLeiXing = ''"></u-icon> -->
-			<u-checkbox-group v-model="fuWuLeiXing" @change="checkboxGroupChange">
+			<u-checkbox-group v-model="fuWuLeiXingCheck" @change="checkboxGroupChange">
 				<u-checkbox v-model="it.checked" v-for="(it, index) in fuWuLeiXingList" :key="index" :name="it.name">
 					{{it.name}}
 				</u-checkbox>
@@ -42,39 +37,34 @@
 			<input placeholder="请输入客户联系邮箱" v-model="keHuLianXiYouXian" name="input"></input>
 			<u-icon class="uni-icon" name="close-circle-fill" color="rgb(192, 196, 204)" size="42" v-if="keHuLianXiYouXian != ''" @click="keHuLianXiYouXian = ''"></u-icon>
 		</view>
-		<!-- <view class="cu-form-group">
-			<view class="title">事务说明:</view>
-			<input placeholder="事务说明" v-model="shiWuShuoMing" name="input" disabled></input>
-		</view> -->
-
 		<uni-section title="服务态度" type="line" padding>
 			<view class="scoreLine">
-				<uni-rate size="18" :value="5" :max="6" v-model="wenTiYiDaAn" />
-				<view class="score" v-if="wenTiYiDaAn!=''">（{{opinionList[wenTiYiDaAn-1]}}：{{wenTiYiDaAn == '' ? 0 : wenTiYiDaAn == 6 ? 10 : wenTiYiDaAn == 5 ? 9 :wenTiYiDaAn == 4 ? 7 : wenTiYiDaAn == 3 ? 5 : wenTiYiDaAn == 2 ? 2 : wenTiYiDaAn == 1 ? 0 : 0}}分）</view>
+				<uni-rate size="24" :max="6" activeColor="#67c23a" v-model="wenTiYiDaAn" />
+				<view class="score" v-if="wenTiYiDaAn!=''">{{getRote(wenTiYiDaAn)}}</view>
 			</view>
 		</uni-section>
 		<uni-section title="检测服务能力" type="line" padding>
 			<view class="scoreLine">
-				<uni-rate size="18" :value="5" :max="6" v-model="wenTiErDaAn" />
-				<view class="score" v-if="wenTiErDaAn!=''">（{{opinionList[wenTiErDaAn-1]}}：{{wenTiErDaAn == '' ? 0 : wenTiErDaAn == 6 ? 10 : wenTiErDaAn == 5 ? 9 :wenTiErDaAn == 4 ? 7 : wenTiErDaAn == 3 ? 5 : wenTiErDaAn == 2 ? 2 : wenTiErDaAn == 1 ? 0 : 0}}分）</view>
+				<uni-rate size="24" :max="6" activeColor="#67c23a" v-model="wenTiErDaAn" />
+				<view class="score" v-if="wenTiErDaAn!=''">{{getRote(wenTiErDaAn)}}</view>
 			</view>
 		</uni-section>
 		<uni-section title="检测报告及时性" type="line" padding>
 			<view class="scoreLine">
-				<uni-rate size="18" :value="5" :max="6" v-model="wenTiSanDaAn" />
-				<view class="score" v-if="wenTiSanDaAn!=''">（{{opinionList[wenTiSanDaAn-1]}}：{{wenTiSanDaAn == '' ? 0 : wenTiSanDaAn == 6 ? 10 : wenTiSanDaAn == 5 ? 9 :wenTiSanDaAn == 4 ? 7 : wenTiSanDaAn == 3 ? 5 : wenTiSanDaAn == 2 ? 2 : wenTiSanDaAn == 1 ? 0 : 0}}分）</view>
+				<uni-rate size="24" :max="6" activeColor="#67c23a" v-model="wenTiSanDaAn" />
+				<view class="score" v-if="wenTiSanDaAn!=''">{{getRote(wenTiSanDaAn)}}</view>
 			</view>
 		</uni-section>
 		<uni-section title="报告差错率" type="line" padding>
 			<view class="scoreLine">
-				<uni-rate size="18" :value="5" :max="6" v-model="wenTiSiDaAn" />
-				<view class="score" v-if="wenTiSiDaAn!=''">（{{opinionList[wenTiSiDaAn-1]}}：{{wenTiSiDaAn == '' ? 0 : wenTiSiDaAn == 6 ? 10 : wenTiSiDaAn == 5 ? 9 :wenTiSiDaAn == 4 ? 7 : wenTiSiDaAn == 3 ? 5 : wenTiSiDaAn == 2 ? 2 : wenTiSiDaAn == 1 ? 0 : 0}}分）</view>
+				<uni-rate size="24" :max="6" activeColor="#67c23a" v-model="wenTiSiDaAn" />
+				<view class="score" v-if="wenTiSiDaAn!=''">{{getRote(wenTiSiDaAn)}}</view>
 			</view>
 		</uni-section>
 		<uni-section title="投诉应答处理" type="line" padding>
 			<view class="scoreLine">
-				<uni-rate size="18" :value="5" :max="6" v-model="wenTiWuDaAn" />
-				<view class="score" v-if="wenTiWuDaAn!=''">（{{opinionList[wenTiWuDaAn-1]}}：{{wenTiWuDaAn == '' ? 0 : wenTiWuDaAn == 6 ? 10 : wenTiWuDaAn == 5 ? 9 :wenTiWuDaAn == 4 ? 7 : wenTiWuDaAn == 3 ? 5 : wenTiWuDaAn == 2 ? 2 : wenTiWuDaAn == 1 ? 0 : 0}}分）</view>
+				<uni-rate size="24" :max="6" activeColor="#67c23a" v-model="wenTiWuDaAn" />
+				<view class="score" v-if="wenTiWuDaAn!=''">{{getRote(wenTiWuDaAn)}}</view>
 			</view>
 		</uni-section>
 		<uni-section title="客户意见和建议" type="line" padding>
@@ -84,9 +74,9 @@
 			<view style="width: 100%;">
 				<view style="text-align: right;width: 100%;">
 					<view>
-						<u-button type="primary" size="mini" @click="qianming(0)">
+						<u-button type="primary" class="btn-back-color" size="mini" @click="qianming">
 							签名</u-button>
-						<u-button type="primary" size="mini" @click="deqianming(0)" style="margin-left: 15rpx;" v-if="qianMing != ''">
+						<u-button type="error" size="mini" @click="deqianming" style="margin-left: 15rpx;" v-if="qianMing != ''">
 							取消</u-button>
 					</view>
 				</view>
@@ -144,7 +134,8 @@
 				qingNinTianXie: '',
 				kehuXinXinList: [],
 				lianxidianhua: '',
-				fuWuLeiXing: [],
+				fuWuLeiXing: '',
+				fuWuLeiXingCheck: [],
 				keHuLianXiYouXian: '',
 				fuWuXiangMu: '',
 				keHuLianXiRen: '',
@@ -166,9 +157,49 @@
 			}
 		},
 		onLoad() {
+			this.wenTiYiDaAn = 6
+			this.wenTiErDaAn = 6
+			this.wenTiSanDaAn = 6
+			this.wenTiSiDaAn = 6
+			this.wenTiWuDaAn = 6
 			this.getKehu()
 		},
 		methods: {
+			//对应选择分数显示
+			getRote(index) {
+				if (index) {
+					let data = ''
+					let dataItem = this.setRote(index) + '分'
+					return '（' + this.opinionList[index - 1] + ':' + dataItem + "）"
+				} else {
+					return ''
+				}
+			},
+			//对应分数编译
+			setRote(index) {
+				let data = ''
+				switch (index) {
+					case 1:
+						data = '0'
+						break
+					case 2:
+						data = '2'
+						break
+					case 3:
+						data = '5'
+						break
+					case 4:
+						data = '7'
+						break
+					case 5:
+						data = '9'
+						break
+					case 6:
+						data = '10'
+						break
+				}
+				return data
+			},
 			getKehu() {
 				let info = uni.getStorageSync(USER_INFO);
 				if (info) {
@@ -181,16 +212,11 @@
 				}
 			},
 			checkboxGroupChange(e) {
-				let a = ''
-				e.forEach((item, i) => {
-					if (i == 0) {
-						a = item
-					} else {
-						a = a + ',' + item
-					}
-
-				});
-				this.fuWuLeiXing = a
+				if (e.length > 0) {
+					this.fuWuLeiXing = e.join(",")
+				} else {
+					this.fuWuLeiXing = ''
+				}
 			},
 			onSubmit() {
 				let info = uni.getStorageSync(USER_INFO);
@@ -198,11 +224,13 @@
 				let detpId = info.org.id
 
 				if (this.buMenName == '') {
-					return uni.showToast({
-						title: '该账户暂时不能填写满意度调查,如果需要填写请联系本公司',
-						icon: 'none',
-						duration: 2000
-					})
+					return this.$methCommon.getPrompt('该账户暂时不能填写满意度调查,如果需要填写请联系本公司')
+				}
+				if (!this.fuWuXiangMu) {
+					return this.$methCommon.getPrompt('请输入服务项目')
+				}
+				if (!this.fuWuLeiXing) {
+					return this.$methCommon.getPrompt('请选择服务类型')
 				}
 
 				var nowDate = new Date((new Date).getTime() + 8 * 60 * 60 * 1000)
@@ -231,22 +259,18 @@
 					keHuLianXiYouXian: this.keHuLianXiYouXian,
 					fuWuXiangMu: this.fuWuXiangMu,
 					fuWuLeiXing: this.fuWuLeiXing,
-					pingFen1: this.wenTiYiDaAn == '' ? 0 : this.wenTiYiDaAn == 6 ? 10 : this.wenTiYiDaAn == 5 ? 9 : this.wenTiYiDaAn == 4 ? 7 : this.wenTiYiDaAn == 3 ? 5 : this.wenTiYiDaAn == 2 ? 2 : this
-						.wenTiYiDaAn == 1 ? 0 : 0,
-					pingFen2: this.wenTiErDaAn == '' ? 0 : this.wenTiErDaAn == 6 ? 10 : this.wenTiErDaAn == 5 ? 9 : this.wenTiErDaAn == 4 ? 7 : this.wenTiErDaAn == 3 ? 5 : this.wenTiErDaAn == 2 ? 2 : this
-						.wenTiErDaAn == 1 ? 0 : 0,
-					pingFen3: this.wenTiSanDaAn == '' ? 0 : this.wenTiSanDaAn == 6 ? 10 : this.wenTiSanDaAn == 5 ? 9 : this.wenTiSanDaAn == 4 ? 7 : this.wenTiSanDaAn == 3 ? 5 : this.wenTiSanDaAn == 2 ? 2 : this
-						.wenTiSanDaAn == 1 ? 0 : 0,
-					pingFen4: this.wenTiSiDaAn == '' ? 0 : this.wenTiSiDaAn == 6 ? 10 : this.wenTiSiDaAn == 5 ? 9 : this.wenTiSiDaAn == 4 ? 7 : this.wenTiSiDaAn == 3 ? 5 : this.wenTiSiDaAn == 2 ? 2 : this
-						.wenTiSiDaAn == 1 ? 0 : 0,
-					pingFen5: this.wenTiWuDaAn == '' ? 0 : this.wenTiWuDaAn == 6 ? 10 : this.wenTiWuDaAn == 5 ? 9 : this.wenTiWuDaAn == 4 ? 7 : this.wenTiWuDaAn == 3 ? 5 : this.wenTiWuDaAn == 2 ? 2 : this
-						.wenTiWuDaAn == 1 ? 0 : 0,
+					pingFen1: this.setRote(this.wenTiYiDaAn),
+					pingFen2: this.setRote(this.wenTiErDaAn),
+					pingFen3: this.setRote(this.wenTiSanDaAn),
+					pingFen4: this.setRote(this.wenTiSiDaAn),
+					pingFen5: this.setRote(this.wenTiWuDaAn),
 					yiJianHeJianYi: this.qingNinTianXie,
 					bianZhiRen: useId,
 					bianZhiShiJian: time,
 					bianZhiBuMen: detpId,
 					shiFouGuoShen: "已编制",
-					shiWuShuoMing: this.shiWuShuoMing
+					shiWuShuoMing: this.shiWuShuoMing,
+					qianMing: this.qianMing
 				}
 				para.parameters[2].value = JSON.stringify(paraValue);
 				let that = this;
@@ -262,42 +286,25 @@
 					this.$tip.error(msg);
 				});
 			},
-			onChange(e) {
-				let itemData = this.kehuXinXinList.find(item => item.id_ = e)
-				if (itemData) {
-					this.lianxidianhua = itemData.lian_xi_fang_shi_
-				}
-			},
-			sig(sql) {
-				let rul = (sql.length + 9) * 12 * 3 + 168
-				let salt = "JinYuanXinTong"
-				return md5(rul + '' + salt)
-			},
 			//弹出框显示
-			qianming(index) {
-				this.qianshow = true
-				this.qianIndex = index
+			qianming() {
 				this.popupShow = true
 			},
 			//清除签名
 			deqianming(index) {
-				if (index == 0) {
-					this.qianMing = ''
-				}
+				this.qianMing = ''
 			},
 			//保存签名
 			save(val) {
-				if (this.qianIndex == 0) {
-					this.qianMing = val
-				}
-				this.qianshow = false
+				this.qianMing = val
 				this.popupShow = false
 			},
 			//清除签名
 			clear(val) {
-				if (this.qianIndex == 0) {
-					this.qianMing = ''
-				}
+				this.qianMing = ''
+			},
+			close() {
+				this.popupShow = false
 			},
 		}
 	}
@@ -329,4 +336,12 @@
 	/deep/ .u-alert-tips--bg--success-light {
 		background-color: #f0f9eb;
 	}
+
+	/deep/.u-alert-title {
+		color: #67c23a;
+	}
+
+	/deep/.u-alert-desc {
+		color: #67c23a;
+	}
 </style>