出单榜--出单榜海报列表接口联调

src/api/ebiz/goodStart/index.js

@@ -80,3 +80,13 @@ export function getBranchByUser(data) {
     data
   })
 }
+
+//出单榜海报列表接口
+export function queryOutPosters(data) {
+  return request({
+    url: getUrl(`/sale/makePosters/queryOutPosters`, 1),
+    method: 'post',
+    data
+  })
+}
+

src/views/ebiz/goodStart/BusinessMap.vue

@@ -60,7 +60,7 @@ export default {
             for (var i = 0; i < myseries.data.length; i++) {
               if (myseries.data[i].name == params.name) {
                 res += myseries.data[i].comName + '</br>'
-                res += '预收标保' + ' : ' + myseries.data[i].sum + '万元</br>'
+                res += '承保标保' + ' : ' + myseries.data[i].sum + '万元</br>'
                 res += '目标达成率' + ' : ' + myseries.data[i].rate + '%</br>'
               }
             }
@@ -78,7 +78,8 @@ export default {
             { gte: 0, lte: 25, color: '#FFBDBD' },
             { gte: 26, lte: 50, color: '#FF7B7B' },
             { gte: 51, lte: 75, color: '#F75252' },
-            { gte: 76, lte: 100, color: '#EE2020' }
+            { gte: 76, lte: 100, color: '#EE2020' },
+            { gte: 100, color: '#B61616' },
           ]
           // inRange: {
           //   color: ['lightskyblue', 'yellow', 'orange','red']

src/views/ebiz/goodStart/IssueList.vue

@@ -1,9 +1,22 @@
 <template>
   <div class="good-start-scheme bg-white">
     <div v-if="branchType == '0'">
+      <div class="flex justify-content-s pt10 pb15">
+        <div class="fs12 bntTab">
+          <span :class="[active == 'appnt' ? 'tab' : 'unTab']" @click="tabChange('appnt')">预收</span>
+          <span :class="[active == 'sign' ? 'tab' : 'unTab']" @click="tabChange('sign')">承保</span>
+        </div>
+        <div>
+          <div @click="timePopup" class="fs12 red h30 mt5 mr15">
+            {{ titleTime }}
+            <img src="@/assets/images/u79.png" alt class="ml5" />
+          </div>
+        </div>
+      </div>
+      <div v-if="pics.length">
         <van-grid :column-num="3">
           <van-grid-item v-for="(pic, i) in pics" :key="i">
-          <van-image height="200" :src="$assetsUrl + pic.picUrl" @click="prevImg(pic, i)" />
+            <van-image height="200" :src="pic.posterUrl" @click="prevImg(pic, i)" />
           </van-grid-item>
         </van-grid>
         <van-image-preview id="preview" v-model="isPrevShow" :images="images" :start-position="startPosition" @change="onPageChange" />
@@ -13,17 +26,31 @@
           <van-button square type="danger" size="large" @click="downLoadImagesFunc" v-no-more-click="1000"> 下载 </van-button>
         </div>
       </div>
-    <div v-else-if="branchType == '1'" class="text-center height100vh">
+    </div>
+    <div v-if="branchType == '1' || pics.length == '0'" class="text-center height100vh">
       <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
       <div class="fs17 c-gray-dark mt40">暂无数据</div>
     </div>
+    <!-- 筛选年月日 -->
+    <van-popup v-model="dateShow" position="bottom">
+      <van-datetime-picker
+        v-model="currentDate"
+        type="year-month"
+        title="选择日期"
+        :min-date="minDate"
+        :max-date="maxDate"
+        @cancel="handleCancel"
+        @confirm="handleEndDateConfirm"
+      />
+    </van-popup>
   </div>
 </template>
 
 <script>
 import { Grid, GridItem, Image, ImagePreview, Pagination } from 'vant'
-import { getSchemePics } from '@/api/ebiz/goodStart'
+import { queryOutPosters } from '@/api/ebiz/goodStart'
 import { getAgentInfo } from '@/api/ebiz/my/my.js'
+import utils from '@/assets/js/utils/date-utils'
 import Vue from 'vue'
 
 // 全局注册
@@ -37,30 +64,62 @@ export default {
   },
   data() {
     return {
+      dateShow: false,
+      minDate: new Date('2021-11'),
+      maxDate: new Date(),
+      currentDate: new Date(),
+      titleTime:'', //筛选时间
       isFromService: '',
       isPrevShow: false,
       currentPage: 0,   
       pics: [],
       startPosition: 0,
-      branchType:''
+      branchType:'',
+      active:'appnt'
     }
   },
   computed: {
     images() {
       const picArr = []
       for (let pic of this.pics) {
-        picArr.push(this.$assetsUrl + pic.picUrl)
+        picArr.push(pic.posterUrl)
       }
       return picArr
     }
   },
   created() {
     this.isFromService = this.$route.query.from === 'service'
+    this.titleTime = utils.formatDate(new Date(), 'yyyy-MM')
     this.getAgentInfoFunc()
-    this.getSchemePics()
+    this.queryOutPosters()
     this.interceptAppBtn()
   },
   methods: {
+    //选择当月时间
+    seceltCurrentMonth() {
+      this.titleTime = utils.formatDate(new Date(), 'yyyy-MM')
+      // this.timeCode = utils.formatDate(this.currentDate, 'yyyy-MM-dd')
+      this.timeCode = this.timeCode = this.titleTime + '-01'
+      this.queryOutPosters()
+    },
+    timePopup() {
+      this.dateShow = true
+    },
+    handleCancel() {
+      this.dateShow = false
+    },
+    //tab按钮切换
+    tabChange(active) {
+      this.active = active
+      this.queryOutPosters()
+    },
+    //点击筛选年月日--点击确认
+    handleEndDateConfirm(e) {
+      this.dateShow = false
+      this.titleTime = utils.formatDate(e, 'yyyy-MM')
+      this.timeCode = this.timeCode = this.titleTime + '-01'
+      this.queryOutPosters()
+    },
     // 获取代理人信息，区分内外勤
     async getAgentInfoFunc() {
       const res = await getAgentInfo({})
@@ -112,11 +171,14 @@ export default {
     onPageChange(page) {
       this.currentPage = page
     },
-    async getSchemePics() {
+    async queryOutPosters() {
-      const param = { operateType: 'goodStart_scheme' }
+      const param = { 
-      const result = await getSchemePics(param)
+        appntType: this.active,
+        appntMonth: this.titleTime
+      }
+      const result = await queryOutPosters(param)
       if (result.result === '0') {
-        this.pics = result.content
+        this.pics = result.content.list
       } else {
         this.$toast(result.resultMessage)
       }
@@ -205,4 +267,32 @@ export default {
   background: linear-gradient(to right, #f26e43, #ac0209) !important; /*设置按钮为渐变颜色*/
   border: none !important;
 }
+
+// 顶部tab按钮
+.bntTab {
+  text-align: center;
+  .tab {
+    background: red;
+    color: #fff;
+    border-radius: 14px;
+    width: 64px;
+    height: 26px;
+    line-height: 26px;
+    display: inline-block;
+    text-align: center;
+    margin-left: 10px;
+  }
+  .unTab {
+    background-color: #fff;
+    color: #333;
+    border: 1px solid #c1c1c1;
+    border-radius: 14px;
+    width: 64px;
+    height: 26px;
+    line-height: 26px;
+    display: inline-block;
+    text-align: center;
+    margin-left: 10px;
+  } 
+}
 </style>