返乡统计类型联动及返显

src/projects/business/views/Other/Return/Questionnaire.vue

@@ -39,7 +39,7 @@
 					<textarea v-model="subForm.liveDetailAddress" name="liveDetailAddress" rows="2" placeholder="请填写详细地址信息"
 					 autocomplete="off"></textarea>
 				</div>
-				<div @click="selectType" class="mui-input-row">
+				<div @click="selectType" class="mui-input-row" style="margin-top: 10px;">
 					<label><i class="colorfe616c">*</i>&nbsp;返乡类型</label>
 					<button v-text="typeName" class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
 					</button>
@@ -83,14 +83,14 @@
 					<textarea v-model="subForm.remark" name="remark" rows="2" placeholder="可输入备注" autocomplete="off"></textarea>
 				</div>
 				<div class="mui-input-row">
-					<label style="width:75%;padding:11px 0 11px 15px">如有7日内核酸检测报告请上传照片</label>
+					<label style="width:75%;padding:11px 0 11px 15px"><i v-if="subForm.type!='4'" class="colorfe616c">*&nbsp;</i>上传7日内核酸检测报告照片</label>
 					<button @click="chooseImage('checkImageUrl')" class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:25%">
 						<img v-if="subForm.checkImageUrl" :src="subForm.checkImageUrl" />
 						<span v-else>点击上传</span>
 					</button>
 				</div>
 				<div class="mui-input-row">
-					<label style="width:50%">上传“行程卡”截图</label>
+					<label style="width:50%"><i v-if="subForm.type!='4'" class="colorfe616c">*&nbsp;</i>上传“行程卡”截图</label>
 					<button @click="chooseImage('travelImageUrl')" class="mui-btn mui-btn-block mui-navigate-right" type='button'
 					 style="width:50%">
 						<img v-if="subForm.travelImageUrl" :src="subForm.travelImageUrl" />
@@ -98,7 +98,7 @@
 					</button>
 				</div>
 				<div class="mui-input-row">
-					<label style="width:50%">上传本人健康码截图</label>
+					<label style="width:50%"><i v-if="subForm.type!='4'" class="colorfe616c">*&nbsp;</i>上传本人健康码截图</label>
 					<button @click="chooseImage('healthCodeUrl')" class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
 						<img v-if="subForm.healthCodeUrl" :src="subForm.healthCodeUrl" />
 						<span v-else>点击上传</span>
@@ -478,17 +478,24 @@
 		destroyed() {},
 		computed: {
 			liveRegionIdName: function() {
+				var nameArr = [];
 				for (var i = 0; i < this.liveRegionIdList.length; i++) {
+					nameArr[0] = this.liveRegionIdList[i]['text'];
 					if (this.liveRegionIdList[i]['value'] == this.subForm.liveRegionId) {
-						return this.liveRegionIdList[i]['text'];
+						//return this.liveRegionIdList[i]['text'];
+						return nameArr.join('/');
 					}
 					for (var j = 0; j < this.liveRegionIdList[i]['children'].length; j++) {
+						nameArr[1] = this.liveRegionIdList[i]['children'][j]['text'];
 						if (this.liveRegionIdList[i]['children'][j]['value'] == this.subForm.liveRegionId) {
-							return this.liveRegionIdList[i]['children'][j]['text'];
+							//return this.liveRegionIdList[i]['children'][j]['text'];
+							return nameArr.join('/');
 						}
 						for (var s = 0; s < this.liveRegionIdList[i]['children'][j]['children'].length; s++) {
+							nameArr[2] = this.liveRegionIdList[i]['children'][j]['children'][s]['text'];
 							if (this.liveRegionIdList[i]['children'][j]['children'][s]['value'] == this.subForm.liveRegionId) {
-								return this.liveRegionIdList[i]['children'][j]['children'][s]['text'];
+								//return this.liveRegionIdList[i]['children'][j]['children'][s]['text'];
+								return nameArr.join('/');
 							}
 						}
 					}
@@ -496,17 +503,24 @@
 				return '点击选择';
 			},
 			originIdName: function() {
+				var nameArr = [];
 				for (var i = 0; i < this.originIdList.length; i++) {
+					nameArr[0] = this.originIdList[i]['text'];
 					if (this.originIdList[i]['value'] == this.subForm.originId) {
-						return this.originIdList[i]['text'];
+						//return this.originIdList[i]['text'];
+						return nameArr.join('/');
 					}
 					for (var j = 0; j < this.originIdList[i]['children'].length; j++) {
+						nameArr[1] = this.originIdList[i]['children'][j]['text'];
 						if (this.originIdList[i]['children'][j]['value'] == this.subForm.originId) {
-							return this.originIdList[i]['children'][j]['text'];
+							//return this.originIdList[i]['children'][j]['text'];
+							return nameArr.join('/');
 						}
 						for (var s = 0; s < this.originIdList[i]['children'][j]['children'].length; s++) {
+							nameArr[2] = this.originIdList[i]['children'][j]['children'][s]['text'];
 							if (this.originIdList[i]['children'][j]['children'][s]['value'] == this.subForm.originId) {
-								return this.originIdList[i]['children'][j]['children'][s]['text'];
+								//return this.originIdList[i]['children'][j]['children'][s]['text'];
+								return nameArr.join('/');
 							}
 						}
 					}
@@ -529,6 +543,30 @@
 				menu_list: 'menu_list',
 				common_menu_list: 'common_menu_list',
 			})
+		},
+		watch: {
+			'subForm.type': {
+				handler(newValue, oldValue) {
+					if (newValue == '1') {
+						this.subForm.originId = '100000';
+					} else if (newValue != '') {
+						this.subForm.originId = '';
+					}
+				},
+				immediate: true,
+				deep: true
+			},
+			'subForm.originId': {
+				handler(newValue, oldValue) {
+					if (newValue == '100000') {
+						this.subForm.type = '1';
+					} else if (newValue != '') {
+						this.subForm.type = '';
+					}
+				},
+				immediate: true,
+				deep: true
+			}
 		}
 	}
 </script>