diff --git a/pages/everdayRenven/AnhuiServerpart.vue b/pages/everdayRenven/AnhuiServerpart.vue
index 5ffbe13..c81fa1b 100644
--- a/pages/everdayRenven/AnhuiServerpart.vue
+++ b/pages/everdayRenven/AnhuiServerpart.vue
@@ -18,7 +18,7 @@
                 <span>上传门店：</span>
                 <span class="tab-unit-num" :class="{ 'priceRed': sMsg.uploadCount !== sMsg.totalUploadCount }">{{
                   sMsg.uploadCount
-                }}</span>
+                  }}</span>
                 <span class="tab-unit-num " :class="{ 'more-btn': sMsg.uploadCount !== sMsg.totalUploadCount }">{{
                   sMsg.totalUploadCount }}</span>
               </div>
@@ -122,7 +122,7 @@
               </div>
               <div class="uni-flex jc-between">
                 <div style="margin-bottom: 0;"><span style="font-size: 32rpx;">{{ operationModel[0].data
-                }}</span>元
+                    }}</span>元
                 </div>
                 <div style="margin-bottom: 0;" v-if="operationModel[1].data"><span style="font-size: 32rpx;">{{
                   operationModel[1].data
@@ -1119,13 +1119,14 @@ cover-view.page-title {
 }
 
 .shop-card .shop-name {
+  height: 60rpx;
   font-size: 26rpx;
   text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
-  line-height: 1.4;
-  max-height: 64rpx;
+  line-height: 30rpx;
+  // max-height: 50rpx;
   overflow: hidden;
   font-weight: 500;
-  margin: 12rpx 0;
+  margin: 4rpx 0;
 }
 
 .shop-card image {
@@ -1143,6 +1144,7 @@ cover-view.page-title {
   font-weight: 700;
   text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.3);
   margin-top: auto;
+  white-space: nowrap;
 }
 
 .box-card {
diff --git a/pages/settlementApproval/detail.vue b/pages/settlementApproval/detail.vue
index ac0e65a..75a5c75 100644
--- a/pages/settlementApproval/detail.vue
+++ b/pages/settlementApproval/detail.vue
@@ -1,134 +1,153 @@
 <template>
   <view class="main">
-      <view class="header">
-        <view class="headerBox" :style="{height: menu.bottom + 18 + 'px'}">
-          <view class="arrowBox" :style="{paddingTop: menu.top + 'px',height: menu.height + 'px'}">
-            <image @click="handleBack" class="img" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg"/>
+    <view class="header">
+      <view class="headerBox" :style="{ height: menu.bottom + 18 + 'px' }">
+        <view class="arrowBox" :style="{ paddingTop: menu.top + 'px', height: menu.height + 'px' }">
+          <image @click="handleBack" class="img"
+            src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/navigation-left.svg" />
 
-            <view class="selectServiceBox">
-              <image class="serviceIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/serviceIcon.png"/>
-              <view class="nameBox">
-                <span class="service">{{ detailObj.SERVERPART_NAME}}</span>
-<!--                <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"/>-->
-              </view>
+          <view class="selectServiceBox">
+            <image class="serviceIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/serviceIcon.png" />
+            <view class="nameBox">
+              <span class="service">{{ detailObj.SERVERPART_NAME }}</span>
+              <!--                <image class="moreIcon" src="https://eshangtech.com/ShopICO/ahyd-BID/commercial/rightArrow.svg"/>-->
             </view>
           </view>
         </view>
-        <view class="headerDetail" :style="{paddingTop:  menu.bottom + 18 + 'px'}">
-          <view class="detailContent">
-            <view class="contentTop">
-              <view class="topLeft">
-                <image class="detailIcon" :src="projectObj.Project_ICO"/>
-              </view>
-              <view class="topRight">
-                <view class="detailTitle">{{topDetail.Name || ''}}</view>
-                <view class="typeBox">
-                  <view class="typeItem" v-if="topDetail.SettlementModes">{{ settlementModes[topDetail.SettlementModes] || '' }}</view>
-                  <view class="indexItem" v-if="topDetail.IndexStr">{{  topDetail.IndexStr || '' }}</view>
-                </view>
-              </view>
-            </view>
-
-            <view class="contentMoney">
-              <view class="moneyItem">
-                <view class="redMoney">{{ topDetail.RENTFEE ? $util.getMoney(topDetail.RENTFEE  / 10000):'' }}</view>
-                <view class="label">
-                  合同总金额
-                  <span class="unit">/万元</span>
-                </view>
-              </view>
-
-              <view class="moneyItem">
-                <view class="moneyValue">{{topDetail.MINTURNOVER ? `${$util.getMoney(topDetail.MINTURNOVER / 10000)}` : ''}}</view>
-                <view class="label">
-                  期除税收入
-                  <span class="unit">/万元</span>
-                </view>
-              </view>
-            </view>
-
-            <view class="otherMessage">
-              <view class="otherItem">
-                <view class="value">{{topDetail.TaxRate ? `${topDetail.TaxRate}%` : '-'}}</view>
-                <view class="label">税率</view>
-              </view>
-              <view class="otherItem">
-                <view class="value">{{topDetail.GUARANTEERATIO ? `${topDetail.GUARANTEERATIO}%` : '-'}}</view>
-                <view class="label">提成比例</view>
-              </view>
-              <view class="otherItem">
-                <view class="value">{{topDetail.SECURITYDEPOSIT ? $util.getMoney(topDetail.SECURITYDEPOSIT  / 10000):'-'}}</view>
-                <view class="label">履约保证金<span class="unit">/万元</span></view>
-              </view>
-
-            </view>
-          </view>
-          <view class="stateBox" v-if="detailObj.Approvalstate!==9" :style="{top: menu.bottom + 18 + 'px'}">
-            <image class="stateIcon" :src="detailObj.Approvalstate===0?'https://eshangtech.com/ShopICO/yxcl/settlementApproval/stateIcon.png':detailObj.Approvalstate===1?'https://eshangtech.com/ShopICO/yxcl/settlementApproval/pendIcon.png':''"/>
-            <span class="stateText">{{detailObj.Approvalstate===0?'待结算':detailObj.Approvalstate===1?'审核中':''}}</span>
-          </view>
-          <view class="overBox"  :style="{top: menu.bottom + 33 + 'px'}" v-else>
-            <image class="overIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/isPassIcon.png"/>
-          </view>
-        </view>
       </view>
-<!--流程-->
-    <view class="progressList" v-if="detailObj.Approvalstate>0">
+      <view class="headerDetail" :style="{ paddingTop: menu.bottom + 18 + 'px' }">
+        <view class="detailContent">
+          <view class="contentTop">
+            <view class="topLeft">
+              <image class="detailIcon" :src="projectObj.Project_ICO" />
+            </view>
+            <view class="topRight">
+              <view class="detailTitle">{{ topDetail.Name || '' }}</view>
+              <view class="typeBox">
+                <view class="typeItem" v-if="topDetail.SettlementModes">{{ settlementModes[topDetail.SettlementModes] ||
+                  '' }}</view>
+                <view class="indexItem" v-if="topDetail.IndexStr">{{ topDetail.IndexStr || '' }}</view>
+              </view>
+            </view>
+          </view>
+
+          <view class="contentMoney">
+            <view class="moneyItem">
+              <view class="redMoney">{{ topDetail && topDetail.RENTFEE ? $util.getMoney(topDetail.RENTFEE / 10000) : ''
+                }}</view>
+              <view class="label">
+                合同总金额
+                <span class="unit">/万元</span>
+              </view>
+            </view>
+
+            <view class="moneyItem">
+              <view class="moneyValue">{{ topDetail.MINTURNOVER ? `${$util.getMoney(topDetail.MINTURNOVER / 10000)}` :
+                '' }}</view>
+              <view class="label">
+                期除税收入
+                <span class="unit">/万元</span>
+              </view>
+            </view>
+          </view>
+
+          <view class="otherMessage">
+            <view class="otherItem">
+              <view class="value">{{ topDetail.TaxRate ? `${topDetail.TaxRate}%` : '-' }}</view>
+              <view class="label">税率</view>
+            </view>
+            <view class="otherItem">
+              <view class="value">{{ topDetail.GUARANTEERATIO ? `${topDetail.GUARANTEERATIO}%` : '-' }}</view>
+              <view class="label">提成比例</view>
+            </view>
+            <view class="otherItem">
+              <view class="value">{{ topDetail.SECURITYDEPOSIT ? $util.getMoney(topDetail.SECURITYDEPOSIT / 10000) : '-'
+              }}
+              </view>
+              <view class="label">履约保证金<span class="unit">/万元</span></view>
+            </view>
+
+          </view>
+        </view>
+        <view class="stateBox" v-if="detailObj.Approvalstate !== 9" :style="{ top: menu.bottom + 18 + 'px' }">
+          <image class="stateIcon"
+            :src="detailObj.Approvalstate === 0 ? 'https://eshangtech.com/ShopICO/yxcl/settlementApproval/stateIcon.png' : detailObj.Approvalstate === 1 ? 'https://eshangtech.com/ShopICO/yxcl/settlementApproval/pendIcon.png' : ''" />
+          <span class="stateText">{{ detailObj.Approvalstate === 0 ? '待结算' : detailObj.Approvalstate === 1 ? '审核中' : ''
+          }}</span>
+        </view>
+        <view class="overBox" :style="{ top: menu.bottom + 33 + 'px' }" v-else>
+          <image class="overIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/isPassIcon.png" />
+        </view>
+      </view>
+    </view>
+    <!--流程-->
+    <view class="progressList" v-if="detailObj.Approvalstate > 0">
       <view class="progressTitle">审批流程</view>
 
-<!--      <view class="detailTopBox"  v-if="">-->
-<!--        <view class="leftTop">-->
-<!--          <span class="label" style="color: red">待审核：</span>-->
-<!--          <span class="value">{{progressDetail.APPOVED_NAME || ''}}</span>-->
-<!--        </view>-->
-<!--      </view>-->
+      <!--      <view class="detailTopBox"  v-if="">-->
+      <!--        <view class="leftTop">-->
+      <!--          <span class="label" style="color: red">待审核：</span>-->
+      <!--          <span class="value">{{progressDetail.APPOVED_NAME || ''}}</span>-->
+      <!--        </view>-->
+      <!--      </view>-->
 
-      <view class="listBox"  v-if="isShowProgress">
-        <view class="listItem" v-for="(item,index) in progressList" :key="index">
+      <view class="listBox" v-if="isShowProgress">
+        <view class="listItem" v-for="(item, index) in progressList" :key="index">
           <view class="listItemTop">
             <view class="itemLeft">
               <view class="nameIcon">
-                <span class="name" v-if="item.STAFF_NAME.length===3 || item.STAFF_NAME==='待审核'">{{item.STAFF_NAME === '待审核'?'待审核':item.STAFF_NAME.slice(1,3)}}</span>
-                <image v-else class="defaultPerson"  src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/defaultPersonIcon.png"/>
-                <image v-if="item.STAFF_NAME !== '待审核'" class="successIcon" :src="item.APPLYAPPROVE_TYPE===3000?'https://eshangtech.com/ShopICO/yxcl/settlementApproval/errorIcon.png':'https://eshangtech.com/ShopICO/yxcl/settlementApproval/passIcon.png'"/>
+                <span class="name" v-if="item.STAFF_NAME.length === 3 || item.STAFF_NAME === '待审核'">{{ item.STAFF_NAME
+                  ===
+                  '待审核' ? '待审核' : item.STAFF_NAME.slice(1, 3) }}</span>
+                <image v-else class="defaultPerson"
+                  src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/defaultPersonIcon.png" />
+                <image v-if="item.STAFF_NAME !== '待审核'" class="successIcon"
+                  :src="item.APPLYAPPROVE_TYPE === 3000 ? 'https://eshangtech.com/ShopICO/yxcl/settlementApproval/errorIcon.png' : 'https://eshangtech.com/ShopICO/yxcl/settlementApproval/passIcon.png'" />
               </view>
             </view>
             <view class="itemRight">
               <view class="nameBox">
-                <view class="name">{{item.STAFF_NAME === '待审核'?item.APPLYAPPROVE_NAME:`【${item.APPLYAPPROVE_NAME}】`}}</view>
-                <view class="time">{{`${item.APPLYAPPROVE_DATE}`}}</view>
+                <view class="name">{{ item.STAFF_NAME === '待审核' ? item.APPLYAPPROVE_NAME : `【${item.APPLYAPPROVE_NAME}】`
+                }}
+                </view>
+                <view class="time">{{ `${item.APPLYAPPROVE_DATE}` }}</view>
               </view>
-              <view class="desc" v-if="item.STAFF_NAME!=='待审核'" @click="handleShowAllNotice(item.APPLYAPPROVE_DATE,true)" >
-                {{item.STAFF_NAME}}:{{`${item.APPLYAPPROVE_INFO}`}}
+              <view class="desc" v-if="item.STAFF_NAME !== '待审核'"
+                @click="handleShowAllNotice(item.APPLYAPPROVE_DATE, true)">
+                {{ item.STAFF_NAME }}:{{ `${item.APPLYAPPROVE_INFO}` }}
               </view>
-              <view class="noticeBox" v-if="item.showNotice" @click.stop="handleShowAllNotice(item.APPLYAPPROVE_DATE,false)">
-                {{item.STAFF_NAME}}:{{`${item.APPLYAPPROVE_INFO}`}}
+              <view class="noticeBox" v-if="item.showNotice"
+                @click.stop="handleShowAllNotice(item.APPLYAPPROVE_DATE, false)">
+                {{ item.STAFF_NAME }}:{{ `${item.APPLYAPPROVE_INFO}` }}
               </view>
             </view>
           </view>
 
-          <view class="lineBox"  v-if="index < progressList.length-1">
+          <view class="lineBox" v-if="index < progressList.length - 1">
             <view class="line"></view>
           </view>
         </view>
       </view>
     </view>
-<!--    年度-->
-    <view class="renovationBox" v-if="detailObj.SETTLEMENT_TYPE===1">
-      <view v-for="(item,index) in yearDataList" :key="index">
-        <view v-if="index!==yearDataList.length-1" style="width: calc(100% - 48rpx);margin-left: 24rpx;background-color: #F3F3F3;margin-bottom: 24rpx">
+    <!--    年度-->
+    <view class="renovationBox" v-if="detailObj.SETTLEMENT_TYPE === 1">
+      <view v-for="(item, index) in yearDataList" :key="index">
+        <view v-if="index !== yearDataList.length - 1"
+          style="width: calc(100% - 48rpx);margin-left: 24rpx;background-color: #F3F3F3;margin-bottom: 24rpx">
           <view class="renovationContent">
             <view class="renovationTop">
               <view class="topLeft">
-                <image class="renovationIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/renovationIcon.png"/>
+                <image class="renovationIcon"
+                  src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/renovationIcon.png" />
               </view>
               <view class="topRight">
-                <view class="contentTitle">{{item.PeriodIndexStr ||''}}</view>
+                <view class="contentTitle">{{ item.PeriodIndexStr || '' }}</view>
                 <view style="display: flex;align-items: center;justify-content: space-between">
-                  <view class="timeBox">{{item.StartDate || ''}} 至 {{item.EndDate || ''}}</view>
-                  <view class="goMoreMonth" v-if="item.children && item.children.length>0" @click="handleGoMonthList(item)">
+                  <view class="timeBox">{{ item.StartDate || '' }} 至 {{ item.EndDate || '' }}</view>
+                  <view class="goMoreMonth" v-if="item.children && item.children.length > 0"
+                    @click="handleGoMonthList(item)">
                     查看月度结算
-                    <image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png"/>
+                    <image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png" />
                   </view>
                 </view>
               </view>
@@ -138,15 +157,20 @@
               <view class="itemTitle">营业额</view>
               <view class="revenueBox">
                 <view class="revenueItem">
-                  <view class="revenueValue">{{item.RevenueAmount?numeral(item.RevenueAmount).format('0,0.00'):'-'}}</view>
+                  <view class="revenueValue">{{ item.RevenueAmount ? numeral(item.RevenueAmount).format('0,0.00') : '-'
+                  }}
+                  </view>
                   <view class="revenueLabel">合计</view>
                 </view>
                 <view class="revenueItem">
-                  <view class="revenueValue">{{item.CashAmount?numeral(item.CashAmount).format('0,0.00'):'-'}}</view>
+                  <view class="revenueValue">{{ item.CashAmount ? numeral(item.CashAmount).format('0,0.00') : '-' }}
+                  </view>
                   <view class="revenueLabel">现金</view>
                 </view>
                 <view class="revenueItem">
-                  <view class="revenueValue">{{item.MobilePayAmount?numeral(item.MobilePayAmount).format('0,0.00'):'-'}}</view>
+                  <view class="revenueValue">{{ item.MobilePayAmount ? numeral(item.MobilePayAmount).format('0,0.00') :
+                    '-' }}
+                  </view>
                   <view class="revenueLabel">微支付</view>
                 </view>
               </view>
@@ -154,7 +178,9 @@
               <view class="itemTitle">驿达收款</view>
               <view class="revenueBox">
                 <view class="revenueItem">
-                  <view class="revenueValue">{{item.RoyaltyAmount?numeral(item.RoyaltyAmount).format('0,0.00'):'-'}}</view>
+                  <view class="revenueValue">{{ item.RoyaltyAmount ? numeral(item.RoyaltyAmount).format('0,0.00') : '-'
+                  }}
+                  </view>
                   <view class="revenueLabel">合计</view>
                 </view>
               </view>
@@ -162,26 +188,31 @@
               <view class="itemTitle">营收费用</view>
               <view class="revenueBox">
                 <view class="revenueItem">
-                  <view class="revenueValue">{{item.ReceivableAmount?numeral(item.ReceivableAmount).format('0,0.00'):'-'}}</view>
+                  <view class="revenueValue">
+                    {{ item.ReceivableAmount ? numeral(item.ReceivableAmount).format('0,0.00') : '-' }}</view>
                   <view class="revenueLabel">合计</view>
                 </view>
                 <view class="revenueItem">
-                  <view class="revenueValue">{{item.GuaranteeFee?numeral(item.GuaranteeFee).format('0,0.00'):'-'}}</view>
+                  <view class="revenueValue">{{ item.GuaranteeFee ? numeral(item.GuaranteeFee).format('0,0.00') : '-' }}
+                  </view>
                   <view class="revenueLabel">租金</view>
                 </view>
                 <view class="revenueItem">
-                  <view class="revenueValue">{{item.RefundSupplement?numeral(item.RefundSupplement).format('0,0.00'):'-'}}</view>
+                  <view class="revenueValue">
+                    {{ item.RefundSupplement ? numeral(item.RefundSupplement).format('0,0.00') : '-' }}</view>
                   <view class="revenueLabel">退补款</view>
                 </view>
               </view>
             </view>
 
-            <view class="stateBox" v-if="detailObj.Approvalstate!==9 && (index ===yearDataList.length-1)">
-              <image class="stateIcon" :src="detailObj.Approvalstate===0 ?'https://eshangtech.com/ShopICO/yxcl/settlementApproval/stateIcon.png':detailObj.Approvalstate===1?'https://eshangtech.com/ShopICO/yxcl/settlementApproval/pendIcon.png':''"/>
-              <span class="stateText">{{detailObj.Approvalstate===0?'待结算':detailObj.Approvalstate===1?'审核中':''}}</span>
+            <view class="stateBox" v-if="detailObj.Approvalstate !== 9 && (index === yearDataList.length - 1)">
+              <image class="stateIcon"
+                :src="detailObj.Approvalstate === 0 ? 'https://eshangtech.com/ShopICO/yxcl/settlementApproval/stateIcon.png' : detailObj.Approvalstate === 1 ? 'https://eshangtech.com/ShopICO/yxcl/settlementApproval/pendIcon.png' : ''" />
+              <span class="stateText">{{ detailObj.Approvalstate === 0 ? '待结算' : detailObj.Approvalstate === 1 ? '审核中' :
+                '' }}</span>
             </view>
-            <view class="overBox" v-if="detailObj.Approvalstate ===9 && (index ===yearDataList.length-1)">
-              <image class="overIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/isPassIcon.png"/>
+            <view class="overBox" v-if="detailObj.Approvalstate === 9 && (index === yearDataList.length - 1)">
+              <image class="overIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/isPassIcon.png" />
             </view>
 
           </view>
@@ -190,14 +221,15 @@
           <view class="pageDetailBox">
             <view class="detailBoxTop">
               <span class="detailBoxTitle">年度结算详情</span>
-              <view class="goMoreMonth" v-if="item.children && item.children.length>0"  @click="handleGoMonthList(item)">
+              <view class="goMoreMonth" v-if="item.children && item.children.length > 0"
+                @click="handleGoMonthList(item)">
                 查看月度结算
-                <image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png"/>
+                <image class="rightArrow" src="https://eshangtech.com/ShopICO/ahyd-BID/newIndex3/labourRight.png" />
               </view>
             </view>
             <view class="detailBoxTime">
-              <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png"/>
-              <view class="endTime">结算时间：{{item.StartDate || ''}} 至 {{item.EndDate || ''}}</view>
+              <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png" />
+              <view class="endTime">结算时间：{{ item.StartDate || '' }} 至 {{ item.EndDate || '' }}</view>
             </view>
 
             <view class="table">
@@ -205,12 +237,12 @@
                 <view class="firstTableTitle">数据类型</view>
                 <view class="borderRight"></view>
                 <view class="otherTableTitle">
-<!--                  <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
+                  <!--                  <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
                   结算数据
                 </view>
                 <view class="borderRight"></view>
                 <view class="otherTableTitle">
-<!--                  <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
+                  <!--                  <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
                   精算数据
                 </view>
               </view>
@@ -218,108 +250,150 @@
                 <view class="tableRow">
                   <view class="labelRow refundPay">退补款</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow refundPay">{{item.RefundSupplement?numeral(item.RefundSupplement).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow refundPay">
+                    {{ item.RefundSupplement ? numeral(item.RefundSupplement).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow refundPay">{{yearDataListObj.RefundSupplement?numeral(yearDataListObj.RefundSupplement).format('0,0.00'):''}}</view>
+                  <view class="valueRow refundPay">
+                    {{ yearDataListObj.RefundSupplement ? numeral(yearDataListObj.RefundSupplement).format('0,0.00') :
+                      '' }}
+                  </view>
                 </view>
 
                 <view class="tableRow tableRowGray">
                   <view class="labelRow">营业额合计</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.RevenueAmount?numeral(item.RevenueAmount).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.RevenueAmount ? numeral(item.RevenueAmount).format('0,0.00') : '-' }}
+                  </view>
                   <view class="borderRight"></view>
                   <view class="valueRow">
-                    {{yearDataListObj.RevenueAmountTEXT?yearDataListObj.RevenueAmountTEXT:''}}
-                    <view style="color: red" v-if="yearDataListObj.CorrectAmount">({{yearDataListObj.CorrectAmount>0?'+':''}}{{yearDataListObj.CorrectAmountTEXT || ''}})</view>
+                    {{ yearDataListObj.RevenueAmountTEXT ? yearDataListObj.RevenueAmountTEXT : '' }}
+                    <view style="color: red" v-if="yearDataListObj.CorrectAmount">
+                      ({{ yearDataListObj.CorrectAmount > 0 ? '+' : '' }}{{ yearDataListObj.CorrectAmountTEXT || '' }})
+                    </view>
                   </view>
                 </view>
 
                 <view class="tableRow">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">现金</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.CashAmount?numeral(item.CashAmount).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.CashAmount ? numeral(item.CashAmount).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.CashAmount?numeral(yearDataListObj.CashAmount).format('0,0.00'):''}}</view>
+                  <view class="valueRow">
+                    {{ yearDataListObj.CashAmount ? numeral(yearDataListObj.CashAmount).format('0,0.00') : '' }}</view>
                 </view>
 
                 <view class="tableRow tableRowGray">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">微支付</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.MobilePayAmount?numeral(item.MobilePayAmount).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.MobilePayAmount ? numeral(item.MobilePayAmount).format('0,0.00') : '-'
+                  }}
+                  </view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.MobilePayAmount?numeral(yearDataListObj.MobilePayAmount).format('0,0.00'):''}}</view>
+                  <view class="valueRow">
+                    {{ yearDataListObj.MobilePayAmount ? numeral(yearDataListObj.MobilePayAmount).format('0,0.00') : ''
+                    }}
+                  </view>
                 </view>
 
                 <view class="tableRow">
                   <view class="labelRow">驿达收款</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.RoyaltyAmount?numeral(item.RoyaltyAmount).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.RoyaltyAmount ? numeral(item.RoyaltyAmount).format('0,0.00') : '-' }}
