xcx

src/pages/system/caseManager/caseInfo/index.vue

       total: 0,
       postData: { // 表格搜索条件
         name: '', // 案场名称
-        page: 0, // 当前页码
+        page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
       currentList: []
     searchList (key) { // 搜索列表
       this.postData.name = key
       this.currentList = []
-      this.postData.page = 0
+      this.postData.page = 1
       this.getList()
     }
   }

src/pages/system/caseManager/keyManager/index.vue

         <ul>
           <li>
             <span>选择案场：</span>
-            <el-select v-model="tableSearch.caseId" placeholder="请选择">
+            <el-select v-model="CaseId" placeholder="请选择">
               <el-option
-                v-for="item in caseList"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value">
+                v-for="item in cases"
+                :key="item.CaseId"
+                :label="item.CaseName"
+                :value="item.CaseId">
               </el-option>
             </el-select>
           </li>
         </ul>
-        <tableSearch value="请输入锁柜编号" @exportSearchKey="searchList"></tableSearch>
+        <el-button
+          size="mini"
+          type="primary" @click="search">搜索</el-button>
       </div>
       <div class="moreFilter"></div>
     </div>
     <div class="system-table-box">
       <el-table
-        :data="tableData"
+        :data="currentList"
         stripe
         style="width: 100%">
         <el-table-column
       </el-table>
     </div>
     <el-pagination
-      @size-change="handleSizeChange"
       @current-change="handleCurrentChange"
-      :current-page.sync="currentPage"
-      :page-size="10"
+      :current-page.sync="postData.page"
+      :page-size="postData.pagesize"
       layout="prev, pager, next, jumper"
-      :total="100">
+      :total="total">
     </el-pagination>
     <el-dialog title="钥匙绑定" :visible.sync="dialogTableVisible">
       <ul class="cutBindType">
 </template>
 
 <script>
-import { createNamespacedHelpers } from 'vuex'
-import tableSearch from '@/components/tableSearch/index'
-
-const { mapState: mapCaseState } = createNamespacedHelpers('case')
+import { mapState } from 'vuex'
 
 export default {
   name: '',
         name: '王小虎',
         address: '上海市普陀区金沙江路 1518 弄'
       }],
-      currentPage: 0, // 当前页码
-      tableSearch: { // 表格搜索条件
-        key: '', // 搜索关键字
-        caseId: '', // 案场id
+      total: 0,
+      postData: { // 表格搜索条件
+        CaseId: '', // 案场id
+        page: 1, // 当前页码
+        pagesize: 10, // 请求数据量
       },
-      tableData: [{
-        lockersId: 'xxx',
-        currentUser: 'xxx',
-        status: 'xxx'
-      }, {
-        lockersId: 'xxx',
-        currentUser: 'xxx',
-        status: 'xxx'
-      }, {
-        lockersId: 'xxx',
-        currentUser: 'xxx',
-        status: 'xxx'
-      }, {
-        lockersId: 'xxx',
-        currentUser: 'xxx',
-        status: 'xxx'
-      }]
+      currentList: [],
     }
   },
-  computed: {
-    ...mapCaseState({
-      caseList: x => x.caseList,
-    })
+  created () {
+    this.getList()
   },
-  components: {
-    tableSearch,
+  computed: {
+    ...mapState({
+      cases: x => x.app.cases.list,
+      defaultCaseId: x => x.app.cases.default
+    }),
+    CaseId: {
+      get () {
+        return this.postData.CaseId || this.defaultCaseId
+      },
+      set (val) {
+        this.postData.CaseId = val
+      }
+    }
   },
   methods: {
     sureBindPhone () { // 确认绑定手机号
       this.showCardList = true
     },
-    handleSizeChange (val) {
-      console.log(`每页 ${val} 条`)
+    search () { // 搜索
+      this.postData.page = 1
+      this.currentList = []
+      this.getList()
     },
-    handleCurrentChange (val) {
-      console.log(`当前页: ${val}`)
+    getList () { // 获取列表
+      this.$ajax(this.$api.caseManager.getKeyList.url, {
+        method: this.$api.caseManager.getKeyList.method,
+        queryData: { ...this.postData, CaseId: this.CaseId }
+      }).then(res => {
+        this.currentList = res.list
+        this.postData.page = res.page
+        this.total = res.pagenum
+      })
+    },
+    handleCurrentChange (val) { // 跳转到分页
+      this.getList()
     },
     bindItem (index, row) { // 绑定
       console.log(index, row)
         })
       })
     },
-    searchList (key) { // 搜索列表
-      console.log(key)
-    }
   }
 }
 </script>

src/pages/system/channelManager/channelList/index.vue

       total: 0,
       postData: { // 表格搜索条件
         CaseId: '', // 案场id
-        page: 0, // 当前页码
+        page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
       currentList: []
   },
   methods: {
     search () { // 搜索
-      this.postData.page = 0
+      this.postData.page = 1
       this.currentList = []
       this.getList()
     },
       })
     },
     handleCurrentChange (val) { // 跳转到分页
-      this.postData.page = val - 1
       this.getList()
     },
     handleEdit (index, row) { // 编辑

src/pages/system/goodsManager/goodsSpecManager/index.vue

       total: 0,
       postData: { // 表格搜索条件
         CaseId: '', // 案场id
-        page: 0, // 当前页码
-        pagesize: 10, // 请求数据量
+        page: 1, // 当前页码
+        pagesize: 3, // 请求数据量
       },
       currentList: []
     }
   },
   methods: {
     search () { // 搜索
-      this.postData.page = 0
+      this.postData.page = 1
       this.currentList = []
       this.getList()
     },

src/pages/system/goodsManager/goodsTypeManager/index.vue

       total: 0,
       postData: { // 表格搜索条件
         CaseId: '', // 案场id
-        page: 0, // 当前页码
+        page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
       currentList: []
   },
   methods: {
     search () { // 搜索
-      this.postData.page = 0
+      this.postData.page = 1
       this.currentList = []
       this.getList()
     },

src/util/api.js

       method: 'put',
       url: `${baseUrl}/common/case/info/:id`
     },
+    getKeyList: { // 获取钥匙列表
+      method: 'get',
+      url: `${baseUrl}/common/case/key`
+    },
   },
   goodsManager: {
     getGoodsSpecList: { // 商品规格列表