update small blur box

src/views/3DOverview/components/TechyTable.vue

@@ -7,7 +7,7 @@
 -->
 <template>
   <div class="visual-base-table-container">
-    <el-table class="techy-el-table" v-loading="isLoading" :data="renderData" border height="100%">
+    <el-table v-loading="isLoading" class="techy-el-table" :data="renderData" border height="100%">
       <el-table-column
         v-if="page && limit && showIndex"
         prop="_pageIndex"
@@ -29,7 +29,7 @@
             :inject-data="{ ...scope.row, ...item }"
             @emitData="emitData"
           />
-          <span v-else>{{ scope.row[item.prop] | commonFilter(item.filter) }}</span>
+          <span v-else :title="scope.row[item.prop]">{{ scope.row[item.prop] | commonFilter(item.filter) }}</span>
         </template>
       </el-table-column>
       <slot name="content" />

src/views/3DOverview/index.vue

@@ -318,20 +318,14 @@ export default {
 
 .techy-body-part__middle {
   position: absolute;
+  /* background: #ff3311; */
   top: 0;
   right: calc(-16px * var(--beilv));
-}
-
-.techy-body-part__middle .techy-box {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: calc(128px * var(--beilv));
-  width: calc(188px * var(--beilv));
+  transform: translateX(100%);
 }
 
 .techy-body-part__middle__inner {
-  height: 100%;
+  /* height: 100%; */
   padding: calc(16px * var(--beilv));
   display: flex;
   flex-direction: column;
@@ -346,8 +340,17 @@ export default {
   line-height: 1.5;
   color: #fff;
   display: flex;
+  min-width: calc(168px * var(--beilv));
 }
 
+.techy-body-part__middle__inner p:not(:last-child) {
+  margin-bottom: calc(8px * var(--beilv));
+}
+
+/* .techy-body-part__middle__inner p > b {
+  width: calc(90px * var(--beilv));
+} */
+
 .techy-body-part__middle__inner p > span {
   position: relative;
   padding-left: calc(16px * var(--beilv));

src/views/orderManage/orderManagerCockpit/components/orderStatus.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="state-box">
     <span v-if="this.injectData.status === 1">
-      <svg-icon icon-class="yellow_dot" class="tip"/>
+      <svg-icon icon-class="yellow_dot" style="font-size: 14px; position: relative; top: .08em" />
       在途
     </span>
     <span v-if="this.injectData.status === 2">
-      <svg-icon icon-class="blue_dot" class="tip"/>
+      <svg-icon icon-class="blue_dot" style="font-size: 14px; position: relative; top: .08em" />
       已下发
     </span>
     <span v-if="this.injectData.status === 3">
-      <svg-icon icon-class="green_dot" class="tip" />
+      <svg-icon icon-class="green_dot" style="font-size: 14px; position: relative; top: .08em" />
       已完成
     </span>
     <span v-if="this.injectData.status === 4">
-      <svg-icon icon-class="orange_dot" class="tip" />
+      <svg-icon icon-class="orange_dot" style="font-size: 14px; position: relative; top: .08em" />
       待下发
     </span>
   </div>
@@ -44,11 +44,8 @@ export default {
   }
 }
 </script>
-<style lang="scss" scoped>
+<style scoped>
 .state-box {
-  .tip {
-    font-size: calc(14px * var(--beilv));
-    vertical-align: middle;
-  }
+  height: calc(15px * var(--beilv))
 }
 </style>

src/views/orderManage/orderManagerCockpit/components/workOrder.vue

@@ -63,7 +63,6 @@ export default {
   justify-content: space-between;
   .box {
     width: 49.5%;
-    height: 49.5%;
     margin-bottom: 8px;
     background-image: url('../../../../assets/img/cockpit/module-back.png');
     background-repeat: no-repeat;
@@ -93,26 +92,6 @@ export default {
       background: #366F5D;
     }
   }
-  ::-webkit-scrollbar {
-    width: calc(8px * var(--beilv));
-  }
-
-  ::-webkit-scrollbar-track {
-    background-color: #14243f;
-    border-radius: 0;
-  }
-
-  ::-webkit-scrollbar-button {
-    width: calc(8px * var(--beilv));
-    height: calc(8px * var(--beilv));
-    background: #5bc4bf9f;
-    position: relative;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    border-radius: calc(8px * var(--beilv));
-    background: #5bc4bf9f;
-  }
 }
 .progress-box {
   border-radius: 5px;