From 2a7e4734949f47b23e44b8df3ffbb5c83bf68397 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=AF=E5=B0=8F=E7=8E=8B=E5=91=80=5C24601?=
 <819653817@qq.com>
Date: Tue, 25 Feb 2025 13:40:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E5=B8=83=E4=BB=BB=E5=8A=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../base/smartExcel/cpts/picture-Info.vue     |  71 ++--
 .../base/smartExcel/cpts/share-excel.vue      | 329 ++++++++++++++++++
 .../modules/base/smartExcel/sharedSpace.vue   |  14 +-
 3 files changed, 363 insertions(+), 51 deletions(-)
 create mode 100644 src/views/modules/base/smartExcel/cpts/share-excel.vue

diff --git a/src/views/modules/base/smartExcel/cpts/picture-Info.vue b/src/views/modules/base/smartExcel/cpts/picture-Info.vue
index c8bf50762..817b18f87 100644
--- a/src/views/modules/base/smartExcel/cpts/picture-Info.vue
+++ b/src/views/modules/base/smartExcel/cpts/picture-Info.vue
@@ -1,42 +1,23 @@
 <template>
-    <div>
+    <div style="margin: 50px; text-align: center; ">
         <div class="dialog-h-content scroll-h">
-            <el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form">
-                <el-row>
+            <div class="flex" style="display: flex; flex-direction: column;height: 400px;">
+                <img :src="formData.src" style="height: 200px; width: 250px;margin-bottom: 20px;">
+                <span style="text-align: left;margin-bottom: 20px;">{{ formData.title }}</span>
+                <span style="text-align: left; color: #94a1b7;margin-bottom: 20px;">{{ formData.title }}</span>
+                <span style="text-align: left; color: #94a1b7;margin-bottom: 20px;">图片尺寸：{{ formData.title }} 文件大小：{{ formData.title }}
+                    文件格式:{{ formData.title }}</span>
+                <el-button type="primary"  style=" text-align: left;width: 70px;" @click="handleComfirm">下 载</el-button>
+            </div>
+
 
-                    <el-col :span="24">
-                        <el-form-item label="图片集名称" prop="title" label-width="150px">
-                            <el-input v-model.trim="formData.title" size="small" clearable placeholder="请输入图片集名称(30字以内)"
-                                class="u-item-width-normal"></el-input>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="24">
-                        <el-form-item label="图片集封面" label-width="150px" prop="fileList">
-                            <template>
-                                <upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList"
-                                    @file-removed="removedImg"></upload-image>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                    
-                    <el-col :span="24">
-                        <el-form-item label-width="150px" label="共享范围" prop="columnId">
-                            <el-select v-model="formData.columnId" placeholder="仅本组织内共享" clearable>
-                                <el-option v-for="item in sharingScopeList" :key="item.value" :label="item.label"
-                                    :value="item.value">
-                                </el-option>
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-            </el-form>
         </div>
-        <div class="div_btn">
+        <!-- <div class="div_btn">
             <el-button size="small" @click="handleCancle">取 消</el-button>
             <el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable"
                 @click="handleComfirm">确 定</el-button>
 
-        </div>
+        </div> -->
     </div>
 </template>
  
