添加导入匹配列表点击返回时列表接口重新调用 ---cjh

src/views/leadMatch/Ironware/list.vue

@@ -12,7 +12,7 @@
           <FormItem label='项目简称:' style="width:250px">
                <Input placeholder="请输入项目简称" v-model="searchData.abbreviation" clearable/>
           </FormItem>
-          <FormItem><Button type="primary" @click="initData(searchData)">搜索</Button></FormItem>
+          <FormItem><Button type="primary" @click="searchDataClick(searchData)">搜索</Button></FormItem>
       </Form>
       <div class="up_table">
           <Button type="primary"  @click="handleSet(null,1)">新增</Button>
@@ -43,8 +43,8 @@ export default {
     data(){
         return {
             proxyData:{},
-            pageIndex:1,
-            pageSize:10,
+            pageIndex: JSON.parse(localStorage.getItem("pageIndex")) || 1,
+            pageSize: JSON.parse(localStorage.getItem("pageSize")) || 10,
             total:0,
                searchData:{
                    project_name:'',
@@ -66,9 +66,21 @@ export default {
         }
     },
     mounted(){
-         this.initData();
+      if(localStorage.getItem('searchList')){
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      }else{
+        this.initData();
+      }
+      if (localStorage.getItem("list")) {
+      this.searchData = JSON.parse(localStorage.getItem("list"));
+      }  
     },
     methods:{
+      searchDataClick(row){
+        console.log(row);
+        this.initData(row);
+        localStorage.setItem('searchList',JSON.stringify(row))
+      },
         handleSet(row,type){
             //1 新增 2 编辑 3 查看 4 删除
             switch(type){
@@ -114,9 +126,17 @@ export default {
       if (
         to.path == "/cms/leadMatch/Ironware/edit"
       ) {
+        from.meta.keepAlive = false;
+        localStorage.setItem("list", JSON.stringify(this.searchData));
+        localStorage.setItem("pageSize", this.pageSize);
+        localStorage.setItem("pageIndex", this.pageIndex);
         next();
       } else {
         from.meta.keepAlive = false;
+        localStorage.removeItem("list");
+        localStorage.removeItem("pageSize");
+        localStorage.removeItem("pageIndex");
+        localStorage.removeItem("searchList");
         next();
       }
     }

src/views/leadMatch/roomList/BSTlist.vue

@@ -5,7 +5,7 @@
     </Toptitle>
     <div class="weight_memo_content">
       <div>
-        <Topsearch :list="list" @init="initData" @searchData="initData" />
+        <Topsearch :list="list" @init="initData" @searchData="searchData" />
       </div>
       <div
         style="
@@ -120,12 +120,41 @@ export default {
                         }},
       ],
       tableData: [],
-      pageIndex: 1,
-      pageSize: 10,
+      pageIndex: JSON.parse(localStorage.getItem("pageIndex")) || 1,
+      pageSize: JSON.parse(localStorage.getItem("pageSize")) || 10,
       total: 0,
     };
   },
+  mounted() {
+    if (localStorage.getItem("list")) {
+      this.list = JSON.parse(localStorage.getItem("list"));
+    }
+    if (localStorage.getItem("searchList")) {
+      this.$nextTick(() => {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      });
+    }
+  },
   methods: {
+    searchData(){
+      this.pageIndex = 1;
+      this.pageSize = 10;
+      let row = {};
+      this.list.forEach((e) => {
+        if (e.serverName == "project_number") {
+          this.$set(row, "project_number", e.value);
+        }
+        if (e.serverName == "project_name") {
+          this.$set(row, "project_name", e.value);
+        }
+        if (e.serverName == "abbreviation") {
+          this.$set(row, "abbreviation", e.value);
+        }
+        // this.$set(对象, key, 数组);
+      });
+      localStorage.setItem("searchList", JSON.stringify(row));
+      this.initData(row);
+    },
     initData(row) {
       console.log(row)
       this.axios.get('/api/cut_order_list',{params:{
@@ -153,6 +182,9 @@ export default {
          
     },
     gotoPage(type,row){
+      localStorage.setItem("list", JSON.stringify(this.list));
+      localStorage.setItem("pageSize", this.pageSize);
+      localStorage.setItem("pageIndex", this.pageIndex);
       //1 编辑 2 查看 3 新增
       switch(type){
         case 1:
@@ -164,11 +196,19 @@ export default {
     },
     changeSize (e) {
       this.pageSize = e;
-      this.initData()
+        if (localStorage.getItem("searchList")) {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      }else{
+        this.initData()
+      } 
     },
      changePage (e) {
       this.pageIndex = e;
-      this.initData()
+        if (localStorage.getItem("searchList")) {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      }else{
+        this.initData()
+      } 
     },
   },
 };

src/views/leadMatch/roomList/HXYlist.vue

@@ -5,7 +5,7 @@
     </Toptitle>
     <div class="weight_memo_content">
       <div>
-        <Topsearch :list="list" @init="initData" @searchData="initData" />
+        <Topsearch :list="list" @init="initData" @searchData="searchDataClick" />
       </div>
       <div
         style="
@@ -120,14 +120,42 @@ export default {
                         }},
       ],
       tableData: [],
-      pageIndex: 1,
-      pageSize: 10,
+      pageIndex: JSON.parse(localStorage.getItem("pageIndex")) || 1,
+      pageSize: JSON.parse(localStorage.getItem("pageSize")) || 10,
       total: 0,
     };
   },
+  mounted(){
+     if (localStorage.getItem("list")) {
+      this.list = JSON.parse(localStorage.getItem("list"));
+    }
+    if (localStorage.getItem("searchList")) {
+      this.$nextTick(() => {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      });
+    }
+  },
   methods: {
+    searchDataClick() {
+      this.pageIndex = 1;
+      this.pageSize = 10;
+      let row = {};
+      this.list.forEach((e) => {
+        if (e.serverName == "project_number") {
+          this.$set(row, "project_number", e.value);
+        }
+        if (e.serverName == "project_name") {
+          this.$set(row, "project_name", e.value);
+        }
+        if (e.serverName == "abbreviation") {
+          this.$set(row, "abbreviation", e.value);
+        }
+        // this.$set(对象, key, 数组);
+      });
+      localStorage.setItem("searchList", JSON.stringify(row));
+      this.initData(row);
+    },
     initData(row) {
-      console.log(row)
       this.axios.get('/api/cut_order_list',{params:{
         page_index:this.pageIndex,
         page_size:this.pageSize,
@@ -153,6 +181,9 @@ export default {
          
     },
     gotoPage(type,row){
+      localStorage.setItem("list", JSON.stringify(this.list));
+      localStorage.setItem("pageSize", this.pageSize);
+      localStorage.setItem("pageIndex", this.pageIndex);
       //1 编辑 2 查看 3 新增
       switch(type){
         case 1:
@@ -164,11 +195,19 @@ export default {
     },
     changeSize (e) {
       this.pageSize = e;
-      this.initData()
+      if (localStorage.getItem("searchList")) {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      }else{
+        this.initData()
+      } 
     },
      changePage (e) {
       this.pageIndex = e;
-      this.initData()
+      if (localStorage.getItem("searchList")) {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      }else{
+        this.initData()
+      } 
     },
   },
 };

src/views/leadMatch/roomList/list.vue

@@ -24,8 +24,13 @@ export default {
         to.path == "/cms/leadMatch/roomList/HXYedit" || 
         to.path == "/cms/leadMatch/roomList/BSTedit"
       ) {
+        from.meta.keepAlive = false;
         next();
       } else {
+        localStorage.removeItem("list");
+        localStorage.removeItem("pageSize");
+        localStorage.removeItem("pageIndex");
+        localStorage.removeItem("searchList");
         from.meta.keepAlive = false;
         next();
       }

src/views/leadMatch/weightMemo/BSTlist.vue

@@ -5,7 +5,7 @@
     </Toptitle>
     <div class="weight_memo_content">
       <div>
-        <Topsearch :list="list" @init="initData" @searchData="initData" />
+        <Topsearch :list="list" @init="initData" @searchData="searchData" />
       </div>
       <div
         style="
@@ -120,12 +120,31 @@ export default {
                         }},
       ],
       tableData: [],
-      pageIndex: 1,
-      pageSize: 10,
+      pageIndex: JSON.parse(localStorage.getItem("pageIndex")) || 1,
+      pageSize: JSON.parse(localStorage.getItem("pageSize")) || 10,
       total: 0,
     };
   },
   methods: {
+    searchData(){
+      this.pageIndex = 1;
+      this.pageSize = 10;
+      let row = {};
+      this.list.forEach((e) => {
+        if (e.serverName == "project_number") {
+          this.$set(row, "project_number", e.value);
+        }
+        if (e.serverName == "project_name") {
+          this.$set(row, "project_name", e.value);
+        }
+        if (e.serverName == "abbreviation") {
+          this.$set(row, "abbreviation", e.value);
+        }
+        // this.$set(对象, key, 数组);
+      });
+      localStorage.setItem("searchList", JSON.stringify(row));
+      this.initData(row);
+    },
     initData(row) {
       this.axios.get('/api/cut_order_list',{params:{
         page_index:this.pageIndex,page_size:this.pageSize,
@@ -150,6 +169,9 @@ export default {
        
     },
     gotoPage(type,row){
+      localStorage.setItem("list", JSON.stringify(this.list));
+      localStorage.setItem("pageSize", this.pageSize);
+      localStorage.setItem("pageIndex", this.pageIndex);
       //1 编辑 2 查看 3 新增
       switch(type){
         case 1:

src/views/leadMatch/weightMemo/HXYlist.vue

@@ -5,7 +5,7 @@
     </Toptitle>
     <div class="weight_memo_content">
       <div>
-        <Topsearch :list="list" @init="initData" @searchData="initData"/>
+        <Topsearch :list="list" @init="initData" @searchData="searchData" />
       </div>
       <div
         style="
@@ -15,27 +15,33 @@
           padding-top: 10px;
         "
       >
-        <Button type="primary" size="small" style="margin-right: 10px" @click="gotoPage(3)"
+        <Button
+          type="primary"
+          size="small"
+          style="margin-right: 10px"
+          @click="gotoPage(3)"
           >新增</Button
         >
       </div>
       <Table :columns="tableColumns" border :data="tableData">
-        <template slot="make_data" slot-scope="{row}">
-          <span>{{func.replaceDate(row.crt_time)}}</span>
+        <template slot="make_data" slot-scope="{ row }">
+          <span>{{ func.replaceDate(row.crt_time) }}</span>
         </template>
-     </Table>
+      </Table>
+    </div>
+    <div class="content_body_page">
+      <Page
+        :page-size-opts="[10, 20, 30, 40, 100]"
+        @on-page-size-change="changeSize"
+        @on-change="changePage"
+        :current="pageIndex"
+        show-total
+        show-elevator
+        :total="total"
+        show-sizer
+        :page-size="pageSize"
+      />
     </div>
-      <div class="content_body_page">
-          <Page :page-size-opts="[10, 20, 30, 40,100]"
-                @on-page-size-change='changeSize'
-                @on-change='changePage'
-                :current='pageIndex'
-                show-total
-                show-elevator
-                :total="total"
-                show-sizer
-                :page-size='pageSize' />
-        </div>
   </div>
 </template>
 <script>
@@ -49,7 +55,7 @@ export default {
           value: "",
           placeholder: "请输入项目编号",
           serverName: "project_number",
-          size:'default'
+          size: "default",
         },
         {
           title: "项目名称",
@@ -57,7 +63,7 @@ export default {
           value: "",
           placeholder: "请输入项目名称",
           serverName: "project_name",
-          size:'default'
+          size: "default",
         },
         {
           title: "项目简称",
@@ -65,7 +71,7 @@ export default {
           value: "",
           placeholder: "请输入项目简称",
           serverName: "abbreviation",
-          size:'default'
+          size: "default",
         },
         // {
         //   title: "匹配状态",
@@ -77,109 +83,227 @@ export default {
         //     { label: "匹配完成", value: 2 },
         //     { label: "未匹配", value: 0 },
         //      { label: "匹配中", value: 1 },
-        //   ] 
+        //   ]
         // },
       ],
       tableColumns: [
-        { title: "项目编码", key: "project_number", align: "center" , resizable: true,
-                        width: 350},
-        { title: "项目名称", key: "project_name", align: "center",  resizable: true,
-                        width: 350 },
-        { title: "项目简称", key: "abbreviation", align: "center", resizable: true,
-                        width: 350},
+        {
+          title: "项目编码",
+          key: "project_number",
+          align: "center",
+          resizable: true,
+          width: 350,
+        },
+        {
+          title: "项目名称",
+          key: "project_name",
+          align: "center",
+          resizable: true,
+          width: 350,
+        },
+        {
+          title: "项目简称",
+          key: "abbreviation",
+          align: "center",
+          resizable: true,
+          width: 350,
+        },
         // { title: "匹配状态", key: "state", align: "center", minWidth: 140,
         // render:(h,params)=>{
         //   return h('span',{},params.row.state===0?'未匹配':params.row.state===2?'匹配完成':'匹配中')
         // }},
-        { title: "制单日期", key: "make_data", align: "center",  resizable: true,
-                        width: 350,slot:"make_data"},
-        { title: "操作", key:'',align: "center", minWidth:150,
-         render: (h, params) => {
-                            return h('div', [
-                                h('a', { style: {
-                                        marginRight: '5px'
-                                    }, on: {
-                                        click: () => {
-                                            this.gotoPage(1,params.row)
-                                        }
-                                    }
-                                    }, '编辑'),
-                                h('a', { style: {
-                                        marginRight: '5px'
-                                    }, on: {
-                                        click: () => {
-                                            this.gotoPage(2,params.row)
-                                        }
-                                    }
-                                    }, '查看'),
-                                h('a',{ style: {
-                                        marginRight: '5px'
-                                    }, on: {
-                                        click: () => {
-                                            this.del(params.row)
-                                        }
-                                    }},'删除')
-                            ]);
-                        }},
+        {
+          title: "制单日期",
+          key: "make_data",
+          align: "center",
+          resizable: true,
+          width: 350,
+          slot: "make_data",
+        },
+        {
+          title: "操作",
+          key: "",
+          align: "center",
+          minWidth: 150,
+          render: (h, params) => {
+            return h("div", [
+              h(
+                "a",
+                {
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.gotoPage(1, params.row);
+                    },
+                  },
+                },
+                "编辑"
+              ),
+              h(
+                "a",
+                {
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.gotoPage(2, params.row);
+                    },
+                  },
+                },
+                "查看"
+              ),
+              h(
+                "a",
+                {
+                  style: {
+                    marginRight: "5px",
+                  },
+                  on: {
+                    click: () => {
+                      this.del(params.row);
+                    },
+                  },
+                },
+                "删除"
+              ),
+            ]);
+          },
+        },
       ],
       tableData: [],
-      pageIndex: 1,
-      pageSize: 10,
+      pageIndex: JSON.parse(localStorage.getItem("pageIndex")) || 1,
+      pageSize: JSON.parse(localStorage.getItem("pageSize")) || 10,
       total: 0,
     };
   },
+  mounted() {
+    if (localStorage.getItem("list")) {
+      this.list = JSON.parse(localStorage.getItem("list"));
+    }
+    if (localStorage.getItem("searchList")) {
+      this.$nextTick(() => {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      });
+    }
+  },
+  // beforeRouteLeave(to, from, next) {
+  //   if (to.path == "/cms/leadMatch/weightMemo/HXYedit") {
+  //     from.meta.keepAlive = false;
+  //     localStorage.setItem("list", JSON.stringify(this.list));
+  //     localStorage.setItem("pageSize", this.pageSize);
+  //     localStorage.setItem("pageIndex", this.pageIndex);
+  //     next();
+  //   } else {
+  //     localStorage.removeItem("list");
+  //     localStorage.removeItem("pageSize");
+  //     localStorage.removeItem("pageIndex");
+  //     from.meta.keepAlive = false;
+  //     next();
+  //   }
+  // },
   methods: {
+    searchData() {
+      this.pageIndex = 1;
+      this.pageSize = 10;
+      let row = {};
+      this.list.forEach((e) => {
+        if (e.serverName == "project_number") {
+          this.$set(row, "project_number", e.value);
+        }
+        if (e.serverName == "project_name") {
+          this.$set(row, "project_name", e.value);
+        }
+        if (e.serverName == "abbreviation") {
+          this.$set(row, "abbreviation", e.value);
+        }
+        // this.$set(对象, key, 数组);
+      });
+      localStorage.setItem("searchList", JSON.stringify(row));
+      this.initData(row);
+    },
     initData(row) {
-      this.axios.get('/api/cut_order_list',{params:{
-        page_index:this.pageIndex,page_size:this.pageSize,
-        order_type:1,
-        ...row}}).then(res=>{
-        this.tableData = res.data.data;
-        this.total = res.data.total
-      })
+      this.axios
+        .get("/api/cut_order_list", {
+          params: {
+            page_index: this.pageIndex,
+            page_size: this.pageSize,
+            order_type: 1,
+            ...row,
+          },
+        })
+        .then((res) => {
+          this.tableData = res.data.data;
+          this.total = res.data.total;
+        });
     },
-    del(row){
+    del(row) {
       this.confirmDelete({
-                content:'是否删除？',
-                title:'码单删除',
-                type:'primary',
-                then:()=>{
-                       this.axios.post('/api/cut_order_delete',{cut_order_id:row.id,order_type:1}).then(()=>{
-            this.initData()
-          })
-                },
-                cancel:()=>{}
+        content: "是否删除？",
+        title: "码单删除",
+        type: "primary",
+        then: () => {
+          this.axios
+            .post("/api/cut_order_delete", {
+              cut_order_id: row.id,
+              order_type: 1,
             })
-       
+            .then(() => {
+              this.initData();
+            });
+        },
+        cancel: () => {},
+      });
     },
-    gotoPage(type,row){
+    gotoPage(type, row) {
+      localStorage.setItem("list", JSON.stringify(this.list));
+      localStorage.setItem("pageSize", this.pageSize);
+      localStorage.setItem("pageIndex", this.pageIndex);
       //1 编辑 2 查看 3 新增
-      switch(type){
+      switch (type) {
         case 1:
-          case 2:this.$router.push({ path: '/cms/leadMatch/weightMemo/HXYedit', query: { type:type,cut_order_id:row.id} });
-          break
-          case 3:this.$router.push({ path: '/cms/leadMatch/weightMemo/HXYedit', query: { type:type} });
-          break
+        case 2:
+          this.$router.push({
+            path: "/cms/leadMatch/weightMemo/HXYedit",
+            query: { type: type, cut_order_id: row.id },
+          });
+          break;
+        case 3:
+          this.$router.push({
+            path: "/cms/leadMatch/weightMemo/HXYedit",
+            query: { type: type },
+          });
+          break;
       }
     },
-    changeSize (e) {
+    changeSize(e) {
       this.pageSize = e;
-      this.initData()
+        if (localStorage.getItem("searchList")) {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      }else{
+        this.initData()
+      } 
     },
-     changePage (e) {
+    changePage(e) {
       this.pageIndex = e;
-      this.initData()
+        if (localStorage.getItem("searchList")) {
+        this.initData(JSON.parse(localStorage.getItem("searchList")));
+      }else{
+        this.initData()
+      } 
     },
   },
 };
 </script>
 <style scoped lang='scss'>
-.weight_memo_content{
-    height: 80%;
-    overflow: auto;
+.weight_memo_content {
+  height: 80%;
+  overflow: auto;
 }
-.content_body_page{
-    margin-top: 10px;
-    text-align: center;
+.content_body_page {
+  margin-top: 10px;
+  text-align: center;
 }
 </style>

src/views/leadMatch/weightMemo/list.vue

@@ -23,9 +23,14 @@ export default {
       if (
         to.path == "/cms/leadMatch/weightMemo/HXYedit" || to.path == "/cms/leadMatch/weightMemo/BSTedit"
       ) {
+         from.meta.keepAlive = false;
         next();
       } else {
         from.meta.keepAlive = false;
+        localStorage.removeItem("list");
+        localStorage.removeItem("pageSize");
+        localStorage.removeItem("pageIndex");
+        localStorage.removeItem("searchList");
         next();
       }
     },