| | |
| | | <div class="val">{{ formData.matterName }}</div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="label">目录编码</div> |
| | | <div class="val">{{ formData.catalogCode }}</div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="label">所属机构</div> |
| | | <div class="val">{{ formData.orgName }}</div> |
| | | </el-col> |
| | |
| | | lazy |
| | | :load="loadRegionNode" |
| | | :render-after-expand="false" |
| | | @change="handleAreaChange" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="事项名称" prop="matterName"> |
| | | <el-input class="gd-input" v-model="formData.matterName" placeholder="请输入" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="目录编码" prop="catalogCode"> |
| | | <el-input class="gd-input" v-model="formData.catalogCode" placeholder="请输入" clearable /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | orgCode: '', |
| | | orgName: '', |
| | | id: null, |
| | | catalogCode:'', |
| | | }) |
| | | |
| | | // 注入字典和部门树 |
| | |
| | | implementName: fieldRules(true), |
| | | matterName: fieldRules(true), |
| | | orgCode: fieldRules(true), |
| | | catalogCode: fieldRules(true), |
| | | } |
| | | |
| | | // 处理机构变更,同步机构名称 |
| | |
| | | formData.value.orgName = node?.title || '' |
| | | } |
| | | |
| | | // 处理区域变更,同步区域名称 |
| | | function handleAreaChange(value) { |
| | | if (!value) { |
| | | formData.value.areaName = '' |
| | | return |
| | | } |
| | | // 从缓存中获取区域名称 |
| | | const node = regionNodeCache.value.get(value) |
| | | if (node) { |
| | | formData.value.areaName = node.name || '' |
| | | } |
| | | } |
| | | |
| | | // 提交新增/编辑 |
| | | async function handleSubmit() { |
| | | const isValid = await formRef.value?.validate().catch(() => false) |