瀏覽代碼

封装优化表单参数

002390 2 年之前
父節點
當前提交
ab2839e77c

+ 5 - 5
src/views/marketing/dealer-authorization/authprivAdd.vue

@@ -68,11 +68,13 @@ export default {
 
         this.isAdd = false;
 
-        let objData = { ...data };
+        this.formData = {
 
-        objData['time'] = [objData.startTime, objData.endTime];
+          ...data,
 
-        this.formData = objData;
+          time: [data.startTime, data.endTime]
+
+        };
 
         setTimeout(() => {
           this.loading = false;
@@ -98,8 +100,6 @@ export default {
     // 确定
     handleConfirm(formName) {
 
-      console.log(this.formData, 'this.formData');
-
       this.$refs[formName].validate(async (valid) => {
 
         if (valid) {

+ 4 - 18
src/views/marketing/dealer-authorization/authprivSee.vue

@@ -21,31 +21,17 @@
 </template>
 
 <script>
+import { FormColumns } from './column';
+import { initParams } from '../utils/init'
 export default {
 
   name: 'authprivSee',
   data() {
-    const arr2Obj = function (data, keyName, valueName) {
-      return Object.fromEntries(
-        data.map((item) => [item[keyName], item[valueName]])
-      );
-    };
-
-    const formColumns = [
-      { title: '经销商名称', key: 'dealerName', type: 'Input' },
-      { title: '授权区/医院', key: 'authorizedAreaName', type: 'Input' },
-      { title: '授权产品', key: 'authorizedProductsName', type: 'Input' },
-      { title: '授权期限', key: 'time', type: 'DateRange' },
-      { title: '授权书开具时间', key: 'issueTime', type: 'Date' },
-    ];
-
-    const initFormColumns = () => formColumns;
-    const initFormData = () => arr2Obj(initFormColumns(), "key", "value")
 
     return {
       visible: false,
-      formData: { ...initFormData() },
-      formColumns: initFormColumns(),
+      formData: { ...initParams(FormColumns) },
+      formColumns: FormColumns,
 
     }
   },

+ 30 - 23
src/views/marketing/dealer-authorization/index.vue

@@ -92,15 +92,14 @@ export default {
   },
 
   data() {
-    const initTableColumns = () => TableColumns;
-    const initSearchColumns = () => SearchColumns;
+
     return {
       loading: false,
-      searchColumns: initSearchColumns(),
+      searchColumns: SearchColumns,
       searchParams: {
-        ...initParams(initSearchColumns()),
+        ...initParams(SearchColumns),
       },
-      tableColumns: initTableColumns(),
+      tableColumns: TableColumns,
       tableData: [],
       checkedList: [],
       page: {
@@ -145,10 +144,8 @@ export default {
     handelResetSearch() {
 
       console.log('重置');
-
-      for (const key in this.searchParams) {
-
-        this.searchParams[key] = '';
+      this.searchParams = {
+        ...initParams(SearchColumns),
       }
     },
     // 判断状态
@@ -194,7 +191,6 @@ export default {
     },
     // 新增、编辑授权信息
     handleOpenAddDialog(rows) {
-      console.log(rows, '授权信息');
       const { setVisible, setFormData } = this.$refs.addDialogRef;
       setFormData(rows);
       setVisible(true);
@@ -202,26 +198,37 @@ export default {
     },
     // 查看
     handleOpenSeeDialog(rows) {
-      console.log(rows, '编辑、查看');
       const { setVisible, setFormData } = this.$refs.seeDialogRef;
       setFormData(rows);
       setVisible(true);
     },
     // 删除
-    async handleDelDialog(rows) {
-      console.log(rows, '删除');
+    handleDelDialog(rows) {
       let { id } = rows;
-      try {
-        this.loading = true;
-        let { code, msg } = await dealerApi.remove({ id });
-        if (code == 200) {
-          this.handleRefresh();
+
+      this.$confirm('此操作将删除该条数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(async () => {
+        try {
+          this.loading = true;
+          let { code, msg } = await dealerApi.remove({ id });
+          if (code == 200) {
+            this.handleRefresh();
+          }
+        } catch (error) {
+          console.log(error);
+        } finally {
+          this.loading = false;
         }
-      } catch (error) {
-        console.log(error);
-      } finally {
-        this.loading = false;
-      }
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '已取消删除'
+        });
+      });
+
     },
     // 提交
     handleSubmit(row) {