cloud-web-corejs 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-present PanJiaChen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,166 @@
+{
+  "name": "cloud-web-corejs",
+  "private": false,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "vue-cli-service serve",
+    "lint": "eslint --ext .js,.vue src",
+    "build:prod": "vue-cli-service build",
+    "build:stage": "vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview",
+    "new": "plop",
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml",
+    "test:unit": "jest --clearCache && vue-cli-service test:unit",
+    "test:ci": "npm run lint && npm run test:unit"
+  },
+  "dependencies": {
+    "@vue/preload-webpack-plugin": "^2.0.0",
+    "axios": "0.18.1",
+    "concurrent-tasks": "1.0.7",
+    "copy-webpack-plugin": "5.1.2",
+    "core-js": "^3.8.3",
+    "dayjs": "^1.11.13",
+    "element-ui": "2.15.7",
+    "js-base64": "^3.7.7",
+    "js-cookie": "2.2.0",
+    "jsqr": "^1.4.0",
+    "less": "^4.2.0",
+    "less-loader": "^7.0.1",
+    "lodash": "4.17.21",
+    "moment": "2.29.4",
+    "node-polyfill-webpack-plugin": "^4.0.0",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "qrcode": "^1.5.1",
+    "qs": "6.10.3",
+    "sortablejs": "1.8.4",
+    "spark-md5": "^3.0.1",
+    "swiper": "4.0.7",
+    "vue": "2.6.12",
+    "vue-i18n": "^8.22.2",
+    "vue-ls": "^4.2.0",
+    "vue-router": "3.0.2",
+    "vuex": "3.1.0",
+    "vxe-table": "3.5.4",
+    "xlsx": "0.14.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@claviska/jquery-minicolors": "2.3.6",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/composition-api": "1.0.5",
+    "ace-builds": "1.11.0",
+    "autoprefixer": "9.5.1",
+    "babel-plugin-dynamic-import-node": "2.3.3",
+    "canvg": "3.0.10",
+    "chalk": "2.4.2",
+    "clipboard": "2.0.8",
+    "compression-webpack-plugin": "5.0.2",
+    "connect": "3.6.6",
+    "echarts": "5.1.2",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "file-saver": "2.0.5",
+    "html-webpack-plugin": "~5.0.0",
+    "husky": "1.3.1",
+    "jquery": "3.6.0",
+    "jsbarcode": "3.11.5",
+    "lint-staged": "8.1.5",
+    "nzh": "1.0.8",
+    "plop": "2.3.0",
+    "postcss": "^8.2.8",
+    "postcss-loader": "^4.0.4",
+    "runjs": "4.4.2",
+    "sass": "^1.32.7",
+    "sass-loader": "^12.0.0",
+    "serve-static": "1.13.2",
+    "socket.io-client": "4.5.1",
+    "speed-measure-webpack-plugin": "^1.5.0",
+    "svg-sprite-loader": "^6.0.11",
+    "svgo": "1.2.0",
+    "vue-echarts": "6.0.0",
+    "vue-template-compiler": "2.6.12",
+    "vuedraggable": "2.24.3",
+    "webpack-bundle-analyzer": "^4.9.1",
+    "xe-utils": "3.5.2"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "files": [
+    "src/components/advancedSearchDialog",
+    "src/components/baseAlert",
+    "src/components/baseAttachment",
+    "src/components/baseInputBatch",
+    "src/components/baseInputExport",
+    "src/components/baseInputNumber",
+    "src/components/baseInputPrint",
+    "src/components/baseTabs",
+    "src/components/cnPrint",
+    "src/components/code-editor",
+    "src/components/confirmDialog",
+    "src/components/errorMsg",
+    "src/components/excelExport",
+    "src/components/excelImport",
+    "src/components/extendedProperties",
+    "src/components/fileLibrary",
+    "src/components/hiprint",
+    "src/components/jdPrint",
+    "src/components/jsonImport",
+    "src/components/mobile",
+    "src/components/onlineTalk",
+    "src/components/oplogTable",
+    "src/components/pddPrint",
+    "src/components/projectTag",
+    "src/components/Qrcode",
+    "src/components/scriptDescription",
+    "src/components/scriptTest",
+    "src/components/statusTag",
+    "src/components/SvgIcon",
+    "src/components/table",
+    "src/components/tempStorage",
+    "src/components/Tinymce",
+    "src/components/VabUpload",
+    "src/components/vb-tabs",
+    "src/components/video",
+    "src/components/vipPrint",
+    "src/components/wf",
+    "src/components/xform",
+    "src/components/xhsPrint",
+    "src/api",
+    "src/views/bd",
+    "src/views/support",
+    "src/views/user",
+    "src/utils",
+    "src/mixins",
+    "src/directive",
+    "src/store",
+    "src/resources/js",
+    "src/lang/index.js",
+    "permission.js",
+    "src/index.js"
+  ],
+  "publishConfig": {
+      "access": "public",
+      "registry": "https://registry.npmjs.org/"
+    }
+}

