暂存

src/HManagement/serviceDataScreen/components/borderTemplate.vue

@@ -1,9 +1,14 @@
 <template>
   <div class="border-box-style box-content-style" :style="borderBox">
     <div class="justify-style">
-      <div class="justify-style">
+      <div class="justify-style-left">
         <div class="icon"></div>
-        <div class="title">业务员账户</div>
+        <div class="title inline-left">{{$t(title)}}</div>
+        <slot name="operation"></slot>
+      </div>
+      <div class="detail-title justify-style-right">
+        <div>{{$t(detailTitle)}}</div>
+        <div style="margin-left: 0.260vw"> > </div>
       </div>
     </div>
   </div>
@@ -12,7 +17,15 @@
 <script>
 export default {
   name: "borderTemplate",
-  props:["borderBox"]
+  props:["borderBox","title","detailTitle"],
+  mounted() {
+    // autofit.init({
+    //   dh: 1135,
+    //   dw: 1920,
+    //   el:"body",
+    //   resize: true
+    // })
+  }
 }
 </script>
 
@@ -24,10 +37,21 @@ export default {
     border: 0.104vw solid #3D73BA;
     opacity: 0.8;
   }
-  .justify-style{
+  .justify-style-left{
     display: flex;
     justify-content: left;
   }
+  .justify-style-right{
+    display: flex;
+    justify-content: right;
+  }
+  .justify-style{
+    display: flex;
+    justify-content: space-between;
+  }
+  .inline-left{
+    margin-left: 20px;
+  }
   .box-content-style{
     padding: 1.042vw;
   }
@@ -38,10 +62,26 @@ export default {
     border-radius: 0.104vw 0.104vw 0.104vw 0.104vw;
   }
   .box-content-style .title{
+    width: 6.250vw;
+    height: 1.615vw;
     font-family: Microsoft YaHei, Microsoft YaHei;
     font-weight: bold;
     font-size: 1.250vw;
     color: #E6F4FF;
     text-align: left;
+    line-height: 0.9vw;
+    vertical-align: middle;
+  }
+  .box-content-style .detail-title{
+    width: 6.333vw;
+    height: 1.094vw;
+    font-family: Microsoft YaHei, Microsoft YaHei;
+    font-weight: 400;
+    font-size: 0.833vw;
+    color: #CFDCE5;
+    line-height: 0.9vw;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
   }
 </style>

src/HManagement/serviceDataScreen/index.vue

@@ -33,7 +33,7 @@
     </div>
     <div class="content-style justify-style">
       <div>
-        <borderTemplate borderBox="width: 15.104vw;height: 12.500vw;"></borderTemplate>
+        <borderTemplate borderBox="width: 15.104vw;height: 12.500vw;" title="业务员账户" detailTitle="金额明细"></borderTemplate>
       </div>
     </div>
     <fullScreen ref="fullRef" class="inline-16" domId="fullScreen" style="visibility: hidden" @backFull="backFull"></fullScreen>
@@ -83,12 +83,12 @@ export default {
         that.windowWidth = window.fullHeight
       })()
     };
-    // autofit.init({
-    //   dh: 1135,
-    //   dw: 1920,
-    //   el:"body",
-    //   resize: true
-    // })
+    autofit.init({
+      dh: 1135,
+      dw: 1920,
+      el:"body",
+      resize: true
+    })
   },
   watch: {
     windowWidth (val) {