From aef419bafa2b0ee3d95233639d994be9601bf843 Mon Sep 17 00:00:00 2001
From: zhangboxuan <zhangboxuan@kylinsec.com.cn>
Date: Thu, 25 Apr 2024 20:07:14 +0800
Subject: [PATCH] =?UTF-8?q?feat=20task#=E4=BC=98=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E6=A0=BC=E5=BC=8F=EF=BC=8C=E4=BC=98=E5=8C=96=E5=B7=A5?=
 =?UTF-8?q?=E5=8D=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../createEditModal/createEditModal.vue       |  34 +-
 .../bindIsoTempModal/bindTemplateBox.vue      | 140 +++---
 .../bindIsoTempModal/bindTemplateModal.vue    |  38 +-
 .../changeSpecModal/createEditBox.vue         | 183 ++++----
 .../changeSpecModal/createEditModal.vue       |  34 +-
 src/views/workorder/detail/detail-drawer.vue  |  32 +-
 src/views/workorder/detail/detail.vue         | 302 +++++++------
 src/views/workorder/detail/ipsetDeiatl.vue    |  12 +-
 .../workorder/detail/modifyVdcDetail.vue      |  56 +--
 .../workorder/drawer/PassServervmApply.vue    | 389 ++++++++--------
 .../workorder/drawer/PassServervmIsoApply.vue | 424 +++++++++---------
 .../workorder/drawer/PassServervmModify.vue   | 242 +++++-----
 .../workorder/drawer/computResources.vue      | 180 ++++----
 .../drawer/pass-apply-servervm-drawer.vue     |  88 ++--
 src/views/workorder/drawer/pass-drawer.vue    |  92 ++--
 .../drawer/pass-modify-servervm-drawer.vue    |  36 +-
 src/views/workorder/drawer/refuse-drawer.vue  |  72 +--
 .../workorder/drawer/selectCluster-drawer.vue | 128 +++---
 .../workorder/drawer/selectNetwork-drawer.vue | 122 ++---
 .../drawer/selectTagNames-drawer.vue          | 141 +++---
 src/views/workorder/drawer/setDiskInfo.vue    | 158 +++----
 21 files changed, 1449 insertions(+), 1454 deletions(-)

diff --git a/src/views/resource/availabilityZone/createEditModal/createEditModal.vue b/src/views/resource/availabilityZone/createEditModal/createEditModal.vue
index 27f60cc..d92baa7 100644
--- a/src/views/resource/availabilityZone/createEditModal/createEditModal.vue
+++ b/src/views/resource/availabilityZone/createEditModal/createEditModal.vue
@@ -1,55 +1,55 @@
 <template>
   <el-drawer
+    v-if="drawerVisible"
     size="900px"
     :title="options.title"
     direction="rtl"
     custom-class=""
     :wrapper-closable="false"
-    v-if="drawerVisible"
     :visible.sync="drawerVisible"
     :before-close="handleCloseCreate"
     :destroy-on-close="true"
   >
-    <createEditBox :formOptions="formOptions" ref="createEditBox" />
+    <createEditBox ref="createEditBox" :form-options="formOptions" />
   </el-drawer>
 </template>
 
 <script>
-import createEditBox from "./createEditBox.vue";
+import createEditBox from './createEditBox.vue'
 export default {
   components: {
-    createEditBox,
+    createEditBox
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     options: {
       type: Object,
-      default: () => ({}),
-    },
+      default: () => ({})
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
-      formOptions: this.options,
-    };
+      formOptions: this.options
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
-    },
+      this.drawerVisible = isvis
+    }
   },
   created() {},
   methods: {
     handleCloseCreate() {
-      this.$emit("update:visible", false);
-      this.$parent.renderTable();
-    },
-  },
-};
+      this.$emit('update:visible', false)
+      this.$parent.renderTable()
+    }
+  }
+}
 </script>
 
 <style>
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/bindIsoTempModal/bindTemplateBox.vue b/src/views/workorder/bindIsoTempModal/bindTemplateBox.vue
index 7ca55d8..b9389e8 100644
--- a/src/views/workorder/bindIsoTempModal/bindTemplateBox.vue
+++ b/src/views/workorder/bindIsoTempModal/bindTemplateBox.vue
@@ -18,16 +18,16 @@
         ref="isotable"
         :data="tableData"
         :total="total"
-        :pageSize="pageSize"
-        :currentPage="pageNo"
-        :defaultSelectedKeys="defaultSelectedKeysNew"
+        :page-size="pageSize"
+        :current-page="pageNo"
+        :default-selected-keys="defaultSelectedKeysNew"
+        :rowkey="rowkey"
+        selection-type="singleTable"
+        style="margin-top: 20px"
         @current-change="handlePageChange"
         @size-change="handleSizeChange"
         @handleSelectione="handleSelectione"
         @row-click="rowSelect"
-        :rowkey="rowkey"
-        selectionType="singleTable"
-        style="margin-top: 20px"
       >
         <template v-for="(item, index) in columnArr">
           <el-table-column
@@ -71,35 +71,35 @@
   </div>
 </template>
 <script>
-import mcTable from "@/components/MctablePro";
-import footBtn from "@/components/Footbtn";
+import mcTable from '@/components/MctablePro'
+import footBtn from '@/components/Footbtn'
 
 export default {
   components: { mcTable, footBtn },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     defaultSelectedKeys: {
       type: Array,
-      default: () => [],
+      default: () => []
     },
     allIsoList: {
       type: Array,
-      default: () => [],
-    },
+      default: () => []
+    }
   },
   data() {
     return {
-      input: "",
-      rowkey: "isoKey",
+      input: '',
+      rowkey: 'isoKey',
       columnArr: [
         {
-          label: this.$t("workOrder.isoLabel"), // "ISO镜像名称",
-          prop: "isoLabel",
-        },
+          label: this.$t('workOrder.isoLabel'), // "ISO镜像名称",
+          prop: 'isoLabel'
+        }
       ],
       tableData: [],
       oritableData: [],
@@ -109,37 +109,37 @@ export default {
       // 每页数量
       pageSize: 20,
       selectList: [],
-      defaultSelectedKeysNew: [],
-    };
+      defaultSelectedKeysNew: []
+    }
   },
+  computed: {},
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
+      this.drawerVisible = isvis
     },
     allIsoList: {
       handler(newValue, old) {
-        this.renderTable();
+        this.renderTable()
       },
       // 代表在wacth里声明了这个方法之后立即先去执行handler方法
       immediate: true,
-      deep: true,
-    },
+      deep: true
+    }
   },
   created() {},
-  computed: {},
   methods: {
     // 提交
     handlerConfirm() {
-      this.commitCreate();
+      this.commitCreate()
     },
     commitCreate() {
       if (this.selectList.length > 0) {
-        this.$emit("confirm", this.selectList);
+        this.$emit('confirm', this.selectList)
       }
-      this.$parent.closeDrawer();
+      this.$parent.closeDrawer()
     },
     handlerCancel() {
-      this.$parent.closeDrawer();
+      this.$parent.closeDrawer()
     },
 
     renderTable() {
@@ -174,83 +174,83 @@ export default {
       //     this.alertTips(err);
       //   });
 
-      let list = [];
+      const list = []
       this.allIsoList.forEach((element) => {
         list.push({
           isoLabel: element,
-          isoKey: element,
-        });
-      });
-      this.input = "";
-      this.tableData = list;
-      this.oritableData = JSON.parse(JSON.stringify(this.tableData));
-      let listNew = [];
+          isoKey: element
+        })
+      })
+      this.input = ''
+      this.tableData = list
+      this.oritableData = JSON.parse(JSON.stringify(this.tableData))
+      const listNew = []
       this.defaultSelectedKeys.forEach((element) => {
-        let listi = this.getChidlren(this.tableData, "isoKey", element.isoKey);
-        listNew.push(listi);
-      });
+        const listi = this.getChidlren(this.tableData, 'isoKey', element.isoKey)
+        listNew.push(listi)
+      })
 
-      this.defaultSelectedKeysNew = listNew;
+      this.defaultSelectedKeysNew = listNew
     },
     getChidlren(dataList, key, id) {
-      let data = dataList;
-      var hasFound = false; // 表示是否有找到id值
-      var result = null;
-      var fn = function (data) {
+      const data = dataList
+      var hasFound = false // 表示是否有找到id值
+      var result = null
+      var fn = function(data) {
         if (Array.isArray(data) && !hasFound) {
           // 判断是否是数组并且没有的情况
           data.forEach((item) => {
             if (item[key] === id) {
               // 数据循环每个子项，并且判断子项下边是否有id值
-              result = item; // 返回的结果等于每一项
-              hasFound = true; // 并且找到id值
+              result = item // 返回的结果等于每一项
+              hasFound = true // 并且找到id值
             } else if (item.children) {
-              fn(item.children); // 递归调用下边的子项
+              fn(item.children) // 递归调用下边的子项
             }
-          });
+          })
         }
-      };
-      fn(data); // 调用一下
-      return result;
+      }
+      fn(data) // 调用一下
+      return result
     },
     handlePageChange(page) {
-      this.pageNo = +page;
-      this.renderTable();
+      this.pageNo = +page
+      this.renderTable()
     },
     handleSizeChange(pageSize) {
-      this.pageNo = 1;
-      this.pageSize = pageSize;
-      this.renderTable();
+      this.pageNo = 1
+      this.pageSize = pageSize
+      this.renderTable()
     },
     inputchange() {
-      this.pageNo = 1;
-      this.pageSize = 20;
+      this.pageNo = 1
+      this.pageSize = 20
       // this.renderTable();
-      let search = this.input;
+      const search = this.input
 
-      let data = this.oritableData.filter(
+      const data = this.oritableData.filter(
         (data) =>
           !search || data.isoLabel.toLowerCase().includes(search.toLowerCase())
-      );
-      this.tableData = data;
+      )
+      this.tableData = data
     },
     handleSelectione(rows) {
-      this.selectList = rows;
+      this.selectList = rows
     },
     rowSelect(row) {
       if (this.selectList.length > 0) {
-        let currentRow = this.selectList[0];
+        const currentRow = this.selectList[0]
         if (currentRow[this.rowkey] == row[this.rowkey]) {
-          this.$refs.isotable.handleSelectione([]);
+          this.$refs.isotable.handleSelectione([])
         } else {
-          this.$refs.isotable.handleSelectione([row]);
+          this.$refs.isotable.handleSelectione([row])
         }
       } else {
-        this.$refs.isotable.handleSelectione([row]);
+        this.$refs.isotable.handleSelectione([row])
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 <style>
 .search-box .small-input-box .el-input__suffix {
diff --git a/src/views/workorder/bindIsoTempModal/bindTemplateModal.vue b/src/views/workorder/bindIsoTempModal/bindTemplateModal.vue
index 3072451..4657269 100644
--- a/src/views/workorder/bindIsoTempModal/bindTemplateModal.vue
+++ b/src/views/workorder/bindIsoTempModal/bindTemplateModal.vue
@@ -1,5 +1,6 @@
 <template>
   <el-drawer
+    v-if="drawerVisible"
     size="800px"
     :title="$t('workOrder.selectiso')"
     direction="rtl"
@@ -7,62 +8,61 @@
     :modal="false"
     custom-class=""
     :wrapper-closable="false"
-    v-if="drawerVisible"
     :visible.sync="drawerVisible"
     :before-close="handleCloseCreate"
     :destroy-on-close="true"
   >
     <bindTemplateBox
       ref="bindTemplateBox"
-      :allIsoList="allIsoList"
-      :defaultSelectedKeys="defaultSelectedKeys"
+      :all-iso-list="allIsoList"
+      :default-selected-keys="defaultSelectedKeys"
       @confirm="confirm"
     />
   </el-drawer>
 </template>
 
 <script>
-import bindTemplateBox from "./bindTemplateBox.vue";
+import bindTemplateBox from './bindTemplateBox.vue'
 export default {
   components: {
-    bindTemplateBox,
+    bindTemplateBox
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
 
     defaultSelectedKeys: {
       type: Array,
-      default: () => [],
+      default: () => []
     },
     allIsoList: {
       type: Array,
-      default: () => [],
-    },
+      default: () => []
+    }
   },
   data() {
     return {
-      drawerVisible: this.visible,
-    };
+      drawerVisible: this.visible
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
-    },
+      this.drawerVisible = isvis
+    }
   },
   methods: {
     handleCloseCreate() {
-      this.$emit("update:visible", false);
+      this.$emit('update:visible', false)
       // this.$parent.renderTable();
     },
     confirm(rows) {
-      this.$emit("confirm", rows);
-    },
-  },
-};
+      this.$emit('confirm', rows)
+    }
+  }
+}
 </script>
 
 <style>
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/changeSpecModal/createEditBox.vue b/src/views/workorder/changeSpecModal/createEditBox.vue
index 1584dc3..4b17644 100644
--- a/src/views/workorder/changeSpecModal/createEditBox.vue
+++ b/src/views/workorder/changeSpecModal/createEditBox.vue
@@ -6,15 +6,14 @@
       <firstVdcresource
         v-if="showfirstVdc"
         ref="firstVdcresource"
-        :formOptions="firstVdcFormData"
-      >
-      </firstVdcresource>
+        :form-options="firstVdcFormData"
+      />
       <!-- 非一级vdc -->
       <vdcresource
         v-else
         ref="vdcresource"
-        :formOptions="vdcFormData"
-      ></vdcresource>
+        :form-options="vdcFormData"
+      />
 
       <div class="template-box">
         <el-form
@@ -52,17 +51,17 @@
   </div>
 </template>
 <script>
-import validate from "@/utils/validate";
-import firstVdcresource from "@/views/components/vdcResourceAss/firstVdcresource.vue"; // 一级VDC
-import vdcresource from "@/views/components/vdcResourceAss/vdcresource.vue"; // 非一级VDC
-import { passModifyVdc } from "@/api/workOrder";
+import validate from '@/utils/validate'
+import firstVdcresource from '@/views/components/vdcResourceAss/firstVdcresource.vue' // 一级VDC
+import vdcresource from '@/views/components/vdcResourceAss/vdcresource.vue' // 非一级VDC
+import { passModifyVdc } from '@/api/workOrder'
 export default {
   components: { firstVdcresource, vdcresource },
   props: {
     formOptions: {
       type: Object,
-      default: () => ({}),
-    },
+      default: () => ({})
+    }
   },
   data() {
     return {
@@ -72,43 +71,43 @@ export default {
       vdcFormData: {},
       showfirstVdc: false,
       refuseFormData: {
-        auditOpinion: "",
+        auditOpinion: ''
       },
       rulesTemplate: {
         auditOpinion: [
           {
             required: true,
-            message: this.$t("resourceMgr.vdcauditOpinionEmpt"), // "变更原因不能为空",
-            trigger: "blur",
+            message: this.$t('resourceMgr.vdcauditOpinionEmpt'), // "变更原因不能为空",
+            trigger: 'blur'
           },
           {
             required: true,
-            trigger: "blur",
-            message: this.$t("resourceMgr.vdcauditOpinionspecialChar"), // "变更原因只能由中文、英文、数字组合",
-            validator: validate.special_char,
-          },
-        ],
-      },
-    };
+            trigger: 'blur',
+            message: this.$t('resourceMgr.vdcauditOpinionspecialChar'), // "变更原因只能由中文、英文、数字组合",
+            validator: validate.special_char
+          }
+        ]
+      }
+    }
   },
+  computed: {},
   watch: {},
   created() {
-    this.setshowfirstVdc();
+    this.setshowfirstVdc()
   },
-  computed: {},
   mounted() {},
   methods: {
     tovdcResource(formData) {
-      let architectureList = formData.applyArchitectureResourceList;
-      let vdcResource = {
-        totalStorage: "",
-        usableStorage: "",
-        currentStorage: "",
-        usedStorage: "",
-        storageUnit: "",
-        architectureResourceList: [],
-      };
-      let list = [];
+      const architectureList = formData.applyArchitectureResourceList
+      const vdcResource = {
+        totalStorage: '',
+        usableStorage: '',
+        currentStorage: '',
+        usedStorage: '',
+        storageUnit: '',
+        architectureResourceList: []
+      }
+      const list = []
       architectureList.forEach((element) => {
         // currentVcpu	// 当前cpu
         // usedCpu	// 已使用cpu
@@ -128,133 +127,133 @@ export default {
           applyMem: element.applyMem,
           usedMem: element.usedMem,
           memUnit: element.memUnit,
-          architectureType: element.architectureType,
-        });
-      });
+          architectureType: element.architectureType
+        })
+      })
 
       // currentStorage	// 当前存储
       // storageUnit	// 存储单位
       // usedStorage	// 已使用存储
       // parentUsableStorage	// 上级剩余存储
       // vdcResource.totalStorage = formData.currentStorage;
-      vdcResource.usableStorage = formData.parentUsableStorage;
-      vdcResource.currentStorage = formData.currentStorage;
-      vdcResource.applyStorage = formData.applyStorage;
-      vdcResource.usedStorage = formData.usedStorage;
-      vdcResource.storageUnit = formData.storageUnit;
-      vdcResource.modifyChild = true;
+      vdcResource.usableStorage = formData.parentUsableStorage
+      vdcResource.currentStorage = formData.currentStorage
+      vdcResource.applyStorage = formData.applyStorage
+      vdcResource.usedStorage = formData.usedStorage
+      vdcResource.storageUnit = formData.storageUnit
+      vdcResource.modifyChild = true
 
-      vdcResource.architectureResourceList = list;
-      return vdcResource;
+      vdcResource.architectureResourceList = list
+      return vdcResource
     },
     setshowfirstVdc() {
-      let { editflag, formData } = this.formOptions;
+      const { editflag, formData } = this.formOptions
 
-      let { firstVdc } = formData;
+      const { firstVdc } = formData
 
-      let vdcResource = this.tovdcResource(formData);
+      const vdcResource = this.tovdcResource(formData)
       if (firstVdc) {
         // 一级vdc
         this.firstVdcFormData = {
           vdcResource: vdcResource,
           editflag,
-          formData,
-        };
-        this.showfirstVdc = true;
+          formData
+        }
+        this.showfirstVdc = true
       } else {
         // 非一级vdc
         this.vdcFormData = {
           vdcResource: vdcResource,
           editflag,
-          formData,
-        };
-        this.showfirstVdc = false;
+          formData
+        }
+        this.showfirstVdc = false
       }
     },
 
     handleConfirmvalidate() {
-      let This = this;
-      let allValidate = [];
-      let vdcResourceValidate = "";
+      const This = this
+      const allValidate = []
+      let vdcResourceValidate = ''
       if (this.showfirstVdc) {
-        vdcResourceValidate = this.$refs.firstVdcresource.handleConfirm();
+        vdcResourceValidate = this.$refs.firstVdcresource.handleConfirm()
       } else {
-        vdcResourceValidate = this.$refs.vdcresource.handleConfirm();
+        vdcResourceValidate = this.$refs.vdcresource.handleConfirm()
       }
 
-      allValidate.push(vdcResourceValidate);
+      allValidate.push(vdcResourceValidate)
       allValidate.push(
         new Promise((rev, rej) => {
-          //划重点：This.$refs['item'+index][0]
+          // 划重点：This.$refs['item'+index][0]
           This.$refs.refuseForm.validate((valid) => {
             if (valid) {
-              rev();
+              rev()
             } else {
-              rej();
+              rej()
             }
-          });
+          })
         })