package/src/api/menu.js

@@ -0,0 +1,16 @@
+import request from '@base/utils/request'
+export function getRouters(option) {
+	return request({
+		url: USER_PREFIX + '/menu/currentList',
+		method: 'post',
+		...option
+	})
+}
+
+export function getDispermissions(option) {
+	return request({
+		url: USER_PREFIX + '/menu/getNoneMenus',
+		method: 'post',
+		...option
+	})
+}

package/src/api/user.js

@@ -0,0 +1,83 @@
+import request from '@base/utils/request'
+
+export function loginYx(option) {
+  return request({
+    url: USER_PREFIX + '/auth/login',
+    method: 'post',
+    ...option
+  })
+}
+
+export function getInfo(option) {
+  return request({
+    url: USER_PREFIX + '/user/currentUser',
+    method: 'post',
+    ...option
+  })
+}
+
+export function logout(option) {
+  return request({
+    url: USER_PREFIX + '/auth/logout',
+    method: 'post',
+    ...option
+  })
+}
+
+export function saveAccessMenuLog(option) {
+  return request({
+    url: USER_PREFIX + '/access_log/saveAccessMenuLog',
+    method: 'post',
+    ...option
+  })
+}
+
+export function getLoginTp(duration, option) {
+  return request({
+    url: USER_PREFIX + '/thirdparty_auth/getTp',
+    method: 'post',
+    isLoading: true,
+    data: {duration: duration},
+    ...option
+  })
+}
+
+export function loginByTp(tp, option) {
+  return request({
+    url: USER_PREFIX + '/thirdparty_auth/login',
+    method: 'post',
+    isLoading: true,
+    useToken: false,
+    data: {tp: tp},
+    ...option
+  })
+}
+
+export function getParameterVauleByCode(option) {
+  //初始化外部用户编码
+  return request({
+    url: USER_PREFIX + '/system_parameter/getByCode',
+    method: 'post',
+    ...option
+  });
+}
+
+export function languageSettingListPage(option) {
+  //获取语种
+  return request({
+    url: USER_PREFIX + '/language_setting/listPage',
+    method: 'post',
+    data: {
+      enabled: true
+    },
+    ...option
+  });
+}
+
+export function getBdEnv(option) {
+  return request({
+    url: USER_PREFIX + `/form_develop/getBdEnv`,
+    method: 'post',
+    ...option
+  })
+}

package/src/components/Qrcode/fileParse.vue

