diff --git a/src/views/dataBoard/overview/components/DissatisfiedDetails.vue b/src/views/dataBoard/overview/components/DissatisfiedDetails.vue
index b5c1f0853..34504b16e 100644
--- a/src/views/dataBoard/overview/components/DissatisfiedDetails.vue
+++ b/src/views/dataBoard/overview/components/DissatisfiedDetails.vue
@@ -17,7 +17,7 @@
         <el-col :span="10">
           <div class="sub-title">事项详情</div>
           <div class="detail">
-            <p>
+            <p class="describe">
               {{ unsatisfiedMattersModel.reason }}
             </p>
             <ul>
@@ -179,4 +179,8 @@ export default {
     padding: 0 60px;
   }
 }
+.describe {
+  letter-spacing: 1px;
+  line-height: 30px;
+}
 </style>
diff --git a/src/views/dataBoard/overview/components/EventDetail.vue b/src/views/dataBoard/overview/components/EventDetail.vue
index 76731707b..f5c0ce46b 100644
--- a/src/views/dataBoard/overview/components/EventDetail.vue
+++ b/src/views/dataBoard/overview/components/EventDetail.vue
@@ -32,45 +32,45 @@
                 />事项详情
               </div>
               <div class="eventItem">
-                <span>所属组织：</span>
-                <span>{{ item.gridName }}</span>
+                <div class="label">所属组织：</div>
+                <div class="value">{{ item.gridName }}</div>
               </div>
               <div class="eventItem">
-                <span>上报渠道：</span>
-                <span>{{ item.sourceTypeName }}</span>
+                <div class="label">上报渠道：</div>
+                <div class="value">{{ item.sourceTypeName }}</div>
               </div>
               <div class="eventItem">
-                <span>事件类型：</span>
-                <span>{{ item.categoryName }}</span>
+                <div class="label">事件类型：</div>
+                <div class="value">{{ item.categoryName }}</div>
               </div>
-              <div class="eventItem">
-                <span>事件描述：</span>
-                <span>{{ item.eventContent }}</span>
+              <div class="eventItem" style="align-items: flex-start">
+                <div class="label">事件描述：</div>
+                <div class="value describe">{{ item.eventContent }}</div>
               </div>
               <div class="eventItem">
-                <span>接收时间：</span>
-                <span>{{ item.happenTime }}</span>
+                <div class="label">接收时间：</div>
+                <div class="value">{{ item.happenTime }}</div>
               </div>
               <div class="eventItem">
-                <span>联系人：</span>
-                <span>{{ item.name }}</span>
+                <div class="label">联系人：</div>
+                <div class="value">{{ item.name }}</div>
               </div>
               <div class="eventItem">
-                <span>联系电话：</span>
-                <span>{{ item.mobile }}</span>
+                <div class="label">联系电话：</div>
+                <div class="value">{{ item.mobile }}</div>
                 <CallPhone icon="el-icon-phone"/>
               </div>
               <div class="eventItem">
-                <span>详细地址：</span>
-                <span>{{ item.address }}</span>
+                <div class="label">详细地址：</div>
+                <div class="value">{{ item.address }}</div>
               </div>
               <div class="eventItem">
-                <span>办结时限：</span>
-                <span>{{ item.latestOperatedTime }}</span>
+                <div class="label">办结时限：</div>
+                <div class="value">{{ item.latestOperatedTime }}</div>
               </div>
               <div class="eventItem">
-                <span>满意度评价：</span>
-                <span>{{ item.satisfactionName }}</span>
+                <div class="label">满意度评价：</div>
+                <div class="value">{{ item.satisfactionName }}</div>
               </div>
             </div>
           </el-col>
@@ -447,4 +447,26 @@ export default {
 
 }
 
+
+.eventItem {
+  font-size: 14px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin-bottom: 17px;
+
+  .label {
+    color: #9CB4D3;
+    white-space: nowrap;
+  }
+
+  .value {
+    color: #FFFFFF;
+  }
+}
+.describe {
+  letter-spacing: 1px;
+  line-height: 30px;
+  margin-top: -8px;
+}
 </style>
