zc

src/views/integratedManagement/buildingManagement/index.vue

@@ -20,9 +20,9 @@
             <div class="big-name-box">
               <p v-if="!itemOne.buildFloorVoList[0]" style="width:16px;"></p>
               <span v-if="!itemOne.onType&&itemOne.buildFloorVoList[0]" @click="terrClick(itemOne)"
-                class="el-icon-caret-right" style="font-size:22px;margin-top:9px;"></span>
+                class="el-icon-caret-right" style="font-size:20px;margin-right:5px;"></span>
               <span v-if="itemOne.onType&&itemOne.buildFloorVoList[0]" @click="terrClick(itemOne)"
-                class="el-icon-caret-bottom" style="font-size:22px;margin-top:9px;"></span>
+                class="el-icon-caret-bottom" style="font-size:20px;margin-right:5px;"></span>
               <p class="name-p" :class="checkTreeId==itemOne.id?'check-color':''" @click="clickCheckTree(itemOne,2)">
                 {{itemOne.name}}</p>
             </div>
@@ -52,7 +52,11 @@
                       draggable="true"
                       @dragstart="dragstartPlay($event)"
                       @dragend="dragEnterOver($event, item)"></span>
-                <p class="for-text-one">{{item.name}}</p>
+                <div class="for-text-one">
+                  <p class="for-text-null-p"></p>
+                  <p class="for-text-one-p">{{item.name}}</p>
+                  <p class="for-text-null-p"></p>
+                </div>
                 <img src="@/assets/ZDimages/integratedManagement/icon_bjgl_lcs.png" class="for-img-two">
                 <div class="for-text-box-one">
                   <p>{{item.floorNum}}</p>
@@ -96,7 +100,11 @@
                       draggable="true"
                       @dragstart="dragstartPlay($event)"
                       @dragend="dragEnterOver($event, item)"></span>
-                <p class="for-text-one">{{item.name}}</p>
+                <div class="for-text-one">
+                  <p class="for-text-null-p"></p>
+                  <p class="for-text-one-p">{{item.name}}</p>
+                  <p class="for-text-null-p"></p>
+                </div>
               </div>
               <div class="for-button-min-box">
                 <div v-hasPermiRouter="['system:build:edit']" @click="handleCommand(8,item)">
@@ -187,16 +195,16 @@
     <el-dialog :title="dialogTitle" v-if="dialogOpen" :visible.sync="dialogOpen" width="600px" append-to-body>
       <el-form ref="dialogForm" :model="dialogForm" :rules="rules" label-width="110px">
         <el-form-item label="校区名称：" prop="campusName">
-          <el-input v-model="dialogForm.campusName" maxlength="10" placeholder="请输入校区名称"
+          <el-input v-model="dialogForm.campusName" maxlength="30" placeholder="请输入校区名称"
                     :disabled="dialogType==2 || dialogType==22 || dialogType==3 || dialogType==33"/>
         </el-form-item>
         <el-form-item label="楼栋名称：" prop="buildingName"
                       v-if="dialogType==2 || dialogType==22 || dialogType==3 || dialogType==33">
-          <el-input v-model="dialogForm.buildingName" maxlength="10" placeholder="请输入楼栋名称"
+          <el-input v-model="dialogForm.buildingName" maxlength="30" placeholder="请输入楼栋名称"
                     :disabled="dialogType==3 || dialogType==33"/>
         </el-form-item>
         <el-form-item label="楼层名称：" prop="floorName" v-if="dialogType==3 || dialogType==33">
-          <el-input v-model="dialogForm.floorName" maxlength="10" placeholder="请输入楼层名称"/>
+          <el-input v-model="dialogForm.floorName" maxlength="30" placeholder="请输入楼层名称"/>
         </el-form-item>
         <el-form-item label="排序序号：" prop="sortNo" class="dialog-sort-no-form-item-box">
           <el-input-number v-model="dialogForm.sortNo" :min="0" :max="999" placeholder="请输入排序序号" :controls="false"
@@ -770,15 +778,16 @@
             margin-left: 30px;
             .big-name-box {
               cursor: pointer;
-              height: 40px;
-              line-height: 40px;
+              min-height: 20px;
+              line-height: 20px;
+              padding:10px 20px 10px 0;
               display: flex;
               font-size: 16px;
               color: #333;
               img {
                 width: 16px;
                 height: 16px;
-                margin-top: 12px;
+                margin-top: 2px;
                 margin-right: 4px;
               }
               .name-p {
@@ -789,8 +798,9 @@
               margin-left: 30px;
               .min-name {
                 cursor: pointer;
-                height: 40px;
-                line-height: 40px;
+                min-height: 20px;
+                line-height: 20px;
+                padding:10px 20px 10px 0;
                 display: flex;
                 font-size: 16px;
                 color: #333;
@@ -877,11 +887,18 @@
                   margin: 35px 0 0 30px;
                 }
                 .for-text-one {
-                  font-size: 16px;
-                  line-height: 100px;
+                  display: flex;
+                  flex-direction: column;
                   margin-left: 95px;
                   width: 230px;
                   font-weight: 500;
+                  .for-text-null-p{
+                    flex:1;
+                  }
+                  .for-text-one-p{
+                    font-size: 16px;
+                    line-height: 20px;
+                  }
                 }
                 .for-img-two {
                   height: 48px;
@@ -1024,11 +1041,18 @@
                   margin: 35px 0 0 30px;
                 }
                 .for-text-one {
-                  font-size: 16px;
-                  line-height: 100px;
+                  display: flex;
+                  flex-direction: column;
                   margin-left: 95px;
-                  width: 230px;
+                  width: 630px;
                   font-weight: 500;
+                  .for-text-null-p{
+                    flex:1;
+                  }
+                  .for-text-one-p{
+                    font-size: 16px;
+                    line-height: 20px;
+                  }
                 }
                 .for-img-two {
                   height: 48px;