@@ -0,0 +1,241 @@
+<template>
+    <div class="import-box">
+
+
+      <div id="uploadImage" class="upload-img">
+        <div class="upload-list" v-if="fileRaw" model="singer" style="display: inline-block;vertical-align: middle;float: left;">
+            <a>
+              <el-image
+                :src="getShowImage(fileRaw)"
+                :z-index="999999"
+              />
+            </a>
+            <a href="javascript:void(0);" class="del" @click="clear"><i class="el-icon-error"></i></a>
+
+        </div>
+        <div class="el-upload el-upload--picture" style="vertical-align: middle;display: inline-block;float:left">
+          <button
+            type="button"
+            class=" avatar-uploader"
+            @keydown.enter.prevent
+            v-show="!fileRaw"
+            @click="$refs.uploadBtn.click()"
+          >
+            <i class="el-icon-plus avatar-uploader-icon"></i>
+            <input
+              ref="uploadBtn"
+              type="file"
+              @change="handleFileChange1"
+              size="mini"
+              style="width: 200px;"
+              v-show="false"
+            />
+          </button>
+        </div>
+      </div>
+      <canvas ref="canvas" style="display: none"></canvas>
+<!--      <div>
+        <p>解析结果: {{ showDecodedText }}</p>
+      </div>-->
+      <el-button type="primary" plain class="button-sty" @click="searchEvent" icon="el-icon-search">查询
+      </el-button>
+    </div>
+</template>
+<script>
+import jsqr from "jsqr";
+import axios from "axios";
+
+export default {
+  data() {
+    return {
+      showDialog: true,
+      fileRaw: false,
+      decodedText: null,
+      showDecodedText:null,
+      imageUrl: "", // 图片链接
+      downloadStatus: "", // 下载状态
+    };
+  },
+  methods: {
+    clear() {
+      // this.$refs.uploadBtn.select();
+      // document.selection.clear();
+      // const selection = window.getSelection();
+      // if (selection.rangeCount > 0) {
+      //   selection.removeAllRanges(); // 清除所有选择范围
+      // }
+      this.$nextTick(()=>{
+        this.fileRaw = false;
+        this.decodedText = null;
+        this.showDecodedText = null;
+        this.imageUrl = "";
+        this.downloadStatus = "";
+        this.showDialog= true;
+      })
+    },
+    getShowImage(file, fileName) {
+      fileName = fileName || file.name;
+      if (this.$commonFileUtil.isPictureFile(fileName)) {
+        return file.showUrl || file.url;
+      } else {
+        return this.$commonFileUtil.getFileIconRequire(fileName);
+      }
+    },
+    createFile(rawFile) {
+      let name = rawFile.name;
+      let index = name.lastIndexOf(".");
+
+      let getFileSuffix = this.$commonFileUtil.getFileSuffix;
+      let fileSuffix = getFileSuffix(name);
+      let fileName
+        = index >= 0 ? name.substring(0, index).toString() : name.toString();
+      let file = {
+        name: rawFile.name,
+        size: rawFile.size,
+        raw: rawFile,
+        showUrl: URL.createObjectURL(rawFile),
+        fileName: fileName,
+        fileSuffix: fileSuffix,
+      };
+      return file;
+    },
+    handleClose() {
+      this.showDialog = false;
+      this.$emit("update:visiable", false);
+    },
+    dialogPrimary() {
+      this.handleClose();
+      this.$emit("confirm");
+    },
+    handleFileChange1(event) {
+      const file = event.target.files[0];
+      if (file) {
+        this.fileRaw = this.createFile(file);
+      } else {
+        this.fileRaw = false;
+      }
+    },
+    searchEvent(){
+      if(!this.fileRaw){
+        this.$baseAlert("请选择文件")
+        return
+      }
+      this.handleFileChange(this.fileRaw.raw,{
+        callback:(code)=>{
+          this.$emit("callback",code)
+        }
+      });
+    },
+    fileChange(event) {
+      const file = event.target.files[0];
+      if (file) {
+        this.fileRaw = this.createFile(file);
+        this.handleFileChange(file);
+      } else {
+        this.fileRaw = false;
+      }
+    },
+
+    async convertUrlToFile() {
+      // 如果 imageUrl 为空，则提示用户输入图片链接
+      if (!this.imageUrl) {
+        this.showDecodedText = "请输入图片链接"; // 设置提示信息
+        return; // 结束函数执行
+      }
+
+      try {
+        // 使用 axios 发起 GET 请求以获取图片数据
+        const response = await axios({
+          url: this.imageUrl, // 请求的 URL
+          method: "GET", // 请求方法为 GET
+          responseType: "blob", // 指定响应数据类型为 Blob (二进制大对象)
+        });
+
+        // 将获取到的 Blob 数据转换为 File 对象
+        const file = new File([response.data], "image.jpg", {
+          type: "image/jpeg",
+        });
+
+        // 模拟一个 input 的 change 事件，将生成的 File 对象传递给 handleFileChange 方法
+        this.handleFileChange({ target: { files: [file] } });
+      } catch (error) {
+        // 处理请求失败或其他错误，并显示错误信息
+        this.showDecodedText = "图片处理失败: " + error.message;
+        this.$baseAlert("图片处理失败: " + error.message);
+      }
+    },
+    // 处理文件上传事件
+    handleFileChange(file,option) {
+      if (!file) {
+        this.decodedText = null;
+        this.showDecodedText = null
+        return;
+      }
+      // 获取上传的第一个文件
+
+      /* const file = event.target.files[0];
+      debugger
+      let a = 2; */
+
+      // 如果文件存在，则进行处理
+      if (file) {
+        // 创建一个 FileReader 对象，用于读取文件内容
+        const reader = new FileReader();
+
+        // 设置 FileReader 的 onload 事件处理函数
+        // 当 FileReader 读取完成时，会调用此函数
+        reader.onload = () => {
+          // 创建一个 Image 对象，用于显示图片
+          const img = new Image();
+
+          // 设置 Image 的 onload 事件处理函数
+          // 当图片加载完成时，会调用此函数
+          img.onload = () => {
+            // 调用 decodeQRCode 函数，解析二维码
+            this.decodeQRCode(img,option);
+          };
+
+          // 设置 Image 的 src 属性为 FileReader 读取的结果
+          // 即将文件内容转换为 Data URL，作为图片的源
+          img.src = reader.result;
+        };
+
+        // 调用 FileReader 的 readAsDataURL 方法，读取文件内容
+        // 并将其转换为 Data URL
+        reader.readAsDataURL(file);
+      }
+    },
+    decodeQRCode(image,option) {
+      // 获取 canvas 元素，该元素应该在模板中定义并使用 ref 绑定
+      const canvas = this.$refs.canvas;
+      // 获取 canvas 的 2D 绘图上下文，用于在 canvas 上绘制图像
+      const context = canvas.getContext("2d");
+      // 设置 canvas 的宽度为图像的宽度
+      canvas.width = image.width;
+      // 设置 canvas 的高度为图像的高度
+      canvas.height = image.height;
+      // 将图像绘制到 canvas 上，从 (0, 0) 位置开始绘制
+      context.drawImage(image, 0, 0);
+
+      // 获取 canvas 上指定区域的图像数据，这里获取整个 canvas 的图像数据
+      const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
+      // 使用 jsQR 库解码图像数据，获取二维码信息
+      const code = jsqr(imageData.data, canvas.width, canvas.height);
+
+      // 判断是否成功解码二维码
+      if (code) {
+        // 如果解码成功，将解码后的数据存储到 decodedText 属性中
+        this.decodedText = code.data;
+        this.showDecodedText = code.data;
+        option.callback && option.callback(code.data)
+      } else {
+        // 如果解码失败，设置 decodedText 属性为错误信息
+        this.decodedText = null;
+        this.showDecodedText = "未能解析二维码";
+        this.$baseAlert("未能解析二维码");
+      }
+    },
+  },
+};
+</script>
+<style scoped></style>

