cloud-web-corejs-haier 1.0.42 → 1.0.44

package/src/components/luckysheet/view.vue

@@ -0,0 +1,210 @@
+<template>
+  <div style="height: 100%">
+    <div
+      :id="containerId"
+      :key="containerId"
+      style="
+        margin: 0px;
+        padding: 0px;
+        height: 100%;
+        width: 100%;
+        left: 0px;
+        top: 30px;
+        bottom: 0px;
+      "
+    ></div>
+    <div
+      v-show="isMaskShow"
+      style="
+        position: absolute;
+        z-index: 1000000;
+        left: 0px;
+        top: 0px;
+        bottom: 0px;
+        right: 0px;
+        background: rgba(255, 255, 255, 0.8);
+        text-align: center;
+        font-size: 40px;
+        align-items: center;
+        justify-content: center;
+        display: flex;
+      "
+    >
+      Downloading
+    </div>
+  </div>
+</template>
+
+<script>
+import LuckyExcel from "luckyexcel";
+//导入库export.js 这个文件是es6的，不能在普通的HTML文件直接引入js文件（虽然都是js文件，但是有区别，具体请百度es6与es5）！需要把es6转es5才可以直接引入使用！
+import { exportExcel, generateExcelFile } from "./export";
+import { saveAs } from "file-saver";
+
+export default {
+  name: "luckysheet",
+  props: {
+    options: {
+      type: Object,
+      default: () => {},
+    },
+    data: {
+      type: Array,
+      default: () => [],
+    },
+  },
+  data() {
+    return {
+      selected: "",
+      isMaskShow: false,
+      // 生成随机ID，避免多个组件实例之间的ID冲突
+      containerId: "luckysheet-" + Math.random().toString(36).substr(2, 9),
+    };
+  },
+  beforeDestroy() {
+    if (luckysheet) {
+      this.exitEditMode();
+      luckysheet.destroy();
+    }
+  },
+  mounted() {
+    // In some cases, you need to use $nextTick
+    // this.$nextTick(() => {
+    let config = this.options.config || {};
+    let data = this.data.length > 0 ? this.data : null;
+    if (!data) {
+      data = [
+        {
+          name: "Sheet1",
+          color: "",
+          status: "1",
+          order: "0",
+          data: [],
+          config: {},
+          index: 0,
+        },
+      ];
+    }
+    luckysheet.create({
+      container: this.containerId,
+      lang: "zh",
+      showinfobar: false,
+      data: data,
+      ...config,
+    });
+
+    // });
+  },
+  methods: {
+    generateExcelFile(callback) {
+      // 检查luckysheet是否存在
+      if (!luckysheet) {
+        console.error("luckysheet未初始化");
+        return;
+      }
+
+      try {
+        // 获取luckysheet数据
+        if (luckysheet.getLuckysheetfile) {
+          const excelData = luckysheet.getLuckysheetfile();
+          console.log("获取Excel数据成功", excelData);
+
+          // 生成Excel文件对象
+          generateExcelFile(excelData, "测试文件")
+            .then((file) => {
+              callback && callback(file);
+              // console.log("生成Excel文件对象成功", file);
+              // console.log("文件名:", file.name);
+              // console.log("文件大小:", file.size);
+              // console.log("文件类型:", file.type);
+
+              // 这里可以使用file对象进行上传等操作
+              // 例如：uploadFile(file);
+              // const fileName = `电子表格_${new Date().getTime()}.xlsx`;
+              // saveAs(file, fileName);
+            })
+            .catch((error) => {
+              console.error("生成Excel文件对象失败:", error);
+            });
+        } else {
+          console.error("luckysheet不支持getLuckysheetfile方法");
+        }
+      } catch (error) {
+        console.error("生成Excel文件对象失败:", error);
+      }
+    },
+    uploadExcel(evt) {
+      const files = evt.target.files;
+      if (files == null || files.length == 0) {
+        alert("No files wait for import");
+        return;
+      }
+
+      let name = files[0].name;
+      let suffixArr = name.split("."),
+        suffix = suffixArr[suffixArr.length - 1];
+      if (suffix != "xlsx") {
+        alert("Currently only supports the import of xlsx files");
+        return;
+      }
+      const self = this;
+      LuckyExcel.transformExcelToLucky(files[0], function (exportJson, luckysheetfile) {
+        if (exportJson.sheets == null || exportJson.sheets.length == 0) {
+          alert(
+            "Failed to read the content of the excel file, currently does not support xls files!"
+          );
+          return;
+        }
+        luckysheet.destroy();
+
+        luckysheet.create({
+          container: self.containerId, //使用当前组件的容器ID
+          showinfobar: false,
+          data: exportJson.sheets,
+          title: exportJson.info.name,
+          userInfo: exportJson.info.name.creator,
+        });
+      });
+    },
+    exitEditMode() {
+      luckysheet.exitEditMode();
+    },
+    getValue() {
+      luckysheet.exitEditMode();
+      let sheetData = luckysheet.getluckysheetfile();
+      return sheetData;
+    },
+    downloadExcel() {
+      exportExcel(luckysheet.getAllSheets(), "下载");
+    },
+    getJson() {
+      luckysheet.exitEditMode();
+      let json = luckysheet.toJson();
+      return json;
+    },
+  },
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>
+<style>
+#luckysheet-icon-morebtn-div {
+  z-index: 10030 !important;
+}
+</style>