diff --git a/src/views/dataBoard/overview/components/MapDialog/CommunityList.vue b/src/views/dataBoard/overview/components/MapDialog/CommunityList.vue
index 493fc94f2..d7abcd80f 100644
--- a/src/views/dataBoard/overview/components/MapDialog/CommunityList.vue
+++ b/src/views/dataBoard/overview/components/MapDialog/CommunityList.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="table">
-      <el-table v-loading="loading" :data="list" height="600px"
+      <el-table v-loading="loading" :data="list" height="750px"
                 element-loading-background="rgba(0, 0, 0, 0.3)">
 
         <el-table-column label="序号" type="index" width="80"/>
@@ -40,7 +40,6 @@
         </el-table-column>
       </el-table>
       <Pagination
-          v-show="total > 0"
           :limit.sync="queryParams.pageSize"
           :page.sync="queryParams.pageNo"
           :total="total"
@@ -70,10 +69,10 @@ export default {
   },
   data() {
     return {
-      total: 10,
+      total: 0,
       queryParams: {
         pageNo: 1,
-        pageSize: 10,
+        pageSize: 20,
       },
       list: [],
       rowId: "",
diff --git a/src/views/dataBoard/overview/components/MapDialog/DemandList.vue b/src/views/dataBoard/overview/components/MapDialog/DemandList.vue
index 6474ff347..1b8e57b4a 100644
--- a/src/views/dataBoard/overview/components/MapDialog/DemandList.vue
+++ b/src/views/dataBoard/overview/components/MapDialog/DemandList.vue
@@ -4,7 +4,7 @@
 
     <div v-if="type === '1'" class="table">
       <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
-                height="250px">
+                height="270px">
         <el-table-column label="需求类别" prop="categoryAllName"/>
         <el-table-column label="需求内容" prop="content"/>
         <el-table-column label="需求人" prop="reportUserName"/>
@@ -30,7 +30,7 @@
 
     <div v-if="type === '2'" class="table">
       <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
-                height="250px">
+                height="270px">
         <el-table-column label="需求类别" prop="commonServiceTypeName" show-overflow-tooltip/>
         <el-table-column label="需求标题" prop="title" show-overflow-tooltip/>
         <el-table-column label="指派服务" prop="assignFlag" width="100">
@@ -48,7 +48,6 @@
         </el-table-column>
       </el-table>
       <Pagination
-          v-show="total > 0"
           :limit.sync="queryParams.pageSize"
           :page.sync="queryParams.pageNo"
           :total="total"
diff --git a/src/views/dataBoard/overview/components/MapDialog/DisputeDispatch.vue b/src/views/dataBoard/overview/components/MapDialog/DisputeDispatch.vue
index 4fa7295ea..8cb41a100 100644
--- a/src/views/dataBoard/overview/components/MapDialog/DisputeDispatch.vue
+++ b/src/views/dataBoard/overview/components/MapDialog/DisputeDispatch.vue
@@ -3,7 +3,7 @@
     <Tabs v-model="type" :list="typeList" @changeVal="typeChange"/>
     <div v-if="type === '4'" class="table">
       <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
-                height="250px">
+                height="280px">
         <el-table-column label="资源类型" min-width="120" prop="serviceItem">
           <!-- <template slot-scope="{row}">
             社区自组织
@@ -36,7 +36,7 @@
     </div>
     <div v-if="type === '5'" class="table">
       <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
-                height="250px">
+                height="280px">
         <el-table-column label="资源类型" min-width="100" prop="typeName">
           <!-- <template slot-scope="{row}">
             联建单位
@@ -70,7 +70,7 @@
 
     <div v-if="type !== '4' && type !== '5'" class="table">
       <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
-                height="250px">
+                height="280px">
         <el-table-column label="资源类型" min-width="120" prop="personnelType">
           <template slot-scope="{row}">
             {{
diff --git a/src/views/dataBoard/overview/components/MapDialog/List12345.vue b/src/views/dataBoard/overview/components/MapDialog/List12345.vue
index fd4ae2011..08b5cbe66 100644
--- a/src/views/dataBoard/overview/components/MapDialog/List12345.vue
+++ b/src/views/dataBoard/overview/components/MapDialog/List12345.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="table">
-      <el-table v-loading="loading" :data="list" height="600px"
+      <el-table v-loading="loading" :data="list" height="750px"
                 element-loading-background="rgba(0, 0, 0, 0.3)">
         <el-table-column label="序号" type="index" width="80"/>
         <el-table-column label="所属网格" show-overflow-tooltip prop="gridName" width="120"/>
@@ -24,7 +24,6 @@
         </el-table-column>
       </el-table>
       <Pagination
-          v-show="total > 0"
           :limit.sync="queryParams.pageSize"
           :page.sync="queryParams.pageNo"
           :total="total"
@@ -68,10 +67,10 @@ export default {
     return {
       showDialog: false,
       rowId: "",
-      total: 10,
+      total: 0,
       queryParams: {
         pageNo: 1,
-        pageSize: 10,
+        pageSize: 20,
       },
       list: [],
       loading: false,
diff --git a/src/views/dataBoard/overview/components/MapDialog/Njjwtqk.vue b/src/views/dataBoard/overview/components/MapDialog/Njjwtqk.vue
index fb57d0efc..a831415ad 100644
--- a/src/views/dataBoard/overview/components/MapDialog/Njjwtqk.vue
+++ b/src/views/dataBoard/overview/components/MapDialog/Njjwtqk.vue
@@ -1,8 +1,9 @@
 <template>
   <div>
     <div class="table">
-      <el-table v-loading="loading" :data="list" :height="catVal === 1|| catVal === 2?'250px':'600px'"
+      <el-table v-loading="loading" :data="list" :height="catVal === 1|| catVal === 2?'350px':'750px'"
                 element-loading-background="rgba(0, 0, 0, 0.3)">
+        <el-table-column label="序号" type="index" width="80" />
         <el-table-column label="所属网格" prop="gridName" width="120"/>
         <el-table-column label="接收时间" prop="happenTime" width="180"/>
         <el-table-column label="问题描述" prop="eventContent" width="120"/>
@@ -11,7 +12,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="200">
+        <el-table-column label="操作" prop="op" width="200" fixed="right">
           <template slot-scope="scope">
             <CallPhone text="拨打电话"/>
             <span class="handle" @click="handleDispatch(scope.row)">处理</span>
@@ -77,7 +78,8 @@ export default {
   watch: {
     catVal() {
       this.getList()
-    }
+    },
+
   },
   mounted() {
     this.getList()
@@ -88,7 +90,7 @@ export default {
         this.catVal = 1;
       }
       console.log("----------:"+this.catVal);
-      this.$http.post('/governance/icEventOld/list', {type: this.catVal}).then(({data: {data}}) => {
+      this.$http.post('/governance/icEventOld/list', {type: this.catVal,agencyId: this.currentLevelData.orgId}).then(({data: {data}}) => {
         this.list = data.list;
         this.total = data.total;
       })
diff --git a/src/views/dataBoard/overview/components/MapDialog/SatisfactionList.vue b/src/views/dataBoard/overview/components/MapDialog/SatisfactionList.vue
index 0ef90066e..695d15030 100644
--- a/src/views/dataBoard/overview/components/MapDialog/SatisfactionList.vue
+++ b/src/views/dataBoard/overview/components/MapDialog/SatisfactionList.vue
@@ -2,7 +2,7 @@
   <div>
     <div class="table">
       <el-table v-loading="loading" :data="list" element-loading-background="rgba(0, 0, 0, 0.3)"
-                height="600px">
+                height="750px">
         <el-table-column label="序号" type="index" width="80"/>
 
         <el-table-column label="月度" prop="month"/>
@@ -34,7 +34,6 @@
         </el-table-column>
       </el-table>
       <Pagination
-          v-show="total > 0"
           :limit.sync="queryParams.pageSize"
           :page.sync="queryParams.pageNo"
           :total="total"
@@ -65,11 +64,11 @@ export default {
   },
   data() {
     return {
-      total: 10,
+      total: 0,
       id: "",
       queryParams: {
         pageNo: 1,
-        pageSize: 10,
+        pageSize: 20,
         satisfactionSource: "satisfaction_province"
       },
       list: [],
diff --git a/src/views/dataBoard/overview/components/MapDialog/index.vue b/src/views/dataBoard/overview/components/MapDialog/index.vue
index 852ddb53b..975d05185 100644
--- a/src/views/dataBoard/overview/components/MapDialog/index.vue
+++ b/src/views/dataBoard/overview/components/MapDialog/index.vue
@@ -144,6 +144,7 @@ export default {
   methods: {
     handleClose(done) {
       this.dialogVisible = false;
+      this.$emit('close')
     },
     open(data,type) {
       this.dialogVisible = true;
@@ -300,4 +301,7 @@ export default {
   width: calc(100% - 200px);
   flex: 0 0 calc(100% - 200px);
 }
+.pagination-container {
+  padding-bottom: 0!important;
+}
 </style>
diff --git a/src/views/dataBoard/overview/components/MapResourceInfo.vue b/src/views/dataBoard/overview/components/MapResourceInfo.vue
index 487ef4d2b..e8ae9359b 100644
--- a/src/views/dataBoard/overview/components/MapResourceInfo.vue
+++ b/src/views/dataBoard/overview/components/MapResourceInfo.vue
@@ -28,9 +28,9 @@
               <div class="label">分类：</div>
               <div class="value">{{ detail.typeName }}</div>
             </div>
-            <div class="items">
+            <div class="items" style="align-items: flex-start">
               <div class="label">服务事项：</div>
-              <div class="value">{{ detail.serviceMatterNameList ? detail.serviceMatterNameList.join('、') : '' }}</div>
+              <div class="value describe">{{ detail.serviceMatterNameList ? detail.serviceMatterNameList.join('、') : '' }}</div>
             </div>
             <div class="items">
               <div class="label">联系人：</div>
@@ -298,4 +298,11 @@ export default {
 
 }
 
+
+.describe {
+  letter-spacing: 1px;
+  line-height: 30px;
+  margin-top: -8px;
+}
+
 </style>
\ No newline at end of file
diff --git a/src/views/dataBoard/overview/index.vue b/src/views/dataBoard/overview/index.vue
index 36d49285d..e4b3e81d9 100644
--- a/src/views/dataBoard/overview/index.vue
+++ b/src/views/dataBoard/overview/index.vue
@@ -73,7 +73,8 @@
       -- bmysxqk = 不满意事项情况
       -- xqwwcqk = 需求未完成情况
     -->
-    <MapDialog ref="MapDialog" :type="mapType"/>
+    <MapDialog v-if="isShowMapDialog" ref="MapDialog" :currentLevelData="currentLevelData" :type="mapType"
+               @close="isShowMapDialog = false"/>
     <cpt-loading v-show="false"/>
     <MapResourceInfo ref="MapResourceInfo" :currentLevelData="currentLevelData"/>
   </div>
@@ -109,7 +110,7 @@ import {spliceIntoChunks} from "@/utils/index";
 import MapResourceInfo from "@/views/dataBoard/overview/components/MapResourceInfo.vue";
 
 export default {
-  name: "renfang",
+  name: "overview",
 
   components: {
     gridMap,
@@ -147,8 +148,8 @@ export default {
       orgData: {
         children: [],
       }, //当前组织对象
-    showMap:false,
-
+      showMap: false,
+      isShowMapDialog: false,
       orgId: "",
       orgLevel: "",
       currentLevel: "",//地图对应level
@@ -419,7 +420,7 @@ export default {
         console.log(this.currentLevelData, 'this.currentLevelData 33210')
         this.peopleType = this.currentLevel === "grid" ? "unit" : "staffAgency";
         this.$refs.map.removeResourcesPoint();
-        console.log(this.currentLevel,'level',orgId ,this.currentLevel === 'agency' || this.currentLevel === 'community' || this.currentLevel === 'grid')
+        console.log(this.currentLevel, 'level', orgId, this.currentLevel === 'agency' || this.currentLevel === 'community' || this.currentLevel === 'grid')
         if (this.currentLevel === 'community' || this.currentLevel === 'grid') {
           this.setResourcesPoint({agencyId: this.orgId})
         }
@@ -444,11 +445,13 @@ export default {
             this.mapType = "njjwtqk";
             break;
         }
-
-        this.$refs.MapDialog.open({
-          orgId: data.agencyId,
-          orgLevel: data.level
-        }, this.mapType)
+        this.isShowMapDialog = true
+        this.$nextTick(() => {
+          this.$refs.MapDialog.open({
+            orgId: data.agencyId,
+            orgLevel: data.level
+          }, this.mapType)
+        })
       }
     },
     resourcesPointClick(data) {
diff --git a/src/views/dataBoard/satisfactionEval/components/Pagination/index.vue b/src/views/dataBoard/satisfactionEval/components/Pagination/index.vue
index 42c222542..ba9b81a4d 100644
--- a/src/views/dataBoard/satisfactionEval/components/Pagination/index.vue
+++ b/src/views/dataBoard/satisfactionEval/components/Pagination/index.vue
@@ -136,4 +136,8 @@ export default {
 .pagination-container.hidden {
   display: none;
 }
+.el-dialog .pagination-container {
+  padding-bottom: 0!important;
+}
+
 </style>
diff --git a/src/views/dataBoard/satisfactionEval/modules/eventAnalysis/index.vue b/src/views/dataBoard/satisfactionEval/modules/eventAnalysis/index.vue
index 1792e8f4d..991b8dded 100644
--- a/src/views/dataBoard/satisfactionEval/modules/eventAnalysis/index.vue
+++ b/src/views/dataBoard/satisfactionEval/modules/eventAnalysis/index.vue
@@ -2,8 +2,8 @@
   <div style="padding: 20px 10px;">
     <title-small text="同地点同类型事件重复投诉问题">
       <template v-slot:time>
-        <el-select v-model="typeCondition" class="select" placeholder="请选择" popper-class="selectPopClass"
-                   @change="timeChange">
+        <el-select v-model="typeCondition1" class="select" placeholder="请选择" popper-class="selectPopClass"
+                   @change="value=> timeChange(value,1)">
           <el-option v-for="item in typeConditionList" :key="item.value" :label="item.label"
                      :value="item.value"></el-option>
         </el-select>
@@ -19,7 +19,7 @@
         <div>类型</div>
         <div>投诉次数</div>
       </div>
-      <div class="list-con" >
+      <div v-if="list.length > 0" class="list-con" >
         <div
             v-if="list.length > 0"
             v-for="(item, index) in list"
@@ -32,15 +32,15 @@
           <div>{{ item.categoryName }}</div>
           <div>{{ item.amount }}</div>
         </div>
-        <NoData v-else size="80"/>
       </div>
+      <NoData v-else size="80" />
     </div>
 
     <title-small text="同一人员重复投诉问题">
       <template v-slot:time>
-        <el-select v-model="typeCondition" class="select" placeholder="请选择" popper-class="selectPopClass"
-                   @change="timeChange">
-          <el-option v-for="item in typeConditionList" :key="item.value" :label="item.label"
+        <el-select v-model="typeCondition2" class="select" placeholder="请选择" popper-class="selectPopClass"
+                   @change="value=> timeChange(value,2)">
+        <el-option v-for="item in typeConditionList" :key="item.value" :label="item.label"
                      :value="item.value"></el-option>
         </el-select>
       </template>
@@ -54,7 +54,7 @@
         <div>联系方式</div>
         <div>投诉次数</div>
       </div>
-      <div class="list-con">
+      <div v-if="list2.length > 0" class="list-con">
         <div
             v-for="(item, index) in list2"
             :key="index"
@@ -66,15 +66,16 @@
           <div>{{ item.mobile }}</div>
           <div>{{ item.amount }}</div>
         </div>
-        <NoData v-else size="80"/>
       </div>
+      <NoData v-else size="80" />
+
     </div>
 
     <title-small text="同一区域不同类型投诉问题">
       <template v-slot:time>
-        <el-select v-model="typeCondition" class="select" placeholder="请选择" popper-class="selectPopClass"
-                   @change="timeChange">
-          <el-option v-for="item in typeConditionList" :key="item.value" :label="item.label"
+        <el-select v-model="typeCondition3" class="select" placeholder="请选择" popper-class="selectPopClass"
+                   @change="value=> timeChange(value,3)">
+        <el-option v-for="item in typeConditionList" :key="item.value" :label="item.label"
                      :value="item.value"></el-option>
         </el-select>
       </template>
@@ -92,6 +93,9 @@
         <el-table-column label="地点" prop="address"></el-table-column>
         <el-table-column label="类型" prop="categoryName"></el-table-column>
         <el-table-column label="投诉次数" prop="amount" width="120"></el-table-column>
+        <template #empty>
+          <NoData size="80" />
+        </template>
       </el-table>
     </div>
   </div>
@@ -99,14 +103,18 @@
 
 <script>
 import titleSmall from "@/views/dataBoard/satisfactionEval/components/Title/titleSmall.vue";
+import NoData from "@/views/dataBoard/cpts/NoData";
 
 export default {
   components: {
-    titleSmall
+    titleSmall,
+    NoData
   },
   data() {
     return {
-      typeCondition: 5,
+      typeCondition1: 5,
+      typeCondition2: 5,
+      typeCondition3: 5,
       startTime: '',
       endTime: '',
       list: [],
@@ -143,12 +151,20 @@ export default {
       spanArr: [],
     };
   },
-  watch: {},
   created() {
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.timeChange(5,'')
+      }
+    },
+
   },
   mounted() {
-    this.timeChange()
-    this.getList()
+    if (this.$store.state.chooseArea.chooseName.orgId) {
+      this.timeChange(5,'')
+    }
   },
   computed: {},
   methods: {
@@ -175,26 +191,26 @@ export default {
         }
       }
     },
-    timeChange() {
+    timeChange(typeCondition,type) {
       let startTime = "",
           endTime = "";
-      if (this.typeCondition === 1) {
+      if (typeCondition === 1) {
         startTime = this.$moment().startOf("month").format("YYYY-MM-DD");
       }
-      if (this.typeCondition === 2) {
+      if (typeCondition === 2) {
         startTime = this.$moment().subtract(1, "months").startOf("month").format("YYYY-MM-DD");
       }
-      if (this.typeCondition === 3) {
+      if (typeCondition === 3) {
         startTime = this.$moment().subtract(2, "months").startOf("month").format("YYYY-MM-DD");
       }
-      if (this.typeCondition === 4) {
+      if (typeCondition === 4) {
         startTime = this.$moment().subtract(5, "months").startOf("month").format("YYYY-MM-DD");
       }
-      if (this.typeCondition === 5) {
+      if (typeCondition === 5) {
         startTime = this.$moment().subtract(11, "months").startOf("month").format("YYYY-MM-DD");
       }
 
-      if (this.typeCondition === 2) {
+      if (typeCondition === 2) {
         endTime = this.$moment().subtract(1, "months").endOf("month").format("YYYY-MM-DD");
       } else {
         endTime = this.$moment().endOf("month").format("YYYY-MM-DD");
@@ -202,17 +218,23 @@ export default {
       this.startTime = startTime;
       this.endTime = endTime;
       //   this.getData();
-      this.getList()
+      this.getList(type)
     },
-    getList() {
+    getList(type) {
       this.$http.post('/governance/dwdEvent/report', {
         "queryDateStart": this.startTime,
         "queryDateEnd": this.endTime
       }).then(({data: {data}}) => {
         console.log(data)
-        this.list = data?data.addressMobileEvents: [] || []
-        this.list2 = data?data.mobileEvent: [] || []
-        this.data = data?data.addressEvent: [] || []
+        if(type === ''|| type === 1) {
+          this.list = data?data.addressMobileEvents: [] || []
+        }
+        if(type === ''|| type === 2) {
+          this.list2 = data?data.mobileEvent: [] || []
+        }
+        if(type === ''|| type === 3) {
+          this.data = data?data.addressEvent: [] || []
+        }
       })
     },
 
@@ -262,19 +284,12 @@ export default {
   margin-top: 15px;
 }
 
-.no-data {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  opacity: .6;
-  color: #fff;
-}
-
 .t-list {
   position: relative;
   flex: 1;
   width: 100%;
   margin-bottom: 20px;
+  margin-top: 15px;
 
   .item {
     display: flex;
@@ -334,4 +349,13 @@ export default {
   overflow: auto;
   height: 200px;
 }
+.no-data {
+  height: 200px;
+}
+.select {
+  width: 100px;
+}
+.table {
+  margin-top: 10px;
+}
 </style>