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 | 35 ++++++++++++++++++++---------------
1 files changed, 20 insertions(+), 15 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 be24063..85b8382 100644
--- a/Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue
+++ b/Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue
@@ -72,14 +72,11 @@
});
};
-const changeComplaints = (txt: String) => {
+const changeComplaints = (index:any,txt: String) => {
if (txt == 'add') {
- state.ruleForm.complaints.push({
- itemDescription: '',
- });
+ state.ruleForm.complaints.splice(index+1, 0, { itemDescription: '' })
} else {
- state.ruleForm.complaints.pop();
- console.log(state.ruleForm.complaints);
+ state.ruleForm.complaints.splice(index, 1)
}
};
@@ -148,27 +145,35 @@
</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="16" :xl="12" class="mb20">
+ <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="6" :xl="12" class="mb20">
+ <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-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-row>
</el-form>
<template #footer>
--
Gitblit v1.9.1