package/src/components/onlineTalk/index.vue

@@ -42,10 +42,21 @@
                     <template v-if="item.contentType == 0">
                       {{ item.content }}
                     </template>
-                    <template v-else>
+                    <template v-else-if="item.contentType == 1">
                       <baseUpload accept="file" multi="false" :file.sync="item.file" :edit="false"
                                   :showProperties="false" :showSize="true" :createBy="false"></baseUpload>
                     </template>
+                    <template v-else-if="item.contentType == 2">
+                      <ul class="onlieTalk-search-list">
+                        <div class="tit"><i class="el-icon-chat-round"></i><b>猜你想问</b></div>
+                        <div class="o-cont">
+                        <li v-for="(answer,index) in item.answers" :key="index">
+                          <a href="javascript:void(0);" class="a-link"
+                             @click="answerCheckHandle(answer)">{{index+1}}、{{ answer.question }}</a>
+                        </li>
+                        </div>
+                      </ul>
+                    </template>
                   </div>
                 </div>
               </template>
@@ -60,6 +71,16 @@
                 <i class="el-icon-folder-opened btn" @click="addFile" :disabled="!talkUserId"></i>
               </el-tooltip>
             </div> -->
+            <!--            <div class="pop-inputTips" v-show="false">
+                          <p>该商品的<span>有效</span>日期?</p>
+                          <p><span>有效</span>使用时间是什么时候？</p>
+                          <p>该商品的<span>有效</span>日期?</p>
+                          <p><span>有效</span>使用时间是什么时候？</p>
+                          <p>该商品的<span>有效</span>日期?</p>
+                          <p><span>有效</span>使用时间是什么时候？</p>
+                          <p>该商品的<span>有效</span>日期?</p>
+                          <p><span>有效</span>使用时间是什么时候？</p>
+                        </div>-->
             <el-input type="textarea" :rows="6" class="txt-textarea" v-model="talkUser.content" placeholder="请输入
 选择此处，可粘贴文件（Ctrl+V）"
                       :disabled="!talkUserId" ref="contentRef" @paste.native="pasteMessage"
@@ -117,6 +138,9 @@
                   <i class="iconfont icon-wendangshangchuan"></i>
                   从个人文档工作区选择
                 </el-button>
+                <el-button type="info" plain class="button-sty" @click="openHistoryDialog"><i
+                  class="el-icon-time"></i>历史记录
+                </el-button>
               </div>
               <div class="fr">
                 <span class="t">Ctrl + Enter </span>
@@ -191,23 +215,282 @@
       </el-button>
     </span>
     </el-dialog>
