cloud-web-corejs 1.0.54-dev.6 → 1.0.54-dev.600

package/src/views/bd/setting/formVersion/ftHistoryDialog.vue

@@ -0,0 +1,394 @@
+<template>
+  <div>
+    <el-dialog
+      :title="$t1(title)"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="falseValue"
+      :visible.sync="showDialog"
+      :modal="falseValue"
+      custom-class="dialog-style list-dialog dialog-checkbox pd_0"
+      width="1200px"
+      @close="dialogClose"
+      v-el-drag-dialog
+      v-el-dialog-center
+      :fullscreen="true"
+    >
+      <div class="cont" id="containt" style="overflow: hidden">
+        <el-tabs ref="xTabs" v-model="activeName" class="tab-box">
+          <el-tab-pane :label="$t1('详情')" name="first">
+            <component
+              :is="editContent"
+              v-if="showEdit"
+              visible-key="showEdit"
+              :hData="hData"
+              :parent-target="_self"
+              @reload="$reloadHandle"
+              @openDesignDialog="openDesingerDialogByChild"
+              @reverCallback="reverCallback"
+            ></component>
+          </el-tab-pane>
+          <el-tab-pane :label="$t1('列表')" name="second">
+            <div class="grid-height">
+              <vxe-grid
+                ref="table-m1"
+                v-bind="vxeOption"
+                @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                @custom="$vxeTableUtil.customHandle"
+              >
+                <template #form>
+                  <div class="clearfix screen-btns">
+                    <div class="fr">
+                      <vxe-button
+                        icon="el-icon-brush"
+                        class="button-sty"
+                        @click="resetEvent"
+                        type="text"
+                        status="primary"
+                        plain
+                        >{{ $t1("重置") }}
+                      </vxe-button>
+                      <vxe-button
+                        status="warning"
+                        icon="el-icon-search"
+                        class="button-sty"
+                        @click="searchEvent"
+                      >
+                        {{ $t1("搜索") }}
+                      </vxe-button>
+                    </div>
+                  </div>
+                  <vxe-form
+                    class="screen-box"
+                    title-width="92px"
+                    title-align="right"
+                    :data="formData"
+                    @submit="searchEvent"
+                    @reset="resetEvent"
+                  >
+                    <vxe-form-item :title="$t1('版本号') + ':'">
+                      <template v-slot>
+                        <base-input-number v-model="formData.version" />
+                      </template>
+                    </vxe-form-item>
+                    <vxe-form-item :title="$t1('备注') + ':'">
+                      <template v-slot>
+                        <el-input v-model="formData.remark" clearable />
+                      </template>
+                    </vxe-form-item>
+                  </vxe-form>
+                </template>
+              </vxe-grid>
+            </div>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+      <el-drawer
+        :title="$t1('表单设计({formName})', { formName })"
+        :visible.sync="showDesingerDialog"
+        :modal="false"
+        :destroy-on-close="true"
+        size="100%"
+        direction="rtl"
+        :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"
+              @reflushTemplateList="reflushTemplateList"
+              :readonly="designerReadonly"
+            ></designer>
+          </el-tab-pane>
+          <!-- <el-tab-pane :label="$t1('后端脚本')" name="second">
+            <formScriptList
+              :formCode="formCode"
+              :formTemplate="currentFormTemplate"
+              v-if="showFormScriptList"
+            ></formScriptList>
+          </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>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { selectDialogMixins } from "@base/mixins/selectDialog";
+import FormTemplateEdit from "@base/views/bd/setting/form_template/edit.vue";
+import FormScriptEdit from "@base/views/bd/setting/form_script/edit.vue";
+import FormScriptEdit1 from "@base/views/bd/setting/form_script/edit1.vue";
+import SzTaMbEdit from "@base/views/bd/setting/table_model/edit.vue";
+import formScriptList from "@base/views/bd/setting/form_script/form_list.vue";
+
+export default {
+  name: "ftHistoryDialog",
+  props: ["visiable", "objType", "objCode", "relationCode"],
+  mixins: [selectDialogMixins],
+  components: {
+    FormTemplateEdit,
+    FormScriptEdit,
+    FormScriptEdit1,
+    SzTaMbEdit,
+    formScriptList,
+    designer: () => import("@base/views/user/form/vform/designer.vue"),
+  },
+  created() {
+    this.initSetting();
+    this.initTitle();
+  },
+  mounted() {
+    this.initTableM1();
+  },
+  data() {
+    return {
+      showEdit: false,
+      showDialog: true,
+      falseValue: false,
+      selectMulti: true,
+      formData: {},
+      vxeOption: {},
+      showSaleOrgDialog: false,
+      activeName: "second",
+
+      editContent: null,
+      hData: null,
+
+      formCode: null,
+      formName: null,
+      currentFormTemplate: null,
+      isFullscreen: false,
+      designerReadonly: false,
+      showDesingerDialog: false,
+
+      showFormScriptList: false,
+      formDesTabs: "first",
+      title: "历史列表",
+    };
+  },
+  watch: {
+    formDesTabs(val) {
+      if (this.showFormScriptList == false && val == "second") {
+        this.showFormScriptList = true;
+      }
+    },
+  },
+  methods: {
+    initTitle() {
+      let titleMap = {
+        FormTemplate: "表单模板历史版本",
+        FormScript: "逻辑脚本历史版本",
+        SzTaMb: "数据表历史版本",
+      };
+      this.title = titleMap[this.objType];
+    },
+    initTableM1() {
+      let that = this;
+      let objNameTitleMap = {
+        FormTemplate: "模板名称",
+        FormScript: "脚本名称",
+        SzTaMb: "数据表名称",
+      };
+      let objNameTitle = objNameTitleMap[this.objType];
+      let objCodeTitleMap = {
+        FormTemplate: "模板编码",
+        FormScript: "脚本编码",
+        SzTaMb: "数据表编码",
+      };
+      let objCodeTitle = objCodeTitleMap[this.objType];
+
+      let tableOption = {
+        vue: that,
+        tableRef: "table-m1",
+        tableName: "bd_formVersion_dialog-m1",
+        path: USER_PREFIX + "/formVersion/listPage",
+        param: () => {
+          return {
+            ...this.formData,
+            objType: this.objType,
+            objCode: this.objCode,
+            relationCode: this.relationCode,
+          };
+        },
+        columns: [
+          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          {
+            title: this.$t1(objNameTitle),
+            field: "objName",
+            width: 150,
+            fixed: "left",
+          },
+          {
+            title: this.$t1(objCodeTitle),
+            field: "objCode",
+            width: 150,
+          },
+          {
+            title: this.$t1("版本号"),
+            field: "version",
+            width: 150,
+          },
+          {
+            title: this.$t1("备注"),
+            field: "remark",
+            width: 150,
+          },
+          {
+            title: this.$t1("创建时间"),
+            field: "createDate",
+            width: 150,
+          },
+          {
+            width: 90,
+            fixed: "right",
+            title: "",
+            sortable: false,
+            slots: {
+              default: ({ row }) => {
+                return [
+                  <div>
+                    <a
+                      href="javascript:void(0);"
+                      class="a-link"
+                      onclick={() => {
+                        this.openEditView(row);
+                      }}
+                    >
+                      <el-tooltip
+                        enterable={false}
+                        effect="dark"
+                        content="查看"
+                        placement="top"
+                        popper-class="tooltip-skin"
+                      >
+                        <i class="el-icon-edit" />
+                      </el-tooltip>
+                    </a>
+                  </div>,
+                ];
+              },
+            },
+          },
+        ],
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+        that.vxeOption = opts;
+      });
+    },
+    openEditView(row) {
+      this.$http({
+        url: USER_PREFIX + "/formVersion/get",
+        method: "post",
+        data: {
+          id: row.id,
+        },
+        success: (res) => {
+          let objx = res.objx;
+          let hData = JSON.parse(objx.content);
+          this.hData = hData;
+          let map = {
+            FormTemplate: FormTemplateEdit,
+            FormScript: FormScriptEdit,
+            SzTaMb: SzTaMbEdit,
+          };
+          let scriptTypeMap = {
+            0: FormScriptEdit,
+            1: FormScriptEdit1,
+          };
+          if (row.objType === "FormScript") {
+            this.editContent = scriptTypeMap[hData.scriptType];
+          } else {
+            this.editContent = map[row.objType];
+          }
+          this.activeName = "first";
+          this.$openEditView("showEdit");
+        },
+      });
+    },
+    rever(row) {},
+    openDesingerDialog(row, callback, readonly = false) {
+      this.formCode = row.formCode;
+      this.formName = row.formName + " - " + row.formVersion;
+      this.currentFormTemplate = row;
+      this.isFullscreen = false;
+
+      this.designerReadonly = readonly;
+      this.showDesingerDialog = true;
+      this.designerSaveCallback = callback ?? null;
+    },
+    openDesingerDialogByChild({ row, readonly, callback }) {
+      this.openDesingerDialog(row, callback, readonly);
+    },
+    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;
+    },
+    handleFormDesignClose() {
+      this.formDesTabs = "first";
+      this.showFormScriptList = false;
+    },
+    reverCallback() {
+      this.$emit("reverCallback");
+      this.dialogClose();
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.grid-height {
+  height: calc(100vh - 162px) !important;
+}
+::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/views/bd/setting/formVersion/preformDialog.vue

@@ -0,0 +1,86 @@
+<template>
+  <el-dialog
+    :title="$t1('您确定要回退当前版本吗？')"
+    :visible.sync="showDialog"
+    :modal-append-to-body="false"
+    :close-on-click-modal="false"
+    :modal="false"
+    custom-class="dialog-style wf-dialog formVersion-preform-dialog"
+    v-el-drag-dialog
+    v-el-dialog-center
+    @close="closeDialog"
+  >
+    <el-form ref="editForm" :model="formData">
+      <div id="containt">
+        <table class="table-detail">
+          <tbody>
+            <tr>
+              <th>
+                <span class="t">
+                  <em class="f-red">*</em>
+                  {{ $t1("提交内容") }}
+                </span>
+              </th>
+              <td>
+                <el-form-item
+                  prop="logContent"
+                  :rules="[{ required: true, trigger: ['blur', 'change'] }]"
+                >
+                  <el-input
+                    type="textarea"
+                    :rows="8"
+                    :placeholder="$attrs.placeholder || $t1('请输入提交内容')"
+                    v-model="formData.logContent"
+                  ></el-input>
+                </el-form-item>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" plain class="button-sty" @click="closeDialog">
+        <i class="el-icon-close el-icon"></i>
+        {{ $t1("取 消") }}
+      </el-button>
+      <el-button type="primary" @click="confirmDialog" class="button-sty">
+        <i class="el-icon-check el-icon"></i>
+        {{ $t1("确 定") }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+export default {
+  name: "preformDialog",
+  data() {
+    return {
+      showDialog: true,
+      formData: {
+        logContent: null,
+      },
+    };
+  },
+  methods: {
+    closeDialog() {
+      this.$emit("update:visiable", false);
+      this.showDialog = false;
+    },
+    confirmDialog() {
+      this.$refs.editForm.$baseValidate((valid) => {
+        if (valid) {
+          this.closeDialog();
+          this.$emit("confirm", this.formData);
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped></style>
+<style>
+.formVersion-preform-dialog .el-dialog__header {
+  text-align: left;
+}
+</style>

package/src/views/bd/setting/formVersion/reverButton.vue

@@ -0,0 +1,84 @@
+<template>
+  <el-button
+    type="primary"
+    plain
+    class="button-sty"
+    icon="el-icon-set-up"
+    @click="openPreformDialog"
+  >
+    {{ $t1("回退当前版本") }}
+    <preformDialog
+      v-if="showPreformDialog"
+      :visiable.sync="showPreformDialog"
+      @confirm="confirmPreformDialog"
+    ></preformDialog>
+  </el-button>
+</template>
+<script>
+import { USER_PREFIX } from "@/prefixConfig";
+
+export default {
+  name: "ftHistoryButton",
+  props: {
+    hData: Object,
+    objType: {
+      type: String,
+      default: "",
+    },
+    objCode: {
+      type: String,
+      default: "",
+    },
+  },
+  components: {
+    ftHistoryDialog: () =>
+      import("@base/views/bd/setting/formVersion/ftHistoryDialog.vue"),
+    preformDialog: () => import("./preformDialog.vue"),
+  },
+  data() {
+    return {
+      historyDialogVisible: false,
+      showPreformDialog: false,
+      formData: {
+        logContent: "",
+      },
+    };
+  },
+  methods: {
+    saveDataHandle(preformData) {
+      let url = null;
+      if (this.objType === "FormTemplate") {
+        url = USER_PREFIX + "/formTemplate/update";
+      } else if (this.objType === "FormScript") {
+        url = USER_PREFIX + "/formScript/update";
+      } else if (this.objType === "SzTaMb") {
+        url = USER_PREFIX + "/szTaMb/update";
+      }
+      this.$http({
+        // aes: true,
+        url: url,
+        method: `post`,
+        data: {
+          ...this.hData,
+          rb: 1,
+          logContent: preformData.logContent,
+        },
+        isLoading: true,
+        success: (res) => {
+          this.$message({
+            message: res.content,
+            type: "success",
+          });
+          this.$emit("reverCallback");
+        },
+      });
+    },
+    openPreformDialog() {
+      this.showPreformDialog = true;
+    },
+    confirmPreformDialog(preformData) {
+      this.saveDataHandle(preformData);
+    },
+  },
+};
+</script>

package/src/views/bd/setting/form_import_log/edit.vue

@@ -0,0 +1,130 @@
+<template>
+  <div class="detail-wrap">
+    <el-form ref="editForm" :model="formImportLog">
+      <div class="d-header clearfix">
+        <div class="fl">
+          <i class="el-icon-info"/>
+          {{ dataId ? $t1('查看表单导入日志') : $t1('新增表单导入日志') }}
+        </div>
+        <div class="fr">
+          <el-button type="primary" plain class="button-sty" @click="$baseReload()" icon="el-icon-refresh-right">
+            {{ $t1('重置') }}
+          </el-button>
+        </div>
+      </div>
+      <div class="d-cont">
+        <div class="d-item">
+          <div class="title first"><b>{{ $t1('基本信息') }}</b></div>
+          <table class="table-detail">
+            <tbody>
+            <tr>
+              <th>
+                {{ $t1('版本号') }}
+              </th>
+              <td>
+                {{ formImportLog.version }}
+              </td>
+              <th>
+                {{ $t1('表单分类路径') }}
+              </th>
+              <td colspan="5">
+                {{ formImportLog.treePathName }}
+              </td>
+            </tr>
+            <tr>
+              <th>
+                {{ $t1('日志类型') }}
+              </th>
+              <td>
+                {{ formImportLog.logType }}
+              </td>
+              <th>
+                {{ $t1('日志对象') }}
+              </th>
+              <td colspan="3">
+                [{{ formImportLog.abc }}] {{ formImportLog.logObj }}
+              </td>
+            </tr>
+            <tr>
+              <th>
+                {{ $t1('导入时间') }}
+              </th>
+              <td>
+                {{ formImportLog.impDate }}
+              </td>
+              <th>
+                {{ $t1('结果') }}
+              </th>
+              <td>
+                {{ impReturnTypeMap[formImportLog.impReturnType] }}
+              </td>
+            </tr>
+            <tr>
+              <th>{{ $t1('失败描述') }}</th>
+              <td colspan="7">{{ formImportLog.impReturnMsg }}</td>
+            </tr>
+            <tr>
+              <th>{{ $t1('创建人') }}</th>
+              <td>{{ formImportLog.createBy }}</td>
+              <th>{{ $t1('创建时间') }}</th>
+              <td>{{ formImportLog.createDate }}</td>
+              <th>{{ $t1('更新人') }}</th>
+              <td>{{ formImportLog.modifyBy }}</td>
+              <th>{{ $t1('更新时间') }}</th>
+              <td>{{ formImportLog.modifyDate }}</td>
+            </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'formImportLogEdit',
+  props: {
+    _dataId: [String, Number]
+  },
+  components: {},
+  data() {
+    return {
+      isEdit: false,
+      tabIndex: 'first',
+      dataId: '',
+      formImportLog: {},
+      impReturnTypeMap: {
+        success: this.$t1('成功'),
+        fail: this.$t1('失败')
+      }
+    };
+  },
+  created() {
+    if (this._dataId && !isNaN(this._dataId)) this.dataId = this._dataId;
+  },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+    getData() {
+      if (this.dataId && !isNaN(this.dataId)) {
+        this.isEdit = true;
+        this.$commonHttp({
+          aes: true,
+          url: USER_PREFIX + `/form_import_log/get`,
+          method: `post`,
+          data: {
+            id: this.dataId
+          },
+          isLoading: true,
+          modalStrictly: true,
+          success: res => {
+            this.formImportLog = res.objx || {};
+          }
+        });
+      }
+    }
+  }
+};
+</script>