From bffb6f399dec5a46c3f59af8b4743ffa228486ef Mon Sep 17 00:00:00 2001
From: liuminjian <517059477@qq.com>
Date: Fri, 30 Dec 2022 10:40:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=B4=A2=E5=8A=A1=E7=9B=91?=
 =?UTF-8?q?=E7=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |  20 +
 src/views/sunVillage_info/detailed_ledger.vue |   4 +-
 src/views/yinnong/detailedLedger.vue          | 622 +++++++++++++++++
 src/views/yinnong/listBalanceRanking.vue      | 632 ++++++++++++++++++
 src/views/yinnong/workbench.vue               |  23 +-
 static/images/onlineHome/icon_Y11.png         | Bin 0 -> 2867 bytes
 static/images/onlineHome/icon_Y12.png         | Bin 0 -> 3577 bytes
 7 files changed, 1293 insertions(+), 8 deletions(-)
 create mode 100644 src/views/yinnong/detailedLedger.vue
 create mode 100644 src/views/yinnong/listBalanceRanking.vue
 create mode 100644 static/images/onlineHome/icon_Y11.png
 create mode 100644 static/images/onlineHome/icon_Y12.png

diff --git a/src/router/index.js b/src/router/index.js
index 22629121..59147da5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2431,6 +2431,26 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/yinnong/bankAgriculture/bankOfDeposit/bankOfDepositModify'], resolve)
   },
