cloud-web-corejs 1.0.54-dev.66 → 1.0.54-dev.661

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

@@ -0,0 +1,468 @@
+<template>
+  <div class="compare-view-wrap">
+    <compareBasicSection
+      sectionTitle="基础信息"
+      headerLabel="查看数据表定义模板"
+      :objType="objType"
+      :objCode="objCode"
+      :compareHData1="compareHData1"
+      :compareHData2="compareHData2"
+      :preVersion="preVersion"
+      :curVersion="curVersion"
+      :fields="basicFields"
+      @reverCallback="$emit('reverCallback')"
+    />
+    <div
+      class="compare-cont compare-detail-section"
+      :class="{ 'is-section-fullscreen': detailFullscreen }"
+    >
+      <div class="compare-detail-header">
+        <div class="compare-header-main">
+          <div class="title">
+            <b>{{ $t1("明细") }}</b>
+          </div>
+        </div>
+        <el-tooltip
+          class="item"
+          effect="dark"
+          :content="$t1('全屏')"
+          placement="top"
+        >
+          <el-link
+            class="is-full"
+            :underline="false"
+            @click="detailFullscreen = !detailFullscreen"
+          >
+            <i class="iconfont icon-quanping"></i>
+          </el-link>
+        </el-tooltip>
+      </div>
+      <div class="compare-detail-grid">
+        <span class="version-blue">{{ $t1("版本号") }}：{{ preVersion }}</span>
+        <div
+          class="grid-height"
+          :class="{ 'is-fullscreen-grid': detailFullscreen }"
+        >
+          <vxe-grid ref="table-pre" v-bind="preGridOption" />
+        </div>
+      </div>
+      <div class="compare-detail-grid">
+        <span class="version-green">{{ $t1("版本号") }}：{{ curVersion }}</span>
+        <div
+          class="grid-height"
+          :class="{ 'is-fullscreen-grid': detailFullscreen }"
+        >
+          <vxe-grid ref="table-cur" v-bind="curGridOption" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import compareMixin from "./compareMixin";
+import compareBasicSection from "./compareBasicSection.vue";
+import { buildDetailDiffMaps, getDetailRowKey } from "./tableDetailDiff";
+
+const zdTypeMap = {
+  Boolean: "布尔",
+  Integer: "整数",
+  Long: "长整数",
+  Decimal: "精度小数",
+  Money: "金额",
+  Text: "文本",
+  TextArea: "长文本",
+  DateTime: "日期时间",
+  Reference: "关联表(文本)",
+  ReferenceLong: "关联表(长整型)",
+};
+
+const treeFlagMap = {
+  name: "名称",
+  wbs: "WBS码",
+  parent: "上级ID",
+  treePath: "树ID路径",
+  treePathName: "树名称路径",
+  hasChild: "是否有下级",
+  grade: "层级",
+};
+
+export default {
+  name: "tableModelCompareView",
+  mixins: [compareMixin],
+  components: {
+    compareBasicSection,
+  },
+  data() {
+    return {
+      detailFullscreen: false,
+      preRows: [],
+      curRows: [],
+      preGridOption: {},
+      curGridOption: {},
+      detailDiff: {
+        preCellDiff: {},
+        curCellDiff: {},
+      },
+    };
+  },
+  computed: {
+    basicFields() {
+      return [
+        { key: "taBm", label: "数据库表名" },
+        { key: "taEn", label: "实体名称" },
+        { key: "taCh", label: "表描述" },
+        {
+          key: "taType",
+          label: "是否明细",
+          formatter: (val) => this.formatBool(val),
+        },
+        { key: "sszstEn", label: "所属主实体" },
+        {
+          key: "taRule",
+          label: "是否树结构",
+          formatter: (val) => this.formatBool(val),
+        },
+        {
+          key: "dataRange",
+          label: "数据范围",
+          formatter: (val) => this.formatDataRange(val),
+        },
+        { key: "menuKindName", label: "表单分类" },
+        {
+          key: "szTaMbTagDTOs",
+          label: "项目标签",
+          formatter: (val) => this.formatTags(val),
+        },
+        {
+          key: "enabled",
+          label: "是否启用",
+          formatter: (val) => this.formatBool(val, "启用", "禁用"),
+        },
+        { key: "serviceName", label: "服务名" },
+        { key: "sid", label: "唯一标识" },
+        ...this.auditFields(),
+      ];
+    },
+  },
+  mounted() {
+    this.initDetailGrids();
+  },
+  watch: {
+    detailFullscreen() {
+      this.updateDetailGridLayout();
+    },
+  },
+  methods: {
+    formatYesNo(cellValue) {
+      return this.$t1(cellValue ? "是" : "否");
+    },
+    formatZdType(cellValue) {
+      return this.$t1(zdTypeMap[cellValue] || cellValue || "");
+    },
+    formatTreeFlag(cellValue) {
+      return this.$t1(treeFlagMap[cellValue] || cellValue || "");
+    },
+    getDetailColumns() {
+      return [
+        {
+          title: this.$t1("实体字段名称"),
+          field: "zdEn",
+          width: 150,
+          fixed: "left",
+        },
+        {
+          title: this.$t1("数据库表字段名"),
+          field: "taZdMc",
+          width: 150,
+          fixed: "left",
+        },
+        {
+          title: this.$t1("字段描述"),
+          field: "zdCh",
+          width: 150,
+        },
+        {
+          title: this.$t1("字段类型"),
+          field: "zdType",
+          width: 150,
+          formatter: ({ cellValue }) => this.formatZdType(cellValue),
+        },
+        {
+          title: this.$t1("字段长度"),
+          field: "zdLength",
+          width: 150,
+        },
+        {
+          title: this.$t1("树标识"),
+          field: "treeFlag",
+          width: 150,
+          formatter: ({ cellValue }) => this.formatTreeFlag(cellValue),
+        },
+        {
+          title: this.$t1("关联字段"),
+          field: "referenceZd",
+          width: 250,
+        },
+        {
+          title: this.$t1("来源关联字段"),
+          field: "relationZd",
+          width: 250,
+        },
+        {
+          title: this.$t1("关联表对应服务名"),
+          field: "refServiceName",
+          width: 200,
+        },
+        {
+          title: this.$t1("数据值对应表的字段"),
+          field: "toTaBmZd",
+          width: 250,
+        },
+        {
+          title: this.$t1("字段类型对应的默认值"),
+          field: "zdTypeValues",
+          width: 200,
+        },
+        {
+          title: this.$t1("是否必填项"),
+          field: "required",
+          width: 140,
+          formatter: ({ cellValue }) => this.formatYesNo(cellValue),
+        },
+        {
+          title: this.$t1("是否启用"),
+          field: "enabled",
+          width: 120,
+          formatter: ({ cellValue }) => this.formatYesNo(cellValue),
+        },
+        {
+          title: this.$t1("是否自动生成编码"),
+          field: "generateCode",
+          width: 180,
+          formatter: ({ cellValue }) => this.formatYesNo(cellValue),
+        },
+        {
+          title: this.$t1("数据库字段加密"),
+          field: "atened",
+          width: 180,
+          formatter: ({ cellValue }) => this.formatYesNo(cellValue),
+        },
+        {
+          title: this.$t1("是否更新忽略字段"),
+          field: "updateIgnore",
+          width: 180,
+          formatter: ({ cellValue }) => this.formatYesNo(cellValue),
+        },
+        {
+          title: this.$t1("编码类型"),
+          field: "codeType",
+          width: 150,
+        },
+        {
+          title: this.$t1("序号"),
+          field: "orders",
+          width: 150,
+        },
+      ];
+    },
+    getGridSizeConfig() {
+      if (this.detailFullscreen) {
+        return {
+          height: "100%",
+          maxHeight: null,
+        };
+      }
+      return {
+        height: "auto",
+        maxHeight: 320,
+      };
+    },
+    initDetailGrids() {
+      this.preRows = this.compareHData1?.szTaZdMbDTOs || [];
+      this.curRows = this.compareHData2?.szTaZdMbDTOs || [];
+      this.detailDiff = buildDetailDiffMaps(this.preRows, this.curRows);
+
+      const columns = this.getDetailColumns();
+      const baseConfig = {
+        border: true,
+        resizable: true,
+        showOverflow: true,
+        scrollX: { enabled: true },
+        columns,
+        ...this.getGridSizeConfig(),
+      };
+      this.preGridOption = {
+        ...baseConfig,
+        data: this.preRows,
+        cellClassName: (params) => this.getPreCellClassName(params),
+      };
+      this.curGridOption = {
+        ...baseConfig,
+        data: this.curRows,
+        cellClassName: (params) => this.getCurCellClassName(params),
+      };
+    },
+    updateDetailGridLayout() {
+      const sizeConfig = this.getGridSizeConfig();
+      Object.assign(this.preGridOption, sizeConfig);
+      Object.assign(this.curGridOption, sizeConfig);
+      this.$nextTick(() => {
+        this.refreshDetailGrids();
+      });
+    },
+    refreshDetailGrids() {
+      [
+        { ref: "table-pre", rows: this.preRows },
+        { ref: "table-cur", rows: this.curRows },
+      ].forEach(({ ref, rows }) => {
+        const grid = this.$refs[ref];
+        if (!grid) return;
+        if (typeof grid.loadData === "function") {
+          grid.loadData(rows);
+        }
+        if (typeof grid.recalculate === "function") {
+          grid.recalculate(true);
+        }
+      });
+    },
+    getPreCellClassName({ row, column, rowIndex }) {
+      return this.getDetailCellClassName("pre", row, column, rowIndex);
+    },
+    getCurCellClassName({ row, column, rowIndex }) {
+      return this.getDetailCellClassName("cur", row, column, rowIndex);
+    },
+    getDetailCellClassName(side, row, column, rowIndex) {
+      const field = column.field;
+      if (!field || !row) return "";
+      const diffKey = `${getDetailRowKey(row, rowIndex)}__${field}`;
+      const diffMap =
+        side === "pre"
+          ? this.detailDiff.preCellDiff
+          : this.detailDiff.curCellDiff;
+      const diffType = diffMap[diffKey];
+      if (!diffType) return "";
+      if (diffType === "add") {
+        return "compare-diff-new";
+      }
+      return "compare-diff-old";
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "./compareContMixin.scss";
+
+.compare-detail-section {
+  @include compare-cont-shell;
+  @include compare-cont-full-link;
+  @include compare-version-label;
+
+  .compare-detail-grid {
+    margin-top: 8px;
+
+    .grid-height {
+      height: 320px !important;
+    }
+
+    .version-blue,
+    .version-green {
+      margin-bottom: 8px;
+    }
+  }
+
+  .compare-detail-header {
+    position: relative;
+    min-height: 28px;
+    margin-bottom: 4px;
+    padding-right: 24px;
+  }
+
+  .compare-header-main {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0 16px;
+  }
+
+  .title {
+    margin-bottom: 0 !important;
+  }
+
+  .compare-diff-legend {
+    display: inline-flex;
+    align-items: center;
+    font-size: 12px;
+
+    .legend-item {
+      display: inline-block;
+      margin-right: 12px;
+      padding: 2px 8px;
+      border-radius: 2px;
+
+      &.legend-old {
+        background: rgba(245, 108, 108, 0.2);
+        color: #f56c6c;
+      }
+
+      &.legend-new {
+        background: rgba(103, 194, 58, 0.2);
+        color: #67c23a;
+      }
+    }
+  }
+
+  ::v-deep .compare-diff-old {
+    background-color: rgba(245, 108, 108, 0.2) !important;
+    color: #f56c6c;
+  }
+
+  ::v-deep .compare-diff-new {
+    background-color: rgba(103, 194, 58, 0.2) !important;
+    color: #67c23a;
+  }
+
+  &.is-section-fullscreen {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 9999;
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    overflow: hidden;
+    padding: 12px 16px 16px;
+    background: #fff;
+
+    .compare-detail-header {
+      flex-shrink: 0;
+    }
+
+    .compare-detail-grid {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      flex-direction: column;
+
+      .grid-height.is-fullscreen-grid {
+        flex: 1;
+        min-height: 0;
+        height: auto !important;
+      }
+    }
+  }
+}
+
+.compare-detail-grid + .compare-detail-grid {
+  margin-top: 16px;
+}
+
+.compare-detail-section.is-section-fullscreen {
+  .compare-detail-grid + .compare-detail-grid {
+    margin-top: 12px;
+  }
+}
+</style>

package/src/views/bd/setting/formVersion/textDiff.js

@@ -0,0 +1,102 @@
+/**
+ * 基于 LCS 的行级 diff，返回左右两侧需要高亮的行号（0-based）
+ */
+export function diffLines(oldStr, newStr) {
+  const oldLines = (oldStr || "").split("\n");
+  const newLines = (newStr || "").split("\n");
+  const m = oldLines.length;
+  const n = newLines.length;
+  const dp = buildLcsDp(oldLines, newLines);
+
+  const oldMarks = [];
+  const newMarks = [];
+  const rawOps = [];
+  let i = m;
+  let j = n;
+
+  while (i > 0 || j > 0) {
+    if (i > 0 && j > 0 && oldLines[i - 1] === newLines[j - 1]) {
+      rawOps.unshift({ type: "eq", old: i - 1, new: j - 1 });
+      i--;
+      j--;
+    } else if (j > 0 && (i === 0 || dp[i][j - 1] >= dp[i - 1][j])) {
+      newMarks.unshift(j - 1);
+      rawOps.unshift({ type: "ins", new: j - 1 });
+      j--;
+    } else {
+      oldMarks.unshift(i - 1);
+      rawOps.unshift({ type: "del", old: i - 1 });
+      i--;
+    }
+  }
+
+  const diffNavList = buildDiffHunks(rawOps);
+
+  return { oldMarks, newMarks, diffNavList };
+}
+
+function buildLcsDp(oldLines, newLines) {
+  const m = oldLines.length;
+  const n = newLines.length;
+  const dp = Array.from({ length: m + 1 }, () => Array(n + 1).fill(0));
+
+  for (let i = 1; i <= m; i++) {
+    for (let j = 1; j <= n; j++) {
+      if (oldLines[i - 1] === newLines[j - 1]) {
+        dp[i][j] = dp[i - 1][j - 1] + 1;
+      } else {
+        dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
+      }
+    }
+  }
+
+  return dp;
+}
+
+function buildDiffHunks(rawOps) {
+  const hunks = [];
+  let hunk = null;
+  let lastEqOld = -1;
+  let lastEqNew = -1;
+
+  rawOps.forEach((op) => {
+    if (op.type === "eq") {
+      if (hunk) {
+        hunks.push(finalizeHunk(hunk, lastEqOld, lastEqNew));
+        hunk = null;
+      }
+      lastEqOld = op.old;
+      lastEqNew = op.new;
+      return;
+    }
+
+    if (!hunk) {
+      hunk = { left: null, right: null, leftEnd: null, rightEnd: null };
+    }
+
+    if (op.type === "del") {
+      if (hunk.left == null) hunk.left = op.old;
+      hunk.leftEnd = op.old;
+    } else {
+      if (hunk.right == null) hunk.right = op.new;
+      hunk.rightEnd = op.new;
+    }
+  });
+
+  if (hunk) {
+    hunks.push(finalizeHunk(hunk, lastEqOld, lastEqNew));
+  }
+
+  return hunks;
+}
+
+function finalizeHunk(hunk, lastEqOld, lastEqNew) {
+  return {
+    left: hunk.left,
+    right: hunk.right,
+    leftEnd: hunk.leftEnd,
+    rightEnd: hunk.rightEnd,
+    anchorLeft: Math.max(lastEqOld, 0),
+    anchorRight: Math.max(lastEqNew, 0),
+  };
+}

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>