[NEW]【卡单】增加我的订单，接口

src/api/ebiz/cardList/cardList.js

@@ -65,3 +65,12 @@ export function saveOrUpdateAccount(data) {
     data
   })
 }
+
+//获取我的订单列表
+export function getOrderList(data) {
+  return request({
+    url: getUrl('/sale/order/cardOrderList', 1),
+    method: 'post',
+    data
+  })
+}

src/views/ebiz/cardList/CardTotreasure.vue

@@ -2,51 +2,69 @@
   <div class="card-Insurance">
     <div class="card-Insurance-box">
       <div class="card-Insurance-header">
-        <van-tabs v-model="activeName" @click="changeTab">
-          <van-tab title="产品列表" name="product">
-            <div class="show">
-              <ul class="card-Products">
-                <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
-                  <div>
-                    <img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
-                  </div>
-                  <div>
-                    <p>{{ itemIcon.productName }}</p>
-                    <span>{{ itemIcon.productDesc }}</span>
-                  </div>
-                </li>
-                <template v-if="list.length === 0">
-                  <li class="flex flex-direction-colunm align-items-c">
-                    <img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
-                    <p class="gray text-center pt20">暂无产品</p>
-                  </li>
-                </template>
-              </ul>
-            </div>
-          </van-tab>
-          <van-tab title="我的订单" name="order">
-            <div class="order-container" v-for="(orderItem, index) in orderList" :key="index">
+        <van-sticky>
+          <van-tabs v-model="activeName" @click="changeTab">
+            <van-tab title="产品列表" name="product"> </van-tab>
+            <van-tab title="我的订单" name="order"> </van-tab>
+          </van-tabs>
+        </van-sticky>
+
+        <div class="show" v-if="activeName == 'product'">
+          <ul class="card-Products">
+            <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
               <div>
-                <span>投保单号：</span><span>{{ orderItem.text }}</span>
+                <img :src="itemIcon.productImageUrl" class="ml10" width="118" height="70" />
               </div>
               <div>
-                <span>投保人：</span><span>{{ orderItem.text }}</span>
+                <p>{{ itemIcon.productName }}</p>
+                <span>{{ itemIcon.productDesc }}</span>
               </div>
-              <div>
-                <span>被保人：</span><span>{{ orderItem.text }}</span>
-              </div>
-              <div>
-                <span>订单状态：</span><span>{{ orderItem.text }}</span>
-              </div>
-            </div>
-            <template v-if="orderList.length === 0">
+            </li>
+            <template v-if="list.length === 0">
               <li class="flex flex-direction-colunm align-items-c">
                 <img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
-                <p class="gray text-center pt20">暂无订单</p>
+                <p class="gray text-center pt20">暂无产品</p>
               </li>
             </template>
-          </van-tab>
-        </van-tabs>
+          </ul>
+        </div>
+        <div v-if="activeName == 'order'">
+          <van-list
+            v-model="loading"
+            :immediate-check="false"
+            :finished="finished"
+            :finished-text="finishedText"
+            error-text="请求失败，点击重新加载"
+            :error.sync="error"
+            @load="loadMore"
+            class="pb45"
+          >
+            <div v-if="isSuccess">
+              <div class="order-container" v-for="(orderItem, index) in orderList" :key="index">
+                <div class="fs14 fwb mb5">{{ orderItem.insuredDTOs[0].riskDTOLst[0].riskName }}</div>
+                <div>
+                  <span>投保单号：</span><span>{{ orderItem.orderInfoDTO.orderNo }}</span>
+                </div>
+                <div>
+                  <span>投保人：</span><span>{{ orderItem.appntDTO.name }}</span>
+                </div>
+                <div>
+                  <span>被保人：</span><span>{{ orderItem.insuredDTOs[0].name }}</span>
+                </div>
+                <div>
+                  <span>订单状态：</span><span>{{ orderItem.orderStatus | statusFormat }}</span>
+                </div>
+              </div>
+              <template v-if="orderList.length === 0">
+                <li class="flex flex-direction-colunm align-items-c">
+                  <img src="@/assets/images/pic_page-non.png" class="mt50" alt="" />
+                  <p class="gray text-center pt20">暂无订单</p>
+                </li>
+              </template>
+            </div>
+          </van-list>
+        </div>
+
         <!--<div class="show">
           <ul class="card-Products" :style="this.iNow == 0 ? 'display:block' : 'display:none'">
             <li v-for="(itemIcon, index) in list" :key="index" class="border-gb" @click="formsD(itemIcon.productCode)">
