更改增加

package-lock.json

@@ -3794,12 +3794,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -3814,17 +3816,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -3941,7 +3946,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -3953,6 +3959,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -3967,6 +3974,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -3974,12 +3982,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.3.5",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.2",
             "yallist": "^3.0.0"
@@ -3998,6 +4008,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -4078,7 +4089,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -4090,6 +4102,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -4211,6 +4224,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",

src/pages/nav1/Nav1.vue

@@ -52,7 +52,6 @@
   export default {
     data() {
       return {
-        tableData: [],
         dialogVisible: false,
         form: {
           name: '',
@@ -64,6 +63,11 @@
         type: ''
       }
     },
+    computed: {
+      ...mapGetters({
+        tableData: 'data'
+      })
+    },
     methods: {
       handleEdit(index, row) {
         this.dialogVisible = true;
@@ -82,18 +86,10 @@
             console.log(this.form)
             const form = this.form;
             if(this.type == 'add') {
-              addCompanyList(form).then(res => {
-                companyList().then(res => {
-                  if(res.code == 200) {
-                    this.tableData = res.data;
-                  }
-                })
-              })
+              this.$store.dispatch('addCompanyList', form)
             }else {
               const index = this.setIndex;
-              setCompanyList(form).then(res => {
-                this.tableData[index].name = form.name;
-              });
+              this.$store.dispatch('setCompanyList', {form, index})
             }
             this.dialogVisible = false;
           } else {
@@ -109,11 +105,7 @@
       }
     },
     created () {
-      companyList().then(res => {
-        if(res.code == 200) {
-          this.tableData = res.data;
-        }
-      })
+      this.$store.dispatch('getCompanyList')
     }
   }
 </script>

src/store/modules/navList.js

@@ -1,4 +1,4 @@
-import { companyList, setCompanyList } from '../../api/nav1.js';
+import { companyList, setCompanyList, addCompanyList } from '../../api/nav1.js';
 const navList = {
   state: {
     data: [],
@@ -30,7 +30,18 @@ const navList = {
            if(res.code == 200) {
              const data = res.data;
              commit('SET_LIST', { data, index });
-            resolve(res.data);
+             resolve(res.data);
+          }
+        }).catch(error => {
+          reject(error);
+        })
+      })
+    },
+    addCompanyList({dispatch, commit}, form) {
+      return new Promise((resolve, reject) => {
+        addCompanyList(form).then(res => {
+           if(res.code == 200) {
+            dispatch('getCompanyList');
           }
         }).catch(error => {
           reject(error);