fix::公寓管理新增详细介绍

src/views/mz/dept/index.vue

@@ -4,7 +4,7 @@
       <div class="tree mr-10 card">
         <el-tree :data="deptList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
       </div>
-      <div class="card flex-1" style="width: calc(100% - 150px)">
+      <div class="card flex-1" style="width: calc(100% - 10.7143rem)">
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
           <el-form-item label="公寓名称" prop="deptName">
             <el-input v-model="queryParams.deptName" placeholder="请输入公寓名称" clearable
@@ -62,8 +62,8 @@
     </div>
 
     <!-- 添加或修改公寓对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="64.2857rem" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="8.5714rem">
         <el-row>
           <el-col :span="12" v-if="form.parentId !== 0">
             <el-form-item label="所在区域" prop="parentId">
@@ -118,6 +118,13 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="详细介绍" prop="introduce">
+              <el-input type="textarea" v-model="form.introduce" :disabled="disabled" :rows="4" />
+            </el-form-item>
+          </el-col>
+        </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item label="地图位置" prop="longitude" style="display: block">
@@ -310,6 +317,9 @@ export default {
         propertyId: [
           { required: true, message: "请选择关联物业", trigger: "change" },
         ],
+        introduce: [
+          { required: true, message: "请输入详细介绍", trigger: "blur" }, 
+        ]
       },
       map: null,
       marker: null,
@@ -739,36 +749,36 @@ export default {
 }
 
 .tree {
-  min-width: 150px;
+  min-width: 10.7143rem;
 }
 
 .amap-box {
   width: 100%;
-  height: 400px;
+  height: 28.5714rem;
-  border: 1px solid #dcdfe6;
+  border: .0714rem solid #dcdfe6;
-  border-radius: 4px;
+  border-radius: .2857rem;
 }
 
 .map-container {
   position: relative;
-  margin-bottom: 10px;
+  margin-bottom: .7143rem;
 }
 
 .map-search-box {
   position: absolute;
-  top: 10px;
+  top: .7143rem;
-  left: 10px;
+  left: .7143rem;
-  width: 300px;
+  width: 21.4286rem;
   z-index: 1;
   background: rgba(255, 255, 255, 0.9);
-  padding: 5px;
+  padding: .3571rem;
-  border-radius: 4px;
+  border-radius: .2857rem;
 }
 
 .tag-group {
   display: flex;
   flex-wrap: wrap;
-  gap: 10px;
+  gap: .7143rem;
 }
 
 .tag-item {
@@ -777,6 +787,6 @@ export default {
 
 .app-container {
   background: #f2f2f2;
-  height: calc(100vh - 80px);
+  height: calc(100vh - 5.7143rem);
 }
 </style>