前端文件修正

exam-vue/src/views/sys/bookgl/index.vue

@@ -3,17 +3,10 @@
   @author D吕贺034244311
   @date 20260618
 -->
-
 <template>
+  <div class="app-container">
 
-  <div>
-
-    <data-table
-      ref="pagingTable"
-      :options="options"
-      :list-query="listQuery"
-      @multi-actions="handleMultiAction"
-    >
+    <data-table ref="pagingTable" :options="options" :list-query="listQuery" @multi-actions="handleMultiAction">
       <template #filter-content>
         <el-input v-model="listQuery.params.isbn" style="width: 200px" placeholder="搜索ISBN书号" class="filter-item"/>
         <el-input v-model="listQuery.params.bName" style="width: 200px" placeholder="搜索书名" class="filter-item"/>
@@ -34,14 +27,10 @@
             :value="item.value">
           </el-option>
         </el-select>
-
-
-        <!--        <el-input v-model="listQuery.params.qctype" style="width: 200px" placeholder="搜索器材种类" class="filter-item"/>-->
        <el-button class="filter-item" type="primary" @click="handleAdd">
                   <el-icon><Plus /></el-icon> 添加
                 </el-button>
       </template>
-<!--      表格-->
       <template #data-columns>
         <el-table-column type="selection" width="55"/>
 
@@ -71,8 +60,6 @@
             {{ $filters.xmDateFormat(scope.row.bPublicationTime) }}
           </template>
         </el-table-column>
-
-<!--        <el-table-column align="center" label="出版日期"  type="dateformatter" prop="bPublicationTime" />-->
         <el-table-column align="center" label="库存数量" prop="bNum" />
         <el-table-column align="center" label="介绍" prop="bIntroduce" />
         <el-table-column align="center" label="借阅次数" prop="bLendNum" />
@@ -90,10 +77,8 @@
         </el-table-column>
 
       </template>
-<!--      表格end-->
     </data-table>
 
-    <!--    新增按钮按下-->
     <el-dialog v-model="dialogVisible" title="书籍信息" width="500px">
       <el-form :model="formData" label-position="left" label-width="100px">
         <el-form-item label="Isbn书号">
@@ -180,7 +165,7 @@ export default {
         children: 'children'
       },
       qcglData: {},
-      dialogVisible: false,// 编辑是否显示
+      dialogVisible: false,
 
       listQuery: {
         current: 0,
@@ -193,18 +178,14 @@ export default {
         avatar: ''
       },
 
-      stateDicData:[],// 状态字典
-      tszlDicData:[],// 图书种类字典DIC_TSZL
+      stateDicData:[],
+      tszlDicData:[],
 
 
       options: {
-        //  列表请求URL
         listUrl: '/tsjxxb/controller/paging',
-        // 启用禁用
         stateUrl: '/tsjxxb/controller/state',
-        // 删除
         deleteUrl: '/tsjxxb/controller/delete',
-        //  批量操作列表
         multiActions: [
           {
             value: 'enable',
@@ -222,43 +203,32 @@ export default {
     }
   },
 
-  //  页面初始化
   created() {
     getSelectOptions('DIC_TSZL').then(response => {
-      //  图书种类字典
       this.tszlDicData = response.data
     })
 
     getSelectOptions('STATE').then(response => {
-      //  图书种类字典
       this.stateDicData = response.data
     })
 
 
   },
 
-// 方法
   methods: {
-    //  格式化字典
     dataFormatter,
 
-
-
    handleAdd() {
       this.formData = {}
       this.dialogVisible = true
       console.log('新增')
     },
 
-    //借出申请按钮按下
     handleUpdate(row) {
       this.dialogVisible = true
       this.formData = row
-      //  this.formData.roles = row.roleIds.split(',')
-      //this.formData.password = null
     },
 
-    //取消按钮按下
     handleUpCancel() {
       this.dialogVisible = false;
     },
@@ -267,7 +237,7 @@ export default {
       this.formData.id = data.id
       console.log(data + "----depart")
     },
-    // 确认按钮按下
+
     handleSave() {
       saveData(this.formData).then((response) => {
         this.$message({
@@ -282,7 +252,6 @@ export default {
       })
     },
 
-    //  批量操作监听
     handleMultiAction(obj) {
       if (obj.opt === 'cancel') {
         this.handleCancelOrder(obj.ids)