-      );
+      )
 
-      return Promise.all(allValidate);
+      return Promise.all(allValidate)
     },
     // 提交
     handleConfirm() {
       this.handleConfirmvalidate()
         .then(() => {
-          let architectureResourceList = "";
-          let storageDataForm = "";
+          let architectureResourceList = ''
+          let storageDataForm = ''
           if (this.showfirstVdc) {
             architectureResourceList =
-              this.$refs.firstVdcresource.architectureResourceFormList;
-            storageDataForm = this.$refs.firstVdcresource.storageDataForm;
+              this.$refs.firstVdcresource.architectureResourceFormList
+            storageDataForm = this.$refs.firstVdcresource.storageDataForm
           } else {
             architectureResourceList =
-              this.$refs.vdcresource.architectureResourceFormList;
-            storageDataForm = this.$refs.vdcresource.storageDataForm;
+              this.$refs.vdcresource.architectureResourceFormList
+            storageDataForm = this.$refs.vdcresource.storageDataForm
           }
-          this.handleCommit(architectureResourceList, storageDataForm);
+          this.handleCommit(architectureResourceList, storageDataForm)
         })
-        .catch(() => {});
+        .catch(() => {})
     },
     handleCommit(architectureList, storageDataForm) {
-      let { editflag, formData } = this.formOptions;
-      let commitData = {
+      const { editflag, formData } = this.formOptions
+      const commitData = {
         workOrderId: formData.workOrderId, // 工单ID
         realStorage: storageDataForm.applyStorage, // 真实存储
         storageUnit: storageDataForm.storageUnit, // 存储单位
         auditOpinion: this.refuseFormData.auditOpinion, // 审核意见
-        architectureResourceList: [],
-      };
-      let list = [];
+        architectureResourceList: []
+      }
+      const list = []
       architectureList.forEach((element) => {
         list.push({
           realCpu: element.applyCpu, // 真实cpu
           realMem: element.applyMem, // 真实内存
           memUnit: element.memUnit, // 内存单位
-          architectureType: element.architectureType, // 架构
-        });
-      });
-      commitData.architectureResourceList = list;
-      //申请云服务器
+          architectureType: element.architectureType // 架构
+        })
+      })
+      commitData.architectureResourceList = list
+      // 申请云服务器
       passModifyVdc(commitData)
         .then((res) => {
-          this.alertTips(res, "success");
-          this.handleCancel();
+          this.alertTips(res, 'success')
+          this.handleCancel()
         })
         .catch((err) => {
-          this.alertTips(err);
-        });
+          this.alertTips(err)
+        })
     },
 
     handleCancel() {
-      this.$parent.closeDrawer();
+      this.$parent.closeDrawer()
     },
     handleCloseCreate(done) {
-      this.$parent.closeDrawer();
-    },
-  },
-};
+      this.$parent.closeDrawer()
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/workorder/changeSpecModal/createEditModal.vue b/src/views/workorder/changeSpecModal/createEditModal.vue
index 27f60cc..d92baa7 100644
--- a/src/views/workorder/changeSpecModal/createEditModal.vue
+++ b/src/views/workorder/changeSpecModal/createEditModal.vue
@@ -1,55 +1,55 @@
 <template>
   <el-drawer
+    v-if="drawerVisible"
     size="900px"
     :title="options.title"
     direction="rtl"
     custom-class=""
     :wrapper-closable="false"
-    v-if="drawerVisible"
     :visible.sync="drawerVisible"
     :before-close="handleCloseCreate"
     :destroy-on-close="true"
   >
-    <createEditBox :formOptions="formOptions" ref="createEditBox" />
+    <createEditBox ref="createEditBox" :form-options="formOptions" />
   </el-drawer>
 </template>
 
 <script>
-import createEditBox from "./createEditBox.vue";
+import createEditBox from './createEditBox.vue'
 export default {
   components: {
-    createEditBox,
+    createEditBox
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     options: {
       type: Object,
-      default: () => ({}),
-    },
+      default: () => ({})
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
-      formOptions: this.options,
-    };
+      formOptions: this.options
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
-    },
+      this.drawerVisible = isvis
+    }
   },
   created() {},
   methods: {
     handleCloseCreate() {
-      this.$emit("update:visible", false);
-      this.$parent.renderTable();
-    },
-  },
-};
+      this.$emit('update:visible', false)
+      this.$parent.renderTable()
+    }
+  }
+}
 </script>
 
 <style>
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/detail/detail-drawer.vue b/src/views/workorder/detail/detail-drawer.vue
index 9fe0311..d72df84 100644
--- a/src/views/workorder/detail/detail-drawer.vue
+++ b/src/views/workorder/detail/detail-drawer.vue
@@ -1,55 +1,55 @@
 <template>
   <el-drawer
+    v-if="drawerVisible"
     size="900px"
     :title="options.title"
     direction="rtl"
     custom-class=""
     :wrapper-closable="false"
-    v-if="drawerVisible"
     :visible.sync="drawerVisible"
     :before-close="handleCloseCreate"
     :destroy-on-close="true"
   >
-    <detailBox :formOptions="formOptions" ref="detailBox" />
+    <detailBox ref="detailBox" :form-options="formOptions" />
   </el-drawer>
 </template>
 
 <script>
-import detailBox from "./detail.vue";
+import detailBox from './detail.vue'
 export default {
   components: {
-    detailBox,
+    detailBox
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     options: {
       type: Object,
-      default: () => ({}),
-    },
+      default: () => ({})
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
-      formOptions: this.options,
-    };
+      formOptions: this.options
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
-    },
+      this.drawerVisible = isvis
+    }
   },
   created() {},
   methods: {
     handleCloseCreate() {
-      this.$emit("update:visible", false);
+      this.$emit('update:visible', false)
       //   this.$parent.renderTable();
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style>
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/detail/detail.vue b/src/views/workorder/detail/detail.vue
index d1ac186..da038c5 100644
--- a/src/views/workorder/detail/detail.vue
+++ b/src/views/workorder/detail/detail.vue
@@ -2,7 +2,7 @@
   <div class="workDetail">
     <div class="workDetail-content">
       <!-- 变更云服务器 -->
-      <el-form ref="form" label-width="auto" v-if="isModifyServerVM">
+      <el-form v-if="isModifyServerVM" ref="form" label-width="auto">
         <!-- 工单类型 -->
         <el-form-item :label="$t('workOrder.typeDesc')">
           <span>{{ modifyServerVM.workOrderTypeDesc }}</span>
@@ -51,68 +51,78 @@
               v-for="(item, index) in modifyServerVM.disks"
               :key="'disk' + index"
             >
-              <span v-if="item.modifyType === 'ADD'" class="newAdd"
-                >{{ $t("common.hard")
-                }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
-                  item.diskSize
-                }}GB,{{ item.purpose
-                }}<span class="modifyType"
-                  >({{ $t("common.newDisk") }})</span
-                ></span
-              >
-              <span v-else-if="item.modifyType === 'DELETE'" class="deleteOld"
-                >{{ $t("common.hard")
-                }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
-                  item.diskSize
-                }}GB <span class="modifyType"></span
-              ></span>
-              <span v-else-if="item.modifyType === 'MODIFY'" class="newAdd"
-                >{{ $t("common.hard")
-                }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：
+              <span
+                v-if="item.modifyType === 'ADD'"
+                class="newAdd"
+              >{{ $t("common.hard")
+              }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+                item.diskSize
+              }}GB,{{ item.purpose
+              }}<span
+                class="modifyType"
+              >({{ $t("common.newDisk") }})</span></span>
+              <span
+                v-else-if="item.modifyType === 'DELETE'"
+                class="deleteOld"
+              >{{ $t("common.hard")
+              }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+                item.diskSize
+              }}GB <span class="modifyType" /></span>
+              <span
+                v-else-if="item.modifyType === 'MODIFY'"
+                class="newAdd"
+              >{{ $t("common.hard")
+              }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：
                 {{ item.oldDiskSize }}GB -> {{ item.diskSize }}GB
               </span>
-              <span v-else
-                >{{ $t("common.hard")
-                }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
-                  item.diskSize
-                }}GB</span
-              >
+              <span
+                v-else
+              >{{ $t("common.hard")
+              }}{{ modifyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+                item.diskSize
+              }}GB</span>
             </p>
             <p
               v-for="(item, index) in modifyServerVM.networks"
               :key="'network' + index"
             >
-              <span v-if="item.modifyType === 'ADD'" class="newAdd"
-                >{{ $t("common.network")
-                }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
-                  item.purpose
-                }}<span class="modifyType"
-                  >({{ $t("common.newnetwork") }})</span
-                >
+              <span
+                v-if="item.modifyType === 'ADD'"
+                class="newAdd"
+              >{{ $t("common.network")
+               }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+                 item.purpose
+               }}<span
+                 class="modifyType"
+               >({{ $t("common.newnetwork") }})</span>
 
-                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item"></ipsetDeiatl>
+                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item" />
               </span>
-              <span v-else-if="item.modifyType === 'DELETE'" class="deleteOld"
-                >{{ $t("common.network")
-                }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
-                  item.purpose
-                }}<span class="modifyType"></span
-              ></span>
-              <span v-else-if="item.modifyType === 'NONE'"
-                >{{ $t("common.network")
-                }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
-                  item.purpose
-                }}
+              <span
+                v-else-if="item.modifyType === 'DELETE'"
+                class="deleteOld"
+              >{{ $t("common.network")
+              }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+                item.purpose
+              }}<span class="modifyType" /></span>
+              <span
+                v-else-if="item.modifyType === 'NONE'"
+              >{{ $t("common.network")
+               }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+                 item.purpose
+               }}
 
-                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item"></ipsetDeiatl>
+                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item" />
               </span>
-              <span v-else class="newAdd"
-                >{{ $t("common.network")
-                }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
-                  item.purpose
-                }}
+              <span
+                v-else
+                class="newAdd"
+              >{{ $t("common.network")
+               }}{{ modifyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+                 item.purpose
+               }}
 
-                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item"></ipsetDeiatl>
+                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item" />
               </span>
             </p>
           </div>
@@ -147,7 +157,7 @@
         </el-form-item>
       </el-form>
       <!-- 申请云服务器 -->
-      <el-form ref="form" label-width="auto" v-if="isApplyServerVM">
+      <el-form v-if="isApplyServerVM" ref="form" label-width="auto">
         <!-- 创建方式 -->
         <el-form-item :label="$t('workOrder.howtocreate')">
           <span>{{ applyServerVmType[applyServerVM.applyServerVmType] }}</span>
@@ -169,7 +179,7 @@
         <el-form-item
           v-if="
             applyServerVM.applyServerVmType == 'TEMPLATE' &&
-            applyServerVM.status == 'CHECK_PASS'
+              applyServerVM.status == 'CHECK_PASS'
           "
           label="创建类型"
         >
@@ -254,55 +264,58 @@
                 {{ $t("common.hard")
                 }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
                   item.diskSize
-                }}GB <span class="modifyType"> </span
-              ></span>
+                }}GB <span class="modifyType" /></span>
               <span v-else-if="item.modifyType === 'MODIFY'" class="newAdd">
                 {{ $t("common.hard")
                 }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
                   item.oldDiskSize
                 }}GB -> {{ item.diskSize }}GB
               </span>
-              <span v-else
-                >{{ $t("common.hard")
-                }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
-                  item.diskSize
-                }}GB</span
-              >
+              <span
+                v-else
+              >{{ $t("common.hard")
+              }}{{ applyServerVM.disks.length > 1 ? index + 1 : "" }}：{{
+                item.diskSize
+              }}GB</span>
             </p>
 
             <p
               v-for="(item, index) in applyServerVM.networks"
               :key="'network' + index"
             >
-              <span v-if="item.modifyType === 'ADD'" class="newAdd"
-                >{{ $t("common.network")
-                }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
-                  item.purpose
-                }}<span class="modifyType"
-                  >({{ $t("common.newnetwork") }})</span
-                >
+              <span
+                v-if="item.modifyType === 'ADD'"
+                class="newAdd"
+              >{{ $t("common.network")
+               }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+                 item.purpose
+               }}<span
+                 class="modifyType"
+               >({{ $t("common.newnetwork") }})</span>
 
-                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item"></ipsetDeiatl>
+                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item" />
               </span>
-              <span v-else-if="item.modifyType === 'DELETE'" class="deleteOld"
-                >{{ $t("common.network")
-                }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
-                  item.purpose
-                }}<span class="modifyType"></span
-              ></span>
-              <span v-else-if="item.modifyType === 'NONE'"
-                >{{ $t("common.network")
-                }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
-                  item.purpose
-                }}
-                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item"></ipsetDeiatl>
+              <span
+                v-else-if="item.modifyType === 'DELETE'"
+                class="deleteOld"
+              >{{ $t("common.network")
+              }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+                item.purpose
+              }}<span class="modifyType" /></span>
+              <span
+                v-else-if="item.modifyType === 'NONE'"
+              >{{ $t("common.network")
+               }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
+                 item.purpose
+               }}
+                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item" />
               </span>
               <span v-else class="newAdd">
                 {{ $t("common.network")
                 }}{{ applyServerVM.networks.length > 1 ? index + 1 : "" }}：{{
                   item.purpose
                 }}
-                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item"></ipsetDeiatl>
+                <ipsetDeiatl v-if="item.setIpInfo" :ipinfo="item" />
               </span>
             </p>
           </div>
@@ -340,7 +353,7 @@
         </el-form-item>
       </el-form>
       <!-- 延期云服务器 -->
-      <el-form ref="form" label-width="auto" v-if="isApplyDeferredDetail">
+      <el-form v-if="isApplyDeferredDetail" ref="form" label-width="auto">
         <!-- 工单类型 -->
         <el-form-item :label="$t('workOrder.typeDesc')">
           <span>{{ applyDeferredDetail.workOrderTypeDesc }}</span>
@@ -387,7 +400,7 @@
         </el-form-item>
       </el-form>
       <!-- 注册用户 -->
-      <el-form ref="form" label-width="auto" v-if="isRegisterUserDetail">
+      <el-form v-if="isRegisterUserDetail" ref="form" label-width="auto">
         <!-- 工单类型 -->
         <el-form-item :label="$t('workOrder.typeDesc')">
           <span>{{ registerUserDetail.workOrderTypeDesc }}</span>
@@ -434,7 +447,7 @@
         </el-form-item>
       </el-form>
       <!-- 修改账号 -->
-      <el-form ref="form" label-width="auto" v-if="isUpdateUserDetail">
+      <el-form v-if="isUpdateUserDetail" ref="form" label-width="auto">
         <!-- 工单类型 -->
         <el-form-item :label="$t('workOrder.typeDesc')">
           <span>{{ updateUserDetail.workOrderTypeDesc }}</span>
@@ -489,8 +502,7 @@
       </el-form>
 
       <!-- isModifyVdcVM -->
-      <modifyVdcDetail v-if="isModifyVdcVM" :formOptions="modifyVdcVMDetail">
-      </modifyVdcDetail>
+      <modifyVdcDetail v-if="isModifyVdcVM" :form-options="modifyVdcVMDetail" />
     </div>
   </div>
 </template>
@@ -502,26 +514,26 @@ import {
   getApplyDeferredDetail,
   getRegisterUserDetail,
   getUpdateUserDetail,
-  applyModifyVdcDetail,
-} from "@/api/workOrder";
+  applyModifyVdcDetail
+} from '@/api/workOrder'
 
-import ipsetDeiatl from "./ipsetDeiatl";
-import modifyVdcDetail from "./modifyVdcDetail.vue";
-import dictionary from "@/assets/common/dataDictionary/dictionary";
+import ipsetDeiatl from './ipsetDeiatl'
+import modifyVdcDetail from './modifyVdcDetail.vue'
+import dictionary from '@/assets/common/dataDictionary/dictionary'
 
 export default {
-  name: "WorkDetail",
+  name: 'WorkDetail',
+  components: { ipsetDeiatl, modifyVdcDetail },
   props: {
     formOptions: {
       type: Object,
-      default: () => ({}),
-    },
+      default: () => ({})
+    }
   },
-  components: { ipsetDeiatl, modifyVdcDetail },
   data() {
     return {
-      workOrderId: "",
-      type: "",
+      workOrderId: '',
+      type: '',
       // 变更云服务器
       modifyServerVM: {},
       // 申请云服务器
@@ -533,83 +545,83 @@ export default {
       // 修改账号
       updateUserDetail: {},
       applyServerVmType: {
-        ISO: "ISO镜像",
-        TEMPLATE: "模板",
+        ISO: 'ISO镜像',
+        TEMPLATE: '模板'
       },
       modifyVdcVMDetail: {
-        formData: {},
-      },
-    };
+        formData: {}
+      }
+    }
+  },
+  computed: {
+    isModifyServerVM: function() {
+      return this.type === 'MODIFY_SERVERVM'
+    },
+    isApplyServerVM: function() {
+      return this.type === 'APPLY_SERVERVM'
+    },
+    isApplyDeferredDetail: function() {
+      return this.type === 'DEFERRED_SERVERVM'
+    },
+    isRegisterUserDetail: function() {
+      return this.type === 'REGISTER_USER'
+    },
+    isUpdateUserDetail: function() {
+      return this.type === 'MODIFY_USER'
+    },
+    isModifyVdcVM: function() {
+      return this.type === 'MODIFY_VDC'
+    }
   },
   created() {
-    let { formData } = this.formOptions;
+    const { formData } = this.formOptions
 
-    this.workOrderId = formData.workOrderId;
-    this.type = formData.type;
-    const workOrderId = this.workOrderId;
-    const type = this.type;
+    this.workOrderId = formData.workOrderId
+    this.type = formData.type
+    const workOrderId = this.workOrderId
+    const type = this.type
     // 申请云服务器
     this.isApplyServerVM &&
       getApplyServerVmDetail({ workOrderId, type }).then((data) => {
-        this.applyServerVM = data;
-      });
+        this.applyServerVM = data
+      })
 
     // 变更云服务器
     this.isModifyServerVM &&
       getModifyServerVmDetail({ workOrderId, type }).then((data) => {
-        this.modifyServerVM = data;
-      });
+        this.modifyServerVM = data
+      })
 
     // 延期云服务器
     this.isApplyDeferredDetail &&
       getApplyDeferredDetail({ workOrderId, type }).then((data) => {
-        this.applyDeferredDetail = data;
-      });
+        this.applyDeferredDetail = data
+      })
 
     // 注册账号
     this.isRegisterUserDetail &&
       getRegisterUserDetail({ workOrderId, type }).then((data) => {
-        this.registerUserDetail = data;
-      });
+        this.registerUserDetail = data
+      })
 
     // 修改账号
     this.isUpdateUserDetail &&
       getUpdateUserDetail({ workOrderId, type }).then((data) => {
-        this.updateUserDetail = data;
-      });
+        this.updateUserDetail = data
+      })
     // 工单详情-变更VDC
     this.isModifyVdcVM &&
       applyModifyVdcDetail({ workOrderId }).then((data) => {
-        this.modifyVdcVMDetail.formData = data;
-      });
+        this.modifyVdcVMDetail.formData = data
+      })
   },
   mounted() {},