+  {
+    
+    path: '/yinnong/listBalanceRanking',
+    name: 'yinnongListBalanceRanking',
+    meta: {
+      title: '科目余额表',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/listBalanceRanking'], resolve)
+  },
+  {
+    
+    path: '/yinnong/detailedLedger',
+    name: 'yinnongDetailedLedger',
+    meta: {
+      title: '明细账',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/yinnong/detailedLedger'], resolve)
+  },
   {
     path: '/lawEnforcement',
     name: 'lawEnforcement',
diff --git a/src/views/sunVillage_info/detailed_ledger.vue b/src/views/sunVillage_info/detailed_ledger.vue
index fa8575e2..fc3082d1 100644
--- a/src/views/sunVillage_info/detailed_ledger.vue
+++ b/src/views/sunVillage_info/detailed_ledger.vue
@@ -116,7 +116,7 @@
         <van-action-sheet v-model="dateObj.subjectVisbile"  duration="0.2">
             <van-cascader
                 v-model="cascaderValue"
-                title="请选择所在地区"
+                title="请选择所在科目"
                 :options="subjectsTree"
                 @close="dateObj.subjectVisbile = false"
                 @finish="onFinish"
@@ -304,12 +304,12 @@ export default {
         });
     },
     onFinish({ selectedOptions }){
-
         let lastArr = selectedOptions[selectedOptions.length-1];
         this.queryParams.startSubjectId = lastArr.subjectId
         this.queryParams.endSubjectId = lastArr.subjectId
         this.subjectText = lastArr.label;
         this.initPage();
+        this.dateObj.subjectVisbile = false
     },
     onChangeAcidentArea(aaa){
         // console.log(aaa)
diff --git a/src/views/yinnong/detailedLedger.vue b/src/views/yinnong/detailedLedger.vue
new file mode 100644
index 00000000..fc3082d1
--- /dev/null
+++ b/src/views/yinnong/detailedLedger.vue
@@ -0,0 +1,622 @@
+<template>
+    <div class="home_wrapper">
+        <div class="header_main">
+            明细账
+            <div class="return_btn" @click="onClickLeft"></div>
+        </div>
+        <!---期间-->
+        <div class="period_main">
+            <div class="bt_title">
+                <div class="icon"></div>
+                <div class="title">期间</div>
+            </div>
+            <div class="calendar_block" @click="startDateClick">{{queryParams.startDate.replace('-','年')}}月</div>
+            <div class="to">至</div>
+            <div class="calendar_block" @click="endDateClick">{{queryParams.endDate.replace('-','年')}}月</div>
+        </div>
+        <!--科目-->
+        <div class="subject_main">
+            <div class="bt_title">
+                <div class="icon"></div>
+                <div class="title">科目</div>
+            </div>
+            <div class="subject_block" @click="subjectClick">
+                <div class="title">{{subjectText}}</div>
+                <div class="xs_icon"></div>
+            </div>
+        </div>
+        <!--内容-->
+        <div class="center_box">
+            <div class="vocher_name">
+                <van-row class="head_m">
+                    <van-col :span="14" class="year_m">
+                        <div class="year_text">2022</div>
+                        <div class="unit_m">
+                            <div class="ubs">月</div>
+                            <div class="ubs">日</div>
+                        </div>
+                    </van-col>
+                    <van-col :span="10" class="credential_m">凭证字</van-col>
+                </van-row>
+                <van-row class="vocher_mTitle" v-for="(item,index) in tableList" :key="index">
+                    <van-col :span="7">{{item.month}}</van-col>
+                    <van-col :span="7">{{item.day}}</van-col>
+                    <van-col :span="10">
+                        <div class="pz_tx" @click="subjectNameFun(item.voucherWordNum)">{{item.voucherWordNum}}</div>
+                    </van-col>
+                </van-row>
+                <!-- <van-row class="vocher_mTitle">
+                    <van-col :span="7">09</van-col>
+                    <van-col :span="7">09</van-col>
+                    <van-col :span="10">
+                        <div class="pz_tx">记-06</div>
+                    </van-col>
+                </van-row> -->
+           
+            </div>
+            <div class="vocher_content">
+                <div class="vocher_cmain">
+                    <van-row class="head_m">
+                        <van-col :span="9">摘要</van-col>
+                        <van-col :span="4">借方</van-col>
+                        <van-col :span="4">贷方</van-col>
+                        <van-col :span="3">方向</van-col>
+                        <van-col :span="4">余额</van-col>
+                    </van-row>
+                    
+                    <div class="content_m">
+                        <van-row  v-for="(item,index) in tableList" :key="index">
+                            <van-col :span="9" class="zy">
+                                <span>{{item.voucherSummary}}</span>
+                            </van-col>
+                            <van-col :span="4" class="je">{{item.jieAmount}}</van-col>
+                            <van-col :span="4" class="je">{{item.daiAmount}}</van-col>
+                            <van-col :span="3" class="km">{{item.balanceDirection}}</van-col>
+                            <van-col :span="4" class="je">{{item.balance}}</van-col>
+                        </van-row>
+                        <!-- <van-row >
+                            <van-col :span="9" class="zy">摘要</van-col>
+                            <van-col :span="4" class="je">200.00</van-col>
+                            <van-col :span="4" class="je">20000.00</van-col>
+                            <van-col :span="3" class="km">借</van-col>
+                            <van-col :span="4" class="je">200.00</van-col>
+                        </van-row> -->
+                   
+
+                    </div>
+                </div>
+            </div>
+        </div>
+ 
+        <!--开始日期-->
+        <van-action-sheet v-model="dateObj.startVisbile" duration="0.2" >
+            <van-datetime-picker
+                v-model="dateObj.startDate"
+                title="选择日期"
+                :min-date="dateObj.minDate"
+                :max-date="dateObj.maxDate"
+                @confirm="startConfirm"
+                @cancel	="startCancel"
+                type="year-month"
+            />
+        </van-action-sheet>
+        <!--结束日期-->
+        <van-action-sheet v-model="dateObj.endVisbile" duration="0.2" >
+            <van-datetime-picker
+                v-model="dateObj.endDate"
+                title="选择日期"
+                :min-date="dateObj.minDate"
+                :max-date="dateObj.maxDate"
+                @confirm="endConfirm"
+                @cancel	="startCancel"
+                type="year-month"
+            />
+        </van-action-sheet>
+        <!--科目选择-->
+        <van-action-sheet v-model="dateObj.subjectVisbile"  duration="0.2">
+            <van-cascader
+                v-model="cascaderValue"
+                title="请选择所在科目"
+                :options="subjectsTree"
+                @close="dateObj.subjectVisbile = false"
+                @finish="onFinish"
+                :field-names="fieldNames"
+    
+                @change="onChangeAcidentArea"
+            />
+        </van-action-sheet>
+
+
+
+    </div>
+</template>
+<script>
+import { subjectData ,getLoginBook,listNormalDetails} from "@/api/sunVillage_info/fixedAssets";
+export default {
+  name: "detailedLedger",
+  data() {
+    return{
+        //数据
+        tableList:[],
+        // 查询参数
+        queryParams: {
+            startDate:'', //开始日期
+            endDate:'',   //结束日期
+            startSubjectId:'', //开始科目
+            endSubjectId:'', //结束科目
+
+            startSubjectLevel: 1,
+            endSubjectLevel: 4,
+            filterZero: true,
+            includeNonVoucher: false,
+            groupBySubject: true
+        },
+        //日期相关
+        dateObj:{
+            //开始日期-弹窗显隐
+            startVisbile:false,
+            startDate: new Date(),
+            minDate:new Date(2018, 0, 1),
+            maxDate:new Date(2028, 5, 1),
+            //结束日期-弹窗显隐
+            endVisbile:false,
+            endDate:new Date(),
+            //科目选择
+            subjectVisbile:false
+        },
+        subjectText:'', //科目页面显示
+        SubjectsList:[], //科目选项
+        subjectsTree: [], //会计科目显示列表(树)
+        cascaderValue:"", //科目选择
+        fieldNames: {
+            text: 'label',
+            value: 'subjectId',
+            children: 'children',
+        },
+        subjectYear:''
+    }
+  },
+  mounted(){
+    //初始化账套
+    this.initLoginBook();
+
+    this.initAxios()
+  },
+  methods:{
+    initLoginBook(){
+        getLoginBook().then((res) => {
+            if (res.code == 200) {
+                let currentDays = res.data.currentDay;
+                if (currentDays == null) {
+                    this.$notify({
+                        message:'当前账套未开启!',
+                        type: 'error'
+                    });
+                    return false;
+                }
+                this.$set(this.queryParams, "startDate", currentDays);
+                this.$set(this.queryParams, "endDate", currentDays);
+
+                let dataArr = currentDays.split('-')
+                this.$set(this.dateObj, "startDate", new Date(dataArr[0], dataArr[1]-1), 1);
+                this.$set(this.dateObj, "endDate", new Date(dataArr[0], dataArr[1]-1), 1);
+
+                this.subjectYear = (currentDays.substr(0, 4));
+            }
+        })
+    },
+    initAxios(){
+        //获取会计科目列表数据
+      this.getDicts("subject_type").then((resp) => {
+        subjectData({year:this.subjectYear}).then((res) => {
+          res.rows.forEach((x) => {
+            x.label = x.subjectId + ' ' + x.subjectName
+          });
+          this.SubjectsList = res.rows;
+
+          let curObj = res.rows[0];
+          if(res.rows.length>0){
+            this.subjectText = curObj.label; 
+            this.queryParams.startSubjectId = curObj.subjectId; 
+            this.queryParams.endSubjectId = curObj.subjectId; 
+            this.cascaderValue =  curObj.subjectId; 
+            
+            this.initPage()
+            this.makeSubjectsTree(res.rows, resp.data);
+            }else{
+                this.subjectText = '暂无数据'; 
+            }
+        });
+      });
+    },
+    subjectClick(){
+        this.dateObj.subjectVisbile = true
+    },
+    makeSubjectsTree(SubjectsList, subjectTypes) {
+      let func = (pid) => {
+        let arr = null;
+        for(let v of SubjectsList)
+        {
+          let parentId = v.parentId || v.subjectId.substr(0, v.subjectId.length - 3) || null;
+          if(parentId == pid)
+          {
+            if(!arr) arr = [];
+            let a = func(v.subjectId);
+            if(a)
+              v.children = a;
+            v.label = v.subjectId + ' ' + v.subjectNameAll;
+            v.is_last = 'Y';
+            v.disabled = false;
+          
+            arr.push(v);
+          }
+        }
+        return arr;
+      };
+      let res = func(null);
+      let r = [];
+      res.forEach((x) => {
+        let subjectIdStart = x.subjectId[0];
+        let item = r.find((y) => y.subjectId == subjectIdStart);
+        if(!item)
+        {
+          let type = subjectTypes.find((y) => y.dictValue == subjectIdStart);
+          if(!type)
+            return;
+          item = {
+            subjectId: type.dictValue,
+            label: type.dictLabel,
+            sortFlag: type.dictSort,
+            is_last: 'N',
+            subjectNameAll: '',
+            children: [],
+            disabled: true
+          };
+          r.push(item);
+        }
+        item.children.push(x);
+      });
+      r.sort((a, b) => a.dictSort - b.dictSort);
+    //   console.log(r)
+      this.subjectsTree = r;
+     
+    },
+    initPage(){
+        listNormalDetails(this.queryParams).then((res)=>{
+            if(res.code == 200){
+                let content = res.rows;
+                if(content.length>0){
+                    this.tableList = content[0].list;
+                }else{
+                    this.tableList = []
+                }
+            }
+        })
+    },
+    subjectNameFun(num){
+        let endNum = num.split("-");
+        this.$router.push({
+            path: "/sunVillage_info/voucher",
+            query: {
+                vocherId: endNum[1],
+                num:encodeURI(num)
+            },
+        });
+    },
+    onFinish({ selectedOptions }){
+        let lastArr = selectedOptions[selectedOptions.length-1];
+        this.queryParams.startSubjectId = lastArr.subjectId
+        this.queryParams.endSubjectId = lastArr.subjectId
+        this.subjectText = lastArr.label;
+        this.initPage();
+        this.dateObj.subjectVisbile = false
+    },
+    onChangeAcidentArea(aaa){
+        // console.log(aaa)
+    },
+    //点击开始日期--显示弹窗
+    startDateClick(){
+        this.dateObj.startVisbile = true;
+    },
+    //弹窗-开始日期-确定
+    startConfirm(value){
+        let years = this.format(value,'yyyy');
+        let months = this.format(value,'MM');
+        this.queryParams.startDate = years+'-'+months;
+
+
+        this.dateObj.startVisbile = false;
+        this.initPage();
+    },
+    //弹窗-开始日期-取消
+    startCancel(){
+        this.dateObj.startVisbile = false;
+        this.dateObj.endVisbile = false;
+    },
+    //点击结束日期-显示弹窗
+    endDateClick(){
+        this.dateObj.endVisbile = true;
+    },
+    //弹窗--结束日期-确定
+    endConfirm(value){
+        let years = this.format(value,'yyyy');
+        let months = this.format(value,'MM');
+        this.queryParams.endDate = years+'-'+months;
+
+
+        this.dateObj.endVisbile = false;
+        this.initPage();
+    }
+ 
+  }
+}
+</script>
+<style scoped lang="scss">
+.home_wrapper{
+   background: #e9e9e9;
+   min-height: 100vh;
+   width: 100vw;
+   .header_main {
+       height: 116px;
+       background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+       background-size: 100% 100%;
+       position: fixed;
+       top: 0;
+       left: 0;
+       width: 100%;
+       font-size: 36px;
+       line-height: 116px;
+       text-align: center;
+       color: #fff;
+       position: relative;
+
+       .return_btn {
+           width: 24px;
+           height: 43.2px;
+           background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+           background-size: 20px 36px;
+           position: absolute;
+           left: 38px;
+           top: 36px;
+       }
+
+   }
+   .period_main{
+        padding:28px 22px 0;
+        display: flex;
+        align-items: center;
+        .bt_title{
+            display: flex;
+            align-items: center;
+            margin-right: 15px;
+            .icon{
+                width: 50px;
+                height: 50px;
+                border-radius: 50%;
+                box-shadow: 4px 0px 7px rgba(63, 68, 75, 0.1);
+                background:#2facfe url('../../assets/images/sunVillage_info/list_icon_13.png') center center no-repeat;
+                background-size: 29px 25px;
+                margin-right: 12px;
+            }
+            .title{
+                font-size: 30px;
+                color: #2facfe;
+            }
+        }
+        .calendar_block{
+            flex: 1;
+            border-radius: 8px;
+            box-shadow: 4px 4px 7px rgba(63, 68, 75, 0.1);
+            background: #fff;
+            height: 64px;
+            font-size: 30px;
+            display: flex;
+            align-items: center;
+            letter-spacing: 2px;
+            justify-content: center;
+        }
+        .to{
+            width: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 30px;
+            color: #868686;
+        }
+   }
+   .subject_main{
+        padding:20px 22px 0;
+        display: flex;
+        align-items: center;
+        .bt_title{
+            display: flex;
+            align-items: center;
+            margin-right: 15px;
+            .icon{
+                width: 50px;
+                height: 50px;
+                border-radius: 50%;
+                box-shadow: 4px 0px 7px rgba(63, 68, 75, 0.1);
+                background:#2facfe url('../../assets/images/sunVillage_info/list_icon_13.png') center center no-repeat;
+                background-size: 29px 25px;
+                margin-right: 12px;
+            }
+            .title{
+                font-size: 30px;
+                color: #2facfe;
+            }
+        }
+        .subject_block{
+            flex: 1;
+            border-radius: 8px;
+            box-shadow: 4px 4px 7px rgba(63, 68, 75, 0.1);
+            background: #fff;
+            height: 64px;
+            display: flex;
+            padding:0 26px 0 22px;
+            align-items: center;
+            justify-content: space-between;
+            .title{
+                width: 475px;
+                height: 64px;
+                line-height: 64px;
+                font-size: 30px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                color: #2b2b2b;
+            }
+            .xs_icon{
+                width: 11px;
+                height: 23px;
+                background: url('../../assets/images/sunVillage_info/list_icon_12.png') center center no-repeat;
+                background-size: 100% 100%;
+            }
+        }
+   }
+   .center_box{
+    margin-left: 22px;
+    display: flex;
+    margin-top: 22px;
+    background: #fff;
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+    .vocher_name{
+        width: 405px;
+        .head_m{
+            height: 110px;
+            background: #2facfe;
+            border-radius: 8px;
+            .year_m{
+                border-right: 1px solid #fff;
+                .year_text{
+                    height: 56px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    color: #fff;
+                    font-size: 30px;
+                }
+                .unit_m{
+                    height: 54px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    padding-bottom: 10px;
+                    .ubs{
+                        width: 94px;
+                        height: 43px;
+                        background: #cbeaff;
+                        font-size: 30px;
+                        color: #1a84c9;
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        border-radius: 6px;
+                        &:nth-child(1){
+                            margin-right: 12px;
+                        }
+                    }
+                }
+            }
+            .credential_m{
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #fff;
+                font-size: 30px;
+                height: 110px;
+            }
+        }
+        .vocher_mTitle{
+            background: #d7e8f3;
+            .van-col{
+                height: 84px;
+                font-size: 30px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border-right: 1px solid #fff;
+                .pz_tx{
+                    color: #278dff;
+                    padding-bottom: 8px;
+                    border-bottom: 1px solid #278dff;
+                }
+            }
+            &:nth-child(2n-1){
+                background: #e3f4ff;
+            }
+        }
+
+    }
+    .vocher_content{
+        flex: 1;
+        overflow:hidden;
+        overflow-x: scroll;
+        // white-space:nowrap;
+        display: -webkit-box;
+        -webkit-overflow-scrolling: touch;
+        .vocher_cmain{
+            width: 1200px;
+            .head_m{
+                .van-col{
+                    height: 110px;
+                    font-size: 30px;
+                    color: #2facfe;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    border-right: 1px solid #bfbfbf;
+                    &:last-child{
+                        border-right: 0;
+                    }
+                }
+
+            }
+            .content_m{
+                
+                .van-row{
+               
+                    &:nth-child(2n-1){
+                        background: #e9e9e9;
+                    }
+                }
+                .van-col{
+                    height: 84px;
+                    font-size: 30px;
+                    padding:0 22px;
+                    display: flex;
+                    align-items: center;
+                    border-right: 1px solid #bfbfbf;
+                    &:last-child{
+                        border-right: 0 none;
+                    }
+                    &.zy{
+                        display: flex;
+                        align-items: center;
+                        span{
+                            position: relative;
+                            overflow: hidden;
+                            text-overflow: -o-ellipsis-lastline;
+                            text-overflow: ellipsis;
+                            display: -webkit-box;
+                            -webkit-line-clamp: 2;
+                            line-clamp: 2;
+                            -webkit-box-orient: vertical;
+                        }
+                    }
+                    &.je{
+                        justify-content: flex-end;
+                    }
+                    &.km{
+                        justify-content: center;
+                    }
+                }
+                
+            }
+        }
+
+    }
+   }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/yinnong/listBalanceRanking.vue b/src/views/yinnong/listBalanceRanking.vue
new file mode 100644
index 00000000..1bc200a7
--- /dev/null
+++ b/src/views/yinnong/listBalanceRanking.vue
@@ -0,0 +1,632 @@
+<template>
+    <div class="home_wrapper">
+      <div class="header_main">
+          科目余额表
+          <div class="return_btn" @click="onClickLeft"></div>
+<!--            <div class="add_btn" v-show="showBtn" @click="goAdd"></div>-->
+      </div>
+
+
+      <div class="search_info">
+        <div class="date_box" @click="showPickerTime = true">
+          <img src="../../assets/images/sunVillage_info/date_icon.png">
+          <p>{{date}}</p>
+        </div>
+        <van-popup v-model="showPickerTime" position="bottom">
+          <van-datetime-picker
+            v-model="currentDate"
+            type="year-month"
+            title="选择年月"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onConfirm"
+            @cancel="showPicker = false"
+            :formatter="formatter"
+          />
+        </van-popup>
+        <div class="search_block">
+          <i class="icon"></i>
+          <input readonly type="text" class="ipt" v-model="subjectName" placeholder="请选择科目查询" @click="visible=true">
+          <i class="delete_icon" v-show="subjectName" @click="emptyInput"></i>
+        </div>
+<!--        <div class="total">共{{listLength}}个资产</div> @input="getSearch"-->
+      </div>
+
+      <div class="radio_box">
+        <van-checkbox v-model="queryParams.showSubSubject" @change="showSub" checked-color="#2facfe">显示明细</van-checkbox>
+        <div class="total">共{{listLength}}条</div>
+      </div>
+
+      <div class="center_box">
+        <div class="name_box">
+          <van-row>
+            <van-col :span="24">科目编码/科目名称</van-col>
+          </van-row>
+          <van-row v-for="(item,index) in applicationList" :key="index">
+            <van-col :span="24">{{item.subjectId}} {{item.subjectName}}</van-col>
+          </van-row>
+          <div class="name_bg"></div>
+          <img src="../../assets/images/sunVillage_info/name_icon.png" class="name_icon"/>
+        </div>
+
+        <div class="right_box">
+          <div class="right_box_box">
+            <van-row>
+              <van-col :span="8">
+                <p>期初余额</p>
+                <div class="yue_type">
+                  <p>借方</p>
+                  <p>贷方</p>
+                </div>
+              </van-col>
+              <van-col :span="8">
+                <p>本期发生</p>
+                <div class="yue_type">
+                  <p>借方</p>
+                  <p>贷方</p>
+                </div>
+              </van-col>
+              <van-col :span="8">
+                <p>期末余额</p>
+                <div class="yue_type">
+                  <p>借方</p>
+                  <p>贷方</p>
+                </div>
+              </van-col>
+            </van-row>
+            <van-row v-for="(item,index) in applicationList" :key="index">
+              <van-col :span="4">{{item.qcjfye}}</van-col>
+              <van-col :span="4">{{item.qcdfye}}</van-col>
+              <van-col :span="4">{{item.bqjffs}}</van-col>
+              <van-col :span="4">{{item.bqdffs}}</van-col>
+              <van-col :span="4">{{item.qmjffs}}</van-col>
+              <van-col :span="4">{{item.qmdffs}}</van-col>
+            </van-row>
+          </div>
+        </div>
+
+        <div class="clear"></div>
+      </div>
+
+      <SubjectTreeChooser :visible.sync="visible" @select="getSearch" v-model="queryParams.startSubjectId" :can-select-non-leaf="true" height="480px"></SubjectTreeChooser>
+
+    </div>
+</template>
+
+<script>
+  import { trailBalanceList , getLoginBook } from "@/api/sunVillage_info/fixedAssets";
+  import SubjectTreeChooser from "@/components/form/SubjectTreeChooser";
+  import Cookies from "js-cookie";
+  import request from '@/utils/request'
+  export default {
+    name: "certificateList",
+    components: { SubjectTreeChooser },
+    data() {
+      return {
+        subjectName:'',
+        visible:false,
+        subjectId:'',
+        radio:'1',
+        applicationList:[],
+        applicationListSecond:[],
+        assetStatusOptions:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        show: false,
+        showTab: false,
+        showPickerTime: false,
+        fileList:[],
+        listLength:'0',
+        searchInput:'',
+        queryParams:{
+          pageNum:1,
+          pageSize:999,
+          startDate:'',
+          startSubjectId:'',
+          endSubjectId:'',
+          showSubSubject:false
+        },
+        uploadFiles1:[],
+        projectId:'',
+        projectIndex:'',
+        showBtn:true,
+        yearMonth:[],
+        deptName:'',
+        minDate: new Date(2020, 0, 1),
+        maxDate: new Date(2025, 10, 1),
+        currentDate: new Date(),
+        date:''
+      };
+    },
+    created() {
+      getLoginBook().then((res) => {
+        if (res.code == 200) {
+          if (res.data.currentDay != null || res.data.startDay != null){
+            let resDate = res.data.currentDay != null ? res.data.currentDay : res.data.startDay != null ? res.data.startDay : this.format(new Date(),'yyyy-MM')
+            this.queryParams.startDate = resDate;
+            let date = resDate.split('-');
+            this.date = date[0] + '年' + date[1] + '月';
+            this.currentDate = new Date(date[0], date[1]-1, 1)
+          }
+        }
+      });
+      this.getList();
+    },
+    methods: {
+      getList(){
+        var _this = this;
+        setTimeout(() => {
+          console.log(_this.queryParams)
+          trailBalanceList(_this.queryParams).then(response => {
+            _this.listLength = response.total;
+            response.rows.map(res=>{
+              res.bqjffs = Number(res.bqjffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.bqdffs = Number(res.bqdffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qcjfye = Number(res.qcjfye).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qcdfye = Number(res.qcdfye).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qmjffs = Number(res.qmjffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+              res.qmdffs = Number(res.qmdffs).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, ($0, $1) => {
+                return $1 + ","; }).replace(/\.$/, "");
+            })
+            _this.applicationList = response.rows;
+            if(_this.applicationList.length >= response.total){
+              _this.finished = true;
+              return;
+            }else{
+              _this.loading = false;
+              _this.queryParams.pageNum += 1 ;
+            }
+          });
+        }, 1000);
+      },
+      onConfirm(time) {
+        this.date = this.format(time,'yyyy年MM月');
+        this.queryParams.startDate = this.format(time,'yyyy-MM');
+        this.getList();
+        this.showPickerTime = false;
+      },
+      formatter(type, val) {
+        if (type === 'year') {
+          return `${val}年`;
+        } else if (type === 'month') {
+          return `${val}月`;
+        }
+        return val;
+      },
+      getSearch(val){
+        console.log(val)
+        this.subjectName = val.subjectId + " " + val.subjectName;
+        this.queryParams.endSubjectId = this.queryParams.startSubjectId;
+        this.getList();
+      },
+      showSub(val){
+        console.log(val)
+        this.queryParams.showSubSubject = val;
+        this.getList();
+      },
+      emptyInput(){
+        this.subjectName = '';
+        this.queryParams.endSubjectId = '';
+        this.queryParams.startSubjectId = '';
+        this.getList();
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-radio__label{
+    font-size: 14PX;
+    color: #2facfe;
+  }
+  .radio_box{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding:20px 23px;
+  }
+  .date_box{
+    display: flex;
+    align-items: center;
+    img{
+      width: 30PX;
+      border-radius: 100%;
+      box-shadow: 0px 6px 10px rgba(63,68,75,0.5);
+    }
+    p{
+      font-size: 14PX;
+      margin-left: 5PX;
+      color: #2facfe;
+    }
+  }
+  .search_info{
+    padding:20px 23px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .search_block{
+      height: 59px;
+      width: 450px;
+      border-radius: 59px;
+      background: #fff;
+      display: flex;
+      padding-right: 35px;
+      align-items: center;
+      box-shadow: 0px 6px 5px rgba(63,68,75,0.2);
+      .icon{
+        width: 30px;
+        height: 30px;
+        background: url('../../assets/images/sunVillage_info/fixedAssets_icon_1.png') no-repeat;
+        background-size: 100% 100%;
+        display: block;
+        margin:0 8px 0 26px;
+      }
+      .delete_icon{
+        width: 15PX;
+        height: 15PX;
+        background: url('../../assets/images/sunVillage_info/delete_icon_input.png') no-repeat;
+        background-size: 100% 100%;
+        display: block;
+        margin:0 8px 0 26px;
+      }
+      .ipt{
+        flex: 1;
+        font-size: 26px;
+        background: none;
+        border:0 none;
+        line-height: 59px;
+      }
+    }
+  }
+  .total{
+    font-size: 14PX;
+    color: #858585;
+  }
+.home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+        height: 116px;
+        background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+        background-size: 100% 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        font-size: 36px;
+        line-height: 116px;
+        text-align: center;
+        color: #fff;
+        position: relative;
+        .return_btn{
+            width: 24px;
+            height: 43.2px;
+            background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+            background-size: 20px 36px;
+            position: absolute;
+            left: 38px;
+            top: 36px;
+        }
+        .add_btn{
+            width: 56.4px;
+            height: 40.8px;
+            background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
+            background-size: 47px 34px;
+            position: absolute;
+            right: 38px;
+            top: 36px;
+        }
+    }
+    .record_main{
+        padding:30px 22px;
+        .record_det{
+            height: 38px;
+            line-height: 38px;
+            display: flex;
+            justify-content:space-between;
+            .year_l{
+                font-size: 30px;
+                display: flex;
+                align-items: center;
+                color: #858585;
+
+                .unit{
+                    padding-left: 5px;
+                }
+                .icon{
+                    width: 23px;
+                    height: 12px;
+                    display: block;
+                    background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-bottom: 4px;
+                    margin-right: 8px;
+                    &.zk {
+                        transform: rotate(0deg)
+                    }
+                    &.ss{
+                        transform: rotate(180deg)
+                    }
+
+                }
+            }
+            .total_r{
+                font-size: 26px;
+                letter-spacing: 2px;
+            }
+        }
+        .record_list{
+            display: flex;
+            flex-flow: wrap;
+            margin-top: 12PX;
+            .flex_block{
+                font-size: 30px;
+                color: #878787;
+                padding-right: 30px;
+                &.current{
+                    color: #4199fe;
+                    font-weight: bold;
+                }
+            }
+        }
+    }
+    .list_main{
+        padding:0 22px;
+        .item{
+            height: 100px;
+            border-radius: 30px;
+            background: #fff;
+            box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1);
+            padding:15px 32px;
+            display: flex;
+            margin-bottom: 20px;
+            .info{
+                flex:1;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                .title{
+                    display: flex;
+                    font-size: 32px;
+                    align-items: center;
+                    height: 58px;
+                    .icon_box{
+                        width: 34px;
+                        display: block;
+                        height: 30px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_2.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                    .news_title{
+                        max-width:416px;
+                        overflow: hidden;
+                        white-space: nowrap;
+                        text-overflow: ellipsis;
+                        -o-text-overflow: ellipsis;
+                    }
+                    .tips_mark{
+                        width: 34px;
+                        height: 34px;
+                        background: #fa0c0c;
+                        border-radius: 8px;
+                        font-size: 24px;
+                        color: #fff;
+                        text-align: center;
+                        line-height: 34px;
+                        margin-left: 10px;
+                    }
+                }
+                .red{
+                  color: #fa0c0c;
+                }
+                .green{
+                  color: #4caf50;
+                }
+                .time{
+                    font-size: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: right;
+                    height: 30px;
+                    margin-top: 6px;
+                    .icon_time{
+                        width: 25px;
+                        height: 25px;
+                        background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                }
+            }
+            .operation{
+                flex: 1;
+                display: flex;
+                align-items: center;
+                justify-content: flex-end;
+                text-align: right;
+                .opera_btn{
+                    width: 52px;
+                    height: 52px;
+                    border-radius: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content:center;
+
+                    &.delete{
+                        background:#df0707;
+                        margin-left: 28px;
+                        .icon{
+                            width: 22px;
+                            height: 29px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_7.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                    &.edit{
+                        background: #79cf13;
+                        .icon {
+                            width: 26px;
+                            height: 25px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_6.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                     &.view{
+                        background: #3494ff;
+                        .icon {
+                            width: 29px;
+                            height: 21px;
+                            background: url('../../assets/images/sunVillage_info/list_icon_3.png') no-repeat;
+                            background-size: 100% 100%;
+                            display: block;
+                        }
+                    }
+                }
+            }
+        }
+
+    }
+    .bottom_tips{
+        font-size: 24px;
+         color: #a7a6a6;
+         text-align: center;
+         margin-top: 32px;
+         background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat;
+         background-size: 260px 2px;
+         .xs{
+            padding:0 8px;
+            background: #e9e9e9;
+         }
+    }
+    .banner {
+      display: flex;
+      background:#3494ff;
+      color:#fff;
+      text-align: center;
+      margin:3%;
+      border-radius: 10PX;
+    }
+    .banner_tabs{
+      flex:1;
+      padding:10PX 0;
+      font-size: 16PX;
+      div:nth-child(2){
+        font-size: 14PX;
+        margin-top: 5PX;
+      }
+    }
+}
+.top_head_title{
+  font-size: 16PX;
+  text-align: center;
+  padding: 15PX 0;
+}
+  .name_box{
+    float: left;
+    width: 180PX;
+    position: relative;
+    .name_bg{
+      background-color: rgba(47,172,254,0.2);
+      width: 180PX;
+      height: 100%;
+      position: absolute;
+      top: 0;
+    }
+    .name_icon{
+      position: absolute;
+      top: 60PX;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+    .van-row:nth-child(odd){
+      .van-col {
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      border-top-left-radius: 10PX;
+      border-bottom-left-radius: 10PX;
+      background-color: #ffffff;
+      .van-col {
+        background-color: #2facfe;
+        color: #ffffff;
+        border-radius: 10PX;
+        line-height: 60PX;
+        text-align: center;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      padding: 0PX 5PX;
+      text-align: left;
+      line-height: 40PX;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      word-break: break-all;
+      overflow: hidden;
+    }
+  }
+  .center_box{
+    padding-left: 3%;
+  }
+  .right_box{
+    float: left;
+    width: calc(100% - 180PX);
+    overflow:hidden;
+    overflow-x: scroll;
+    white-space:nowrap;
+    display: -webkit-box;
+    -webkit-overflow-scrolling: touch;
+    .right_box_box{
+      width: 600PX;
+    }
+    .van-row:nth-child(odd){
+      .van-col{
+        background-color: #ffffff;
+      }
+    }
+    .van-row:nth-child(1){
+      .van-col{
+        color: #2facfe;
+        height: 60PX;
+        text-align: center;
+        line-height: 30PX;
+        border-right: 1px solid #ccc;
+      }
+    }
+    .van-col{
+      font-size: 16PX;
+      text-align: right;
+      height: 40PX;
+      line-height: 40PX;
+      &:nth-child(2n){
+        border-right: 1px solid #ccc;
+      }
+    }
+
+    .yue_type{
+      display: flex;
+      border-top: 1px solid #2facfe;
+      p{
+        width: 50%;
+        line-height: 30PX;
+        color: #333333;
+      }
+    }
+
+  }
+  .clear{
+    clear: both;
+  }
+</style>
diff --git a/src/views/yinnong/workbench.vue b/src/views/yinnong/workbench.vue
index b7f27c8a..9e2d171b 100644
--- a/src/views/yinnong/workbench.vue
+++ b/src/views/yinnong/workbench.vue
@@ -60,15 +60,15 @@
           </template>
         </van-cell>
         <van-grid :border="false">
-          <van-grid-item text="科目余额表" :to="{name:'approvalList'}" >
-            <div class="icon" slot="default" style="background:#FF4646;" >
-              <img src="../../../static/images/onlineHome/icon_Y1.png" alt />
+          <van-grid-item text="科目余额表" :to="{name:'yinnongListBalanceRanking'}" >
+            <div class="icon all" slot="default"  >
+              <img src="../../../static/images/onlineHome/icon_Y11.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">科目余额表</p>
           </van-grid-item>
-          <van-grid-item text="科目明细账" :to="{name:'approvalList'}" >
-            <div class="icon" slot="default" style="background:#FF4646;" >
-              <img src="../../../static/images/onlineHome/icon_Y2.png" alt />
+          <van-grid-item text="科目明细账" :to="{name:'yinnongDetailedLedger'}" >
+            <div class="icon all" slot="default">
+              <img src="../../../static/images/onlineHome/icon_Y12.png" alt />
             </div>
             <p style="margin-top: 5px;color: #666666;">科目明细账</p>
           </van-grid-item>
@@ -285,6 +285,17 @@
   >>> .icon img{
     width:50px;
   }
+  >>> .icon.all{
+    width: 80px;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  >>> .icon.all img{
+    width: 80px;
+    /* padding: 0; */
+  }
   >>> .indexCard{
     margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff
   }
diff --git a/static/images/onlineHome/icon_Y11.png b/static/images/onlineHome/icon_Y11.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc2422e2fa7b382de6a5fe2180a1a9483f4b5dd2
GIT binary patch
literal 2867
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

literal 0
HcmV?d00001

diff --git a/static/images/onlineHome/icon_Y12.png b/static/images/onlineHome/icon_Y12.png
new file mode 100644
index 0000000000000000000000000000000000000000..b425fa08488b5f4c8a9f32001f7372cfd7567bb9
GIT binary patch
literal 3577
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
CX<fJg

literal 0
HcmV?d00001