添加删除功能，修改数据显示

src/views/remote/satellite/index.vue

@@ -22,13 +22,20 @@
         />
         <!-- </el-col> -->
       </el-form-item>
-
-      <el-form-item label="活动时间">
+      <el-form-item label="文件名称">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入文件名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="数据日期">
         <el-col :span="11">
           <el-date-picker
             type="date"
-            placeholder="选择日期"
-            v-model="queryParams.filetime"
+            placeholder="选择开始日期"
+            v-model="queryParams.beginTime"
             style="width: 100%"
             value-format="yyyy-MM-dd"
           ></el-date-picker>
@@ -37,21 +44,14 @@
         <el-col :span="11">
           <el-date-picker
             type="date"
-            placeholder="选择日期"
-            v-model="queryParams.readtime"
+            placeholder="选择截止日期"
+            v-model="queryParams.endTime"
             style="width: 100%"
             value-format="yyyy-MM-dd"
           ></el-date-picker>
         </el-col>
       </el-form-item>
-      <el-form-item label="文件名称">
-        <el-input
-          v-model="queryParams.name"
-          placeholder="请输入文件名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+     
       <el-form-item>
         <el-button
           type="primary"
@@ -138,9 +138,16 @@
     <el-table
       v-loading="loading"
       :data="pcsjList"
-      @selection-change="handleSelectionChange"
+     
     >
-      <el-table-column type="selection" width="55" align="center" />
+    <!-- @selection-change="handleSelectionChange" -->
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
+      <!-- <el-table-column label="序号" align="center" prop="index" /> -->
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+          <span>{{scope.$index + 1}}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="文件名称" align="center" prop="name" />
       <el-table-column label="区县名称" align="center" prop="xzqmc" />
       <el-table-column
@@ -164,8 +171,8 @@
           <!-- <span>{{ scope.row.spotssize }}</span> -->
         </template>
       </el-table-column>
-
-      <el-table-column label="录入时间" align="center" prop="filetime" />
+      <el-table-column label="上传时间" align="center" prop="readtime" />
+      <el-table-column label="数据日期" align="center" prop="filetime" />
       <el-table-column
         label="操作"
         align="center"
@@ -189,6 +196,14 @@
             v-hasPermi="['supervise:pcsj:list']"
             >下载</el-button
           >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['supervise:pcsj:remove']"
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
@@ -346,8 +361,8 @@ export default {
         pageSize: 10,
         name: "", //文件名称
         xzqdm: undefined, //区县编码
-        filetime: "", //录入时间
-        readtime: "", //处理时间
+        beginTime: "", //录入时间
+        endTime: "", //处理时间
       },
       // 表单参数
       form: {
@@ -496,8 +511,8 @@ export default {
         pageSize: 10,
         name: "", //文件名称
         xzqdm: "", //区县名称
-        filetime: "", //录入时间
-        readtime: "", //处理时间
+        beginTime: "", //录入时间
+        endTime: "", //处理时间
       }),
         this.handleQuery();
     },
@@ -550,9 +565,11 @@ export default {
     },
     /** 删除按钮操作 */
     handleDelete(row) {
+      console.log(row)
       const ids = row.id || this.ids;
+      const idname = row.name;
       this.$modal
-        .confirm('是否确认删除监管批次数据编号为"' + ids + '"的数据项？')
+        .confirm('是否确认删除监管批次数据名称为"' + idname + '"的数据项？')
         .then(function () {
           return delPcsj(ids);
         })