diff --git a/src/views/BookView.vue b/src/views/BookView.vue
index 337a818ace16c0f4318f6f158297d03d51ceacdb..177e1a7419b075189d501e370ce2c264ce02baa1 100644
--- a/src/views/BookView.vue
+++ b/src/views/BookView.vue
@@ -27,6 +27,8 @@
         <el-table-column prop="author" label="作者"></el-table-column>
         <el-table-column prop="price" label="价格"></el-table-column>
         <el-table-column prop="press" label="出版社"></el-table-column>
+        <el-table-column prop="typeName" label="图书分类"></el-table-column>
+
 
 
         <el-table-column label="操作">
@@ -75,6 +77,19 @@
           <el-form-item label="出版社:" label-width="20%">
             <el-input v-model="form.press"  autocomplete="off" style="width: 90%"></el-input>
           </el-form-item>
+
+
+          <el-form-item label="图书分类:" label-width="20%">
+            <el-select v-model="form.typeId" placeholder="请选择"  style="width: 90%">
+              <el-option
+                  v-for="item in typeObjs"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
           <el-form-item label="封面:" label-width="20%">
 
             <el-upload action="http://localhost:8080/api/files/upload" :on-success="successUpload">
@@ -83,6 +98,9 @@
             </el-upload>
 
           </el-form-item>
+
+
+
         </el-form>
         <div slot="footer" class="dialog-footer">
           <el-button @click="dialogFormVisible = false">取 消</el-button>
@@ -105,6 +123,7 @@ export default {
   data() {
     return {
       tableData: [],
+      typeObjs:[],
       form: {},
       params: {
         pageNum: 1,
@@ -120,6 +139,7 @@ export default {
   //页面加载的时候在此函数做一些事情
   created() {
     this.findBySearch()
+    this.findTypes()
   },
 
   //方法
@@ -211,7 +231,20 @@ export default {
     down(flag){
       location.href = 'http://localhost:8080/api/files/' + flag
 
-    }
+    },
+
+    findTypes(){
+      request.get("/type/findAllType").then(res => {
+        if (res.code === '0') {
+          this.typeObjs = res.data;
+        }else {
+          this.$message.error(res.msg);
+
+        }
+
+      })
+
+    },