+                  </view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.RoyaltyAmount?numeral(yearDataListObj.RoyaltyAmount).format('0,0.00'):''}}</view>
+                  <view class="valueRow">
+                    {{ yearDataListObj.RoyaltyAmount ? numeral(yearDataListObj.RoyaltyAmount).format('0,0.00') : '' }}
+                  </view>
                 </view>
 
                 <view class="tableRow tableRowGray">
                   <view class="labelRow">营收费用合计</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.ReceivableAmount?numeral(item.ReceivableAmount).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.ReceivableAmount ? numeral(item.ReceivableAmount).format('0,0.00') :
+                    '-' }}
+                  </view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.ReceivableAmount?numeral(yearDataListObj.ReceivableAmount).format('0,0.00'):''}}</view>
+                  <view class="valueRow">
+                    {{ yearDataListObj.ReceivableAmount ? numeral(yearDataListObj.ReceivableAmount).format('0,0.00') :
+                      '' }}
+                  </view>
                 </view>
 
                 <view class="tableRow">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">租金</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.GuaranteeFee || item.GuaranteeFee===0?numeral(item.GuaranteeFee).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.GuaranteeFee ||
+                    item.GuaranteeFee === 0 ? numeral(item.GuaranteeFee).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.GuaranteeFee?numeral(yearDataListObj.GuaranteeFee).format('0,0.00'):''}}</view>
+                  <view class="valueRow">
+                    {{ yearDataListObj.GuaranteeFee ? numeral(yearDataListObj.GuaranteeFee).format('0,0.00') : '' }}
+                  </view>
                 </view>
 
                 <view class="tableRow tableRowGray">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">物业费</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.PropertyFee || item.PropertyFee===0?numeral(item.PropertyFee).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.PropertyFee ||
+                    item.PropertyFee === 0 ? numeral(item.PropertyFee).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.PropertyFee || yearDataListObj.PropertyFee===0?numeral(yearDataListObj.PropertyFee).format('0,0.00'):''}}</view>
+                  <view class="valueRow">{{ yearDataListObj.PropertyFee ||
+                    yearDataListObj.PropertyFee === 0 ? numeral(yearDataListObj.PropertyFee).format('0,0.00') : '' }}
+                  </view>
                 </view>
 
                 <view class="tableRow">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">房租</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.HouseRent || item.HouseRent===0?numeral(item.HouseRent).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.HouseRent ||
+                    item.HouseRent === 0 ? numeral(item.HouseRent).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.HouseRent || yearDataListObj.HouseRent===0?numeral(yearDataListObj.HouseRent).format('0,0.00'):''}}</view>
+                  <view class="valueRow">{{ yearDataListObj.HouseRent ||
+                    yearDataListObj.HouseRent === 0 ? numeral(yearDataListObj.HouseRent).format('0,0.00') : '' }}</view>
                 </view>
 
                 <view class="tableRow tableRowGray">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">罚款</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.BreachPenalty || item.BreachPenalty===0?numeral(item.BreachPenalty).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.BreachPenalty ||
+                    item.BreachPenalty === 0 ? numeral(item.BreachPenalty).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.BreachPenalty || yearDataListObj.BreachPenalty===0?numeral(yearDataListObj.BreachPenalty).format('0,0.00'):''}}</view>
+                  <view class="valueRow">{{ yearDataListObj.BreachPenalty ||
+                    yearDataListObj.BreachPenalty === 0 ? numeral(yearDataListObj.BreachPenalty).format('0,0.00') : ''
+                  }}
+                  </view>
                 </view>
 
                 <view class="tableRow">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">电费</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.ElectricityCharge || item.ElectricityCharge===0?numeral(item.ElectricityCharge).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.ElectricityCharge ||
+                    item.ElectricityCharge === 0 ? numeral(item.ElectricityCharge).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.ElectricityCharge || yearDataListObj.ElectricityCharge===0?numeral(yearDataListObj.ElectricityCharge).format('0,0.00'):''}}</view>
+                  <view class="valueRow">{{ yearDataListObj.ElectricityCharge ||
+                    yearDataListObj.ElectricityCharge === 0 ?
+                    numeral(yearDataListObj.ElectricityCharge).format('0,0.00') : '' }}
+                  </view>
                 </view>
 
                 <view class="tableRow tableRowGray">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">水费</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.WaterCharge || item.WaterCharge===0?numeral(item.WaterCharge).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.WaterCharge ||
+                    item.WaterCharge === 0 ? numeral(item.WaterCharge).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.WaterCharge || yearDataListObj.WaterCharge===0?numeral(yearDataListObj.WaterCharge).format('0,0.00'):''}}</view>
+                  <view class="valueRow">{{ yearDataListObj.WaterCharge ||
+                    yearDataListObj.WaterCharge === 0 ? numeral(yearDataListObj.WaterCharge).format('0,0.00') : '' }}
+                  </view>
                 </view>
 
                 <view class="tableRow">
                   <view class="labelRow beforeIcon" style="padding-left: 44rpx">其他</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{item.OtherFee || item.OtherFee===0?numeral(item.OtherFee).format('0,0.00'):'-'}}</view>
+                  <view class="valueRow">{{ item.OtherFee ||
+                    item.OtherFee === 0 ? numeral(item.OtherFee).format('0,0.00') : '-' }}</view>
                   <view class="borderRight"></view>
-                  <view class="valueRow">{{yearDataListObj.OtherFee || yearDataListObj.OtherFee===0?numeral(yearDataListObj.OtherFee).format('0,0.00'):''}}</view>
+                  <view class="valueRow">{{ yearDataListObj.OtherFee ||
+                    yearDataListObj.OtherFee === 0 ? numeral(yearDataListObj.OtherFee).format('0,0.00') : '' }}</view>
                 </view>
 
 
@@ -330,123 +404,148 @@
       </view>
     </view>
 
-<!--    月度-->
-    <view class="renovationMonthBox" v-if="detailObj.SETTLEMENT_TYPE!==1">
+    <!--    月度-->
+    <view class="renovationMonthBox" v-if="detailObj.SETTLEMENT_TYPE !== 1">
 
-        <view class="detailBoxTop">
-          <span class="detailBoxTitle">月度结算详情</span>
+      <view class="detailBoxTop">
+        <span class="detailBoxTitle">月度结算详情</span>
+      </view>
+
+      <view class="detailBoxTime">
+        <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png" />
+        <view class="endTime">结算时间：{{ detailObj.SETTLEMENT_DATE || '' }}</view>
+      </view>
+
+      <view class="table">
+        <view class="tableHeader">
+          <view class="firstTableTitle">数据类型</view>
+          <view class="borderRight"></view>
+          <view class="otherTableTitle">
+            <!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
+            结算数据
+          </view>
+          <view class="borderRight"></view>
+          <view class="otherTableTitle">
+            <!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
+            精算数据
+          </view>
         </view>
+        <view class="tableBody">
 
-        <view class="detailBoxTime">
-          <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png"/>
-          <view class="endTime">结算时间：{{detailObj.SETTLEMENT_DATE || ''}}</view>
-        </view>
-
-        <view class="table">
-          <view class="tableHeader">
-            <view class="firstTableTitle">数据类型</view>
+          <view class="tableRow ">
+            <view class="labelRow refundPay">本月营收</view>
             <view class="borderRight"></view>
-            <view class="otherTableTitle">
-<!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
-              结算数据
+            <view class="valueRow">{{ actuaryData.CurMonthRevenue ? `${$util.getMoney(actuaryData.CurMonthRevenue)}` :
+              '-' }}
             </view>
             <view class="borderRight"></view>
-            <view class="otherTableTitle">
-<!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
-              精算数据
+            <view class="valueRow">
+              {{ monthNewCalibration.CurMonthRevenueTEXT ? monthNewCalibration.CurMonthRevenueTEXT : '-' }}</view>
+          </view>
+
+          <view class="tableRow tableRowGray">
+            <view class="labelRow">累计营业额</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">
+              {{ actuaryData.REVENUEDAILY_AMOUNTTotal ? `${$util.getMoney(actuaryData.REVENUEDAILY_AMOUNTTotal)}` : '-'
+              }}
+            </view>
+            <view class="borderRight"></view>
+            <view class="valueRow">
+              {{ monthNewCalibration.REVENUEDAILY_AMOUNTTotalTEXT ? monthNewCalibration.REVENUEDAILY_AMOUNTTotalTEXT :
+                '-' }}
             </view>
           </view>
-          <view class="tableBody">
 
-            <view class="tableRow ">
-              <view class="labelRow refundPay">本月营收</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.CurMonthRevenue?`${$util.getMoney(actuaryData.CurMonthRevenue)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{monthNewCalibration.CurMonthRevenueTEXT?monthNewCalibration.CurMonthRevenueTEXT:'-'}}</view>
-            </view>
-
-            <view class="tableRow tableRowGray">
-              <view class="labelRow">累计营业额</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.REVENUEDAILY_AMOUNTTotal?`${$util.getMoney(actuaryData.REVENUEDAILY_AMOUNTTotal)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{monthNewCalibration.REVENUEDAILY_AMOUNTTotalTEXT?monthNewCalibration.REVENUEDAILY_AMOUNTTotalTEXT:'-'}}</view>
-            </view>
-
-            <view class="tableRow ">
-              <view class="labelRow beforeIcon">移动支付</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.MOBILEPAY_AMOUNT?`${$util.getMoney(actuaryData.MOBILEPAY_AMOUNT)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{monthNewCalibration.MOBILEPAY_AMOUNTTEXT || ''}}
-                <view v-if="monthNewCalibration.MOBILEPAY_CORRECT" style="color: red">({{monthNewCalibration.MOBILEPAY_CORRECT>0?'+':''}}{{monthNewCalibration.MOBILEPAY_CORRECTTEXT || ''}})</view></view>
-            </view>
-
-            <view class="tableRow tableRowGray">
-              <view class="labelRow beforeIcon">移动冲正</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.MOBILEPAY_CORRECT?`${$util.getMoney(actuaryData.MOBILEPAY_CORRECT)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{monthNewCalibration.MOBILEPAY_CORRECTTEXT || ''}}</view>
-            </view>
-
-            <view class="tableRow ">
-              <view class="labelRow beforeIcon">现金交易</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.CASHPAY_AMOUNT?`${$util.getMoney(actuaryData.CASHPAY_AMOUNT)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">
-                {{monthNewCalibration.CASHPAY_AMOUNTTEXT || ''}}
-                <view v-if="monthNewCalibration.CASHPAY_CORRECT" style="color: red">({{ monthNewCalibration.CASHPAY_CORRECT > 0 ? '+' : '' }}{{ monthNewCalibration.CASHPAY_CORRECTTEXT || '' }})</view>
+          <view class="tableRow ">
+            <view class="labelRow beforeIcon">移动支付</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">
+              {{ actuaryData.MOBILEPAY_AMOUNT ? `${$util.getMoney(actuaryData.MOBILEPAY_AMOUNT)}` : '-' }}</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">{{ monthNewCalibration.MOBILEPAY_AMOUNTTEXT || '' }}
+              <view v-if="monthNewCalibration.MOBILEPAY_CORRECT" style="color: red">
+                ({{ monthNewCalibration.MOBILEPAY_CORRECT > 0 ? '+' : '' }}{{ monthNewCalibration.MOBILEPAY_CORRECTTEXT
+                  || '' }})
               </view>
             </view>
+          </view>
 
-            <view class="tableRow tableRowGray">
-              <view class="labelRow beforeIcon">现金冲正</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.CASHPAY_CORRECT?`${$util.getMoney(actuaryData.CASHPAY_CORRECT)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{monthNewCalibration.CASHPAY_CORRECTTEXT || '0'}}</view>
+          <view class="tableRow tableRowGray">
+            <view class="labelRow beforeIcon">移动冲正</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">
+              {{ actuaryData.MOBILEPAY_CORRECT ? `${$util.getMoney(actuaryData.MOBILEPAY_CORRECT)}` : '-' }}</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">{{ monthNewCalibration.MOBILEPAY_CORRECTTEXT || '' }}</view>
+          </view>
+
+          <view class="tableRow ">
+            <view class="labelRow beforeIcon">现金交易</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">{{ actuaryData.CASHPAY_AMOUNT ? `${$util.getMoney(actuaryData.CASHPAY_AMOUNT)}` : '-'
+            }}
             </view>