package/src/components/Qrcode/index.vue

@@ -0,0 +1,58 @@
+<template>
+  <div class="qr">
+    <img class="qr__img" :src="qrBase64" style="width: 100%;" />
+  </div>
+</template>
+
+<script>
+import QRcode from 'qrcode'
+export default {
+  name:"QRcodeIndex",
+  props: {
+    qrContent: {
+      type: String,
+      default: ''
+    },
+    option:Object
+  },
+  data () {
+    return {
+      qrBase64: ''
+    }
+  },
+  watch: {
+    qrContent: {
+      handler: function () {
+        this.qrContent && this.init()
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    async init () {
+      this.qrBase64 = await this.createQR(this.qrContent,this.option)
+    },
+    // 生成二维码
+    createQR (content, options) {
+      return new Promise((resolve, reject) => {
+        QRcode.toDataURL(content, options).then(url => {
+          resolve(url)
+        })
+      })
+    },
+  }
+}
+</script>
+
+<style scoped>
+/* .qr{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.qr__img{
+  width: 100%;
+  height: 200px;
+} */
+</style>

package/src/components/Qrcode/printDialog.vue

@@ -0,0 +1,103 @@
+<template>
+  <el-dialog
+    :title="$t2('二维码', 'components.Qrcode.title')"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="false"
+    :visible.sync="showDialog"
+    :modal="false"
+    custom-class="dialog-style list-dialog dialog-checkbox pd_0"
+    width="350px"
+    height="350px"
+    @close="dialogClose"
+    v-el-drag-dialog
+    v-el-dialog-center
+  >
+    <div class="cont" style="height: 342px;padding: 0;">
+      <Qrcode ref="qrcodeRef" id="myPrint" :qrContent="qrContent" :option="{ width: 342, height: 342 }"/>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" plain class="button-sty" @click="dialogClose">
+        <i class="el-icon-close el-icon"></i>
+        {{ $t2('取 消', 'system.button.cancel2') }}
+      </el-button>
+      <el-button type="primary" plain @click="download" class="button-sty">
+        <i class="el-icon-download el-icon"></i>
+        {{ $t2('下 载', 'system.button.download2') }}
+      </el-button>
+      <el-button type="primary" plain v-print="printObj" class="button-sty">
+        <i class="el-icon-printer el-icon"></i>
+        {{ $t2('打 印', 'system.button.print2') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import {saveFile} from 'vxe-table';
+
+export default {
+  name: "printDialog",
+  props: {
+    qrContent: {
+      type: String,
+      default: ''
+    },
+    visiable: {
+      type: Boolean
+    }
+  },
+  components: {Qrcode: () => import('../../components/Qrcode/index.vue')},
+  data() {
+    return {
+      showDialog: true,
+      printObj: {
+        id: 'myPrint', // 这里是要打印元素的ID
+        popTitle: '&nbsp', // 打印的标题
+        extraCss: '', // 打印可引入外部的一个 css 文件
+        extraHead: '',// 打印头部文字
+      }
+    };
+  },
+  methods: {
+    dialogClose(event) {
+      this.$emit('update:visiable', false);
+    },
+    // base64转化为Blob对象
+    convertBase64ToBlob(imageEditorBase64) {
+      var base64Arr = imageEditorBase64.split(',');
+      var imgtype = '';
+      var base64String = '';
+      if (base64Arr.length > 1) {
+        //如果是图片base64，去掉头信息
+        base64String = base64Arr[1];
+        imgtype = base64Arr[0].substring(base64Arr[0].indexOf(':') + 1, base64Arr[0].indexOf(';'));
+      }
+      // 将base64解码
+      var bytes = atob(base64String);
+      //var bytes = base64;
+      var bytesCode = new ArrayBuffer(bytes.length);
+      // 转换为类型化数组
+      var byteArray = new Uint8Array(bytesCode);
+
+      // 将base64转换为ascii码
+      for (var i = 0; i < bytes.length; i++) {
+        byteArray[i] = bytes.charCodeAt(i);
+      }
+
+      // 生成Blob对象（文件对象）
+      return new Blob([bytesCode], {type: imgtype});
+    },
+    download() {
+      let url = this.$refs.qrcodeRef.qrBase64;
+      saveFile({
+        filename: '二维码',
+        type: 'png',
+        content: this.convertBase64ToBlob(url)
+      });
+    }
+  }
+};
+</script>
+
+<style></style>