1

src/views/company/index.vue

@@ -99,6 +99,9 @@ import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: car } = createNamespacedHelpers('car');
 const { mapActions: repair } = createNamespacedHelpers('repair');
 export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
   name: 'index',
   props: {},
   components: {
@@ -112,23 +115,18 @@ export default {
       },
     };
   },
-  async created() {
-    await this.search1();
-  },
+  created() {},
   methods: {
     ...car({ newquery: 'query', newfetch: 'fetch', newdelete: 'delete', newcreate: 'create', newupdate: 'update' }),
     ...repair(['query', 'create', 'delete', 'update', 'fetch']),
     //查询信息
-    async search1() {
-      console.log(this.id);
-      console.log('hhh');
+    async search() {
       if (this.id) {
         let res = await this.newfetch(this.id);
-        // let arr = await this.query({ uid: this.id });
-
+        let arr = await this.query({ uid: this.id });
         if (this.$checkRes(res)) {
           this.$set(this, `form`, res.data);
-          // this.$set(this.formData, `tableData`, arr.data);
+          this.$set(this.formData, `tableData`, arr.data);
         } else {
           this.$message({
             message: res.errmsg,
@@ -137,28 +135,6 @@ export default {
         }
       }
     },
-    // async search2() {
-    //   if (this.id) {
-    //     console.log(this.id);
-    //     const res = await this.query(this.id);
-    //     console.log(res);
-    //   }
-    // },
-    //查询维修单信息
-    // async search2({ data }) {
-    //   console.log(data);
-    // if (this.id) {
-    //   const res = await this.fetch(this.id);
-    //   if (this.$checkRes(res)) {
-    //     this.$set(this, `formData.tableData`, res.data);
-    //   } else {
-    //     this.$message({
-    //       message: res.errmsg,
-    //       type: 'error',
-    //     });
-    //   }
-    // }
-    // },
     //添加
     addData() {
       this.formData.tableData.push({
@@ -181,18 +157,8 @@ export default {
     deleteData(row, index) {
       this.formData.tableData.splice(index, 1);
     },
-    submitData(formName) {
-      this.$refs[formName].validate(valid => {
-        if (valid) {
-          let data = this.formData.tableData;
-          alert(JSON.stringify(data));
-        }
-      });
-    },
     back() {
-      // this.$set(this, `form`, {});
       this.$router.push({ path: '/user' });
-      // this.search1();
     },
   },
   computed: {
@@ -201,19 +167,15 @@ export default {
       return this.$route.query.id;
     },
   },
-  metaInfo() {
-    return { title: this.$route.meta.title };
+  watch: {
+    id: {
+      deep: true,
+      immediate: true,
+      handler(val) {
+        this.search();
+      },
+    },
   },
-  // watch: {
-  //   id: {
-  //     deep: true,
-  //     immediate: true,
-  //     handler(val) {
-  //       this.search1();
-  //       this.search2();
-  //     },
-  //   },
-  // },
 };
 </script>
 

src/views/user/index.vue

@@ -25,7 +25,6 @@ import dataTable from '@/components/frame/filter-page-table.vue';
 import dataForm from '@/components/frame/form.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: car } = createNamespacedHelpers('car');
-
 import bus from '@/components/common/bus';
 export default {
   metaInfo() {
@@ -40,81 +39,24 @@ export default {
   },
   data: function() {
     return {
-      breadcrumbTitle: '',
-      newdata: [
-        // {
-        //   name: '11',
-        //   license: '22',
-        //   mobile: '33',
-        //   model: '44',
-        //   carcolor: '55',
-        //   mileage: '66',
-        //   vin: '77',
-        //   insurance: '88',
-        //   drive: '99',
-        //   travel: '00',
-        // },
-      ],
       newfields: [
-        {
-          label: '顾客姓名',
-          prop: 'name',
-          filter: 'input',
-        },
-        {
-          label: '车牌号',
-          prop: 'license',
-        },
-        {
-          label: '电话',
-          prop: 'mobile',
-        },
-        {
-          label: '车型',
-          prop: 'model',
-        },
-        {
-          label: '车辆颜色',
-          prop: 'carcolor',
-        },
-        {
-          label: '行驶里程',
-          prop: 'mileage',
-        },
-        {
-          label: 'VIN号',
-          prop: 'vin',
-        },
-        {
-          label: '保险日期',
-          prop: 'insurance',
-        },
-        {
-          label: '驾驶证日期',
-          prop: 'drive',
-        },
-        {
-          label: '行驶证日期',
-          prop: 'travel',
-        },
+        { label: '顾客姓名', prop: 'name', filter: 'input' },
+        { label: '车牌号', prop: 'license' },
+        { label: '电话', prop: 'mobile' },
+        { label: '车型', prop: 'model' },
+        { label: '车辆颜色', prop: 'carcolor' },
+        { label: '行驶里程', prop: 'mileage' },
+        { label: 'VIN号', prop: 'vin' },
+        { label: '保险日期', prop: 'insurance' },
+        { label: '驾驶证日期', prop: 'drive' },
+        { label: '行驶证日期', prop: 'travel' },
       ],
       newopera: [
-        {
-          label: '修改',
-          // icon: 'el-icon-edit',
-          method: 'edit',
-        },
-        {
-          label: '删除',
-          // icon: 'el-icon-delete',
-          method: 'delete',
-        },
-        {
-          label: '添加维修',
-          // icon: 'el-icon-delete',
-          method: 'repair',
-        },
+        { label: '修改', method: 'edit' },
+        { label: '删除', method: 'delete' },
+        { label: '添加维修', method: 'repair' },
       ],
+      newdata: [],
       total: 0,
       coldialog: false,
       form1: {},
@@ -130,7 +72,6 @@ export default {
         {
           label: '电话',
           model: 'mobile',
-          type: 'number',
           options: { maxLength: 11, minLength: 11 },
         },
         {
@@ -185,9 +126,6 @@ export default {
         });
       }
     },
-    // searchUser() {
-    //   console.log('我被触发');
-    // },
     //关闭
     coltoClose() {
       this.form1 = {};
@@ -196,13 +134,11 @@ export default {
     },
     //修改
     edit({ data }) {
-      console.log(data);
       this.coldialog = true;
       this.$set(this, `form1`, data);
     },
     //添加
     async save({ data }) {
-      console.log(data);
       if (data.id) {
         const res = await this.newupdate(data);
         if (this.$checkRes(res)) {