2312

src/renderer/src/App.vue

@@ -44,8 +44,8 @@
               </el-row>
               <el-row>
                 <el-col>
-                  <el-table stripe :data="addTableData" show-tool border
+                  <el-table stripe :data="addTableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
-                    style="width: 100%;height: calc(100vh - 72px);">
+                    show-tool border style="width: 100%;height: calc(100vh - 165px);">
                     <el-table-column type="index" width="80" />
                     <template v-for="(headerItem, heraderIndex) in addTableHeader">
                       <el-table-column :label="headerItem.label" show-overflow-tooltip v-if="!headerItem.hidden"
@@ -70,6 +70,11 @@
                     </el-table-column>
                   </el-table>
                 </el-col>
+                <el-col>
+                  <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize"
+                    :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper"
+                    :total="addTableData.length" style="justify-content: center;" />
+                </el-col>
               </el-row>
             </div>
           </div>
@@ -291,6 +296,8 @@ export default {
       minData: {},
       qishu: 1,
       fileOriData: [],
+      currentPage: 1,
+      pageSize: 10,
     }
   },
   watch: {
@@ -369,9 +376,11 @@ export default {
       let minDataLocal = {}
       let maxingIndex = _.findIndex(this.addTableData, o => o.xiangmu === this.newItem.xiangmu)
       if (maxingIndex - this.qishu < -1) {
-        ElMessage.error("数据不足，请先添加数据")
+        ElMessage.error(`当前数据超出了最大期数${maxingIndex + 1}，已自动调整为最大期数`)
-        this.clickLeft("1")
+        this.addTableData[maxingIndex]["qishu"] = maxingIndex + 1
-        return
+        this.qishu = maxingIndex + 1
+        // this.clickLeft("1")
+        // return
       }
       if (val !== "all") {
         this.allJifenData = this.dealOneJifen(val)
@@ -449,7 +458,7 @@ export default {
       let allData = _.cloneDeep(this.allDataObj[maxingItem.name])
       let posArrList = []
       for (let i = 0; i < qishu; i++) {
-        let item = addTableData[maxingIndex - i]
+        let item = _.get(addTableData, [maxingIndex - i], addTableData[0])
         posArrList.push([item.pos1, item.pos2, item.pos3, item.pos4, item.pos5, item.pos6, item.pos7, item.pos8, item.pos9, item.pos10])
       }
       // 先把所有积分加载出来
@@ -662,8 +671,11 @@ export default {
       fileReader.readAsArrayBuffer(file)
     },
     exportData() {
+      let length = this.addTableData.length
+      ElMessage.success(`正在导出${length}条数据，请稍后`)
+      setTimeout(() => {
         let lilstLocal = []
-      for (let i = 0; i < this.addTableData.length; i++) {
+        for (let i = 0; i < length; i++) {
           let newItem = this.addTableData[i];
           let { alljifen, minData } = this.dealAllJifen(newItem, this.addTableData)
           let count = 0
@@ -703,6 +715,7 @@ export default {
           }
         };
         xlsx.writeFile(workBook, `导出数据${dayjs().format("YYYY-MM-DD_HH-mm-ss")}.xlsx`);
+      }, 1000)
     },
     clearData() {
       this.addTableData = []