@epxing/business 0.0.0-stage → 5.3.0-beta.1

package/dist/src/views/match/conversion.js

@@ -0,0 +1,804 @@
+import { mapGetters } from "vuex";
+import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, createBlock, Fragment, renderList, withModifiers } from "vue";
+/* empty css               */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-match-conversion",
+  data() {
+    return {
+      sourceEntity: "",
+      field: {},
+      sourceFieldId: "",
+      sourceFieldInfo: {},
+      targetFieldId: "",
+      targetFieldInfo: {},
+      conversionList: [],
+      sourceFieldOption: [],
+      targetFieldOption: [],
+      loading: true,
+      currentPage: 1,
+      addConversionDialog: false,
+      addConversionFilterText: "",
+      showSourcePopover: {},
+      sourceFieldOptionCheckedKeys: [],
+      sourceFieldOptionInput: "",
+      showTargetPopover: {},
+      targetFieldOptionCheckedKeys: [],
+      targetFieldOptionInput: ""
+    };
+  },
+  computed: {
+    ...mapGetters([
+      "getCodeById",
+      // 原来映射的是 getTreeById（读 state.objects）。而下面两处 optionType==='treeList' 时
+      // dispatch 的 dataType 也是 'treeList'，写的是 state.treeList —— 写读不是同一个桶，
+      // 缓存永远不命中、每次都重新请求（objects 桶在本仓已无任何活的写入方）。改用读 treeList 的 getter。
+      "getTreeCodeById"
+    ]),
+    // pageSourceFieldOption () {
+    //   return this.sourceFieldOption.slice((this.currentPage - 1) * 20, this.currentPage * 20 > this.sourceFieldOption.length ? this.sourceFieldOption.length : this.currentPage * 20)
+    // },
+    conversionWay() {
+      const { conversionWay = "manual" } = this.$query;
+      return conversionWay;
+    },
+    sourcefieldIsOption() {
+      const { DATA_TYPE } = this.sourceFieldInfo;
+      return ["list", "radio", "multibox", "treeList"].includes(DATA_TYPE);
+    },
+    targetfieldIsOption() {
+      const { DATA_TYPE } = this.targetFieldInfo;
+      return ["list", "radio", "multibox", "treeList"].includes(DATA_TYPE);
+    },
+    matchOptions() {
+      const options = this.getCodeById("field_value_match_option");
+      if (!options) {
+        this.$store.dispatch({
+          type: "ADD_LIST",
+          key: "field_value_match_option"
+        });
+      }
+      return options || [];
+    },
+    getSourceValueLabel() {
+      return (code) => {
+        if (!code) return "";
+        const label = [];
+        const findLabel = (code2, arr = this.sourceFieldOption) => {
+          for (const item of arr) {
+            const index = code2.indexOf(item.code);
+            if (index !== -1) {
+              label.splice(index, 1, item.name);
+              if (label.filter((item2) => !!item2).length === code2.length) return label;
+            } else if (item.children) {
+              const label2 = findLabel(code2, item.children);
+              if (label2) return label2;
+            }
+          }
+        };
+        findLabel(code.split(","));
+        const labelStr = label.join(",");
+        return labelStr || code;
+      };
+    },
+    labelArr() {
+      return (row) => {
+        const code = row.SOURCE_VALUE;
+        if (row["SOURCE_VALUE#"]) return row["SOURCE_VALUE#"].split(",");
+        if (!code) return "";
+        const codeArr = code.split(",");
+        const label = new Array(codeArr.length);
+        const findLabel = (code2, arr = this.sourceFieldOption) => {
+          for (const item of arr) {
+            const index = code2.indexOf(item.code);
+            if (index !== -1) {
+              label.splice(index, 1, item.name);
+              if (label.filter((item2) => !!item2).length === code2.length) return label;
+            }
+            if (item.children) {
+              const label2 = findLabel(code2, item.children);
+              if (label2) return label2;
+            }
+          }
+        };
+        findLabel(codeArr);
+        return codeArr.map((item, index) => label[index] || item);
+      };
+    },
+    targetLabelArr() {
+      return (row) => {
+        const code = row.TARGET_VALUE;
+        if (row["TARGET_VALUE#"]) return row["TARGET_VALUE#"].split(",");
+        if (!code) return "";
+        const label = [];
+        const findLabel = (code2, arr = this.targetFieldOption) => {
+          for (const item of arr) {
+            const index = code2.indexOf(item.code);
+            if (index !== -1) {
+              label.splice(index, 1, item.name);
+              if (label.filter((item2) => !!item2).length === code2.length) return label;
+            }
+            if (item.children) {
+              const label2 = findLabel(code2, item.children);
+              if (label2) return label2;
+            }
+          }
+        };
+        findLabel(code.split(","));
+        return label;
+      };
+    }
+  },
+  watch: {
+    addConversionFilterText(v) {
+      this.$refs.conversionFieldTree.filter(v);
+    },
+    sourceFieldOptionInput(v) {
+      this.$refs.sourceFieldOptionTree.filter(v);
+    },
+    targetFieldOptionInput(v) {
+      this.$refs.targetFieldOptionTree.filter(v);
+    }
+  },
+  methods: {
+    filterNode(value, data) {
+      if (!value) return true;
+      return (data.name || data.text).indexOf(value) !== -1;
+    },
+    sureRule() {
+      const ruleList = this.conversionList.filter((item) => item.SOURCE_VALUE).map((item) => {
+        return { id: item.ID, sourceValue: item.SOURCE_VALUE, targetValue: item.TARGET_VALUE || "", matchOption: item.MATCH_CONDITION || "equal" };
+      });
+      const params = {
+        action: "batchAddFieldValueValueMatchMode",
+        entityId: "FM_ENTITY_FIELD_VALUE_MATCH",
+        entityFieldMatchId: this.$query.entityFieldMatchId
+      };
+      params.fieldValueMetchInfo = JSON.stringify(ruleList);
+      this.loading = true;
+      this.$http.$post(params).then((data) => {
+        this.backPage();
+        this.loading = false;
+        this.sourceFieldOption = [];
+        this.targetFieldOption = [];
+        this.$message.success("添加成功");
+      });
+    },
+    zidongMatch() {
+      const conversionList = [...this.conversionList];
+      for (const item of conversionList) {
+        if (item.SOURCE_VALUE && !item.TARGET_VALUE) {
+          if (this.targetfieldIsOption) {
+            const sourceOption = this.sourceFieldOption.find((source) => item.SOURCE_VALUE === source.code) || {};
+            const targetOption = this.targetFieldOption.find((target) => item.SOURCE_VALUE === target.code || sourceOption.name === target.name);
+            if (targetOption) {
+              item.TARGET_VALUE = targetOption.code;
+            }
+          } else {
+            item.TARGET_VALUE = item.SOURCE_VALUE;
+          }
+        }
+      }
+      this.conversionList = this.$_.cloneDeep(conversionList);
+    },
+    async getSourceFieldOption() {
+      let sourceFieldInfo = {};
+      await this.$http.get({
+        entityId: "FM_ATTRIBUTE",
+        id: this.sourceFieldId
+      }).then((data) => {
+        sourceFieldInfo = data.data;
+        this.sourceFieldInfo = sourceFieldInfo;
+      });
+      if (["text", "textarea", "bigtext"].includes(sourceFieldInfo.DATA_TYPE)) {
+        this.$http.list({
+          action: "getTextFieldValues",
+          entityId: "FM_ENTITY_FIELD_VALUE_MATCH",
+          metaId: sourceFieldInfo.ENTITY_ID,
+          fieldCode: sourceFieldInfo.NAME,
+          page: this.currentPage,
+          limit: 20
+        }).then((data) => {
+          this.sourceFieldOption = data.map((item) => ({ code: item, name: item }));
+          this.currentPage++;
+        });
+      } else {
+        const { DATA_TYPE, CODE_KEY, OPTION_TYPE } = sourceFieldInfo;
+        if (CODE_KEY) {
+          const optionType = OPTION_TYPE || DATA_TYPE;
+          let options = optionType === "treeList" ? this.getTreeCodeById(CODE_KEY) : this.getCodeById(CODE_KEY);
+          if (!options) {
+            await this.$store.dispatch({
+              type: "ADD_LIST",
+              key: CODE_KEY,
+              dataType: optionType
+            }).then((data) => {
+              options = data;
+            });
+          }
+          this.sourceFieldOption = [...options];
+        }
+      }
+      this.getRule();
+      this.loading = false;
+    },
+    getTextFieldValues() {
+      if (this.noData === true) return;
+      this.$http.list({
+        action: "getTextFieldValues",
+        entityId: "FM_ENTITY_FIELD_VALUE_MATCH",
+        metaId: this.sourceFieldInfo.ENTITY_ID,
+        fieldCode: this.sourceFieldInfo.NAME,
+        page: this.currentPage,
+        limit: 20
+      }).then((data) => {
+        this.sourceFieldOption = [...this.sourceFieldOption, ...data.map((item) => ({ code: item, name: item }))];
+        this.currentPage++;
+        if (data.length === 0) this.noData = true;
+      });
+    },
+    async getTargetFieldOption() {
+      let targetFieldInfo = {};
+      await this.$http.get({
+        entityId: "FM_ATTRIBUTE",
+        id: this.targetFieldId
+      }).then((data) => {
+        targetFieldInfo = data.data;
+        this.targetFieldInfo = targetFieldInfo;
+      });
+      const { DATA_TYPE, CODE_KEY, OPTION_TYPE } = targetFieldInfo;
+      if (CODE_KEY) {
+        const optionType = OPTION_TYPE || DATA_TYPE;
+        let options = optionType === "treeList" ? this.getTreeCodeById(CODE_KEY) : this.getCodeById(CODE_KEY);
+        if (!options) {
+          await this.$store.dispatch({
+            type: "ADD_LIST",
+            key: CODE_KEY,
+            dataType: optionType
+          }).then((data) => {
+            options = data;
+          });
+        }
+        this.targetFieldOption = [...options];
+      }
+    },
+    getRule() {
+      this.$http.list({
+        entityId: "FM_ENTITY_FIELD_VALUE_MATCH",
+        "scope.ENTITY_FIELD_MATCH": this.$query.entityFieldMatchId
+      }).then((data) => {
+        if (data.entitys.length === 0 && this.conversionWay === "auto") {
+          const ruleList = [];
+          const addFieldOption = (arr) => arr.forEach((item, index) => {
+            ruleList.push({ timestamp: (/* @__PURE__ */ new Date()).getTime() + "" + Math.floor(Math.random() * 1e4), SOURCE_VALUE: item.code || item.name, "SOURCE_VALUE#": item.name });
+            if (item.children) {
+              addFieldOption(item.children);
+            }
+          });
+          addFieldOption(this.sourceFieldOption);
+          this.conversionList = ruleList;
+        } else {
+          this.conversionList = data.entitys;
+        }
+      });
+    },
+    addConversion() {
+      const { DATA_TYPE } = this.sourceFieldInfo;
+      if (["text", "textarea", "bigtext"].includes(DATA_TYPE)) {
+        this.conversionList.push({ timestamp: (/* @__PURE__ */ new Date()).getTime(), MATCH_CONDITION: "equal" });
+      } else {
+        this.addConversionDialog = true;
+      }
+    },
+    addConversionField() {
+      const selection = this.$refs.conversionFieldTree.getCheckedNodes();
+      selection.forEach((item, index) => {
+        this.conversionList.push({ timestamp: (/* @__PURE__ */ new Date()).getTime() + "" + Math.floor(Math.random() * 1e4), SOURCE_VALUE: item.code, MATCH_CONDITION: "equal" });
+      });
+      this.addConversionDialog = false;
+    },
+    async removeConversion() {
+      const ids = this.selectConversionList.filter((item) => item.ID).map((item) => item.ID);
+      if (ids.length > 0) {
+        await this.$http.removeMulti({
+          entityId: "FM_ENTITY_FIELD_VALUE_MATCH",
+          ids: ids.join(",")
+        });
+      }
+      for (const select of this.selectConversionList) {
+        const index = this.conversionList.findIndex((item) => item.ID ? item.ID === select.ID : item.timestamp === select.timestamp);
+        if (index !== -1) {
+          this.conversionList.splice(index, 1);
+        }
+      }
+      this.selectConversionList = [];
+    },
+    sourceFieldCheckChange(checked, flag, scope) {
+      const index = this.conversionList.findIndex((item) => (item.ID || item.timestamp) === (scope.row.ID || scope.row.timestamp));
+      if (scope.row.MATCH_CONDITION === "equal" || scope.row.MATCH_CONDITION === "not_equal") {
+        if (flag) {
+          this.$refs.sourceFieldOptionTree.setCheckedKeys([checked.code]);
+          this.conversionList.splice(index, 1, { ...scope.row, SOURCE_VALUE: checked.code });
+        } else {
+          const value = scope.row.SOURCE_VALUE;
+          const valueArr = value ? value.split(",") : [];
+          const valueIndex = valueArr.indexOf(checked.code);
+          if (valueIndex !== -1) {
+            valueArr.splice(valueIndex, 1);
+          }
+          this.conversionList.splice(index, 1, { ...scope.row, SOURCE_VALUE: valueArr.join(",") });
+        }
+      } else {
+        const value = scope.row.SOURCE_VALUE;
+        const valueArr = value ? value.split(",") : [];
+        const valueIndex = valueArr.indexOf(checked.code);
+        if (flag) {
+          if (valueIndex === -1) {
+            valueArr.push(checked.code);
+          }
+        } else {
+          if (valueIndex !== -1) {
+            valueArr.splice(index, 1);
+          }
+        }
+        this.conversionList.splice(index, 1, { ...scope.row, SOURCE_VALUE: valueArr.join(",") });
+      }
+    },
+    targetFieldCheckChange(checked, scope) {
+      this.conversionList.splice(scope.$index, 1, { ...scope.row, TARGET_VALUE: checked.code });
+    },
+    openSourceFieldPopover(row) {
+      this.showSourcePopover = {
+        [row.ID || row.timestamp]: !this.showSourcePopover[row.ID || row.timestamp]
+      };
+      if (this.showSourcePopover[row.ID || row.timestamp]) {
+        this.sourceFieldOptionCheckedKeys = row.SOURCE_VALUE.split(",");
+        this.sourceFieldOptionInput = "";
+      }
+    },
+    openTargetFieldPopover(row) {
+      this.showTargetPopover = {
+        [row.ID || row.timestamp]: !this.showTargetPopover[row.ID || row.timestamp]
+      };
+      if (this.showTargetPopover[row.ID || row.timestamp]) {
+        this.targetFieldOptionCheckedKeys = row.TARGET_VALUE.split(",");
+        this.targetFieldOptionInput = "";
+      }
+    },
+    deleteSourceFieldOption(index, optionIndex) {
+      const row = this.conversionList[index];
+      const sourceValueArr = row.SOURCE_VALUE.split(",");
+      sourceValueArr.splice(optionIndex, 1);
+      this.conversionList.splice(index, 1, { ...row, SOURCE_VALUE: sourceValueArr.join(","), "SOURCE_VALUE#": "" });
+    },
+    deleteTargetFieldOption(index, optionIndex) {
+      const row = this.conversionList[index];
+      const targetValueArr = row.TARGET_VALUE.split(",");
+      targetValueArr.splice(optionIndex, 1);
+      this.conversionList.splice(index, 1, { ...row, TARGET_VALUE: targetValueArr.join(","), "SOURCE_VALUE#": "" });
+    }
+  },
+  created() {
+    this.sourceEntity = this.$query.sourceEntity;
+    this.targetEntity = this.$query.targetEntity;
+    this.sourceFieldId = this.$query.sourceFieldId;
+    this.targetFieldId = this.$query.targetFieldId;
+    this.getSourceFieldOption();
+    this.getTargetFieldOption();
+  }
+};
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { style: { "marginRight": "20px" } };
+const _hoisted_3 = {
+  key: 0,
+  class: "operates"
+};
+const _hoisted_4 = { class: "table-container" };
+const _hoisted_5 = {
+  key: 0,
+  class: "field-item"
+};
+const _hoisted_6 = { class: "field-mode" };
+const _hoisted_7 = { class: "field-item__value" };
+const _hoisted_8 = { class: "object-select__input" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  class: "object-select__tags",
+  ref: "selectTags"
+};
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = {
+  key: 0,
+  class: "object-select__content"
+};
+const _hoisted_13 = { key: 1 };
+const _hoisted_14 = { class: "field-item" };
+const _hoisted_15 = { class: "field-item__value" };
+const _hoisted_16 = { class: "object-select__input" };
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = {
+  class: "object-select__tags",
+  ref: "selectTags"
+};
+const _hoisted_19 = { class: "button-group" };
+const _hoisted_20 = { class: "field-tree__node" };
+const _hoisted_21 = { class: "dialog-footer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_popover = resolveComponent("el-popover");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  const _directive_infinite_scroll = resolveDirective("infinite-scroll");
+  const _directive_loading = resolveDirective("loading");
+  return withDirectives((openBlock(), createElementBlock("div", {
+    class: "container",
+    onClick: _cache[6] || (_cache[6] = ($event) => {
+      $data.showSourcePopover = {};
+      $data.showTargetPopover = {};
+    })
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("span", _hoisted_2, "目标字段：" + toDisplayString($data.targetFieldInfo.LABEL), 1),
+      createElementVNode("span", null, "源字段：" + toDisplayString($data.sourceFieldInfo.LABEL), 1)
+    ]),
+    $options.conversionWay === "manual" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      createVNode(_component_el_button, {
+        size: "default",
+        type: "primary",
+        icon: "el-icon-plus",
+        onClick: $options.addConversion
+      }, {
+        default: withCtx(() => [..._cache[7] || (_cache[7] = [
+          createTextVNode("添加", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"]),
+      createVNode(_component_el_button, {
+        size: "default",
+        type: "danger",
+        onClick: $options.removeConversion
+      }, {
+        default: withCtx(() => [..._cache[8] || (_cache[8] = [
+          createTextVNode("删除", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])
+    ])) : createCommentVNode("", true),
+    createElementVNode("div", _hoisted_4, [
+      createVNode(_component_el_table, {
+        ref: "table",
+        data: $data.conversionList,
+        border: "",
+        "max-height": "350",
+        style: { "width": "100%" },
+        onSelectionChange: _cache[2] || (_cache[2] = (selection) => _ctx.selectConversionList = selection)
+      }, {
+        default: withCtx(() => [
+          $options.conversionWay === "manual" ? (openBlock(), createBlock(_component_el_table_column, {
+            key: 0,
+            type: "selection",
+            width: "55"
+          })) : createCommentVNode("", true),
+          createVNode(_component_el_table_column, {
+            label: "序号",
+            type: "index",
+            width: "50"
+          }),
+          createVNode(_component_el_table_column, {
+            prop: "name",
+            label: "源字段值",
+            width: "420"
+          }, {
+            default: withCtx((scope) => [
+              $options.conversionWay === "manual" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createVNode(_component_el_select, {
+                    modelValue: scope.row.MATCH_CONDITION,
+                    "onUpdate:modelValue": ($event) => scope.row.MATCH_CONDITION = $event,
+                    size: "default"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($options.matchOptions, (item) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: item.id,
+                          label: item.name,
+                          value: item.code
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                createElementVNode("div", _hoisted_7, [
+                  $options.sourcefieldIsOption ? (openBlock(), createBlock(_component_el_popover, {
+                    key: 0,
+                    placement: "bottom",
+                    width: "200",
+                    trigger: "manual",
+                    visible: $data.showSourcePopover[scope.row.ID || scope.row.timestamp],
+                    "onUpdate:visible": ($event) => $data.showSourcePopover[scope.row.ID || scope.row.timestamp] = $event
+                  }, {
+                    reference: withCtx(() => [
+                      createElementVNode("div", _hoisted_8, [
+                        createElementVNode("div", {
+                          class: "object-select",
+                          ref: "popoverReference",
+                          onClick: withModifiers(($event) => $options.openSourceFieldPopover(scope.row), ["stop"])
+                        }, [
+                          createElementVNode("div", _hoisted_10, [
+                            createElementVNode("span", null, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.labelArr(scope.row), (label, index) => {
+                                return openBlock(), createBlock(_component_el_tag, {
+                                  closable: "",
+                                  size: "small",
+                                  type: "info",
+                                  "disable-transitions": true,
+                                  key: label,
+                                  onClose: ($event) => $options.deleteSourceFieldOption(scope.$index, index)
+                                }, {
+                                  default: withCtx(() => [
+                                    createElementVNode("span", null, toDisplayString(label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClose"]);
+                              }), 128))
+                            ])
+                          ], 512),
+                          _cache[9] || (_cache[9] = createElementVNode("i", { class: "el-icon-search" }, null, -1))
+                        ], 8, _hoisted_9)
+                      ])
+                    ]),
+                    default: withCtx(() => [
+                      $data.showSourcePopover[scope.row.ID || scope.row.timestamp] ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                        createVNode(_component_el_input, {
+                          size: "default",
+                          type: "search",
+                          placeholder: "请搜索",
+                          modelValue: $data.sourceFieldOptionInput,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.sourceFieldOptionInput = $event)
+                        }, null, 8, ["modelValue"]),
+                        createVNode(_component_el_tree, {
+                          ref: "sourceFieldOptionTree",
+                          data: $data.sourceFieldOption,
+                          "show-checkbox": "",
+                          "node-key": "code",
+                          "default-checked-keys": $data.sourceFieldOptionCheckedKeys,
+                          props: { label: "name" },
+                          "check-strictly": "",
+                          "filter-node-method": $options.filterNode,
+                          onCheckChange: (value, flag) => $options.sourceFieldCheckChange(value, flag, scope)
+                        }, null, 8, ["data", "default-checked-keys", "filter-node-method", "onCheckChange"])
+                      ])) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1032, ["visible", "onUpdate:visible"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createVNode(_component_el_input, {
+                      modelValue: scope.row.SOURCE_VALUE,
+                      "onUpdate:modelValue": ($event) => scope.row.SOURCE_VALUE = $event,
+                      size: "default",
+                      placeholder: "请输入"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                    createVNode(_component_el_popover, {
+                      placement: "bottom",
+                      width: "200",
+                      trigger: "manual",
+                      visible: $data.showSourcePopover[scope.row.ID || scope.row.timestamp],
+                      "onUpdate:visible": ($event) => $data.showSourcePopover[scope.row.ID || scope.row.timestamp] = $event
+                    }, {
+                      reference: withCtx(() => [
+                        createVNode(_component_el_button, {
+                          class: "field-item__select-btn",
+                          type: "primary",
+                          link: "",
+                          onClick: withModifiers(($event) => $options.openSourceFieldPopover(scope.row), ["stop"])
+                        }, {
+                          default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                            createTextVNode("选择", -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      default: withCtx(() => [
+                        $data.showSourcePopover[scope.row.ID || scope.row.timestamp] ? withDirectives((openBlock(), createElementBlock("div", _hoisted_12, [
+                          createVNode(_component_el_tree, {
+                            ref: "sourceFieldOptionTree",
+                            data: $data.sourceFieldOption,
+                            "show-checkbox": "",
+                            "default-checked-keys": $data.sourceFieldOptionCheckedKeys,
+                            "node-key": "code",
+                            props: { label: "name" },
+                            onCheckChange: (value, flag) => $options.sourceFieldCheckChange(value, flag, scope)
+                          }, null, 8, ["data", "default-checked-keys", "onCheckChange"])
+                        ])), [
+                          [_directive_infinite_scroll, $options.getTextFieldValues]
+                        ]) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1032, ["visible", "onUpdate:visible"])
+                  ], 64))
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString($options.getSourceValueLabel(scope.row.SOURCE_VALUE)), 1))
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_table_column, { label: "目标字段值" }, {
+            default: withCtx((scope) => [
+              createElementVNode("div", _hoisted_14, [
+                createElementVNode("div", _hoisted_15, [
+                  $options.targetfieldIsOption ? (openBlock(), createBlock(_component_el_popover, {
+                    key: 0,
+                    placement: "bottom",
+                    width: "200",
+                    trigger: "manual",
+                    visible: $data.showTargetPopover[scope.row.ID || scope.row.timestamp],
+                    "onUpdate:visible": ($event) => $data.showTargetPopover[scope.row.ID || scope.row.timestamp] = $event
+                  }, {
+                    reference: withCtx(() => [
+                      createElementVNode("div", _hoisted_16, [
+                        createElementVNode("div", {
+                          class: "object-select",
+                          ref: "popoverReference",
+                          onClick: withModifiers(($event) => $options.openTargetFieldPopover(scope.row), ["stop"])
+                        }, [
+                          createElementVNode("div", _hoisted_18, [
+                            createElementVNode("span", null, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.targetLabelArr(scope.row), (label, index) => {
+                                return openBlock(), createBlock(_component_el_tag, {
+                                  closable: "",
+                                  size: "small",
+                                  type: "info",
+                                  "disable-transitions": true,
+                                  key: label,
+                                  onClose: ($event) => $options.deleteTargetFieldOption(scope.$index, index)
+                                }, {
+                                  default: withCtx(() => [
+                                    createElementVNode("span", null, toDisplayString(label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClose"]);
+                              }), 128))
+                            ])
+                          ], 512),
+                          _cache[11] || (_cache[11] = createElementVNode("i", { class: "el-icon-search" }, null, -1))
+                        ], 8, _hoisted_17)
+                      ])
+                    ]),
+                    default: withCtx(() => [
+                      $data.showTargetPopover[scope.row.ID || scope.row.timestamp] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createVNode(_component_el_input, {
+                          size: "default",
+                          type: "search",
+                          placeholder: "请搜索",
+                          modelValue: $data.targetFieldOptionInput,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.targetFieldOptionInput = $event)
+                        }, null, 8, ["modelValue"]),
+                        createVNode(_component_el_tree, {
+                          ref: "targetFieldOptionTree",
+                          class: "field-tree",
+                          data: $data.targetFieldOption,
+                          "node-key": "code",
+                          "default-checked-keys": $data.targetFieldOptionCheckedKeys,
+                          props: { label: "name" },
+                          "check-strictly": "",
+                          "filter-node-method": $options.filterNode,
+                          onNodeClick: (data) => $options.targetFieldCheckChange(data, scope)
+                        }, null, 8, ["data", "default-checked-keys", "filter-node-method", "onNodeClick"])
+                      ], 64)) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1032, ["visible", "onUpdate:visible"])) : (openBlock(), createBlock(_component_el_input, {
+                    key: 1,
+                    modelValue: scope.row.TARGET_VALUE,
+                    "onUpdate:modelValue": ($event) => scope.row.TARGET_VALUE = $event,
+                    size: "default",
+                    placeholder: "请输入"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"]))
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data"])
+    ]),
+    createElementVNode("div", _hoisted_19, [
+      createVNode(_component_el_button, {
+        type: "primary",
+        onClick: $options.sureRule
+      }, {
+        default: withCtx(() => [..._cache[12] || (_cache[12] = [
+          createTextVNode("确定", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"]),
+      createVNode(_component_el_button, { onClick: _ctx.backPage }, {
+        default: withCtx(() => [..._cache[13] || (_cache[13] = [
+          createTextVNode("取消", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"]),
+      createVNode(_component_el_button, {
+        type: "primary",
+        link: "",
+        onClick: $options.zidongMatch
+      }, {
+        default: withCtx(() => [..._cache[14] || (_cache[14] = [
+          createTextVNode("自动填充", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    createVNode(_component_el_dialog, {
+      title: "添加源字段值",
+      modelValue: $data.addConversionDialog,
+      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.addConversionDialog = $event),
+      "destroy-on-close": "",
+      width: "520px",
+      "append-to-body": ""
+    }, {
+      footer: withCtx(() => [
+        createElementVNode("span", _hoisted_21, [
+          createVNode(_component_el_button, {
+            size: "default",
+            onClick: _cache[4] || (_cache[4] = ($event) => $data.addConversionDialog = false)
+          }, {
+            default: withCtx(() => [..._cache[15] || (_cache[15] = [
+              createTextVNode("取 消", -1)
+            ])]),
+            _: 1
+          }),
+          createVNode(_component_el_button, {
+            size: "default",
+            type: "primary",
+            onClick: $options.addConversionField
+          }, {
+            default: withCtx(() => [..._cache[16] || (_cache[16] = [
+              createTextVNode("确 定", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ])
+      ]),
+      default: withCtx(() => [
+        createVNode(_component_el_input, {
+          "suffix-icon": "el-icon-search",
+          size: "default",
+          placeholder: "请输入字段名称筛选",
+          modelValue: $data.addConversionFilterText,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.addConversionFilterText = $event)
+        }, null, 8, ["modelValue"]),
+        createVNode(_component_el_tree, {
+          ref: "conversionFieldTree",
+          class: "add-field-tree",
+          "node-key": "code",
+          "show-checkbox": "",
+          "default-expanded-keys": _ctx.defaultExpandKeys,
+          data: $data.sourceFieldOption,
+          "render-after-expand": "",
+          "auto-expand-parent": false,
+          "check-strictly": "",
+          "filter-node-method": $options.filterNode
+        }, {
+          default: withCtx(({ data }) => [
+            createElementVNode("span", _hoisted_20, toDisplayString(data.text || data.name), 1)
+          ]),
+          _: 1
+        }, 8, ["default-expanded-keys", "data", "filter-node-method"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ])), [
+    [_directive_loading, $data.loading]
+  ]);
+}
+const conversion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-d21bb5a9"]]);
+export {
+  conversion as default
+};