feats

src/pages/system/library/books/list.vue

     <div>
       <el-form inline>
         <el-form-item label="案场">
-          <el-select v-model="caseId" size="medium" placeholder="请选择案场" @change="filterList">
+          <el-select v-model="caseId" size="medium" placeholder="请选择案场">
             <el-option
               v-for="item in cases"
               :key="item.CaseId"
           <el-input v-model="bookName"></el-input>
         </el-form-item>
         <el-form-item :style="{ float: 'right' }">
-          <el-button type="primary" size="medium">搜索</el-button>
+          <el-button type="primary" size="medium" @click="filterList">搜索</el-button>
         </el-form-item>
       </el-form>
     </div>
       <el-button type="text" size="medium">点击下载导入模板</el-button>
       <div :style="{ margin: '10px 0' }">
         <el-table :data="list" border style="width: 100%">
-          <el-table-column label="图片" width="250">
+          <el-table-column label="图片" width="128">
             <template slot-scope="scope">
-              <img width="150" :src="scope.row.BookImg" alt>
+              <img width="64" :src="scope.row.BookImg" alt>
             </template>
           </el-table-column>
           <el-table-column prop="BookBarcode" label="条码"></el-table-column>
     // 查询过滤
     filterList({ page = 0 } = {}) {
       const caseId = this.caseId || this.defaultCase
-      this.getTypeList({ page: 0, pagesize: 1000, CaseId: caseId })
+      this.getTypeList({ page: 0, pagesize: 1000, caseid: caseId })
 
       this.getList({
         page,
-        CaseId: caseId,
-        BookBarcode: this.bookBarcode,
-        BookName: this.bookName
+        caseid: caseId,
+        barcode: this.bookBarcode,
+        name: this.bookName
       }).catch(err => {
         this.$message({
           showClose: true,

src/pages/system/library/books/types/detail.vue

         <el-input v-model="formData.BookTypeName" :style="{ width: '200px' }"></el-input>
       </el-form-item>
       <el-form-item :style="{ paddingTop: '40px' }">
-        <el-button type="primary" @click="submit()">立即创建</el-button>
+        <el-button type="primary" @click="submit()">保存</el-button>
         <el-button @click="$router.back()">取消</el-button>
       </el-form-item>
     </el-form>
   created() {
     const id = this.$route.params.id
     if (id) {
-      this.getInfo({
-        BookTypeId: id
-      }).catch(err => {
+      this.getInfo({ id }).catch(err => {
         this.$message({
           showClose: true,
           message: err,

src/store/library/index.js

       if (!!list) { // eslint-disable-line
         state.type.list = list
         state.type.pagenum = pagenum
+      } else {
+        state.type.list = []
+        state.type.pagenum = 0
+      }
+    },
+    deleteTypeList (state, payload = {}) {
+      state.type.list = state.type.list.filter(x => x.BookTypeId === payload.BookTypeId)
+    },
+    setBookList (state, payload) {
+      const { list, pagenum } = payload || {}
+      if (!!list) { // eslint-disable-line
+        state.list = list
+        state.pagenum = pagenum
+      } else {
+        state.list = []
+        state.pagenum = 0
       }
     },
   },
       })
     },
     getTypeList ({ commit }, payload) {
-      console.log(api.bookType.list)
-
       return new Promise((resolve, reject) => {
         ajax({
           ...api.bookType.list,
           .catch(({ message }) => reject(message))
       })
     },
-    getTypeDetail ({ commit }, payload) {
+    getTypeDetail ({ commit }, payload = {}) {
       return new Promise((resolve, reject) => {
-
+        ajax({
+          ...api.bookType.detail,
+          urlData: { ...payload },
+        }).then((x) => {
+          commit('mergeTypeDetail', x)
+          resolve(x)
+        })
+          .catch(({ message }) => reject(message))
       })
     },
     updateTypeDetail ({ commit }, payload = {}) {
     },
     deleteType ({ commit }, payload) {
       return new Promise((resolve, reject) => {
-
+        ajax({
+          ...api.bookType.delete,
+          urlData: { id: payload.BookTypeId },
+        }).then(() => {
+          commit('deleteTypeList', payload)
+          resolve()
+        })
+          .catch(({ message }) => reject(message))
       })
     },
     getBookList ({ commit }, payload) {
       return new Promise((resolve, reject) => {
-
+        ajax({
+          ...api.book.list,
+          queryData: payload,
+        }).then((x) => {
+          console.log(x)
+          commit('setBookList', x)
+          resolve(x)
+        })
+          .catch((err) => console.log(err) && reject(err.message))
       })
     },
     getBookDetail ({ commit }, payload) {

src/util/api.js

       method: 'post',
       url: `${baseUrl}${common}/booktype`
     },
+    delete: {
+      method: 'delete',
+      url: `${baseUrl}${common}/booktype/:id`
+    },
+  },
+  book: {
+    list: {
+      method: 'get',
+      url: `${baseUrl}${common}/book`
+    },
+    detail: {
+      method: 'get',
+      url: `${baseUrl}${common}/book/:id`
+    },
+    save: {
+      method: 'post',
+      url: `${baseUrl}${common}/book`
+    },
+    update: {
+      method: 'post',
+      url: `${baseUrl}${common}/book`
+    },
+    delete: {
+      method: 'delete',
+      url: `${baseUrl}${common}/book/:id`
+    },
   },
 }
 export default $api