-  computed: {
-    isModifyServerVM: function () {
-      return this.type === "MODIFY_SERVERVM";
-    },
-    isApplyServerVM: function () {
-      return this.type === "APPLY_SERVERVM";
-    },
-    isApplyDeferredDetail: function () {
-      return this.type === "DEFERRED_SERVERVM";
-    },
-    isRegisterUserDetail: function () {
-      return this.type === "REGISTER_USER";
-    },
-    isUpdateUserDetail: function () {
-      return this.type === "MODIFY_USER";
-    },
-    isModifyVdcVM: function () {
-      return this.type === "MODIFY_VDC";
-    },
-  },
   methods: {
     getmcCloneTypeDesc(key) {
-      return dictionary.getDesc(key, dictionary.cloneTypeArr);
-    },
-  },
-};
+      return dictionary.getDesc(key, dictionary.cloneTypeArr)
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope>
@@ -647,4 +659,4 @@ export default {
   margin-left: 10px;
   font-size: 8px;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/detail/ipsetDeiatl.vue b/src/views/workorder/detail/ipsetDeiatl.vue
index f670654..3f3a8aa 100644
--- a/src/views/workorder/detail/ipsetDeiatl.vue
+++ b/src/views/workorder/detail/ipsetDeiatl.vue
@@ -55,14 +55,14 @@
 
 <script>
 export default {
-  name: "App",
-  props: ["ipinfo"],
+  name: 'App',
+  props: ['ipinfo'],
   data() {
     return {
-      pageInfo: this.ipinfo,
-    };
-  },
-};
+      pageInfo: this.ipinfo
+    }
+  }
+}
 </script>
 <style lang="scss" scoped>
 .networkIpinfo {
diff --git a/src/views/workorder/detail/modifyVdcDetail.vue b/src/views/workorder/detail/modifyVdcDetail.vue
index 49e7630..58fc38d 100644
--- a/src/views/workorder/detail/modifyVdcDetail.vue
+++ b/src/views/workorder/detail/modifyVdcDetail.vue
@@ -16,11 +16,11 @@
       <!-- 架构 -->
       <el-form-item label="架构">
         <div
-          class="modifyVdcDetail-flexBox"
           v-for="(
             item, resousei
           ) in modifyVdcVMDetail.applyArchitectureResourceList"
           :key="'cpu' + item.architectureType + resousei"
+          class="modifyVdcDetail-flexBox"
         >
           <div class="modifyVdcDetail-flexBox-left">
             <span>{{ item.architectureType }}</span>
@@ -62,25 +62,25 @@
         <span>
           {{
             $t("workOrder.oldResouse") +
-            "：" +
-            modifyVdcVMDetail.oldStorage +
-            modifyVdcVMDetail.storageUnit
+              "：" +
+              modifyVdcVMDetail.oldStorage +
+              modifyVdcVMDetail.storageUnit
           }}
           ->
           {{
             $t("workOrder.applyResouse") +
-            "：" +
-            modifyVdcVMDetail.applyStorage +
-            modifyVdcVMDetail.storageUnit
+              "：" +
+              modifyVdcVMDetail.applyStorage +
+              modifyVdcVMDetail.storageUnit
           }}
         </span>
         <span v-if="modifyVdcVMDetail.status == 'CHECK_PASS'">
           ->
           {{
             $t("workOrder.realResouse") +
-            "：" +
-            modifyVdcVMDetail.realStorage +
-            modifyVdcVMDetail.storageUnit
+              "：" +
+              modifyVdcVMDetail.realStorage +
+              modifyVdcVMDetail.storageUnit
           }}
         </span>
       </el-form-item>
@@ -110,40 +110,40 @@
 
 <script>
 export default {
-  name: "WorkDetail",
+  name: 'WorkDetail',
+  components: {},
   props: {
     formOptions: {
       type: Object,
-      default: () => ({}),
-    },
+      default: () => ({})
+    }
   },
-  components: {},
   data() {
     return {
-      modifyVdcVMDetail: {},
-    };
+      modifyVdcVMDetail: {}
+    }
   },
+  computed: {},
 
   watch: {
     formOptions: {
-      handler: function (newValue, oldValue) {
-        this.setPageData(newValue);
+      handler: function(newValue, oldValue) {
+        this.setPageData(newValue)
       },
       // 代表在wacth里声明了 立即先去执行handler方法
       immediate: false,
-      deep: true,
-    },
+      deep: true
+    }
   },
   created() {},
+  mounted() {},
   methods: {
     setPageData() {
-      let { formData } = this.formOptions;
-      this.modifyVdcVMDetail = formData;
-    },
-  },
-  mounted() {},
-  computed: {},
-};
+      const { formData } = this.formOptions
+      this.modifyVdcVMDetail = formData
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope>
@@ -168,4 +168,4 @@ export default {
     flex-direction: column;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/drawer/PassServervmApply.vue b/src/views/workorder/drawer/PassServervmApply.vue
index efc3378..3fd31a9 100644
--- a/src/views/workorder/drawer/PassServervmApply.vue
+++ b/src/views/workorder/drawer/PassServervmApply.vue
@@ -45,35 +45,34 @@
             <el-radio-group v-model="passApplyServervmFormData.cloneType">
               <el-radio
                 v-for="(item, index) in cloneTypeList"
-                :label="item.value"
                 :key="item.value + index"
-                >{{ item.label }}
+                :label="item.value"
+              >{{ item.label }}
               </el-radio>
             </el-radio-group>
           </el-form-item>
           <!-- 自动安置 -->
           <el-form-item :label="$t('workOrder.autoConfiguration')">
             <el-switch
-              class="switchStyle"
               v-model="passApplyServervmFormData.autoConfiguration"
+              class="switchStyle"
               :active-value="true"
               :inactive-value="false"
               :active-text="$t('workOrder.autoConfigurationOn')"
               :inactive-text="$t('workOrder.autoConfigurationOff')"
-            >
-            </el-switch>
+            />
           </el-form-item>
           <!-- 计算资源 -->
           <computResources
             v-if="!passApplyServervmFormData.autoConfiguration"
             ref="computResources"
-            :formData="formData"
-          ></computResources>
+            :form-data="formData"
+          />
           <!-- 存储位置  -->
           <el-form-item
+            v-if="!passApplyServervmFormData.autoConfiguration"
             :label="$t('workOrder.storageLocation')"
             prop="storageLocationId"
-            v-if="!passApplyServervmFormData.autoConfiguration"
           >
             <el-select
               v-model="passApplyServervmFormData.storageLocationId"
@@ -100,18 +99,16 @@
           <!-- 磁盘 -->
           <setDiskInfo
             ref="setDiskInfo"
-            :formData="disksformData"
-            pageMode="TEMPADD"
-          >
-          </setDiskInfo>
+            :form-data="disksformData"
+            page-mode="TEMPADD"
+          />
 
           <!-- 网卡 -->
           <setNetWorkInfo
             ref="setNetWorkInfo"
-            :formData="networksformData"
-            pageMode="TEMPADD"
-          >
-          </setNetWorkInfo>
+            :form-data="networksformData"
+            page-mode="TEMPADD"
+          />
 
           <!-- 审核意见 -->
           <el-form-item
@@ -138,97 +135,97 @@
   </div>
 </template>
 <script>
-import footBtn from "@/components/Footbtn";
-import ReMessage from "@/utils/message";
-import { passApplyServerVm } from "@/api/workOrder";
-import validate from "@/utils/validate";
-import computResources from "./computResources.vue"; // 计算资源
-import setDiskInfo from "./setDiskInfo.vue"; // 设置磁盘信息
-import setNetWorkInfo from "./setNetWorkInfo.vue"; // 设置网卡信息
-import dictionary from "@/assets/common/dataDictionary/dictionary";
+import footBtn from '@/components/Footbtn'
+import ReMessage from '@/utils/message'
+import { passApplyServerVm } from '@/api/workOrder'
+import validate from '@/utils/validate'
+import computResources from './computResources.vue' // 计算资源
+import setDiskInfo from './setDiskInfo.vue' // 设置磁盘信息
+import setNetWorkInfo from './setNetWorkInfo.vue' // 设置网卡信息
+import dictionary from '@/assets/common/dataDictionary/dictionary'
 export default {
   components: {
     footBtn,
     computResources,
     setDiskInfo,
-    setNetWorkInfo,
+    setNetWorkInfo
   },
-  props: ["passApplyData", "formData"],
+  props: ['passApplyData', 'formData'],
   data() {
     const validApplyNum = (rule, value, callback) => {
       if (isNaN(value)) {
-        callback(new Error(rule.message));
+        callback(new Error(rule.message))
       } else if (Number(value) < 1 || Number(value) > 100) {
-        callback(new Error(rule.message));
+        callback(new Error(rule.message))
       } else {
-        callback();
+        callback()
       }
-    };
+    }
     return {
       applyServerVmType: {
-        ISO: this.$t("workOrder.serverVmType.ISO"), // ISO镜像
-        TEMPLATE: this.$t("workOrder.serverVmType.TEMPLATE"), // 模板
+        ISO: this.$t('workOrder.serverVmType.ISO'), // ISO镜像
+        TEMPLATE: this.$t('workOrder.serverVmType.TEMPLATE') // 模板
       },
       passApplyServervmFormData: {
-        auditOpinion: "",
-        osMachine: "",
-        architecture: "",
-        systemType: "",
-        templateName: "",
+        auditOpinion: '',
+        osMachine: '',
+        architecture: '',
+        systemType: '',
+        templateName: '',
         applyNum: 5,
-        aliasName: "",
+        aliasName: '',
         autoConfiguration: true,
-        selectCluster: "",
-        selectClusterUuid: "",
-        storageLocationId: "",
-        cpu: "",
-        mem: "",
-        memUnit: "GB",
-        disks: [], //磁盘信息
-        networks: [], //网卡信息
-        cloneType: "FULL_CLONE", // 克隆类型
+        selectCluster: '',
+        selectClusterUuid: '',
+        storageLocationId: '',
+        cpu: '',
+        mem: '',
+        memUnit: 'GB',
+        disks: [], // 磁盘信息
+        networks: [], // 网卡信息
+        cloneType: 'FULL_CLONE' // 克隆类型
       },
       storageLocationList: [],
       rulesTemplate: {
         aliasName: [
           {
             required: true,
-            message: this.$t("workOrder.aliasNameNotNull"), // "名称不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.aliasNameNotNull'), // "名称不能为空",
+            trigger: 'blur'
           },
           {
             min: 6,
             max: 32,
-            message: this.$t("workOrder.aliasNameLength"), // "名称长度应控制在 6 ~ 32 个字符",
-            trigger: "blur",
-          },
+            message: this.$t('workOrder.aliasNameLength'), // "名称长度应控制在 6 ~ 32 个字符",
+            trigger: 'blur'
+          }
         ],
         applyNum: [
           {
             required: true,
-            message: this.$t("workOrder.serverNumNotNull"), // "申请个数不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.serverNumNotNull'), // "申请个数不能为空",
+            trigger: 'blur'
           },
           {
-            message: this.$t("workOrder.serverNumRange"), // "申请个数应控制在 1 ~ 100 范围",
-            trigger: "blur",
-            validator: validApplyNum,
-          },
+            message: this.$t('workOrder.serverNumRange'), // "申请个数应控制在 1 ~ 100 范围",
+            trigger: 'blur',
+            validator: validApplyNum
+          }
         ],
         auditOpinion: [
           {
             required: true,
-            message: this.$t("workOrder.commentsNotempty"), // "审核意见不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.commentsNotempty'), // "审核意见不能为空",
+            trigger: 'blur'
           },
           {
             required: true,
-            trigger: "blur",
-            message: this.$t("workOrder.commentsspecialChar"), // "审核意见不能出现特殊字符",
+            trigger: 'blur',
+            message: this.$t('workOrder.commentsspecialChar'), // "审核意见不能出现特殊字符",
 
-            validator: validate.special_char,
-          },
-        ],
+            validator: validate.special_char
+          }
+        ]
       },
       // 磁盘信息
       disksformData: {},
