线索管理、销售线索、人员目标管理、人员目标、人员目标统计调整

src/HManagement/clueManage/clue_private/modules/detail.vue

@@ -369,6 +369,8 @@ export default {
                 label: this.$t("最近跟进时间"),
                 value: this.mainData.followDate,
               },
+              {label:'转化客户驳回原因',value:this.mainData.reason_customer},
+              {label:'转化项目驳回原因',value:this.mainData.reason_project},
               {
                 label: this.$t("无效原因"),
                 value: this.mainData.invalidreason,

src/HManagement/personalTarget/personalTargetStatistics/index.vue

@@ -99,6 +99,7 @@
               </el-table-column>
               <el-table-column
                   prop="y1h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -123,6 +124,7 @@
               </el-table-column>
               <el-table-column
                   prop="s1h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -147,6 +149,7 @@
               </el-table-column>
               <el-table-column
                   prop="m1h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -171,6 +174,7 @@
               </el-table-column>
               <el-table-column
                   prop="m2h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -195,6 +199,7 @@
               </el-table-column>
               <el-table-column
                   prop="m3h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -219,6 +224,7 @@
               </el-table-column>
               <el-table-column
                   prop="s2h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -243,6 +249,7 @@
               </el-table-column>
               <el-table-column
                   prop="m4h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -267,6 +274,7 @@
               </el-table-column>
               <el-table-column
                   prop="m5h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -291,6 +299,7 @@
               </el-table-column>
               <el-table-column
                   prop="m6h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -315,6 +324,7 @@
               </el-table-column>
               <el-table-column
                   prop="s3h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -339,6 +349,7 @@
               </el-table-column>
               <el-table-column
                   prop="m7h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -363,6 +374,7 @@
               </el-table-column>
               <el-table-column
                   prop="m8h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -387,6 +399,7 @@
               </el-table-column>
               <el-table-column
                   prop="m9h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -411,6 +424,7 @@
               </el-table-column>
               <el-table-column
                   prop="s4h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -435,6 +449,7 @@
               </el-table-column>
               <el-table-column
                   prop="m10h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -459,6 +474,7 @@
               </el-table-column>
               <el-table-column
                   prop="m11h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -483,6 +499,7 @@
               </el-table-column>
               <el-table-column
                   prop="m12h"
+                  v-if="isquerytarget == 0"
                   :label="$t('挑战')"
                   width="120">
                 <template slot-scope="scope">
@@ -549,7 +566,8 @@ export default {
       style:{
         background: '#FFFFFF',
         padding:'0px'
-      }
+      },
+      isquerytarget:''
     }
   },
   methods:{
@@ -658,6 +676,19 @@ export default {
         this.style.padding = '0px'
         console.log('全屏模式已退出');
       }
+    },
+    async queryTarget(){
+      const res = await this.$api.requested({
+        "classname": "webmanage.site.site",
+        "method": "querySite_Parameter",
+        "content": {
+        }
+      })
+      if (res.code == 0){
+        this.tool.showMessage(res,()=>{})
+      }else {
+        this.isquerytarget = res.data.isquerytarget
+      }
     }
   },
   mounted () {
@@ -668,6 +699,7 @@ export default {
     document.addEventListener('mozfullscreenchange', this.handleFullscreenChange);
     document.addEventListener('webkitfullscreenchange', this.handleFullscreenChange);
     document.addEventListener('MSFullscreenChange',this.handleFullscreenChange)
+    this.queryTarget()
   }
 }
 

src/HManagement/personalTarget/target/modules/edit/components/editTarget.vue

@@ -23,7 +23,7 @@
               <el-input v-model="form['y1l']" disabled autocomplete="off"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="6" v-if="isquerytarget == 0">
             <el-form-item :label="$t('挑战目标')">
               <el-input v-model="form['y1h']" disabled autocomplete="off"></el-input>
             </el-form-item>
@@ -41,7 +41,7 @@
                 <el-input v-model="form[`s${index+1}l`]" disabled autocomplete="off"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="8">
+            <el-col :span="8" v-if="isquerytarget == 0">
               <el-form-item :label="$t('挑战目标')">
                 <el-input v-model="form[`s${index+1}h`]" disabled autocomplete="off"></el-input>
               </el-form-item>
@@ -57,7 +57,7 @@
                     <el-input type="number" v-model="form[`m${1+index * 3}l`]" :disabled="date.month  > (1+index * 3) && date.year >= year" autocomplete="off" @change="changeData()"></el-input>
                   </el-form-item>
                 </el-col>
-                <el-col :span="12">
+                <el-col :span="12" v-if="isquerytarget == 0">
                   <el-form-item :label="$t('挑战目标')">
                     <el-input type="number" v-model="form[`m${1+index * 3}h`]" :disabled="date.month  > (1+index * 3) && date.year >= year" autocomplete="off" @change="changeData()"></el-input>
                   </el-form-item>
