cloud-web-corejs 1.0.54-dev.76 → 1.0.54-dev.761

package/src/layout/components/extractedCode/viewDialog.vue

@@ -0,0 +1,207 @@
+<template>
+  <el-dialog
+    :title="title"
+    :append-to-body="true"
+    :modal-append-to-body="true"
+    :close-on-click-modal="false"
+    :visible.sync="showWfDialog"
+    :modal="false"
+    custom-class="el-dialog dialog-style designer-dialog indexUse"
+    width="100%"
+    height="100%"
+    top="0px"
+    bottom="0px"
+    :destroy-on-close="true"
+    @close="wfClose"
+  >
+    <div id="containt">
+      <component
+        v-if="showWfContent && wfContent"
+        :is="wfContent"
+        visible-key="showWfContent"
+        v-bind="param"
+        :parent-target="_self"
+        :defaultShowWfContent="true"
+        :_viewType="1"
+        @reload="$reloadHandle"
+        @openDesignDialog="openDesingerDialogByChild"
+      ></component>
+      <el-drawer
+        :title="$t1('表单设计({formName})', { formName })"
+        :visible.sync="showDesingerDialog"
+        :modal="false"
+        :destroy-on-close="true"
+        size="100%"
+        direction="rtl"
+        :before-close="closeFormDesignwinEvent"
+        :append-to-body="false"
+        class="designer-drawer"
+        :class="[isFullscreen ? 'is-fullscreen' : '']"
+        @close="handleFormDesignClose"
+      >
+        <el-tabs v-model="formDesTabs" type="card" class="tab-boxOnly" :stretch="true">
+          <el-tab-pane :label="$t1('设计器')" name="first">
+            <designer
+              ref="designer"
+              :formCode.sync="formCode"
+              :readonly="true"
+              @reflushTemplateList="reflushTemplateList"
+            ></designer>
+          </el-tab-pane>
+        </el-tabs>
+        <el-button class="isFullIcon" v-if="!isFullscreen" @click="handleFullscreen">
+          <el-tooltip effect="dark" :content="$t1('全屏')" placement="top">
+            <i class="iconfont icon-quanping"></i>
+          </el-tooltip>
+        </el-button>
+        <el-button class="isFullIcon" v-else @click="handleFullscreen">
+          <el-tooltip effect="dark" :content="$t1('缩小')" placement="top">
+            <i class="iconfont icon-suoxiao"></i>
+          </el-tooltip>
+        </el-button>
+      </el-drawer>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import indexUtil from "@base/utils";
+import designer from "@base/views/user/form/vform/designer.vue";
+
+export default {
+  name: "wfContentDialog",
+  props: {
+    extractedRow: Object,
+  },
+  components: { designer },
+  data() {
+    return {
+      param: {},
+      wfContent: null,
+      showWfContent: false,
+      showWfDialog: true,
+
+      showDesingerDialog: false,
+      formCode: null,
+      formName: null,
+      isFullscreen: false,
+      formDesTabs: "first",
+      title: null,
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.openWfDialog();
+    });
+  },
+  methods: {
+    wfClose() {
+      this.showWfDialog = false;
+      this.$emit("update:visible", false);
+      this.$emit("close");
+    },
+    openWfDialog() {
+      let obj = this.extractedRow?.obj;
+      if (!obj) return;
+      let objType = this.extractedRow.objType;
+      let id = obj.id;
+      let wfDataId = id;
+      let param = {
+        readonly: true,
+      };
+
+      let url;
+      if (objType == "FormTemplate") {
+        url = "/bd/setting/form_template/edit.vue";
+        wfDataId = obj.formCode;
+        this.title = this.$t1("查看表单模板");
+      } else if (objType == "FormScript") {
+        if (obj.scriptType == 1) {
+          url = "/bd/setting/form_script/edit1.vue";
+        } else {
+          url = "/bd/setting/form_script/edit.vue";
+        }
+        this.title = this.$t1("查看表单脚本");
+      } else if (objType == "TableTemplate") {
+        url = "/bd/setting/table_model/edit.vue";
+        this.title = this.$t1("查看数据表定义模板");
+      }
+      this.param = Object.assign(param, {
+        _dataId: wfDataId,
+        extractedObj: obj,
+      });
+      this.wfContent = require("@base/views" + url).default;
+
+      this.showWfContent = true;
+    },
+
+    handleFormDesignClose() {
+      this.formDesTabs = "first";
+      this.showFormScriptList = false;
+    },
+    openDesingerDialog(row, callback) {
+      this.formCode = row.formCode;
+      this.formName = row.formName;
+      this.currentFormTemplate = row;
+      this.isFullscreen = false;
+      this.showDesingerDialog = true;
+      this.designerSaveCallback = callback ?? null;
+    },
+    openDesingerDialogByChild({ row, callback }) {
+      this.openDesingerDialog(row, callback);
+    },
+    reflushTemplateList() {
+      // this.searchEvent();
+      this.designerSaveCallback && this.designerSaveCallback();
+    },
+    handleFullscreen() {
+      let isFullscreen = this.isFullscreen;
+      if (!isFullscreen) {
+        indexUtil.addClass(document.body, "hideMenu");
+      } else {
+        indexUtil.removeClass(document.body, "hideMenu");
+      }
+      this.isFullscreen = !isFullscreen;
+    },
+    closeFormDesignwinEvent(done) {
+      this.$baseConfirm(this.$t1('请确认"已保存"报表模板，是否继续关闭？')).then(() => {
+        indexUtil.removeClass(document.body, "hideMenu");
+        done && done();
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+::v-deep .tab-boxOnly > .el-tabs__header {
+  position: absolute;
+  right: 130px;
+  top: 0;
+}
+/*
+::v-deep .tab-boxOnly > .el-tabs__content .el-tab-pane .el-tab-pane {
+  .detail-wrap .d-cont {
+    height: calc(100vh - 158px) !important;
+  }
+
+  .grid-height {
+    height: calc(100vh - 126px) !important;
+  }
+}
+
+::v-deep
+  .designer-drawer.is-fullscreen
+  .tab-boxOnly
+  > .el-tabs__content
+  .el-tab-pane
+  .el-tab-pane {
+  .detail-wrap .d-cont {
+    height: calc(100vh - 116px) !important;
+  }
+
+  .grid-height {
+    height: calc(100vh - 84px) !important;
+  }
+} */
+</style>

package/src/layout/components/langTool.vue

@@ -1,120 +1,128 @@
-<template>
-  <div class="item" v-if="i18nEnabled && languageSettings.length>1">
-    <el-dropdown class='lang-box' trigger="click">
-    <span class="el-dropdown-link">
-      <i class="iconfont icon-duoyuyan"></i><i
-      class="el-icon-arrow-down el-icon--right"></i>
-    </span>
-      <el-dropdown-menu slot="dropdown" class="lang-box-pup">
-        <el-dropdown-item v-for="(item,index) in languageSettings" :key="index" :command="item.languageCode"
-                          @click.native="changeLanguage(item.languageCode)"
-                          :class="{'cur':currentName == item.languageName}">{{ item.languageName }}
-        </el-dropdown-item>
-      </el-dropdown-menu>
-    </el-dropdown>
-  </div>
-</template>
-
-<script>
-import settingConfig from "@/settings";
-
-export default {
-  name: "langTool",
-  data() {
-    return {
-      languageSettings: [],
-      languageSettingMap: {},
-      i18nEnabled: settingConfig.i18nEnabled
-    }
-  },
-  computed: {
-    currentName() {
-      return this.languageSettingMap[this.$i18n.locale]
-    }
-  },
-  mounted() {
-    this.initLanguageSetting();
-  },
-  methods: {
-    changeLanguage(command) {
-      if (this.$i18n.locale != command) {
-        this.$http({
-          url: USER_PREFIX + `/auth/switchLanguage`,
-          method: `post`,
-          data: {
-            "stringOne": command
-          },
-          isLoading: true,
-          modalStrictly: true,
-          loadingTarget: document.body,
-          success: res => {
-            this.$i18n.locale = command // 设置给本地的i18n插件
-            localStorage.setItem("i18n-lang", command);
-            this.$message.success('切换多语言成功')
-            location.reload()
-          }
-        })
-      }
-    },
-    initLanguageSetting() {
-      if (settingConfig.i18nEnabled !== true) return;
-      let languageSettings = []
-      languageSettings.push(...(this.$store.state.user.languageSettings));
-      let map = {};
-      languageSettings.forEach(item => {
-        map[item.languageCode] = item.languageName;
-      });
-      this.languageSettingMap = map;
-      this.languageSettings = languageSettings;
-    },
-  }
-}
-</script>
-<style scoped lang="scss">
-/*多语言*/
-.lang-box {
-  border-right: solid 1px #ffffff24;
-  padding-right: 7px;
-  height: 18px;
-  line-height: 18px;
-  vertical-align: middle;
-  color: #FFF;
-  font-size: 12px;
-
-  .el-icon--right {
-    margin-left: 3px;
-  }
-
-  .el-dropdown-link {
-    color: #FFF;
-
-    .name {
-      display: inline-block;
-      width: 28px;
-      height: 19px;
-      overflow: hidden;
-      vertical-align: middle;
-      font-size: 12px;
-      line-height: 19px
-    }
-
-    i {
-      zoom: 0.7;
-      margin-left: 3px;
-      opacity: 0.8;
-
-      &.iconfont {
-        font-size: 24px;
-        vertical-align: middle;
-        margin-right: 2px;
-      }
-    }
-  }
-
-}
-
-.lang-box-pup .el-dropdown-menu__item.cur {
-  background-color: #eaf0f4;
-  color: #5583a9;
-}
-</style>
+<template>
+  <div class="item" v-if="i18nEnabled && languageSettings.length > 1">
+    <el-dropdown class="lang-box" trigger="click">
+      <span class="el-dropdown-link">
+        <i class="iconfont icon-duoyuyan"></i
+        ><i class="el-icon-arrow-down el-icon--right"></i>
+      </span>
+      <el-dropdown-menu slot="dropdown" class="lang-box-pup">
+        <el-dropdown-item
+          v-for="(item, index) in languageSettings"
+          :key="index"
+          :command="item.languageCode"
+          @click.native="changeLanguage(item.languageCode)"
+          :class="{ cur: currentName == item.languageName }"
+          >{{ $t1(item.languageName) }}
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </div>
+</template>
+
+<script>
+import settingConfig from "@/settings";
+
+export default {
+  name: "langTool",
+  data() {
+    return {
+      languageSettings: [],
+      languageSettingMap: {},
+      i18nEnabled: settingConfig.i18nEnabled,
+    };
+  },
+  computed: {
+    currentName() {
+      return this.languageSettingMap[this.$i18n.locale];
+    },
+  },
+  mounted() {
+    this.initLanguageSetting();
+  },
+  methods: {
+    changeLanguage(command) {
+      if (this.$i18n.locale != command) {
+        this.$http({
+          url: USER_PREFIX + `/auth/switchLanguage`,
+          method: `post`,
+          data: {
+            stringOne: command,
+          },
+          isLoading: true,
+          modalStrictly: true,
+          loadingTarget: document.body,
+          success: (res) => {
+            this.$i18n.locale = command; // 设置给本地的i18n插件
+            localStorage.setItem("i18n-lang", command);
+            this.$message.success("切换多语言成功");
+            // qiankun 子应用形态（自治嵌入壳可见时才有本入口）：reload 会刷新宿主整页，
+            // 降级为仅切换本应用词条；存量页面快照词条需刷新后完全生效
+            if (this.$store.state.micro && this.$store.state.micro.isMicro) {
+              return;
+            }
+            location.reload();
+          },
+        });
+      }
+    },
+    initLanguageSetting() {
+      if (settingConfig.i18nEnabled !== true) return;
+      let languageSettings = [];
+      languageSettings.push(...this.$store.state.user.languageSettings);
+      let map = {};
+      languageSettings.forEach((item) => {
+        map[item.languageCode] = item.languageName;
+      });
+      this.languageSettingMap = map;
+      this.languageSettings = languageSettings;
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+/*多语言*/
+.lang-box {
+  border-right: solid 1px #ffffff24;
+  padding-right: 7px;
+  height: 18px;
+  line-height: 18px;
+  vertical-align: middle;
+  color: #fff;
+  font-size: 12px;
+  margin-left: 5px;
+  .el-icon--right {
+    margin-left: 3px;
+  }
+
+  .el-dropdown-link {
+    color: #fff;
+
+    .name {
+      display: inline-block;
+      width: 28px;
+      height: 19px;
+      overflow: hidden;
+      vertical-align: middle;
+      font-size: 12px;
+      line-height: 19px;
+    }
+
+    i {
+      zoom: 0.7;
+      margin-left: 3px;
+      opacity: 0.8;
+
+      &.iconfont {
+        font-size: 24px;
+        vertical-align: middle;
+        margin-right: 2px;
+      }
+    }
+  }
+}
+
+.lang-box-pup .el-dropdown-menu__item.cur {
+  background-color: #eaf0f4;
+  color: #5583a9;
+}
+</style>

package/src/layout/components/watermark/index.vue

@@ -0,0 +1,83 @@
+<template>
+    <div class="watermarkFlag" :style="'background:url('+imgUrl+')'"></div>
+</template>
+<script>
+import {
+  getParameterVauleByCode,
+} from '@base/api/user'
+export default {
+  data() {
+    return {
+      imgUrl: null,
+      isFormDev:false
+    }
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    initIsFormDev() {
+      let userFlag = this.$store.getters.userFlag
+      this.isFormDev = userFlag == 6 || userFlag == 7 || userFlag == 8;
+    },
+    init() {
+      this.initIsFormDev();
+      if(this.isFormDev)return;
+      getParameterVauleByCode({
+        data: {"code": "showWatermark"},
+        success: res => {
+          let value = (!res.objx || !res.objx.value) ? "0" : res.objx.value;
+          if (value == "1") {
+            this.watermarkImg();
+          }
+        }
+      })
+    },
+    watermarkImg() {
+      let that = this
+      const testName = this.$store.getters.nickName
+      var nameL = ''
+      if (testName.match(/[^\x00-\xff]/ig) != null){
+        nameL  = testName.length
+      }else{
+        nameL  = testName.length / 2
+      }
+      // 通过canvas将文本生成图片
+      const canvas = document.createElement('canvas')
+      canvas.width = nameL * 32 * 2
+      canvas.height = nameL * 32
+      const ctx = canvas.getContext('2d')
+
+      ctx.font = '18px PingFangSC'
+      ctx.textAlign = 'center'
+      ctx.fillStyle = '#EEEEEE'
+      // 设置倾斜角度
+      ctx.rotate(-30 * Math.PI / 180)
+      // 调整偏移量，让文本完整显示
+      ctx.translate(-50, 30)
+      ctx.fillText(testName, 100, 58)
+      // 将canvas转为base64图片
+      const url = canvas.toDataURL()
+      that.imgUrl = url
+      console.log(that.imgUrl)
+    }
+  }
+}
+</script>
+<style scoped>
+.watermarkFlag {
+  /* 设置全屏宽高，覆盖于页面上方 */
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100vw;
+  opacity: 0.8;
+  /* 生成的图片是有一张，开启repeat自动填充 */
+  background: repeat;
+  pointer-events: none;
+  /* 核心部分，决定水印层与内容部分的结合方式 */
+  mix-blend-mode: multiply;
+  z-index: 9999999;
+}
+</style>