feats

src/components/tableSearch/index.vue

 <template>
-  <div class="tableSearch flex-h">
-    <div class="flex-item">
-      <el-input
-        :placeholder="value==undefined ? '请输入内容' : value"
-        v-model="key"
-        clearable>
-      </el-input>
-    </div>
-    <el-button
-        size="mini"
-        type="primary" @click="search">搜索</el-button>
-  </div>
+  <el-form inline label-width="80px" >
+    <el-form-item label="姓名">
+      <el-input size="small" v-model="name"></el-input>
+    </el-form-item>
+    <el-form-item label="手机号">
+      <el-input size="small" v-model="phone"></el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-button size="small" type="primary" @click="search">搜索</el-button>
+    </el-form-item>
+  </el-form>
 </template>
 
 <script>
   props: ['value'],
   data () {
     return {
-      key: ''
+      name: '',
+      phone: ''
     }
   },
   mounted () {
   },
   methods: {
     search () { // 搜索
-      this.$emit('exportSearchKey', this.key)
+      this.$emit('exportSearchKey', { name: this.name, phone: this.phone })
     },
   }
 }

src/pages/system/dataStatistics/frontEndUserList/index.vue

       total: 0,
       postData: { // 表格搜索条件
         phone: '', // 手机号
+        username: '',
         page: 1, // 当前页码
         pagesize: 10, // 请求数据量
       },
     handleCurrentChange (val) {
       this.getList()
     },
-    searchList (key) { // 搜索列表
-      this.postData.phone = key
+    searchList ({ name, phone } = {}) { // 搜索列表
+      this.postData.username = name
+      this.postData.phone = phone
       this.postData.page = 1
       this.getList()
     },

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

         caseid: caseId,
         barcode: this.formData.bookBarcode,
         name: this.formData.bookName
+      }).then(({ list }) => {
+        if (!list) {
+          this.$message({
+            showClose: true,
+            message: '未查询到数据',
+            type: 'error'
+          })
+        }
       }).catch(err => {
         this.$message({
           showClose: true,

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

     }),
 
     filterList({ page = 0 } = {}) {
-      const caseId = this.formData.caseId || this.defaultCase
+      const caseId = this.formData.caseid || this.defaultCase
       if (!caseId) {
         this.$message({
           showClose: true,

src/pages/system/library/borrow/borrow.vue

         </el-table-column>
         <el-table-column prop="BookBarcode" label="条形码"></el-table-column>
         <el-table-column prop="BookName" label="书名"></el-table-column>
-        <el-table-column prop="BookTypeName" label="分类"></el-table-column>
+        <el-table-column label="分类">
+          <template slot-scope="scope">
+            <span>{{ getTypeName(scope.row.BookTypeId) }}</span>
+          </template>
+        </el-table-column>
         <el-table-column prop="LeftNum" label="可借数量"></el-table-column>
         <el-table-column prop="BorrowDays" label="规定借阅天数"></el-table-column>
       </el-table>
     }),
     ...mapLibSate({
       list: s => s.list,
+      types: s => s.type.list,
       borrowHistory: s => s.borrow.history,
     }),
     caseId: {
     ...mapActions({
       getBorrowHistory: 'getBorrowHistory',
       getList: 'getBookList',
+      getTypeList: 'getTypeList',
       borrowBooks: 'borrowBooks'
     }),
 
         return
       }
 
+      this.getTypeList({ page: 0, pagesize: 1000, caseid: this.formData.caseid })
+
       this.getList({
         ...this.formData,
         // customerphone: this.borrowHistory.Phone,
         })
         .catch(x => x)
     },
+
+    getTypeName(id) {
+      return (this.types.filter(x => x.BookTypeId === id)[0] || {}).BookTypeName
+    },
   }
 }
 </script>