修改满意度类型改为多选，增加评分提示

pages/jiance/manyi.vue

@@ -27,11 +27,11 @@
 			<!-- 			<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-radio-group v-model="fuWuLeiXing">
-				<u-radio v-for="(it, index) in fuWuLeiXingList" :key="index" :name="it.name">
+			<u-checkbox-group v-model="fuWuLeiXing" @change="checkboxGroupChange">
+				<u-checkbox v-model="it.checked" v-for="(it, index) in fuWuLeiXingList" :key="index" :name="it.name">
 					{{it.name}}
-				</u-radio>
-			</u-radio-group>
+				</u-checkbox>
+			</u-checkbox-group>
 		</view>
 		<view class="cu-form-group">
 			<view class="title">客户联系人:</view>
@@ -47,19 +47,34 @@
 		</view>
 
 		<uni-section title="服务态度" type="line" padding>
-			<uni-rate size="18" :value="5" :max="6" v-model="wenTiYiDaAn" />
+			<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>
+			</view>
 		</uni-section>
 		<uni-section title="检测服务能力" type="line" padding>
-			<uni-rate size="18" :value="5" :max="6" v-model="wenTiErDaAn" />
+			<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>
+			</view>
 		</uni-section>
 		<uni-section title="检测报告及时性" type="line" padding>
-			<uni-rate size="18" :value="5" :max="6" v-model="wenTiSanDaAn" />
+			<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>
+			</view>
 		</uni-section>
 		<uni-section title="报告差错率" type="line" padding>
-			<uni-rate size="18" :value="5" :max="6" v-model="wenTiSiDaAn" />
+			<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>
+			</view>
 		</uni-section>
 		<uni-section title="投诉应答处理" type="line" padding>
-			<uni-rate size="18" :value="5" :max="6" v-model="wenTiWuDaAn" />
+			<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>
+			</view>
 		</uni-section>
 		<uni-section title="客户意见和建议" type="line" padding>
 			<textarea maxlength="-1" v-model="qingNinTianXie" placeholder="意见和建议"></textarea>
@@ -99,18 +114,23 @@
 				qingNinTianXie: '',
 				kehuXinXinList: [],
 				lianxidianhua: '',
-				fuWuLeiXing: '',
+				fuWuLeiXing: [],
 				keHuLianXiYouXian: '',
 				fuWuXiangMu: '',
 				keHuLianXiRen: '',
 				mobile: '',
 				buMenName: '',
 				fuWuLeiXingList: [{
-					name: "检验检测"
+					name: "检验检测",
+					checked: false,
+					disabled: false
 				}, {
-					name: "科研服务"
+					name: "科研服务",
+					checked: false,
+					disabled: false
 				}],
 				keHuBianHao: '',
+				opinionList:['很不满意','不满意','基本满意','较满意','满意','非常满意']
 			}
 		},
 		onLoad() {
@@ -127,7 +147,19 @@
 					this.keHuLianXiYouXian = info.user.email || ''
 				}
 			},
+			checkboxGroupChange(e) {
+				let a = ''
+				e.forEach((item,i)=>{
+					if(i ==0 ){
+						a = item
+					}else{
+						a =a+','+ item
+					}
 
+				});
+				this.fuWuLeiXing = a
+				console.log(this.fuWuLeiXing)
+			},
 			onSubmit() {
 				let info = uni.getStorageSync(USER_INFO);
 				let useId = info.user.id
@@ -224,4 +256,13 @@
 	.btn {
 		margin: 15rpx
 	}
+	.scoreLine{
+		display: flex;
+		align-items:center;
+	}
+	.score{
+		display: inline-block;
+		font-size: 12rpx;
+		color: grey;
+	}
 </style>