+
+    <el-dialog
+      title="历史记录"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-if="showHistoryDialog"
+      :visible.sync="showHistoryDialog"
+      :modal="false"
+      custom-class="dialog-style list-dialog history-dialog"
+      width="586px"
+      v-el-drag-dialog
+      v-el-dialog-center
+    >
+      <div class="history-box">
+        <div class="h-form">
+          <div class="search-box">
+            <div class="search-classify" v-if="historyType == 2" @click="checkHistoryType(null)"><i
+              class="el-icon-files"></i><span>文件</span><i
+              class='el-icon-close'></i></div>
+            <div class="search-classify" v-if="historyType == 1" @click="checkHistoryType(null)"><i
+              class="el-icon-files"></i><span>图片</span><i
+              class='el-icon-close'></i></div>
+            <el-input class="search-input" v-model="historyKeyword" clearable @input="changeHistoryKeyword"></el-input>
+          </div>
+          <div class="keys-box">
+            <span @click="checkHistoryType(2)">文件</span>
+            <span @click="checkHistoryType(1)">图片</span>
+          </div>
+        </div>
+        <div class="h-list" @scroll="handleScrollH" >
+          <div class="item" v-for="(item,index) in talkHRecords" :key="index" :class="'talk_h'+item.id">
+            <div class="name">{{ item.sendUserName }}</div>
+            <div class="time">{{ item.createDate }}</div>
+            <div>
+              <template v-if="item.contentType == 0">
+                {{ item.content }}
+              </template>
+              <template v-else-if="item.contentType == 1">
+                <baseUpload accept="file" multi="false" :file.sync="item.file" :edit="false"
+                            :showProperties="false" :showSize="true" :createBy="false"></baseUpload>
+              </template>
+              <template v-else-if="item.contentType == 2">
+                <ul class="onlieTalk-search-list">
+                  <div class="tit"><i class="el-icon-chat-round"></i><b>猜你想问</b></div>
+                  <div class="o-cont">
+                  <li v-for="(answer,index) in item.answers" :key="index">
+                    <a href="javascript:void(0);" class="a-link">{{index+1}}、{{ answer.question }}</a>
+                  </li>
+                  </div>
+                </ul>
+              </template>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import {mixins} from "./mixins";
-import userDialog from '../../views/user/user/dialog.vue';
+import userDialog from './talkUserDialog.vue';
 
 export default {
   mixins: [mixins],
   components: {
     userDialog,
     privateProfileDialog: () => import('../../components/VabUpload/privateProfileDialog')
-  }
+  },
+  data() {
+    return {};
+  },
+  mounted() {
+  },
 };
 </script>
 <style scoped lang="scss">
 @import '~@/styles/variables.scss';
