@cdwx/system
Version:
成都文宣业务类服务模块组件库
206 lines (205 loc) • 7.8 kB
JavaScript
/* empty css */
/* empty css */
/* empty css */
/* empty css */
import "../workspace/code/cloud-frontend/node_modules/.pnpm/element-plus@2.9.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/theme-chalk/el-form-item.css.js";
/* empty css */
import { defineComponent as T, mergeModels as y, ref as v, useModel as U, computed as D, onMounted as S, reactive as q, openBlock as d, createBlock as n, withModifiers as B, withCtx as o, createVNode as u, createCommentVNode as p, createElementVNode as F, createTextVNode as w } from "vue";
import { ElMessage as x } from "element-plus";
import { saveItemData as I } from "../workspace/code/cloud-frontend/service-modules/system/src/api/api-dictionary.js";
import { ElInput as $ } from "../workspace/code/cloud-frontend/node_modules/.pnpm/element-plus@2.9.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/es/components/input/index.js";
import { ElFormItem as h, ElForm as R } from "../workspace/code/cloud-frontend/node_modules/.pnpm/element-plus@2.9.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/es/components/form/index.js";
import { ElSwitch as j } from "../workspace/code/cloud-frontend/node_modules/.pnpm/element-plus@2.9.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/es/components/switch/index.js";
import { ElButton as O } from "../workspace/code/cloud-frontend/node_modules/.pnpm/element-plus@2.9.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/es/components/button/index.js";
const z = { class: "flex flex-1 justify-end" }, te = /* @__PURE__ */ T({
name: "Dict",
__name: "dict",
props: /* @__PURE__ */ y({
rules: {}
}, {
modelValue: { required: !0 },
modelModifiers: {}
}),
emits: /* @__PURE__ */ y(["close"], ["update:modelValue"]),
setup(c, { emit: _ }) {
const m = c, k = _, b = v(), l = v({
enable: !0,
dictLabel: "",
dictValue: "",
code: "",
description: "",
id: void 0,
sort: void 0
}), V = U(c, "modelValue"), r = D({
get() {
return V.value;
},
set(a) {
V.value = a;
}
});
S(() => {
r.value ? (r.value.createTime && delete r.value.createTime, r.value.updateTime && delete r.value.updateTime, l.value = r.value) : l.value.enable = !0;
});
const M = q({
dictLabel: [
{
required: !0,
message: "请输入字典项名称",
trigger: ["blur", "change"]
}
],
dictValue: [
{
required: !0,
message: "请输入字典项值",
trigger: ["blur", "change"]
}
]
}), s = v(!1);
function E(a) {
!a || s.value || a.validate((e) => {
e && L();
});
}
async function L() {
s.value = !0;
try {
await I(l.value), l.value.id ? x.success("编辑成功") : x.success("新增成功"), k("close");
} catch (a) {
console.log(a);
} finally {
s.value = !1;
}
}
return (a, e) => {
const f = $, i = h, C = j, g = O, N = R;
return d(), n(N, {
ref_key: "formRef",
ref: b,
"label-width": "100px",
rules: M,
model: l.value,
onSubmit: e[7] || (e[7] = B(() => {
}, ["prevent"]))
}, {
default: o(() => [
m.rules.showName ? (d(), n(i, {
key: 0,
label: "字典项名称",
prop: "dictLabel"
}, {
default: o(() => [
u(f, {
modelValue: l.value.dictLabel,
"onUpdate:modelValue": e[0] || (e[0] = (t) => l.value.dictLabel = t),
placeholder: "请输入字典项名称",
maxlength: "10",
clearable: ""
}, null, 8, ["modelValue"])
]),
_: 1
})) : p("", !0),
m.rules.showValue ? (d(), n(i, {
key: 1,
label: "字典项值",
prop: "dictValue"
}, {
default: o(() => [
u(f, {
modelValue: l.value.dictValue,
"onUpdate:modelValue": e[1] || (e[1] = (t) => l.value.dictValue = t),
placeholder: "请输入字典项值",
maxlength: "30",
clearable: ""
}, null, 8, ["modelValue"])
]),
_: 1
})) : p("", !0),
m.rules.showDes ? (d(), n(i, {
key: 2,
label: "描述",
prop: "description"
}, {
default: o(() => [
u(f, {
modelValue: l.value.description,
"onUpdate:modelValue": e[2] || (e[2] = (t) => l.value.description = t),
placeholder: "请输入描述信息",
rows: 4,
type: "textarea",
maxlength: "200",
clearable: ""
}, null, 8, ["modelValue"])
]),
_: 1
})) : p("", !0),
m.rules.showSort ? (d(), n(i, {
key: 3,
prop: "sort",
label: "排序"
}, {
default: o(() => [
u(f, {
modelValue: l.value.sort,
"onUpdate:modelValue": e[3] || (e[3] = (t) => l.value.sort = t),
modelModifiers: { number: !0 },
placeholder: "请输入排序",
clearable: ""
}, null, 8, ["modelValue"])
]),
_: 1
})) : p("", !0),
m.rules.showStatus ? (d(), n(i, {
key: 4,
prop: "enable",
label: "是否启用"
}, {
default: o(() => [
u(C, {
modelValue: l.value.enable,
"onUpdate:modelValue": e[4] || (e[4] = (t) => l.value.enable = t),
"inline-prompt": "",
"active-value": !0,
"inactive-value": !1,
"active-text": "启用",
"inactive-text": "禁用"
}, null, 8, ["modelValue"])
]),
_: 1
})) : p("", !0),
u(i, null, {
default: o(() => [
F("div", z, [
u(g, {
disabled: s.value,
onClick: e[5] || (e[5] = (t) => a.$emit("close"))
}, {
default: o(() => e[8] || (e[8] = [
w(" 取消 ")
])),
_: 1
}, 8, ["disabled"]),
u(g, {
type: "primary",
loading: s.value,
onClick: e[6] || (e[6] = (t) => E(b.value))
}, {
default: o(() => e[9] || (e[9] = [
w(" 确定 ")
])),
_: 1
}, 8, ["loading"])
])
]),
_: 1
})
]),
_: 1
}, 8, ["rules", "model"]);
};
}
});
export {
te as default
};