zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

对接行为和身份标签的接口

Browse Source
This commit is contained in:
zy_zr
2025-04-23 14:23:27 +08:00
parent 6c694b52d3
commit aa18dbf3ef
12 changed files with 589 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/aboutTable/FormMessage.vue
View File

@ -1,26 +1,26 @@
<template>
<el-form ref="elform" :model="listQuery" :label-width="140" :rules="props.rules" :inline="true" label-position="right">
<el-form-item v-for="item in props.formData" :style="{ width: item.width }" :prop="item.prop" :label="item.label" :label-width="item.labelWidth" :key="item">
<!-- input表单 -->
<el-form-item v-for="item in props.formList" :style="{ width: item.width }" :prop="item.prop" :label="item.label" :label-width="item.labelWidth" :key="item">
<!-- input表单 input-->
<MOSTY.Other v-if="item.type == 'input'" width="100%" clearable v-model="listQuery[item.prop]" :placeholder="`请输入${item.label}`"/>
<el-input v-model="listQuery[item.prop]" v-else-if="item.type == 'textarea'" :placeholder="`请输入${item.label}`" />
<!-- Select选择 -->
<MOSTY.Select
v-else-if="item.type == 'select'"
width="100%"
clearable
v-model="listQuery[item.prop]"
:dictEnum="item.options"
:placeholder="`请选择${item.label}`"/>
<el-input v-model="listQuery[item.prop]" v-else-if="item.type == 'textarea'" type="textarea" :rows="3" :placeholder="`请输入${item.label}`" />
<!-- 数值 inputNumber-->
<el-input type="number" v-model="listQuery[item.prop]" v-else-if="item.type == 'inputNumber'" :placeholder="`请输入${item.label}`" />
<!-- 数值 number-->
<el-input-number v-model="listQuery[item.prop]" v-else-if="item.type == 'number'" style="width:100%" :min="0" :max="1000" />
<!--选择 select-->
<MOSTY.Select v-else-if="item.type == 'select'" v-model="listQuery[item.prop]" :dictEnum="item.options" width="100%" clearable :placeholder="`请选择${item.label}`"/>
<!-- 部门department -->
<template v-else-if="item.showType === 'department'">
<MOSTY.Department clearable v-model="listQuery[item.prop]" />
</template>
<!-- Upload选择 -->
<!-- 上传 upload -->
<MOSTY.Upload v-else-if="item.type == 'upload'" width="100%" v-model="listQuery[item.prop]"/>
<!-- CheckBox选择 -->
<!--选择checkbox -->
<MOSTY.CheckBox v-else-if="item.type == 'checkbox'" width="100%" clearable v-model="listQuery[item.prop]" :checkList="item.options" :placeholder="`请选择${item.label}`"/>
<!-- 单选 -->
<!-- 单选radio -->
<el-radio-group v-model="listQuery[item.prop]" v-else-if="item.type == 'radio'">
<el-radio v-for="obj in item.options" :key="obj.value" :label="obj.value" >{{ obj.label }}</el-radio>
</el-radio-group>
@ -45,14 +45,10 @@ import * as MOSTY from "@/components/MyComponents/index";
import { ref, defineProps, defineEmits, defineExpose, watch } from "vue";
const props = defineProps({
//循环的值
formData: {
formList: {
default: [],
type: Array
},
propName: {
default: "",
type: String
},
rules: {
default: {},
type: Object
@ -77,6 +73,12 @@ watch(() => listQuery.value,(newVal) => {
emits('update:modelValue', newVal)
},{ immediate: true, deep: true }
);
watch(() => props.modelValue,(newVal) => {
listQuery.value = newVal; //赋值
},{ immediate: true, deep: true }
);
defineExpose({ submit });
</script>