From 2dccf41f27e17c88969ad1f25e21bf9efcb19441 Mon Sep 17 00:00:00 2001
From: cclu <1106109051@qq.com>
Date: Wed, 17 Jul 2024 20:19:11 +0800
Subject: [PATCH] update

---
 pages.json                         |  12 +
 pages/settlementApproval/index.vue | 436 +++++++++++++++++++++++++++++
 pages/userCenter/userCenter.vue    |   9 +
 3 files changed, 457 insertions(+)
 create mode 100644 pages/settlementApproval/index.vue

diff --git a/pages.json b/pages.json
index 52e674f..172c2f9 100644
--- a/pages.json
+++ b/pages.json
@@ -81,6 +81,18 @@
                 }
             ]
         },
+        {
+            "root": "pages/settlementApproval",
+            "pages": [
+                {
+                    "path": "index",
+                    "style":
+                    {
+                        "navigationBarTitleText": "结算审批"
+                    }
+                }
+            ]
+        },
         {
             "root": "pages/auditingPop",
             "pages": [
diff --git a/pages/settlementApproval/index.vue b/pages/settlementApproval/index.vue
new file mode 100644
index 0000000..703df77
--- /dev/null
+++ b/pages/settlementApproval/index.vue
@@ -0,0 +1,436 @@
+<template>
+  <view class="main">
+    <view class="topBox">
+      <picker :value="selectServiceId" :range="selectServiceList" @change="handleChangeService" range-key="label" style="margin-bottom: 16rpx">
+        <span class="service">{{ selectServiceList[selectIndex].label }}</span>
+      </picker>
+
+
+      <view class="topFilterBox">
+        <view class="filterItem" v-for="(item,index) in menuList" :key="index" @click="handleChangeSelect(item)">
+          <view class="imgIcon" :style="selectFilter===item.id ? 'background:#f0f7fe;' : 'background:#f6f7f8;'">
+            <image class="img" :src="item.id===selectFilter?item.active: item.src"/>
+          </view>
+          <view class="filterLabel" :style="selectFilter===item.id ? 'color:#5B96E9' :'color:#808D97'">{{item.name}}
+          </view>
+        </view>
+      </view>
+    </view>
+
+
+    <view class="dataList">
+      <view class="dataItem" v-for="(item,index) in dataList" :key="index">
+        <div class="content-index">{{index+1}}</div>
+        <view class="itemRow">
+          <view class="projectName">{{ item.BUSINESSPROJECT_NAME }}</view>
+          <view class="stateName">{{ item.SETTLEMENT_STATE===0?'待结算':item.SETTLEMENT_STATE===1?'已结算':item.SETTLEMENT_STATE===2?'结算审批中':'' }}</view>
+        </view>
+        <view class="itemCenterRow" style="margin: 20rpx 0">
+          <view class="value">{{ $util.getMoney(item.CURREVENUE_AMOUNT) }}</view>
+          <view class="label">本月营业额</view>
+        </view>
+        <view class="itemRow">
+          <view class="leftName">{{item.CURRENT_PERIOD || ''}}</view>
+<!--          <view class="rightName">{{ $util.getMoney(item.REVENUE_AMOUNT) }}</view>-->
+
+          <view class="rightName">{{ item.MERCHANTS_NAME || '' }}</view>
+        </view>
+
+        <view class="line"></view>
+        <view class="itemRow">
+          <view class="leftName"><span class="radio" style="background: #44bea3"></span>{{item.SETTLEMENT_DATE || ''}}</view>
+          <view class="rightName">{{item.SETTLEMENT_TYPE===1?'年度结算':item.SETTLEMENT_TYPE===2?'月度结算':''}}</view>
+        </view>
+        <view class="itemRow">
+          <view class="leftName"><span class="radio" style="background: #398EFE"></span>{{item.SERVERPARTSHOP_NAME || ''}}</view>
+        </view>
+      </view>
+    </view>
+    <UniPop :show="showPop" @hidePopup="closePop" type="bottom" @touchmove.prevent round="true">
+      <view class="uniPopup">
+        <view class="uniPopupTop">
+          <text class="uniPopupTitle">筛选</text>
+          <image @click="closePop" class="close" src="https://eshangtech.com/ShopICO/ahyd-BID/examine/close.svg"></image>
+        </view>
+
+        <view class="filterBox">
+          <view class="filterTitle">统计时间</view>
+          <view class="filterTimeBox">
+            <picker class="timeSelect" mode="date" fields="month" :value="$moment(startDate).format('YYYY-MM')" :start="'2024-01-01'" :end="end" @change="handleGetStartTime">{{startDate}}</picker>
+            <span class="timeSelect" style="margin: 0 4rpx">-</span>
+            <picker class="timeSelect" mode="date" fields="month" :value="$moment(endDate).format('YYYY-MM')" :start="start" :end="end" @change="handleGetEndTime">{{endDate}}</picker>
+          </view>
+        </view>
+
+        <view class="filterBox" style="margin-top: 48rpx">
+          <view class="filterTitle">结算类型</view>
+          <view class="filterItemList">
+            <view :class="SettlementType===0?'filterItem selectFilterItem':'filterItem'" @click="handleChangeSettlementType(0)">全部</view>
+            <view :class="SettlementType===1?'filterItem selectFilterItem':'filterItem'" @click="handleChangeSettlementType(1)">年度</view>
+            <view :class="SettlementType===2?'filterItem selectFilterItem':'filterItem'" @click="handleChangeSettlementType(2)">月度</view>
+          </view>
+        </view>
+
+        <view class="button" @click="handleSubmit">查询</view>
+      </view>
+    </UniPop>
+  </view>
+</template>
+<script>
+import request from '@/util/index.js'
+import Store from "../../store/store";
+import UniPop from '@/components/uni-popup.vue'
+import moment from "moment";
+  export default {
+    components: {UniPop},
+    data() {
+      return {
+        menuList: [
+          { //列表头部菜单选项标签
+            name: '全部',
+            src: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/yifq.png',
+            active: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/yifqz.png',
+            id: 4
+          }, {
+            name: '待结算',
+            src: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/shenp.png',
+            active: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/shenpz.png',
+            id: "0,2"
+          }, {
+            name: '已结算',
+            src: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/yichl.png',
+            active: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/yichlz.png',
+            id: 1
+          }, {
+            name: '更多筛选',
+            src: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/shaix.png',
+            active: 'https://eshangtech.com/ShopICO/ahyd-BID/expense/type/shaixz.png',
+            id: 3
+          } ],
+        selectFilter: 4,
+        dataList: [],
+        selectServiceList:[],// 这个用户可以选择的服务区
+        selectIndex:0,// 选中的索引
+        selectServiceId:'',// 选择的服务区
+        showPop: false,// 显示更多筛选
+        startDate:'',// 开始时间
+        endDate:'',// 结束时间
+        start:'',// 限制的开始时间
+        end:'',// 限制的结束时间
+        SettlementType: 0,// 结算模式
+      }
+    },
+    onLoad(){
+      this.startDate = this.$moment().subtract(1,'months').format('YYYY-MM')
+      this.endDate = this.$moment().subtract(1,'months').format('YYYY-MM')
+      console.log('Store.state.userData',Store.state.userData)
+      this.selectServiceList = Store.state.userData.serverPartList
+      if(this.selectServiceList[0].value==='424'){
+        let list = []
+        this.selectServiceList.forEach(item=>{
+          if(item.value!=='424'){
+            list.push(item)
+          }
+        })
+        this.selectServiceList = list
+      }
+      this.selectServiceId = this.selectServiceList[0].value
+      this.handleGetPageData()
+    },
+    methods:{
+      // 改变筛选条件
+      handleChangeSelect(obj){
+        // 当为3时 就是点击了更多筛选
+        if(Number(obj.id)===3){
+          this.showPop = true
+        }else{
+          this.selectFilter = obj.id
+          this.handleGetPageData()
+        }
+      },
+      // 改变服务区
+      handleChangeService(e){
+        console.log('e',e)
+        this.selectIndex = Number(e.target.value)
+        this.selectServiceId = this.selectServiceList[Number(e.target.value)].value
+        this.handleGetPageData()
+      },
+      // 关闭弹出框
+      closePop(){
+        this.showPop = false
+      },
+      // 改变开始时间
+      handleGetStartTime(e){
+        this.start = e.detail.value
+        this.startDate = moment(e.detail.value).format('YYYY-MM')
+      },
+      // 改变结束时间
+      handleGetEndTime(e){
+        this.endDate = moment(e.detail.value).format('YYYY-MM')
+      },
+      handleChangeSettlementType(e){
+        this.SettlementType = e
+      },
+      handleSubmit(){
+        this.closePop()
+        this.handleGetPageData()
+      },
+      async handleGetPageData(){
+        this.dataList = []
+        const req = {
+          ServerpartId: this.selectServiceId,
+          SettlementState: this.selectFilter===4?'': this.selectFilter,
+          SettlementType: this.SettlementType || '',
+          StartDate: this.startDate?this.$moment(this.startDate).format('YYYYMM'):'',
+          EndDate: this.endDate?this.$moment(this.endDate).format('YYYYMM'):'',
+        }
+        uni.showLoading({
+          title: '正在加载...'
+        })
+        const data = await request.$webGet('EShangApiMain/BusinessProject/GetProjectAccountList',req)
+        console.log('data',data)
+        this.dataList = data.Result_Data.List
+        console.log('this.dataList',this.dataList)
+        uni.hideLoading()
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+.main{
+  .topBox{
+    width: 100%;
+    box-sizing: border-box;
+    padding: 24rpx 16rpx;
+    background: #fff;
+    .service{
+      font-size: 24rpx;
+      color: #010101;
+      border-radius: 24rpx;
+      padding: 4rpx 16rpx;
+      background-color: #DEDEDE;
+      text-align: center;
+    }
+    .topFilterBox{
+      width: 100%;
+      display: flex;
+      box-sizing: border-box;
+      .filterItem{
+        width: 25%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .imgIcon{
+          height: 37px;
+          width: 37px;
+          border-radius: 50%;
+          overflow: hidden;
+          margin-bottom: 16rpx;
+          padding: 9px;
+          box-sizing: border-box;
+
+          .img{
+            width: 100%;
+            height: 100%;
+          }
+        }
+        .filterLabel{
+          font-size: 24rpx;
+          text-align: center;
+          color: #808D97;
+        }
+      }
+    }
+  }
+
+  .dataList{
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 24rpx;
+    .dataItem{
+      width: 100%;
+      box-sizing: border-box;
+      background: #fff;
+      padding: 16rpx;
+      margin: 24rpx 0;
+      border-radius: 8rpx;
+      box-shadow: 0 0px 6rpx #E2E2E2;
+      position: relative;
+      .content-index {
+        width: 42rpx;
+        height: 32rpx;
+        line-height: 32rpx;
+        font-size: 24rpx;
+        color: #fff;
+        text-align: center;
+        background-color: #fb8b56;
+        position: absolute;
+        top: 90rpx;
+        left: -4rpx;
+        box-shadow: 4rpx 4rpx 2rpx 0 rgba(238,112,27,0.5)
+      }
+      .itemRow{
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .projectName{
+          width: 60%;
+          font-size: 28rpx;
+          height: 54rpx;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          color: #333333;
+        }
+        .leftName{
+          color: #686868;
+          font-size: 24rpx;
+          .radio{
+            display: inline-block;
+            width: 14rpx;
+            height: 14rpx;
+            border-radius: 14rpx;
+            margin: 0 8px 0 5px;
+          }
+        }
+        .stateName{
+          font-size: 28rpx;
+          color: #999999;
+        }
+        .rightName{
+          color: #686868;
+          font-size: 24rpx;
+          .radio{
+            display: inline-block;
+            width: 14rpx;
+            height: 14rpx;
+            border-radius: 14rpx;
+            margin: 0 8px 0 5px;
+          }
+        }
+      }
+      .itemCenterRow{
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .value{
+          font-size: 16px;
+          font-weight: 600;
+          color: red;
+        }
+        .label{
+          font-size: 12px;
+          color: #999999;
+        }
+      }
+      .line{
+        height: 2rpx;
+        width: 100%;
+        background-color: #eee;
+        margin-bottom: 18rpx;
+        margin-top: 16rpx;
+      }
+    }
+  }
+
+  .uniPopup{
+    width: 100%;
+    height: 400px;
+    box-sizing: border-box;
+    padding: 32rpx;
+    .uniPopupTop{
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .uniPopupTitle{
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 32rpx;
+        color: #160002;
+        line-height: 44rpx;
+        text-align: left;
+        font-style: normal;
+      }
+      .close{
+        width: 40rpx;
+        height: 40rpx;
+      }
+    }
+    .filterBox{
+      margin-top: 40rpx;
+      .filterTitle{
+        font-family: PingFangSC, PingFang SC;
+        font-weight: 600;
+        font-size: 28rpx;
+        color: #212226;
+        line-height: 40rpx;
+        text-align: left;
+        font-style: normal;
+      }
+      .filterTimeBox{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 24rpx;
+        .timeSelect{
+          width: calc((100% - 20px)/2);
+        }
+      }
+      .filterItemList{
+        margin: 24rpx;
+        display: flex;
+        flex-wrap: wrap;
+        .filterItem{
+          width: calc((100% - 32rpx)/3);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 16rpx;
+          margin-bottom: 16rpx;
+          font-family: PingFangSC, PingFang SC;
+          font-weight: 400;
+          font-size: 28rpx;
+          color: #160002;
+          line-height: 40rpx;
+          text-align: right;
+          font-style: normal;
+          background: #F5F5F5;
+          border-radius: 8rpx;
+          padding: 12rpx 0;
+        }
+        .filterItem:nth-child(3){
+          margin-right: 0;
+        }
+        .selectFilterItem{
+          color: #2363FF;
+          background: #ECF2FF;
+        }
+      }
+    }
+    .button{
+      background: #2363FF;
+      border-radius: 8rpx;
+      width: calc(100% - 64rpx);
+      height: 88rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 32rpx;
+      color: #FFFFFF;
+      line-height: 44rpx;
+      text-align: left;
+      font-style: normal;
+      position: fixed;
+      bottom: 32rpx;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+  }
+}
+</style>
diff --git a/pages/userCenter/userCenter.vue b/pages/userCenter/userCenter.vue
index a7bcb94..1cebb23 100644
--- a/pages/userCenter/userCenter.vue
+++ b/pages/userCenter/userCenter.vue
@@ -232,6 +232,15 @@ import Tabbar from "../../components/tabbar/tabbar.vue";
                 isNotice:false,
                 imagePath: 'https://eshangtech.com/ShopICO/ahyd-BID/index/changeMoney.svg',
               },
+              {
+                id:'a927bf4d-f924-4034-b964-d1a8bd401d09',
+                name: '结算审批',
+                homeUrl: '/pages/settlementApproval/index',
+                notice:0,
+                value: 3,
+                isNotice:false,
+                imagePath: 'https://eshangtech.com/ShopICO/ahyd-BID/index/changeMoney.svg',
+              },
             ],
           },
           {