'出单详情'

src/views/ebiz/billingDetail/billingDetail.vue

@@ -17,6 +17,30 @@
         </span>
       </template>
     </div>
+    <div class="filterDate">
+      <div class="number">总预收标保：100万元</div>
+      <div class="filterTime">
+        <van-field
+          :value="filterDate"
+          readonly
+          label=""
+          name=""
+          right-icon="arrow"
+          placeholder="请选择"
+          v-validate="'required'"
+          @click="toSelect('8')"
+        />
+        <!-- <FieldDatePicter
+          label=""
+          name=""
+          :value.sync="filterDate"
+          type="time"
+          :flag="true"
+          @confirm="onDateConfirm($event, '2')"
+          :maxDate="maxDate"
+        ></FieldDatePicter> -->
+      </div>
+    </div>
 
     <!-- 二级机构筛选栏 -->
     <van-popup v-model="isOrgLv2ConditionShow" position="bottom" :style="{ height: '40vh' }">
@@ -37,13 +61,14 @@
 import { Icon } from 'vant'
 import tableDetail from '@/components/ebiz/billingDetail/tableDetail'
 import { getComPerformance, getOrgList } from '@/api/ebiz/branchOffice/branchOffice'
+import FieldDatePicter from '@/components/ebiz/FieldDatePicter'
+import beforeDate from '@/assets/js/utils/getBeforeDate.js'
 // 当前时间
 const currentDate = new Date()
 export default {
   name: 'billingDetail',
-  components: { tableDetail, [Icon.name]: Icon },
+  components: { tableDetail, [Icon.name]: Icon, FieldDatePicter },
   computed: {
-      
     isMoreConditionShow() {
       return this.OrgLv2Name !== '全国'
     },
@@ -75,6 +100,8 @@ export default {
   },
   data() {
     return {
+      maxDate: beforeDate.getBeforeYear(16),
+      filterDate: '',
       // 二级机构筛选是否显示
       isOrgLv2ConditionShow: false,
       // 三级机构筛选是否显示
@@ -102,18 +129,19 @@ export default {
         // all: 汇总, prem: 保费排行, active：人力排行, product: 产品
         type: 'all',
         // 1: 中心支公司, 2: 营销服务部, 3: 下辖营业区
-        queryCom: ''
+        queryCom: '',
       },
     }
   },
   methods: {
-      async initData() {
+    onDateConfirm() {},
+    async initData() {
       // 初始化年份筛选数据
-    //   const currentYear = new Date().getFullYear()
+      //   const currentYear = new Date().getFullYear()
-    //   const startYear = currentYear - 10
+      //   const startYear = currentYear - 10
-    //   for (let year = startYear; year <= currentYear; year++) {
+      //   for (let year = startYear; year <= currentYear; year++) {
-    //     this.years.unshift(year)
+      //     this.years.unshift(year)
-    //   }
+      //   }
       /**
        * 查询机构下拉列表
        * manageCode, manageLv传空查全国所有二级机构
@@ -122,7 +150,7 @@ export default {
       const res = await getOrgList({
         bussinessType: 'normal',
         manageCode: '',
-        manageLv: ''
+        manageLv: '',
       })
       if (res.result === '0') {
         this.OrgLv2s.push(...res.content)
@@ -130,8 +158,8 @@ export default {
         this.$toast(res.resultMessage)
       }
       // 查询默认数据
-    //   const result = await this.getRankData()
+      //   const result = await this.getRankData()
-    //   this.setSummarizingData(result)
+      //   this.setSummarizingData(result)
     },
     // 筛选二级机构
     async onOrgLv2ConditionConfirm(data) {
@@ -157,7 +185,7 @@ export default {
       })
       this.OrgLv3s.splice(0)
       this.OrgLv3s.push(...res.content)
-    //   this.setRankData()
+      //   this.setRankData()
     },
     // 筛选三级机构
     async onOrgLv3ConditionConfirm(data) {
@@ -182,7 +210,7 @@ export default {
       })
       this.OrgLv4s.splice(0)
       this.OrgLv4s.push(...res.content)
-    //   this.setRankData()
+      //   this.setRankData()
     },
     // 筛选四级机构
     async onOrgLv4ConditionConfirm(data) {
@@ -198,11 +226,11 @@ export default {
         this.params.manageCode = this.OrgLv3Code
         this.params.manageLv = '03'
       }
-    //   this.setRankData()
+      //   this.setRankData()
     },
   },
-  created(){
+  created() {
-      this.initData();
+    this.initData()
   },
 }
 </script>
@@ -211,6 +239,8 @@ export default {
 .classification {
   font-size: 14px;
   padding: 15px;
+  background: #ee3030;
+  color: #fff;
 }
 .van-icon {
   font-weight: bolder;
@@ -221,4 +251,20 @@ export default {
   margin-right: 5px;
   margin-bottom: 3px;
 }
+.filterDate{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 7px 0;
+    .number{
+        flex-shrink: 0;
+        margin:0 5px;
+    }
+    .filterTime{
+        margin-right: 5px;
+    }
+}
+/deep/.van-field__label{
+    width:0px;
+}
 </style>