yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
133 lines (132 loc) • 4.93 kB
JavaScript
import { defineComponent, ref, resolveComponent, createBlock, openBlock, withModifiers, withKeys, withCtx, createVNode, unref, createTextVNode } from "vue";
import { Search, RefreshRight } from "@element-plus/icons-vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "role-query",
emits: ["query"],
setup(__props, { expose: __expose, emit: __emit }) {
const emit = __emit;
const getInitQueryForm = () => {
return {
name: "",
code: ""
};
};
const queryForm = ref(getInitQueryForm());
const queryPage = () => {
emit("query");
};
const reset = () => {
queryForm.value = getInitQueryForm();
queryPage();
};
__expose({ queryForm });
return (_ctx, _cache) => {
const _component_el_input = resolveComponent("el-input");
const _component_el_form_item = resolveComponent("el-form-item");
const _component_el_col = resolveComponent("el-col");
const _component_el_button = resolveComponent("el-button");
const _component_el_row = resolveComponent("el-row");
const _component_el_form = resolveComponent("el-form");
return openBlock(), createBlock(_component_el_form, {
"label-width": "72px",
onKeyup: withKeys(withModifiers(queryPage, ["prevent"]), ["enter"]),
onSubmit: _cache[2] || (_cache[2] = withModifiers(() => {
}, ["prevent"]))
}, {
default: withCtx(() => [
createVNode(_component_el_row, { gutter: 8 }, {
default: withCtx(() => [
createVNode(_component_el_col, {
lg: 6,
md: 8,
sm: 12,
xs: 24
}, {
default: withCtx(() => [
createVNode(_component_el_form_item, { label: "角色名称" }, {
default: withCtx(() => [
createVNode(_component_el_input, {
clearable: "",
modelValue: queryForm.value.name,
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => queryForm.value.name = $event),
modelModifiers: { trim: true },
placeholder: "请输入角色名称"
}, null, 8, ["modelValue"])
]),
_: 1
})
]),
_: 1
}),
createVNode(_component_el_col, {
lg: 6,
md: 8,
sm: 12,
xs: 24
}, {
default: withCtx(() => [
createVNode(_component_el_form_item, { label: "角色代码" }, {
default: withCtx(() => [
createVNode(_component_el_input, {
clearable: "",
modelValue: queryForm.value.code,
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => queryForm.value.code = $event),
modelModifiers: { trim: true },
placeholder: "请输入角色代码"
}, null, 8, ["modelValue"])
]),
_: 1
})
]),
_: 1
}),
createVNode(_component_el_col, {
lg: 6,
md: 8,
sm: 24,
xs: 24
}, {
default: withCtx(() => [
createVNode(_component_el_form_item, { "label-width": "16px" }, {
default: withCtx(() => [
createVNode(_component_el_button, {
type: "primary",
icon: unref(Search),
class: "ele-btn-icon",
onClick: queryPage
}, {
default: withCtx(() => _cache[3] || (_cache[3] = [
createTextVNode("查询")
])),
_: 1,
__: [3]
}, 8, ["icon"]),
createVNode(_component_el_button, {
icon: unref(RefreshRight),
class: "ele-btn-icon",
onClick: reset
}, {
default: withCtx(() => _cache[4] || (_cache[4] = [
createTextVNode("重置")
])),
_: 1,
__: [4]
}, 8, ["icon"])
]),
_: 1
})
]),
_: 1
})
]),
_: 1
})
]),
_: 1
}, 8, ["onKeyup"]);
};
}
});
export {
_sfc_main as default
};