RRSWithSmartHome
/
wms_vue
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hgwms-2098 fix 岗位管理弹窗修改

hwork-master
A0066811 2025-11-07 14:26:24 +08:00
parent d7c8e2758b
commit 82a5263854
4 changed files with 150 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
src/view/post/modal/edit.vue
View File

@ -11,29 +11,40 @@
ref="formRef" ref="formRef"
:model="formState" :model="formState"
:rules="formRules" :rules="formRules"
:label-col="labelCol" layout="vertical"
:wrapper-col="wrapperCol"
> >
<a-row :gutter="[16, 0]">
<a-col :span="12">
<a-form-item ref="name" label="名称" name="name"> <a-form-item ref="name" label="名称" name="name">
<a-input v-model:value="formState.name" /> <a-input v-model:value="formState.name" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item ref="code" label="标识" name="code"> <a-form-item ref="code" label="标识" name="code">
<a-input v-model:value="formState.code" /> <a-input v-model:value="formState.code" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item ref="sort" label="标识" name="sort"> <a-form-item ref="sort" label="标识" name="sort">
<a-input-number v-model:value="formState.sort" /> <a-input-number style="width: 100%" v-model:value="formState.sort" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="状态" name="enable"> <a-form-item label="状态" name="enable">
<a-switch v-model:checked="formState.enable" /> <a-switch v-model:checked="formState.enable" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="备注" name="remark"> <a-form-item label="备注" name="remark">
<a-textarea v-model:value="formState.remark" /> <a-textarea v-model:value="formState.remark" />
</a-form-item> </a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
</a-modal> </a-modal>
</template> </template>
<script> <script>
import { message } from '@hwork/ant-design-vue'; import { message } from "@hwork/ant-design-vue";
import { edit } from "@/api/module/post"; import { edit } from "@/api/module/post";
import { defineComponent, reactive, ref, toRaw, watch } from "vue"; import { defineComponent, reactive, ref, toRaw, watch } from "vue";
export default defineComponent({ export default defineComponent({
@ -43,50 +54,53 @@ export default defineComponent({
}, },
record: { record: {
type: Object, type: Object,
} },
}, },
emit: ["close"], emit: ["close"],
setup(props, context) { setup(props, context) {
const formRef = ref(); const formRef = ref();
const formState = reactive({}); const formState = reactive({});
watch(props, (props) => { watch(props, (props) => {
formState.id = props.record.id formState.id = props.record.id;
formState.name = props.record.name formState.name = props.record.name;
formState.code = props.record.code formState.code = props.record.code;
formState.sort = props.record.sort formState.sort = props.record.sort;
formState.remark = props.record.remark formState.remark = props.record.remark;
formState.enable = props.record.enable formState.enable = props.record.enable;
}) });
const formRules = { const formRules = {
name: [ { required: true, message: '请输入岗位名称', trigger: 'blur'} ], name: [{ required: true, message: "请输入岗位名称", trigger: "blur" }],
code: [ { required: true, message: '请输入岗位编号', trigger: 'blur'} ] code: [{ required: true, message: "请输入岗位编号", trigger: "blur" }],
}; };
const editKey = "add"; const editKey = "add";
const submit = (e) => { const submit = (e) => {
message.loading({ content: '提交中...', key: editKey }); message.loading({ content: "提交中...", key: editKey });
formRef.value formRef.value
.validate() .validate()
.then(() => { .then(() => {
edit(toRaw(formState)).then((response)=>{ edit(toRaw(formState)).then((response) => {
if(response.success){ if (response.success) {
message.success({ content: '保存成功', key: editKey, duration: 1 }).then(()=>{ message
.success({ content: "保存成功", key: editKey, duration: 1 })
.then(() => {
cancel(); cancel();
}); });
}else{ } else {
message.success({ content: '保存失败', key: editKey, duration: 1 }).then(()=>{ message
.success({ content: "保存失败", key: editKey, duration: 1 })
.then(() => {
cancel(); cancel();
}); });
} }
}); });
}) })
.catch(error => { .catch((error) => {
console.log('error', error); console.log("error", error);
}); });
}; };
@ -96,7 +110,6 @@ export default defineComponent({
}; };
return { return {
submit, submit,
cancel, cancel,
formRef, formRef,

35
src/view/post/modal/info.vue
View File

@ -11,24 +11,35 @@
ref="formRef" ref="formRef"
:model="formState" :model="formState"
:rules="formRules" :rules="formRules"
:label-col="labelCol" layout="vertical"
:wrapper-col="wrapperCol"
> >
<a-row :gutter="[16, 0]">
<a-col :span="12">
<a-form-item ref="name" label="名称" name="name"> <a-form-item ref="name" label="名称" name="name">
<a-input v-model:value="formState.name" /> <a-input v-model:value="formState.name" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item ref="code" label="标识" name="code"> <a-form-item ref="code" label="标识" name="code">
<a-input v-model:value="formState.code" /> <a-input v-model:value="formState.code" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item ref="sort" label="标识" name="sort"> <a-form-item ref="sort" label="标识" name="sort">
<a-input-number v-model:value="formState.sort" /> <a-input-number style="width: 100%" v-model:value="formState.sort" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="状态" name="enable"> <a-form-item label="状态" name="enable">
<a-switch v-model:checked="formState.enable" /> <a-switch v-model:checked="formState.enable" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="备注" name="remark"> <a-form-item label="备注" name="remark">
<a-textarea v-model:value="formState.remark" /> <a-textarea v-model:value="formState.remark" />
</a-form-item> </a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
</a-modal> </a-modal>
</template> </template>
@ -41,23 +52,22 @@ export default defineComponent({
}, },
record: { record: {
type: Object, type: Object,
} },
}, },
emit: ["close"], emit: ["close"],
setup(props, context) { setup(props, context) {
const formRef = ref(); const formRef = ref();
const formState = reactive({}); const formState = reactive({});
watch(props, (props) => { watch(props, (props) => {
formState.id = props.record.id formState.id = props.record.id;
formState.name = props.record.name formState.name = props.record.name;
formState.code = props.record.code formState.code = props.record.code;
formState.sort = props.record.sort formState.sort = props.record.sort;
formState.remark = props.record.remark formState.remark = props.record.remark;
formState.enable = props.record.enable formState.enable = props.record.enable;
}) });
const formRules = {}; const formRules = {};
@ -72,7 +82,6 @@ export default defineComponent({
}; };
return { return {
submit, submit,
cancel, cancel,
formRef, formRef,

44
src/view/post/modal/save.vue
View File

@ -11,29 +11,40 @@
ref="formRef" ref="formRef"
:model="formState" :model="formState"
:rules="formRules" :rules="formRules"
:label-col="labelCol" layout="vertical"
:wrapper-col="wrapperCol"
> >
<a-row :gutter="[16, 0]">
<a-col :span="12">
<a-form-item ref="name" label="名称" name="name"> <a-form-item ref="name" label="名称" name="name">
<a-input v-model:value="formState.name" /> <a-input v-model:value="formState.name" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item ref="code" label="标识" name="code"> <a-form-item ref="code" label="标识" name="code">
<a-input v-model:value="formState.code" /> <a-input v-model:value="formState.code" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item ref="sort" label="标识" name="sort"> <a-form-item ref="sort" label="标识" name="sort">
<a-input-number v-model:value="formState.sort" /> <a-input-number style="width: 100%" v-model:value="formState.sort" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="状态" name="enable"> <a-form-item label="状态" name="enable">
<a-switch v-model:checked="formState.enable" /> <a-switch v-model:checked="formState.enable" />
</a-form-item> </a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="备注" name="remark"> <a-form-item label="备注" name="remark">
<a-textarea v-model:value="formState.remark" /> <a-textarea v-model:value="formState.remark" />
</a-form-item> </a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
</a-modal> </a-modal>
</template> </template>
<script> <script>
import { message } from '@hwork/ant-design-vue'; import { message } from "@hwork/ant-design-vue";
import { save } from "@/api/module/post"; import { save } from "@/api/module/post";
import { defineComponent, reactive, ref, toRaw } from "vue"; import { defineComponent, reactive, ref, toRaw } from "vue";
export default defineComponent({ export default defineComponent({
@ -44,7 +55,6 @@ export default defineComponent({
}, },
emit: ["close"], emit: ["close"],
setup(props, context) { setup(props, context) {
const formRef = ref(); const formRef = ref();
const formState = reactive({ const formState = reactive({
@ -53,31 +63,35 @@ export default defineComponent({
}); });
const formRules = { const formRules = {
name: [ { required: true, message: '请输入岗位名称', trigger: 'blur'} ], name: [{ required: true, message: "请输入岗位名称", trigger: "blur" }],
code: [ { required: true, message: '请输入岗位编号', trigger: 'blur'} ] code: [{ required: true, message: "请输入岗位编号", trigger: "blur" }],
}; };
const saveKey = "save"; const saveKey = "save";
const submit = (e) => { const submit = (e) => {
message.loading({ content: '提交中...', key: saveKey }); message.loading({ content: "提交中...", key: saveKey });
formRef.value formRef.value
.validate() .validate()
.then(() => { .then(() => {
save(toRaw(formState)).then((response)=>{ save(toRaw(formState)).then((response) => {
if(response.success){ if (response.success) {
message.success({ content: '保存成功', key: saveKey, duration: 1 }).then(()=>{ message
.success({ content: "保存成功", key: saveKey, duration: 1 })
.then(() => {
cancel(); cancel();
}); });
}else{ } else {
message.success({ content: '保存失败', key: saveKey, duration: 1 }).then(()=>{ message
.success({ content: "保存失败", key: saveKey, duration: 1 })
.then(() => {
cancel(); cancel();
}); });
} }
}); });
}) })
.catch(error => { .catch((error) => {
console.log('error', error); console.log("error", error);
}); });
}; };

27
src/view/power/modal/edit.vue
View File

@ -34,33 +34,18 @@
<a-input v-model:value="formState.title" /> <a-input v-model:value="formState.title" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12" v-if="state.showComponent">
<a-form-item <a-form-item ref="component" label="组件" name="component">
v-if="state.showComponent"
ref="component"
label="组件"
name="component"
>
<a-input v-model:value="formState.component" /> <a-input v-model:value="formState.component" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12" v-if="state.showPath">
<a-form-item <a-form-item ref="path" label="路径" name="path">
v-if="state.showPath"
ref="path"
label="路径"
name="path"
>
<a-input v-model:value="formState.path" /> <a-input v-model:value="formState.path" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12" v-if="state.showCode">
<a-form-item <a-form-item ref="code" label="标识" name="code">
v-if="state.showCode"
ref="code"
label="标识"
name="code"
>
<a-input v-model:value="formState.code" /> <a-input v-model:value="formState.code" />
</a-form-item> </a-form-item>
</a-col> </a-col>