客户反馈+处理结果字段前端回显合并放入的样式调整

src/views/ecw/customer/components/customerFollow.vue

@@ -93,13 +93,13 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item :label="$t('目的')" prop="purpose">
-              <el-input type="textarea" :rows="3" v-model="form.purpose" :placeholder="$t('请输入目的')" maxlength="200" show-word-limit :disabled="isView" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="24">
-            <el-form-item :label="$t('跟进情况')">
-              <el-input rows="3" class="text_style" type="textarea" v-model="form.feedback" maxlength="500" show-word-limit :disabled="isView" />
+            <el-form-item label="情况">
+              <div class="border">
+                {{ $t("【客户反馈】") }}
+                <el-input class="text_style" type="textarea" :rows="3" v-model="form.feedback" maxlength="500" resize="none" :disabled="isView" />
+                {{ $t("【处理结果】") }}
+                <el-input class="text_style" type="textarea" :rows="3" v-model="form.purpose" maxlength="200" resize="none" :disabled="isView" />
+              </div>
             </el-form-item>
           </el-col>
           <el-col :span="24">
@@ -180,7 +180,7 @@
 <script>
 import { addCustomerFollow, editCustomerFollow, getFollowupNewNumber } from "@/api/ecw/customerFollow"
 import { getCustomerContactsSelect } from "@/api/ecw/customerContacts"
-import {getOfferPage, getOfferNumber, getOffer} from "@/api/ecw/offer"
+import { getOfferPage, getOfferNumber, getOffer } from "@/api/ecw/offer"
 import { DICT_TYPE, getDictDataLabel } from "@/utils/dict"
 import { getCustomerContactsListByCustomer } from "@/api/ecw/customerContacts"
 import { listAllSimpl, listServiceUser, listSimpleUsers } from "@/api/system/user"
@@ -276,8 +276,8 @@ export default {
             customerId: this.form.customerId
           }).then((res) => {
             this.customerContactsList = res.data
-            this.customerContactsList.forEach((item) =>{
-              if (item.id === this.form.contactId){
+            this.customerContactsList.forEach((item) => {
+              if (item.id === this.form.contactId) {
                 this.form.customerNumber = item.customerNumber
                 this.form.contactName = item.name
                 this.form.contactPhone = "+" + item.areaCode + item.phoneNew
@@ -550,7 +550,16 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.border {
+  padding: 10px;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  ::v-deep .el-textarea__inner {
+    padding: 0 4px;
+    border: 0;
+  }
+}
 .text_style {
   white-space: pre-wrap;
 }