机构审核-审核历史-变更类型的数据:展示审核状态及驳回原因

This commit is contained in:
1378012178@qq.com 2026-02-27 10:01:58 +08:00
parent eaffde6370
commit c86db8b08f
1 changed files with 31 additions and 22 deletions

View File

@ -38,25 +38,29 @@
</a-table>
</a-col>
</a-row>
<a-form style="margin-top: 14px;height: 100px;" ref="formRef" layout="horizontal" :model="formData"
:label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="审核状态" name="status" v-bind="validateInfos.status">
<a-select v-model:value="formData.status" style="width: 200px" placeholder="请选择审核状态">
<a-select-option value="2">审核通过</a-select-option>
<a-select-option value="3">审核驳回</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="12" v-if="formData.status == '3'">
<a-form-item label="驳回原因" name="content" v-bind="validateInfos.content">
<a-textarea :maxlength="50" show-count v-model:value="formData.content"
placeholder="请输入驳回原因(如驳回)" style="width: 100%" />
</a-form-item>
</a-col>
</a-row>
</a-form>
<JFormContainer :disabled="izAuditHis">
<template #detail>
<a-form style="margin-top: 14px;height: 100px;" ref="formRef" layout="horizontal" :model="formData"
:label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="审核状态" name="status" v-bind="validateInfos.status">
<a-select v-model:value="formData.status" style="width: 200px" placeholder="请选择审核状态">
<a-select-option value="2">审核通过</a-select-option>
<a-select-option value="3">审核驳回</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :span="12" v-if="formData.status == '3'">
<a-form-item label="驳回原因" name="content" v-bind="validateInfos.content">
<a-textarea :maxlength="50" show-count v-model:value="formData.content"
placeholder="请输入驳回原因(如驳回)" style="width: 100%" />
</a-form-item>
</a-col>
</a-row>
</a-form>
</template>
</JFormContainer>
</div>
</template>
@ -65,6 +69,7 @@ import { ref, reactive, computed, onMounted } from 'vue';
import { Table as ATable, Input, Row, Col, Form } from 'ant-design-vue';
import { applyObj } from '../OrgModifyInfo.data'
import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
import { upInfoAudit, getHisModifyInfo } from '../OrgModifyInfo.api';
import { useMessage } from '/@/hooks/web/useMessage';
import { initDictOptions } from '/@/utils/dict';
@ -169,9 +174,10 @@ const setRowClassName = (record) => {
return record.d2 !== record.d3 && record.d1 !== 'createTime' ? 'highlight-row' : '';
};
function show(data) {
console.log("🌊 ~ show ~ data:", data)
const izAuditHis = ref(true)
function show(data) {
izAuditHis.value = false
// idpkIdformData
const idRecord = data.find(item => item.d1 === 'id');
const pkIdRecord = data.find(item => item.d1 === 'pkId');
@ -194,8 +200,8 @@ function show(data) {
}
async function hisShow(record) {
izAuditHis.value = true
let data = await getHisModifyInfo(record)
console.log("🌊 ~ show ~ data:", data)
// idpkIdformData
const idRecord = data.find(item => item.d1 === 'id');
@ -210,6 +216,9 @@ async function hisShow(record) {
}
formData.comName = data.find(item => item.d1 === 'comName').d2;
formData.openId = data.find(item => item.d1 === 'openId').d2;
//
formData.status = data.find(item => item.d1 === 'status').d3;
formData.content = data.find(item => item.d1 === 'content').d3;
tableData.value = data.map(item => ({
...item,
// null/undefined