银农-完善审批流程展示功能；

src/router/index.js

@@ -2233,6 +2233,15 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalProcess2'], resolve)
   },
+  {
+    path: '/yinnong/approvalProcess3',
+    name: 'approvalProcess3',
+    meta: {
+      title: '审批流程',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/bankAgriculture/paymentApproval/approvalProcess3'], resolve)
+  },
   {
     path: '/yinnong/collectionList',
     name: 'collectionList',

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加银行卡转账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -457,6 +460,13 @@
 
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getTemplateList(){
         let templateQueryParams = {
           // 分页

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd10.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加现金提现申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -348,6 +351,13 @@
       this.addChargeItme();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getNowDate(){
         var _this = this;
         let yy = new Date().getFullYear();

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd11.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加备付金支出申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -378,6 +381,13 @@
       this.getTemplateList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getTemplateList(){
         let templateQueryParams = {
           // 分页

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd12.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加汇票支出申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -424,6 +427,13 @@
       this.getTemplateList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getTemplateList(){
         let templateQueryParams = {
           // 分页

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd2.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加信用卡还款申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -420,6 +423,13 @@
       this.getTemplateList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getTemplateList(){
         let templateQueryParams = {
           // 分页

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd3.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加虚拟挂账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -372,6 +375,13 @@
           ynType:'1'
         }
       },
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getChange(){
         console.log(this.buttonType)
         if(this.buttonType == 'update'){

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd4.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加代管转账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -396,6 +399,13 @@
       this.getDictionaries();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getNowDate(){
         var _this = this;
         let yy = new Date().getFullYear();

src/views/yinnong/bankAgriculture/paymentApproval/approvalAdd5.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">添加母子转账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -374,6 +377,13 @@
           ynType:'1'
         }
       },
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getChange(){
         console.log(this.buttonType)
         if(this.buttonType == 'update'){

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改银行卡转账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -446,6 +449,13 @@
     },
     methods: {
 
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       onConfirmTemplate(data){
         selectApprovalByTemplateId(data.id).then(res => {
           this.showtemplate = false;

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify10.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改现金提现申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -346,6 +349,13 @@
       this.getFileList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       initProjectInfo(){
         let _this = this
         let queryParams={

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify11.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改备付金支出申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -372,6 +375,13 @@
       this.getFileList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       onConfirmTemplate(data){
         selectApprovalByTemplateId(data.id).then(res => {
           this.showtemplate = false;

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify12.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改汇票支出申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -428,6 +431,13 @@
       this.getFileList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       onConfirmTemplate(data){
         selectApprovalByTemplateId(data.id).then(res => {
           this.showtemplate = false;

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify2.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改信用卡还款申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -442,6 +445,13 @@
       this.getFileList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       onConfirmTemplate(data){
         selectApprovalByTemplateId(data.id).then(res => {
           this.showtemplate = false;

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify3.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改虚拟挂账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -334,6 +337,13 @@
       this.getFileList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getDictionaries(){
         getTransfer(this.$route.query.id).then((response) => {
           this.getDicts("capital_expenditure_type").then((res) => {

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify4.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改代管转账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -415,6 +418,13 @@
       this.getFileList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getDictionaries(){
         getTransfer(this.$route.query.id).then((response) => {
           this.getDicts("capital_expenditure_type").then((res) => {

src/views/yinnong/bankAgriculture/paymentApproval/approvalModify5.vue

@@ -9,6 +9,9 @@
       <template #title>
         <p style="font-weight: bold;">修改母子转账申请</p>
       </template>
+      <template #right>
+        <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
+      </template>
     </van-nav-bar>
     <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
       <p class="main_title">基础信息</p>
@@ -341,6 +344,13 @@
       this.getFileList();
     },
     methods: {
+      goFlow(){
+        if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
+          window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
+        }else{
+            this.$notify({ type: 'danger', message: '无审批流程！' });
+        }
+      },
       getDictionaries(){
         getTransfer(this.$route.query.id).then((response) => {
           this.getDicts("capital_expenditure_type").then((res) => {

src/views/yinnong/bankAgriculture/paymentApproval/approvalProcess.vue

@@ -57,7 +57,7 @@
             </van-row>
           </van-col>
         </van-row>
-        <van-divider content-position="center"><h4>审批流程</h4></van-divider>
+        <van-divider content-position="center" v-if="approvalTemplateDetailList.length>0"><h4>审批流程</h4></van-divider>
         <van-row v-if="approvalTemplateDetailList.length>0" v-for="(item1,index,i) in approvalTemplateDetailList" :key="i">
           <van-col span="4" align="right">
             <p class="icon_jian" ><van-icon name="minus" size="14" /></p>
@@ -124,15 +124,18 @@ export default {
         if(this.form.auditStatus != 0){
           this.getTransferProcess(this.$route.query.id);
         }
-        selectApprovalByTemplateId(this.form.approvalTemplateId).then(rs => {
-          this.approvalTemplateDeptList = rs.approvalDepts;
-          this.approvalTemplateDetailList = rs.approvalDetails;
-          if(this.form.approveLevel === "1"){
-            this.approvalTemplateDetailList.push({"approvalLevel":"3"});
-          }else if(this.form.approveLevel === "2"){
-            this.approvalTemplateDetailList.push({"approvalLevel":"4"});
-          }
-        })
+        if(this.form.approvalMode == 1){
+          selectApprovalByTemplateId(this.form.approvalTemplateId).then(rs => {
+            this.approvalTemplateDeptList = rs.approvalDepts;
+            this.approvalTemplateDetailList = rs.approvalDetails;
+            console.log("this.approvalTemplateDetailList:"+this.approvalTemplateDetailList);
+            if(this.form.approveLevel === "1"){
+              this.approvalTemplateDetailList.push({"approvalLevel":"3"});
+            }else if(this.form.approveLevel === "2"){
+              this.approvalTemplateDetailList.push({"approvalLevel":"4"});
+            }
+          })
+        }
         if(this.form.capitalExpenditureType==2){
           this.capitalExpenditureOpen = true
           let param={

src/views/yinnong/bankAgriculture/paymentApproval/approvalProcess2.vue

@@ -57,7 +57,7 @@
             </van-row>
           </van-col>
         </van-row>
-        <van-divider content-position="center"><h4>审批流程</h4></van-divider>
+        <van-divider content-position="center" v-if="approvalTemplateDetailList.length>0"><h4>审批流程</h4></van-divider>
         <van-row v-if="approvalTemplateDetailList.length>0" v-for="(item1,index,i) in approvalTemplateDetailList" :key="i">
           <van-col span="4" align="right">
             <p class="icon_jian" ><van-icon name="minus" size="14" /></p>
@@ -129,15 +129,18 @@ export default {
         if(this.form.auditStatus != 0){
           this.getTransferProcess1(this.$route.query.id);
         }
-        selectApprovalByTemplateId(this.form.approvalTemplateId).then(rs => {
-          this.approvalTemplateDeptList = rs.approvalDepts;
-          this.approvalTemplateDetailList = rs.approvalDetails;
-          if(this.form.approveLevel === "1"){
-            this.approvalTemplateDetailList.push({"approvalLevel":"3"});
-          }else if(this.form.approveLevel === "2"){
-            this.approvalTemplateDetailList.push({"approvalLevel":"4"});
-          }
-        })
+        if(this.form.approvalMode == 1){
+          selectApprovalByTemplateId(this.form.approvalTemplateId).then(rs => {
+            this.approvalTemplateDeptList = rs.approvalDepts;
+            this.approvalTemplateDetailList = rs.approvalDetails;
+            console.log("this.approvalTemplateDetailList:"+this.approvalTemplateDetailList);
+            if(this.form.approveLevel === "1"){
+              this.approvalTemplateDetailList.push({"approvalLevel":"3"});
+            }else if(this.form.approveLevel === "2"){
+              this.approvalTemplateDetailList.push({"approvalLevel":"4"});
+            }
+          })
+        }
         if(this.form.capitalExpenditureType==2){
           this.capitalExpenditureOpen = true
           let param={

src/views/yinnong/bankAgriculture/paymentApproval/approvalProcess3.vue

@@ -0,0 +1,128 @@
+<template>
+    <div class="app-container">
+      <van-nav-bar
+        left-arrow
+        fixed
+        placeholder
+        @click-left="$router.back(-1)"
+      >
+        <template #title>
+          <p style="font-weight: bold;">审批流程</p>
+        </template>
+      </van-nav-bar>
+      <div class="main_box">
+        <van-row v-if="approvalTemplateDetailList.length>0" v-for="(item1,index,i) in approvalTemplateDetailList" :key="i">
+          <van-col span="4" align="right">
+            <p class="icon_jian" ><van-icon name="minus" size="14" /></p>
+          </van-col>
+          <van-col span="20">
+            <van-row>
+              <van-col span="12" style="padding: 0;">
+                <p>{{item1.name}}</p>
+              </van-col>
+              <van-col span="12" style="padding: 0;">
+                <p v-show="item1.approvalLevel == 1">组级审批</p>
+                <p v-show="item1.approvalLevel == 2">村级审批</p>
+                <p v-show="item1.approvalLevel == 3">镇级审批</p>
+                <p v-show="item1.approvalLevel == 4">区县审批</p>
+              </van-col>
+            </van-row>
+            <van-row>
+              <van-col span="24" style="padding: 0;">
+                <p>{{item1.nickName}}<span v-if="item1.feeLimit != 0 && item1.nickName != null">({{item1.feeLimit}}元)</span></p>
+              </van-col>
+            </van-row>
+          </van-col>
+        </van-row>
+      </div>
+    </div>
+</template>
+
+<script>
+import {
+  getTransferProcess,
+  getTransfer,
+  getProjectto,
+  queryTransferDetail,
+  selectApprovalByTemplateId
+} from "@/api/onlineHome/bankAgriculture/paymentApproval";
+export default {
+  name: "approvalProcess",
+  data() {
+    return {
+      processList:{},
+      form:{},
+      approvalTemplateDeptList:[],
+      approvalTemplateDetailList:[]
+    };
+  },
+  created() {
+    this.handleUpdate(this.$route.query.approvalTemplateId);
+  },
+  methods: {
+    handleUpdate(approvalTemplateId) {
+      console.log("approvalTemplateId:"+approvalTemplateId);
+      console.log("this.$route.query.approvalMode:"+this.$route.query.approvalMode);
+      if(this.$route.query.approvalMode == '1' && approvalTemplateId != undefined && approvalTemplateId != "undefined"){
+        selectApprovalByTemplateId(approvalTemplateId).then(rs => {
+          this.approvalTemplateDeptList = rs.approvalDepts;
+          this.approvalTemplateDetailList = rs.approvalDetails;
+        })
+      }
+    }
+  },
+}
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0.2rem 0;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+    padding: 20Px 0;
+  }
+  .icon_jian{
+    background-color: #C9C9C9;
+    display: inline-block;
+    width: 20Px;
+    height: 20Px;
+    line-height: 24Px;
+    text-align: center;
+    border-radius: 50%;
+    color: #FFF;
+  }
+  .blue{
+    background-color: #1D6FE9;
+  }
+  .red{
+    background-color: rgb(245, 108, 108);
+  }
+  .textBlue{
+    color: #1D6FE9!important;
+  }
+  .textRed{
+    color: rgb(245, 108, 108)!important;
+  }
+  .van-col{
+    padding: 10Px 10Px;
+  }
+  .van-col:nth-child(2){
+    font-size: 16Px;
+    color: #878787;
+    line-height: 22Px;
+  }
+  .van-row{
+    .van-row{
+      .van-col{
+        padding: 5Px 0 0 0!important;
+        color: #878787;
+      }
+    }
+  }
+</style>