Browse Source

修改样式问题

chuwu 5 năm trước cách đây
mục cha
commit
61c5e0e05d

+ 4 - 0
src/assets/style/style.scss

@@ -54,4 +54,8 @@ iframe {
     display: flex;
     justify-content: center;
     align-items: center;
+}
+
+.el-table__empty-block {
+    align-items: initial;
 }

+ 2 - 2
src/components/business_space/business/handsontable.vue

@@ -6,12 +6,12 @@
             <el-button @click="addSp" style="float:right;margin-top:5px;">添加</el-button>
         </div>
         <div v-show="main &&main.length" :id="id"></div>
-        <div class="center" v-show="!main || !main.length">
+        <div class="center" v-show="!main || !main.length" style="height: 400px;padding-top:140px;box-sizing:border-box;">
             <i class="iconwushuju iconfont"></i>
             暂无数据
         </div>
         <!-- <add-business :buildMess="buildMess" :dialog="dialog"></add-business> -->
-        <div class="right-nobg" v-show="main &&main.length">
+        <div class="right-nobg" v-show="main && main.length">
             <my-pagination :page="page" @change="pageChange"></my-pagination>    
         </div>
     </div>

+ 1 - 0
src/components/business_space/graphy/business.vue

@@ -88,6 +88,7 @@
     <div
       v-show="!hasMap"
       class="center"
+      style="height: 400px;padding-top:200px;box-sizing:border-box;"
     >
         <i class="iconwushuju iconfont"></i>
         {{!!buildMess ? '请初始化平面图' : '请选择楼层'}}

+ 29 - 27
src/components/business_space/table/businessTable.vue

@@ -11,33 +11,35 @@
         <el-button slot="append" @click="querySearch" icon="el-icon-search"></el-button>
       </el-input>
     </div>
-    <el-table
-      :data="tableData"
-      height="300"
-      :stripe="true"
-      border
-      class="data-table border"
-      v-loading="isLoading"
-      style="width: 100%"
-    >
-      <el-table-column label="业务空间名称">
-        <template slot-scope="scope">
-          <span style="margin-left: 10px">
-            <el-tooltip
-              :content="scope.row.infos.RoomLocalName || scope.row.infos.RoomName"
-              placement="top"
+    <div>
+        <el-table
+            :data="tableData"
+            height="300"
+            :stripe="true"
+            border
+            class="data-table border"
+            v-loading="isLoading"
+            style="width: 100%"
             >
-              <span>{{scope.row.infos.RoomLocalName || scope.row.infos.RoomName | cutString(8)}}</span>
-            </el-tooltip>
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column v-if="type == 'relevance'" label="操作">
-        <template slot-scope="scope">
-          <el-button @click="deleteSpace(scope.row)">关联平面图</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+            <el-table-column label="业务空间名称">
+                <template slot-scope="scope">
+                <span>
+                    <el-tooltip
+                    :content="scope.row.infos.RoomLocalName || scope.row.infos.RoomName"
+                    placement="top"
+                    >
+                    <span>{{scope.row.infos.RoomLocalName || scope.row.infos.RoomName | cutString(8)}}</span>
+                    </el-tooltip>
+                </span>
+                </template>
+            </el-table-column>
+            <el-table-column v-if="type == 'relevance'" label="操作">
+                <template slot-scope="scope">
+                <el-button @click="deleteSpace(scope.row)">关联平面图</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+    </div>
     <div class="right">
         <my-pagination :page="page" @change="pageChange"></my-pagination>
     </div>
