cloud-web-corejs 1.0.76 → 1.0.77

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

@@ -0,0 +1,92 @@
+<template>
+  <el-dialog
+    :title="$t1('获取提取码')"
+    :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_8"
+    width="350px"
+    v-el-drag-dialog
+    v-el-dialog-center
+    @close="dialogClose"
+  >
+    <div class="cont">
+      <el-form ref="editCategoryForm" :model="formData" label-width="102px" class="adSearchForm" style="min-height: 150px; width: auto;">
+        <el-form-item :label="$t1('类型')">
+          <el-select v-model="formData.objType" class="all-width">
+            <el-option value="FormTemplate" :label="$t1('表单模板')"></el-option>
+            <el-option value="FormScript" :label="$t1('逻辑脚本')"></el-option>
+            <el-option value="TableTemplate" :label="$t1('数据表')"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t1('唯一标识')">
+          <el-input v-model="formData.sid" clearable class="all-width"/>
+        </el-form-item>
+        <el-form-item :label="$t1('提取码')">
+          <span>{{ extractedCode }}</span>
+        </el-form-item>
+      </el-form>
+    </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" @click="dialogConfirm" class="button-sty">
+        <i class="el-icon-check el-icon"></i>
+        {{ $t1('生成提取码') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+export default {
+  name: "createDialog",
+  data() {
+    return {
+      showDialog: true,
+      formData: {
+        objType: "FormTemplate",
+        sid: null
+      },
+      extractedCode: null
+    }
+  },
+  methods: {
+    dialogConfirm() {
+      this.extractedCode = null;
+      if (!this.formData.sid) {
+        this.$baseAlert("唯一标识不能为空");
+        return
+      }
+      this.$http({
+        aes: true,
+        url: USER_PREFIX + `/form_develop/getExtractedCodeData`,
+        method: `post`,
+        data: this.formData,
+        isLoading: true,
+        success: res => {
+          let rows = res.objx || []
+          if (rows.length) {
+            let row = rows[0];
+            this.extractedCode = row.extractedCode
+          }
+        }
+      })
+    },
+    dialogClose() {
+      this.showDialog = false;
+      this.$emit('update:visiable', false)
+    },
+  }
+}
+</script>
+
+
+<style scoped>
+::v-deep .el-select.all-width .el-input{
+  width: 100% !important;
+}
+</style>

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

@@ -0,0 +1,96 @@
+<template>
+  <el-dialog
+    :title="$t1('查询提取码')"
+    :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_8"
+    width="350px"
+    v-el-drag-dialog
+    :before-close="dialogClose"
+  >
+    <div class="cont">
+      <el-form ref="editCategoryForm" :model="formData" label-width="102px" class="adSearchForm" style="height: auto; width: auto;">
+        <el-form-item :label="$t1('提取码')">
+          <el-input v-model="formData.extractedCode" clearable class="all-width"/>
+        </el-form-item>
+      </el-form>
+    </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" @click="dialogConfirm" class="button-sty">
+        <i class="el-icon-check el-icon"></i>
+        {{ $t1('确定') }}
+      </el-button>
+    </span>
+    <viewDialog v-if="showViewDialog" :visiable.sync="showViewDialog" @close="dialogClose"
+                :extractedObj="extractedObj"></viewDialog>
+  </el-dialog>
+</template>
+<script>
+import viewDialog from "./viewDialog.vue";
+
+export default {
+  name: "createDialog",
+  components: {
+    viewDialog
+  },
+  data() {
+    return {
+      showDialog: true,
+      formData: {
+        extractedCode: null
+      },
+      showViewDialog: false,
+      extractedObj: {}
+    }
+  },
+  methods: {
+    dialogConfirm() {
+      if (!this.formData.extractedCode) {
+        this.$baseAlert(this.$t1("提取码不能为空"));
+        return
+      }
+      this.$http({
+        aes: true,
+        url: USER_PREFIX + `/form_develop/getExtractedObjData`,
+        method: `post`,
+        data: {
+          stringOne: this.formData.extractedCode
+        },
+        isLoading: true,
+        success: res => {
+          let rows = res.objx || []
+          if (rows.length) {
+            let row = rows[0];
+            let obj = row.obj
+            if (!obj) {
+              this.$baseAlert(this.$t1("提取对象为空"));
+              return
+            }
+            this.extractedObj = row;
+            this.showDialog = false;
+            this.showViewDialog = true;
+          } else {
+            this.$baseAlert(this.$t1("无效提取码"));
+          }
+        }
+      })
+    },
+    dialogClose() {
+      this.showDialog = false;
+      this.$emit('update:visiable', false)
+    },
+  }
+}
+</script>
+
+
+<style scoped>
+
+</style>

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

@@ -0,0 +1,192 @@
+<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: {
+    extractedObj: 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 extractedObj = this.extractedObj;
+      let objType = extractedObj.objType;
+      let obj = extractedObj.obj;
+      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
+      });
+      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>