2021/7/23

1.修复分页
2.修改发电厂删除

src/views/energyPlan/components/supplyAndDemand/planProjectBuildingMaterialsWaterSlag.vue

@@ -182,14 +182,14 @@
                             :show-overflow-tooltip="true"
                         ></el-table-column>
                         <el-table-column
-                            prop="line"
-                            label="工序"
+                            prop="productid"
+                            label="产品名称"
                             fixed="left"
                             width="160px"
                             :show-overflow-tooltip="true"
                         >
                         <template slot-scope="scope">
-                                        <span>{{ nameObj.workprocid.obj[scope.row.line] ? nameObj.workprocid.obj[scope.row.line].name : scope.row.line }}</span>
+                                        <span>{{ nameObj.workprocid.obj[scope.row.productid] ? nameObj.workprocid.obj[scope.row.productid].name : scope.row.productid }}</span>
                         </template>
                         </el-table-column>
                          <el-table-column
@@ -312,6 +312,27 @@
          :rules="dialog.editorBox.form.rules"
          >
          <el-row>
+             <el-col :span="12">
+               <el-form-item
+               label="产品名称"
+               prop="productid"
+               >
+                   <el-select
+                     placeholder=""
+                     prop="productid"
+                     v-model="dialog.editorBox.form.data.productid"
+                     style="width: 100%;"
+                     :rules="dialog.editorBox.form.productid"
+                    >
+                    <el-option
+                    v-for="item in nameObj.workprocid.arr"
+                    :key="item.id"
+                    :value="item.id"
+                    :label="item.name"
+                    ></el-option>
+                    </el-select>
+               </el-form-item>
+             </el-col>
              <el-col :span="12">
                   <el-form-item
                     label="月份"
@@ -326,6 +347,8 @@
                     ></zj-timegran-date>
                 </el-form-item>
             </el-col>
+            </el-row>
+            <el-row>
             <el-col :span="12">
           <el-form-item
                  label="计划量"
@@ -340,8 +363,6 @@
                </el-input>
         </el-form-item>
             </el-col>
-        </el-row>
-        <el-row>
             <el-col :span="12">
                 <el-form-item
                  label="备注"
