暂存

src/HManagement/serviceDataScreen/components/accountsReceivable.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <borderTemplate borderBox="width: 31.250vw;height: 15.104vw;" title="应收账款" detailTitle="查看详情"></borderTemplate>
+  </div>
+</template>
+
+<script>
+import borderTemplate from '../components/borderTemplate'
+export default {
+  name: "accountsReceivable",
+  components:{borderTemplate}
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/serviceDataScreen/components/borderTemplate.vue

@@ -11,6 +11,7 @@
         <div style="margin-left: 0.260vw"> > </div>
       </div>
     </div>
+    <slot name="content"></slot>
   </div>
 </template>
 

src/HManagement/serviceDataScreen/components/jobData.vue

@@ -0,0 +1,15 @@
+<template>
+  <borderTemplate borderBox="width: 15.104vw;height: 12.500vw;" title="作业数据" detailTitle="查看详情"></borderTemplate>
+</template>
+
+<script>
+import borderTemplate from '../components/borderTemplate'
+export default {
+  name: "jobData",
+  components:{borderTemplate}
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/serviceDataScreen/components/salesFunnel.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <borderTemplate borderBox="width: 33.333vw;height: 35.417vw;" title="销售漏斗" detailTitle="查看详情"></borderTemplate>
+  </div>
+</template>
+
+<script>
+import borderTemplate from '../components/borderTemplate'
+export default {
+  name: "salesFunnel",
+  components:{borderTemplate}
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/serviceDataScreen/components/salesPanel.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <borderTemplate borderBox="width: 33.450vw;height: 31.217vw;" title="销售面板" detailTitle="查看详情"></borderTemplate>
+  </div>
+</template>
+
+<script>
+import borderTemplate from '../components/borderTemplate'
+export default {
+  name: "salesPanel",
+  components:{borderTemplate}
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/serviceDataScreen/components/salesmanAccount.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <borderTemplate borderBox="width: 290px;height: 240px;" title="业务员账户" detailTitle="金额明细"></borderTemplate>
+  </div>
+</template>
+
+<script>
+import borderTemplate from '../components/borderTemplate'
+export default {
+  name: "salesmanAccount",
+  components:{borderTemplate}
+}
+</script>
+
+<style scoped>
+
+</style>

src/HManagement/serviceDataScreen/index.vue

@@ -33,7 +33,23 @@
     </div>
     <div class="content-style justify-style">
       <div>
-        <borderTemplate borderBox="width: 15.104vw;height: 12.500vw;" title="业务员账户" detailTitle="金额明细"></borderTemplate>
+        <div class="justify-style">
+          <!-- 业务员账户 -->
+          <salesmanAccount></salesmanAccount>
+          <!-- 作业数据 -->
+          <jobData class="inline-left-20"></jobData>
+        </div>
+        <div class="inline-top-20">
+          <!-- 作业数据 -->
+          <salesPanel></salesPanel>
+        </div>
+      </div>
+      <div>
+        <!-- 销售漏斗 -->
+        <salesFunnel></salesFunnel>
+      </div>
+      <div>
+        <accountsReceivable></accountsReceivable>
       </div>
     </div>
     <fullScreen ref="fullRef" class="inline-16" domId="fullScreen" style="visibility: hidden" @backFull="backFull"></fullScreen>
@@ -42,10 +58,14 @@
 
 <script>
 import fullScreen from "@/views/salesData/components/fullScreen";
-import borderTemplate from './components/borderTemplate'
+import salesmanAccount from './components/salesmanAccount';
+import jobData from './components/jobData'
+import salesPanel from './components/salesPanel'
+import salesFunnel from './components/salesFunnel'
+import accountsReceivable from './components/accountsReceivable'
 export default {
   name: "index",
-  components:{fullScreen,borderTemplate},
+  components:{fullScreen,salesmanAccount,jobData,salesPanel,salesFunnel,accountsReceivable},
   data(){
     return {
       timer: "", // 定义一个定时器
@@ -305,6 +325,12 @@ export default {
   border: 0.052vw solid #5daf34;
   height: calc(100vh - 7.458vw);
 }
+.inline-left-20{
+  margin-left: 1.042vw;
+}
+.inline-top-20{
+  margin-top: 1.042vw;
+}
 /deep/ .el-input {
   position: relative;
   font-size: 14px;