From 9a416e0c3308badb6135ce921e6307f31e0dd463 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期三, 04 六月 2025 16:44:48 +0800 Subject: [PATCH] 前端-增加处理描述 --- Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue | 67 +++++++++++++++++++++------------ 1 files changed, 43 insertions(+), 24 deletions(-) diff --git a/Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue b/Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue index dbc3eae..fc1d07b 100644 --- a/Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue +++ b/Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue @@ -22,6 +22,13 @@ dropdownData: {} as any, }); +const handlingStatus = [ + { value: 0, label: '鍏跺畠' }, + { value: 1, label: '鎴愮珛' }, + { value: 2, label: '椹冲洖' }, + { value: 3, label: '閮ㄥ垎鎴愮珛' }, +]; + // 鑷娣诲姞鍏朵粬瑙勫垯 const rules = ref<FormRules>({ projectCode: [{ required: true, message: '璇烽�夋嫨椤圭洰缂栧彿锛�', trigger: 'blur' }], @@ -65,15 +72,11 @@ }); }; -const changeComplaints = (txt:String) => { - if (txt=='add') { - state.ruleForm.complaints.push({ - itemDescription: '', - }); +const changeComplaints = (index:any,txt: String) => { + if (txt == 'add') { + state.ruleForm.complaints.splice(index+1, 0, { itemDescription: '' }) } else { - state.ruleForm.complaints.pop(); - console.log(state.ruleForm.complaints); - + state.ruleForm.complaints.splice(index, 1) } }; @@ -82,7 +85,7 @@ </script> <template> <div class="procurementComplaint-container"> - <el-dialog v-model="state.showDialog" :width="800" draggable :close-on-click-modal="false"> + <el-dialog v-model="state.showDialog" :width="900" draggable :close-on-click-modal="false"> <template #header> <div style="color: #fff"> <span>{{ state.title }}</span> @@ -134,26 +137,42 @@ clearable /> </el-form-item> </el-col> - <template v-for="(item,index) in state.ruleForm.complaints" :key="index"> - <el-col :xs="24" :sm="12" :md="12" :lg="21" :xl="12" class="mb20"> - <el-form-item :label="`鎶曡瘔浜嬮」${index==0?'':index}`" prop="complaints"> - <el-input v-model="item.itemDescription" :placeholder="`璇疯緭鍏ユ姇璇変簨椤�${index==0?'':index}`" maxlength="255" - show-word-limit clearable /> - </el-form-item> - </el-col> - </template> - <el-col :xs="24" :sm="12" :md="12" :lg="1" :xl="12" class="mb20"> - <el-button type="primary" @click="changeComplaints('add')">+</el-button> - </el-col> - <el-col :xs="24" :sm="12" :md="12" :lg="1" :xl="12" class="mb20" - v-if="state.ruleForm.complaints&&state.ruleForm.complaints.length>1"> - <el-button type="primary" @click="changeComplaints">-</el-button> - </el-col> <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20"> <el-form-item label="绾夸笂鍦板潃" prop="url"> <el-input v-model="state.ruleForm.url" placeholder="璇疯緭鍏ョ嚎涓婂湴鍧�" maxlength="255" show-word-limit clearable /> </el-form-item> </el-col> + </el-row> + <el-row :gutter="20"> + <template v-for="(item,index) in state.ruleForm.complaints" :key="index"> + <el-col :xs="24" :sm="12" :md="12" :lg="24" :xl="12" class="mb20"> + <el-form-item :label="`鎶曡瘔浜嬮」${index==0?'':index}`" prop="complaints"> + <el-input v-model="item.itemDescription" type="textarea" :placeholder="`璇疯緭鍏ユ姇璇変簨椤�${index==0?'':index}`" + maxlength="1000" show-word-limit clearable /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class=""> + <el-form-item :label="`澶勭悊鎻忚堪${index==0?'':index}`" prop="complaints"> + <el-input v-model="item.handlingResult" type="textarea" :placeholder="`璇疯緭鍏ュ鐞嗘弿杩�${index==0?'':index}`" + maxlength="1000" show-word-limit clearable /> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="12" class="mb20"> + <el-form-item :label="`鎶曡瘔鐘舵��${index==0?'':index}`" prop="complaints"> + <el-select v-model="item.handlingStatus"> + <el-option v-for="item in handlingStatus" :key="item.value" :label="item.label" :value="item.value" /> + </el-select> + </el-form-item> + </el-col> + <el-col :xs="24" :sm="12" :md="12" :lg="1" :xl="12" class="mb20"> + <el-button type="primary" @click="changeComplaints(index,'add')">+</el-button> + </el-col> + <el-col :xs="24" :sm="12" :md="12" :lg="1" :xl="12" class="mb20" + v-if="state.ruleForm.complaints&&state.ruleForm.complaints.length>1"> + <el-button type="primary" @click="changeComplaints(index)">-</el-button> + </el-col> + <el-divider v-if="state.ruleForm.complaints&&state.ruleForm.complaints.length>1" /> + </template> </el-row> </el-form> -- Gitblit v1.9.1