cloud-web-corejs 1.0.54-dev.63 → 1.0.54-dev.630

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,14 +1,18 @@
 <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>
+  <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
+          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>
@@ -24,13 +28,13 @@ export default {
     return {
       languageSettings: [],
       languageSettingMap: {},
-      i18nEnabled: settingConfig.i18nEnabled
-    }
+      i18nEnabled: settingConfig.i18nEnabled,
+    };
   },
   computed: {
     currentName() {
-      return this.languageSettingMap[this.$i18n.locale]
-    }
+      return this.languageSettingMap[this.$i18n.locale];
+    },
   },
   mounted() {
     this.initLanguageSetting();
@@ -42,33 +46,33 @@ export default {
           url: USER_PREFIX + `/auth/switchLanguage`,
           method: `post`,
           data: {
-            "stringOne": command
+            stringOne: command,
           },
           isLoading: true,
           modalStrictly: true,
           loadingTarget: document.body,
-          success: res => {
-            this.$i18n.locale = command // 设置给本地的i18n插件
+          success: (res) => {
+            this.$i18n.locale = command; // 设置给本地的i18n插件
             localStorage.setItem("i18n-lang", command);
-            this.$message.success('切换多语言成功')
-            location.reload()
-          }
-        })
+            this.$message.success("切换多语言成功");
+            location.reload();
+          },
+        });
       }
     },
     initLanguageSetting() {
       if (settingConfig.i18nEnabled !== true) return;
-      let languageSettings = []
-      languageSettings.push(...(this.$store.state.user.languageSettings));
+      let languageSettings = [];
+      languageSettings.push(...this.$store.state.user.languageSettings);
       let map = {};
-      languageSettings.forEach(item => {
+      languageSettings.forEach((item) => {
         map[item.languageCode] = item.languageName;
       });
       this.languageSettingMap = map;
       this.languageSettings = languageSettings;
     },
-  }
-}
+  },
+};
 </script>
 <style scoped lang="scss">
 /*多语言*/
@@ -78,7 +82,7 @@ export default {
   height: 18px;
   line-height: 18px;
   vertical-align: middle;
-  color: #FFF;
+  color: #fff;
   font-size: 12px;
 
   .el-icon--right {
@@ -86,7 +90,7 @@ export default {
   }
 
   .el-dropdown-link {
-    color: #FFF;
+    color: #fff;
 
     .name {
       display: inline-block;
@@ -95,7 +99,7 @@ export default {
       overflow: hidden;
       vertical-align: middle;
       font-size: 12px;
-      line-height: 19px
+      line-height: 19px;
     }
 
     i {
@@ -110,7 +114,6 @@ export default {
       }
     }
   }
-
 }
 
 .lang-box-pup .el-dropdown-menu__item.cur {

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>

package/src/layout/defaultLayout.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="app-wrapper openSidebar">
-    <sidebar class="sidebar-container" :class="{ hoverold: hoverSidebar }" @selfClose="hoverSidebar = false"
-             @selfEnter="hoverSidebar = true"/>
-    <div class="main-container">
-      <div class="fixed-header">
-        <tags-view v-if="needTagsView"/>
+  <div :class="{'app-wrapper openSidebar':showSidebar,'empty-home-wrapper':!showSidebar}">
+    <sidebar v-show="showSidebar" class="sidebar-container" :class="{ hoverold: hoverSidebar }" @selfClose="hoverSidebar = false"
+             @selfEnter="hoverSidebar = true" :isMenu.sync="isMenu"/>
+    <div :class="{'main-container':showSidebar,telescopMenu:!isMenu}">
+      <div class="fixed-header" v-show="showSidebar">
+        <tags-view v-if="needTagsView" :isMenu.sync="isMenu"/>
       </div>
       <app-main v-if="showAppMain" ref="appMain"/>
     </div>
@@ -38,6 +38,10 @@ export default {
         withoutAnimation: this.sidebar.withoutAnimation,
         mobile: this.device === 'mobile'
       };
+    },
+    showSidebar() {
+      let result = true
+      return result;
     }
   },
   data() {
@@ -45,7 +49,8 @@ export default {
       hoverSidebar: false,
       showAppMain: false,
       showModifyPasswordDialog: true,
-      passwordStatus: 2
+      passwordStatus: 2,
+      isMenu:true
     };
   },
   created() {
@@ -57,6 +62,9 @@ export default {
       success: res => {
       }
     });
+    this.$baseEventBus.$on("triggerMenu",(value)=>{
+      this.isMenu = !this.isMenu;
+    });
   },
   async mounted() {
     if (sessionStorage.getItem('toHome') == '1') {
@@ -92,7 +100,7 @@ export default {
   position: relative;
   height: 100%;
   width: 100%;
-
+  overflow: hidden;
   &.mobile.openSidebar {
     position: fixed;
     top: 0;
@@ -120,7 +128,7 @@ export default {
   padding-top: 2px;
   //box-shadow:0 2px 6px rgba(0,0,0,0.04);
   //background:#FFF;
-  border-bottom: solid 2px $baseColor;
+  // border-bottom: solid 2px $baseColor;
   display: -moz-box;
   display: -webkit-box;
   display: box;