reactor:224 部门满意度列表明细操作栏中增加“甄别详情”;208 市州通用-部门满意度明细列表“甄别”数据列优化;

src/views/business/delay/audit.vue

@@ -27,7 +27,7 @@
 				<template #buttons>
 					<el-button
 						type="primary"
-						@click="onAudit"
+						@click="onAuditBatch"
 						:disabled="isChecked"
 						v-if="state.queryParams.IsApply === 'false'"
 						:loading="state.loading"
@@ -108,10 +108,10 @@
 							{{ formatDate(row.afterDelay, 'YYYY-mm-dd HH:MM:SS') }}
 						</template>
 					</vxe-column>
-					<vxe-column title="操作" fixed="right" width="90" align="center">
+					<vxe-column title="操作" fixed="right" width="130" align="center" :show-overflow="false">
 						<template #default="{ row }">
 							<el-button link type="primary" @click="onDetail(row)" title="延期详情"> 延期详情 </el-button>
-							<!--							<el-button link type="primary" @click="onAudit(row)" title="审批" v-auth="'business:delay:audit:batch'"> 审批 </el-button>-->
+<!--							<el-button link type="primary" @click="onAudit(row)" title="审批" v-auth="'business:delay:audit:todo'"> 审批 </el-button>-->
 						</template>
 					</vxe-column>
 				</vxe-table>
@@ -165,7 +165,7 @@ const handleQuery = () => {
 };
 // 刷新列表
 const refreshList = () => {
-  queryList();
+	queryList();
 };
 /** 获取列表 */
 const queryList = () => {
@@ -219,9 +219,14 @@ const selectChangeEvent = ({ checked }) => {
 const isChecked = computed(() => {
 	return !Boolean(checkTable.value.length);
 });
+// 延期审批
+const delayAuditRef = ref<RefType>();
+const onAudit = (row: any) => {
+	delayAuditRef.value.openDialog(row);
+};
 // 批量审批
 const delayAuditBatchRef = ref<RefType>();
-const onAudit = () => {
+const onAuditBatch = () => {
 	delayAuditBatchRef.value.openDialog(checkTable.value);
 };
 const tableRef = ref<RefType>();

src/views/business/delay/components/Delay-audit.vue

@@ -22,7 +22,22 @@
 					<el-form-item label="当前期满时间"> {{ formatDate(state.infoForm?.beforeDelay, 'YYYY-mm-dd HH:MM:SS') }} </el-form-item>
 				</el-col>
 				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
-					<el-form-item label="延期申请数量">{{ state.infoForm?.delayNum }} {{ state.infoForm?.delayUnitText }} </el-form-item>
+					<el-form-item label="延期申请数量">
+						<span v-if="!editMode"> {{ state.infoForm?.delayNum }} {{ state.infoForm?.delayUnitText }}</span>
+						<template v-else>
+							<el-input-number
+								:min="1"
+								:max="99"
+								:precision="0"
+								placeholder="延期申请数量"
+								size="small"
+								v-model="state.infoForm.delayNum"
+							></el-input-number>
+							<el-button size="small" type="primary" class="ml5" @click="editConfirm">确定</el-button>
+							<el-button size="small" class="decrease" @click="editMode = false">取消</el-button>
+						</template>
+						<el-button type="primary" link class="ml10" @click="editMode = true" v-if="!editMode" v-auth="'business:delay:audit:todo'">修改</el-button>
+					</el-form-item>
 				</el-col>
 				<!--				<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
 					<el-form-item label="延期后期满时间">{{ formatDate(state.ruleForm?.afterDelay, 'YYYY-mm-dd HH:MM:SS') }} </el-form-item>
@@ -35,7 +50,7 @@
 				</el-col>
 				<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
 					<el-form-item label="附件"
-					><annex-list name="延期申请附件" v-model="state.infoForm.files" readonly classify="延期申请附件" />
+						><annex-list name="延期申请附件" v-model="state.infoForm.files" readonly classify="延期申请附件" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -190,6 +205,10 @@ const openDialog = async (row: any) => {
 		state.loading = false;
 	}
 };
+// 修改延期数量
+const editMode = ref<boolean>(false);
+// 确定修改延期数量
+const editConfirm = () => {};
 const formatTraces = (val: any) => {
 	if (!val || !val.length) return [];
 	val.forEach((item: any) => {