@@ -243,6 +245,6 @@ export default {
 </script>
 <style>
 .el-table tr th {
-  background: #fafafa !important;
+  /* background: #fafafa !important; */
 }
 </style>

+ 3 - 3
src/components/business_space/table/equipTable.vue

@@ -5,7 +5,7 @@
                 <el-table :data="tableData" height="300" class="data-table border" :stripe="true" border size="small" v-loading="isLoading" style="width: 100%">
                     <el-table-column width="180" label="设备名称">
                         <template slot-scope="scope">
-                            <span style="margin-left: 10px">
+                            <span>
                                 <el-tooltip :content="scope.row.infos.EquipName" placement="top">
                                 <span>{{scope.row.infos.EquipName | cutString(15)}}</span>
                                 </el-tooltip>
@@ -14,7 +14,7 @@
                     </el-table-column>
                     <el-table-column width="160" label="设备类">
                         <template slot-scope="scope">
-                            <span style="margin-left: 10px">
+                            <span>
                                 <span>{{getName(scope.row.category)}}</span>
                             </span>
                         </template>
@@ -361,6 +361,6 @@
 </script>
 <style>
     .el-table tr th {
-        background: #fafafa !important;
+        /* background: #fafafa !important; */
     }
 </style>

+ 1 - 1
src/views/data_admin/buildGraphy/graphyCanvas.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="graphyMain" class="canvasGraphy">
+  <div ref="graphyMain" class="canvasGraphy middle_sty">
     <div v-if="type != 3" class="center">
         <i class="iconwushuju iconfont"></i>
         <p>{{type == 1 ? '请选择楼层' : '当前楼层尚无平面图,请去空间管理根据模型生成'}}</p>

+ 4 - 4
src/views/data_admin/buildGraphy/graphyTabs.vue

@@ -6,7 +6,7 @@ getLocation 定位
     <div id="graphy-tabs">
         <el-tabs style="height:100%;" v-model="activeName2" type="card" @tab-click="handleClick">
             <el-tab-pane label="本层的点位标签" name="point">
-                <div v-if="pointData.length" v-loading="isLoading" style="max-height: 800px;overflow-y:auto;">
+                <div v-if="pointData.length" v-loading="isLoading" style="max-height: 600px;overflow-y:auto;">
                     <div v-for="(item,index) in pointData" :key="index">
                         <div class="point">
                             <span>{{item.Name}}</span>
@@ -15,13 +15,13 @@ getLocation 定位
                         </div>
                     </div>
                 </div>
-                <div v-if="!pointData.length" class="center">
+                <div v-if="!pointData.length" class="center" style="height: 600px;padding-top: 260px; box-sizing:border-box;">
                     <i class="iconwushuju iconfont"></i>
                     {{pointParam.FloorId ? "数据为空" : "请选择楼层"}}
                 </div>
       </el-tab-pane>
       <el-tab-pane label="无法定位到楼层的点位标签" name="noPoint">
-            <div v-if="pointNoData.length" v-loading="isLoading" style="max-height: 800px;">
+            <div v-if="pointNoData.length" v-loading="isLoading" style="max-height: 600px;">
                 <div v-for="(item,index) in pointNoData" :key="index">
                     <div class="point">
                     <span>{{item.Name}}</span>
@@ -33,7 +33,7 @@ getLocation 定位
                 </div>
             </div>
             </div>
-            <div v-if="!pointNoData.length" class="center">
+            <div v-if="!pointNoData.length" class="center" style="height: 600px;padding-top: 260px; box-sizing:border-box;">
                 <i class="iconwushuju iconfont"></i>
                 {{pointParam.FloorId ? "数据为空" : "请选择楼层"}}
             </div>

+ 24 - 17
src/views/point/config_point/steps/index.vue

@@ -3,21 +3,21 @@
         <!-- <bread class="bread-view"></bread> -->
         <div class="saga-btns-view">
             <template v-for="(item,index) in jsonTitle">
-                    <div
-                        :key="index"
-                        @click="changeStep(index)"
-                        class="saga-steps-btn pointer saga-size3"
-                        :class="{
-                            'active-steps': activeStep == index + 1
-                        }"
-                    >
-                        <div class="border-view">
-                            <div class="point-step">{{index + 1}}</div>
-                            <div class="jiao"></div>
-                            <div class="point-title">{{item}}</div>
-                        </div>
+                <div
+                    :key="index"
+                    @click="changeStep(index)"
+                    class="saga-steps-btn pointer saga-size3"
+                    :class="{
+                        'active-steps': activeStep == index + 1
+                    }"
+                >
+                    <div class="border-view">
+                        <div class="point-step">{{index + 1}}</div>
+                        <div class="jiao"></div>
+                        <div class="point-title">{{item}}</div>
                     </div>
-</template>
+                </div>
+            </template>
         </div>
         <div class="main-view">
         <step1 ref="step" v-if="activeStep == 1"></step1>
@@ -44,7 +44,15 @@
             }
         },
         created() {
-            this.$store.dispatch('setBreadcrumb', [{ label: '系统集成' }, { label: '点位表配置工具' },{ label: '点位收集' }])            
+            this.$store.dispatch('setBreadcrumb', [{
+                label: '系统集成',
+                path: '/point/pointsetting'
+            }, {
+                label: '点位表配置工具',
+                path: '/point/pointsetting'
+            }, {
+                label: '点位收集'
+            }])
         },
         mounted() {
             // console.log(this.$refs.pointStep.parentElement.parentElement.offsetHeight,'pointStep')
@@ -90,8 +98,7 @@
 </script>
 <style lang="scss">
     .h100 {
-        background-color: #fff;
-        // padding: 0 10px;
+        background-color: #fff; // padding: 0 10px;
         box-sizing: border-box;
         display: flex;
         flex-flow: column;

+ 1 - 1
src/views/project_setting/collection_setting/index.vue

@@ -883,7 +883,7 @@
                 .initials {
                     position: fixed;
                     top: 42px;
-                    left: 317px;
+                    left: 334px;
                     height: 100%;
                     width: 16px;
                     text-align: center;