@@ -236,55 +233,55 @@ export default {
       networksformData: {},
 
       // 克隆
-      cloneTypeList: dictionary.cloneTypeArr,
-    };
+      cloneTypeList: dictionary.cloneTypeArr
+    }
   },
 
   created() {
-    this.getApplyDetail();
+    this.getApplyDetail()
   },
   methods: {
-    //获取模板详情
+    // 获取模板详情
     getApplyDetail() {
-      let res = this.formData;
-      this.passApplyServervmFormData.applyServerVmType = res.applyServerVmType;
-      this.passApplyServervmFormData.aliasName = res.aliasName;
-      this.passApplyServervmFormData.applyNum = res.applyNum;
-      this.passApplyServervmFormData.templateName = res.templateName;
-      this.passApplyServervmFormData.osMachine = res.osMachine;
-      this.passApplyServervmFormData.architecture = res.architecture;
-      this.passApplyServervmFormData.systemType = res.systemType;
-      this.passApplyServervmFormData.cpu = res.cpu;
-      this.passApplyServervmFormData.mem = res.mem;
-      this.passApplyServervmFormData.memUnit = res.memUnit;
-      this.passApplyServervmFormData.storageLocationId = res.storageLocationId;
+      const res = this.formData
+      this.passApplyServervmFormData.applyServerVmType = res.applyServerVmType
+      this.passApplyServervmFormData.aliasName = res.aliasName
+      this.passApplyServervmFormData.applyNum = res.applyNum
+      this.passApplyServervmFormData.templateName = res.templateName
+      this.passApplyServervmFormData.osMachine = res.osMachine
+      this.passApplyServervmFormData.architecture = res.architecture
+      this.passApplyServervmFormData.systemType = res.systemType
+      this.passApplyServervmFormData.cpu = res.cpu
+      this.passApplyServervmFormData.mem = res.mem
+      this.passApplyServervmFormData.memUnit = res.memUnit
+      this.passApplyServervmFormData.storageLocationId = res.storageLocationId
 
-      this.storageLocationList = res.storageLocationList;
+      this.storageLocationList = res.storageLocationList
 
-      this.passApplyServervmFormData.cloneType = "LINK_CLONE";
+      this.passApplyServervmFormData.cloneType = 'LINK_CLONE'
 
       // 处理网卡数据
-      this.networksformData = JSON.parse(JSON.stringify(this.formData));
+      this.networksformData = JSON.parse(JSON.stringify(this.formData))
       // 处理磁盘数据
-      this.disksformData = JSON.parse(JSON.stringify(this.formData));
+      this.disksformData = JSON.parse(JSON.stringify(this.formData))
     },
     // 提交
     handlerConfirm() {
-      const that = this;
-      let computResourcesvalidate = true;
-      let netWorkInfovalidate = true;
-      let setDiskInfovalidate = true;
+      const that = this
+      let computResourcesvalidate = true
+      let netWorkInfovalidate = true
+      let setDiskInfovalidate = true
       // 检验计算资源
       if (!this.passApplyServervmFormData.autoConfiguration) {
-        computResourcesvalidate = this.$refs.computResources.submitForm();
+        computResourcesvalidate = this.$refs.computResources.submitForm()
       }
 
       // 检验磁盘信息
-      setDiskInfovalidate = this.$refs.setDiskInfo.submitForm();
+      setDiskInfovalidate = this.$refs.setDiskInfo.submitForm()
       // 检验网卡信息
-      netWorkInfovalidate = this.$refs.setNetWorkInfo.submitForm();
+      netWorkInfovalidate = this.$refs.setNetWorkInfo.submitForm()
 
-      let confirmMsg = this.$t("workOrder.sureApproved"); // "确定审核通过？";
+      const confirmMsg = this.$t('workOrder.sureApproved') // "确定审核通过？";
       this.$refs.passApplyServervmForm.validate((valid) => {
         if (
           valid &&
@@ -294,33 +291,33 @@ export default {
         ) {
           this.alertConfirm(confirmMsg)
             .then((err) => {
-              that.commitPass();
+              that.commitPass()
             })
-            .catch((err) => {});
+            .catch((err) => {})
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
     commitPass() {
-      let workOrderId = this.passApplyData.workOrderId;
-      let auditOpinion = this.passApplyServervmFormData.auditOpinion;
-      let aliasName = this.passApplyServervmFormData.aliasName;
+      const workOrderId = this.passApplyData.workOrderId
+      const auditOpinion = this.passApplyServervmFormData.auditOpinion
+      const aliasName = this.passApplyServervmFormData.aliasName
 
-      let storageLocationId = this.passApplyServervmFormData.storageLocationId;
-      let vcpus = this.passApplyServervmFormData.cpu;
-      let memory = this.passApplyServervmFormData.mem;
-      let memUnit = this.passApplyServervmFormData.memUnit;
+      const storageLocationId = this.passApplyServervmFormData.storageLocationId
+      const vcpus = this.passApplyServervmFormData.cpu
+      const memory = this.passApplyServervmFormData.mem
+      const memUnit = this.passApplyServervmFormData.memUnit
 
-      let plateformType = this.passApplyServervmFormData.architecture;
-      let operatingSystem = this.passApplyServervmFormData.osMachine;
-      let systemType = this.passApplyServervmFormData.systemType;
-      let vmNumber = this.passApplyServervmFormData.applyNum;
+      const plateformType = this.passApplyServervmFormData.architecture
+      const operatingSystem = this.passApplyServervmFormData.osMachine
+      const systemType = this.passApplyServervmFormData.systemType
+      const vmNumber = this.passApplyServervmFormData.applyNum
 
-      let remotePassword = this.createRemotePassword();
+      const remotePassword = this.createRemotePassword()
       // 枚举: TEMPLATE,ISO
       // 枚举备注: TEMPLATE(基于模板创建) ISO(ISO创建)
-      let applyServerVmType = "TEMPLATE";
+      const applyServerVmType = 'TEMPLATE'
 
       let computResourcesFormData = {
         serverClusterType: this.formData.serverClusterType,
@@ -329,11 +326,11 @@ export default {
         selectClusterUuid: this.formData.selectClusterUuid, // 模板所选计算资源uuid
 
         selectResourceTagId: this.formData.selectTagIds, // 绑定资源ID
-        selectTagNames: this.formData.selectTagNames, // 绑定资源的名称
-      };
+        selectTagNames: this.formData.selectTagNames // 绑定资源的名称
+      }
       if (!this.passApplyServervmFormData.autoConfiguration) {
-        let computResources =
-          this.$refs.computResources.computResourcesFormData;
+        const computResources =
+          this.$refs.computResources.computResourcesFormData
         computResourcesFormData = {
           serverClusterType: computResources.serverClusterType,
           // 自定义 选择主机
@@ -341,19 +338,19 @@ export default {
           selectClusterUuid: computResources.selectClusterUuid, // 模板所选计算资源uuid
 
           selectResourceTagId: computResources.selectTagIds, // 绑定资源ID
-          selectTagNames: computResources.selectTagNames, // 绑定资源的名称
-        };
+          selectTagNames: computResources.selectTagNames // 绑定资源的名称
+        }
       }
 
-      //网络
-      let networkList = this.$refs.setNetWorkInfo.cmtnetworkList;
+      // 网络
+      const networkList = this.$refs.setNetWorkInfo.cmtnetworkList
 
-      //磁盘处理
-      let diskList = this.$refs.setDiskInfo.cmtdiskList;
+      // 磁盘处理
+      const diskList = this.$refs.setDiskInfo.cmtdiskList
 
-      let cloneType = this.passApplyServervmFormData.cloneType;
+      const cloneType = this.passApplyServervmFormData.cloneType
 
-      let commitData = {
+      const commitData = {
         workOrderId,
         auditOpinion,
         aliasName,
@@ -370,76 +367,76 @@ export default {
         remotePassword,
         applyServerVmType,
         ...computResourcesFormData,
-        cloneType,
-      };
+        cloneType
+      }
 
-      //申请云服务器
+      // 申请云服务器
       passApplyServerVm(commitData).then((res) => {
-        this.passSuccess();
-      });
+        this.passSuccess()
+      })
     },
     handlerCancel() {
-      this.$parent.closeDrawer();
+      this.$parent.closeDrawer()
     },
     passSuccess() {
-      ReMessage.success(this.$t("common.reviewsucc"));
-      this.$parent.$parent.$parent.refreshTable();
-      this.handlerCancel();
+      ReMessage.success(this.$t('common.reviewsucc'))
+      this.$parent.$parent.$parent.refreshTable()
+      this.handlerCancel()
     },
     createRemotePassword() {
       var arr = [
-        "A",
-        "B",
-        "C",
-        "D",
-        "E",
-        "F",
-        "G",
-        "H",
-        "I",
-        "J",
-        "K",
-        "L",
-        "M",
-        "N",
-        "O",
-        "P",
-        "Q",
-        "R",
-        "S",
-        "T",
-        "U",
-        "V",
-        "W",
-        "X",
-        "Y",
-        "Z",
-        "a",
-        "b",
-        "c",
-        "d",
-        "e",
-        "f",
-        "g",
-        "h",
-        "i",
-        "j",
-        "k",
-        "l",
-        "m",
-        "n",
-        "o",
-        "p",
-        "q",
-        "r",
-        "s",
-        "t",
-        "u",
-        "v",
-        "w",
-        "x",
-        "y",
-        "z",
+        'A',
+        'B',
+        'C',
+        'D',
+        'E',
+        'F',
+        'G',
+        'H',
+        'I',
+        'J',
+        'K',
+        'L',
+        'M',
+        'N',
+        'O',
+        'P',
+        'Q',
+        'R',
+        'S',
+        'T',
+        'U',
+        'V',
+        'W',
+        'X',
+        'Y',
+        'Z',
+        'a',
+        'b',
+        'c',
+        'd',
+        'e',
+        'f',
+        'g',
+        'h',
+        'i',
+        'j',
+        'k',
+        'l',
+        'm',
+        'n',
+        'o',
+        'p',
+        'q',
+        'r',
+        's',
+        't',
+        'u',
+        'v',
+        'w',
+        'x',
+        'y',
+        'z',
         0,
         1,
         2,
@@ -449,14 +446,14 @@ export default {
         6,
         7,
         8,
-        9,
-      ];
-      var rand1 = Math.floor(Math.random() * 62);
-      var rand2 = Math.floor(Math.random() * 62);
-      var rand3 = Math.floor(Math.random() * 62);
-      var rand4 = Math.floor(Math.random() * 62);
-      var rand5 = Math.floor(Math.random() * 62);
-      var rand6 = Math.floor(Math.random() * 62);
+        9
+      ]
+      var rand1 = Math.floor(Math.random() * 62)
+      var rand2 = Math.floor(Math.random() * 62)
+      var rand3 = Math.floor(Math.random() * 62)
+      var rand4 = Math.floor(Math.random() * 62)
+      var rand5 = Math.floor(Math.random() * 62)
+      var rand6 = Math.floor(Math.random() * 62)
       return (
         arr[rand1] +
         arr[rand2] +
@@ -464,10 +461,10 @@ export default {
         arr[rand4] +
         arr[rand5] +
         arr[rand6]
-      );
-    },
-  },
-};
+      )
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope>
@@ -490,4 +487,4 @@ export default {
     max-height: 100px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/drawer/PassServervmIsoApply.vue b/src/views/workorder/drawer/PassServervmIsoApply.vue
index bfac1c2..e4e60d3 100644
--- a/src/views/workorder/drawer/PassServervmIsoApply.vue
+++ b/src/views/workorder/drawer/PassServervmIsoApply.vue
@@ -39,8 +39,7 @@
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
-              >
-              </el-option>
+              />
             </el-select>
           </el-form-item>
 
@@ -61,8 +60,7 @@
                   :key="item.systemName"
                   :label="item.systemName"
                   :value="item.systemName"
-                >
-                </el-option>
+                />
               </el-option-group>
             </el-select>
           </el-form-item>
@@ -89,27 +87,26 @@
           <!-- 自动安置 -->
           <el-form-item :label="$t('workOrder.autoConfiguration')">
             <el-switch
-              class="switchStyle"
               v-model="passApplyServervmFormData.autoConfiguration"
+              class="switchStyle"
               :active-value="true"
               :inactive-value="false"
               :active-text="$t('workOrder.autoConfigurationOn')"
               :inactive-text="$t('workOrder.autoConfigurationOff')"
-            >
-            </el-switch>
+            />
           </el-form-item>
 
           <!-- 计算资源 -->
           <computResources
             v-if="!passApplyServervmFormData.autoConfiguration"
             ref="computResources"
-            :formData="formData"
-          ></computResources>
+            :form-data="formData"
+          />
           <!-- 存储位置  -->
           <el-form-item
+            v-if="!passApplyServervmFormData.autoConfiguration"
             :label="$t('workOrder.storageLocation')"
             prop="storageLocationId"
-            v-if="!passApplyServervmFormData.autoConfiguration"
           >
             <el-select
               v-model="passApplyServervmFormData.storageLocationId"
@@ -136,18 +133,16 @@
           <!-- 磁盘 -->
           <setDiskInfo
             ref="setDiskInfo"
-            :formData="disksformData"
-            pageMode="ISOADD"
-          >
-          </setDiskInfo>
+            :form-data="disksformData"
+            page-mode="ISOADD"
+          />
 
           <!-- 网卡 -->
           <setNetWorkInfo
             ref="setNetWorkInfo"
-            :formData="networksformData"
-            pageMode="ISOADD"
-          >
-          </setNetWorkInfo>
+            :form-data="networksformData"
+            page-mode="ISOADD"
+          />
 
           <!-- 审核意见 -->
           <el-form-item
@@ -175,112 +170,111 @@
     <!-- bindTemplateModal -->
     <bindTemplateModal
       :visible.sync="showbindisotemplateModal"
-      :defaultSelectedKeys="defaultSelectedKeys"
-      :allIsoList="allIsoList"
+      :default-selected-keys="defaultSelectedKeys"
+      :all-iso-list="allIsoList"
       @confirm="templateConfirm"
-    >
-    </bindTemplateModal>
+    />
   </div>
 </template>
 <script>
-import footBtn from "@/components/Footbtn";
-import ReMessage from "@/utils/message";
-import { passApplyServerVm } from "@/api/workOrder";
-import bindTemplateModal from "../bindIsoTempModal/bindTemplateModal.vue";
-import validate from "@/utils/validate";
-import computResources from "./computResources.vue"; // 计算资源
-import setDiskInfo from "./setDiskInfo.vue"; // 设置磁盘信息
-import setNetWorkInfo from "./setNetWorkInfo.vue"; // 设置网卡信息
+import footBtn from '@/components/Footbtn'
+import ReMessage from '@/utils/message'
+import { passApplyServerVm } from '@/api/workOrder'
+import bindTemplateModal from '../bindIsoTempModal/bindTemplateModal.vue'
+import validate from '@/utils/validate'
+import computResources from './computResources.vue' // 计算资源
+import setDiskInfo from './setDiskInfo.vue' // 设置磁盘信息
+import setNetWorkInfo from './setNetWorkInfo.vue' // 设置网卡信息
 export default {
   components: {
     footBtn,
     bindTemplateModal,
     computResources,
     setDiskInfo,
-    setNetWorkInfo,
+    setNetWorkInfo
   },
-  props: ["passApplyData", "formData"],
+  props: ['passApplyData', 'formData'],
   data() {
     const validApplyNum = (rule, value, callback) => {
       if (isNaN(value)) {
-        callback(new Error(rule.message));
+        callback(new Error(rule.message))
       } else if (Number(value) < 1 || Number(value) > 4) {
-        callback(new Error(rule.message));
+        callback(new Error(rule.message))
       } else {
-        callback();
+        callback()
       }
-    };
+    }
     return {
       applyServerVmType: {
-        ISO: this.$t("workOrder.serverVmType.ISO"), // ISO镜像
-        TEMPLATE: this.$t("workOrder.serverVmType.TEMPLATE"), // 模板
+        ISO: this.$t('workOrder.serverVmType.ISO'), // ISO镜像
+        TEMPLATE: this.$t('workOrder.serverVmType.TEMPLATE') // 模板
       },
       architectureoptions: [
         // 架构
-        { value: "X86_64", label: "X86_64" },
-        { value: "aarch64", label: "ARM64" },
-        { value: "mips", label: "MIPS" },
+        { value: 'X86_64', label: 'X86_64' },
+        { value: 'aarch64', label: 'ARM64' },
+        { value: 'mips', label: 'MIPS' }
       ],
       machineoptions: [],
       passApplyServervmFormData: {
-        auditOpinion: "",
-        osMachine: "",
-        architecture: "",
-        systemType: "",
-        templateName: "",
+        auditOpinion: '',
+        osMachine: '',
+        architecture: '',
+        systemType: '',
+        templateName: '',
         applyNum: 5,
-        aliasName: "",
+        aliasName: '',
         autoConfiguration: true,
-        selectCluster: "",
-        selectClusterUuid: "",
-        storageLocationId: "",
-        cpu: "",
-        mem: "",
-        memUnit: "GB",
-        disks: [], //磁盘信息
-        networks: [], //网卡信息
+        selectCluster: '',
+        selectClusterUuid: '',
+        storageLocationId: '',
+        cpu: '',
+        mem: '',
+        memUnit: 'GB',
+        disks: [], // 磁盘信息
+        networks: [] // 网卡信息
       },
       storageLocationList: [],
       rulesTemplate: {
         aliasName: [
           {
             required: true,
-            message: this.$t("workOrder.aliasNameNotNull"), // "名称不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.aliasNameNotNull'), // "名称不能为空",
+            trigger: 'blur'
           },
           {
             min: 6,
             max: 32,
-            message: this.$t("workOrder.aliasNameLength"), // "名称长度应控制在 6 ~ 32 个字符",
-            trigger: "blur",
-          },
+            message: this.$t('workOrder.aliasNameLength'), // "名称长度应控制在 6 ~ 32 个字符",
+            trigger: 'blur'
+          }
         ],
         applyNum: [
           {
             required: true,
-            message: this.$t("workOrder.serverNumNotNull"), // "申请个数不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.serverNumNotNull'), // "申请个数不能为空",
+            trigger: 'blur'
           },
           {
-            message: this.$t("workOrder.serverNumIsoRange"), //"申请个数应控制在 1 ~ 4 范围",
-            trigger: "blur",
-            validator: validApplyNum,
-          },
+            message: this.$t('workOrder.serverNumIsoRange'), // "申请个数应控制在 1 ~ 4 范围",
+            trigger: 'blur',
+            validator: validApplyNum
+          }
         ],
         auditOpinion: [
           {
             required: true,
-            message: this.$t("workOrder.commentsNotempty"), // "审核意见不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.commentsNotempty'), // "审核意见不能为空",
+            trigger: 'blur'
           },
           {
             required: true,
-            trigger: "blur",
-            message: this.$t("workOrder.commentsspecialChar"), // "审核意见不能出现特殊字符",
+            trigger: 'blur',
+            message: this.$t('workOrder.commentsspecialChar'), // "审核意见不能出现特殊字符",
 
-            validator: validate.special_char,
-          },
-        ],
+            validator: validate.special_char
+          }
+        ]
       },
       // 磁盘信息
       disksformData: {},
@@ -289,74 +283,74 @@ export default {
 
       showbindisotemplateModal: false,
       allIsoList: [],
-      defaultSelectedKeys: [],
-    };
+      defaultSelectedKeys: []
+    }
   },
 
   created() {
-    this.getApplyDetail();
+    this.getApplyDetail()
   },
   methods: {
     openSelectModal(key) {
       switch (key) {
-        case "isotemplate":
+        case 'isotemplate':
           this.defaultSelectedKeys = [
-            { isoKey: this.passApplyServervmFormData.templateName },
-          ];
-          this.showbindisotemplateModal = true;
-          break;
+            { isoKey: this.passApplyServervmFormData.templateName }
+          ]
+          this.showbindisotemplateModal = true
+          break
 
         default:
-          this.showbindisotemplateModal = false;
-          break;
+          this.showbindisotemplateModal = false
+          break
       }
     },
     templateConfirm(rows) {
-      let template = rows[0];
-      this.passApplyServervmFormData.templateName = template.isoLabel;
+      const template = rows[0]
+      this.passApplyServervmFormData.templateName = template.isoLabel
     },