-
-            <view class="tableRow ">
-              <view class="labelRow">提成金额</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.GUARANTEERATIOAMOUNT?`${$util.getMoney(actuaryData.GUARANTEERATIOAMOUNT)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{monthNewCalibration.GUARANTEERATIOAMOUNTTEXT || ''}}</view>
-            </view>
-
-            <view class="tableRow tableRowGray">
-              <view class="labelRow">提成收入</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.GUARANTEERATIOINCOME?`${$util.getMoney(actuaryData.GUARANTEERATIOINCOME)}`:'-'}}</view>
-              <view class="borderRight"></view>
-              <view class="valueRow">{{monthNewCalibration.GUARANTEERATIOINCOMETEXT || ''}}</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">
+              {{ monthNewCalibration.CASHPAY_AMOUNTTEXT || '' }}
+              <view v-if="monthNewCalibration.CASHPAY_CORRECT" style="color: red">({{
+                monthNewCalibration.CASHPAY_CORRECT > 0 ? '+' : '' }}{{ monthNewCalibration.CASHPAY_CORRECTTEXT || ''
+                }})</view>
             </view>
           </view>
+
+          <view class="tableRow tableRowGray">
+            <view class="labelRow beforeIcon">现金冲正</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">{{ actuaryData.CASHPAY_CORRECT ? `${$util.getMoney(actuaryData.CASHPAY_CORRECT)}` :
+              '-' }}
+            </view>
+            <view class="borderRight"></view>
+            <view class="valueRow">{{ monthNewCalibration.CASHPAY_CORRECTTEXT || '0' }}</view>
+          </view>
+
+          <view class="tableRow ">
+            <view class="labelRow">提成金额</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">
+              {{ actuaryData.GUARANTEERATIOAMOUNT ? `${$util.getMoney(actuaryData.GUARANTEERATIOAMOUNT)}` : '-' }}
+            </view>
+            <view class="borderRight"></view>
+            <view class="valueRow">{{ monthNewCalibration.GUARANTEERATIOAMOUNTTEXT || '' }}</view>
+          </view>
+
+          <view class="tableRow tableRowGray">
+            <view class="labelRow">提成收入</view>
+            <view class="borderRight"></view>
+            <view class="valueRow">
+              {{ actuaryData.GUARANTEERATIOINCOME ? `${$util.getMoney(actuaryData.GUARANTEERATIOINCOME)}` : '-' }}
+            </view>
+            <view class="borderRight"></view>
+            <view class="valueRow">{{ monthNewCalibration.GUARANTEERATIOINCOMETEXT || '' }}</view>
+          </view>
         </view>
+      </view>
     </view>
 
-    <view class="payableFeesBox" v-if="detailObj.SETTLEMENT_TYPE!==1">
-<!--      经营商户应交费用明细表-->
+    <view class="payableFeesBox" v-if="detailObj.SETTLEMENT_TYPE !== 1">
+      <!--      经营商户应交费用明细表-->
       <view class="payableFeesBoxTitle">经营商户应交费用明细表</view>
       <view class="detailBoxTime">
-        <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png"/>
-        <view class="endTime">结算时间：{{detailObj.SETTLEMENT_DATE || ''}}</view>
+        <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png" />
+        <view class="endTime">结算时间：{{ detailObj.SETTLEMENT_DATE || '' }}</view>
       </view>
       <view class="table">
         <view class="tableHeader">
           <view class="firstTableTitle">数据类型</view>
           <view class="borderRight"></view>
           <view class="otherTableTitle">
-<!--            <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
+            <!--            <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
             应缴费用
           </view>
           <view class="borderRight"></view>
           <view class="otherTableTitle">
-<!--            <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
+            <!--            <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
             已缴费用
           </view>
         </view>
@@ -454,49 +553,49 @@
           <view class="tableRow ">
             <view class="labelRow">合计</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.SHOPEXPENSE_AMOUNT ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.SHOPEXPENSE_AMOUNT || '-' }}</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.PAID_AMOUNT ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.PAID_AMOUNT || '-' }}</view>
           </view>
 
-          <view class="tableRow tableRowGray" >
+          <view class="tableRow tableRowGray">
             <view class="labelRow beforeIcon">水费</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.SHOPEXPENSE_AMOUNT_1000 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.SHOPEXPENSE_AMOUNT_1000 || '-' }}</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.PAID_AMOUNT_9010 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.PAID_AMOUNT_9010 || '-' }}</view>
           </view>
 
           <view class="tableRow">
             <view class="labelRow beforeIcon">电费</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.SHOPEXPENSE_AMOUNT_2000 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.SHOPEXPENSE_AMOUNT_2000 || '-' }}</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.PAID_AMOUNT_9020 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.PAID_AMOUNT_9020 || '-' }}</view>
           </view>
 
           <view class="tableRow tableRowGray">
             <view class="labelRow beforeIcon">物业费</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.SHOPEXPENSE_AMOUNT_5000 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.SHOPEXPENSE_AMOUNT_5000 || '-' }}</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.PAID_AMOUNT_9050 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.PAID_AMOUNT_9050 || '-' }}</view>
           </view>
 
           <view class="tableRow">
             <view class="labelRow beforeIcon">就餐费</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.SHOPEXPENSE_AMOUNT_4000 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.SHOPEXPENSE_AMOUNT_4000 || '-' }}</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{'-'}}</view>
+            <view class="valueRow">{{ '-' }}</view>
           </view>
 
           <view class="tableRow tableRowGray">
             <view class="labelRow beforeIcon">住宿费</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.SHOPEXPENSE_AMOUNT_3000 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.SHOPEXPENSE_AMOUNT_3000 || '-' }}</view>
             <view class="borderRight"></view>
-            <view class="valueRow">{{ExpenseObj.PAID_AMOUNT_9030 ||'-'}}</view>
+            <view class="valueRow">{{ ExpenseObj.PAID_AMOUNT_9030 || '-' }}</view>
           </view>
         </view>
 
@@ -505,19 +604,27 @@
 
 
 
-    <view style="width: 100%;height: 196rpx"  v-if="(detailObj.Approvalstate===0 || (detailObj.Approvalstate>0 && progressDetail.BUSINESSAPPROVAL_STATE===1000)) || (detailObj.Approvalstate>0 && progressDetail.BUSINESSAPPROVAL_STATE!==9000 && isShowBtn && !detailObj.APPLY_PROCCESS)">
+    <view style="width: 100%;height: 196rpx"
+      v-if="(detailObj.Approvalstate === 0 || (detailObj.Approvalstate > 0 && progressDetail.BUSINESSAPPROVAL_STATE === 1000)) || (detailObj.Approvalstate > 0 && progressDetail.BUSINESSAPPROVAL_STATE !== 9000 && isShowBtn && !detailObj.APPLY_PROCCESS)">
     </view>
 
-<!--    改变按钮的判断 要吧allBtnBox的判断和上面那个占位方框的判断都要修改-->
-    <view class="allBtnBox" v-if="((detailObj.Approvalstate===0 && detailObj.PEND_STATE!==-1) || (detailObj.Approvalstate>0 && progressDetail.BUSINESSAPPROVAL_STATE===1000 && detailObj.PEND_STATE!==-1)) || (detailObj.Approvalstate>0 && detailObj.PEND_STATE!==-1 && progressDetail.BUSINESSAPPROVAL_STATE!==9000 && isShowBtn && !detailObj.APPLY_PROCCESS)">
-      <view class="createBtn" v-if="(detailObj.Approvalstate===0 && detailObj.PEND_STATE===0) || (detailObj.Approvalstate>0 && progressDetail.BUSINESSAPPROVAL_STATE===1000 && detailObj.PEND_STATE===0)"  @click="handleShowApplyForPop">发起审批</view>
+    <!--    改变按钮的判断 要吧allBtnBox的判断和上面那个占位方框的判断都要修改-->
+    <view class="allBtnBox"
+      v-if="((detailObj.Approvalstate === 0 && detailObj.PEND_STATE !== -1) || (detailObj.Approvalstate > 0 && progressDetail.BUSINESSAPPROVAL_STATE === 1000 && detailObj.PEND_STATE !== -1)) || (detailObj.Approvalstate > 0 && detailObj.PEND_STATE !== -1 && progressDetail.BUSINESSAPPROVAL_STATE !== 9000 && isShowBtn && !detailObj.APPLY_PROCCESS)">
+      <view class="createBtn"
+        v-if="(detailObj.Approvalstate === 0 && detailObj.PEND_STATE === 0) || (detailObj.Approvalstate > 0 && progressDetail.BUSINESSAPPROVAL_STATE === 1000 && detailObj.PEND_STATE === 0)"
+        @click="handleShowApplyForPop">发起审批</view>
       <view class="threeBtnBox">
-<!--        <view class="goRight" v-if="progressDetail.BUSINESSAPPROVAL_STATE!==1000">-->
-<!--          <image class="goRightIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/goRightIcon.png"/>-->
-<!--          <span class="goRightText">冲正</span>-->
-<!--        </view>-->
-        <view class="rejectBtn"  v-if="detailObj.Approvalstate>0 && progressDetail.BUSINESSAPPROVAL_STATE!==9000 && isShowBtn && !detailObj.APPLY_PROCCESS" @click="handleShowPop(2)">驳回</view>
-        <view class="agreeBtn"  v-if="detailObj.Approvalstate>0 && progressDetail.BUSINESSAPPROVAL_STATE!==9000 && isShowBtn && !detailObj.APPLY_PROCCESS" @click="handleShowPop(1)">同意</view>
+        <!--        <view class="goRight" v-if="progressDetail.BUSINESSAPPROVAL_STATE!==1000">-->
+        <!--          <image class="goRightIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/goRightIcon.png"/>-->
+        <!--          <span class="goRightText">冲正</span>-->
+        <!--        </view>-->
+        <view class="rejectBtn"
+          v-if="detailObj.Approvalstate > 0 && progressDetail.BUSINESSAPPROVAL_STATE !== 9000 && isShowBtn && !detailObj.APPLY_PROCCESS"
+          @click="handleShowPop(2)">驳回</view>
+        <view class="agreeBtn"
+          v-if="detailObj.Approvalstate > 0 && progressDetail.BUSINESSAPPROVAL_STATE !== 9000 && isShowBtn && !detailObj.APPLY_PROCCESS"
+          @click="handleShowPop(1)">同意</view>
       </view>
     </view>
 
@@ -525,33 +632,38 @@
     <UniPop :show="showPop" @hidePopup="closePop" type="middle" @touchmove.prevent round="true">
       <view class="uniPopup">
         <view class="uniPopupTop">
-          <text class="uniPopupTitle">{{ showType===1?'审核':showType===2?'驳回':'' }}</text>
-          <image @click="closePop" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
+          <text class="uniPopupTitle">{{ showType === 1 ? '审核' : showType === 2 ? '驳回' : '' }}</text>
+          <image @click="closePop" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg">
+          </image>
         </view>
 
         <view class="detailBox">
-          <view class="detailItem" style="display: flex;align-items: center" v-if="showType===1 && progressObjDetail.NEXT_STATE!==9000">
+          <view class="detailItem" style="display: flex;align-items: center"
+            v-if="showType === 1 && progressObjDetail.NEXT_STATE !== 9000">
             <span class="label">下一环节审批人：</span>
-            <picker mode="selector" @change="changeNextPerson" :value="nextPersonIndex" range-key="label" :range="nextPerson">
-              <view class="uni-ellipsis">{{nextPersonLabel?nextPersonLabel:'请选择'}}</view>
+            <picker mode="selector" @change="changeNextPerson" :value="nextPersonIndex" range-key="label"
+              :range="nextPerson">
+              <view class="uni-ellipsis">{{ nextPersonLabel ? nextPersonLabel : '请选择' }}</view>
             </picker>
           </view>
 
-          <view class="detailItem" style="display: flex;align-items: center" v-if="showType===2">
+          <view class="detailItem" style="display: flex;align-items: center" v-if="showType === 2">
             <span class="label">回退状态：</span>
-            <picker mode="selector" @change="changeReject" :value="rejectSelectIndex" range-key="label" :range="rejectDataList">
-              <view class="uni-ellipsis">{{showRejectText?showRejectText:'请选择'}}</view>
+            <picker mode="selector" @change="changeReject" :value="rejectSelectIndex" range-key="label"
+              :range="rejectDataList">
+              <view class="uni-ellipsis">{{ showRejectText ? showRejectText : '请选择' }}</view>
             </picker>
           </view>
 
           <view class="detailItem">
             <span class="label">审核意见：</span>
-            <textarea placeholder="请输入您的意见" v-model="approveDesc" style="height: 60px"/>
+            <textarea placeholder="请输入您的意见" v-model="approveDesc" style="height: 60px" />
           </view>
         </view>
 
         <view class="btn">
-          <span class="btnItem" @click="handleExamine(showType)">{{showType===1?'审核通过':showType===2?'驳回':''}}</span>
+          <span class="btnItem" @click="handleExamine(showType)">{{ showType === 1 ? '审核通过' : showType === 2 ? '驳回' : ''
+          }}</span>
         </view>
 
       </view>
@@ -561,12 +673,13 @@
       <view class="uniPopupApplyFor">
         <view class="uniPopupTop">
           <text class="uniPopupTitle">发起申请</text>
-          <image @click="closeApplyFor" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
+          <image @click="closeApplyFor" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg">
+          </image>
         </view>
 
         <view class="detailBoxTime">
-          <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png"/>
-          <view class="endTime">结算时间：{{detailObj.STARTDATE || ''}} 至 {{detailObj.ENDDATE || ''}}</view>
+          <image class="timeIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/timeIcon.png" />
+          <view class="endTime">结算时间：{{ detailObj.STARTDATE || '' }} 至 {{ detailObj.ENDDATE || '' }}</view>
         </view>
 
         <view class="table">
@@ -574,94 +687,133 @@
             <view class="firstTableTitle">数据类型</view>
             <view class="borderRight"></view>
             <view class="otherTableTitle">
-<!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
+              <!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/settlementIcon.png"/>-->
               结算数据
             </view>
             <view class="borderRight"></view>
             <view class="otherTableTitle">
-<!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
+              <!--              <image class="dataIcon" src="https://eshangtech.com/ShopICO/yxcl/settlementApproval/successData.png"/>-->
               精算数据
             </view>
           </view>
           <view class="tableBody">
 
-<!--            <view class="tableRow tableRowGray">-->
-<!--              <view class="labelRow">本月营收</view>-->
-<!--              <view class="borderRight"></view>-->
-<!--              <view class="valueRow">{{actuaryData.CurMonthRevenue?`${$util.getMoney(actuaryData.CurMonthRevenue)}`:'-'}}</view>-->
-<!--              <view class="borderRight"></view>-->
-<!--              <view class="valueRow">{{monthNewCalibration.CurMonthRevenueTEXT?monthNewCalibration.CurMonthRevenueTEXT:'-'}}</view>-->
-<!--            </view>-->
+            <!--            <view class="tableRow tableRowGray">-->
+            <!--              <view class="labelRow">本月营收</view>-->
+            <!--              <view class="borderRight"></view>-->
+            <!--              <view class="valueRow">{{actuaryData.CurMonthRevenue?`${$util.getMoney(actuaryData.CurMonthRevenue)}`:'-'}}</view>-->
+            <!--              <view class="borderRight"></view>-->
+            <!--              <view class="valueRow">{{monthNewCalibration.CurMonthRevenueTEXT?monthNewCalibration.CurMonthRevenueTEXT:'-'}}</view>-->
+            <!--            </view>-->
 
             <view class="tableRow">
               <view class="labelRow">累计营业额</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.REVENUEDAILY_AMOUNTTotal?`${numeral(actuaryData.REVENUEDAILY_AMOUNTTotal).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ actuaryData.REVENUEDAILY_AMOUNTTotal ?
+                  `${numeral(actuaryData.REVENUEDAILY_AMOUNTTotal).format('0,0.00')}` : '' }}
+              </view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{newCalibration.REVENUEDAILY_AMOUNTTotal?`${numeral(newCalibration.REVENUEDAILY_AMOUNTTotal).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ newCalibration.REVENUEDAILY_AMOUNTTotal ?
+                  `${numeral(newCalibration.REVENUEDAILY_AMOUNTTotal).format('0,0.00')}` : '' }}
+              </view>
             </view>
 
             <view class="tableRow tableRowGray">
               <view class="labelRow">移动支付</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.MOBILEPAY_AMOUNT?`${numeral(actuaryData.MOBILEPAY_AMOUNT).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ actuaryData.MOBILEPAY_AMOUNT ? `${numeral(actuaryData.MOBILEPAY_AMOUNT).format('0,0.00')}` : '' }}
+              </view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{newCalibration.MOBILEPAY_AMOUNT?`${numeral(newCalibration.MOBILEPAY_AMOUNT + (newCalibration.MOBILEPAY_CORRECT || 0)).format('0,0.00')}` + `${newCalibration.MOBILEPAY_CORRECT?`(${newCalibration.MOBILEPAY_CORRECT>0?'+':''}${newCalibration.MOBILEPAY_CORRECT})`:''}` :''}}
+              <view class="valueRow">{{ newCalibration.MOBILEPAY_AMOUNT ? `${numeral(newCalibration.MOBILEPAY_AMOUNT +
+                (newCalibration.MOBILEPAY_CORRECT || 0)).format('0,0.00')}` +
+                `${newCalibration.MOBILEPAY_CORRECT ? `(${newCalibration.MOBILEPAY_CORRECT > 0 ? '+' :
+                  ''}${newCalibration.MOBILEPAY_CORRECT})` : ''}`
+                : '' }}
               </view>
             </view>
 
             <view class="tableRow">
               <view class="labelRow">移动冲正</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.MOBILEPAY_CORRECT?`${numeral(actuaryData.MOBILEPAY_CORRECT).format('0,0.00')}`:'0'}}</view>
+              <view class="valueRow">
+                {{ actuaryData.MOBILEPAY_CORRECT ? `${numeral(actuaryData.MOBILEPAY_CORRECT).format('0,0.00')}` : '0' }}
+              </view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{newCalibration.MOBILEPAY_CORRECT?`${numeral(newCalibration.MOBILEPAY_CORRECT).format('0,0.00')}`:'0'}}</view>
+              <view class="valueRow">
+                {{ newCalibration.MOBILEPAY_CORRECT ? `${numeral(newCalibration.MOBILEPAY_CORRECT).format('0,0.00')}` :
+                  '0' }}
+              </view>
             </view>
 
             <view class="tableRow tableRowGray">
               <view class="labelRow">现金交易</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.CASHPAY_AMOUNT?`${numeral(actuaryData.CASHPAY_AMOUNT).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ actuaryData.CASHPAY_AMOUNT ? `${numeral(actuaryData.CASHPAY_AMOUNT).format('0,0.00')}` : '' }}</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{newCalibration.CASHPAY_AMOUNT?`${numeral(newCalibration.CASHPAY_AMOUNT + (newCalibration.CASHPAY_CORRECT || 0)).format('0,0.00')}` + `${newCalibration.CASHPAY_CORRECT?`(${newCalibration.CASHPAY_CORRECT>0?'+':''}${newCalibration.CASHPAY_CORRECT})`:'' }` :''}}
+              <view class="valueRow">{{ newCalibration.CASHPAY_AMOUNT ? `${numeral(newCalibration.CASHPAY_AMOUNT +
+                (newCalibration.CASHPAY_CORRECT || 0)).format('0,0.00')}` +
+                `${newCalibration.CASHPAY_CORRECT ? `(${newCalibration.CASHPAY_CORRECT > 0 ? '+' :
+                  ''}${newCalibration.CASHPAY_CORRECT})` : ''
+                }` : '' }}
               </view>
             </view>
 
             <view class="tableRow">
               <view class="labelRow">现金冲正</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.CASHPAY_CORRECT?`${numeral(actuaryData.CASHPAY_CORRECT).format('0,0.00')}`:'0'}}</view>
+              <view class="valueRow">
+                {{ actuaryData.CASHPAY_CORRECT ? `${numeral(actuaryData.CASHPAY_CORRECT).format('0,0.00')}` : '0' }}
+              </view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{newCalibration.CASHPAY_CORRECT?`${numeral(newCalibration.CASHPAY_CORRECT).format('0,0.00')}`:'0'}}</view>
+              <view class="valueRow">
+                {{ newCalibration.CASHPAY_CORRECT ? `${numeral(newCalibration.CASHPAY_CORRECT).format('0,0.00')}` : '0'
+                }}
+              </view>
             </view>
 
             <view class="tableRow tableRowGray">
               <view class="labelRow">提成金额</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.GUARANTEERATIOAMOUNT?`${numeral(actuaryData.GUARANTEERATIOAMOUNT).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ actuaryData.GUARANTEERATIOAMOUNT ? `${numeral(actuaryData.GUARANTEERATIOAMOUNT).format('0,0.00')}` :
+                  '' }}
+              </view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{newCalibration.GUARANTEERATIOAMOUNT?`${numeral(newCalibration.GUARANTEERATIOAMOUNT).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ newCalibration.GUARANTEERATIOAMOUNT ?
+                  `${numeral(newCalibration.GUARANTEERATIOAMOUNT).format('0,0.00')}` : '' }}
+              </view>
             </view>
 
             <view class="tableRow">
               <view class="labelRow">提成收入</view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{actuaryData.GUARANTEERATIOINCOME?`${numeral(actuaryData.GUARANTEERATIOINCOME).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ actuaryData.GUARANTEERATIOINCOME ? `${numeral(actuaryData.GUARANTEERATIOINCOME).format('0,0.00')}` :
+                  '' }}
+              </view>
               <view class="borderRight"></view>
-              <view class="valueRow">{{newCalibration.GUARANTEERATIOINCOME?`${numeral(newCalibration.GUARANTEERATIOINCOME).format('0,0.00')}`:''}}</view>
+              <view class="valueRow">
+                {{ newCalibration.GUARANTEERATIOINCOME ?
+                  `${numeral(newCalibration.GUARANTEERATIOINCOME).format('0,0.00')}` : '' }}
+              </view>
             </view>
           </view>
         </view>
 
         <view class="goRightBox">
           <div class="commodityContent">
-            <input class="color1" type="number" v-model="MobilePayCorrect"/>
+            <input class="color1" type="number" v-model="MobilePayCorrect" />
             <div>
               <span class="ctitle">移动支付差额</span>
             </div>
           </div>
           <div class="commodityContent">
-            <input class="color1" type="number" v-model="CashPayCorrect"/>
+            <input class="color1" type="number" v-model="CashPayCorrect" />
             <div>
               <span class="ctitle">现金支付差额</span>
             </div>
@@ -676,25 +828,28 @@
       </view>
     </UniPop>
     <!--    -->
-    <UniPop :show="isShowSelect" @hidePopup="closeShowSelect" :showIndex="6" type="middle" @touchmove.prevent round="true">
+    <UniPop :show="isShowSelect" @hidePopup="closeShowSelect" :showIndex="6" type="middle" @touchmove.prevent
+      round="true">
       <view class="uniPopupShowSelect">
         <view class="uniPopupTop">
           <text class="uniPopupTitle"></text>
-          <image @click="closeShowSelect" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
+          <image @click="closeShowSelect" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg">
+          </image>
         </view>
 
         <view class="uniPopupContent">
           <view class="contentItem">
             <view class="label">请选择下一阶段审批人</view>
-            <picker class="pick" :value="nextPersonIndex" :range="nextPerson" range-key="label" @change="handleChangePerson">
-              {{nextPersonValue? showLabel:'--请选择--'}}
+            <picker class="pick" :value="nextPersonIndex" :range="nextPerson" range-key="label"
+              @change="handleChangePerson">
+              {{ nextPersonValue ? showLabel : '--请选择--' }}
             </picker>
           </view>
 
           <view class="contentItem" style="margin-top: 8px">
             <view class="label">审核意见</view>
             <view class="text-area-box">
-              <textarea placeholder="请输入您的意见" v-model="approveDesc"/>
+              <textarea placeholder="请输入您的意见" v-model="approveDesc" />
             </view>
           </view>
 
@@ -710,40 +865,40 @@
 import request from '@/util/index.js'
 import UniPop from '@/components/uni-popup.vue'
 import Store from "../../store/store";