@@ -71,7 +71,7 @@
                     <el-input type="number" v-model="form[`m${2+index * 3}l`]" :disabled="date.month  > (2+index * 3) && date.year >= year" autocomplete="off" @change="changeData()"></el-input>
                   </el-form-item>
                 </el-col>
-                <el-col :span="12">
+                <el-col :span="12" v-if="isquerytarget == 0">
                   <el-form-item :label="$t('挑战目标')">
                     <el-input type="number" v-model="form[`m${2+index * 3}h`]" :disabled="date.month  > (2+index * 3) && date.year >= year" autocomplete="off" @change="changeData()"></el-input>
                   </el-form-item>
@@ -85,7 +85,7 @@
                     <el-input type="number" v-model="form[`m${3+index * 3}l`]" :disabled="date.month  > (3+index * 3) && date.year >= year" autocomplete="off" @change="changeData()"></el-input>
                   </el-form-item>
                 </el-col>
-                <el-col :span="12">
+                <el-col :span="12" v-if="isquerytarget == 0">
                   <el-form-item :label="$t('挑战目标')">
                     <el-input type="number" v-model="form[`m${3+index * 3}h`]" :disabled="date.month  > (3+index * 3) && date.year >= year" autocomplete="off" @change="changeData()"></el-input>
                   </el-form-item>
@@ -116,7 +116,8 @@ export default {
       date:{
         year:'',
         month:''
-      }
+      },
+      isquerytarget:''
     }
   },
   methods:{
@@ -153,7 +154,23 @@ export default {
         this.$emit('onSuccess')
         this.dialogTableVisible = false
       })
+    },
+    async queryTarget(){
+      const res = await this.$api.requested({
+        "classname": "webmanage.site.site",
+        "method": "querySite_Parameter",
+        "content": {
+        }
+      })
+      if (res.code == 0){
+        this.tool.showMessage(res,()=>{})
+      }else {
+        this.isquerytarget = res.data.isquerytarget
+      }
     }
+  },
+  mounted() {
+    this.queryTarget()
   }
 }
 

src/HManagement/personalTarget/target/modules/edit/components/table.vue

@@ -49,6 +49,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="y1h"
               :label="$t('挑战')"
               width="120">
@@ -67,6 +68,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="s1h"
               :label="$t('挑战')"
               width="120">
@@ -85,6 +87,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m1h"
               :label="$t('挑战')"
               width="120">
@@ -103,6 +106,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m2h"
               :label="$t('挑战')"
               width="120">
@@ -121,6 +125,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m3h"
               :label="$t('挑战')"
               width="120">
@@ -139,6 +144,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="s2h"
               :label="$t('挑战')"
               width="120">
@@ -157,6 +163,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m4h"
               :label="$t('挑战')"
               width="120">
@@ -175,6 +182,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m5h"
               :label="$t('挑战')"
               width="120">
@@ -193,6 +201,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m6h"
               :label="$t('挑战')"
               width="120">
@@ -211,6 +220,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="s3h"
               :label="$t('挑战')"
               width="120">
@@ -229,6 +239,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m7h"
               :label="$t('挑战')"
               width="120">
@@ -247,6 +258,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m8h"
               :label="$t('挑战')"
               width="120">
@@ -265,6 +277,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m9h"
               :label="$t('挑战')"
               width="120">
@@ -283,6 +296,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="s4h"
               :label="$t('挑战')"
               width="120">
@@ -301,6 +315,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m10h"
               :label="$t('挑战')"
               width="120">
@@ -319,6 +334,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m11h"
               :label="$t('挑战')"
               width="120">
@@ -337,6 +353,7 @@
             </template>
           </el-table-column>
           <el-table-column
+              v-if="isquerytarget == 0"
               prop="m12h"
               :label="$t('挑战')"
               width="120">
