调整样式

src/views/dataBoard/overview/components/MapDialog/DifficultyCharts.vue

@@ -188,7 +188,7 @@ export default {
           {
             name: '',
             type: 'bar',
-            barWidth: 50,
+            barWidth: 100,
             barGap: '-60%',
             data: barArray,
             itemStyle: {

src/views/dataBoard/overview/components/MapDialog/Njjwtqk.vue

@@ -11,7 +11,7 @@
         <el-table-column label="联系人" prop="name" width="120"/>
         <el-table-column label="联系电话" prop="mobile" width="120"/>
         <el-table-column label="状态" prop="statusName" width="120"/>
-        <el-table-column label="操作" prop="op" width="250">
+        <el-table-column label="操作" prop="op" width="200">
           <template slot-scope="scope">
             <CallPhone text="拨打电话"/>
             <span class="handle" @click="handleDispatch(scope.row)">处理</span>

src/views/dataBoard/overview/components/MapDialog/index.vue

@@ -20,8 +20,7 @@
         </div>
 
         <div class="contents">
-          <el-row :gutter="30">
-            <el-col :span="5">
+     <div class="map-dialog-con">
               <div class="tree">
                 <el-tree
                     ref="tree"
@@ -39,8 +38,7 @@
                    </span>
                 </el-tree>
               </div>
-            </el-col>
-            <el-col :span="19">
+          <div class="right-con">
               <template v-if="type === 'njjwtqk'">
                 <div class="eventDetails">
                   <img
@@ -83,8 +81,9 @@
                 </div>
                 <DemandList :categoryCode="catVal" :currentLevelData="currentLevelData"/>
               </template>
-            </el-col>
-          </el-row>
+
+        </div>
+        </div>
         </div>
       </div>
     </el-dialog>
@@ -288,6 +287,17 @@ export default {
 }
 
 .tree {
-  height: 700px;
+  height: 855px;
+}
+.map-dialog-con {
+  display: flex;
+  justify-content: space-between;
+}
+.tree {
+  flex: 0 0 180px;
+}
+.right-con {
+  width: calc(100% - 200px);
+  flex: 0 0 calc(100% - 200px);
 }
 </style>

src/views/dataBoard/overview/components/wtqd.vue

@@ -339,6 +339,8 @@ export default {
   justify-content: center;
   opacity: .6;
   color: #fff;
+  margin-top: 10px;
+  margin-bottom: 16px;
 }
 
 .t-list {