-import {mapGetters} from "vuex";
-import {wrapTreeNode} from "../../util/dateTime";
+import { mapGetters } from "vuex";
+import { wrapTreeNode } from "../../util/dateTime";
 import numeral from "numeral";
 export default {
   name: "detail",
-  components: {UniPop},
+  components: { UniPop },
   data() {
     return {
-      detailObj:{},// 传入的详情数据
-      staticMonth:'',// 外面查询时间的结束时间
-      SETTLEMENT_MODESObj:{
-        1000:"营收回款",
+      detailObj: {},// 传入的详情数据
+      staticMonth: '',// 外面查询时间的结束时间
+      SETTLEMENT_MODESObj: {
+        1000: "营收回款",
         2000: "资金返款",
         3000: "营收分润",
         4000: "组合分润",
         9998: "阶段提成",
         9999: "分段提成",
       },// 写死的枚举
-      topDetail:{},// 顶部详情数据
-      actuaryData:{},// 精算数据
-      approveDesc:'已核对，拟同意！',// 审批意见
-      nextPerson:[],// 下一环节审批人列表
-      nextPersonIndex:'',// 下一环节审批人索引
-      nextPersonLabel:'',// 下一环节审批人索引
-      nextPersonValue:'',// 下一环节审批人的值
-      showLabel:'',// 审核人的显示
+      topDetail: {},// 顶部详情数据
+      actuaryData: {},// 精算数据
+      approveDesc: '已核对，拟同意！',// 审批意见
+      nextPerson: [],// 下一环节审批人列表
+      nextPersonIndex: '',// 下一环节审批人索引
+      nextPersonLabel: '',// 下一环节审批人索引
+      nextPersonValue: '',// 下一环节审批人的值
+      showLabel: '',// 审核人的显示
       progressList: [],// 流程的数据
-      showPop:false,// 悬浮框
+      showPop: false,// 悬浮框
       showType: 0,// 1审核 2 驳回
-      progressDetail:{},// 进度详情
-      rejectDataList:[],// 驳回的列表
+      progressDetail: {},// 进度详情
+      rejectDataList: [],// 驳回的列表
       rejectSelectIndex: '',// 驳回索引
       rejectSelectValue: '',// 驳回的选择值
-      showRejectText:'',// 驳回显示的文字
+      showRejectText: '',// 驳回显示的文字
       isPending: false,// 接口是否进行中
       isShowBtn: false,// 判断是否显示按钮
       isShowApplyFor: false,// 发起申请的悬浮框
@@ -755,52 +910,52 @@ export default {
       LastSettlementMonth: '',// 最近审结的月份
       LastSettlementMonthText: '',// 最近审结的月份
       isShowSelect: false,// 出现选人的悬浮框
-      yearDataList:[],// 年度结算的悬浮框数据
+      yearDataList: [],// 年度结算的悬浮框数据
       isAllMonthSuccess: true,// 判断是不是全部的月份都已经审结了
-      allYearMonthDataList:[],//用来处理没完成的结算月度数据
-      yearDataListAfter:[],// 年度精算数据
-      yearDataListObj:[],// 年度精算数据 list也就一条
+      allYearMonthDataList: [],//用来处理没完成的结算月度数据
+      yearDataListAfter: [],// 年度精算数据
+      yearDataListObj: [],// 年度精算数据 list也就一条
       isShowProgress: true,// 是否显示流程进度
       isPush: false,// 是否是推送
-      progressObjDetail:{},// 流程详情
-      monthId:'', // 月份审批二次进入发起申请的时候带的唯一id
-      monthNewCalibration:{},// 月度精算过后 详情进入查看的值
-      yearId:'',// 年度审批二次进入发起申请的时候带的id
-      menu:{},
-      settlementModes:{},// 结算模式的枚举对象
-      projectObj:{},// 项目数据 暂时是取头像的
-      ExpenseObj:{},// 水电费
+      progressObjDetail: {},// 流程详情
+      monthId: '', // 月份审批二次进入发起申请的时候带的唯一id
+      monthNewCalibration: {},// 月度精算过后 详情进入查看的值
+      yearId: '',// 年度审批二次进入发起申请的时候带的id
+      menu: {},
+      settlementModes: {},// 结算模式的枚举对象
+      projectObj: {},// 项目数据 暂时是取头像的
+      ExpenseObj: {},// 水电费
     }
   },
-  async onLoad(query){
+  async onLoad(query) {
     this.menu = uni.getMenuButtonBoundingClientRect()
-    console.log('this.menu',this.menu)
+    console.log('this.menu', this.menu)
     this.handleGetSETTLEMENTMODES()
-    console.log('query',query)
+    console.log('query', query)
     if (query.id) {
       this.isPush = true
       this.$util.addUserBehaviorNew()
       await this.handleGetPageDetail(query.id)
-    }else{
-      if(query.obj){
+    } else {
+      if (query.obj) {
         this.detailObj = JSON.parse(query.obj)
       }
     }
-    console.log('this.detailObj',this.detailObj)
-    if(query.staticMonth){
-      this.staticMonth = this.$moment(query.staticMonth ).format('YYYYMM')
-      console.log('this.staticMonth',this.staticMonth)
+    console.log('this.detailObj', this.detailObj)
+    if (query.staticMonth) {
+      this.staticMonth = this.$moment(query.staticMonth).format('YYYYMM')
+      console.log('this.staticMonth', this.staticMonth)
     }
     // 拿到顶部数据
     await this.handleGetDetailDifference()
-    if(this.detailObj.SETTLEMENT_TYPE===1){
+    if (this.detailObj.SETTLEMENT_TYPE === 1) {
       // 如果是年度的 就去请求年度的结算数据
-     await this.handleGetYearSettlement()
+      await this.handleGetYearSettlement()
       if (this.detailObj.Approvalstate > 0) {
         // 请求年度的精算数据
         await this.handleGetYearSettlementRight()
       }
-    }else{
+    } else {
       // 月度数据
       // 拿到月度精算数据
       await this.handleGetActuaryData()
@@ -812,13 +967,13 @@ export default {
     // 拿到流程数据
     await this.handleGetProgress()
 
-    if(this.detailObj.SETTLEMENT_TYPE!==1){
+    if (this.detailObj.SETTLEMENT_TYPE !== 1) {
       // 经营商户应交费用明细表
       await this.handleGetProjectExpenseList()
     }
 
   },
-  onUnload(){
+  onUnload() {
 
     // 因为返回不会卸载页面 但是详情返回列表下一次进来肯定全部重新判断的 所以只能这样
     this.detailObj = {}
@@ -846,43 +1001,43 @@ export default {
     this.$util.addUserBehaviorNew()
   },
   computed: {
-    ...mapGetters({'users':'getUser'}),
+    ...mapGetters({ 'users': 'getUser' }),
   },
 
-  methods:{
+  methods: {
     numeral,
     // 点击流程的备注 显示悬浮内容 备注展示全
-    handleShowAllNotice(time,state){
-      console.log('state',state)
+    handleShowAllNotice(time, state) {
+      console.log('state', state)
       let list = JSON.parse(JSON.stringify(this.progressList))
-      list.forEach((item)=>{
-        if(item.APPLYAPPROVE_DATE === time){
+      list.forEach((item) => {
+        if (item.APPLYAPPROVE_DATE === time) {
           item.showNotice = state
         }
       })
       this.progressList = list
-      console.log('progressList',this.progressList)
+      console.log('progressList', this.progressList)
     },
     // 经营商户应交费用明细表
-    async handleGetProjectExpenseList(){
-      console.log('this.detailObj.SETTLEMENT_DATE',this.detailObj.SETTLEMENT_DATE)
+    async handleGetProjectExpenseList() {
+      console.log('this.detailObj.SETTLEMENT_DATE', this.detailObj.SETTLEMENT_DATE)
       uni.showLoading({
         title: '请求应交费用数据...'
       })
-      if(this.detailObj.Approvalstate===9){
+      if (this.detailObj.Approvalstate === 9) {
         let req = {
           BusinessProjectId: this.detailObj.BUSINESSPROJECT_ID,
           ShopRoyaltyId: this.detailObj.SHOPROYALTY_ID,
-          StartMonth: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).format('YYYYMM') : '',
-          EndMonth: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).format('YYYYMM') : '',
+          StartMonth: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).format('YYYYMM') : '',
+          EndMonth: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).format('YYYYMM') : '',
         }
-        const data = await request.$webGet('EShangApiMain/Finance/GetProjectExpenseList',req)
-        console.log('handleGetProjectExpenseList',data)
+        const data = await request.$webGet('EShangApiMain/Finance/GetProjectExpenseList', req)
+        console.log('handleGetProjectExpenseList', data)
         uni.hideLoading()
         this.ExpenseObj = data.Result_Data.List[0]
 
-        console.log('this.ExpenseObj',this.ExpenseObj)
-      }else{
+        console.log('this.ExpenseObj', this.ExpenseObj)
+      } else {
 
         let min = 999999999
         if (this.detailObj.SERVERPARTSHOP_ID) {
@@ -894,51 +1049,51 @@ export default {
           })
         }
         let req = {
-          serverpartshop_id: min===999999999?'':min,
-          statistics_month_start: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).startOf('months').format('YYYY/MM/DD') :'',
-          statistics_month_end: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).endOf('months').format('YYYY/MM/DD') :'',
+          serverpartshop_id: min === 999999999 ? '' : min,
+          statistics_month_start: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).startOf('months').format('YYYY/MM/DD') : '',
+          statistics_month_end: this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).endOf('months').format('YYYY/MM/DD') : '',
         }
-        console.log('this.detailObj.SETTLEMENT_DATE + this.detailObj.SETTLEMENT_TYPE===1?\'\':\'/01\'',this.detailObj.SETTLEMENT_DATE + this.detailObj.SETTLEMENT_TYPE===1?'':'/01')
+        console.log('this.detailObj.SETTLEMENT_DATE + this.detailObj.SETTLEMENT_TYPE===1?\'\':\'/01\'', this.detailObj.SETTLEMENT_DATE + this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')
         console.log('redsadasdasdq', req)
-        const data = await request.$webGet('EShangApiMain/BusinessProject/GetShopExpenseSummary',req)
-        console.log('handleGetProjectExpenseList',data)
+        const data = await request.$webGet('EShangApiMain/BusinessProject/GetShopExpenseSummary', req)
+        console.log('handleGetProjectExpenseList', data)
         uni.hideLoading()
         this.ExpenseObj = data.Result_Data.List[0]
-        console.log('this.ExpenseObj',this.ExpenseObj)
+        console.log('this.ExpenseObj', this.ExpenseObj)
       }
     },
     // 跳转到查看月份结算列表的页面
-    handleGoMonthList(obj){
-      console.log('obj',obj)
+    handleGoMonthList(obj) {
+      console.log('obj', obj)
       let list = JSON.stringify(obj.children)
       this.$util.toNextRoute('navigateTo', `/pages/settlementApproval/monthList?list=${list}&detailObj=${JSON.stringify(this.detailObj)}`)
     },
     // 拿到结算模式的枚举
-    async handleGetSETTLEMENTMODES(){
+    async handleGetSETTLEMENTMODES() {
       const req = { FieldExplainField: 'SETTLEMENT_MODES' }
-      const result = await request.$webGet('EShangApiMain/FrameWork/GetFieldEnumByField',req)
-      console.log('result',result)
+      const result = await request.$webGet('EShangApiMain/FrameWork/GetFieldEnumByField', req)
+      console.log('result', result)
       let res = result.Result_Data.List
       let obj = {}
-      if(res && res.length>0){
-        res.forEach(item=>{
+      if (res && res.length > 0) {
+        res.forEach(item => {
           obj[item.value] = item.label
         })
       }
       this.settlementModes = obj
     },
     // 返回按钮
-    handleBack(){
-      console.log('this.isPush',this.isPush)
+    handleBack() {
+      console.log('this.isPush', this.isPush)
 
-      if(this.isPush){
+      if (this.isPush) {
         uni.redirectTo({
           url: '/pages/settlementApproval/index'
         });
         // 推送进来的数据
         uni.setStorageSync('pushDetail', this.detailObj)
-      }else{
-        uni.navigateBack({ delta: 1})
+      } else {
+        uni.navigateBack({ delta: 1 })
       }
     },
     // 跳转月度详情页面
@@ -958,24 +1113,24 @@ export default {
       let staticMonth = this.$moment(res.ENDDATE).endOf('months').format('YYYYMM')
       this.$util.toNextRoute('navigateTo', `/pages/settlementApproval/monthDetail?obj=${JSON.stringify(res)}&staticMonth=${staticMonth}&id=${id}`)
     },
-    async handleGetDetail(){
+    async handleGetDetail() {
       uni.showLoading({
         title: '请求月度精算数据...'
       })
-      const data = await request.$webGet('EShangApiMain/BusinessProcess/GetBUSINESSAPPROVALDetail',{BUSINESSAPPROVALId: this.detailObj.BUSINESSAPPROVAL_ID})
+      const data = await request.$webGet('EShangApiMain/BusinessProcess/GetBUSINESSAPPROVALDetail', { BUSINESSAPPROVALId: this.detailObj.BUSINESSAPPROVAL_ID })
       console.log('data', data)
       let id = data.Result_Data.BUSINESSPROCESS_ID
-      const res = await request.$webGet('EShangApiMain/BusinessProject/GetBIZPSPLITMONTHDetail',{BIZPSPLITMONTHId: id})
+      const res = await request.$webGet('EShangApiMain/BusinessProject/GetBIZPSPLITMONTHDetail', { BIZPSPLITMONTHId: id })
       let obj = res.Result_Data
       const req = {
         BusinessProjectId: this.detailObj.BUSINESSPROJECT_ID,
-        StatisticsMonth: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).format('YYYYMM') : ''),
+        StatisticsMonth: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).format('YYYYMM') : ''),
         ShopRoyaltyId: this.detailObj.SHOPROYALTY_ID,
         MobilePayCorrect: obj.MOBILEPAY_CORRECT || 0,
         CashPayCorrect: obj.CASHPAY_CORRECT || 0
       }
-      const result = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodIncome',req)
-      console.log('Incomeresult',result)
+      const result = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodIncome', req)
+      console.log('Incomeresult', result)
       let bigObj = result.Result_Data.List[0]
       this.monthId = bigObj.bizpsplitMonthId
       this.monthNewCalibration = bigObj
@@ -995,7 +1150,7 @@ export default {
       this.isShowProgress = !this.isShowProgress
     },
     // 请求年度的精算数据
-    async handleGetYearSettlementRight(){
+    async handleGetYearSettlementRight() {
       const req = {
         BUSINESSPROJECT_ID: this.detailObj.BUSINESSPROJECT_ID,
         SHOPROYALTY_ID: this.detailObj.SHOPROYALTY_ID
@@ -1003,7 +1158,7 @@ export default {
       uni.showLoading({
         title: '请求精算数据...'
       })
-      const data = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodAccount',req)
+      const data = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodAccount', req)
       let res = data.Result_Data
       // 页面显示的结算数据
       let resList = wrapTreeNode(res.ProjectPeriodList)
@@ -1018,7 +1173,7 @@ export default {
           item.CashAmountTEXT = numeral(item.CashAmount).format('0,0.00')
           item.MobilePayAmountTEXT = numeral(item.MobilePayAmount).format('0,0.00')
           item.RevenueAmountTEXT = numeral(item.RevenueAmount).format('0,0.00')
-              // numeral(this.$util.getMoney(item.RevenueAmount)).format('0,0.00') + (item.CorrectAmount ? ('(' + (item.CorrectAmount > 0 ? '+' : '') + item.CorrectAmount + ')') : '')
+          // numeral(this.$util.getMoney(item.RevenueAmount)).format('0,0.00') + (item.CorrectAmount ? ('(' + (item.CorrectAmount > 0 ? '+' : '') + item.CorrectAmount + ')') : '')
           item.CorrectAmountTEXT = numeral(item.CorrectAmount).format('0,0.00')
           item.RoyaltyAmountTEXT = numeral(item.RoyaltyAmount).format('0,0.00')
           item.ReceivableAmountTEXT = numeral(item.ReceivableAmount).format('0,0.00')
@@ -1027,13 +1182,13 @@ export default {
           item.children = null
         })
         this.yearDataListObj = result[0]
-      }else{
+      } else {
         this.yearDataListObj = {}
       }
       this.yearDataListAfter = result
       this.yearId = result[0].RevenueConfirmId
-      console.log('this.yearDataListAfter',this.yearDataListAfter)
-      console.log('this.yearId',this.yearId)
+      console.log('this.yearDataListAfter', this.yearDataListAfter)
+      console.log('this.yearId', this.yearId)
       uni.hideLoading()
     },
     // 推送拿到进入页面的初始参数
@@ -1045,11 +1200,11 @@ export default {
         BusinessApprovalId: id,
         UserId: this.users.UserId
       }
-      console.log('req',req)
-      const data = await request.$webGet('EShangApiMain/BusinessProject/GetProjectAccountDetail',req)
-      console.log('data',data)
+      console.log('req', req)
+      const data = await request.$webGet('EShangApiMain/BusinessProject/GetProjectAccountDetail', req)
+      console.log('data', data)
       let res = data.Result_Data
-      console.log('res',res)
+      console.log('res', res)
       let obj = {
         ...res,
         Approvalstate: res.SETTLEMENT_STATE === 0 ? 0 : res.SETTLEMENT_STATE === 1 ? 9 : res.SETTLEMENT_STATE === 2 ? 1 : '',
@@ -1058,36 +1213,40 @@ export default {
       }
       this.detailObj = obj
       this.staticMonth = this.$moment(obj.endTime).format('YYYYMM')
-      console.log('this.detailObj',this.detailObj)
+      console.log('this.detailObj', this.detailObj)
       uni.hideLoading()
     },
     // 拿到年度结算数据
-    async handleGetYearSettlement(){
+    async handleGetYearSettlement() {
       const req = {
         BUSINESSPROJECT_ID: this.detailObj.BUSINESSPROJECT_ID,
         SHOPROYALTY_ID: this.detailObj.SHOPROYALTY_ID
       }
+      console.log('313123', req);
+
       uni.showLoading({
         title: '请求结算数据...'
       })
-      const data = await request.$webGet('EShangApiMain/Finance/GetReconciliation',req)
+      const data = await request.$webGet('EShangApiMain/Finance/GetReconciliation', req)
+      console.log('datadatadata32131321', data);
 
       // 当前流程实际出现的
-      const nowData = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodAccount',req)
-      let nowList = wrapTreeNode(nowData.Result_Data.ProjectPeriodList)
-      console.log('nowList',nowList)
+      const nowData = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodAccount', req)
+      console.log('nowDatanowDatanowData312312', nowData)
+      let nowList = nowData.Result_Data.ProjectPeriodList ? wrapTreeNode(nowData.Result_Data.ProjectPeriodList) : []
+      console.log('nowList', nowList)
 
       let res = data.Result_Data.List[0]
       // 页面显示的结算数据
       let resList = wrapTreeNode(res.ProjectPeriodList.children)
-      console.log('resList222',resList)
+      console.log('resList222', resList)
 
       let result = []
-      if(resList && resList.length>0){
-        if(nowList && nowList.length>0){
-          resList.forEach(item=>{
-            nowList.forEach(subItem=>{
-              if(item.PeriodIndex === subItem.PeriodIndex){
+      if (resList && resList.length > 0) {
+        if (nowList && nowList.length > 0) {
+          resList.forEach(item => {
+            nowList.forEach(subItem => {
+              if (item.PeriodIndex === subItem.PeriodIndex) {
                 result.push(item)
               }
             })
@@ -1112,47 +1271,47 @@ export default {
 
 
       this.yearDataList = result
-      console.log('this',this.yearDataList)
+      console.log('this', this.yearDataList)
       // 判断是否已经完成全部月度结算
       let other = res.ProjectPeriodList.node
       let isContinue = true
-      if(!other.AllowApply){
+      if (!other.AllowApply) {
         isContinue = false
       }
       this.isAllMonthSuccess = isContinue
 
       let list = wrapTreeNode([res.ProjectPeriodList.children[0]])
       this.allYearMonthDataList = list
-      console.log('list',list)
+      console.log('list', list)
 
       uni.hideLoading()
     },
     // 显示子级
-    handleShowChildren(obj){
+    handleShowChildren(obj) {
       let list = JSON.parse(JSON.stringify(this.yearDataList))
-      list.forEach(item=>{
-        if(item.ShopRoyalty_Id === obj.ShopRoyalty_Id && item.PeriodIndex === obj.PeriodIndex){
+      list.forEach(item => {
+        if (item.ShopRoyalty_Id === obj.ShopRoyalty_Id && item.PeriodIndex === obj.PeriodIndex) {
           item.showChildren = !item.showChildren
         }
       })
       this.yearDataList = list
     },
     // 完成全部的月度结算
-    async handleSuccessAllMonth(list){
+    async handleSuccessAllMonth(list) {
       uni.showLoading({
         title: '正在自动月度结算...'
       })
       let ShopRoyaltyIdStr = ''
       let minStartTime = ''
       let maxEndTime = ''
-      console.log('list',list)
-      if(list && list.length>0){
+      console.log('list', list)
+      if (list && list.length > 0) {
         // 拿到需要结算的月份  和 拆分数据
-        list.forEach((item,index)=>{
+        list.forEach((item, index) => {
           if (index === 0) {
             minStartTime = this.$moment(item.StartDate).format('YYYY-MM-DD')
             maxEndTime = this.$moment(item.EndDate).format('YYYY-MM-DD')
-          }else{
+          } else {
             if (new Date(minStartTime).getTime() > new Date(this.$moment(item.StartDate).format('YYYY-MM-DD')).getTime()) {
               minStartTime = this.$moment(item.StartDate).format('YYYY-MM-DD')
             }
@@ -1175,53 +1334,53 @@ export default {
           EndMonth: maxEndTime ? this.$moment(maxEndTime).format('YYYYMM') : '',
           userId: this.users.UserId
         }
-        console.log('monthReq',monthReq)
+        console.log('monthReq', monthReq)
 
-        const monthData = await request.$webGet('EShangApiMain/Finance/ApprovePeriodAccount',monthReq)
+        const monthData = await request.$webGet('EShangApiMain/Finance/ApprovePeriodAccount', monthReq)
         uni.hideLoading()
-        console.log('monthData',monthData)
+        console.log('monthData', monthData)
         if (monthData.Result_Code === 100) {
           uni.showToast({
             title: monthData.Result_Desc,
-            icon:'success',
+            icon: 'success',
             duration: 1000
           });
           // 重新计算一遍那些月份是否已经结算了
           await this.handleGetYearSettlement()
           // 自动等于点击一遍发起申请
           this.handleShowApplyForPop()
-        }else{
+        } else {
           uni.showToast({
             title: monthData.Result_Desc,
-            icon:'error',
+            icon: 'error',
             duration: 1000
           });
         }
       }
     },
     // 选择审批人
-    handleChangePerson(e){
-      console.log('e',e)
-      console.log('this.nextPerson',this.nextPerson)
+    handleChangePerson(e) {
+      console.log('e', e)
+      console.log('this.nextPerson', this.nextPerson)
       this.nextPersonIndex = Number(e.target.value)
       let value = this.nextPerson[this.nextPersonIndex].value
       this.nextPersonValue = value
       this.showLabel = value.split('-')[0]
-      console.log('nextPersonValue',this.nextPersonValue)
+      console.log('nextPersonValue', this.nextPersonValue)
     },
     // 发起申请
-    async handleCreate(){
-      if(!this.nextPersonValue){
+    async handleCreate() {
+      if (!this.nextPersonValue) {
         uni.showToast({
-          icon:'error',
+          icon: 'error',
           duration: 2000,
           title: '请选择审批人',
         });
         return
       }
-      if(!this.approveDesc){
+      if (!this.approveDesc) {
         uni.showToast({
-          icon:'error',
+          icon: 'error',
           duration: 2000,
           title: '请输入审核意见',
         });
@@ -1229,12 +1388,12 @@ export default {
       }
 
 
-      console.log('this.detailObj',this.detailObj)
-      console.log('this.newCalibration',this.newCalibration)
-      console.log('users',this.users)
+      console.log('this.detailObj', this.detailObj)
+      console.log('this.newCalibration', this.newCalibration)
+      console.log('users', this.users)
       // 判断是年度结算还是月度结算
       let _this = this
-      if(this.detailObj.SETTLEMENT_TYPE===1){
+      if (this.detailObj.SETTLEMENT_TYPE === 1) {
         // // 年度
         // const req = {
         //   BusinessapprovalModel:{
@@ -1260,20 +1419,20 @@ export default {
         // }
         //
         // // const data = await request.$webPost('EShangApiMain/Finance/ApplyAccountProinst', req)
-      }else{
+      } else {
         // 月度
-        console.log('this.nextPersonValue',this.nextPersonValue)
-        let [APPOVED_NAME,APPOVED_IDS] = this.nextPersonValue.split('-')
-        console.log('APPOVED_IDS',APPOVED_IDS)
-        console.log('APPOVED_NAME',APPOVED_NAME)
+        console.log('this.nextPersonValue', this.nextPersonValue)
+        let [APPOVED_NAME, APPOVED_IDS] = this.nextPersonValue.split('-')
+        console.log('APPOVED_IDS', APPOVED_IDS)
+        console.log('APPOVED_NAME', APPOVED_NAME)
         uni.showLoading({
           title: '正在发起申请...'
         })
         const req = {
-          BusinessapprovalModel:{
-            OPERATION_TYPE:'12',
+          BusinessapprovalModel: {
+            OPERATION_TYPE: '12',
             BUSINESSAPPROVAL_ID: this.detailObj.BUSINESSAPPROVAL_ID || '',
-            BUSINESSPROCESS_NAME:`${this.detailObj.BUSINESSPROJECT_NAME}【${this.detailObj.startTime}-${this.detailObj.endTime}】月度结算`,
+            BUSINESSPROCESS_NAME: `${this.detailObj.BUSINESSPROJECT_NAME}【${this.detailObj.startTime}-${this.detailObj.endTime}】月度结算`,
             PROINST_ID: this.detailObj.BUSINESSPROJECT_ID,
             SERVERPART_ID: this.detailObj.SERVERPART_ID,
             SERVERPART_NAME: this.detailObj.SERVERPART_NAME,
@@ -1281,16 +1440,16 @@ export default {
             STAFF_NAME: this.users.UserName,
             BUSINESS_STARTDATE: this.$moment().format('YYYY-MM-DD HH:mm:ss'),
             BUSINESSAPPROVAL_STATE: 1000,
-            BUSINESSAPPROVAL_DESC:this.approveDesc,
-            SERVERPART_IDS:  this.detailObj.SERVERPART_ID,
+            BUSINESSAPPROVAL_DESC: this.approveDesc,
+            SERVERPART_IDS: this.detailObj.SERVERPART_ID,
             MERCHANTS_ID: this.detailObj.MERCHANTS_ID,
             MERCHANTS_NAME: this.detailObj.MERCHANTS_NAME,
             SERVERPARTSHOP_ID: this.detailObj.SERVERPARTSHOP_ID,
             SERVERPARTSHOP_NAME: this.detailObj.SERVERPARTSHOP_NAME,
             APPOVED_IDS: APPOVED_IDS,
-            APPOVED_NAME:APPOVED_NAME,
+            APPOVED_NAME: APPOVED_NAME,
           },
-          bizpsplitMonthModel:{
+          bizpsplitMonthModel: {
             ...this.newCalibration,
             SHOPROYALTY_ID: this.detailObj.SHOPROYALTY_ID,
             SERVERPARTSHOP_ID: this.detailObj.SERVERPARTSHOP_ID,
@@ -1315,38 +1474,38 @@ export default {
           },
           SourcePlatform: 'minProgram'
         }
-        console.log('req',req)
+        console.log('req', req)
         // return
         const data = await request.$webPost('EShangApiMain/Finance/ApplyMonthAccountProinst', req)
         if (data.Result_Code === 100) {
           if (this.isPush) {
             uni.showToast({
-              icon:'success',
+              icon: 'success',
               duration: 2000,
               title: data.Result_Desc,
             });
-            setTimeout(()=>{
+            setTimeout(() => {
               uni.redirectTo({
                 url: '/pages/settlementApproval/index'
               });
-            },2000)
-          }else{
+            }, 2000)
+          } else {
             uni.showToast({
-              icon:'success',
+              icon: 'success',
               duration: 2000,
               title: data.Result_Desc,
             });
-            uni.setStorageSync('reolad','true')
-            setTimeout(()=>{
+            uni.setStorageSync('reolad', 'true')
+            setTimeout(() => {
               uni.navigateBack({
                 delta: 1
               });
-            },2000)
+            }, 2000)
           }
 
-        }else{
+        } else {
           uni.showToast({
-            icon:'error',
+            icon: 'error',
             duration: 2000,
             title: data.Result_Desc,
           });
@@ -1355,12 +1514,12 @@ export default {
       }
     },
     // 重新校准
-    async handleRecalibrate(){
-      console.log('this.MobilePayCorrect',this.MobilePayCorrect)
-      console.log('this.CashPayCorrect',this.CashPayCorrect)
+    async handleRecalibrate() {
+      console.log('this.MobilePayCorrect', this.MobilePayCorrect)
+      console.log('this.CashPayCorrect', this.CashPayCorrect)
       const req = {
         BusinessProjectId: this.detailObj.BUSINESSPROJECT_ID,
-        StatisticsMonth: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).format('YYYYMM') : ''),
+        StatisticsMonth: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).format('YYYYMM') : ''),
         ShopRoyaltyId: this.detailObj.SHOPROYALTY_ID,
         MobilePayCorrect: this.MobilePayCorrect || 0,
         CashPayCorrect: this.CashPayCorrect || 0,
@@ -1369,37 +1528,37 @@ export default {
         title: '请求精算数据...'
       })
       const data = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodIncome', req)
-      console.log('data',data)
+      console.log('data', data)
       let res = data.Result_Data.List[0]
       this.newCalibration = res
       this.afterCalibration = true
-      console.log('res',res)
+      console.log('res', res)
       uni.hideLoading()
     },
-    openShowSelect(){
+    openShowSelect() {
       this.isShowSelect = true
     },
     // 关闭选人的悬浮框
-    closeShowSelect(){
+    closeShowSelect() {
       this.isShowSelect = false
     },
     // 显示发起申请的悬浮框
-    async handleShowApplyForPop(){
+    async handleShowApplyForPop() {
       let _this = this
-      if(this.detailObj.SETTLEMENT_TYPE===2){
-        console.log('this.lastMonthIsOver',this.lastMonthIsOver)
+      if (this.detailObj.SETTLEMENT_TYPE === 2) {
+        console.log('this.lastMonthIsOver', this.lastMonthIsOver)
         // 月度
         if (this.lastMonthIsOver) {
           this.isShowApplyFor = true
-        }else{
+        } else {
           uni.showModal({
             title: '系统检测',
             content: `${this.detailObj.SERVERPART_NAME}-${this.detailObj.SERVERPARTSHOP_NAME},项目期数内存在未审批月度结算！点击确定自动为您调整到${this.LastSettlementMonth}月进行审批？`,
             success: function (res) {
               if (res.confirm) {
-                uni.setStorageSync('handleGetNewMonth','true')
-                uni.setStorageSync('handleGetNewMonthObj',_this.detailObj)
-                uni.setStorageSync('handleGetNewMonthTime',_this.LastSettlementMonth + '/01')
+                uni.setStorageSync('handleGetNewMonth', 'true')
+                uni.setStorageSync('handleGetNewMonthObj', _this.detailObj)
+                uni.setStorageSync('handleGetNewMonthTime', _this.LastSettlementMonth + '/01')
                 uni.navigateBack({
                   delta: 1
                 });
@@ -1411,14 +1570,14 @@ export default {
             }
           });
         }
-      }else{
+      } else {
         // 年度
-        if(this.isAllMonthSuccess){
+        if (this.isAllMonthSuccess) {
           // 可以进行年度发起申请 就跳转新页面
           this.handleGoYearSettlementPage()
-        }else{
+        } else {
           uni.showModal({
-            content:'请先完成全部月度结算！ 点击确认将自动进行结算！',
+            content: '请先完成全部月度结算！ 点击确认将自动进行结算！',
             success: async function (res) {
               if (res.confirm) {
                 _this.handleSuccessAllMonth(_this.yearDataList)
@@ -1429,48 +1588,48 @@ export default {
       }
     },
     // 跳转去年度结算页面
-    handleGoYearSettlementPage(){
+    handleGoYearSettlementPage() {
       this.$util.toNextRoute('navigateTo', `/pages/settlementApproval/yearSettlement?obj=${JSON.stringify(this.detailObj)}&yearId=${this.yearId}`)
     },
     // 关闭发起申请的悬浮框
-    closeApplyFor(){
+    closeApplyFor() {
       this.isShowApplyFor = false
     },
 
     // 获得顶部详情和差异数据
-    async handleGetDetailDifference(){
+    async handleGetDetailDifference() {
       const req = {
-        StartDate: this.detailObj.STARTDATE?this.$moment(this.detailObj.STARTDATE).format('YYYY-MM-DD'):'',
-        EndDate: this.detailObj.ENDDATE?this.$moment(this.detailObj.ENDDATE).format('YYYY-MM-DD'):'',
+        StartDate: this.detailObj.STARTDATE ? this.$moment(this.detailObj.STARTDATE).format('YYYY-MM-DD') : '',
+        EndDate: this.detailObj.ENDDATE ? this.$moment(this.detailObj.ENDDATE).format('YYYY-MM-DD') : '',
         SHOPROYALTY_ID: this.detailObj.SHOPROYALTY_ID || '',
         BUSINESSPROJECT_ID: this.detailObj.BUSINESSPROJECT_ID || '',
         ACCOUNT_TYPE: 1000,
         SERVERPARTSHOP_ID: this.detailObj.SERVERPARTSHOP_ID,
         DataSourceType: 2,
         SERVERPART_ID: this.detailObj.SERVERPART_ID,
-        STATISTICS_MONTH: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE +(this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).format('YYYYMM') : '')
+        STATISTICS_MONTH: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).format('YYYYMM') : '')
       }
-      console.log('this.staticMonth',this.staticMonth)
-      console.log('req',req)
+      console.log('this.staticMonth', this.staticMonth)
+      console.log('req', req)
       uni.showLoading({
         title: '请求详情数据...'
       })
-      const data = await request.$webGet('EShangApiMain/Revenue/GetRevenueReportByBIZPSPLITMONTH',req)
-      console.log('data',data)
+      const data = await request.$webGet('EShangApiMain/Revenue/GetRevenueReportByBIZPSPLITMONTH', req)
+      console.log('data', data)
       let res = data.Result_Data.List
-      if(res && res.length>0){
+      if (res && res.length > 0) {
         let detailObj = res[0]
         this.topDetail = detailObj.RevenueRecognition
         this.projectObj = detailObj.BUSINESSPROJECT
-        console.log('this.topDetail',this.topDetail)
+        console.log('this.topDetail', this.topDetail)
       }
       uni.hideLoading()
     },
     // 获取精算数据
-    async handleGetActuaryData(){
+    async handleGetActuaryData() {
       const req = {
         BusinessProjectId: this.detailObj.BUSINESSPROJECT_ID,
-        StatisticsMonth: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE===1?'':'/01')).format('YYYYMM') : ''),
+        StatisticsMonth: this.staticMonth || (this.detailObj.SETTLEMENT_DATE ? this.$moment(this.detailObj.SETTLEMENT_DATE + (this.detailObj.SETTLEMENT_TYPE === 1 ? '' : '/01')).format('YYYYMM') : ''),
         ShopRoyaltyId: this.detailObj.SHOPROYALTY_ID,
       }
       uni.showLoading({
@@ -1478,24 +1637,24 @@ export default {
       })
       const data = await request.$webGet('EShangApiMain/Finance/GetProjectPeriodIncome', req)
       let res = data.Result_Data.List[0]
-      console.log('res3232',res)
+      console.log('res3232', res)
       this.actuaryData = res
 
-      if(res.AllowSettlement===1){
+      if (res.AllowSettlement === 1) {
         this.lastMonthIsOver = true
-      }else if(res.AllowSettlement===2){
+      } else if (res.AllowSettlement === 2) {
         this.lastMonthIsOver = false
         this.LastSettlementMonth = res.LastSettlementMonth
         this.LastSettlementMonthText = `${res.LastSettlementMonth}审结中月度结算正在审批中，请审结后再发起${req.StatisticsMonth}月度结算`
-      }else{
+      } else {
         this.lastMonthIsOver = false
-        if(res.LastSettlementState===0){
+        if (res.LastSettlementState === 0) {
           // this.LastSettlementMonth =`请先进行${res.LastSettlementMonth}月度结算`
           this.LastSettlementMonth = res.LastSettlementMonth
-        }else if(res.LastSettlementState===1){
+        } else if (res.LastSettlementState === 1) {
           // this.LastSettlementMonth =`请先进行${res.LastSettlementMonth}月度结算`
           this.LastSettlementMonth = res.LastSettlementMonth
-        }else if(res.LastSettlementState===2){
+        } else if (res.LastSettlementState === 2) {
           // this.LastSettlementMonth =`请先进行${res.LastSettlementMonth}月度结算正在审批中，请审结后再发起下一个月度结算`
           this.LastSettlementMonth = res.LastSettlementMonth
         }
@@ -1503,23 +1662,23 @@ export default {
       uni.hideLoading()
     },
     // 下一环节审批人
-    changeNextPerson(e){
-      console.log('e',e)
+    changeNextPerson(e) {
+      console.log('e', e)
       let value = Number(e.target.value)
       this.nextPersonIndex = value
       this.nextPersonValue = this.nextPerson[value].value
       this.nextPersonLabel = this.nextPerson[value].label
     },
     // 驳回的选择
-    changeReject(e){
-      console.log('e',e)
-      console.log('this.rejectDataList',this.rejectDataList)
+    changeReject(e) {
+      console.log('e', e)
+      console.log('this.rejectDataList', this.rejectDataList)
       let res = JSON.parse(this.rejectDataList[Number(e.target.value)].value)
-      console.log('res',res)
+      console.log('res', res)
       this.showRejectText = res.APPROVALROUTE_NAME
       this.rejectSelectValue = res
     },
-    closePop(){
+    closePop() {
       this.showPop = false
       this.showType = 0
       this.approveDesc = ''
@@ -1529,44 +1688,44 @@ export default {
       this.isPending = false
     },
     // 1审核 2驳回
-    handleShowPop(type){
-      if(!this.isShowBtn){
+    handleShowPop(type) {
+      if (!this.isShowBtn) {
         uni.showToast({
           title: '无审批权限！',
-          icon:'error',
+          icon: 'error',
           duration: 1000
         });
         return
       }
       this.showPop = true
       this.showType = type
-      if(type===1){
+      if (type === 1) {
         this.approveDesc = '已核对，拟同意！'
-      }else{
+      } else {
         this.approveDesc = ''
       }
     },
     // 1审核 2驳回
-    async handleExamine(type){
-      if(this.isPending){
+    async handleExamine(type) {
+      if (this.isPending) {
         return
       }
       this.isPending = true
       let req = {}
       let data = {}
-      if(type===1){
-        if(!this.approveDesc ){
+      if (type === 1) {
+        if (!this.approveDesc) {
           uni.showToast({
             title: '请输入审核意见',
-            icon:'error',
+            icon: 'error',
             duration: 1000
           });
           return
         }
-        if(!this.nextPersonValue && this.progressObjDetail.NEXT_STATE!==9000){
+        if (!this.nextPersonValue && this.progressObjDetail.NEXT_STATE !== 9000) {
           uni.showToast({
             title: '请选择下一审批人',
-            icon:'error',
+            icon: 'error',
             duration: 1000
           });
           return
@@ -1574,34 +1733,34 @@ export default {
         uni.showLoading({
           title: '发起申请...'
         })
-        let [APPOVED_NAME,APPOVED_IDS] = this.nextPersonValue.split('-')
+        let [APPOVED_NAME, APPOVED_IDS] = this.nextPersonValue.split('-')
         req = {
           businessApprovalID: this.detailObj.BUSINESSAPPROVAL_ID,
           curProinstState: this.progressDetail.BUSINESSAPPROVAL_STATE,
-          approveedInfo: this.approveDesc ,
+          approveedInfo: this.approveDesc,
           approveedStaffId: Store.state.userData.UserId,
           approveedStaffName: Store.state.userData.UserName,
           nextId: APPOVED_IDS
         }
         if (this.detailObj.SETTLEMENT_TYPE === 2) {
           data = await request.$webGet('EShangApiMain/Finance/ApproveMonthAccountProinst', req)
-        }else{
+        } else {
           data = await request.$webGet('EShangApiMain/Finance/ApproveAccountProinst', req)
         }
-        console.log('data',data)
-      }else if(type===2){
-        if(!this.rejectSelectValue){
+        console.log('data', data)
+      } else if (type === 2) {
+        if (!this.rejectSelectValue) {
           uni.showToast({
             title: '请选择回退状态',
-            icon:'error',
+            icon: 'error',
             duration: 1000
           });
           return
         }
-        if(!this.approveDesc){
+        if (!this.approveDesc) {
           uni.showToast({
             title: '请输入审核意见',
-            icon:'error',
+            icon: 'error',
             duration: 1000
           });
           return
@@ -1619,49 +1778,49 @@ export default {
         }
         if (this.detailObj.SETTLEMENT_TYPE === 2) {
           data = await request.$webGet('EShangApiMain/Finance/RejectMonthAccountProinst', req)
-        }else{
+        } else {
           data = await request.$webGet('EShangApiMain/Finance/RejectAccountProinst', req)
         }
-        console.log('data',data)
+        console.log('data', data)
       }
       uni.hideLoading()
-      if(data.Result_Code===100){
+      if (data.Result_Code === 100) {
         uni.showToast({
           title: data.Result_Desc,
-          icon:'none',
+          icon: 'none',
           duration: 2000
         });
         if (this.isPush) {
-          setTimeout(()=>{
-            uni.setStorageSync('reolad','true')
+          setTimeout(() => {
+            uni.setStorageSync('reolad', 'true')
             uni.redirectTo({
               url: '/pages/settlementApproval/index'
             });
-          },2000)
-        }else{
-          setTimeout(()=>{
-            uni.setStorageSync('reolad','true')
+          }, 2000)
+        } else {
+          setTimeout(() => {
+            uni.setStorageSync('reolad', 'true')
             uni.navigateBack({
               delta: 1
             });
-          },2000)
+          }, 2000)
         }
 
 
-      }else{
+      } else {
         uni.showToast({
           title: data.Result_Desc,
-          icon:'error',
+          icon: 'error',
           duration: 2000
         });
       }
       this.isPending = false
     },
     // 流程 下一环节 等数据
-    async handleGetProgress(){
-      if(!this.detailObj.BUSINESSAPPROVAL_ID){
+    async handleGetProgress() {
+      if (!this.detailObj.BUSINESSAPPROVAL_ID) {
         const req = {
-          OperationType: this.detailObj.SETTLEMENT_TYPE===1?'11':'12',
+          OperationType: this.detailObj.SETTLEMENT_TYPE === 1 ? '11' : '12',
           CurState: 1000,
           IsValid: 1,
           ShowApprovalUser: true,
@@ -1669,11 +1828,11 @@ export default {
           ShopIds: this.detailObj.SERVERPARTSHOP_ID || ''
         }
         const data = await request.$webGet('EShangApiMain/BusinessProcess/GetAPPROVALROUTEDetail', req)
-        console.log('handleGetProgress',data)
+        console.log('handleGetProgress', data)
         let res = data.Result_Data
-        if(res.UserList && res.UserList.length>0){
+        if (res.UserList && res.UserList.length > 0) {
           let list = []
-          res.UserList.forEach(item=>{
+          res.UserList.forEach(item => {
             list.push({ label: item.USER_NAME, value: `${item.USER_NAME}-${item.USER_ID}` })
           })
           this.nextPerson = list
@@ -1692,9 +1851,9 @@ export default {
       })
       const data = await request.$webGet('EShangApiMain/BusinessProcess/GetBUSINESSAPPROVALDetail', req)
       let res = data.Result_Data
-      console.log('res',res)
+      console.log('res', res)
       const secondReq = {
-        OperationType: this.detailObj.SETTLEMENT_TYPE===1?'11':'12',
+        OperationType: this.detailObj.SETTLEMENT_TYPE === 1 ? '11' : '12',
         CurState: res.BUSINESSAPPROVAL_STATE,
         IsValid: 1,
         ShowApprovalUser: true,
@@ -1703,58 +1862,58 @@ export default {
       }
       const secondData = await request.$webGet('EShangApiMain/BusinessProcess/GetAPPROVALROUTEDetail', secondReq)
       this.progressObjDetail = secondData.Result_Data
-      console.log('secondData',secondData)
+      console.log('secondData', secondData)
 
       this.progressDetail = res
-      console.log('Store.state.userData.UserId',Store.state.userData.UserId)
-      console.log('res.APPOVED_IDS',res.APPOVED_IDS)
-      if(Number(res.APPOVED_IDS) === Number(Store.state.userData.UserId)){
+      console.log('Store.state.userData.UserId', Store.state.userData.UserId)
+      console.log('res.APPOVED_IDS', res.APPOVED_IDS)
+      if (Number(res.APPOVED_IDS) === Number(Store.state.userData.UserId)) {
         this.isShowBtn = true
       }
-      console.log('res.approveList',res.approveList)
+      console.log('res.approveList', res.approveList)
       this.progressList = res.approveList
       this.progressList.unshift({
         APPLYAPPROVE_NAME: '服务区经营主管',
-        APPLYAPPROVE_DATE:res.BUSINESS_STARTDATE,
-        STAFF_NAME:res.STAFF_NAME,
+        APPLYAPPROVE_DATE: res.BUSINESS_STARTDATE,
+        STAFF_NAME: res.STAFF_NAME,
         APPLYAPPROVE_INFO: res.BUSINESSAPPROVAL_DESC
       })
       // 不是完结的 就需要在后面加待审核人
-      if (this.detailObj.Approvalstate>0 && this.isShowProgress && res.BUSINESSAPPROVAL_STATE!==9000){
+      if (this.detailObj.Approvalstate > 0 && this.isShowProgress && res.BUSINESSAPPROVAL_STATE !== 9000) {
         // 添加待审核人
         // progressDetail.APPOVED_NAME
         this.progressList.push({
           APPLYAPPROVE_NAME: res.APPOVED_NAME,
           STAFF_NAME: '待审核',
-          APPLYAPPROVE_DATE:''
+          APPLYAPPROVE_DATE: ''
         })
       }
-      console.log('this.progressList',this.progressList)
+      console.log('this.progressList', this.progressList)
 
 
 
 
       let list = []
-      if(res.UserList && res.UserList.length>0){
-        res.UserList.forEach(item=>{
+      if (res.UserList && res.UserList.length > 0) {
+        res.UserList.forEach(item => {
           // list.push({label: item.USER_NAME,value: item.USER_ID})
-          list.push({label: item.USER_NAME,value: `${item.USER_NAME}-${item.USER_ID}`})
+          list.push({ label: item.USER_NAME, value: `${item.USER_NAME}-${item.USER_ID}` })
         })
       }
 
       this.nextPerson = list
-      console.log('this.nextPerson',this.nextPerson)
+      console.log('this.nextPerson', this.nextPerson)
 
 
       let rejectList = []
-      if(res.rejectList && res.rejectList.length>0){
+      if (res.rejectList && res.rejectList.length > 0) {
         res.rejectList.forEach((item) => {
           rejectList.push({ label: item.APPROVALROUTE_NAME, value: JSON.stringify(item) })
         })
       }
 
       this.rejectDataList = rejectList
-      console.log('this.rejectDataList',this.rejectDataList)
+      console.log('this.rejectDataList', this.rejectDataList)
       uni.hideLoading()
     }
   }
@@ -1762,44 +1921,52 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.main{
+.main {
   width: 100%;
   height: 100vh;
-  .header{
+
+  .header {
     width: 100%;
     background-image: url("https://eshangtech.com/ShopICO/yxcl/settlementApproval/pageBg.png");
     background-repeat: no-repeat;
     background-size: contain;
     margin-bottom: 24rpx;
-    .headerBox{
+
+    .headerBox {
       width: 100%;
       box-sizing: border-box;
       padding: 0 32rpx;
       position: fixed;
-      top: 0;left: 0;
+      top: 0;
+      left: 0;
       z-index: 9;
       background-image: url("https://eshangtech.com/ShopICO/yxcl/settlementApproval/pageBg.png");
       background-repeat: no-repeat;
       background-size: cover;
-      .arrowBox{
+
+      .arrowBox {
         width: 100%;
         display: flex;
         align-items: center;
-        .img{
+
+        .img {
           width: 48rpx;
           height: 48rpx;
         }
-        .selectServiceBox{
+
+        .selectServiceBox {
           margin-left: 16rpx;
           display: flex;
           align-items: center;
-          .serviceIcon{
+
+          .serviceIcon {
             width: 80rpx;
             height: 80rpx;
             position: relative;
             z-index: 2;
           }
-          .nameBox{
+
+          .nameBox {
             font-family: PingFangSC, PingFang SC;
             font-weight: 600;
             font-size: 28rpx;
@@ -1810,10 +1977,11 @@ export default {
             padding: 12rpx 34rpx 12rpx 48rpx;
             display: inline-block;
             border-top-right-radius: 200rpx;
-            border-bottom-right-radius:  200rpx;
+            border-bottom-right-radius: 200rpx;
             background: #fff;
             transform: translateX(-20px);
-            .moreIcon{
+
+            .moreIcon {
               width: 24rpx;
               height: 24rpx;
               margin-left: 14rpx;
@@ -1822,7 +1990,8 @@ export default {
         }
       }
     }
-    .headerDetail{
+
+    .headerDetail {
       width: calc(100% - 48rpx);
       margin-left: 24rpx;
       background: #FFFFFF;
@@ -1830,29 +1999,35 @@ export default {
       box-sizing: border-box;
       padding: 1px;
       position: relative;
-      .detailContent{
+
+      .detailContent {
         width: 100%;
-        background: linear-gradient( 180deg, #FFEBE0 0%, #FFFFFF 30%);
+        background: linear-gradient(180deg, #FFEBE0 0%, #FFFFFF 30%);
         border-radius: 14rpx 14rpx 0rpx 0rpx;
         box-sizing: border-box;
         padding: 24rpx;
-        .contentTop{
+
+        .contentTop {
           display: flex;
           align-items: center;
-          .topLeft{
+
+          .topLeft {
             width: 96rpx;
             height: 96rpx;
             border-radius: 16rpx;
             overflow: hidden;
             margin-right: 16rpx;
-            .detailIcon{
+
+            .detailIcon {
               width: 96rpx;
               height: 96rpx;
             }
           }
-          .topRight{
+
+          .topRight {
             width: calc(100% - 212rpx);
-            .detailTitle{
+
+            .detailTitle {
               font-family: PingFangSC, PingFang SC;
               font-weight: 600;
               font-size: 32rpx;
@@ -1867,10 +2042,12 @@ export default {
               text-overflow: ellipsis;
               overflow: hidden;
             }
-            .typeBox{
+
+            .typeBox {
               display: flex;
               align-items: center;
-              .typeItem{
+
+              .typeItem {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
                 font-size: 24rpx;
@@ -1882,7 +2059,8 @@ export default {
                 background: #FFEEC8;
                 border-radius: 4rpx;
               }
-              .indexItem{
+
+              .indexItem {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
                 font-size: 24rpx;
@@ -1898,13 +2076,16 @@ export default {
             }
           }
         }
-        .contentMoney{
+
+        .contentMoney {
           display: flex;
           align-items: center;
           margin-top: 40rpx;
-          .moneyItem{
+
+          .moneyItem {
             width: 50%;
-            .redMoney{
+
+            .redMoney {
               font-family: DINAlternate-Bold, DINAlternate;
               font-weight: bold;
               font-size: 40rpx;
@@ -1913,7 +2094,8 @@ export default {
               text-align: left;
               font-style: normal;
             }
-            .moneyValue{
+
+            .moneyValue {
               font-family: DINAlternate-Bold, DINAlternate;
               font-weight: bold;
               font-size: 34rpx;
@@ -1922,7 +2104,8 @@ export default {
               text-align: left;
               font-style: normal;
             }
-            .label{
+
+            .label {
               font-family: PingFangSC, PingFang SC;
               font-weight: 400;
               font-size: 24rpx;
@@ -1930,7 +2113,8 @@ export default {
               line-height: 36rpx;
               text-align: left;
               font-style: normal;
-              .unit{
+
+              .unit {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
                 font-size: 24rpx;
@@ -1943,7 +2127,8 @@ export default {
             }
           }
         }
-        .otherMessage{
+
+        .otherMessage {
           background: #F9F9F9;
           border-radius: 8rpx;
           width: 100%;
@@ -1952,10 +2137,12 @@ export default {
           margin-top: 24rpx;
           display: flex;
           align-items: center;
-          .otherItem{
+
+          .otherItem {
             width: calc(100% / 3);
             box-sizing: border-box;
-            .value{
+
+            .value {
               font-family: DINAlternate-Bold, DINAlternate;
               font-weight: bold;
               font-size: 28rpx;
@@ -1965,7 +2152,8 @@ export default {
               font-style: normal;
               margin-bottom: 4rpx;
             }
-            .label{
+
+            .label {
               font-family: PingFangSC, PingFang SC;
               font-weight: 400;
               font-size: 24rpx;
@@ -1973,7 +2161,8 @@ export default {
               line-height: 36rpx;
               text-align: left;
               font-style: normal;
-              .unit{
+
+              .unit {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
                 font-size: 24rpx;
@@ -1987,20 +2176,24 @@ export default {
           }
         }
       }
-      .stateBox{
+
+      .stateBox {
         position: absolute;
-        right: 0;top: 0;
+        right: 0;
+        top: 0;
         display: flex;
         align-items: center;
         padding: 10rpx 16rpx;
-        background: linear-gradient( 48deg, #FF9762 0%, #FF8C8C 100%);
+        background: linear-gradient(48deg, #FF9762 0%, #FF8C8C 100%);
         border-radius: 0rpx 16rpx 0rpx 38rpx;
-        .stateIcon{
+
+        .stateIcon {
           width: 28rpx;
           height: 28rpx;
           margin-right: 6rpx;
         }
-        .stateText{
+
+        .stateText {
           font-family: PingFangSC, PingFang SC;
           font-weight: 500;
           font-size: 24rpx;
@@ -2010,10 +2203,13 @@ export default {
           font-style: normal;
         }
       }
-      .overBox{
+
+      .overBox {
         position: absolute;
-        right: 30rpx;top: 30rpx;
-        .overIcon{
+        right: 30rpx;
+        top: 30rpx;
+
+        .overIcon {
           width: 134rpx;
           height: 134rpx;
         }
@@ -2021,38 +2217,44 @@ export default {
     }
   }
 
-  .renovationBox{
+  .renovationBox {
     width: 100%;
     //width: calc(100% - 48rpx);
     //margin-left: 24rpx;
     box-sizing: border-box;
     padding: 2rpx;
     border-radius: 16rpx;
-    .renovationContent{
+
+    .renovationContent {
       width: 100%;
-      background: linear-gradient( 180deg, #FFF7F2 0%, #FFFFFF 20%);
+      background: linear-gradient(180deg, #FFF7F2 0%, #FFFFFF 20%);
       box-sizing: border-box;
       border-radius: 16rpx;
       padding: 22rpx;
       position: relative;
-      .renovationTop{
+
+      .renovationTop {
         display: flex;
         align-items: center;
         margin-bottom: 40rpx;
-        .topLeft{
+
+        .topLeft {
           margin-right: 16rpx;
           width: 80rpx;
           height: 80rpx;
           border-radius: 8rpx;
           overflow: hidden;
-          .renovationIcon{
+
+          .renovationIcon {
             width: 80rpx;
             height: 80rpx;
           }
         }
-        .topRight{
+
+        .topRight {
           flex: 1;
-          .contentTitle{
+
+          .contentTitle {
             font-family: PingFangSC, PingFang SC;
             font-weight: 400;
             font-size: 32rpx;
@@ -2061,7 +2263,8 @@ export default {
             text-align: left;
             font-style: normal;
           }
-          .timeBox{
+
+          .timeBox {
             font-family: DINAlternate-Bold, DINAlternate;
             font-weight: 400;
             font-size: 24rpx;
@@ -2070,7 +2273,8 @@ export default {
             text-align: left;
             font-style: normal;
           }
-          .goMoreMonth{
+
+          .goMoreMonth {
             font-family: PingFangSC, PingFang SC;
             font-weight: 600;
             font-size: 28rpx;
@@ -2078,15 +2282,17 @@ export default {
             line-height: 40rpx;
             text-align: left;
             font-style: normal;
-            .rightArrow{
+
+            .rightArrow {
               width: 24rpx;
               height: 24rpx;
             }
           }
         }
       }
-      .renovationMoney{
-        .itemTitle{
+
+      .renovationMoney {
+        .itemTitle {
           font-family: PingFangSC, PingFang SC;
           font-weight: 400;
           font-size: 28rpx;
@@ -2095,12 +2301,15 @@ export default {
           text-align: left;
           font-style: normal;
         }
-        .revenueBox{
+
+        .revenueBox {
           margin-top: 16rpx;
           display: flex;
-          .revenueItem{
+
+          .revenueItem {
             width: calc(100% / 3);
-            .revenueValue{
+
+            .revenueValue {
               font-family: DINAlternate, DINAlternate;
               font-weight: bold;
               font-size: 28rpx;
@@ -2109,7 +2318,8 @@ export default {
               text-align: left;
               font-style: normal;
             }
-            .revenueLabel{
+
+            .revenueLabel {
               font-family: PingFangSC, PingFang SC;
               font-weight: 400;
               font-size: 24rpx;
@@ -2121,7 +2331,8 @@ export default {
             }
           }
         }
-        .line{
+
+        .line {
           width: 100%;
           height: 2rpx;
           background: #F5F5F5;
@@ -2129,17 +2340,20 @@ export default {
           margin: 24rpx 0;
         }
       }
-      .pageDetailBox{
+
+      .pageDetailBox {
         width: 100%;
         box-sizing: border-box;
         padding: 32rpx;
         background-color: #fff;
         border-radius: 32rpx 32rpx 0rpx 0rpx;
-        .detailBoxTop{
+
+        .detailBoxTop {
           display: flex;
           align-items: center;
           justify-content: space-between;
-          .detailBoxTitle{
+
+          .detailBoxTitle {
             font-family: PingFangSC, PingFang SC;
             font-weight: 600;
             font-size: 32rpx;
@@ -2148,7 +2362,8 @@ export default {
             text-align: left;
             font-style: normal;
           }
-          .goMoreMonth{
+
+          .goMoreMonth {
             font-family: PingFangSC, PingFang SC;
             font-weight: 600;
             font-size: 28rpx;
@@ -2156,23 +2371,27 @@ export default {
             line-height: 40rpx;
             text-align: left;
             font-style: normal;
-            .rightArrow{
+
+            .rightArrow {
               width: 24rpx;
               height: 24rpx;
             }
           }
         }
-        .detailBoxTime{
+
+        .detailBoxTime {
           display: flex;
           align-items: center;
           margin-bottom: 20rpx;
           margin-top: 8rpx;
-          .timeIcon{
+
+          .timeIcon {
             width: 28rpx;
             height: 28rpx;
             margin-right: 8rpx;
           }
-          .endTime{
+
+          .endTime {
             font-family: DINAlternate-Bold, DINAlternate;
             font-weight: 400;
             font-size: 24rpx;
@@ -2182,53 +2401,62 @@ export default {
             font-style: normal;
           }
         }
-        .table{
+
+        .table {
           width: calc(100% - 4rpx);
           border-radius: 12rpx;
           border: 2rpx solid #EEEEF0;
-          .tableHeader{
+
+          .tableHeader {
             display: flex;
             align-items: center;
             width: 100%;
             height: 80rpx;
             background-color: #F7F8FA;
-            .firstTableTitle{
+
+            .firstTableTitle {
               width: 30%;
               box-sizing: border-box;
               padding-left: 24rpx;
               font-size: 24rpx;
             }
-            .borderRight{
+
+            .borderRight {
               width: 2rpx;
               height: 100%;
               background-color: #F1F1F1;
             }
-            .otherTableTitle{
+
+            .otherTableTitle {
               width: 35%;
               display: flex;
               flex-direction: column;
               align-items: center;
               font-size: 24rpx;
-              .dataIcon{
+
+              .dataIcon {
                 width: 60rpx;
                 height: 60rpx;
                 margin-bottom: 8rpx;
               }
             }
           }
-          .tableBody{
-            .tableRow{
+
+          .tableBody {
+            .tableRow {
               width: 100%;
               height: 100%;
               display: flex;
               align-items: center;
-              .labelRow{
+
+              .labelRow {
                 width: 30%;
                 box-sizing: border-box;
                 padding: 22rpx 0 22rpx 22rpx;
                 font-size: 24rpx;
               }
-              .refundPay{
+
+              .refundPay {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 600;
                 font-size: 24rpx;
@@ -2237,12 +2465,14 @@ export default {
                 text-align: left;
                 font-style: normal;
               }
-              .borderRight{
+
+              .borderRight {
                 width: 2rpx;
                 min-height: 80rpx;
                 background-color: #F1F1F1;
               }
-              .valueRow{
+
+              .valueRow {
                 width: 35%;
                 box-sizing: border-box;
                 padding: 22rpx 24rpx 22rpx 0;
@@ -2251,15 +2481,18 @@ export default {
                 font-family: DINAlternate-Bold, DINAlternate;
               }
             }
-            .tableRowGray{
-              background-color: #F9F9FA!important;
+
+            .tableRowGray {
+              background-color: #F9F9FA !important;
             }
           }
         }
-        .progressList{
+
+        .progressList {
           width: 100%;
           margin-top: 48rpx;
-          .progressTitle{
+
+          .progressTitle {
             font-family: PingFangSC, PingFang SC;
             font-weight: 600;
             font-size: 32rpx;
@@ -2268,12 +2501,14 @@ export default {
             text-align: left;
             font-style: normal;
           }
-          .listBox{
+
+          .listBox {
             margin-top: 24rpx;
             width: 100%;
-            .listItem{
-              .itemLeft{
-                .nameIcon{
+
+            .listItem {
+              .itemLeft {
+                .nameIcon {
                   width: 72rpx;
                   height: 72rpx;
                   background: #FFA35F;
@@ -2282,14 +2517,16 @@ export default {
                   display: flex;
                   align-items: center;
                   justify-content: center;
-                  .successIcon{
+
+                  .successIcon {
                     position: absolute;
                     width: 32rpx;
                     height: 32rpx;
                     right: 0;
                     bottom: 0;
                   }
-                  .name{
+
+                  .name {
                     font-family: PingFangSC, PingFang SC;
                     font-weight: 400;
                     font-size: 24rpx;
@@ -2298,18 +2535,21 @@ export default {
                     text-align: left;
                     font-style: normal;
                   }
-                  .defaultPerson{
+
+                  .defaultPerson {
                     width: 32rpx;
                     height: 36rpx;
                   }
                 }
               }
-              .itemRight{
-                .nameBox{
+
+              .itemRight {
+                .nameBox {
                   display: flex;
                   align-items: center;
                   justify-content: space-between;
-                  .name{
+
+                  .name {
                     font-family: PingFangSC, PingFang SC;
                     font-weight: 400;
                     font-size: 28rpx;
@@ -2318,7 +2558,8 @@ export default {
                     text-align: left;
                     font-style: normal;
                   }
-                  .time{
+
+                  .time {
                     font-family: PingFangSC, PingFang SC;
                     font-weight: 400;
                     font-size: 24rpx;
@@ -2328,7 +2569,8 @@ export default {
                     font-style: normal;
                   }
                 }
-                .desc{
+
+                .desc {
                   font-family: PingFangSC, PingFang SC;
                   font-weight: 400;
                   font-size: 24rpx;
@@ -2342,20 +2584,24 @@ export default {
           }
         }
       }
-      .stateBox{
+
+      .stateBox {
         position: absolute;
-        right: 0;top: 0;
+        right: 0;
+        top: 0;
         display: flex;
         align-items: center;
         padding: 10rpx 16rpx;
-        background: linear-gradient( 48deg, #FF9762 0%, #FF8C8C 100%);
+        background: linear-gradient(48deg, #FF9762 0%, #FF8C8C 100%);
         border-radius: 0rpx 16rpx 0rpx 38rpx;
-        .stateIcon{
+
+        .stateIcon {
           width: 28rpx;
           height: 28rpx;
           margin-right: 6rpx;
         }
-        .stateText{
+
+        .stateText {
           font-family: PingFangSC, PingFang SC;
           font-weight: 500;
           font-size: 24rpx;
@@ -2365,10 +2611,13 @@ export default {
           font-style: normal;
         }
       }
-      .overBox{
+
+      .overBox {
         position: absolute;
-        right: 30rpx;top: 30rpx;
-        .overIcon{
+        right: 30rpx;
+        top: 30rpx;
+
+        .overIcon {
           width: 134rpx;
           height: 134rpx;
         }
@@ -2376,175 +2625,58 @@ export default {
     }
   }
 
-  .renovationMonthBox{
+  .renovationMonthBox {
     width: 100%;
     box-sizing: border-box;
     padding: 32rpx 32rpx;
     background: #FFFFFF;
     border-radius: 32rpx 32rpx 0rpx 0rpx;
-      .detailBoxTop{
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        .detailBoxTitle{
-          font-family: PingFangSC, PingFang SC;
-          font-weight: 600;
-          font-size: 32rpx;
-          color: #212226;
-          line-height: 44rpx;
-          text-align: left;
-          font-style: normal;
-          margin-bottom: 8rpx;
-        }
-        .goMoreMonth{
-          font-family: PingFangSC, PingFang SC;
-          font-weight: 600;
-          font-size: 28rpx;
-          color: #FA8B39;
-          line-height: 40rpx;
-          text-align: left;
-          font-style: normal;
-          .rightArrow{
-            width: 24rpx;
-            height: 24rpx;
-          }
-        }
-      }
-      .detailBoxTime{
-        display: flex;
-        align-items: center;
-        margin-bottom: 20rpx;
-        margin-top: 8rpx;
-        .timeIcon{
-          width: 28rpx;
-          height: 28rpx;
-          margin-right: 8rpx;
-        }
-        .endTime{
-          font-family: DINAlternate-Bold, DINAlternate;
-          font-weight: 400;
-          font-size: 24rpx;
-          color: #786B6C;
-          line-height: 40rpx;
-          text-align: left;
-          font-style: normal;
-        }
-      }
-      .table{
-        width: calc(100% - 4rpx);
-        border-radius: 12rpx;
-        border: 2rpx solid #EEEEF0;
-        .tableHeader{
-          display: flex;
-          align-items: center;
-          width: 100%;
-          height: 80rpx;
-          background-color: #F7F8FA;
-          .firstTableTitle{
-            width: 30%;
-            box-sizing: border-box;
-            padding-left: 24rpx;
-            font-size: 24rpx;
-          }
-          .borderRight{
-            width: 2rpx;
-            height: 100%;
-            background-color: #F1F1F1;
-          }
-          .otherTableTitle{
-            width: 35%;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            font-size: 24rpx;
-            .dataIcon{
-              width: 60rpx;
-              height: 60rpx;
-              margin-bottom: 8rpx;
-            }
-          }
-        }
-        .tableBody{
-          .tableRow{
-            width: 100%;
-            height: 100%;
-            display: flex;
-            .labelRow{
-              width: 30%;
-              box-sizing: border-box;
-              padding: 22rpx 0 22rpx 22rpx;
-              font-size: 24rpx;
-            }
-            .beforeIcon{
-              padding-left: 42rpx;
-              position: relative;
-            }
-            .beforeIcon:before{
-              content:'';
-              width: 12rpx;
-              height: 12rpx;
-              background: #b2b2bd;
-              border-radius: 50%;
-              position: absolute;
-              left: 22rpx;
-              top: 50%;
-              transform: translateY(-50%);
-            }
-            .refundPay{
-              font-family: PingFangSC, PingFang SC;
-              font-weight: 600;
-              font-size: 24rpx;
-              color: #9A3D1A;
-              line-height: 36rpx;
-              text-align: left;
-              font-style: normal;
-            }
-            .borderRight{
-              width: 2rpx;
-              min-height: 80rpx;
-              background-color: #F1F1F1;
-            }
-            .valueRow{
-              width: 35%;
-              box-sizing: border-box;
-              padding: 22rpx 24rpx 22rpx 0;
-              text-align: right;
-              font-size: 26rpx;
-              font-family: DINAlternate-Bold, DINAlternate;
-            }
-          }
-          .tableRowGray{
-            background-color: #F9F9FA!important;
-          }
-        }
-      }
-  }
 
-  .payableFeesBox{
-    width: 100%;
-    box-sizing: border-box;
-    padding: 32rpx 32rpx 24rpx;
-    background-color: #fff;
-    .payableFeesBoxTitle{
-      font-family: PingFangSC, PingFang SC;
-      font-weight: 600;
-      font-size: 32rpx;
-      color: #212226;
-      line-height: 44rpx;
-      text-align: left;
-      font-style: normal;
+    .detailBoxTop {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .detailBoxTitle {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 32rpx;
+        color: #212226;
+        line-height: 44rpx;
+        text-align: left;
+        font-style: normal;
+        margin-bottom: 8rpx;
+      }
+
+      .goMoreMonth {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 28rpx;
+        color: #FA8B39;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+
+        .rightArrow {
+          width: 24rpx;
+          height: 24rpx;
+        }
+      }
     }
-    .detailBoxTime{
+
+    .detailBoxTime {
       display: flex;
       align-items: center;
       margin-bottom: 20rpx;
       margin-top: 8rpx;
-      .timeIcon{
+
+      .timeIcon {
         width: 28rpx;
         height: 28rpx;
         margin-right: 8rpx;
       }
-      .endTime{
+
+      .endTime {
         font-family: DINAlternate-Bold, DINAlternate;
         font-weight: 400;
         font-size: 24rpx;
@@ -2554,58 +2686,67 @@ export default {
         font-style: normal;
       }
     }
-    .table{
+
+    .table {
       width: calc(100% - 4rpx);
       border-radius: 12rpx;
       border: 2rpx solid #EEEEF0;
-      .tableHeader{
+
+      .tableHeader {
         display: flex;
         align-items: center;
         width: 100%;
         height: 80rpx;
         background-color: #F7F8FA;
-        .firstTableTitle{
+
+        .firstTableTitle {
           width: 30%;
           box-sizing: border-box;
           padding-left: 24rpx;
           font-size: 24rpx;
         }
-        .borderRight{
+
+        .borderRight {
           width: 2rpx;
           height: 100%;
           background-color: #F1F1F1;
         }
-        .otherTableTitle{
+
+        .otherTableTitle {
           width: 35%;
           display: flex;
           flex-direction: column;
           align-items: center;
           font-size: 24rpx;
-          .dataIcon{
+
+          .dataIcon {
             width: 60rpx;
             height: 60rpx;
             margin-bottom: 8rpx;
           }
         }
       }
-      .tableBody{
-        .tableRow{
+
+      .tableBody {
+        .tableRow {
           width: 100%;
           height: 100%;
           display: flex;
-          align-items: center;
-          .labelRow{
+
+          .labelRow {
             width: 30%;
             box-sizing: border-box;
             padding: 22rpx 0 22rpx 22rpx;
             font-size: 24rpx;
           }
-          .beforeIcon{
+
+          .beforeIcon {
             padding-left: 42rpx;
             position: relative;
           }
-          .beforeIcon:before{
-            content:'';
+
+          .beforeIcon:before {
+            content: '';
             width: 12rpx;
             height: 12rpx;
             background: #b2b2bd;
@@ -2615,7 +2756,8 @@ export default {
             top: 50%;
             transform: translateY(-50%);
           }
-          .refundPay{
+
+          .refundPay {
             font-family: PingFangSC, PingFang SC;
             font-weight: 600;
             font-size: 24rpx;
@@ -2624,12 +2766,14 @@ export default {
             text-align: left;
             font-style: normal;
           }
-          .borderRight{
+
+          .borderRight {
             width: 2rpx;
             min-height: 80rpx;
             background-color: #F1F1F1;
           }
-          .valueRow{
+
+          .valueRow {
             width: 35%;
             box-sizing: border-box;
             padding: 22rpx 24rpx 22rpx 0;
@@ -2638,59 +2782,43 @@ export default {
             font-family: DINAlternate-Bold, DINAlternate;
           }
         }
-        .tableRowGray{
-          background-color: #F9F9FA!important;
+
+        .tableRowGray {
+          background-color: #F9F9FA !important;
         }
       }
     }
   }
 
-
-
-  .pageDetailBox{
+  .payableFeesBox {
     width: 100%;
     box-sizing: border-box;
-    padding: 32rpx;
+    padding: 32rpx 32rpx 24rpx;
     background-color: #fff;
-    border-radius: 32rpx 32rpx 0rpx 0rpx;
-    .detailBoxTop{
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .detailBoxTitle{
-        font-family: PingFangSC, PingFang SC;
-        font-weight: 600;
-        font-size: 32rpx;
-        color: #212226;
-        line-height: 44rpx;
-        text-align: left;
-        font-style: normal;
-      }
-      .goMoreMonth{
-        font-family: PingFangSC, PingFang SC;
-        font-weight: 600;
-        font-size: 28rpx;
-        color: #FA8B39;
-        line-height: 40rpx;
-        text-align: left;
-        font-style: normal;
-        .rightArrow{
-          width: 24rpx;
-          height: 24rpx;
-        }
-      }
+
+    .payableFeesBoxTitle {
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 600;
+      font-size: 32rpx;
+      color: #212226;
+      line-height: 44rpx;
+      text-align: left;
+      font-style: normal;
     }
-    .detailBoxTime{
+
+    .detailBoxTime {
       display: flex;
       align-items: center;
       margin-bottom: 20rpx;
       margin-top: 8rpx;
-      .timeIcon{
+
+      .timeIcon {
         width: 28rpx;
         height: 28rpx;
         margin-right: 8rpx;
       }
-      .endTime{
+
+      .endTime {
         font-family: DINAlternate-Bold, DINAlternate;
         font-weight: 400;
         font-size: 24rpx;
@@ -2700,102 +2828,285 @@ export default {
         font-style: normal;
       }
     }
-    .table{
+
+    .table {
       width: calc(100% - 4rpx);
       border-radius: 12rpx;
       border: 2rpx solid #EEEEF0;
-      .tableHeader{
+
+      .tableHeader {
         display: flex;
         align-items: center;
         width: 100%;
         height: 80rpx;
         background-color: #F7F8FA;
-        .firstTableTitle{
+
+        .firstTableTitle {
           width: 30%;
           box-sizing: border-box;
           padding-left: 24rpx;
           font-size: 24rpx;
         }
-        .borderRight{
+
+        .borderRight {
           width: 2rpx;
           height: 100%;
           background-color: #F1F1F1;
         }
-        .otherTableTitle{
+
+        .otherTableTitle {
           width: 35%;
           display: flex;
           flex-direction: column;
           align-items: center;
           font-size: 24rpx;
-          .dataIcon{
+
+          .dataIcon {
             width: 60rpx;
             height: 60rpx;
             margin-bottom: 8rpx;
           }
         }
       }
-      .tableBody{
-        .tableRow{
+
+      .tableBody {
+        .tableRow {
           width: 100%;
           height: 100%;
           display: flex;
-          align-items: flex-start;
-            .labelRow{
-              width: 30%;
-              box-sizing: border-box;
-              padding: 22rpx 0 22rpx 22rpx;
-              font-size: 24rpx;
-            }
-            .beforeIcon{
-              position: relative;
-            }
-            .beforeIcon:before{
-              content:'';
-              width: 12rpx;
-              height: 12rpx;
-              background: #b2b2bd;
-              border-radius: 50%;
-              position: absolute;
-              left: 22rpx;
-              top: 50%;
-              transform: translateY(-50%);
-            }
-            .refundPay{
-              font-family: PingFangSC, PingFang SC;
-              font-weight: 600;
-              font-size: 24rpx;
-              color: #9A3D1A;
-              line-height: 36rpx;
-              text-align: left;
-              font-style: normal;
-            }
-            .borderRight{
-              width: 2rpx;
-              min-height: 80rpx;
-              background-color: #F1F1F1;
-            }
-            .valueRow{
-              width: 35%;
-              box-sizing: border-box;
-              padding: 22rpx 24rpx 22rpx 0;
-              text-align: right;
-              font-size: 26rpx;
-              font-family: DINAlternate-Bold, DINAlternate;
-            }
+          align-items: center;
+
+          .labelRow {
+            width: 30%;
+            box-sizing: border-box;
+            padding: 22rpx 0 22rpx 22rpx;
+            font-size: 24rpx;
+          }
+
+          .beforeIcon {
+            padding-left: 42rpx;
+            position: relative;
+          }
+
+          .beforeIcon:before {
+            content: '';
+            width: 12rpx;
+            height: 12rpx;
+            background: #b2b2bd;
+            border-radius: 50%;
+            position: absolute;
+            left: 22rpx;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+
+          .refundPay {
+            font-family: PingFangSC, PingFang SC;
+            font-weight: 600;
+            font-size: 24rpx;
+            color: #9A3D1A;
+            line-height: 36rpx;
+            text-align: left;
+            font-style: normal;
+          }
+
+          .borderRight {
+            width: 2rpx;
+            min-height: 80rpx;
+            background-color: #F1F1F1;
+          }
+
+          .valueRow {
+            width: 35%;
+            box-sizing: border-box;
+            padding: 22rpx 24rpx 22rpx 0;
+            text-align: right;
+            font-size: 26rpx;
+            font-family: DINAlternate-Bold, DINAlternate;
+          }
         }
-        .tableRowGray{
-          background-color: #F9F9FA!important;
+
+        .tableRowGray {
+          background-color: #F9F9FA !important;
         }
       }
     }
   }
-  .progressList{
+
+
+
+  .pageDetailBox {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 32rpx;
+    background-color: #fff;
+    border-radius: 32rpx 32rpx 0rpx 0rpx;
+
+    .detailBoxTop {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .detailBoxTitle {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 32rpx;
+        color: #212226;
+        line-height: 44rpx;
+        text-align: left;
+        font-style: normal;
+      }
+
+      .goMoreMonth {
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 28rpx;
+        color: #FA8B39;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+
+        .rightArrow {
+          width: 24rpx;
+          height: 24rpx;
+        }
+      }
+    }
+
+    .detailBoxTime {
+      display: flex;
+      align-items: center;
+      margin-bottom: 20rpx;
+      margin-top: 8rpx;
+
+      .timeIcon {
+        width: 28rpx;
+        height: 28rpx;
+        margin-right: 8rpx;
+      }
+
+      .endTime {
+        font-family: DINAlternate-Bold, DINAlternate;
+        font-weight: 400;
+        font-size: 24rpx;
+        color: #786B6C;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+      }
+    }
+
+    .table {
+      width: calc(100% - 4rpx);
+      border-radius: 12rpx;
+      border: 2rpx solid #EEEEF0;
+
+      .tableHeader {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        height: 80rpx;
+        background-color: #F7F8FA;
+
+        .firstTableTitle {
+          width: 30%;
+          box-sizing: border-box;
+          padding-left: 24rpx;
+          font-size: 24rpx;
+        }
+
+        .borderRight {
+          width: 2rpx;
+          height: 100%;
+          background-color: #F1F1F1;
+        }
+
+        .otherTableTitle {
+          width: 35%;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          font-size: 24rpx;
+
+          .dataIcon {
+            width: 60rpx;
+            height: 60rpx;
+            margin-bottom: 8rpx;
+          }
+        }
+      }
+
+      .tableBody {
+        .tableRow {
+          width: 100%;
+          height: 100%;
+          display: flex;
+          align-items: flex-start;
+
+          .labelRow {
+            width: 30%;
+            box-sizing: border-box;
+            padding: 22rpx 0 22rpx 22rpx;
+            font-size: 24rpx;
+          }
+
+          .beforeIcon {
+            position: relative;
+          }
+
+          .beforeIcon:before {
+            content: '';
+            width: 12rpx;
+            height: 12rpx;
+            background: #b2b2bd;
+            border-radius: 50%;
+            position: absolute;
+            left: 22rpx;
+            top: 50%;
+            transform: translateY(-50%);
+          }
+
+          .refundPay {
+            font-family: PingFangSC, PingFang SC;
+            font-weight: 600;
+            font-size: 24rpx;
+            color: #9A3D1A;
+            line-height: 36rpx;
+            text-align: left;
+            font-style: normal;
+          }
+
+          .borderRight {
+            width: 2rpx;
+            min-height: 80rpx;
+            background-color: #F1F1F1;
+          }
+
+          .valueRow {
+            width: 35%;
+            box-sizing: border-box;
+            padding: 22rpx 24rpx 22rpx 0;
+            text-align: right;
+            font-size: 26rpx;
+            font-family: DINAlternate-Bold, DINAlternate;
+          }
+        }
+
+        .tableRowGray {
+          background-color: #F9F9FA !important;
+        }
+      }
+    }
+  }
+
+  .progressList {
     width: 100%;
     background-color: #fff;
     box-sizing: border-box;
     padding: 48rpx 32rpx 48rpx;
     margin-bottom: 24rpx;
-    .progressTitle{
+
+    .progressTitle {
       font-family: PingFangSC, PingFang SC;
       font-weight: 600;
       font-size: 32rpx;
@@ -2804,37 +3115,46 @@ export default {
       text-align: left;
       font-style: normal;
     }
-    .detailTopBox{
+
+    .detailTopBox {
       width: 100%;
       box-sizing: border-box;
       //padding: 0 16rpx;
       display: flex;
       justify-content: space-between;
-      .leftTop,.rightTop{
+
+      .leftTop,
+      .rightTop {
         display: flex;
         align-items: center;
-        .label{
+
+        .label {
           color: #888;
           font-size: 26rpx;
         }
-        .value{
+
+        .value {
           margin-left: 8rpx;
           font-size: 26rpx;
         }
       }
     }
-    .listBox{
+
+    .listBox {
       margin-top: 24rpx;
       width: 100%;
-      .listItem{
-        .listItemTop{
+
+      .listItem {
+        .listItemTop {
           width: 100%;
           display: flex;
           align-items: flex-start;
-          .itemLeft{
+
+          .itemLeft {
             display: flex;
             align-items: center;
-            .nameIcon{
+
+            .nameIcon {
               width: 60rpx;
               height: 60rpx;
               background: #FFA35F;
@@ -2843,14 +3163,16 @@ export default {
               display: flex;
               align-items: center;
               justify-content: center;
-              .successIcon{
+
+              .successIcon {
                 position: absolute;
                 width: 32rpx;
                 height: 32rpx;
                 right: 0;
                 bottom: 0;
               }
-              .name{
+
+              .name {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
                 font-size: 20rpx;
@@ -2859,21 +3181,25 @@ export default {
                 text-align: left;
                 font-style: normal;
               }
-              .defaultPerson{
+
+              .defaultPerson {
                 width: 32rpx;
                 height: 36rpx;
               }
             }
           }
-          .itemRight{
+
+          .itemRight {
             width: calc(100% - 72rpx);
             margin-left: 12rpx;
             position: relative;
-            .nameBox{
+
+            .nameBox {
               display: flex;
               align-items: center;
               justify-content: space-between;
-              .name{
+
+              .name {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
                 font-size: 28rpx;
@@ -2882,7 +3208,8 @@ export default {
                 text-align: left;
                 font-style: normal;
               }
-              .time{
+
+              .time {
                 font-family: PingFangSC, PingFang SC;
                 font-weight: 400;
                 font-size: 24rpx;
@@ -2892,7 +3219,8 @@ export default {
                 font-style: normal;
               }
             }
-            .desc{
+
+            .desc {
               font-family: PingFangSC, PingFang SC;
               font-weight: 400;
               font-size: 24rpx;
@@ -2906,9 +3234,11 @@ export default {
               white-space: nowrap;
               overflow: hidden;
             }
-            .noticeBox{
+
+            .noticeBox {
               position: absolute;
-              top: 0;left: 0;
+              top: 0;
+              left: 0;
               width: 250px;
               padding: 16px;
               background: #fff;
@@ -2919,31 +3249,37 @@ export default {
             }
           }
         }
-        .lineBox{
+
+        .lineBox {
           width: 100%;
           height: 38rpx;
           position: relative;
-          .line{
+
+          .line {
             position: absolute;
             width: 4rpx;
             height: 50rpx;
             background: #E3E3E4;
-            bottom: 3rpx;left: 32rpx;
+            bottom: 3rpx;
+            left: 32rpx;
           }
         }
       }
     }
   }
-  .allBtnBox{
+
+  .allBtnBox {
     width: 100%;
     height: 196rpx;
     border-top: 2rpx solid #EAEBED;
     box-sizing: border-box;
     padding: 16rpx 32rpx;
     position: fixed;
-    bottom: 0;left: 0;
+    bottom: 0;
+    left: 0;
     background-color: #f3f3f3;
-    .createBtn{
+
+    .createBtn {
       font-family: PingFangSC, PingFang SC;
       font-weight: 400;
       font-size: 32rpx;
@@ -2955,23 +3291,27 @@ export default {
       text-align: center;
       padding: 22rpx 0;
     }
-    .threeBtnBox{
+
+    .threeBtnBox {
       width: 100%;
       box-sizing: border-box;
       display: flex;
       align-items: center;
       padding-bottom: 32rpx;
-      .goRight{
+
+      .goRight {
         width: 50rpx;
         height: 88rpx;
         display: flex;
         flex-direction: column;
         margin-right: 32rpx;
-        .goRightIcon{
+
+        .goRightIcon {
           width: 40rpx;
           height: 40rpx;
         }
-        .goRightText{
+
+        .goRightText {
           font-family: PingFangSC, PingFang SC;
           font-weight: 600;
           font-size: 24rpx;
@@ -2982,8 +3322,8 @@ export default {
         }
       }
 
-      .rejectBtn{
-        width: calc((100% ) / 2);
+      .rejectBtn {
+        width: calc((100%) / 2);
         box-sizing: border-box;
         display: inline-block;
         font-family: PingFangSC, PingFang SC;
@@ -2995,11 +3335,12 @@ export default {
         font-style: normal;
         padding: 22rpx 110rpx;
         border-radius: 8rpx;
-        border: 2rpx solid rgba(126,134,142,0.24);
+        border: 2rpx solid rgba(126, 134, 142, 0.24);
         margin-right: 16rpx;
       }
-      .agreeBtn{
-        width: calc((100% ) / 2);
+
+      .agreeBtn {
+        width: calc((100%) / 2);
         box-sizing: border-box;
         display: inline-block;
         background: #FA8B39;
@@ -3021,37 +3362,44 @@ export default {
 
 
 
-  .pageTitle{
+  .pageTitle {
     width: 100%;
     box-sizing: border-box;
     padding: 16rpx 16rpx 0;
     font-size: 32rpx;
   }
-  .detailBox{
+
+  .detailBox {
     width: 100%;
     box-sizing: border-box;
     padding: 0 16rpx 16rpx;
     margin-top: 16rpx;
     background: #fff;
-    .detailRow{
+
+    .detailRow {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      .detailItem{
+
+      .detailItem {
         width: 50%;
         display: flex;
         justify-content: flex-start;
-        .label{
+
+        .label {
           color: #ADB2BF;
           font-size: 26rpx;
         }
-        .value{
+
+        .value {
           font-size: 26rpx;
         }
       }
-      .detailAllItem{
+
+      .detailAllItem {
         width: 100%;
-        .label{
+
+        .label {
           color: #ADB2BF;
           font-size: 26rpx;
         }
@@ -3059,102 +3407,125 @@ export default {
     }
   }
 
-  .tableBox{
+  .tableBox {
     margin-top: 24rpx;
     background: #fff;
     box-sizing: border-box;
     width: 100%;
     padding: 16rpx;
-    .smallTitle{
+
+    .smallTitle {
       font-size: 26rpx;
       font-weight: 600;
       margin-bottom: 16rpx;
     }
-    .line{
+
+    .line {
       height: 2rpx;
       width: 100%;
       background-color: #eee;
       margin-bottom: 18rpx;
       margin-top: 16rpx;
     }
-    .rowItemBox{
+
+    .rowItemBox {
       display: flex;
-      .allRowItem{
+
+      .allRowItem {
         width: 100%;
-        .label{
+
+        .label {
           color: #ADB2BF;
           font-size: 26rpx;
         }
-        .value{
+
+        .value {
           font-size: 26rpx;
         }
       }
-      .rowItem{
+
+      .rowItem {
         width: 50%;
         display: flex;
         align-items: center;
         justify-content: flex-start;
-        .label{
+
+        .label {
           color: #ADB2BF;
           font-size: 26rpx;
         }
-        .value{
+
+        .value {
           font-size: 26rpx;
         }
-        .imgIcon{
+
+        .imgIcon {
           width: 50rpx;
           height: 32rpx;
           border-radius: 50%;
         }
       }
     }
-    .getMoreBox{
+
+    .getMoreBox {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
-      .imgIcon{
+
+      .imgIcon {
         width: 50rpx;
         height: 32rpx;
         border-radius: 50%;
         transform: rotate(90deg);
       }
     }
-    .compareBox{
+
+    .compareBox {
       width: 100%;
       display: flex;
-      .compareBoxItem{
+
+      .compareBoxItem {
         width: 50%;
-        .smallTitle{
+
+        .smallTitle {
           font-size: 26rpx;
           font-weight: 600;
           margin-bottom: 16rpx;
         }
-        .rowItemBox{
+
+        .rowItemBox {
           display: flex;
-          .allRowItem{
+
+          .allRowItem {
             width: 100%;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
           }
-          .rowItem{
+
+          .rowItem {
             width: 50%;
             display: flex;
             align-items: center;
             justify-content: flex-start;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
-            .imgIcon{
+
+            .imgIcon {
               width: 50rpx;
               height: 32rpx;
               border-radius: 50%;
@@ -3165,41 +3536,48 @@ export default {
     }
 
 
-    .comparedBox{
+    .comparedBox {
       width: 100%;
-      .comparedBoxTitleBox{
+
+      .comparedBoxTitleBox {
         margin-bottom: 16rpx;
         display: flex;
         align-items: center;
-        .beforeTitleBox{
+
+        .beforeTitleBox {
           width: 60%;
           font-size: 26rpx;
           font-weight: 600;
           text-align: left;
         }
-        .afterTitleBox{
+
+        .afterTitleBox {
           width: 40%;
           font-size: 26rpx;
           font-weight: 600;
           text-align: right;
         }
       }
-      .comparedItem{
+
+      .comparedItem {
         width: 100%;
         display: flex;
         align-items: center;
         margin-bottom: 12rpx;
-        .compareLabel{
+
+        .compareLabel {
           width: 30%;
           color: #ADB2BF;
           font-size: 26rpx;
         }
-        .beforeItem{
+
+        .beforeItem {
           width: 30%;
           font-size: 26rpx;
           text-align: right;
         }
-        .afterItem{
+
+        .afterItem {
           width: 40%;
           font-size: 26rpx;
           text-align: right;
@@ -3208,30 +3586,36 @@ export default {
     }
   }
 
-  .btnBox{
+  .btnBox {
     width: 100%;
     background: #fff;
     box-sizing: border-box;
     padding: 16rpx;
     margin-top: 24rpx;
-    .detailTopBox{
+
+    .detailTopBox {
       width: 100%;
       box-sizing: border-box;
       padding: 0 16rpx;
       display: flex;
       justify-content: space-between;
-      .leftTop,.rightTop{
+
+      .leftTop,
+      .rightTop {
         display: flex;
         align-items: center;
-        .label{
+
+        .label {
           color: #888;
         }
-        .value{
+
+        .value {
           margin-left: 8rpx;
         }
       }
     }
-    .detailBox{
+
+    .detailBox {
       width: calc(100% - 32rpx);
       box-shadow: 0px 0 6rpx 2rpx rgb(234, 234, 234);
       background-color: #fff;
@@ -3239,34 +3623,39 @@ export default {
       margin-left: 16rpx;
       box-sizing: border-box;
       padding: 16rpx;
-      .detailItem{
+
+      .detailItem {
         margin-bottom: 16rpx;
-        .label{
+
+        .label {
           color: #888;
         }
-        .value{
 
-        }
+        .value {}
       }
     }
-    .btnList{
+
+    .btnList {
       width: 100%;
       box-sizing: border-box;
       padding: 32rpx 32rpx;
       display: flex;
       align-items: center;
       justify-content: space-around;
-      .btnItem{
+
+      .btnItem {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        .iconBox{
+
+        .iconBox {
           width: 100rpx;
           height: 100rpx;
           border-radius: 50%;
           overflow: hidden;
-          .itemIcon{
+
+          .itemIcon {
             width: 100%;
             height: 100%;
           }
@@ -3276,79 +3665,96 @@ export default {
     }
   }
 
-  .progressBox{
+  .progressBox {
     width: 100%;
     box-sizing: border-box;
     padding: 32rpx;
     background: #fff;
     margin-top: 24rpx;
-    .progressTopBox{
+
+    .progressTopBox {
       width: 100%;
       position: relative;
       margin-bottom: 16rpx;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      .progressTitle{
-      }
-      .getMoreIcon{
+
+      .progressTitle {}
+
+      .getMoreIcon {
         width: 30rpx;
         height: 30rpx;
       }
 
     }
-    .detailTopBox{
+
+    .detailTopBox {
       width: 100%;
       box-sizing: border-box;
       //padding: 0 16rpx;
       display: flex;
       justify-content: space-between;
-      .leftTop,.rightTop{
+
+      .leftTop,
+      .rightTop {
         display: flex;
         align-items: center;
-        .label{
+
+        .label {
           color: #888;
           font-size: 26rpx;
         }
-        .value{
+
+        .value {
           margin-left: 8rpx;
           font-size: 26rpx;
         }
       }
     }
-    .progressList{
+
+    .progressList {
       width: 100%;
       margin-top: 24rpx;
-      .progressItem{
+
+      .progressItem {
         width: 100%;
-        .progressItemTop{
+
+        .progressItemTop {
           width: 100%;
           display: flex;
           align-items: center;
           justify-content: space-between;
-          .progressItemTopLeft{
+
+          .progressItemTopLeft {
             display: flex;
             align-items: center;
-            .progressIcon{
+
+            .progressIcon {
               width: 20rpx;
               height: 20rpx;
             }
-            .progressValue{
+
+            .progressValue {
               font-size: 26rpx;
             }
           }
-          .progressItemTopRight{
+
+          .progressItemTopRight {
             font-size: 26rpx;
           }
         }
-        .progressItemBottom{
+
+        .progressItemBottom {
           width: 100%;
           display: flex;
           align-items: center;
-          .progressItemBottomLeft{
+
+          .progressItemBottomLeft {
             font-size: 26rpx;
           }
-          .progressItemBottomRight{
+
+          .progressItemBottomRight {
             flex: 1;
             text-overflow: ellipsis;
             overflow: hidden;
@@ -3359,17 +3765,19 @@ export default {
     }
   }
 
-  .uniPopup{
+  .uniPopup {
     width: calc(100vw - 140rpx);
     height: 250px;
     box-sizing: border-box;
     padding: 32rpx 0;
-    .uniPopupTop{
+
+    .uniPopupTop {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      .uniPopupTitle{
+
+      .uniPopupTitle {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 32rpx;
@@ -3378,13 +3786,14 @@ export default {
         text-align: left;
         font-style: normal;
       }
-      .close{
+
+      .close {
         width: 40rpx;
         height: 40rpx;
       }
     }
 
-    .detailBox{
+    .detailBox {
       margin-top: 24rpx;
       width: calc(100% - 32rpx);
       box-shadow: 0px 0 6rpx 2rpx rgb(234, 234, 234);
@@ -3393,20 +3802,23 @@ export default {
       margin-left: 16rpx;
       box-sizing: border-box;
       padding: 16rpx;
-      .detailItem{
+
+      .detailItem {
         margin-bottom: 16rpx;
-        .label{
+
+        .label {
           color: #888;
         }
       }
     }
 
-    .btn{
+    .btn {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
-      .btnItem{
+
+      .btnItem {
         display: inline-block;
         padding: 6rpx 24rpx;
         margin-top: 24rpx;
@@ -3418,17 +3830,19 @@ export default {
   }
 
 
-  .uniPopupApplyFor{
+  .uniPopupApplyFor {
     width: calc(100vw - 140rpx);
     height: 500px;
     box-sizing: border-box;
     padding: 32rpx 0;
-    .uniPopupTop{
+
+    .uniPopupTop {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      .uniPopupTitle{
+
+      .uniPopupTitle {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 32rpx;
@@ -3437,22 +3851,26 @@ export default {
         text-align: left;
         font-style: normal;
       }
-      .close{
+
+      .close {
         width: 40rpx;
         height: 40rpx;
       }
     }
-    .detailBoxTime{
+
+    .detailBoxTime {
       display: flex;
       align-items: center;
       margin-bottom: 20rpx;
       margin-top: 8rpx;
-      .timeIcon{
+
+      .timeIcon {
         width: 28rpx;
         height: 28rpx;
         margin-right: 8rpx;
       }
-      .endTime{
+
+      .endTime {
         font-family: DINAlternate-Bold, DINAlternate;
         font-weight: 400;
         font-size: 24rpx;
@@ -3462,53 +3880,62 @@ export default {
         font-style: normal;
       }
     }
-    .table{
+
+    .table {
       width: 100%;
       border-radius: 12rpx;
       border: 2rpx solid #EEEEF0;
-      .tableHeader{
+
+      .tableHeader {
         display: flex;
         align-items: center;
         width: 100%;
         height: 80rpx;
         background-color: #d0d1d2;
-        .firstTableTitle{
+
+        .firstTableTitle {
           width: 30%;
           box-sizing: border-box;
           padding-left: 24rpx;
           font-size: 24rpx;
         }
-        .borderRight{
+
+        .borderRight {
           width: 2rpx;
           height: 100%;
           background-color: #F1F1F1;
         }
-        .otherTableTitle{
+
+        .otherTableTitle {
           width: 35%;
           display: flex;
           flex-direction: column;
           align-items: center;
           font-size: 24rpx;
-          .dataIcon{
+
+          .dataIcon {
             width: 60rpx;
             height: 60rpx;
             margin-bottom: 8rpx;
           }
         }
       }
-      .tableBody{
-        .tableRow{
+
+      .tableBody {
+        .tableRow {
           width: 100%;
           height: 100%;
           display: flex;
           align-items: center;
-          .labelRow{
+
+          .labelRow {
             width: 30%;
             box-sizing: border-box;
             padding: 16rpx 0 16rpx 16rpx;
             font-size: 24rpx;
           }
-          .refundPay{
+
+          .refundPay {
             font-family: PingFangSC, PingFang SC;
             font-weight: 400;
             font-size: 20rpx;
@@ -3517,12 +3944,14 @@ export default {
             text-align: left;
             font-style: normal;
           }
-          .borderRight{
+
+          .borderRight {
             width: 2rpx;
             min-height: 80rpx;
             background-color: #F1F1F1;
           }
-          .valueRow{
+
+          .valueRow {
             width: 35%;
             box-sizing: border-box;
             padding: 16rpx 16rpx 16rpx 0;
@@ -3531,57 +3960,69 @@ export default {
             font-family: DINAlternate-Bold, DINAlternate;
           }
         }
-        .tableRowGray{
-          background-color: #F9F9FA!important;
+
+        .tableRowGray {
+          background-color: #F9F9FA !important;
         }
       }
     }
 
-    .detailBoxApplyFor{
-      .smallTitle{
+    .detailBoxApplyFor {
+      .smallTitle {
         font-size: 26rpx;
         font-weight: 600;
         margin-bottom: 16rpx;
       }
-      .tableRow{
-        .rowItemBox{
+
+      .tableRow {
+        .rowItemBox {
           display: flex;
-          .allRowItem{
+
+          .allRowItem {
             width: 100%;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
           }
-          .rowItem{
+
+          .rowItem {
             width: 50%;
             display: flex;
             align-items: flex-start;
             justify-content: flex-start;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
-            .imgIcon{
+
+            .imgIcon {
               width: 50rpx;
               height: 32rpx;
               border-radius: 50%;
             }
           }
-          .rowItemSpecial{
+
+          .rowItemSpecial {
             display: flex;
             justify-content: flex-start;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
           }
@@ -3590,10 +4031,11 @@ export default {
       }
     }
 
-    .goRightBox{
+    .goRightBox {
       margin-top: 40rpx;
       display: flex;
       justify-content: space-around;
+
       .commodityContent {
         box-sizing: border-box;
         display: flex;
@@ -3604,9 +4046,8 @@ export default {
         box-shadow: 0px 1rpx 8rpx 0.4rpx #ccc;
         flex-direction: column;
         border-radius: 4rpx;
-        .color1{
 
-        }
+        .color1 {}
       }
 
       .commodityContent>div {
@@ -3615,6 +4056,7 @@ export default {
         text-align: center;
         background-size: contain;
       }
+
       .commodityContent-cashpay {
 
         justify-content: flex-start;
@@ -3623,12 +4065,14 @@ export default {
 
       }
     }
-    .btn{
+
+    .btn {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
-      .btnItem{
+
+      .btnItem {
         display: inline-block;
         padding: 6rpx 24rpx;
         margin-top: 24rpx;
@@ -3638,7 +4082,7 @@ export default {
       }
     }
 
-    .line{
+    .line {
       height: 2rpx;
       width: 100%;
       background-color: #eee;
@@ -3648,17 +4092,19 @@ export default {
   }
 
 
-  .uniPopupShowSelect{
+  .uniPopupShowSelect {
     width: calc(100vw - 140rpx);
     height: 350px;
     box-sizing: border-box;
     padding: 32rpx 0;
-    .uniPopupTop{
+
+    .uniPopupTop {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      .uniPopupTitle{
+
+      .uniPopupTitle {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 32rpx;
@@ -3667,19 +4113,21 @@ export default {
         text-align: left;
         font-style: normal;
       }
-      .close{
+
+      .close {
         width: 40rpx;
         height: 40rpx;
       }
     }
 
-    .uniPopupContent{
-      .contentItem{
-        .label{
+    .uniPopupContent {
+      .contentItem {
+        .label {
           font-size: 16px;
           font-weight: 600;
         }
-        .text-area-box{
+
+        .text-area-box {
           width: 100%;
           background: #F2F4F5;
           border-radius: 8rpx;
@@ -3687,12 +4135,14 @@ export default {
           padding: 24rpx;
         }
       }
-      .btn{
+
+      .btn {
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
-        .btnItem{
+
+        .btnItem {
           display: inline-block;
           padding: 6rpx 24rpx;
           margin-top: 24rpx;
@@ -3704,17 +4154,19 @@ export default {
     }
   }
 
-  .uniPopupYearApplyFor{
+  .uniPopupYearApplyFor {
     width: calc(100vw - 140rpx);
     height: 480px;
     box-sizing: border-box;
     padding: 32rpx 0;
-    .uniPopupTop{
+
+    .uniPopupTop {
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
-      .uniPopupTitle{
+
+      .uniPopupTitle {
         font-family: PingFangSC, PingFang SC;
         font-weight: 600;
         font-size: 32rpx;
@@ -3723,57 +4175,69 @@ export default {
         text-align: left;
         font-style: normal;
       }
-      .close{
+
+      .close {
         width: 40rpx;
         height: 40rpx;
       }
     }
 
-    .detailBoxApplyFor{
-      .smallTitle{
+    .detailBoxApplyFor {
+      .smallTitle {
         font-size: 26rpx;
         font-weight: 600;
         margin-bottom: 16rpx;
       }
-      .tableRow{
-        .rowItemBox{
+
+      .tableRow {
+        .rowItemBox {
           display: flex;
-          .allRowItem{
+
+          .allRowItem {
             width: 100%;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
           }
-          .rowItem{
+
+          .rowItem {
             width: 50%;
             display: flex;
             align-items: center;
             justify-content: flex-start;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
-            .imgIcon{
+
+            .imgIcon {
               width: 50rpx;
               height: 32rpx;
               border-radius: 50%;
             }
           }
-          .rowItemSpecial{
+
+          .rowItemSpecial {
             display: flex;
             justify-content: flex-start;
-            .label{
+
+            .label {
               color: #ADB2BF;
               font-size: 26rpx;
             }
-            .value{
+
+            .value {
               font-size: 26rpx;
             }
           }