-    //获取模板详情
+    // 获取模板详情
     getApplyDetail() {
-      let res = JSON.parse(JSON.stringify(this.formData));
-      this.passApplyServervmFormData.applyServerVmType = res.applyServerVmType;
-      this.passApplyServervmFormData.aliasName = res.aliasName;
-      this.passApplyServervmFormData.applyNum = res.applyNum;
-      this.passApplyServervmFormData.templateName = res.applyIsoList[0].isoFile;
-      this.allIsoList = res.allIsoList;
-      this.passApplyServervmFormData.osMachine = res.osMachine;
-      this.passApplyServervmFormData.architecture = res.architecture;
-      this.passApplyServervmFormData.systemType = res.systemType;
-      this.passApplyServervmFormData.cpu = res.cpu;
-      this.passApplyServervmFormData.mem = res.mem;
-      this.passApplyServervmFormData.memUnit = res.memUnit;
-      this.passApplyServervmFormData.storageLocationId = res.storageLocationId;
+      const res = JSON.parse(JSON.stringify(this.formData))
+      this.passApplyServervmFormData.applyServerVmType = res.applyServerVmType
+      this.passApplyServervmFormData.aliasName = res.aliasName
+      this.passApplyServervmFormData.applyNum = res.applyNum
+      this.passApplyServervmFormData.templateName = res.applyIsoList[0].isoFile
+      this.allIsoList = res.allIsoList
+      this.passApplyServervmFormData.osMachine = res.osMachine
+      this.passApplyServervmFormData.architecture = res.architecture
+      this.passApplyServervmFormData.systemType = res.systemType
+      this.passApplyServervmFormData.cpu = res.cpu
+      this.passApplyServervmFormData.mem = res.mem
+      this.passApplyServervmFormData.memUnit = res.memUnit
+      this.passApplyServervmFormData.storageLocationId = res.storageLocationId
 
-      this.storageLocationList = res.storageLocationList;
+      this.storageLocationList = res.storageLocationList
       // 处理网卡数据
-      this.networksformData = JSON.parse(JSON.stringify(this.formData));
+      this.networksformData = JSON.parse(JSON.stringify(this.formData))
       // 处理磁盘数据
-      this.disksformData = JSON.parse(JSON.stringify(this.formData));
+      this.disksformData = JSON.parse(JSON.stringify(this.formData))
 
       // 处理磁盘数据
-      this.passApplyServervmFormData.disks = res.disks;
+      this.passApplyServervmFormData.disks = res.disks
     },
     // 提交
     handlerConfirm() {
-      const that = this;
-      let computResourcesvalidate = true;
-      let netWorkInfovalidate = true;
-      let setDiskInfovalidate = true;
+      const that = this
+      let computResourcesvalidate = true
+      let netWorkInfovalidate = true
+      let setDiskInfovalidate = true
       // 检验计算资源
       if (!this.passApplyServervmFormData.autoConfiguration) {
-        computResourcesvalidate = this.$refs.computResources.submitForm();
+        computResourcesvalidate = this.$refs.computResources.submitForm()
       }
 
       // 检验磁盘信息
-      setDiskInfovalidate = this.$refs.setDiskInfo.submitForm();
+      setDiskInfovalidate = this.$refs.setDiskInfo.submitForm()
       // 检验网卡信息
-      netWorkInfovalidate = this.$refs.setNetWorkInfo.submitForm();
+      netWorkInfovalidate = this.$refs.setNetWorkInfo.submitForm()
 
-      let confirmMsg = this.$t("workOrder.sureApproved"); // "确定审核通过？";
+      const confirmMsg = this.$t('workOrder.sureApproved') // "确定审核通过？";
       this.$refs.passApplyServervmForm.validate((valid) => {
         if (
           valid &&
@@ -366,36 +360,36 @@ export default {
         ) {
           this.alertConfirm(confirmMsg)
             .then((err) => {
-              that.commitPass();
+              that.commitPass()
             })
-            .catch((err) => {});
+            .catch((err) => {})
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
     commitPass() {
-      let workOrderId = this.passApplyData.workOrderId;
-      let auditOpinion = this.passApplyServervmFormData.auditOpinion;
-      let aliasName = this.passApplyServervmFormData.aliasName;
+      const workOrderId = this.passApplyData.workOrderId
+      const auditOpinion = this.passApplyServervmFormData.auditOpinion
+      const aliasName = this.passApplyServervmFormData.aliasName
 
-      let storageLocationId = this.passApplyServervmFormData.storageLocationId;
-      let vcpus = this.passApplyServervmFormData.cpu;
-      let memory = this.passApplyServervmFormData.mem;
-      let memUnit = this.passApplyServervmFormData.memUnit;
+      const storageLocationId = this.passApplyServervmFormData.storageLocationId
+      const vcpus = this.passApplyServervmFormData.cpu
+      const memory = this.passApplyServervmFormData.mem
+      const memUnit = this.passApplyServervmFormData.memUnit
 
-      let plateformType = this.passApplyServervmFormData.architecture;
-      let operatingSystem = this.passApplyServervmFormData.osMachine;
-      let systemType = this.passApplyServervmFormData.systemType;
-      let vmNumber = this.passApplyServervmFormData.applyNum;
+      const plateformType = this.passApplyServervmFormData.architecture
+      const operatingSystem = this.passApplyServervmFormData.osMachine
+      const systemType = this.passApplyServervmFormData.systemType
+      const vmNumber = this.passApplyServervmFormData.applyNum
 
-      let remotePassword = this.createRemotePassword();
-      let isoList = this.formData.applyIsoList;
-      isoList[0].isoFile = this.passApplyServervmFormData.templateName; // iso名
+      const remotePassword = this.createRemotePassword()
+      const isoList = this.formData.applyIsoList
+      isoList[0].isoFile = this.passApplyServervmFormData.templateName // iso名
 
       // 枚举: TEMPLATE,ISO
       // 枚举备注: TEMPLATE(基于模板创建) ISO(ISO创建)
-      let applyServerVmType = "ISO";
+      const applyServerVmType = 'ISO'
       // 计算资源
       let computResourcesFormData = {
         serverClusterType: this.formData.serverClusterType,
@@ -404,11 +398,11 @@ export default {
         selectClusterUuid: this.formData.selectClusterUuid, // 模板所选计算资源uuid
 
         selectResourceTagId: this.formData.selectTagIds, // 绑定资源ID
-        selectTagNames: this.formData.selectTagNames, // 绑定资源的名称
-      };
+        selectTagNames: this.formData.selectTagNames // 绑定资源的名称
+      }
       if (!this.passApplyServervmFormData.autoConfiguration) {
-        let computResources =
-          this.$refs.computResources.computResourcesFormData;
+        const computResources =
+          this.$refs.computResources.computResourcesFormData
         computResourcesFormData = {
           serverClusterType: computResources.serverClusterType,
           // 自定义 选择主机
@@ -416,17 +410,17 @@ export default {
           selectClusterUuid: computResources.selectClusterUuid, // 模板所选计算资源uuid
 
           selectResourceTagId: computResources.selectTagIds, // 绑定资源ID
-          selectTagNames: computResources.selectTagNames, // 绑定资源的名称
-        };
+          selectTagNames: computResources.selectTagNames // 绑定资源的名称
+        }
       }
 
-      //网络
-      let networkList = this.$refs.setNetWorkInfo.cmtnetworkList;
+      // 网络
+      const networkList = this.$refs.setNetWorkInfo.cmtnetworkList
 
-      //磁盘处理
-      let diskList = this.$refs.setDiskInfo.cmtdiskList;
+      // 磁盘处理
+      const diskList = this.$refs.setDiskInfo.cmtdiskList
 
-      let commitData = {
+      const commitData = {
         workOrderId,
         auditOpinion,
         aliasName,
@@ -443,75 +437,75 @@ export default {
         remotePassword,
         isoList,
         applyServerVmType,
-        ...computResourcesFormData,
-      };
-      //申请云服务器
+        ...computResourcesFormData
+      }
+      // 申请云服务器
       passApplyServerVm(commitData).then((res) => {
-        this.passSuccess();
-      });
+        this.passSuccess()
+      })
     },
     handlerCancel() {
-      this.$parent.closeDrawer();
+      this.$parent.closeDrawer()
     },
     passSuccess() {
-      ReMessage.success(this.$t("common.reviewsucc"));
-      this.$parent.$parent.$parent.refreshTable();
-      this.handlerCancel();
+      ReMessage.success(this.$t('common.reviewsucc'))
+      this.$parent.$parent.$parent.refreshTable()
+      this.handlerCancel()
     },
     createRemotePassword() {
       var arr = [
-        "A",
-        "B",
-        "C",
-        "D",
-        "E",
-        "F",
-        "G",
-        "H",
-        "I",
-        "J",
-        "K",
-        "L",
-        "M",
-        "N",
-        "O",
-        "P",
-        "Q",
-        "R",
-        "S",
-        "T",
-        "U",
-        "V",
-        "W",
-        "X",
-        "Y",
-        "Z",
-        "a",
-        "b",
-        "c",
-        "d",
-        "e",
-        "f",
-        "g",
-        "h",
-        "i",
-        "j",
-        "k",
-        "l",
-        "m",
-        "n",
-        "o",
-        "p",
-        "q",
-        "r",
-        "s",
-        "t",
-        "u",
-        "v",
-        "w",
-        "x",
-        "y",
-        "z",
+        'A',
+        'B',
+        'C',
+        'D',
+        'E',
+        'F',
+        'G',
+        'H',
+        'I',
+        'J',
+        'K',
+        'L',
+        'M',
+        'N',
+        'O',
+        'P',
+        'Q',
+        'R',
+        'S',
+        'T',
+        'U',
+        'V',
+        'W',
+        'X',
+        'Y',
+        'Z',
+        'a',
+        'b',
+        'c',
+        'd',
+        'e',
+        'f',
+        'g',
+        'h',
+        'i',
+        'j',
+        'k',
+        'l',
+        'm',
+        'n',
+        'o',
+        'p',
+        'q',
+        'r',
+        's',
+        't',
+        'u',
+        'v',
+        'w',
+        'x',
+        'y',
+        'z',
         0,
         1,
         2,
@@ -521,14 +515,14 @@ export default {
         6,
         7,
         8,
-        9,
-      ];
-      var rand1 = Math.floor(Math.random() * 62);
-      var rand2 = Math.floor(Math.random() * 62);
-      var rand3 = Math.floor(Math.random() * 62);
-      var rand4 = Math.floor(Math.random() * 62);
-      var rand5 = Math.floor(Math.random() * 62);
-      var rand6 = Math.floor(Math.random() * 62);
+        9
+      ]
+      var rand1 = Math.floor(Math.random() * 62)
+      var rand2 = Math.floor(Math.random() * 62)
+      var rand3 = Math.floor(Math.random() * 62)
+      var rand4 = Math.floor(Math.random() * 62)
+      var rand5 = Math.floor(Math.random() * 62)
+      var rand6 = Math.floor(Math.random() * 62)
       return (
         arr[rand1] +
         arr[rand2] +
@@ -536,10 +530,10 @@ export default {
         arr[rand4] +
         arr[rand5] +
         arr[rand6]
-      );
-    },
-  },
-};
+      )
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope>
@@ -562,4 +556,4 @@ export default {
     max-height: 100px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/drawer/PassServervmModify.vue b/src/views/workorder/drawer/PassServervmModify.vue
index 6c6951e..7f554e6 100644
--- a/src/views/workorder/drawer/PassServervmModify.vue
+++ b/src/views/workorder/drawer/PassServervmModify.vue
@@ -28,8 +28,8 @@
           <!-- 计算资源 -->
           <computResources
             ref="computResources"
-            :formData="passModifyformData"
-          ></computResources>
+            :form-data="passModifyformData"
+          />
           <!-- 存储位置  -->
           <el-form-item
             :label="$t('workOrder.storageLocation')"
@@ -59,25 +59,23 @@
           <!-- 磁盘 -->
           <setDiskInfo
             ref="setDiskInfo"
-            :formData="disksformData"
-            pageMode="CHANGE"
-          >
-          </setDiskInfo>
+            :form-data="disksformData"
+            page-mode="CHANGE"
+          />
 
           <!-- 网卡 -->
           <setNetWorkInfo
             ref="setNetWorkInfo"
-            :formData="networksformData"
-            pageMode="CHANGE"
-          >
-          </setNetWorkInfo>
+            :form-data="networksformData"
+            page-mode="CHANGE"
+          />
           <div class="network-group-wrap">
             <div v-for="(item, index) in orlIsoShowList" :key="index">
               <!-- 光驱 -->
               <el-form-item
                 :label="
                   $t('common.cdRom') +
-                  (orlIsoShowList.length > 1 ? index + 1 : '')
+                    (orlIsoShowList.length > 1 ? index + 1 : '')
                 "
                 prop="network"
               >
@@ -110,90 +108,90 @@
   </div>
 </template>
 <script>
-import footBtn from "@/components/Footbtn";
-import ReMessage from "@/utils/message";
-import { passModifyServerVmDetail, passModifyServerVm } from "@/api/workOrder";
-import validate from "@/utils/validate";
-import computResources from "./computResources.vue"; // 计算资源
-import setDiskInfo from "./setDiskInfo.vue"; // 设置磁盘信息
-import setNetWorkInfo from "./setNetWorkInfo.vue"; // 设置网卡信息
+import footBtn from '@/components/Footbtn'
+import ReMessage from '@/utils/message'
+import { passModifyServerVmDetail, passModifyServerVm } from '@/api/workOrder'
+import validate from '@/utils/validate'
+import computResources from './computResources.vue' // 计算资源
+import setDiskInfo from './setDiskInfo.vue' // 设置磁盘信息
+import setNetWorkInfo from './setNetWorkInfo.vue' // 设置网卡信息
 export default {
   components: {
     footBtn,
     computResources,
     setDiskInfo,
-    setNetWorkInfo,
+    setNetWorkInfo
   },
-  props: ["passModifyData"],
+  props: ['passModifyData'],
   data() {
     const validApplyNum = (rule, value, callback) => {
       if (isNaN(value)) {
-        callback(new Error(rule.message));
+        callback(new Error(rule.message))
       } else if (Number(value) < 1 || Number(value) > 4) {
-        callback(new Error(rule.message));
+        callback(new Error(rule.message))
       } else {
-        callback();
+        callback()
       }
-    };
+    }
     return {
       passModifyServervmFormData: {
-        auditOpinion: "",
-        osMachine: "",
-        architecture: "",
-        templateName: "",
-        systemType: "",
-        aliasName: "",
-        selectCluster: "",
-        selectClusterUuid: "",
-        storageLocationId: "",
-        cpu: "",
-        mem: "",
-        memUnit: "GB",
-        disks: [], //磁盘信息
-        networks: [], //网卡信息
-        applyNum: "",
+        auditOpinion: '',
+        osMachine: '',
+        architecture: '',
+        templateName: '',
+        systemType: '',
+        aliasName: '',
+        selectCluster: '',
+        selectClusterUuid: '',
+        storageLocationId: '',
+        cpu: '',
+        mem: '',
+        memUnit: 'GB',
+        disks: [], // 磁盘信息
+        networks: [], // 网卡信息
+        applyNum: ''
       },
       storageLocationList: [],
       rulesTemplate: {
         aliasName: [
           {
             required: true,
-            message: this.$t("workOrder.aliasNameNotNull"), // "名称不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.aliasNameNotNull'), // "名称不能为空",
+            trigger: 'blur'
           },
           {
             min: 6,
             max: 32,
-            message: this.$t("workOrder.aliasNameLength"), // "名称长度应控制在 6 ~ 32 个字符",
-            trigger: "blur",
-          },
+            message: this.$t('workOrder.aliasNameLength'), // "名称长度应控制在 6 ~ 32 个字符",
+            trigger: 'blur'
+          }
         ],
         applyNum: [
           {
             required: true,
-            message: this.$t("workOrder.serverNumNotNull"), // "申请个数不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.serverNumNotNull'), // "申请个数不能为空",
+            trigger: 'blur'
           },
           {
-            message: this.$t("workOrder.serverNumIsoRange"), // "申请个数应控制在 1 ~ 4 范围",
-            trigger: "blur",
-            validator: validApplyNum,
-          },
+            message: this.$t('workOrder.serverNumIsoRange'), // "申请个数应控制在 1 ~ 4 范围",
+            trigger: 'blur',
+            validator: validApplyNum
+          }
         ],
         auditOpinion: [
           {
             required: true,
-            message: this.$t("workOrder.commentsNotempty"), // "审核意见不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.commentsNotempty'), // "审核意见不能为空",
+            trigger: 'blur'
           },
           {
             required: true,
-            trigger: "blur",
-            message: this.$t("workOrder.commentsspecialChar"), // "审核意见不能出现特殊字符",
+            trigger: 'blur',
+            message: this.$t('workOrder.commentsspecialChar'), // "审核意见不能出现特殊字符",
 
-            validator: validate.special_char,
-          },
-        ],
+            validator: validate.special_char
+          }
+        ]
       },
 
       // 磁盘信息
@@ -203,61 +201,61 @@ export default {
 
       // 光驱列表
       orlIsoShowList: [],
-      passModifyformData: {},
-    };
+      passModifyformData: {}
+    }
   },
 
   created() {
-    this.getApplyDetail();
+    this.getApplyDetail()
   },
   methods: {
-    //获取模板详情
+    // 获取模板详情
     getApplyDetail() {
-      let workOrderId = this.passModifyData.workOrderId;
+      const workOrderId = this.passModifyData.workOrderId
       passModifyServerVmDetail({ workOrderId }).then((res) => {
-        this.passModifyformData = res;
-        this.passModifyServervmFormData.applyNum = res.applyNum;
-        this.passModifyServervmFormData.aliasName = res.aliasName;
-        this.passModifyServervmFormData.osMachine = res.osMachine;
-        this.passModifyServervmFormData.architecture = res.architecture;
-        this.passModifyServervmFormData.systemType = res.systemType;
-        this.passModifyServervmFormData.cpu = res.cpu;
-        this.passModifyServervmFormData.mem = res.mem;
-        this.passModifyServervmFormData.memUnit = res.memUnit;
-        this.passModifyServervmFormData.selectCluster = res.selectCluster;
+        this.passModifyformData = res
+        this.passModifyServervmFormData.applyNum = res.applyNum
+        this.passModifyServervmFormData.aliasName = res.aliasName
+        this.passModifyServervmFormData.osMachine = res.osMachine
+        this.passModifyServervmFormData.architecture = res.architecture
+        this.passModifyServervmFormData.systemType = res.systemType
+        this.passModifyServervmFormData.cpu = res.cpu
+        this.passModifyServervmFormData.mem = res.mem
+        this.passModifyServervmFormData.memUnit = res.memUnit
+        this.passModifyServervmFormData.selectCluster = res.selectCluster
         this.passModifyServervmFormData.selectClusterUuid =
-          res.selectClusterUuid;
+          res.selectClusterUuid
         this.passModifyServervmFormData.storageLocationId =
-          res.storageLocationId;
+          res.storageLocationId
 
-        this.storageLocationList = res.storageLocationList;
+        this.storageLocationList = res.storageLocationList
 
         // 处理网卡数据
         this.networksformData = JSON.parse(
           JSON.stringify(this.passModifyformData)
-        );
+        )
         // 处理磁盘数据
         this.disksformData = JSON.parse(
           JSON.stringify(this.passModifyformData)
-        );
+        )
 
-        this.orlIsoShowList = res.applyIsoList;
-      });
+        this.orlIsoShowList = res.applyIsoList
+      })
     },
     // 提交
     handlerConfirm() {
-      const that = this;
-      let computResourcesvalidate = true;
-      let netWorkInfovalidate = true;
-      let setDiskInfovalidate = true;
+      const that = this
+      let computResourcesvalidate = true
+      let netWorkInfovalidate = true
+      let setDiskInfovalidate = true
       // 检验计算资源
-      computResourcesvalidate = this.$refs.computResources.submitForm();
+      computResourcesvalidate = this.$refs.computResources.submitForm()
       // 检验磁盘信息
-      setDiskInfovalidate = this.$refs.setDiskInfo.submitForm();
+      setDiskInfovalidate = this.$refs.setDiskInfo.submitForm()
       // 检验网卡信息
-      netWorkInfovalidate = this.$refs.setNetWorkInfo.submitForm();
+      netWorkInfovalidate = this.$refs.setNetWorkInfo.submitForm()
 
-      let confirmMsg = this.$t("workOrder.sureApproved"); // "确定审核通过？";
+      const confirmMsg = this.$t('workOrder.sureApproved') // "确定审核通过？";
       this.$refs.passModifyServervmForm.validate((valid) => {
         if (
           valid &&
@@ -267,45 +265,45 @@ export default {
         ) {
           this.alertConfirm(confirmMsg)
             .then((err) => {
-              that.commitModifyPass();
+              that.commitModifyPass()
             })
-            .catch((err) => {});
+            .catch((err) => {})
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
     commitModifyPass() {
-      let workOrderId = this.passModifyData.workOrderId;
-      let auditOpinion = this.passModifyServervmFormData.auditOpinion;
-      let aliasName = this.passModifyServervmFormData.aliasName;
+      const workOrderId = this.passModifyData.workOrderId
+      const auditOpinion = this.passModifyServervmFormData.auditOpinion
+      const aliasName = this.passModifyServervmFormData.aliasName
 
-      let storageLocationId = this.passModifyServervmFormData.storageLocationId;
-      let vcpus = this.passModifyServervmFormData.cpu;
-      let memory = this.passModifyServervmFormData.mem;
-      let memUnit = this.passModifyServervmFormData.memUnit;
-      let plateformType = this.passModifyServervmFormData.architecture;
-      let operatingSystem = this.passModifyServervmFormData.osMachine;
-      let systemType = this.passModifyServervmFormData.systemType;
+      const storageLocationId = this.passModifyServervmFormData.storageLocationId
+      const vcpus = this.passModifyServervmFormData.cpu
+      const memory = this.passModifyServervmFormData.mem
+      const memUnit = this.passModifyServervmFormData.memUnit
+      const plateformType = this.passModifyServervmFormData.architecture
+      const operatingSystem = this.passModifyServervmFormData.osMachine
+      const systemType = this.passModifyServervmFormData.systemType
 
-      let computResources = this.$refs.computResources.computResourcesFormData;
-      let computResourcesFormData = {
+      const computResources = this.$refs.computResources.computResourcesFormData
+      const computResourcesFormData = {
         serverClusterType: computResources.serverClusterType,
         // 自定义 选择主机
         selectCluster: computResources.selectCluster, // 模板所选计算资源
         selectClusterUuid: computResources.selectClusterUuid, // 模板所选计算资源uuid
 
         selectResourceTagId: computResources.selectTagIds, // 绑定资源ID
-        selectTagNames: computResources.selectTagNames, // 绑定资源的名称
-      };
+        selectTagNames: computResources.selectTagNames // 绑定资源的名称
+      }
 
-      //网络
-      let networkList = this.$refs.setNetWorkInfo.cmtnetworkList;
+      // 网络
+      const networkList = this.$refs.setNetWorkInfo.cmtnetworkList
 
-      //磁盘处理
-      let diskList = this.$refs.setDiskInfo.cmtdiskList;
+      // 磁盘处理
+      const diskList = this.$refs.setDiskInfo.cmtdiskList
 
-      let commitData = {
+      const commitData = {
         workOrderId,
         auditOpinion,
         aliasName,
@@ -319,22 +317,22 @@ export default {
         memUnit,
         diskList,
         networkList,
-        ...computResourcesFormData,
-      };
+        ...computResourcesFormData
+      }
       passModifyServerVm(commitData).then((res) => {
-        this.passSuccess();
-      });
+        this.passSuccess()
+      })
     },
     handlerCancel() {
-      this.$parent.closeDrawer();
+      this.$parent.closeDrawer()
     },
     passSuccess() {
-      ReMessage.success(this.$t("common.reviewsucc"));
-      this.$parent.$parent.$parent.refreshTable();
-      this.handlerCancel();
-    },
-  },
-};
+      ReMessage.success(this.$t('common.reviewsucc'))
+      this.$parent.$parent.$parent.refreshTable()
+      this.handlerCancel()
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope>
@@ -358,4 +356,4 @@ export default {
     max-height: 100px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/drawer/computResources.vue b/src/views/workorder/drawer/computResources.vue
index b8372b7..476df39 100644
--- a/src/views/workorder/drawer/computResources.vue
+++ b/src/views/workorder/drawer/computResources.vue
@@ -63,92 +63,95 @@
     <!-- 选择主机 -->
     <selectCluster-drawer
       :visible.sync="showSelectClusterDrawer"
-      :selectedClusterIds="selectedClusterIds"
-      :canClusterList="clusterList"
+      :selected-cluster-ids="selectedClusterIds"
+      :can-cluster-list="clusterList"
       @handlerConfirm="selectClusterConfirm"
     />
     <!-- 绑定资源 -->
     <selectTagNames-drawer
       :visible.sync="showSelectTagNamesDrawer"
-      :selectTagIds="selectTagIds"
-      :clusterBindResourceList="clusterBindResourceList"
+      :select-tag-ids="selectTagIds"
+      :cluster-bind-resource-list="clusterBindResourceList"
       @handlerConfirm="selectTagIdsConfirm"
     />
   </div>
 </template>
 <script>
-import selectClusterDrawer from "./selectCluster-drawer";
-import selectTagNamesDrawer from "./selectTagNames-drawer.vue";
+import selectClusterDrawer from './selectCluster-drawer'
+import selectTagNamesDrawer from './selectTagNames-drawer.vue'
 export default {
   components: {
     selectClusterDrawer,
-    selectTagNamesDrawer,
+    selectTagNamesDrawer
   },
-  props: ["formData"],
+  props: ['formData'],
   data() {
     return {
       // 枚举备注: AUTO(自动) CUSTOM(自定义) BIND_RESOURCE(绑定资源)
       serverClusterTypeList: [
         {
-          label: this.$t("workOrder.serverClusterTypeObj.AUTO"), // "自动",
-          value: "AUTO",
+          label: this.$t('workOrder.serverClusterTypeObj.AUTO'), // "自动",
+          value: 'AUTO'
         },
         {
-          label: this.$t("workOrder.serverClusterTypeObj.CUSTOM"), // "自定义",
-          value: "CUSTOM",
+          label: this.$t('workOrder.serverClusterTypeObj.CUSTOM'), // "自定义",
+          value: 'CUSTOM'
         },
         {
-          label: this.$t("workOrder.serverClusterTypeObj.BIND_RESOURCE"), // "绑定资源",
-          value: "BIND_RESOURCE",
-        },
+          label: this.$t('workOrder.serverClusterTypeObj.BIND_RESOURCE'), // "绑定资源",
+          value: 'BIND_RESOURCE'
+        }
       ],
       computResourcesFormData: {
-        serverClusterType: "AUTO",
+        serverClusterType: 'AUTO',
         // 自定义 选择主机
-        selectCluster: "", // 模板所选计算资源
-        selectClusterUuid: "", // 模板所选计算资源uuid
+        selectCluster: '', // 模板所选计算资源
+        selectClusterUuid: '', // 模板所选计算资源uuid
 
-        selectTagIds: "", // 绑定资源ID
-        selectTagNames: "", // 绑定资源的名称
+        selectTagIds: '', // 绑定资源ID
+        selectTagNames: '' // 绑定资源的名称
       },
       computResourcesRules: {
-        serverClusterType: [{ required: true, message: "", trigger: "blur" }],
+        serverClusterType: [{ required: true, message: '', trigger: 'blur' }],
         selectCluster: [
           {
             required: true,
-            message: this.$t("workOrder.pselectCluster"), // "请选择主机",
-            trigger: "blur",
-          },
+            message: this.$t('workOrder.pselectCluster'), // "请选择主机",
+            trigger: 'blur'
+          }
         ],
         selectTagNames: [
           {
             required: true,
-            message: this.$t("workOrder.pselectCluster"), // "请绑定资源",
-            trigger: "blur",
-          },
-        ],
+            message: this.$t('workOrder.pselectCluster'), // "请绑定资源",
+            trigger: 'blur'
+          }
+        ]
       },
 
       showSelectClusterDrawer: false,
-      selectedClusterIds: "",
+      selectedClusterIds: '',
       clusterList: [],
 
       showSelectTagNamesDrawer: false,
-      selectTagIds: "",
-      clusterBindResourceList: [],
-    };
+      selectTagIds: '',
+      clusterBindResourceList: []
+    }
+  },
+  watch: {
+    formData(val) {
+      this.setPageDefaultData(val)
+    }
   },
 
   created() {},
   mounted() {
     if (this.formData) {
-      this.setPageDefaultData(this.formData);
+      this.setPageDefaultData(this.formData)
     }
   },
