fix:修改界面布局

src/views/business/crm/order/form.vue

@@ -163,11 +163,18 @@
                 <span v-else>{{ form.party }}</span>
               </el-form-item>
             </el-col>
-            <el-col :span="14">
-              <el-form-item label="备注" prop="remark">
-                <el-input v-if="editStatus" v-model="form.remark" show-word-limit maxlength="200"
-                          style="width: 100%; margin: 0; padding: 0" placeholder="请输入备注" type="textarea" :rows="4" />
-                <span v-else>{{ form.remark }}</span>
+            <el-col :span="6">
+              <el-form-item  style="display: flex;flex-wrap: nowrap;"  label="客户历史使用名" prop="oldName">
+                <el-tooltip
+                    class="box-item"
+                    effect="dark"
+                    content=""
+                    placement="top"
+               >
+                  <template #content>{{form.oldName}}</template>
+              <span :show-overflow-tooltip="true" style="white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 如果内容宽度超过span定义的宽度，则隐藏超出部分 */
+  text-overflow: ellipsis; /* 可选，如果想要超出部分显示为省略号 */">{{ form.oldName}}</span>
+                </el-tooltip>
               </el-form-item>
             </el-col>
             <el-col :span="6">
@@ -180,11 +187,15 @@
                 <span >{{ form.dissDate }}</span>
               </el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item label="客户历史使用名" prop="oldName">
-                <span>{{ form.oldName}}</span>
+            <el-col :span="20">
+              <el-form-item label="备注" prop="remark">
+                <el-input v-if="editStatus" v-model="form.remark" show-word-limit maxlength="250"
+                          style="width: 100%; margin: 0; padding: 0" placeholder="请输入备注" type="textarea" :rows="4" />
+                <span v-else>{{ form.remark }}</span>
               </el-form-item>
             </el-col>
+
+
             <br />
             <el-col :span="24">
               <el-tabs v-model="form.serviceType" size="small" class="demo-tabs" @tab-change="handleServiceTypeClick">
@@ -1733,6 +1744,9 @@ const timeVoFormat = (timeVo)=>{
     return ""
   }
 }
+const handleResize = (row) => {
+  console.log("aa")
+}
 /** 暴露给父组件的方法 */
 defineExpose({
   open,

src/views/business/crm/order/formView.vue

@@ -91,9 +91,18 @@
                 <span>{{ form.party }}</span>
               </el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-form-item label="备注" prop="remark">
-                <span>{{ form.remark }}</span>
+            <el-col :span="6" >
+              <el-form-item  style="display: flex;flex-wrap: nowrap;"  label="客户历史使用名" prop="oldName">
+                <el-tooltip
+                    class="box-item"
+                    effect="dark"
+                    content=""
+                    placement="top"
+                >
+                  <template #content>{{form.oldName}}</template>
+                  <span :show-overflow-tooltip="true" style="white-space: nowrap; /* 防止换行 */ overflow: hidden; /* 如果内容宽度超过span定义的宽度，则隐藏超出部分 */
+  text-overflow: ellipsis; /* 可选，如果想要超出部分显示为省略号 */">{{ form.oldName}}</span>
+                </el-tooltip>
               </el-form-item>
             </el-col>
             <el-col :span="6">
@@ -102,15 +111,17 @@
               </el-form-item>
             </el-col>
             <el-col :span="6">
-            <el-form-item v-if="!editStatus && form.dissolution === 1" label="解除时间" prop="dissolution">
-              <span >{{ form.dissDate }}</span>
-            </el-form-item>
+              <el-form-item v-if="!editStatus && form.dissolution === 1" label="解除时间" prop="dissolution">
+                <span >{{ form.dissDate }}</span>
+              </el-form-item>
             </el-col>
             <el-col :span="6">
-              <el-form-item label="客户历史使用名" prop="oldName">
-                <span>{{ form.oldName }}</span>
+              <el-form-item label="备注" prop="remark">
+                <span>{{ form.remark }}</span>
               </el-form-item>
             </el-col>
+
+
             <br />
             <el-col :span="24">
               <el-tabs v-model="form.serviceType" size="small" class="demo-tabs" @tab-change="handleServiceTypeClick">