| 
					
				 | 
			
			
				@@ -0,0 +1,351 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <el-dialog 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :title="title" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :visible.sync="open" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width="60%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    append-to-body 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :close-on-click-modal="false" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    @close="cancel" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="form-dialog-box" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    v-loading="loading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    :element-loading-text="loadingText" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    element-loading-spinner="el-icon-loading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    element-loading-background="rgba(0, 0, 0, 0)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        v-loading="loading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :element-loading-text="''" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        element-loading-spinner="''" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        element-loading-background="rgba(0, 0, 0, 0.8)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-form :model="form" ref="form" :rules="rules" label-width="100px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="display: flex;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="姓名:" prop="contactsName"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span style="min-width: 350px;display: inline-block;">{{ form.contactsName }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="联系电话:" prop="contactsMobile"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span style="min-width: 350px;display: inline-block;">{{ form.contactsMobile }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item label="留言内容:" prop="content"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <span>{{ form.content }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="display: flex;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="类型:" prop="type"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span style="min-width: 350px;display: inline-block;"><dict-tag :options="dict.type.tourism_suggestions_type" :value="form.type"/></span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="留言时间:" prop="createTime"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span style="min-width: 350px;display: inline-block;">{{ form.createTime }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="display: flex;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="状态:" prop="status"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span style="min-width: 350px;display: inline-block;"><dict-tag :options="dict.type.tourism_suggestions_status" :value="form.status"/></span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form-item label="处理时间:" v-if="form.status == 1" prop="answerTime"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span style="min-width: 350px;display: inline-block;">{{ form.answerTime }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item label="回复内容:" v-if="form.status == 1" prop="answerContent"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <span>{{ form.answerContent }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <span slot="footer" class="dialog-footer" v-if="formStatus==1"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-button @click="cancel">关闭</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- 添加或修改对话框 End --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </el-dialog> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import {  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  getTableDeatilsByIdApi, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  addTableApi 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ } from '@/api/CURD' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  name: "addAndEdit", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  dicts: ['tourism_suggestions_type','tourism_suggestions_status'], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      title: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      model: "", // EDIT: 编辑模式 ADD : 新增模式  EDITInit : 编辑模式(需要请求详情) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      open: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      loading: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      loadingText: "拼命加载数据中...", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      formStatus: null, // 0/null : 加载中 1 : 获取详情成功 2  : 获取详情失败  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      configUrl: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        add: '', // 新增地址 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        details: '/member/memberSuggestion/selectById', // 详情地址 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        edit: '', // 编辑地址 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      form: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        id: undefined, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      rules: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        contactsName: [{ required: false, message: "请输入姓名", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        contactsMobile: [{ required: false, message: "请输入联系电话", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        content: [{ required: false, message: "请输入留言内容", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        type: [{ required: false, message: "请选择类型", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        createTime: [{ required: false, message: "请选择留言时间", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        status: [{ required: false, message: "请选择状态", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        answerTime: [{ required: false, message: "请选择处理时间", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        answerContent: [{ required: false, message: "请输入回复内容", trigger: ["change","blur"] }], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    async initData(title , model,row){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.title = title 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.open = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.loadingText = "拼命加载数据中..." 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.loading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.model = model 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.formStatus = 0 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if(model=='ADD') { // 新增 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$set(this,'form',row) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.formStatus = 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }else if(model=='EDIT') { // 新增 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        let obj = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ...row 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$set(this,'form',obj) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.formStatus = 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }else if(model=='EDITInit' || model=='DEATILSInit') { // 新增 或 详情 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        await this.getTableDeatilsFun(row) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$nextTick(()=>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if(this.$refs["form"]) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$refs["form"].clearValidate(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /** 获取详情 */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    async getTableDeatilsFun(row) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const id = row.id 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.loading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      try { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        let res = await getTableDeatilsByIdApi(this.configUrl.details,{id}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if(res.code == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          let obj = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ...res.data 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$set(this,'form',JSON.parse(JSON.stringify(obj))) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.formStatus = 1 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$message.error('获取详情失败!!!'); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.formStatus = 2 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.open = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } catch (error) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        console.error('获取详情失败!!!!',error) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.formStatus = 2 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.open = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * 保存 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * @date 2023-11-22 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * @returns {any} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    submitForm() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs["form"].validate(valid => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (valid) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.loadingText = "提交数据中..." 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.loading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          if (this.model != 'ADD') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            addTableApi( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.configUrl.edit,{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ...this.form 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }).then(response => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$modal.msgSuccess("修改成功"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.open = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$emit('refresh') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }).catch(()=>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$message.error("修改失败!!!"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            addTableApi(this.configUrl.edit,{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ...this.form 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }).then(response => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$modal.msgSuccess("新增成功"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.open = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$emit('refresh') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }).catch(()=>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.$message.error("新增失败!!!"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              this.loading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * 重置 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * @date 2023-11-22 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * @returns {any} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    reset() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if(this.$refs["form"]) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$refs["form"].clearValidate(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * 关闭弹框 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * @date 2023-11-22 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     * @returns {any} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    cancel() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.reset(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.open = false; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.form-dialog-box { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  padding: 0 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  padding: 0 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  min-height: 50vh; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  max-height: 65vh; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  overflow-y: auto; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  >div { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100%; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    min-height: 50vh; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .form-title { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding: 0 0 10px 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    span { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      display: flex; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      color: rgba(65,80,88,1); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-size: 16px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-family: SourceHanSansSC; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-weight: 700; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      line-height: 23px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      border-left: 4px solid rgb(22, 132, 252); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      padding-left: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ::v-deep .ql-editor { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    height: 400px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .upload-btn { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    height: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    background-color: #fbfdff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border: dashed 1px #c0ccda; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border-radius: 5px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    i { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-size: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin-top: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    &-text { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin-top: -10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .avatar { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.el-table{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .upload-btn { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    height: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    background-color: #fbfdff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border: dashed 1px #c0ccda; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border-radius: 5px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    i { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-size: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin-top: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    &-text { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      margin-top: -10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .avatar { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.area-container { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  min-height: 400px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+::v-deep .area-wrap-city.el-cascader { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  line-height: normal; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-input { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100% !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    height: 28px !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .el-input__inner { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      display: none !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    span.el-input__suffix { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      position: inherit !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      i.el-input__icon { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        line-height: inherit; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        margin-left: 5px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .el-input__wrapper { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      box-shadow: none; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      input { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        display: none; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-cascader__tags { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    display: none; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.area-city-popper { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-cascader-panel { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    .el-scrollbar.el-cascader-menu { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .el-cascader-menu__wrap.el-scrollbar__wrap { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        height: 315px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+::v-deep .avatar-uploader .el-upload { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border: 1px dashed #d9d9d9; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border-radius: 6px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    cursor: pointer; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    position: relative; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    overflow: hidden; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ::v-deep .avatar-uploader .el-upload:hover { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    border-color: #409EFF; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ::v-deep .avatar-uploader-icon { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    font-size: 28px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: #8c939d; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    height: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    line-height: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    text-align: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  ::v-deep .avatar { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    height: 100px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    display: block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.custom-class-box { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  z-index: 999999 !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |