1

src/views/comment-excel/components/EditArea/EditArea.vue

@@ -107,6 +107,40 @@
       </vxe-table>
     </el-col>
 
+    <el-col :span="12">
+      <!-- dataTitles -->
+      <p class="table-des">结束区：</p>
+      <vxe-table
+        :row-config="{ isCurrent: true }"
+        border
+        :data="currentForm.endTitles"
+        size="mini"
+        max-height="200"
+        :edit-config="{ trigger: 'click', mode: 'cell' }"
+      >
+        <vxe-column title="单元格值" field="title" :edit-render="{}">
+          <template #edit="{ row }">
+            <el-input v-model="row.title" size="small"></el-input>
+          </template>
+        </vxe-column>
+        <vxe-column title="单元格" field="cell" width="90">
+          <template #default="{ row }">
+            {{ getRangetxt(row.row, row.row, row.colum, row.colum) }}
+          </template>
+        </vxe-column>
+        <vxe-column title="操作" field="action" width="50">
+          <template #default="{ row, $rowIndex }">
+            <el-link
+              style="font-size: 12px"
+              type="danger"
+              @click="delCaptionAndExclude(row, $rowIndex, 3)"
+              >删除</el-link
+            >
+          </template>
+        </vxe-column>
+      </vxe-table>
+    </el-col>
+
     <el-col :span="12">
       <!-- excelAreaTitle -->
       <p class="table-des">标题区：</p>
@@ -306,7 +340,7 @@ const delAreaTitle = (index: number) => {
 const delCaptionAndExclude = (row: any, index: number, type: number) => {
   delCapAndExc.value.push({ ...row, type })
   // 删除本行
-  ;(type == 1 ? currentForm.dataTitles : currentForm.excludeTitles).splice(index, 1)
+  ;(type == 1 ? currentForm.dataTitles : type == 2 ? currentForm.excludeTitles : currentForm.endTitles).splice(index, 1)
 }
 const delGroupAreaTitle = (index: number) => {
   attchInfo.areaTitles.splice(index, 1)