-  watch: {
-    formData(val) {
-      this.setPageDefaultData(val);
-    },
+  beforeDestroy() {
+    this.resetForm()
   },
   // watch: {
   //   data: {
@@ -169,86 +172,83 @@ export default {
   // },
   methods: {
     setPageDefaultData(defaultData) {
-      let { serverClusterType, clusterList, clusterBindResourceList } =
-        defaultData;
-      this.clusterList = clusterList;
-      this.clusterBindResourceList = clusterBindResourceList;
-      this.serverClusterTypeChange(serverClusterType);
+      const { serverClusterType, clusterList, clusterBindResourceList } =
+        defaultData
+      this.clusterList = clusterList
+      this.clusterBindResourceList = clusterBindResourceList
+      this.serverClusterTypeChange(serverClusterType)
     },
     serverClusterTypeChange(val) {
-      this.resetForm();
-      this.computResourcesFormData.serverClusterType = val;
-      let { selectCluster, selectClusterUuid, selectTagIds, selectTagNames } =
-        this.formData;
+      this.resetForm()
+      this.computResourcesFormData.serverClusterType = val
+      const { selectCluster, selectClusterUuid, selectTagIds, selectTagNames } =
+        this.formData
       switch (val) {
-        case "AUTO":
-          this.computResourcesFormData.selectCluster = ""; // 模板所选计算资源
-          this.computResourcesFormData.selectClusterUuid = ""; // 模板所选计算资源uuid
-          this.computResourcesFormData.selectTagIds = ""; // 绑定资源ID
-          this.computResourcesFormData.selectTagNames = ""; // 绑定资源的名称
-          break;
-        case "CUSTOM":
-          this.computResourcesFormData.selectCluster = selectCluster; // 模板所选计算资源
-          this.computResourcesFormData.selectClusterUuid = selectClusterUuid; // 模板所选计算资源uuid
-          this.computResourcesFormData.selectTagIds = ""; // 绑定资源ID
-          this.computResourcesFormData.selectTagNames = ""; // 绑定资源的名称
+        case 'AUTO':
+          this.computResourcesFormData.selectCluster = '' // 模板所选计算资源
+          this.computResourcesFormData.selectClusterUuid = '' // 模板所选计算资源uuid
+          this.computResourcesFormData.selectTagIds = '' // 绑定资源ID
+          this.computResourcesFormData.selectTagNames = '' // 绑定资源的名称
+          break
+        case 'CUSTOM':
+          this.computResourcesFormData.selectCluster = selectCluster // 模板所选计算资源
+          this.computResourcesFormData.selectClusterUuid = selectClusterUuid // 模板所选计算资源uuid
+          this.computResourcesFormData.selectTagIds = '' // 绑定资源ID
+          this.computResourcesFormData.selectTagNames = '' // 绑定资源的名称
 
-          break;
-        case "BIND_RESOURCE":
-          this.computResourcesFormData.selectCluster = ""; // 模板所选计算资源
-          this.computResourcesFormData.selectClusterUuid = ""; // 模板所选计算资源uuid
-          this.computResourcesFormData.selectTagIds = selectTagIds; // 绑定资源ID
-          this.computResourcesFormData.selectTagNames = selectTagNames; // 绑定资源的名称
-          break;
+          break
+        case 'BIND_RESOURCE':
+          this.computResourcesFormData.selectCluster = '' // 模板所选计算资源
+          this.computResourcesFormData.selectClusterUuid = '' // 模板所选计算资源uuid
+          this.computResourcesFormData.selectTagIds = selectTagIds // 绑定资源ID
+          this.computResourcesFormData.selectTagNames = selectTagNames // 绑定资源的名称
+          break
         default:
-          this.computResourcesFormData.selectCluster = ""; // 模板所选计算资源
-          this.computResourcesFormData.selectClusterUuid = ""; // 模板所选计算资源uuid
-          this.computResourcesFormData.selectTagIds = ""; // 绑定资源ID
-          this.computResourcesFormData.selectTagNames = ""; // 绑定资源的名称
-          break;
+          this.computResourcesFormData.selectCluster = '' // 模板所选计算资源
+          this.computResourcesFormData.selectClusterUuid = '' // 模板所选计算资源uuid
+          this.computResourcesFormData.selectTagIds = '' // 绑定资源ID
+          this.computResourcesFormData.selectTagNames = '' // 绑定资源的名称
+          break
       }
     },
 
     changeSelectCluster() {
-      this.selectedClusterIds = this.computResourcesFormData.selectClusterUuid;
-      this.showSelectClusterDrawer = true;
+      this.selectedClusterIds = this.computResourcesFormData.selectClusterUuid
+      this.showSelectClusterDrawer = true
     },
     selectClusterConfirm(val) {
-      this.computResourcesFormData.selectCluster = val.selectCluster; // 模板所选计算资源
-      this.computResourcesFormData.selectClusterUuid = val.selectClusterUuid; // 模板所选计算资源uuid
+      this.computResourcesFormData.selectCluster = val.selectCluster // 模板所选计算资源
+      this.computResourcesFormData.selectClusterUuid = val.selectClusterUuid // 模板所选计算资源uuid
     },
 
     changeSelectTagNames() {
-      this.selectTagIds = this.computResourcesFormData.selectTagIds;
-      this.showSelectTagNamesDrawer = true;
+      this.selectTagIds = this.computResourcesFormData.selectTagIds
+      this.showSelectTagNamesDrawer = true
     },
     selectTagIdsConfirm(val) {
-      this.computResourcesFormData.selectTagIds = val.selectTagIds; // 绑定资源ID
-      this.computResourcesFormData.selectTagNames = val.selectTagNames; // 绑定资源的名称
+      this.computResourcesFormData.selectTagIds = val.selectTagIds // 绑定资源ID
+      this.computResourcesFormData.selectTagNames = val.selectTagNames // 绑定资源的名称
     },
 
     submitForm() {
-      let flag;
+      let flag
       this.$refs.computResourcesForm.validate((valid) => {
         if (valid) {
-          flag = true;
+          flag = true
         } else {
-          flag = false;
+          flag = false
         }
-      });
-      return flag;
+      })
+      return flag
     },
     resetForm() {
-      this.$refs.computResourcesForm.resetFields();
-    },
-  },
-  beforeDestroy() {
-    this.resetForm();
-  },
-};
+      this.$refs.computResourcesForm.resetFields()
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope>
 .computResources-box {
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/workorder/drawer/pass-apply-servervm-drawer.vue b/src/views/workorder/drawer/pass-apply-servervm-drawer.vue
index 2e547f0..4553a16 100644
--- a/src/views/workorder/drawer/pass-apply-servervm-drawer.vue
+++ b/src/views/workorder/drawer/pass-apply-servervm-drawer.vue
@@ -1,10 +1,10 @@
 <template>
   <el-drawer
+    v-if="drawerVisible"
     size="900px"
     :title="$t('workOrder.passapplyservervm')"
     direction="rtl"
     custom-class="workorder-pass-apply-servervm-drawer"
-    v-if="drawerVisible"
     :wrapper-closable="false"
     :visible.sync="drawerVisible"
     :before-close="handleClosePass"
@@ -14,38 +14,38 @@
     <PassServervmApplyDrawer
       v-if="showTemplate"
       ref="PassServervmApply"
-      :formData="passApplyFormData"
-      :passApplyData="passApplyData"
+      :form-data="passApplyFormData"
+      :pass-apply-data="passApplyData"
     />
     <!-- iso审核 -->
     <PassServervmIsoApplyDrawer
       v-if="showIsoTemplate"
       ref="PassServervmApply"
-      :formData="passApplyFormData"
-      :passApplyData="passApplyData"
+      :form-data="passApplyFormData"
+      :pass-apply-data="passApplyData"
     />
   </el-drawer>
 </template>
 
 <script>
-import PassServervmApplyDrawer from "./PassServervmApply.vue";
-import PassServervmIsoApplyDrawer from "./PassServervmIsoApply.vue";
-import { passApplyServerVmDetail } from "@/api/workOrder";
+import PassServervmApplyDrawer from './PassServervmApply.vue'
+import PassServervmIsoApplyDrawer from './PassServervmIsoApply.vue'
+import { passApplyServerVmDetail } from '@/api/workOrder'
 
 export default {
   components: {
     PassServervmApplyDrawer,
-    PassServervmIsoApplyDrawer,
+    PassServervmIsoApplyDrawer
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     selectRowData: {
       type: Object,
-      default: null,
-    },
+      default: null
+    }
   },
   data() {
     return {
@@ -53,15 +53,15 @@ export default {
       passApplyData: null,
       passApplyFormData: null,
       showTemplate: false,
-      showIsoTemplate: false,
-    };
+      showIsoTemplate: false
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
-      this.passApplyData = this.selectRowData;
+      this.drawerVisible = isvis
+      this.passApplyData = this.selectRowData
       if (isvis) {
-        this.getApplyDetail();
+        this.getApplyDetail()
       }
     },
     selectRowData: {
@@ -71,8 +71,8 @@ export default {
       },
       // 代表在wacth里声明了 立即先去执行handler方法
       immediate: false,
-      deep: true,
-    },
+      deep: true
+    }
 
     // visible(isvis) {
     //   this.drawerVisible = isvis;
@@ -85,44 +85,44 @@ export default {
   created() {},
   methods: {
     getApplyDetail() {
-      let workOrderId = this.passApplyData.workOrderId;
+      const workOrderId = this.passApplyData.workOrderId
 
       this.$nextTick(() => {
-        this.$showFullScreenLoading(".el-drawer__body");
-      });
+        this.$showFullScreenLoading('.el-drawer__body')
+      })
       passApplyServerVmDetail({ workOrderId })
         .then((res) => {
-          let { applyServerVmType } = res;
+          const { applyServerVmType } = res
           switch (applyServerVmType) {
-            case "TEMPLATE":
-              this.showTemplate = true;
-              break;
-            case "ISO":
-              this.showIsoTemplate = true;
-              break;
+            case 'TEMPLATE':
+              this.showTemplate = true
+              break
+            case 'ISO':
+              this.showIsoTemplate = true
+              break
             default:
-              this.showTemplate = false;
-              this.showIsoTemplate = false;
-              break;
+              this.showTemplate = false
+              this.showIsoTemplate = false
+              break
           }
           // applyServerVmType: "TEMPLATE";
-          this.passApplyFormData = res;
-          this.$hideFullScreenLoading();
+          this.passApplyFormData = res
+          this.$hideFullScreenLoading()
         })
         .catch((err) => {
-          this.$hideFullScreenLoading();
-        });
+          this.$hideFullScreenLoading()
+        })
     },
     handleClosePass(done) {
-      //this.$refs.PassServervmApply.handlerCancel()
-      this.showTemplate = false;
-      this.showIsoTemplate = false;
+      // this.$refs.PassServervmApply.handlerCancel()
+      this.showTemplate = false
+      this.showIsoTemplate = false
       // this.passApplyData = null;
-      this.$emit("update:visible", false);
-      done();
-    },
-  },
-};
+      this.$emit('update:visible', false)
+      done()
+    }
+  }
+}
 </script>
 <style>
 </style>
diff --git a/src/views/workorder/drawer/pass-drawer.vue b/src/views/workorder/drawer/pass-drawer.vue
index 029763c..6e6ec68 100644
--- a/src/views/workorder/drawer/pass-drawer.vue
+++ b/src/views/workorder/drawer/pass-drawer.vue
@@ -45,104 +45,104 @@
 </template>
 
 <script>