+.onlieTalk-search-list{
+  list-style: none;margin: -8px -4px 0;padding: 0;min-width: 360px;max-width: 90%;
+  .tit{color: #333;font-size: 14px;margin: 10px 0 3px;padding-left: 6px;
+    i{margin-right: 3px;}
+  }
+  .o-cont{background: #FFF;border-radius: 5px;margin-top: 7px;padding: 0 12px;}
+  li{
+    padding: 10px 2px;border-bottom: dashed 1px #dfdfdf;display: block;position: relative;font-size: 12px;cursor: pointer;
+    &:after{content:"\e6e0";font-family: element-icons!important;color:#747474;height:30px;border-radius: 50%;position: absolute;top:50%;margin-top:-15px;right:0;line-height:30px;}
+    &:last-child{
+      border-bottom: none;
+    }
+  }
+}
+.history-box {
+  .h-form {
+    padding: 2px 16px 10px;
+
+    .search-classify {
+      background: #F4F4F4;
+      line-height: 28px;
+      height: 28px;
+      padding: 0 8px;
+      border-radius: 3px;
+
+      > i, > span {
+        vertical-align: middle;
+        font-size: 13px;
+        margin-top: 2px;
+      }
+
+      > span {
+        margin: 0 2px 0 4px
+      }
+
+      .el-icon-close {
+        cursor: pointer;
+      }
+    }
+
+    ::v-deep .search-box {
+      border: solid 1px #eee;
+      padding: 5px;
+      border-radius: 8px;
+      display: flex;
+      background: #FFF;
+
+      .el-input {
+        flex: 1;
+
+        .el-input__inner {
+          border: none;
+        }
+      }
+    }
+
+    .keys-box {
+      margin-top: 10px;
+      padding: 0 2px;
+
+      span {
+        display: inline-block;
+        margin-right: 42px;
+        font-size: 13px;
+        color: #2A6494;
+        cursor: pointer;
+        border-bottom: solid 1px #F7F7F7;
+
+        &:hover {
+          border-bottom: solid 1px #2A6494
+        }
+      }
+    }
+  }
+
+  .h-list {
+    height: 520px;
+    overflow: auto;
+    padding: 2px 0;
+    background-color: #FFF;
+
+    .item {
+      border-bottom: solid 1px #f2f2f2;
+      position: relative;
+      padding: 12px 16px;
+      color: #323232;
+      font-size: 13px;
+      overflow: hidden;
+      .onlieTalk-search-list{
+        border: solid 1px #eee;padding:0 8px 6px;border-radius: 6px;margin: 10px 0 4px;background: #f7f7f7;overflow: hidden;
+      }
+      .name {
+        color: #999;
+        margin-bottom: 5px;
+        font-size: 12px;
+      }
+
+      .time {
+        position: absolute;
+        right: 16px;
+        top: 14px;
+        font-size: 12px;
+        color: #999;
+      }
+      ::v-deep .upload-box{margin:-10px 0 0 0 !important;border-top:none}
+      &:hover {
+        background: #f7f7f7;
+      }
+
+    }
+  }
+
+  .h-pic {
+    height: 520px;
+    overflow: auto;
+    padding: 8px 14px;
+    background-color: #FFF;
+
+    .item {
+      width: 133px;
+      height: 133px;
+      display: inline-block;
+      vertical-align: middle;
+      margin: 3px;
+
+      .el-image {
+        width: 100%;
+        height: 100%;
+      }
+
+      &:hover .el-image {
+        border: solid 1px #2A6494
+      }
+    }
+  }
+
+  .h-file {
+    height: 520px;
+    overflow: auto;
+    padding: 8px 0;
+    background-color: #FFF;
+
+    .item {
+      position: relative;
+      padding: 8px 16px 0;
+      color: #323232;
+      font-size: 13px;
+      display: flex;
+
+      .img {
+        width: 58px;
+        height: 58px;
+
+        .el-image {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      .txt {
+        border-bottom: solid 1px #f2f2f2;
+        flex: 1;
+        display: flex;
+        color: #999;
+        font-size: 12px;
+        padding: 0 0 6px;
+        margin-left: 12px;
+
+        p {
+          margin: 0 0 8px;
+        }
+
+        .name {
+          color: #323232;
+          font-size: 13px;
+        }
+
+        .t-l {
+          flex: 1
+        }
+
+        .t-r {
+          font-size: 12px;
+          text-align: right;
+
+          .ico {
+            display: inline-block;
+            color: #2A6494;
+            margin-left: 8px;
+            font-size: 16px;
+          }
+        }
+      }
+    }
+  }
+}
+
 
 .ico-online {
   background: url(~@/resources/images/ico-service.png) no-repeat center 19px #FFF;
@@ -333,7 +616,8 @@ export default {
 
           .item {
             margin: 10px 0;
-            font-size:14px;
+            font-size: 14px;
+
             .name {
               color: rgba(102, 102, 102, 0.6);
               margin-bottom: 4px;
@@ -378,7 +662,8 @@ export default {
 
             &.right {
               text-align: right;
-              font-size:14px;
+              font-size: 14px;
+
               .cont {
                 background-color: #D8E8F9;
 
@@ -414,6 +699,36 @@ export default {
           display: flex;
           flex-direction: column;
 
+          .pop-inputTips {
+            position: absolute;
+            background: #FFF;
+            left: 10px;
+            border: solid 1px #eee;
+            overflow: auto;
+            height: 160px;
+            width: 400px;
+            font-size: 13px;
+            bottom: 100%;
+            margin-bottom: -22px;
+            z-index: 22;
+            box-shadow: 0 0 14px rgb(0 0 0 / 11%);
+            padding: 2px 0;
+
+            p {
+              padding: 10px 16px;
+              margin: 0;
+              cursor: pointer;
+
+              &:hover {
+                background: #f7f7f7
+              }
+
+              span {
+                color: $red
+              }
+            }
+          }
+
           .btns {
             background-color: #FAFAFA;
             height: 36px;
@@ -429,7 +744,7 @@ export default {
 
           .txt-textarea {
             flex: 1;
-            padding-top: 6px;
+            padding-top: 20px;
 
             .el-textarea__inner {
               border: none;
@@ -584,6 +899,13 @@ export default {
             }
           }
 
+          .fl {
+            .button-sty .el-icon-time {
+              margin-bottom: 2px;
+              margin-right: 2px;
+            }
+          }
+
           .fr {
             .t {
               vertical-align: middle;