@@ -62,26 +43,11 @@
     data() {
         return {
             fileList:[],
-            sharingScopeList:[
-            {
-                    value:"0",
-                    label:"仅本部门内共享"
-                },
-                {
-                    value:"1",
-                    label:"本级和直接下级组织共享"
-                },
-                {
-                    value:"2",
-                    label:"本级和直接上级组织共享"
-                },
-                {
-                    value:"3",
-                    label:"本级和直接上下级组织共享"
-                },
-            ],
             formData:
             {
+                id:"1001",
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                title:"嘉定山社区网格巡查"
             },
             corganizerList: [],
             uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
@@ -211,7 +177,12 @@
  
 
         async handleComfirm() {
-           this.addActivity()
+            const link = document.createElement('a');
+            link.href = this.formData.src;
+            link.download = this.formData.title;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
         },
         async addActivity() {
                 let url = '/voluntary/newsTrends/saveOrUpdate'
diff --git a/src/views/modules/base/smartExcel/cpts/share-excel.vue b/src/views/modules/base/smartExcel/cpts/share-excel.vue
new file mode 100644
index 000000000..ff729377c
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/share-excel.vue
@@ -0,0 +1,329 @@
+<template>
+    <div class='flex'>
+      <div :class="['flex', 'flex-y', 'flex1', sheetTotal ? 'luckysheet-wrap' : 'luckysheet-wrap-all']">
+        <div class="top_btn flex flex-end">
+          <div>
+            <el-button type="text" round @click="handelClickBack" 
+              icon="el-icon-back">返回</el-button>
+              <el-button type="warning"  @click="handleClickInspect">上传统计模板
+                </el-button>
+            <el-button type="success" @click="onClickUplond()"> 数据列表导出</el-button>
+          </div>
+          <div>
+            <el-button type="danger"
+              @click="handleClickCurrencyEvent('rejected')"> 取消</el-button>
+            <el-button type="primary" 
+              @click="handleClickCurrencyEvent('submit')"> 提交</el-button>
+          </div>
+        </div>
+        <div id="luckysheet"></div>
+      </div>
+      <el-dialog title="数据列表导出" v-if="showUploadData" :visible.sync="showUploadData" width="60%"
+        :close-on-click-modal="false">
+        <excelUploadData @handleUploadDataHide="handleUploadDataHide" :currentTable="currentTable"
+          :btnLoading="btnLoading">
+        </excelUploadData>
+      </el-dialog>
+    </div>
+  </template>
+  <script>
+  import excelUploadData from './excel-upload-data.vue';
+  import LuckyExcel from 'luckyexcel';
+  import options from "@/utils/luckysheetConfig.js";
+  import { mapGetters } from 'vuex'
+  import { requestPost, requestGet } from "@/js/dai/request";
+  import nextTick from "dai-js/tools/nextTick";
+  
+  
+  export default {
+    data() {
+      return {
+        showUploadData: false,
+        menuList: [],
+        menuActive: 0,
+        socket: null,
+        currentTable: null,
+        currentId: '',
+        btnLoading: false,
+      };
+    },
+    props: {
+      workbookId: {
+        type: String,
+        default: ''
+      },
+      pageType: {
+        type: String,
+        default: ''
+      },
+      sheetTotal: {
+        type: Boolean,
+        default: false
+      },
+      infoObj: {
+        type: Object,
+        default: () => { }
+      },
+      mergeObj: {
+        type: Object,
+        default: () => { }
+      },
+      userId: {
+        type: String,
+        default: ''
+      },
+      taskStateName: {
+        type: String,
+        default: ""
+      },
+    },
+    computed: {
+      tableHeight() {
+        return (this.clientHeight - 140) + 'px'
+      },
+      ...mapGetters(['clientHeight', 'resolution']),
+    },
+    async created() {
+  
+    },
+    watch: {},
+    async mounted() {
+      console.log( "dskjlfsdklf");
+      // if (this.sheetTotal) {
+      //   this.currentId = this.workbookId;
+      //   this.loadWorkBook()
+      // } else {
+      //   this.getTaskList()
+      // }
+      this.loadWorkBook()
+    },
+    methods: {
+      handleClickCurrencyEvent(){
+        var objsheet = luckysheet.getAllSheets()[0] // 得到表的数据
+        console.log(objsheet,"打算离开房间四点零分");
+        
+        // this.options = objsheet // 将表的数据保存本地
+        // this.postsheet()
+      },
+      // async postsheet() {
+      //   var strsheet = await JSON.stringify(this.options)// 对象转化为字符串
+      //   const sheetinfo = { id: 1, filename: strsheet }// 拼接成对象
+      //   // await updata(sheetinfo)// 传递对象后台
+      // },
+  
+      async handleClickInspect() {
+        // 获取celldata并转换为list
+        const list = luckysheet.getAllSheets()[0].celldata.map(item => ({
+          r: item.r,
+          c: item.c,
+          v: item.v.v || ''
+        }));
+        // 发送请求获取异常数据
+        let { data, code, msg } = await requestPost('/actual/base/intelligentImportData/checkData', list);
+        if (code === 0) {
+          if (data && data.length > 0) {
+            for (const { r, c } of data) {
+              luckysheet.setCellFormat(r, c, 'bg', '#f5504a');
+            }
+            const findArr = this.findUniqueElements(luckysheet.getAllSheets()[0].celldata, data);
+            findArr.forEach(({ r, c, v }) => {
+              if (v.bg === "#f5504a") {
+                luckysheet.setCellFormat(r, c, 'bg', '#ffffff');
+              }
+            });
+          } else {
+            this.$message.success('没有找到异常');
+          }
+        }
+      },
+  
+      findUniqueElements(A, B) {
+        // 创建B中r和c组合的键集合
+        const bCombinations = new Set(B.map(item => `${item.r},${item.c}`));
+        // 过滤A中不存在于B的组合
+        return A.filter(item => !bCombinations.has(`${item.r},${item.c}`));
+      },
+  
+      onClickUplond() {
+        this.showUploadData = true;
+        let list = luckysheet.getAllSheets()
+        this.currentTable = list.filter(item => item.status == '1')
+  
+      },
+      async handleUploadDataHide(val) {
+        this.showUploadData = false;
+        luckysheet.insertRow(this.currentTable[0].data.length, 1)
+        const findLastNonNullIndex = (arr) => {
+          for (let i = arr.length - 1; i >= 0; i--) {
+            const subArray = arr[i];
+            // 判断：是数组，且至少有一个不为 null 的元素
+            if (Array.isArray(subArray) && subArray.some(item => item !== null && item.v && item.v !== null && item.v !== '')) {
+              return i;  // 返回下标
+            }
+          }
+          return -1;  // 如果没有符合条件的，返回 -1
+        };
+        this.sheetR = findLastNonNullIndex(this.currentTable[0].data)
+        console.log(this.currentTable[0].data.length, val.length);
+        luckysheet.insertRow(this.currentTable[0].data.length, { number: val.length });
+        await nextTick(2000)
+        let newArray = val.map(obj => {
+          return Object.keys(obj).map(key => {
+            return { m: obj[key], "ct": { "fa": "General", "t": "g" }, v: obj[key] };
+          });
+        });
+        console.log(newArray, '处理后数据');
+        let bottomRightCorner = this.numberToLetter(Object.keys(val[0]).length)//选区右下角数字
+        luckysheet.setRangeValue(newArray, {
+          range: `A${this.sheetR + 2}:${bottomRightCorner}${this.sheetR + val.length}`,
+        })
+      },
+      // 数字转换对应顺序英文
+      numberToLetter(num) {
+        let letter = '';
+        while (num > 0) {
+          num -= 1; // 调整为从 0 开始（即 1 -> 'A'，2 -> 'B'，...）
+          letter = String.fromCharCode(num % 26 + 65) + letter; // 65 是 'A' 的 Unicode 编码
+          num = Math.floor(num / 26);
+        }
+        return letter;
+      },
+      handleCellEditBefore(){
+        console.log("sdfk;s.dkf");
+        
+      },
+  
+      loadWorkBook() {
+        window.luckysheet.destroy();
+        const { id } = this.$store.state.user;
+        options.gridKey = this.currentId;
+        options.allowUpdate = true;
+        options.container = 'luckysheet'
+        // options.loadUrl = `${process.env.VUE_APP_API_SERVER}/actual/base/luckySheet/workbook/load?workbookId=${this.currentId}`
+        // options.updateUrl = `${process.env.VUE_APP_SOCKET_SERVER}/actual/base/ws/luckysheet/${this.currentId}/${id}`
+        // options.loadSheetUrl = `${process.env.VUE_APP_API_SERVER}/actual/base/luckySheet/workbook/loadSheets`
+        window.luckysheet.create({
+          ...options,
+          hook: {
+            cellEditBefore: this.handleCellEditBefore,
+            sheetCreateAfter: this.handleSheetCreateAfter,
+          },
+        });
+      },
+      handleSheetCreateAfter(e) {
+        console.log('setsheet', e);
+      },
+      handelClickBack() {
+        this.$emit('close')
+      },
+  
+    },
+    components: {
+      excelUploadData
+    },
+    components: {
+      excelUploadData
+    },
+    beforeDestroy() {
+      this.$store.state.sidebarFold = false;
+      if (this.socket) {
+        this.socket.close();
+      }
+    },
+  };
+  </script>
+  <style lang="scss" scoped>
+  .el-card {
+    margin: 10px auto;
+    padding: 0 16px;
+    box-sizing: border-box;
+    width: calc(100% - 40px);
+    border: none;
+  }
+  
+  .luckysheet-wrap {
+    margin: 10px;
+    padding: 0px;
+    z-index: 2;
+    width: calc(100vw - 400px);
+    height: calc(100vh - 250px);
+  }
+  
+  .luckysheet-wrap-all {
+    margin: 10px;
+    padding: 0px;
+    z-index: 2;
+    width: calc(100vw - 100px);
+    height: calc(100vh - 250px);
+  }
+  
+  #luckysheet {
+    width: 100%;
+    padding: 0px;
+    z-index: 2;
+    height: calc(100% - 80px);
+    margin: 10px;
+  }
+  
+  .top_btn {
+    height: 60px;
+    width: 100%;
+  }
+  
+  .upload-demo {
+    position: absolute;
+    z-index: 999999;
+    margin: 20px 0 0 22px;
+  }
+  
+  .right-slider {
+    position: absolute;
+    z-index: 999999;
+    border: 1px solid #eeeeee;
+    box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.2);
+    background: #ffffff;
+    margin: 10px 0 0 22px;
+    right: 10px;
+    width: 36%;
+    height: calc(100% - 20px);
+  }
+  
+  .el-header,
+  .el-footer {
+    text-align: left;
+    line-height: 40px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .el-main {
+    text-align: left;
+    line-height: 40px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .el-container {
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+  }
+  
+  .left_menu {
+    width: 240px;
+  
+    .menu_item {
+      cursor: pointer;
+      padding: 10px 16px;
+      box-sizing: border-box;
+      margin-bottom: 5px;
+      background-color: #f2f8fd;
+      border-radius: 5px;
+      font-size: 14px;
+    }
+  
+    .active {
+      color: #3989eb;
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/modules/base/smartExcel/sharedSpace.vue b/src/views/modules/base/smartExcel/sharedSpace.vue
index 57e16b0da..9e17886d2 100644
--- a/src/views/modules/base/smartExcel/sharedSpace.vue
+++ b/src/views/modules/base/smartExcel/sharedSpace.vue
@@ -30,7 +30,7 @@
           </el-table-column>
           <el-table-column prop="taskStateName" align="center" width="100" label="状态" :show-overflow-tooltip="true">
             <template slot-scope="scope">
-              <span>{{ scope.row.taskStateName
+              <span :class="scope.row.taskStateName=='(已保存)未提交'?'yellow':scope.row.taskStateName=='已提交'?'blue':scope.row.taskStateName=='(已驳回)未提交'?'red':'green'">{{ scope.row.taskStateName
                 }}</span>
             </template>
           </el-table-column>
@@ -338,6 +338,18 @@
     }
 
 
+  }
+  .yellow{
+    color: #ddaa5d;
+  }
+  .blue{
+    color: #4e89ec;
+  }
+  .red{
+    color: #fc2b3b;
+  }
+  .green{
+    color: #2fcbbd;
   }
   .f-align_item {
       width: 100px;