-import footBtn from "@/components/Footbtn";
+import footBtn from '@/components/Footbtn'
 import {
   checkPassRegister,
   checkPassUpdateUser,
-  checkPassDeferred,
-} from "@/api/workOrder";
-import ReMessage from "@/utils/message";
-import validate from "@/utils/validate";
+  checkPassDeferred
+} from '@/api/workOrder'
+import ReMessage from '@/utils/message'
+import validate from '@/utils/validate'
 export default {
   components: {
-    footBtn,
+    footBtn
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     selectRowData: {
       type: Object,
-      default: null,
-    },
+      default: null
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
       passFormData: {
-        auditOpinion: "",
+        auditOpinion: ''
       },
       rulesTemplate: {
         auditOpinion: [
           {
             required: true,
-            message: this.$t("workOrder.commentsNotempty"), // "审核意见不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.commentsNotempty'), // "审核意见不能为空",
+            trigger: 'blur'
           },
           {
             required: true,
-            trigger: "blur",
-            message: this.$t("workOrder.commentsspecialChar"), // "审核意见不能出现特殊字符",
+            trigger: 'blur',
+            message: this.$t('workOrder.commentsspecialChar'), // "审核意见不能出现特殊字符",
 
-            validator: validate.special_char,
-          },
-        ],
-      },
-    };
+            validator: validate.special_char
+          }
+        ]
+      }
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
+      this.drawerVisible = isvis
     },
-    selectRowData(selectRow) {},
+    selectRowData(selectRow) {}
   },
   methods: {
     // 提交
     handlerConfirm() {
       this.$refs.passForm.validate((valid) => {
         if (valid) {
-          this.sethandlerConfirm();
+          this.sethandlerConfirm()
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
     sethandlerConfirm() {
-      let workOrderId = this.selectRowData.workOrderId;
-      let auditOpinion = this.passFormData.auditOpinion;
-      let type = this.selectRowData.type;
+      const workOrderId = this.selectRowData.workOrderId
+      const auditOpinion = this.passFormData.auditOpinion
+      const type = this.selectRowData.type
 
-      if (type === "REGISTER_USER") {
+      if (type === 'REGISTER_USER') {
         checkPassRegister({ workOrderId, auditOpinion }).then((res) => {
-          this.passSuccess();
-        });
-      } else if (type === "MODIFY_USER") {
+          this.passSuccess()
+        })
+      } else if (type === 'MODIFY_USER') {
         checkPassUpdateUser({ workOrderId, auditOpinion }).then((res) => {
-          this.passSuccess();
-        });
-      } else if (type === "DEFERRED_SERVERVM") {
+          this.passSuccess()
+        })
+      } else if (type === 'DEFERRED_SERVERVM') {
         checkPassDeferred({ workOrderId, auditOpinion }).then((res) => {
-          this.passSuccess();
-        });
+          this.passSuccess()
+        })
       }
     },
     handlerCancel() {
-      this.$refs.passForm.resetFields();
-      this.$emit("update:visible", false);
+      this.$refs.passForm.resetFields()
+      this.$emit('update:visible', false)
     },
     handleClosePass(done) {
-      this.handlerCancel();
+      this.handlerCancel()
 
-      done();
+      done()
     },
     passSuccess() {
-      this.$parent.refreshTable();
-      ReMessage.success(this.$t("common.reviewsucc"));
-      this.handlerCancel();
-    },
-  },
-};
+      this.$parent.refreshTable()
+      ReMessage.success(this.$t('common.reviewsucc'))
+      this.handlerCancel()
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope >
diff --git a/src/views/workorder/drawer/pass-modify-servervm-drawer.vue b/src/views/workorder/drawer/pass-modify-servervm-drawer.vue
index 767d58b..a602ef1 100644
--- a/src/views/workorder/drawer/pass-modify-servervm-drawer.vue
+++ b/src/views/workorder/drawer/pass-modify-servervm-drawer.vue
@@ -1,11 +1,11 @@
 <template>
   <!-- 变更云服务器审核 -->
   <el-drawer
+    v-if="drawerVisible"
     size="900px"
     :title="$t('workOrder.passmodifyservervm')"
     direction="rtl"
     custom-class="workorder-pass-modify-servervm-drawer"
-    v-if="drawerVisible"
     :wrapper-closable="false"
     :visible.sync="drawerVisible"
     :before-close="handleClosePass"
@@ -13,50 +13,50 @@
   >
     <PassServervmModifyDrawer
       ref="PassServervmModify"
-      :passModifyData="passModifyData"
+      :pass-modify-data="passModifyData"
     />
   </el-drawer>
 </template>
 
 <script>
-import PassServervmModifyDrawer from "./PassServervmModify.vue";
+import PassServervmModifyDrawer from './PassServervmModify.vue'
 export default {
   components: {
-    PassServervmModifyDrawer,
+    PassServervmModifyDrawer
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     selectRowData: {
       type: Object,
-      default: null,
-    },
+      default: null
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
-      passModifyData: null,
-    };
+      passModifyData: null
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
+      this.drawerVisible = isvis
     },
     selectRowData(selectRow) {
-      this.passModifyData = selectRow;
-    },
+      this.passModifyData = selectRow
+    }
   },
   created() {},
   methods: {
     handleClosePass(done) {
-      //this.$refs.PassServervmApply.handlerCancel()
-      this.$emit("update:visible", false);
-      done();
-    },
-  },
-};
+      // this.$refs.PassServervmApply.handlerCancel()
+      this.$emit('update:visible', false)
+      done()
+    }
+  }
+}
 </script>
 <style>
 </style>
diff --git a/src/views/workorder/drawer/refuse-drawer.vue b/src/views/workorder/drawer/refuse-drawer.vue
index d9eb2cb..5687c3f 100644
--- a/src/views/workorder/drawer/refuse-drawer.vue
+++ b/src/views/workorder/drawer/refuse-drawer.vue
@@ -47,85 +47,85 @@
 </template>
 
 <script>
-import footBtn from "@/components/Footbtn";
-import { refuseWorkOrder } from "@/api/workOrder";
-import ReMessage from "@/utils/message";
-import validate from "@/utils/validate";
+import footBtn from '@/components/Footbtn'
+import { refuseWorkOrder } from '@/api/workOrder'
+import ReMessage from '@/utils/message'
+import validate from '@/utils/validate'
 export default {
   components: {
-    footBtn,
+    footBtn
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     selectRowData: {
       type: Object,
-      default: null,
-    },
+      default: null
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
       refuseFormData: {
-        auditOpinion: "",
+        auditOpinion: ''
       },
       rulesTemplate: {
         auditOpinion: [
           {
             required: true,
-            message: this.$t("workOrder.commentsNotempty"), // "审核意见不能为空",
-            trigger: "blur",
+            message: this.$t('workOrder.commentsNotempty'), // "审核意见不能为空",
+            trigger: 'blur'
           },
           {
             required: true,
-            trigger: "blur",
-            message: this.$t("workOrder.commentsspecialChar"), // "审核意见不能出现特殊字符",
+            trigger: 'blur',
+            message: this.$t('workOrder.commentsspecialChar'), // "审核意见不能出现特殊字符",
 
-            validator: validate.special_char,
-          },
-        ],
-      },
-    };
+            validator: validate.special_char
+          }
+        ]
+      }
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
+      this.drawerVisible = isvis
     },
-    selectRowData(selectRow) {},
+    selectRowData(selectRow) {}
   },
   methods: {
     // 提交申请
     handlerConfirm() {
       this.$refs.refuseForm.validate((valid) => {
         if (valid) {
-          let workOrderId = this.selectRowData.workOrderId;
-          let auditOpinion = this.refuseFormData.auditOpinion;
+          const workOrderId = this.selectRowData.workOrderId
+          const auditOpinion = this.refuseFormData.auditOpinion
 
           refuseWorkOrder({ workOrderId, auditOpinion }).then((res) => {
-            this.refuseSuccess();
-          });
+            this.refuseSuccess()
+          })
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
     handlerCancel() {
-      this.$refs.refuseForm.resetFields();
-      this.$emit("update:visible", false);
+      this.$refs.refuseForm.resetFields()
+      this.$emit('update:visible', false)
     },
     handleCloseRefuse(done) {
-      this.handlerCancel();
-      done();
+      this.handlerCancel()
+      done()
     },
     refuseSuccess() {
-      this.$parent.refreshTable();
-      ReMessage.success(this.$t("common.refusesucc"));
-      this.handlerCancel();
-    },
-  },
-};
+      this.$parent.refreshTable()
+      ReMessage.success(this.$t('common.refusesucc'))
+      this.handlerCancel()
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope >
diff --git a/src/views/workorder/drawer/selectCluster-drawer.vue b/src/views/workorder/drawer/selectCluster-drawer.vue
index 9c7550d..c16f40b 100644
--- a/src/views/workorder/drawer/selectCluster-drawer.vue
+++ b/src/views/workorder/drawer/selectCluster-drawer.vue
@@ -16,11 +16,11 @@
       <div class="drawer-content">
         <div class="service-modify">
           <mc-table
-            :data="canClusterList"
-            @selection-change="handlerSelectionClusterChange"
             ref="multiTable"
+            :data="canClusterList"
             :rowkey="rowkey"
-            :selectionType="selectionType"
+            :selection-type="selectionType"
+            @selection-change="handlerSelectionClusterChange"
           >
             <!-- <el-table-column type="selection" width="50" align="center" /> -->
             <template v-for="(item, index) in columnArr">
@@ -57,136 +57,134 @@
 </template>
 
 <script>
-import mcTable from "@/components/MctablePro";
-import footBtn from "@/components/Footbtn";
-import ReMessage from "@/utils/message";
+import mcTable from '@/components/MctablePro'
+import footBtn from '@/components/Footbtn'
+import ReMessage from '@/utils/message'
 export default {
   components: {
     mcTable,
-    footBtn,
+    footBtn
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     selectedClusterIds: {
       type: String,
-      default: "",
+      default: ''
     },
     canClusterList: {
       type: Array,
-      default: () => [],
-    },
+      default: () => []
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
       selectTable: [],
-      rowkey: "serverAddr",
-      selectionType: "multipleTable",
+      rowkey: 'serverAddr',
+      selectionType: 'multipleTable',
       columnArr: [
         {
-          label: this.$t("workOrder.serverAddr"), // IP地址",
-          prop: "serverAddr",
+          label: this.$t('workOrder.serverAddr'), // IP地址",
+          prop: 'serverAddr'
         },
         {
-          label: this.$t("workOrder.serverArch"), // 架构",
-          prop: "serverArch",
+          label: this.$t('workOrder.serverArch'), // 架构",
+          prop: 'serverArch'
         },
         {
-          label: this.$t("workOrder.serverType"), // 类型",
-          prop: "serverType",
+          label: this.$t('workOrder.serverType'), // 类型",
+          prop: 'serverType'
         },
         {
-          label: this.$t("workOrder.cpuModelName"), // CPU类型",
-          prop: "cpuModelName",
-          tooltipsFlag: true,
+          label: this.$t('workOrder.cpuModelName'), // CPU类型",
+          prop: 'cpuModelName',
+          tooltipsFlag: true
         },
         {
-          label: this.$t("workOrder.cpuUtil"), // CPU",
-          prop: "cpuUtil",
-          width: 60,
+          label: this.$t('workOrder.cpuUtil'), // CPU",
+          prop: 'cpuUtil',
+          width: 60
         },
         {
-          label: this.$t("workOrder.memUtil"), // 内存",
-          prop: "memUtil",
-          width: 60,
+          label: this.$t('workOrder.memUtil'), // 内存",
+          prop: 'memUtil',
+          width: 60
         },
         {
-          label: this.$t("workOrder.currentSessions"), // 运行云服务器",
-          prop: "currentSessions",
+          label: this.$t('workOrder.currentSessions'), // 运行云服务器",
+          prop: 'currentSessions'
         },
         {
-          label: this.$t("workOrder.loadaverage"), // 平均负载",
-          prop: "loadaverage",
-        },
-      ],
-    };
+          label: this.$t('workOrder.loadaverage'), // 平均负载",
+          prop: 'loadaverage'
+        }
+      ]
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
-    },
+      this.drawerVisible = isvis
+    }
   },
   methods: {
     setTableSelectedCluster() {
-      let selected = this.selectedClusterIds.split(",");
+      const selected = this.selectedClusterIds.split(',')
       for (let i = 0; i < selected.length; i++) {
-        let row = this.canClusterList.find(
+        const row = this.canClusterList.find(
           (item) => item.serverId === selected[i]
-        );
+        )
         if (row) {
-          this.$refs.multiTable.$refs.elTable.toggleRowSelection(row);
+          this.$refs.multiTable.$refs.elTable.toggleRowSelection(row)
         }
       }
     },
     // 表格勾选
     handlerSelectionClusterChange(selection) {
-      this.selectTable = selection;
+      this.selectTable = selection
     },
     // 提交
     handlerConfirm() {
-      let length = this.selectTable.length;
-      let errMsg = this.$t("workOrder.pchooseComputingRes"); //"请至少勾选一个计算资源节点";
+      const length = this.selectTable.length
+      const errMsg = this.$t('workOrder.pchooseComputingRes') // "请至少勾选一个计算资源节点";
       if (length < 1) {
-        ReMessage.error(errMsg);
-        return;
+        ReMessage.error(errMsg)
+        return
       }
-      let selectClusterValue = "";
-      let selectClusterUuid = "";
+      let selectClusterValue = ''
+      let selectClusterUuid = ''
       for (let i = 0; i < length; i++) {
         if (i === length - 1) {
-          selectClusterValue += this.selectTable[i].serverAddr;
-          selectClusterUuid += this.selectTable[i].serverId;
+          selectClusterValue += this.selectTable[i].serverAddr
+          selectClusterUuid += this.selectTable[i].serverId
         } else {
-          selectClusterValue += this.selectTable[i].serverAddr + ",";
-          selectClusterUuid += this.selectTable[i].serverId + ",";
+          selectClusterValue += this.selectTable[i].serverAddr + ','
+          selectClusterUuid += this.selectTable[i].serverId + ','
         }
       }
 
-      this.$emit("handlerConfirm", {
+      this.$emit('handlerConfirm', {
         selectCluster: selectClusterValue,
-        selectClusterUuid: selectClusterUuid,
-      });
-      this.handlerCancel();
+        selectClusterUuid: selectClusterUuid
+      })
+      this.handlerCancel()
     },
     handlerCancel() {
       if (this.selectTable.length > 0) {
-        this.$refs.multiTable.$refs.elTable.clearSelection();
+        this.$refs.multiTable.$refs.elTable.clearSelection()
       }
-      this.selectTable = [];
-      this.$emit("update:visible", false);
+      this.selectTable = []
+      this.$emit('update:visible', false)
     },
     handleCloseSelectCluster() {
-      this.handlerCancel();
-    },
-  },
-};
+      this.handlerCancel()
+    }
+  }
+}
 </script>
 
-
-
 <style lang="scss" scope >
 @import "~@/styles/mixin.scss";
 @include DrawerRtl;
diff --git a/src/views/workorder/drawer/selectNetwork-drawer.vue b/src/views/workorder/drawer/selectNetwork-drawer.vue
index e6cdd78..c198669 100644
--- a/src/views/workorder/drawer/selectNetwork-drawer.vue
+++ b/src/views/workorder/drawer/selectNetwork-drawer.vue
@@ -14,12 +14,12 @@
     <div class="drawer-content">
       <div class="bind-table">
         <mc-table
+          ref="multiTable"
           :data="networkList"
-          @selection-change="handlerSelectionNetworkChange"
           :rowkey="rowkey"
-          :selectionType="selectionType"
-          ref="multiTable"
+          :selection-type="selectionType"
           style="margin-top: 20px"
+          @selection-change="handlerSelectionNetworkChange"
         >
           <template v-for="(item, index) in columnArr">
             <el-table-column
@@ -73,36 +73,36 @@
 </template>
 
 <script>
-import mcTable from "@/components/MctablePro";
-import footBtn from "@/components/Footbtn";
-import ReMessage from "@/utils/message";
-import dictionary from "@/assets/common/dataDictionary/dictionary";
+import mcTable from '@/components/MctablePro'
+import footBtn from '@/components/Footbtn'
+import ReMessage from '@/utils/message'
+import dictionary from '@/assets/common/dataDictionary/dictionary'
 export default {
   components: {
     mcTable,
-    footBtn,
+    footBtn
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     networkList: {
       type: Array,
-      default: () => [],
+      default: () => []
     },
     selectedNetworkInfo: {
       type: Object,
-      default: () => {},
-    },
+      default: () => {}
+    }
   },
   data() {
     return {
-      rowkey: "networkId",
-      selectionType: "singleTable",
+      rowkey: 'networkId',
+      selectionType: 'singleTable',
       drawerVisible: this.visible,
       selectTable: [],
-      selectNetworkName: "",
+      selectNetworkName: '',
       selectNetworkId: 0,
       columnArr: [
         // {
@@ -110,97 +110,97 @@ export default {
         //   prop: "networkId",
         // },
         {
-          label: this.$t("authorityMgr.netWorkSet.networkName"), // "网络名称",
-          prop: "networkName",
+          label: this.$t('authorityMgr.netWorkSet.networkName'), // "网络名称",
+          prop: 'networkName'
         },
         // {
         //   label: this.$t("authorityMgr.netWorkSet.interfaceType"), // "网络类型",
         //   prop: "interfaceType",
         // },
         {
-          label: this.$t("authorityMgr.netWorkSet.virtualSwitch"), // "虚拟交换机",
-          prop: "virtualSwitch",
+          label: this.$t('authorityMgr.netWorkSet.virtualSwitch'), // "虚拟交换机",
+          prop: 'virtualSwitch'
         },
         {
-          label: this.$t("authorityMgr.netWorkSet.modelType"), // "网卡类型",
-          prop: "modelType",
+          label: this.$t('authorityMgr.netWorkSet.modelType'), // "网卡类型",
+          prop: 'modelType'
         },
         {
-          label: this.$t("authorityMgr.netWorkSet.addressPool"), // "地址池",
-          prop: "addressPool",
+          label: this.$t('authorityMgr.netWorkSet.addressPool'), // "地址池",
+          prop: 'addressPool'
         },
         {
-          label: this.$t("authorityMgr.netWorkSet.portGroup"), // "端口组",
-          prop: "portGroup",
+          label: this.$t('authorityMgr.netWorkSet.portGroup'), // "端口组",
+          prop: 'portGroup'
         },
         {
-          label: this.$t("resourceMgr.network.securityPolicy"), // "安全策略"
-          prop: "securityPolicy",
-          tooltipsFlag: true,
+          label: this.$t('resourceMgr.network.securityPolicy'), // "安全策略"
+          prop: 'securityPolicy',
+          tooltipsFlag: true
         },
         {
-          label: this.$t("authorityMgr.netWorkSet.securityGroup"), // "安全组",
-          prop: "securityGroup",
-          tooltipsFlag: true,
+          label: this.$t('authorityMgr.netWorkSet.securityGroup'), // "安全组",
+          prop: 'securityGroup',
+          tooltipsFlag: true
         },
         {
-          label: this.$t("resourceMgr.network.virtualFirewallName"), // "虚拟防火墙",
-          prop: "virtualFirewallName",
-          tooltipsFlag: true,
-        },
-      ],
-    };
+          label: this.$t('resourceMgr.network.virtualFirewallName'), // "虚拟防火墙",
+          prop: 'virtualFirewallName',
+          tooltipsFlag: true
+        }
+      ]
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
+      this.drawerVisible = isvis
     },
