From 33c5adad9cec6581ba4c0db54959d0fec0ec9756 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期三, 04 六月 2025 17:24:08 +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..85b8382 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="24" :md="24" :lg="24" :xl="24" 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="6" :md="6" :lg="6" :xl="6" 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="1" :sm="1" :md="1" :lg="1" :xl="1" class="mb20">
+ <el-button type="primary" @click="changeComplaints(index,'add')">+</el-button>
+ </el-col>
+ <el-col :xs="1" :sm="1" :md="1" :lg="1" :xl="1" 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