案件录入页面优化

src/views/caseAccessAll/batchFiling.vue

@@ -49,11 +49,7 @@
         >
       </el-col>
     </el-row>
-    <el-table
-      v-loading="loading"
-      :data="list.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
-      style="width: 100%"
-    >
+    <el-table v-loading="loading" :data="batchList" style="width: 100%">
       <el-table-column label="序号" type="index" align="center">
         <template slot-scope="scope">
           <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
@@ -78,7 +74,7 @@
         prop="filingDate"
         :show-overflow-tooltip="true"
       />
-      <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" />
+      <!-- <el-table-column label="仲裁方式" align="center" prop="ArbitrateMethod" /> -->
       <el-table-column label="案件状态" align="center" prop="caseStatus" />
       <el-table-column
         label="操作"
@@ -102,6 +98,14 @@
             v-hasPermi="['monitor:online:forceLogout']"
             >详情</el-button
           >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="deleteRow(scope.row)"
+            v-hasPermi="['monitor:online:forceLogout']"
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -127,7 +131,9 @@
             </el-form-item>
           </el-col>
           <el-col :span="8">
-            <el-button type="primary" @click="downloadTemplate">下载模板</el-button>
+            <el-button type="primary" @click="downloadTemplate"
+              >下载模板</el-button
+            >
           </el-col>
           <!-- <el-col :span="12">
             <el-form-item label="立案申请书：" prop="applybook"> </el-form-item>
@@ -174,7 +180,7 @@ export default {
       // 总条数
       total: 0,
       // 表格数据
-      list: [],
+      batchList: [],
       pageNum: 1,
       pageSize: 10,
       // 查询参数
@@ -207,16 +213,7 @@ export default {
       },
       starttime: "", //开始时间
       endtime: "", //结束时间
-      fileList: [
-        // {
-        //   name: "food.jpeg",
-        //   url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
-        // },
-        // {
-        //   name: "food2.jpeg",
-        //   url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
-        // },
-      ],
+      fileList: [],
     };
   },
   created() {
@@ -226,11 +223,22 @@ export default {
     /** 查询登录日志列表 */
     getList() {
       this.loading = true;
-      list(this.queryParams).then((response) => {
-        this.list = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
+      this.batchList = [
+        {
+          id: 1,
+          caseNumber: "5644456",
+          applicant: "韩某某",
+          matterofCase: "5000",
+          filingDate: "2023-9-3",
+          // ArbitrateMethod: '线上',
+          caseStatus: "未开庭",
+        },
+      ];
+      // list(this.queryParams).then((response) => {
+      //   this.list = response.rows;
+      //   this.total = response.total;
+      this.loading = false;
+      // });
     },
     /** 搜索按钮操作 */
     handleQuery() {
@@ -257,9 +265,21 @@ export default {
     editRow() {},
     // 详情
     detailRow() {},
+    // 删除
+    deleteRow(row) {
+      // const id = row.id;
+      this.$modal
+        .confirm("是否确认删除？")
+        .then()
+        .then(() => {
+          // this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
     // 下载模板
     downloadTemplate() {
-        console.log('下载模板');
+      console.log("下载模板");
     },
     handleRemove(file, fileList) {
       console.log(file, fileList);