cnhis-design-vue 3.1.40-beta.1 → 3.1.40-beta.11

package/es/components/table-filter/src/classification/search-professional-model.vue.js

@@ -0,0 +1,594 @@
+import { defineComponent, useAttrs, ref, computed, watch, nextTick, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, mergeProps, unref, withCtx, createTextVNode, toDisplayString, withDirectives, vShow, withModifiers, Fragment, renderList, normalizeClass, isRef } from 'vue';
+import { useMessage, NButton, NPopover, NIcon, NInputGroup, NInput, NTooltip, NPopconfirm, NModal, NCard } from 'naive-ui';
+import axios from 'axios';
+import { FileTray, Close } from '@vicons/ionicons5';
+import XEUtils from 'xe-utils';
+import 'moment';
+import script from '../../../../shared/components/SvgIcon/SvgIcon.vue.js';
+import SearchCondition from '../components/search-condition/SearchCondition.vue.js';
+import script$1 from '../../../../shared/components/TextOverTooltip/TextOverTooltip.vue.js';
+import searchClassName from './search-class-name.vue.js';
+import useTableSearchCon from '../hooks/useTableSearchCon.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "search-professional-container" };
+const _hoisted_2 = { class: "left-content" };
+const _hoisted_3 = { class: "left-content-btn" };
+const _hoisted_4 = { class: "right-content" };
+const _hoisted_5 = { class: "list" };
+const _hoisted_6 = { class: "list-title" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", { class: "list-title-parent" }, "\u7236\u7C7B\u540D\u79F0", -1);
+const _hoisted_8 = { class: "list-title-name" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", null, "\u7B5B\u9009\u540D\u79F0", -1);
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("h4", { class: "name" }, "\u7B5B\u9009\u540D\u79F0", -1);
+const _hoisted_11 = { class: "search-condition-f-content" };
+const _hoisted_12 = { class: "search-condition-f-footer" };
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", { class: "list-title-name" }, /* @__PURE__ */ toDisplayString("\u521B\u5EFA\u4EBA"), -1);
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", { class: "list-title-btn" }, "\u64CD\u4F5C", -1);
+const _hoisted_15 = { class: "list-content" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "list-content-parent" };
+const _hoisted_18 = { class: "list-content-name" };
+const _hoisted_19 = { class: "list-content-name" };
+const _hoisted_20 = { class: "list-content-btn" };
+const _hoisted_21 = { class: "svg-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "search-professional-model",
+  props: {
+    originConditionList: {
+      type: Array,
+      default: () => []
+    },
+    searchFieldList: {
+      type: Array,
+      default: () => []
+    },
+    searchFieldLimit: {
+      type: Object,
+      default: () => ({})
+    },
+    treeData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: [
+    "changeShowName",
+    "changeSearch",
+    "handleItemClick",
+    "reloadClassification"
+  ],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { validConObj } = useTableSearchCon();
+    const attrs = useAttrs();
+    const instance = axios.create({});
+    const $message = useMessage();
+    let comWrap = ref(null);
+    let conditionRef = ref(null);
+    let className = ref(null);
+    let actionList_prop = ref();
+    let conOjbConfig = ref();
+    let showInnerModal = ref(false);
+    let filterKeyWork = ref("");
+    let filtrationConfig = ref({
+      visible: false,
+      keyWord: ""
+    });
+    let handleType = ref("");
+    let saveToClassConfig = ref();
+    const resetData = {};
+    const newSearchFieldList = computed(() => {
+      let list = (props == null ? void 0 : props.searchFieldList) || [];
+      return list.filter((i) => i.columnName !== "operatorColumn");
+    });
+    const conObjLen = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = conOjbConfig.value) == null ? void 0 : _a.conObj) == null ? void 0 : _b.length) || 0;
+    });
+    const showConditionList = computed(() => {
+      if (typeof filterKeyWork.value === "string" && filterKeyWork.value) {
+        return props.originConditionList.filter((v) => v.name.includes(filterKeyWork.value));
+      }
+      return props.originConditionList;
+    });
+    const saveBtnName = computed(() => {
+      var _a;
+      let f = (_a = actionList_prop.value) == null ? void 0 : _a.from;
+      return f == "edit" ? "\u4FDD\u5B58\u6A21\u677F" : "\u53E6\u5B58\u4E3A\u6A21\u677F";
+    });
+    watch(
+      () => props.originConditionList,
+      (val) => {
+        if (val.length > 0) {
+          init();
+        }
+      },
+      { deep: true, immediate: true }
+    );
+    function init() {
+      let f = props.originConditionList.find((v) => v.isDefault);
+      let name = "\u5168\u90E8\u6570\u636E";
+      if (f) {
+        f["checked"] = true;
+        conOjbConfig.value = f;
+        if (f.isEdit) {
+          handleListItemEdit(f);
+        } else {
+          handleListItemCopy(f);
+        }
+        name = f.name || "\u5168\u90E8\u6570\u636E";
+        emit("changeShowName", name);
+      } else if (name === "\u5168\u90E8\u6570\u636E") {
+        const allData = Object.assign({}, { from: "copy" });
+        actionList_prop.value = allData;
+      }
+    }
+    function handleAddCondition() {
+      conditionRef.value.addAction({ noDefault: true });
+      nextTick(() => {
+        let com = comWrap.value;
+        com.scrollTop = com.scrollHeight;
+      });
+    }
+    function handleSearch() {
+      let f = conditionRef.value.checkActionList();
+      if (!f) {
+        handleType.value = "search";
+        conditionRef.value.saveAdd();
+      } else {
+        emit("changeSearch", "all", {}, {}, []);
+        emit("changeShowName", "\u5168\u90E8\u6570\u636E");
+        conOjbConfig.value = resetData;
+      }
+      props.originConditionList.forEach((el) => {
+        el.checked = false;
+      });
+    }
+    function handleSaveToClass() {
+      handleType.value = "SaveToClass";
+      conditionRef.value.saveAdd();
+    }
+    function handleOpenSaveToClass(config) {
+      showInnerModal.value = true;
+      saveToClassConfig.value = config;
+      nextTick(() => {
+        className.value.init();
+      });
+    }
+    function handleClearConObj(reload = true) {
+      conditionRef.value.cancelSaveAdd();
+      conOjbConfig.value = resetData;
+      actionList_prop.value = resetData;
+      props.originConditionList.forEach((el) => {
+        el.checked = false;
+      });
+      nextTick(() => {
+        reload && emit("changeSearch", "all", {}, {}, []);
+        conditionRef.value.addAction();
+        emit("changeShowName", "\u5168\u90E8\u6570\u636E");
+      });
+    }
+    function saveAdd(config) {
+      if (handleType.value === "search") {
+        handleRequestSearch(config);
+      } else if (handleType.value === "SaveToClass") {
+        handleOpenSaveToClass(config);
+      }
+    }
+    function handleRequestSearch(config) {
+      let setting = config == null ? void 0 : config.setting;
+      if (XEUtils.isJSON(setting)) {
+        setting = JSON.parse(setting);
+      }
+      conOjbConfig.value = setting;
+      emit("changeSearch", "", setting, {}, [setting]);
+      emit("changeShowName", "\u81EA\u5B9A\u4E49\u7B5B\u9009");
+    }
+    function handleChecked(item) {
+      const result = item.checked ? {} : item;
+      conOjbConfig.value = result;
+      props.originConditionList.forEach((el) => {
+        if (el.sid == item.sid && !el.checked) {
+          el.checked = true;
+        } else {
+          el.checked = false;
+        }
+      });
+      let f = Array.isArray(props.treeData) && props.treeData.find((v) => v.name == item.displayCategory);
+      emit("handleItemClick", item, 0, f || {}, 0);
+      if (Object.keys(conOjbConfig.value || {}).length === 0) {
+        conditionRef.value.cancelSaveAdd();
+        actionList_prop.value = resetData;
+        nextTick(() => {
+          conditionRef.value.addAction();
+        });
+        return;
+      }
+      let type = item.isEdit ? "edit" : "copy";
+      if (type === "copy") {
+        handleListItemCopy(item);
+      } else {
+        handleListItemEdit(item);
+      }
+    }
+    function handleListItemEdit(item) {
+      actionList_prop.value = Object.assign({}, item, { from: "edit" });
+      nextTick(() => {
+        conditionRef.value.handleInitConditions();
+      });
+    }
+    function handleListItemCopy(item) {
+      actionList_prop.value = Object.assign({}, item, { from: "copy" });
+      nextTick(() => {
+        conditionRef.value.handleInitConditions();
+      });
+    }
+    function transformData(oldData) {
+      let newStr = "";
+      for (const item in oldData) {
+        newStr += encodeURIComponent(item) + "=" + encodeURIComponent(oldData[item]) + "&";
+      }
+      newStr = newStr.slice(0, -1);
+      return newStr;
+    }
+    function handleListItemDel(checkedItem, j) {
+      if (!checkedItem) {
+        $message.info("\u8BF7\u9009\u62E9\u884C");
+        return;
+      }
+      let url = `/tableList/deleteTableCondiTion`;
+      let params = { id: checkedItem.sid };
+      instance({
+        url,
+        method: "post",
+        data: params,
+        transformRequest: [transformData]
+      }).then(({ data }) => {
+        if (data.result == "SUCCESS") {
+          $message.success("\u5220\u9664\u6210\u529F");
+          props.originConditionList.splice(j, 1);
+        } else {
+          $message.error(data.resultMsg);
+        }
+      });
+    }
+    function saveToCalss() {
+      let nameConfig = className.value.handleGetParams();
+      if (!nameConfig)
+        return;
+      let setting = saveToClassConfig.value.setting;
+      if (XEUtils.isJSON(setting)) {
+        setting = JSON.parse(setting);
+        Object.assign(setting, nameConfig);
+      }
+      saveToClassConfig.value.setting = JSON.stringify(setting);
+      handleSaveAdd(saveToClassConfig.value);
+    }
+    function cancelSaveToCalss() {
+      showInnerModal.value = false;
+    }
+    function handleFiltrationCancel() {
+      filtrationConfig.value.visible = false;
+    }
+    function handleConditionFiltration() {
+      filterKeyWork.value = filtrationConfig.value.keyWord;
+      filtrationConfig.value.visible = false;
+    }
+    function onSearch() {
+      handleConditionFiltration();
+    }
+    function handleSaveAdd(params) {
+      const setting = JSON.parse(params.setting);
+      if (!validConObj(setting.conObj, newSearchFieldList.value, props.searchFieldLimit))
+        return;
+      Object.assign(params, {
+        tableId: attrs.tableId,
+        conditionList: JSON.stringify(props.originConditionList)
+      });
+      let url = `/tableList/saveTableCondiTion`;
+      instance({
+        url,
+        method: "post",
+        data: params,
+        transformRequest: [transformData]
+      }).then(({ data }) => {
+        if (data.result == "SUCCESS") {
+          cancelSaveToCalss();
+          emit("reloadClassification");
+          conditionRef.value.cancelSaveAdd();
+          nextTick(() => {
+            conditionRef.value.addAction();
+          });
+        } else {
+          $message.error(data.resultMsg);
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" \u5DE6\u4FA7\u7B5B\u9009\u5206\u7C7B\u8BBE\u7F6E "),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            ref_key: "comWrap",
+            ref: comWrap,
+            class: "left-content-com"
+          }, [
+            createVNode(SearchCondition, mergeProps(_ctx.$attrs, {
+              ref_key: "conditionRef",
+              ref: conditionRef,
+              searchFieldList: unref(newSearchFieldList),
+              actionList_prop: unref(actionList_prop),
+              showItemName: false,
+              isCnHis: false,
+              saveEmpty: true,
+              isOnlyCondition: false,
+              hideAddBtn: true,
+              isInSearch: true,
+              source: "search-professional",
+              onSaveAdd: saveAdd
+            }), null, 16, ["searchFieldList", "actionList_prop"])
+          ], 512),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(NButton), { onClick: handleAddCondition }, {
+              default: withCtx(() => [
+                createTextVNode(" \u6DFB\u52A0\u6761\u4EF6 ")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(NButton), {
+              type: "primary",
+              onClick: handleSearch
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" \u67E5\u8BE2 ")
+              ]),
+              _: 1
+            }),
+            createVNode(unref(NButton), {
+              type: "primary",
+              onClick: handleSaveToClass
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(saveBtnName)), 1)
+              ]),
+              _: 1
+            }),
+            withDirectives(createElementVNode("span", {
+              class: "selected-item-del",
+              onClick: _cache[0] || (_cache[0] = ($event) => handleClearConObj(true))
+            }, [
+              createVNode(unref(script), {
+                "class-name": "svg-icon-btn",
+                "icon-class": "xitongtubiaoliebiaocaozuoanniushanchu"
+              }),
+              createTextVNode(" \u6E05\u7A7A\u7B5B\u9009 "),
+              createElementVNode("span", null, "(" + toDisplayString(unref(conObjLen)) + ")", 1)
+            ], 512), [
+              [vShow, unref(conObjLen) > 0]
+            ])
+          ])
+        ]),
+        createCommentVNode(" \u53F3\u4FA7\u7B5B\u9009\u5206\u7C7B\u5217\u8868 "),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              _hoisted_7,
+              createElementVNode("span", _hoisted_8, [
+                _hoisted_9,
+                createVNode(unref(NPopover), {
+                  show: unref(filtrationConfig).visible,
+                  "onUpdate:show": _cache[3] || (_cache[3] = ($event) => unref(filtrationConfig).visible = $event),
+                  placement: "bottom",
+                  trigger: "click"
+                }, {
+                  trigger: withCtx(() => [
+                    createVNode(unref(NIcon), {
+                      component: unref(FileTray),
+                      class: "svg-icon-filter",
+                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                      }, ["prevent", "stop"]))
+                    }, null, 8, ["component"])
+                  ]),
+                  default: withCtx(() => [
+                    _hoisted_10,
+                    createElementVNode("div", _hoisted_11, [
+                      createVNode(unref(NInputGroup), null, {
+                        default: withCtx(() => [
+                          createVNode(unref(NInput), {
+                            value: unref(filtrationConfig).keyWord,
+                            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => unref(filtrationConfig).keyWord = $event),
+                            placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
+                            style: { "width": "200px" }
+                          }, null, 8, ["value"]),
+                          createVNode(unref(NButton), {
+                            type: "primary",
+                            ghost: "",
+                            onClick: onSearch
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode("\u641C\u7D22")
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    createElementVNode("div", _hoisted_12, [
+                      createVNode(unref(NButton), {
+                        ghost: "",
+                        onClick: handleFiltrationCancel,
+                        style: { "margin-right": "10px" }
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u53D6\u6D88")
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(NButton), {
+                        type: "primary",
+                        onClick: handleConditionFiltration
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u7B5B\u9009")
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["show"])
+              ]),
+              _hoisted_13,
+              _hoisted_14
+            ]),
+            createElementVNode("ul", _hoisted_15, [
+              createElementVNode("template", null, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showConditionList), (item, j) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: item.sid,
+                    class: normalizeClass({ checked: item.checked }),
+                    onClick: ($event) => handleChecked(item)
+                  }, [
+                    createElementVNode("span", _hoisted_17, [
+                      createVNode(unref(script$1), {
+                        content: item.displayCategory
+                      }, null, 8, ["content"])
+                    ]),
+                    createElementVNode("span", _hoisted_18, [
+                      createVNode(unref(script$1), {
+                        content: item.name
+                      }, null, 8, ["content"])
+                    ]),
+                    createElementVNode("span", _hoisted_19, [
+                      createVNode(unref(script$1), {
+                        content: item.createdByName
+                      }, null, 8, ["content"])
+                    ]),
+                    createElementVNode("span", _hoisted_20, [
+                      createCommentVNode(" \u7F16\u8F91 "),
+                      withDirectives(createElementVNode("template", null, [
+                        createVNode(unref(NTooltip), null, {
+                          trigger: withCtx(() => [
+                            createVNode(unref(script), {
+                              onClick: withModifiers(($event) => handleListItemEdit(item), ["prevent", "stop"]),
+                              "icon-class": "xitongtubiaoliebiaocaozuoanniubianjixiugai",
+                              class: "svg-icon-btn"
+                            }, null, 8, ["onClick"])
+                          ]),
+                          default: withCtx(() => [
+                            createTextVNode(" \u7F16\u8F91 ")
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ], 512), [
+                        [vShow, item.isEdit]
+                      ]),
+                      createCommentVNode(" \u590D\u5236 "),
+                      createVNode(unref(NTooltip), null, {
+                        trigger: withCtx(() => [
+                          createVNode(unref(script), {
+                            onClick: withModifiers(($event) => handleListItemCopy(item), ["prevent", "stop"]),
+                            "icon-class": "xitongtubiaoliebiaocaozuoanniufuzhi",
+                            class: "svg-icon-btn"
+                          }, null, 8, ["onClick"])
+                        ]),
+                        default: withCtx(() => [
+                          createTextVNode(" \u590D\u5236 ")
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createCommentVNode(" \u5220\u9664 "),
+                      withDirectives(createElementVNode("template", null, [
+                        createVNode(unref(NPopconfirm), {
+                          onClick: _cache[5] || (_cache[5] = withModifiers(() => {
+                          }, ["prevent", "stop"])),
+                          onPositiveClick: ($event) => handleListItemDel(item, j)
+                        }, {
+                          trigger: withCtx(() => [
+                            createVNode(unref(script), {
+                              onClick: _cache[4] || (_cache[4] = withModifiers(() => {
+                              }, ["prevent", "stop"])),
+                              "class-name": "svg-icon-btn is-danger thumb",
+                              "icon-class": "xitongtubiaoliebiaocaozuoanniushanchu"
+                            })
+                          ]),
+                          default: withCtx(() => [
+                            createTextVNode(" \u662F\u5426\u786E\u8BA4\u5220\u9664\uFF1F ")
+                          ]),
+                          _: 2
+                        }, 1032, ["onPositiveClick"])
+                      ], 512), [
+                        [vShow, item.isEdit]
+                      ])
+                    ])
+                  ], 10, _hoisted_16);
+                }), 128))
+              ])
+            ])
+          ])
+        ]),
+        createCommentVNode(" \u4FDD\u5B58\u5230\u5206\u7C7B\u5F39\u7A97 "),
+        createVNode(unref(NModal), {
+          show: unref(showInnerModal),
+          "onUpdate:show": _cache[6] || (_cache[6] = ($event) => isRef(showInnerModal) ? showInnerModal.value = $event : showInnerModal = $event),
+          maskClosable: false,
+          class: "quickSearch-saveToClass-modal",
+          closable: false,
+          centered: "",
+          onPositiveClick: saveToCalss,
+          onNegativeClick: cancelSaveToCalss
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(NCard), {
+              title: "\u4FDD\u5B58\u5230\u5206\u7C7B",
+              bordered: false,
+              size: "huge",
+              role: "dialog",
+              "aria-modal": "true"
+            }, {
+              "header-extra": withCtx(() => [
+                createElementVNode("div", _hoisted_21, [
+                  createVNode(unref(NIcon), {
+                    component: unref(Close),
+                    size: "24",
+                    onClick: cancelSaveToCalss
+                  }, null, 8, ["component"])
+                ])
+              ]),
+              footer: withCtx(() => [
+                createVNode(unref(NButton), { onClick: cancelSaveToCalss }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u53D6\u6D88")
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(NButton), {
+                  type: "info",
+                  onClick: saveToCalss
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u4FDD\u5B58")
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(searchClassName, mergeProps({
+                  ref_key: "className",
+                  ref: className
+                }, _ctx.$attrs, { actionList_prop: unref(actionList_prop) }), null, 16, ["actionList_prop"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ]);
+    };
+  }
+});
+var searchProfessionalModel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "search-professional-model.vue"]]);
+
+export { searchProfessionalModel as default };