@@ -92,32 +110,30 @@
 </template>
 
 <script>
-import { getCardList } from '@/api/ebiz/cardList/cardList.js'
-import { Tab, Tabs } from 'vant'
+import { getCardList, getOrderList } from '@/api/ebiz/cardList/cardList.js'
+import { Tab, Tabs, List, Sticky } from 'vant'
 export default {
   name: 'kadantoubao.vue',
   components: {
+    [Sticky.name]: Sticky,
+    [List.name]: List,
     [Tab.name]: Tab,
     [Tabs.name]: Tabs
   },
   data() {
     return {
-      activeName: '产品列表',
+      activeName: 'product',
+      loading: false,
+      finished: false,
+      currentPage: 1, //当前页数
+      error: false,
+      finishedText: '',
+      pageSize: 10, //每页数据条数
+      isSuccess: false,
       // , '我的卡单'
-      list: [
-        // {
-        //   headImgUrl: icon1,
-        //   p: '学生平安保险（小学，初中）',
-        //   span: '保险费地，为孩子提供全方位的风险保障'
-        // },
-        // {
-        //   headImgUrl: icon1,
-        //   p: '学生平安保险（高中，高等教育）',
-        //   span: '保险费地，为孩子提供全方位的风险保障'
-        // }
-      ],
-      orderList: [{ text: '11111' }, { text: '11111' }], //我的订单
-      // orderList: [], //我的订单
+      list: [],
+      // orderList: [{ text: '11111' }, { text: '11111' }], //我的订单
+      orderList: [], //我的订单
       iNow: 0,
       tAb: [
         {
@@ -158,6 +174,15 @@ export default {
     window.appCallBack = this.appCallBack
   },
   methods: {
+    //分页用-查询订单列表
+    loadMore() {
+      let pageInfo = {
+        pageNum: this.currentPage,
+        pageSize: this.pageSize
+      }
+      this.getOrderList(pageInfo)
+    },
+
     appCallBack(data) {
       if (data.trigger == 'left_button_click') {
         this.$jump({
@@ -165,14 +190,19 @@ export default {
         })
       }
     },
+
+    //改变菜单栏
     changeTab(name) {
-      if (name == '产品列表') {
+      if (name == 'product') {
         this.getLists()
+      } else {
+        this.loadMore()
       }
     },
+
+    //跳转到详情页
     formsD(productCode) {
       localStorage.productDetailCode = productCode
-      //跳转到详情页
       this.$jump({
         flag: 'h5',
         extra: {
@@ -207,8 +237,9 @@ export default {
     //       console.log(err)
     //     })
     // }
+
+    // 获取卡单列表
     getLists() {
-      // 获取卡单列表
       let data = {
         type: 'appCard'
       }
@@ -224,8 +255,132 @@ export default {
         .catch(err => {
           console.log('errerr', err)
         })
+    },
+
+    //获取我的订单列表
+    getOrderList(data) {
+      getOrderList(data).then(
+        res => {
+          console.log('res=!===', res)
+          if (res.result == '0') {
+            this.isSuccess = true
+            this.currentPage++
+            this.loading = false
+            if (res.orderDTOPageInfo == null) {
+              this.finished = true
+              this.loading = false
+              this.finishedText = ''
+              return
+            }
+            let answerList = res.orderDTOPageInfo.list
+            console.log('answerList== ', answerList)
+            this.orderList = this.orderList.concat(answerList)
+            if (answerList.length == 0) {
+              this.finishedText = ''
+            } else {
+              this.finishedText = '已经全部加载'
+            }
+            if (answerList.length == 0) {
+              this.isSuccess = false
+            }
+            this.loading = false
+            if (res.orderDTOPageInfo.hasNextPage == false) {
+              //当下一页为0时  表示全部数据加载完毕
+              this.finished = true
+            }
+          } else {
+            this.finished = true
+            this.loading = false
+            this.finishedText = res.resultMessage
+          }
+        },
+        error => {
+          console.log(error)
+        }
+      )
+    }
+  },
+  filters: {
+    statusFormat(examineApproveStatus) {
+      let text
+      switch (examineApproveStatus) {
+        case '07':
+          text = '公司谢绝'
+          break
+        case '02':
+          text = '待支付'
+          break
+        case '08':
+          text = '承保成功'
+          break
+        case '16':
+          text = '承保中'
+          break
+      }
+      return text
     }
   }
+  /*
+  
+  WAIT_CUSTOMER_CONFIRM("01", "待客户确认"),
+    WAIT_CUSTOMER_PAY("02", "待客户付款"),
+    WAIT_COMPANY_CONFIRM("03", "待公司确认"),
+    WAIT_CUSTOMER_UPLOAD("04", "待客户上载影像"),
+    OVERDUE_CLOSE("05", "逾期关闭"),
+    CUSTOMER_CANCEL("06", "客户撤销"),
+    COMPANY_REFUSE("07", "公司谢绝"),
+    ORDER_DEAL("08", "订单成交"),
+    REFUND_AFTER_DEAL("09", "订单退保"),
+    PAYMENT_SUCCESS("10", "订单待签单"),
+    WATI_CREATE_ELEC_CONT("11", "待生成电子保单"),
+    BACK_PASSING("12", "退保/领取审核中"),
+    FASTUNDERWRITING("13", "等待出单"),
+    PAYING("14", "支付中"),
+    WAITPAY("15", "支付受理中"),
+    WAIT_MANUL_UNDERWRITE("16", "承保中"),
+    FINISH_MANUL_UNDERWRITE("17", "手动承保完成"),
+    ALI_CLOUD_SYNC("18", "阿里云端数据同步中间状态"),
+    PAYMENT_FAILURE("19", "支付失败"),
+    ORDER_STATUS_WAITANSWERQUESTION("20", "待答问卷"),
+    ABS_APPOINT_SUSPENDED("21","ABS保单预约挂起中"),
+    ABS_CANCEL_APPOINT_SUSPENDED("22","ABS保单取消预约挂起中"),
+    CLAIM_SUSPENDED("23","理赔挂起中"),
+    POLICY_TERMINATED("24","保单终止"),
+    ABS_TRANSFER_SUSPENDED("25","ABS保单受益权转让挂起中"),
+    POLICY_FREEZE_SUSPENDED("26","保单冻结挂起中"),
+    POLICY_FREEZE_TRANSFER_SUSPENDED("27","冻结受益权转让挂起中"),
+    POLICY_CANCEL_FREEZE_TRANSFER_SUSPENDED("28","受益权还原挂起中"),
+    POLICY_TRANSFER_SUSPENDED("29","受益权转让挂起中"),
+    POLICY_TRANSFER_BACK_SUSPENDED("30","受益权还原挂起中"),
+    WAIT_PEOPLE_UNDERWRITING_CONFIRM("31","续保等待人核"),
+    ABNORMAL_HEALTH_NOTIFICATION("32","续保第一次健康告知异常"),
+    WAIT_HUMAN_TO_CORE("33","待人核导核心"),
+    SUCCESS_HUMAN_TO_CORE("34","人核导核心成功"),
+    APPNT_ORDER("35","投保人保存成功"),
+    INSURED_ORDER("36","被保人保存成功"),
+    BNF_ORDER("37","受益人人保存成功"),
+    ACCOUNT_ORDER("38","账户信息保存成功"),
+    RISK_ORDER("39","险种信息保存成功"),
+    IMPART_ORDER("40","告知信息保存成功"),
+    WAIT_BATCH_PAY("41", "待转批扣"),
+    SUCCESS_BATCH_PAY("42", "转批扣成功"),
+    SIGN_ORDER("43", "待签名"),
+    PLAN_TO_INSURANCE("44", "计划书转投保"),
+    CORE_PAY_FAIL("45","核心扣费失败"),
+    SELF_TO_HUMAN("46","自核不通过待转人核"),
+    HEXIN_TO_FAIL("47","核心系统繁忙，请稍后重试 "),
+    ACCOUNTNEW_ORDER("48","修改账户信息 "),
+    MEDIANEW_ORDER("49","修改银行影像信息"),
+    TREAT_PEOPLE("50","待人核"),
+    HUMAN_ING("51","人工核保中"),
+    PROBLEM_ING("52","问题件处理中"),
+    CORE_PENDING("53","核心待收费"),
+    CORE_DELAY("54","延期"),
+    EXCHANGE_PAY("55","换卡支付"),
+    CARD_INFO("56","卡单投被保人信息保存成功"),
+    CARD_ACCOUNT("57","卡单保存账户信息成功");
+  
+  * */
 }
 </script>