-    networkList(val) {},
+    networkList(val) {}
   },
   methods: {
     getsecurityPolicyDesc(securityPolicy) {
-      return dictionary.getDesc(securityPolicy, dictionary.securityPolicyArr);
+      return dictionary.getDesc(securityPolicy, dictionary.securityPolicyArr)
     },
     setTableSelectedNetwork() {
-      let selected = this.selectedNetworkInfo.networkId;
-      this.$refs.multiTable.$refs.elTable.clearSelection();
+      const selected = this.selectedNetworkInfo.networkId
+      this.$refs.multiTable.$refs.elTable.clearSelection()
 
-      let row = this.networkList.find((item) => item.networkId === selected);
+      const row = this.networkList.find((item) => item.networkId === selected)
       if (row) {
-        this.$refs.multiTable.$refs.elTable.toggleRowSelection(row);
+        this.$refs.multiTable.$refs.elTable.toggleRowSelection(row)
       }
     },
     // 表格勾选
     handlerSelectionNetworkChange(selection) {
-      this.selectTable = selection;
+      this.selectTable = selection
     },
 
     // 提交
     handlerConfirm() {
-      let length = this.selectTable.length;
-      let errMsg = this.$t("workOrder.pchooseNetworkInfo"); //"请至少勾选一个网络配置";
+      const length = this.selectTable.length
+      const errMsg = this.$t('workOrder.pchooseNetworkInfo') // "请至少勾选一个网络配置";
       if (length < 1) {
-        ReMessage.error(errMsg);
-        return;
+        ReMessage.error(errMsg)
+        return
       }
-      let obj = JSON.parse(JSON.stringify(this.selectedNetworkInfo));
-      obj.networkId = this.selectTable[0].networkId;
-      obj.networkName = this.selectTable[0].networkName;
-      this.$emit("handlerConfirm", obj);
-      this.handlerCancel();
+      const obj = JSON.parse(JSON.stringify(this.selectedNetworkInfo))
+      obj.networkId = this.selectTable[0].networkId
+      obj.networkName = this.selectTable[0].networkName
+      this.$emit('handlerConfirm', obj)
+      this.handlerCancel()
     },
     handlerCancel() {
       if (this.selectTable.length > 0) {
-        this.$refs.multiTable.$refs.elTable.clearSelection();
+        this.$refs.multiTable.$refs.elTable.clearSelection()
       }
-      this.selectTable = [];
-      this.handleCloseSelectNetwork();
+      this.selectTable = []
+      this.handleCloseSelectNetwork()
     },
     handleCloseSelectNetwork() {
-      this.$emit("update:visible", false);
-    },
-  },
-};
+      this.$emit('update:visible', false)
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope >
diff --git a/src/views/workorder/drawer/selectTagNames-drawer.vue b/src/views/workorder/drawer/selectTagNames-drawer.vue
index 3bcbf20..b87ab3e 100644
--- a/src/views/workorder/drawer/selectTagNames-drawer.vue
+++ b/src/views/workorder/drawer/selectTagNames-drawer.vue
@@ -12,135 +12,132 @@
     append-to-body
     @opened="setTableselectTagIds"
   >
-    <template
-      ><div class="drawer-content">
-        <div class="service-modify">
-          <mc-table
-            :data="clusterBindResourceList"
-            @selection-change="handlerSelectionClusterChange"
-            ref="multiTable"
-            :rowkey="rowkey"
-            :selectionType="selectionType"
-          >
-            <!-- <el-table-column type="selection" width="50" align="center" /> -->
-            <template v-for="(item, index) in columnArr">
-              <el-table-column
-                :key="index"
-                :resizable="index != 0 && index != columnArr.length - 1"
-                :label="item.label"
-              >
-                <template slot-scope="{ row }">
-                  <span>{{ row[item.prop] }}</span>
-                </template>
-              </el-table-column>
-            </template>
-          </mc-table>
-        </div>
-        <foot-btn
-          class="drawer-foot"
-          @confirm="handlerConfirm"
-          @cancel="handlerCancel"
-        />
+    <template><div class="drawer-content">
+      <div class="service-modify">
+        <mc-table
+          ref="multiTable"
+          :data="clusterBindResourceList"
+          :rowkey="rowkey"
+          :selection-type="selectionType"
+          @selection-change="handlerSelectionClusterChange"
+        >
+          <!-- <el-table-column type="selection" width="50" align="center" /> -->
+          <template v-for="(item, index) in columnArr">
+            <el-table-column
+              :key="index"
+              :resizable="index != 0 && index != columnArr.length - 1"
+              :label="item.label"
+            >
+              <template slot-scope="{ row }">
+                <span>{{ row[item.prop] }}</span>
+              </template>
+            </el-table-column>
+          </template>
+        </mc-table>
       </div>
+      <foot-btn
+        class="drawer-foot"
+        @confirm="handlerConfirm"
+        @cancel="handlerCancel"
+      />
+    </div>
     </template>
   </el-drawer>
 </template>
 
 <script>
-import mcTable from "@/components/MctablePro";
-import footBtn from "@/components/Footbtn";
-import ReMessage from "@/utils/message";
+import mcTable from '@/components/MctablePro'
+import footBtn from '@/components/Footbtn'
+import ReMessage from '@/utils/message'
 export default {
   components: {
     mcTable,
-    footBtn,
+    footBtn
   },
   props: {
     visible: {
       type: Boolean,
-      default: false,
+      default: false
     },
     selectTagIds: {
       type: String,
-      default: "",
+      default: ''
     },
     clusterBindResourceList: {
       type: Array,
-      default: () => [],
-    },
+      default: () => []
+    }
   },
   data() {
     return {
       drawerVisible: this.visible,
       selectTable: [],
-      rowkey: "id",
-      selectionType: "multipleTable",
+      rowkey: 'id',
+      selectionType: 'multipleTable',
       columnArr: [
-        { label: "名称", prop: "name" },
-        { label: "集群", prop: "" },
-        { label: "说明", prop: "description" },
-      ],
-    };
+        { label: '名称', prop: 'name' },
+        { label: '集群', prop: '' },
+        { label: '说明', prop: 'description' }
+      ]
+    }
   },
   watch: {
     visible(isvis) {
-      this.drawerVisible = isvis;
-    },
+      this.drawerVisible = isvis
+    }
   },
   methods: {
     setTableselectTagIds() {
-      let selected = this.selectTagIds.split(",");
+      const selected = this.selectTagIds.split(',')
       for (let i = 0; i < selected.length; i++) {
-        let row = this.clusterBindResourceList.find(
+        const row = this.clusterBindResourceList.find(
           (item) => item.id.toString() === selected[i]
-        );
+        )
         if (row) {
-          this.$refs.multiTable.$refs.elTable.toggleRowSelection(row);
+          this.$refs.multiTable.$refs.elTable.toggleRowSelection(row)
         }
       }
     },
     // 表格勾选
     handlerSelectionClusterChange(selection) {
-      this.selectTable = selection;
+      this.selectTable = selection
     },
     // 提交
     handlerConfirm() {
-      let length = this.selectTable.length;
-      let errMsg = this.$t("workOrder.pchooseComputingRes"); //"请至少勾选一个计算资源节点";
+      const length = this.selectTable.length
+      const errMsg = this.$t('workOrder.pchooseComputingRes') // "请至少勾选一个计算资源节点";
       if (length < 1) {
-        ReMessage.error(errMsg);
-        return;
+        ReMessage.error(errMsg)
+        return
       }
-      let selectTagIds = "";
-      let selectTagNames = "";
+      let selectTagIds = ''
+      let selectTagNames = ''
       for (let i = 0; i < length; i++) {
         if (i === length - 1) {
-          selectTagIds += this.selectTable[i].id;
-          selectTagNames += this.selectTable[i].name;
+          selectTagIds += this.selectTable[i].id
+          selectTagNames += this.selectTable[i].name
         } else {
-          selectTagIds += this.selectTable[i].id + ",";
-          selectTagNames += this.selectTable[i].name + ",";
+          selectTagIds += this.selectTable[i].id + ','
+          selectTagNames += this.selectTable[i].name + ','
         }
       }
-      this.$emit("handlerConfirm", { selectTagIds, selectTagNames });
-      this.handlerCancel();
+      this.$emit('handlerConfirm', { selectTagIds, selectTagNames })
+      this.handlerCancel()
     },
     handlerCancel() {
       if (this.selectTable.length > 0) {
-        this.$refs.multiTable.$refs.elTable.clearSelection();
+        this.$refs.multiTable.$refs.elTable.clearSelection()
       }
-      this.selectTable = [];
-      this.$emit("update:visible", false);
+      this.selectTable = []
+      this.$emit('update:visible', false)
     },
     handleCloseSelectCluster() {
-      this.handlerCancel();
-    },
-  },
-};
+      this.handlerCancel()
+    }
+  }
+}
 </script>
 
-
-
 <style lang="scss" scope >
 @import "~@/styles/mixin.scss";
 @include DrawerRtl;
diff --git a/src/views/workorder/drawer/setDiskInfo.vue b/src/views/workorder/drawer/setDiskInfo.vue
index 78a954b..c402162 100644
--- a/src/views/workorder/drawer/setDiskInfo.vue
+++ b/src/views/workorder/drawer/setDiskInfo.vue
@@ -18,23 +18,23 @@
           prop="disk"
         >
           <el-input
-            v-model="item.diskSize"
             v-if="item.type === 'custom'"
+            v-model="item.diskSize"
             v-only-num
           >
             <template slot="append">GB</template>
           </el-input>
 
           <el-input
-            v-model="item.diskSize"
             v-if="item.type === 'original'"
+            v-model="item.diskSize"
             :disabled="item.applyModifyType == 'NONE'"
           >
             <template slot="append">GB</template>
           </el-input>
           <i
-            class="el-icon-remove-outline"
             v-if="item.type === 'custom' || item.applyModifyType === 'DELETE'"
+            class="el-icon-remove-outline"
             @click="deleteDiskItem(item)"
           />
           <i
@@ -57,29 +57,32 @@
   </div>
 </template>
 <script>
-import ReMessage from "@/utils/message";
+import ReMessage from '@/utils/message'
 export default {
   components: {},
-  props: ["formData", "pageMode"],
+  props: ['formData', 'pageMode'],
   data() {
     return {
       // 磁盘列表
       oridiskList: [],
       oridiskShowList: [],
-      cmtdiskList: [],
-    };
+      cmtdiskList: []
+    }
+  },
+  watch: {
+    formData(val) {
+      this.setPageDefaultData(val)
+    }
   },
 
   created() {},
   mounted() {
     if (this.formData) {
-      this.setPageDefaultData(this.formData);
+      this.setPageDefaultData(this.formData)
     }
   },
-  watch: {
-    formData(val) {
-      this.setPageDefaultData(val);
-    },
+  beforeDestroy() {
+    this.resetForm()
   },
   // watch: {
   //   data: {
@@ -100,10 +103,10 @@ export default {
   // },
   methods: {
     setPageDefaultData(defaultData) {
-      if (JSON.stringify(defaultData) == "{}") {
-        return;
+      if (JSON.stringify(defaultData) == '{}') {
+        return
       } else {
-        let { disks } = defaultData;
+        const { disks } = defaultData
         // switch (this.pageMode) {
         //   case "TEMPADD": // 模板新增
         //     if (applyNum == 1) {
@@ -121,111 +124,108 @@ export default {
         //     this.showbingIpBox = false;
         //     break;
         // }
-        this.dealDiskListIndex(disks);
+        this.dealDiskListIndex(disks)
       }
     },
     dealDiskListIndex(oriList) {
       oriList.forEach((element, index) => {
-        element.index = index;
-      });
-      this.oridiskList = JSON.parse(JSON.stringify(oriList));
-      this.dealDiskList(this.oridiskList);
+        element.index = index
+      })
+      this.oridiskList = JSON.parse(JSON.stringify(oriList))
+      this.dealDiskList(this.oridiskList)
     },
     dealDiskList(oriList) {
-      let list = [];
-      let filtermodifyType = ["DELETE", "ADDDELETE"];
+      const list = []
+      const filtermodifyType = ['DELETE', 'ADDDELETE']
       oriList.forEach((element) => {
-        let { modifyType } = element;
+        const { modifyType } = element
         if (filtermodifyType.indexOf(modifyType) == -1) {
-          list.push(element);
+          list.push(element)
         }
-      });
-      this.oridiskShowList = list;
+      })
+      this.oridiskShowList = list
     },
     // 添加
     addDiskItem() {
-      let diskNumMaxMsg = this.$t("common.diskNumMaxMsg"); // "磁盘数目已达上限";
+      const diskNumMaxMsg = this.$t('common.diskNumMaxMsg') // "磁盘数目已达上限";
       if (this.oridiskShowList.length >= 4) {
-        this.alertTips(diskNumMaxMsg);
-        return false;
+        this.alertTips(diskNumMaxMsg)
+        return false
       }
-      let index = this.oridiskList.length;
-      let addDisk = {
+      const index = this.oridiskList.length
+      const addDisk = {
         diskSize: 300,
-        type: "custom",
-        modifyType: "ADD",
+        type: 'custom',
+        modifyType: 'ADD',
         applyId: 0,
         id: 0,
-        index: index,
-      };
-      this.oridiskList.push(addDisk);
-      this.dealDiskList(this.oridiskList);
+        index: index
+      }
+      this.oridiskList.push(addDisk)
+      this.dealDiskList(this.oridiskList)
     },
     // 删除
     deleteDiskItem(item) {
-      let { modifyType, applyId, index } = item;
-      if (modifyType == "ADD" && applyId == 0) {
-        this.oridiskList[index].modifyType = "ADDDELETE";
+      const { modifyType, applyId, index } = item
+      if (modifyType == 'ADD' && applyId == 0) {
+        this.oridiskList[index].modifyType = 'ADDDELETE'
       } else {
-        this.oridiskList[index].modifyType = "DELETE";
+        this.oridiskList[index].modifyType = 'DELETE'
       }
-      this.dealDiskList(this.oridiskList);
+      this.dealDiskList(this.oridiskList)
     },
 
     submitForm() {
-      let flag = true;
-      let diskNumMsg = this.$t("common.diskNumMsg"); // "磁盘大小不能为小于1的正整数";
-      let diskNumSizeMsg = this.$t("common.diskNumSizeMsg"); // "磁盘大小不能为空";
-      let diskNumMinMsg = this.$t("common.diskNumMinMsg"); // "至少添加一块磁盘";
-      let disks = this.oridiskList;
-      let diskList = [];
+      let flag = true
+      const diskNumMsg = this.$t('common.diskNumMsg') // "磁盘大小不能为小于1的正整数";
+      const diskNumSizeMsg = this.$t('common.diskNumSizeMsg') // "磁盘大小不能为空";
+      const diskNumMinMsg = this.$t('common.diskNumMinMsg') // "至少添加一块磁盘";
+      const disks = this.oridiskList
+      const diskList = []
       for (let i = 0; i < disks.length; i++) {
-        var disk = disks[i];
-        let { modifyType, oldDiskSize, diskSize, type } = disks[i];
-        if (modifyType !== "ADDDELETE") {
+        var disk = disks[i]
+        let { modifyType, oldDiskSize, diskSize, type } = disks[i]
+        if (modifyType !== 'ADDDELETE') {
           if (isNaN(diskSize) && diskSize != 0) {
-            diskSize = "";
+            diskSize = ''
           }
-          if (type == "original" && this.pageMode == "CHANGE") {
+          if (type == 'original' && this.pageMode == 'CHANGE') {
             if (parseInt(oldDiskSize) > parseInt(diskSize)) {
-              ReMessage.error("原有磁盘只能变大，不能变小");
-              diskSize = oldDiskSize;
-              flag = false;
-              break;
+              ReMessage.error('原有磁盘只能变大，不能变小')
+              diskSize = oldDiskSize
+              flag = false
+              break
             }
           }
           if (parseInt(diskSize) <= 0) {
-            ReMessage.error(diskNumMsg);
-            flag = false;
-            break;
+            ReMessage.error(diskNumMsg)
+            flag = false
+            break
           }
           if (!diskSize) {
-            ReMessage.error(diskNumSizeMsg);
-            flag = false;
-            break;
+            ReMessage.error(diskNumSizeMsg)
+            flag = false
+            break
           }
-          disk.diskCapacity = diskSize;
-          diskList.push(disk);
+          disk.diskCapacity = diskSize
+          diskList.push(disk)
         }
       }
-      this.cmtdiskList = diskList;
+      this.cmtdiskList = diskList
       if (this.cmtdiskList.length < 1) {
-        ReMessage.error(diskNumMinMsg);
-        flag = false;
+        ReMessage.error(diskNumMinMsg)
+        flag = false
       }
-      return flag;
+      return flag
     },
     resetForm() {
       // 磁盘列表
-      this.oridiskList = [];
-      this.oridiskShowList = [];
-      this.cmtdiskList = [];
-    },
-  },
-  beforeDestroy() {
-    this.resetForm();
-  },
-};
+      this.oridiskList = []
+      this.oridiskShowList = []
+      this.cmtdiskList = []
+    }
+  }
+}
 </script>
 
 <style lang="scss" scope>
@@ -236,4 +236,4 @@ export default {
     color: rgb(226, 111, 17);
   }
 }
-</style>
\ No newline at end of file
+</style>
-- 
Gitee