@@ -392,7 +409,8 @@ export default {
       style:{
         background: '#FFFFFF',
         padding:'0px'
-      }
+      },
+      isquerytarget:''
     }
   },
   methods:{
@@ -461,6 +479,19 @@ export default {
         this.style.padding = '0px'
         console.log('全屏模式已退出');
       }
+    },
+    async queryTarget(){
+      const res = await this.$api.requested({
+        "classname": "webmanage.site.site",
+        "method": "querySite_Parameter",
+        "content": {
+        }
+      })
+      if (res.code == 0){
+        this.tool.showMessage(res,()=>{})
+      }else {
+        this.isquerytarget = res.data.isquerytarget
+      }
     }
     /*yearData(data){
       console.log(data)
@@ -473,6 +504,8 @@ export default {
     document.addEventListener('mozfullscreenchange', this.handleFullscreenChange);
     document.addEventListener('webkitfullscreenchange', this.handleFullscreenChange);
     document.addEventListener('MSFullscreenChange',this.handleFullscreenChange)
+
+    this.queryTarget()
   }
 }
 

src/SManagement/orderclue_detail/components/customerAudit.vue

@@ -139,11 +139,22 @@
         </el-row>
       </div>
       <div class="fixed__btn__panel">
-        <el-button size="small" type="danger" @click="onAudit('不通过')" class="normal-btn-width">{{$t('审核不通过')}}</el-button>
+        <el-button size="small" type="danger" @click="dialogNoAudit" class="normal-btn-width">{{$t('审核不通过')}}</el-button>
         <el-button size="small" type="success" @click="onAudit('通过')" class="normal-btn-width" v-if="!isrepeat">{{$t('审核通过')}}</el-button>
       </div>
     </el-drawer>
     <duplicateCheck :data="form" ref="checkRef" @checkSuccess="checkSuccess" @onSuccess="onClose" @isDuplicate="isDuplicate" v-show="false" :title="$t(`已存在重复客户，当前线索不可转化客户`)"></duplicateCheck>
+    <dialogTemplate btnType="warning" dialogTitle="原因说明" @onCancel="dialogCancel" ref="dialogRef" type="必填"
+    :content="reason_customer" @onSubmit="onAudit('不通过')">
+      <template #formRule>
+        <el-input
+            type="textarea"
+            :rows="5"
+            :placeholder="$t(`原因说明`)"
+            v-model="reason_customer">
+        </el-input>
+      </template>
+    </dialogTemplate>
   </div>
 </template>
 
@@ -152,11 +163,11 @@ import businessMessage from '@/components/businessMessage/index'
 import duplicateCheck from "@/components/duplicatesCheck/customerChangeCheck";
 import contactsNewTemplate from '@/template/contactsNewTemplate/index'
 import businessInquiry from '@/template/businessInquiry/index'
-
+import dialogTemplate from '@/components/dialogTemplate/index3'
 export default {
   props: ["disabled", "data"],
   name: "changeCustomer",
-  components: {businessMessage, duplicateCheck, contactsNewTemplate, businessInquiry},
+  components: {businessMessage, duplicateCheck, contactsNewTemplate, businessInquiry,dialogTemplate},
   data() {
     return {
       activeName: 'first',
@@ -292,7 +303,8 @@ export default {
       },
       areaCode:'',
       telephone:'',
-      isrepeat:false
+      isrepeat:false,
+      reason_customer:''
     }
   },
   methods:{
@@ -316,12 +328,19 @@ export default {
       }
       this.$refs.checkRef.queryRule()
     },
+    dialogNoAudit(){
+      this.$refs.dialogRef.dialogShow()
+    },
+    dialogCancel(){
+      this.reason_customer = ''
+    },
     async onAudit(val){
       const res = await this.$api.requested({
         "id": "20240907134204",
         "content": {
           "sat_orderclueid":this.$route.query.id,
-          "status":val //通过 不通过
+          "status":val, //通过 不通过
+          "reason_customer":this.reason_customer
         }
       })
       this.tool.showMessage(res,()=>{

src/SManagement/orderclue_detail/components/projectAudit.vue

@@ -421,7 +421,7 @@
         <el-button
           size="small"
           type="danger"
-          @click="onAudit('不通过')"
+          @click="dialogNoAudit"
           class="normal-btn-width"
           >{{$t('审核不通过')}}</el-button
         >
@@ -443,15 +443,27 @@
       v-show="false"
       :title="$t(`已存在重复项目`)"
     ></duplicateCheck>
+    <dialogTemplate btnType="warning" dialogTitle="原因说明" @onCancel="dialogCancel" ref="dialogRef" type="必填"
+                    :content="reason_project" @onSubmit="onAudit('不通过')">
+      <template #formRule>
+        <el-input
+            type="textarea"
+            :rows="5"
+            :placeholder="$t(`原因说明`)"
+            v-model="reason_project">
+        </el-input>
+      </template>
+    </dialogTemplate>
   </div>
 </template>
 
 <script>
 import duplicateCheck from "@/components/duplicatesCheck/projectChangeCheck";
+import dialogTemplate from '@/components/dialogTemplate/index3'
 export default {
   props: ["disabled", "data"],
   name: "changeProject",
-  components: { duplicateCheck },
+  components: { duplicateCheck,dialogTemplate },
   data() {
     var begdateTime = (rule, value, callback) => {
       this.$refs.form.validateField("enddate_due");
@@ -552,6 +564,7 @@ export default {
         ],
       },
       siteid: "",
+      reason_project:''
     };
   },
   mounted() {
@@ -837,12 +850,19 @@ export default {
         this.unitnameList = res.data;
       });
     },
+    dialogNoAudit(){
+      this.$refs.dialogRef.dialogShow()
+    },
+    dialogCancel(){
+      this.reason_project = ''
+    },
     async onAudit(val) {
       const res = await this.$api.requested({
         id: "20240907162304",
         content: {
           sat_orderclueid: this.$route.query.id,
           status: val, //通过 不通过
+          reason_project:this.reason_project
         },
       });
       this.tool.showMessage(res, () => {

src/SManagement/orderclue_detail/index.vue

@@ -364,6 +364,8 @@ export default {
           {label:'最近编辑时间',value:this.mainData.editDate},
           {label:'最近跟进人',value:this.mainData.followBy},
           {label:'最近跟进时间',value:this.mainData.followDate},
+          {label:'转化客户驳回原因',value:this.mainData.reason_customer},
+          {label:'转化项目驳回原因',value:this.mainData.reason_project},
           {label:'无效原因',value:this.mainData.invalidreason},
           {label:'作废原因',value:this.mainData.deletereason},
           {label:'跟进次数',value:this.mainData.followcount === 0?'0':this.mainData.followcount},

src/SManagement/personal_target/components/table.vue

@@ -55,6 +55,7 @@
         </el-table-column>
         <el-table-column
           prop="y1h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -79,6 +80,7 @@
         </el-table-column>
         <el-table-column
           prop="s1h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -103,6 +105,7 @@
         </el-table-column>
         <el-table-column
           prop="m1h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -127,6 +130,7 @@
         </el-table-column>
         <el-table-column
           prop="m2h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -151,6 +155,7 @@
         </el-table-column>
         <el-table-column
           prop="m3h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -175,6 +180,7 @@
         </el-table-column>
         <el-table-column
           prop="s2h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -199,6 +205,7 @@
         </el-table-column>
         <el-table-column
           prop="m4h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -223,6 +230,7 @@
         </el-table-column>
         <el-table-column
           prop="m5h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -247,6 +255,7 @@
         </el-table-column>
         <el-table-column
           prop="m6h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -271,6 +280,7 @@
         </el-table-column>
         <el-table-column
           prop="s3h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -295,6 +305,7 @@
         </el-table-column>
         <el-table-column
           prop="m7h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -319,6 +330,7 @@
         </el-table-column>
         <el-table-column
           prop="m8h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -343,6 +355,7 @@
         </el-table-column>
         <el-table-column
           prop="m9h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -367,6 +380,7 @@
         </el-table-column>
         <el-table-column
           prop="s4h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -391,6 +405,7 @@
         </el-table-column>
         <el-table-column
           prop="m10h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -415,6 +430,7 @@
         </el-table-column>
         <el-table-column
           prop="m11h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -439,6 +455,7 @@
         </el-table-column>
         <el-table-column
           prop="m12h"
+          v-if="isquerytarget == 0"
           :label="$t('挑战')"
           width="120">
           <template slot-scope="scope">
@@ -495,7 +512,8 @@ export default {
               "condition":""//支持部门名称查询
           }
         },
-      }
+      },
+      isquerytarget:''
     }
   },
   watch: {
@@ -524,10 +542,23 @@ export default {
       this.param.content.pageNumber = val
       this.queryData()
     },
-
+    async queryTarget(){
+      const res = await this.$api.requested({
+        "classname": "webmanage.site.site",
+        "method": "querySite_Parameter",
+        "content": {
+        }
+      })
+      if (res.code == 0){
+        this.tool.showMessage(res,()=>{})
+      }else {
+        this.isquerytarget = res.data.isquerytarget
+      }
+    }
   },
   mounted () {
     this.queryData()
+    this.queryTarget()
   }
 }
 

src/components/dialogTemplate/index3.vue

@@ -0,0 +1,43 @@
+<template>
+  <div>
+    <el-dialog :title="dialogTitle?$t(dialogTitle):$t(`提示`)" :visible.sync="dialogTableVisible" append-to-body :show-close="false" width="600px">
+      <slot name="formRule"></slot>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="onCancel" size="small">{{$t(`取 消`)}}</el-button>
+        <el-button :disabled="type == '必填' && content.length == 0" :type="btnType?btnType:'primary'" @click="onSubmit" size="small">{{$t(`确 定`)}}</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index2",
+  props:["btnTitle","disabled","btnType","content",'dialogTitle','type'],
+  data(){
+    return {
+      dialogTableVisible:false,
+    }
+  },
+  methods:{
+    dialogShow(){
+      this.dialogTableVisible = true
+      this.$emit('dialogShow')
+    },
+    onCancel(){
+      this.dialogTableVisible = false
+      this.$emit('onCancel')
+    },
+    onSubmit(){
+      this.$emit('onSubmit')
+    }
+  }
+
+}
+</script>
+
+<style scoped>
+  /deep/ .el-dialog__body {
+    padding: 0 20px 20px 20px !important;
+  }
+</style>