@@ -470,7 +491,7 @@ export default {
                     prproductid: '',
                     sysl: '',
                     wxsy: '',
-                    parentid: 'JCS',
+                    parentid: 'JCW',
                     cjsj: '',
                     jzsj: '',
                     zt: '',
@@ -590,29 +611,11 @@ export default {
                         'AT2014': {
                           id: 'AT2014',
                           name: '矿渣粉'
-                         },
-                         'AT3011': {
-                          id: 'AT3011',
-                          name: '1#回转窑'
-                         },
-                         'AT3012': {
-                          id: 'AT3012',
-                          name: '2#回转窑'
-                         }
-                         },
+                         }},
                     arr: [{
                            id: 'AT2014',
                            name: '矿渣粉'
-                        },
-                         {
-                          id: 'AT3011',
-                          name: '1#回转窑'
-                         },
-                         {
-                          id: 'AT3012',
-                          name: '2#回转窑'
-                         }
-                       ]
+                        }]
                 },
                 location: {
                     obj: {},
@@ -1310,7 +1313,6 @@ export default {
                yearmonth: that.dialog.editorBox.form.data.yearmonth,
                 weight: that.dialog.editorBox.form.data.weight,
                 unit: that.dialog.editorBox.form.data.unitid,
-                line: that.filterForm.data.line,
                 parentid: that.filterForm.data.parentid,
                 memo: that.dialog.editorBox.form.data.memo,
                 sysl: that.dialog.editorBox.form.data.sysl,

src/views/energyPlan/components/supplyAndDemand/planProjectGeneration.vue

@@ -210,7 +210,7 @@
                                         v-if="!isNaN(Number(itemform['AT2017']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -240,7 +240,7 @@
                                         v-if="!isNaN(Number(itemform['AT2016']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -270,7 +270,7 @@
                                         v-if="!isNaN(Number(itemform['AT2015']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -299,7 +299,7 @@
                                         v-if="!isNaN(Number(itemform['AT2022']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -329,7 +329,7 @@
                                         v-if="!isNaN(Number(itemform['AT2020']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         :key="key"
                                     ></el-input>
@@ -357,7 +357,7 @@
                                         v-if="!isNaN(Number(itemform['AT2021']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         :key="key"
                                     ></el-input>
@@ -402,7 +402,7 @@
                         <el-table-column
                             prop="memo"
                             label="备注"
-                            width="350px"
+                            width="380px"
                             :show-overflow-tooltip="true"
                         >
                             <template slot-scope="scope">
@@ -773,7 +773,7 @@ export default {
                          },
                          'AT2020': {
                              id: 'AT2020',
-                             name: '12MW'
+                             name: '12MW干熄焦'
                          },
                         'AT2021': {
                             id: 'AT2021',
@@ -968,6 +968,10 @@ export default {
                     weiItem = (isNaN(item['AT2021']) ? 0 : item['AT2021']);
                     lineTotal5 += Number(weiItem);
                 });
+                that.tableData[i].weight.forEach((item, key) => {
+                    weiItem = (isNaN(item['AT2020']) ? 0 : item['AT2020']);
+                    lineTotal4 += Number(weiItem);
+                });
             };
             sums[index] = (index % 9 === 0) ? lineTotal5 : (
             (index % 8 === 0) ? lineTotal4 : (index % 7 === 0) ? lineTotal3 : (
@@ -1150,7 +1154,8 @@ export default {
                     zt: that.filterForm.data.zt,
                     measureid: that.filterForm.data.measureid,
                     exactsearch: that.filterForm.data.searchtype,
-                    parentid: that.filterForm.data.parentid
+                    parentid: that.filterForm.data.parentid,
+                    parentNum: that.nameObj.workprocid.arr.length
                 };
                 for (let key in pData) {
                     if (pData[key]) {
@@ -1434,6 +1439,7 @@ export default {
                 }
             }
             that.tableFormDataObj = tableFormDataObj;
+            console.log(val);
             that.multipleSelection = val;
             this.getAdds();
         },
@@ -1567,7 +1573,6 @@ export default {
                 parentid: that.filterForm.data.parentid,
                 memo: that.dialog.editorBox.form.data.memo
             });
-            console.log(SubmitData)
             that.$refs['dialog_form'].validate((valid) => {
                if (valid) {
                         that.loading = true;
@@ -1602,10 +1607,12 @@ export default {
                     if (item.zt === '2') {
                         this.$message.error('已经审核的数据不能删除');
                         return;
-                    }
-                    SubmitData.push({
-                        no: item.no
-                    });
+                    };
+                    for (let noItem in item.no) {
+                        SubmitData.push({
+                            no: item.no[noItem][noItem]
+                        });
+                    };
                 }
                 that.$confirm('是否删除已选数据?', '提示', {
                     confirmButtonText: '确定',

src/views/energyPlan/components/supplyAndDemand/planProjectLimePowder.vue

@@ -229,7 +229,7 @@
                                         <span>{{ nameObj.unitid.obj[scope.row.unit] ? nameObj.unitid.obj[scope.row.unit] : scope.row.unit }}</span>
                         </template>
                         </el-table-column>
-                        <el-table-column
+                        <!-- <el-table-column
                             prop="weight"
                             label="矿渣粉"
                             width="160px"
@@ -247,7 +247,7 @@
                                         v-if="!isNaN(Number(itemform['AT2014']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -258,7 +258,7 @@
                                 </el-form-item>
                                 <span v-else v-for="(item, index) in tableData[scope.row.index].weight" :key="index">{{item['AT2014']}}</span>
                             </template>
-                        </el-table-column>
+                        </el-table-column> -->
                         <el-table-column label="白灰">
                         <el-table-column
                             prop="weight"
@@ -278,7 +278,7 @@
                                         v-if="!isNaN(Number(itemform['AT3011']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -308,7 +308,7 @@
                                         v-if="!isNaN(Number(itemform['AT3012']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -355,7 +355,7 @@
                         <el-table-column
                             prop="memo"
                             label="备注"
-                            width="190px"
+                            width="360px"
                             :show-overflow-tooltip="true"
                         >
                             <template slot-scope="scope">
@@ -747,10 +747,6 @@ export default {
                 },
                 workprocid: {
                     obj: {
-                        'AT2014': {
-                          id: 'AT2014',
-                          name: '矿渣粉'
-                         },
                          'AT3011': {
                           id: 'AT3011',
                           name: '1#回转窑'
@@ -761,10 +757,6 @@ export default {
                          }
                          },
                     arr: [{
-                           id: 'AT2014',
-                           name: '矿渣粉'
-                        },
-                         {
                           id: 'AT3011',
                           name: '1#回转窑'
                          },
@@ -925,10 +917,6 @@ export default {
              lineTotal1 = 0;
              lineTotal2 = 0;
             for (let i = 0; i < that.tableData.length; i++) {
-                 that.tableData[i].weight.forEach((item, key) => {
-                    weiItem = (isNaN(item['AT2014']) ? 0 : item['AT2014']);
-                    lineTotal += Number(weiItem);
-                });
                 that.tableData[i].weight.forEach((item, key) => {
                     weiItem = (isNaN(item['AT3011']) ? 0 : item['AT3011']);
                     lineTotal1 += Number(weiItem);
@@ -938,8 +926,8 @@ export default {
                     lineTotal2 += Number(weiItem);
                 });
             };
-            sums[index] = (index % 7 === 0) ? lineTotal2 : (
-            (index % 6 === 0) ? lineTotal1 : lineTotal);
+            sums[index] = (index % 6 === 0) ? lineTotal2 : (
+            (index % 5 === 0) ? lineTotal1 : lineTotal);
             break;
             default:
             break;
@@ -1121,7 +1109,8 @@ export default {
                     zt: that.filterForm.data.zt,
                     measureid: that.filterForm.data.measureid,
                     exactsearch: that.filterForm.data.searchtype,
-                    parentid: that.filterForm.data.parentid
+                    parentid: that.filterForm.data.parentid,
+                    parentNum: that.nameObj.workprocid.arr.length
                 };
                 for (let key in pData) {
                     if (pData[key]) {
@@ -1552,7 +1541,6 @@ export default {
                 wxsy: that.dialog.editorBox.form.data.wxsy,
                 productid: that.dialog.editorBox.form.data.productid
             });
-            console.log(SubmitData)
             that.$refs['dialog_form'].validate((valid) => {
                if (valid) {
                         that.loading = true;

src/views/energyPlan/components/supplyAndDemand/planProjectMachineCoke.vue

@@ -226,7 +226,7 @@
                                         v-if="!isNaN(Number(itemform['成品焦']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -253,7 +253,7 @@
                                         v-if="!isNaN(Number(itemform['成品焦']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -280,7 +280,7 @@
                                         v-if="!isNaN(Number(itemform['成品焦']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -306,15 +306,15 @@
                                     :prop="scope.row.seq + '.weight'"
                             ><el-input clearable
                                         v-for="(itemform, key) in tableFormDataObj[scope.row.seq].weight"
+                                        :key="key"
+                                        v-if="!isNaN(Number(itemform['小粒焦']))"
                                         style="width: 100%;"
                                         v-model="itemform['小粒焦']"
-                                        v-if="!isNaN(Number(itemform['小粒焦']))"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         refcous="true"
-                                        :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        :rules="dialog.editorBox.form.weight"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
-                                        :key="key"
                                 ></el-input>
                                 <template slot="error" slot-scope="scope">
                                     <p class="error" :title="scope.error">{{ scope.error }}</p>
@@ -338,7 +338,7 @@
                                         v-if="!isNaN(Number(itemform['小粒焦']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -365,7 +365,7 @@
                                         v-if="!isNaN(Number(itemform['小粒焦']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -395,7 +395,7 @@
                                         v-if="!isNaN(Number(itemform['焦粉']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -422,7 +422,7 @@
                                         v-if="!isNaN(Number(itemform['焦粉']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -449,7 +449,7 @@
                                         v-if="!isNaN(Number(itemform['焦粉']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -479,7 +479,7 @@
                                         v-if="!isNaN(Number(itemform['除尘焦粉']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -506,7 +506,7 @@
                                         v-if="!isNaN(Number(itemform['除尘焦粉']))"
                                         refcous="true"
                                         :rules="tableFormRules.weight"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
                                         :key="key"
@@ -532,7 +532,7 @@
                                         v-model="itemform['除尘焦粉']"
                                         v-if="!isNaN(Number(itemform['除尘焦粉']))"
                                         refcous="true"
-                                        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
+                                        oninput="this.value = this.value.replace(/[^\d.]/g,'');"
                                         :rules="tableFormRules.weight"
                                         @keydown.native="keyDown" :id="scope.$index + scope.column.id"
                                         @change="chnageSecondVal(scope.row.seq, tableFormDataObj[scope.row.seq].secondVal, scope.$index)"
@@ -1224,8 +1224,9 @@ export default {
                     priductIdTotal3 += Number(weiItem);
                 });
             };
-            sums[index] = (index % 15 === 0) ? priductIdTotal3 : (
-            (index % 12 === 0) ? priductIdTotal2 : (index % 9 === 0) ? priductIdTotal1 : priductIdTotal);
+            console.log('1111');
+            sums[index] = (index % 14 === 0) ? priductIdTotal3 : (
+            (index % 11 === 0) ? priductIdTotal2 : (index % 8 === 0) ? priductIdTotal1 : priductIdTotal);
             break;
             case 'weight1':
             priductIdTotal = 0;
@@ -1250,8 +1251,8 @@ export default {
                     priductIdTotal3 += Number(weiItem);
                 });
             };
-            sums[index] = (index % 16 === 0) ? priductIdTotal3 : (
-            (index % 13 === 0) ? priductIdTotal2 : (index % 10 === 0) ? priductIdTotal1 : priductIdTotal);
+            sums[index] = (index % 15 === 0) ? priductIdTotal3 : (
+            (index % 12 === 0) ? priductIdTotal2 : (index % 9 === 0) ? priductIdTotal1 : priductIdTotal);
             break;
             case 'weight2':
             priductIdTotal = 0;
@@ -1276,8 +1277,8 @@ export default {
                         priductIdTotal3 += Number(weiItem);
                     });
                 };
-            sums[index] = (index % 17 === 0) ? priductIdTotal3 : (
-            (index % 14 === 0) ? priductIdTotal2 : (index % 11 === 0) ? priductIdTotal1 : priductIdTotal);
+            sums[index] = (index % 16 === 0) ? priductIdTotal3 : (
+            (index % 13 === 0) ? priductIdTotal2 : (index % 10 === 0) ? priductIdTotal1 : priductIdTotal);
             break;
             default:
             break;
@@ -1459,7 +1460,8 @@ export default {
                     zt: that.filterForm.data.zt,
                     measureid: that.filterForm.data.measureid,
                     exactsearch: that.filterForm.data.searchtype,
-                    parentid: that.filterForm.data.parentid
+                    parentid: that.filterForm.data.parentid,
+                    parentNum: that.nameObj.productid.arr.length
                 };
                 for (let key in pData) {
                     if (pData[key]) {
@@ -2071,6 +2073,7 @@ export default {
     computed: {
       activeUsers: function () {
           let that = this;
+          console.log('111');
         return that.tableData.filter(function (tableData) {
             // console.log(tableData);
             for (let item in tableData.weight) {

src/views/energyPlan/components/supplyAndDemand/planProjectSinter.vue

@@ -1362,7 +1362,6 @@ export default {
                 memo: that.dialog.editorBox.form.data.memo
 
             });
-            console.log(SubmitData)
             that.$refs['dialog_form'].validate((valid) => {
                if (valid) {
                         that.loading = true;

src/views/energyPlan/components/supplyAndDemand/planProjectSteelRolling.vue

@@ -1362,7 +1362,7 @@ export default {
                 memo: that.dialog.editorBox.form.data.memo
 
             });
-            console.log(SubmitData)
+            // console.log(SubmitData)
             that.$refs['dialog_form'].validate((valid) => {
                if (valid) {
                         that.loading = true;