From e719cb301ec0478d077967cd0e22fff167b2fc9f Mon Sep 17 00:00:00 2001
From: zhusiyu <410827992@qq.com>
Date: Fri, 16 Sep 2022 15:19:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=93=8D=E4=BD=9C=E5=8D=95=E6=8D=AE=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E5=A4=A7=E5=B0=8F=E6=A8=A1=E5=9D=97=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E3=80=81=E5=9B=9E=E6=98=BE=E3=80=81=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../oa/operationDocuprocessing/interConfig.js |  36 +-
 .../oa/operationDocuprocessing/processing.vue | 572 ++++++++--------
 .../processingLarge.vue                       | 619 +++++++++---------
 3 files changed, 608 insertions(+), 619 deletions(-)

diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/interConfig.js b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/interConfig.js
index d484328..8de90fd 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/interConfig.js
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/interConfig.js
@@ -1,38 +1,8 @@
 export default {
-    /*
-     * 获取服务器端系统时间
-     * */
-    "getNowTime": {
-        url: '/intellioa/common/getNowTime',
+    /*操作单据处理数据*/
+    "searchAssetsByCondition": {
+        url: '/intellioa/asset/assetTransaction/searchAssetsByCondition',
         method: 'get',
         isTestLogin: true
     },
-    //y-按时间段统计每日领用次数、数量（本人、本部门、本机构）
-    "getGoodsByEveryday": {
-        url: '/intellioa/supplies/report/byEveryday',
-        method: 'get',
-        isTestLogin: true
-    },
-    // Y-按时间段、物品名称统计领用次数、数量（本人、本部门、本机构[同时返回累计入库次数、入库数量]）
-    "getGoodsBySupplies":{
-        url:'/intellioa/supplies/report/bySupplies',
-        method:'get',
-        isTestLogin:true
-    },
-    // Y-按时间段、人员统计领用次数、数量（本人、本部门、本机构）
-    "getGoodsByPeople":{
-        url:'/intellioa/supplies/report/byPeople',
-        method:'get',
-        isTestLogin:true
-    },
-    // 按时间段、人员查看领用列表，分页（本机构）
-    "getApplyListByPersonId":{
-        url:'/intellioa/supplies/report/getApplyListByPersonId',
-        method:'get',
-        isTestLogin:true
-    },
-// 返回值
-// code：状态码2000、5000、4011
-// msg：响应说明
-
 }
diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processing.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processing.vue
index acc8017..5b96108 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processing.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processing.vue
@@ -1,315 +1,333 @@
 <template>
     <div class="processing">
-        <!--<a-spin :spinning="spinning" class="spinning">-->
-        <a-tabs v-model:activeKey="activeKey">
-            <a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in itemData" :key="index+1">
-                <vue-scroll :ops="listScroll"
-                            :style="showPage?'height:25rem':'height:25rem'"
-                            class="score-list-div">
-                    <div class="tabs-tab-item" v-for="(item1,index) in item.content" :key="index+1">
-                        <div class="tabs-tab-item-userImg">{{item1.userImg}}</div>
-                        <div class="tabs-tab-item-idNum">{{item1.idNum}}</div>
-                        <div class="tabs-tab-item-name">{{item1.name}}</div>
-                        <div class="tabs-tab-item-time">{{item1.time}}</div>
-                        <div class="tabs-tab-item-zichan">{{item1.zichan}}</div>
-                        <div class="tabs-tab-item-ly">领用</div>
-                    </div>
-                </vue-scroll>
-            </a-tab-pane>
+        <a-tabs v-model:activeKey="activeKey" @change="changeTabs">
+            <a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in tabArr" :key="index+1"></a-tab-pane>
         </a-tabs>
-        <!--</a-spin>-->
+        <a-spin :spinning="spinning">
+            <div class="tabs-tab-item" v-for="(item1,i) in contentArr" :key="i+1"
+                 @click="showDetail(item1)">
+                <div class="tabs-tab-item-userImg">{{item1.userImg}}</div>
+                <div class="tabs-tab-item-idNum">{{item1.manage_dept_id}}</div>
+                <div class="tabs-tab-item-name">{{item1.user_person_name}}</div>
+                <div class="tabs-tab-item-time">{{item1.warehouse_date}}</div>
+                <div class="tabs-tab-item-zichan">{{item1.asset_category_name}}/{{item1.asset_category_id}}
+                </div>
+                <div class="tabs-tab-item-ly">{{assetState}}</div>
+            </div>
+        </a-spin>
+
+        <!--分页-->
+        <div class="page-dom-div">
+            <a-icon type="left-circle" title="上一页"
+                    :class="'page-icon-dom '+ (pageNumber == 1?'cannot-click':'can-click')"
+                    v-on:click="changePage('previous')"/>
+            <span class="total-num-span">共{{totolNum}}条</span>
+            <a-icon type="right-circle" title="下一页"
+                    :class="'page-icon-dom '+ (pageNumber == totalPage?'cannot-click':'can-click')"
+                    v-on:click="changePage('next')"/>
+        </div>
     </div>
 </template>
 <script>
-    import {Tabs, Carousel, Icon, Spin} from 'ant-design-vue';
+    import {Tabs, Carousel, Icon, Spin,} from 'ant-design-vue';
+    import OfficeMenuConfig from '../../../../../../../../src/utils/officeMenuConfig';
+    import InterConfig from './interConfig';
 
     export default {
         data() {
             return {
                 activeKey: 1,
-                showPage: true,
-                listScroll: this.StaticParams.scrollOption,
-                itemData: [
-                    {
-                        title: '领用',
-                        content: [{
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '退库',
-                        content: [{
-                            userImg: '',
-                            idNum: '555555',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '555555555',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '555555555',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '调拨',
-                        content: [{
-                            userImg: '',
-                            idNum: '666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '66666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '66666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '6666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '维修',
-                        content: [{
-                            userImg: '',
-                            idNum: '777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '77777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '77777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '7777777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '借用',
-                        content: [{
-                            userImg: '',
-                            idNum: '8888',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '8888888',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '888888',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '归还',
-                        content: [{
-                            userImg: '',
-                            idNum: '99999999999',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '9999999',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '999999',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '报废',
-                        content: [{
-                            userImg: '',
-                            idNum: '000000',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '0000000',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '处置',
-                        content: [{
-                            userImg: '',
-                            idNum: '111111111',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }],
-                    },
-                ],
-                spinning: false,
+                tabArr: [],
+                contentArr: [],
+                acquisitionSlip: false,//领用
+                returnReceipt: false,//退库
+                transferSlip: false,//调拨
+                maintenanceSlip: false,//维修
+                loanSlip: false,//借用
+                returnSlip: false,//归还
+                scrapSlip: false,//报废
+                disposalSlip: false,//处理
+                assetState: '领用',
+                receiptType: 3,
+                spinning: true,
+                pageNumber: 1,
+                pageSize: 6,
+                totalPage: 0,
+                totolNum: 0,
             }
         },
         components: {
-            ASpin: Spin,
             AIcon: Icon,
+            ASpin: Spin,
             ACarousel: Carousel,
             ATabs: Tabs,
             ATabPane: Tabs.TabPane,
         },
-        methods: {}
+        created() {
+            //领用
+            this.acquisitionSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "acquisitionSlip"])
+            if (this.acquisitionSlip) {
+                this.tabArr.push({
+                    title: "领用",
+                    tabIndex: 1
+                })
+            }
+            //退库
+            this.returnReceipt = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "returnReceipt"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "退库",
+                    tabIndex: 2
+                })
+            }
+            //调拨
+            this.transferSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "transferSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "调拨",
+                    tabIndex: 3
+                })
+            }
+            //维修
+            this.maintenanceSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "maintenanceSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "维修",
+                    tabIndex: 4
+                })
+            }
+            //借用
+            this.loanSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "loanSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "借用",
+                    tabIndex: 5
+                })
+            }
+            //归还
+            this.returnSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "returnSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "归还",
+                    tabIndex: 6
+                })
+            }
+            //报废
+            this.scrapSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "scrapSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "报废",
+                    tabIndex: 7
+                })
+            }
+            //处理
+            this.disposalSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "disposalSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "处理",
+                    tabIndex: 8
+                })
+            }
+        },
+        mounted() {
+            this.getSearchAssetsByCondition()
+        },
+        methods: {
+            changePage: function (type) {
+                if (type == 'previous') {
+                    if (this.pageNumber == 1) {
+                        return;
+                    }
+                    this.pageNumber--;
+                } else if (type == 'next') {
+                    if (this.pageNumber == this.totalPage) {
+                        return;
+                    }
+                    this.pageNumber++;
+                }
+                this.getSearchAssetsByCondition();
+            },
+            showDetail(detail) {
+            },
+            changeTabs(activeKey) {
+                switch (this.tabArr[activeKey - 1].tabIndex) {
+                    case 1:
+                        this.receiptType = 3;
+                        this.assetState = '领用'
+                        break;
+                    case 2:
+                        this.receiptType = 4;
+                        this.assetState = '退库'
+                        break;
+                    case 3:
+                        this.receiptType = 5;
+                        this.assetState = '调拨'
+                        break;
+                    case 4:
+                        this.receiptType = 8;
+                        this.assetState = '维修'
+                        break;
+                    case 5:
+                        this.receiptType = 6;
+                        this.assetState = '借用'
+                        break;
+                    case 6:
+                        this.receiptType = 7;
+                        this.assetState = '归还'
+                        break;
+                    case 7:
+                        this.receiptType = 9;
+                        this.assetState = '报废'
+                        break;
+                    case 8:
+                        this.receiptType = 10;
+                        this.assetState = '处理'
+                        break;
+                }
+                this.getSearchAssetsByCondition()
+            },
+            getSearchAssetsByCondition() {
+                let param = {
+                    org_id: this.BaseConfig.person_info_my.bureau_id,  //登录人机构ID
+                    data_level: 1,
+                    receipt_type: this.receiptType,
+                    //2-变更、3-领用、4-退库、5-调拨、6-借用、7-归还、8-维修、9-报废、10-处置
+                    dept_id: this.BaseConfig.person_info_my.dep_id,
+                    person_id: this.BaseConfig.userInfo.person_id,//登录人ID
+                    page_number: this.pageNumber,
+                    page_size: this.pageSize
+                }
+                this.InterfaceConfig.callInterface([{
+                    url: InterConfig.searchAssetsByCondition.url,
+                    params: param,
+                    method: InterConfig.searchAssetsByCondition.method,
+                    isTestLogin: InterConfig.searchAssetsByCondition.isTestLogin,
+                }], (result) => {
+                    //console.log('操作单据处理小模块result', result)
+                    this.spinning = false
+                    if (result[0].data.code === 2000) {
+                        let res = result[0].data.data.list
+                        this.totolNum = result[0].data.data.total_row
+                        this.totalPage = result[0].data.data.total_page
+                        this.contentArr = res
+                    }
+                })
+            },
+        }
     }
 </script>
 <style scoped lang="scss">
     .processing {
-        height: 32rem;
+        height: 33rem;
         width: 100%;
         padding: 10px;
+        position: relative;
+        .page-dom-div {
+            height: 2.5rem;
+            line-height: 2.5rem;
+            text-align: right;
+            padding-right: 0.5rem;
+            padding-top: 0.4rem;
+            position: absolute;
+            bottom: 0;
+            right: 0;
+        }
+        .page-icon-dom {
+            font-size: 1.2rem;
+            border: none;
+            border-radius: 1rem;
+        }
+        .cannot-click {
+            background-color: #a3b0c0;
+            color: white;
+        }
+        .can-click {
+            background-color: #31a8fa;
+            color: white;
+        }
+        .total-num-span {
+            margin-left: 1rem;
+            margin-right: 1rem;
+        }
         .spinning {
             width: 100%;
             height: 100%;
         }
-        .tabs-tab {
-            .score-list-div {
-                width: 100%;
-                height: 25rem !important;
-                display: flex;
-                flex-direction: column;
-                margin-top: 0;
+        .tabs-tab-item {
+            margin-bottom: 15px;
+            border: 1px solid #fff;
+            border-radius: 5px;
+            width: 100%;
+            height: 3.5rem;
+            margin-right: 15px;
+            position: relative;
+            cursor: pointer;
+            .tabs-tab-item-userImg {
+                width: 2rem;
+                height: 2rem;
+                border-radius: 50%;
+                border: 1px solid #80FFFF;
+                left: 10px;
+                top: 10px;
+            }
+            .tabs-tab-item-idNum {
+                color: #81D3F8;
+                top: 3px;
+                left: 55px;
+                width: 120px;
                 overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
             }
-            .tabs-tab-item {
-                margin-bottom: 15px;
-                border: 1px solid #fff;
-                border-radius: 5px;
-                width: 100%;
-                height: 3.5rem;
-                margin-right: 15px;
-                position: relative;
-                cursor: pointer;
-                .tabs-tab-item-userImg {
-                    width: 2rem;
-                    height: 2rem;
-                    border-radius: 50%;
-                    border: 1px solid #80FFFF;
-                    left: 10px;
-                    top: 10px;
-                }
-                .tabs-tab-item-idNum {
-                    color: #81D3F8;
-                    top: 3px;
-                    left: 55px;
-                    width: 120px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                }
-                .tabs-tab-item-name {
-                    color: #F2F2F2;
-                    bottom: 3px;
-                    left: 55px;
-                    width: 190px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                }
-                .tabs-tab-item-time {
-                    color: #7882A8;
-                    top: 3px;
-                    right: 38px;
-                }
-                .tabs-tab-item-zichan {
-                    color: #F2F2F2;
-                    bottom: 3px;
-                    right: 38px;
-                }
-                .tabs-tab-item-ly {
-                    font-size: 16px !important;
-                    color: #fff;
-                    height: 100%;
-                    width: 2rem;
-                    background: #2D669E;
-                    right: 0;
-                    top: 0;
-                    border-radius: 0 5px 5px 0;
-                    writing-mode: vertical-lr;
-                    letter-spacing: 8px;
-                    padding: 2px 0 0 2px;
-                    text-align: center;
-                }
+            .tabs-tab-item-name {
+                color: #F2F2F2;
+                bottom: 3px;
+                left: 55px;
+                width: 190px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
             }
-            .tabs-tab-item > div {
-                position: absolute;
-                font-size: 16px !important;
+            .tabs-tab-item-time {
+                color: #7882A8;
+                top: 3px;
+                right: 38px;
+            }
+            .tabs-tab-item-zichan {
+                color: #F2F2F2;
+                bottom: 3px;
+                right: 38px;
             }
-            .tabs-tab-item:nth-child(2n) {
-                margin-right: 0;
+            .tabs-tab-item-ly {
+                font-size: 16px !important;
+                color: #fff;
+                height: 100%;
+                width: 2rem;
+                background: #2D669E;
+                right: 0;
+                top: 0;
+                border-radius: 0 5px 5px 0;
+                writing-mode: vertical-lr;
+                letter-spacing: 8px;
+                padding: 4px 0 0 5px;
+                text-align: center;
             }
         }
+        .tabs-tab-item > div {
+            position: absolute;
+            font-size: 16px !important;
+        }
+        .tabs-tab-item:nth-child(6n) {
+            margin-bottom: 0;
+        }
         /deep/ .ant-tabs {
             border: none !important;
             .ant-tabs-bar {
                 border: none !important;
+                margin: 0 0 6px 0 !important;
+                width: 100%;
+                display: flex;
+                justify-content: space-around;
             }
             .ant-tabs-nav-container-scrolling {
                 padding: 0 !important;
@@ -336,13 +354,5 @@
                 padding-left: 19px;
             }
         }
-        /deep/ .ant-tabs .ant-tabs-top-content {
-            border: none !important;
-            color: #fff;
-            height: 26rem;
-            overflow: hidden;
-            margin-left: 90px;
-            margin-top: -1px !important;
-        }
     }
 </style>
\ No newline at end of file
diff --git a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processingLarge.vue b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processingLarge.vue
index ab6cd4c..92a4a9f 100644
--- a/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processingLarge.vue
+++ b/src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processingLarge.vue
@@ -1,228 +1,218 @@
 <template>
     <div class="processingLarge">
-        <a-tabs v-model:activeKey="activeKey" tabPosition="left">
-            <a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in itemData" :key="index+1">
-                <vue-scroll :ops="listScroll"
-                            :style="showPage?'height:22rem':'height:22rem'"
-                            class="score-list-div">
-                    <div class="tabs-tab-item" v-for="(item1,index) in item.content" :key="index+1"
-                         @click="showDetail(item)">
-                        <div class="tabs-tab-item-userImg">{{item1.userImg}}</div>
-                        <div class="tabs-tab-item-idNum">{{item1.idNum}}</div>
-                        <div class="tabs-tab-item-name">{{item1.name}}</div>
-                        <div class="tabs-tab-item-time">{{item1.time}}</div>
-                        <div class="tabs-tab-item-zichan">{{item1.zichan}}</div>
-                        <div class="tabs-tab-item-ly">领用</div>
-                    </div>
-                </vue-scroll>
+        <a-tabs v-model:activeKey="activeKey" tabPosition="left" @change="changeTabs">
+            <a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in tabArr" :key="index+1">
             </a-tab-pane>
         </a-tabs>
-        <!--<viewDocuments :visible="visible"/>-->
+        <a-spin :spinning="spinning" class="spinning-style">
+            <div class="tabs-tab-item" v-for="(item1,index) in contentArr" :key="index"
+                 @click="showDetail(item)">
+                <div class="tabs-tab-item-userImg">{{item1.userImg}}</div>
+                <div class="tabs-tab-item-idNum">{{item1.manage_dept_id}}</div>
+                <div class="tabs-tab-item-name">{{item1.user_person_name}}</div>
+                <div class="tabs-tab-item-time">{{item1.warehouse_date}}</div>
+                <div class="tabs-tab-item-zichan">{{item1.asset_category_name}}/{{item1.asset_category_id}}
+                </div>
+                <div class="tabs-tab-item-ly">{{assetState}}</div>
+            </div>
+        </a-spin>
+        <div class="page-dom-div">
+            <a-icon type="left-circle" title="上一页"
+                    :class="'page-icon-dom '+ (pageNumber == 1?'cannot-click':'can-click')"
+                    v-on:click="changePage('previous')"/>
+            <span class="total-num-span">共{{totolNum}}条</span>
+            <a-icon type="right-circle" title="下一页"
+                    :class="'page-icon-dom '+ (pageNumber == totalPage?'cannot-click':'can-click')"
+                    v-on:click="changePage('next')"/>
+        </div>
     </div>
 </template>
 <script>
-    import {Tabs, Carousel, Icon,} from 'ant-design-vue';
-    //    import viewDocuments from './viewDocuments.vue';
+    import {Tabs, Carousel, Icon, Spin,} from 'ant-design-vue';
+    import OfficeMenuConfig from '../../../../../../../../src/utils/officeMenuConfig';
+    import InterConfig from './interConfig';
+
     export default {
         data() {
             return {
                 activeKey: 1,
-                showPage: true,
-                listScroll: this.StaticParams.scrollOption,
-                itemData: [
-                    {
-                        title: '领用',
-                        content: [{
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '444444',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '退库',
-                        content: [{
-                            userImg: '',
-                            idNum: '555555',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '555555555',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '555555555',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '调拨',
-                        content: [{
-                            userImg: '',
-                            idNum: '666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '66666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '66666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '6666666',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '维修',
-                        content: [{
-                            userImg: '',
-                            idNum: '777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '77777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '77777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '7777777777',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '借用',
-                        content: [{
-                            userImg: '',
-                            idNum: '8888',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '8888888',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '888888',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '归还',
-                        content: [{
-                            userImg: '',
-                            idNum: '99999999999',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '9999999',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '999999',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '报废',
-                        content: [{
-                            userImg: '',
-                            idNum: '000000',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }, {
-                            userImg: '',
-                            idNum: '0000000',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        },],
-                    },
-                    {
-                        title: '处置',
-                        content: [{
-                            userImg: '',
-                            idNum: '111111111',
-                            name: 'xxxx',
-                            time: '2020-20-20 14:00:00',
-                            zichan: 'Jilian'
-                        }],
-                    },
-                ],
-//                visible: false,
+                tabArr: [],
+                contentArr: [],
+                acquisitionSlip: false,//领用
+                returnReceipt: false,//退库
+                transferSlip: false,//调拨
+                maintenanceSlip: false,//维修
+                loanSlip: false,//借用
+                returnSlip: false,//归还
+                scrapSlip: false,//报废
+                disposalSlip: false,//处理
+                assetState: '领用',
+                receiptType: 3,
+                spinning: true,
+                pageNumber: 1,
+                pageSize: 10,
+                totalPage: 0,
+                totolNum: 0,
             }
         },
         components: {
-//            viewDocuments,
             AIcon: Icon,
+            ASpin: Spin,
             ACarousel: Carousel,
             ATabs: Tabs,
             ATabPane: Tabs.TabPane,
         },
+        created() {
+            //领用
+            this.acquisitionSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "acquisitionSlip"])
+            if (this.acquisitionSlip) {
+                this.tabArr.push({
+                    title: "领用",
+                    tabIndex: 1
+                })
+            }
+            //退库
+            this.returnReceipt = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "returnReceipt"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "退库",
+                    tabIndex: 2
+                })
+            }
+            //调拨
+            this.transferSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "transferSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "调拨",
+                    tabIndex: 3
+                })
+            }
+            //维修
+            this.maintenanceSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "maintenanceSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "维修",
+                    tabIndex: 4
+                })
+            }
+            //借用
+            this.loanSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "loanSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "借用",
+                    tabIndex: 5
+                })
+            }
+            //归还
+            this.returnSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "returnSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "归还",
+                    tabIndex: 6
+                })
+            }
+            //报废
+            this.scrapSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "scrapSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "报废",
+                    tabIndex: 7
+                })
+            }
+            //处理
+            this.disposalSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "disposalSlip"])
+            if (this.returnReceipt) {
+                this.tabArr.push({
+                    title: "处理",
+                    tabIndex: 8
+                })
+            }
+        },
+        mounted() {
+            this.getSearchAssetsByCondition()
+        },
         methods: {
-            handleOk() {
-                this.visible = false
+            changePage: function (type) {
+                if (type == 'previous') {
+                    if (this.pageNumber == 1) {
+                        return;
+                    }
+                    this.pageNumber--;
+                } else if (type == 'next') {
+                    if (this.pageNumber == this.totalPage) {
+                        return;
+                    }
+                    this.pageNumber++;
+                }
+                this.getSearchAssetsByCondition();
             },
             showDetail(detail) {
-                this.visible = true
+            },
+            changeTabs(activeKey) {
+                let temp = this.tabArr[activeKey - 1].tabIndex
+                switch (temp) {
+                    case 1:
+                        this.receiptType = 3;
+                        this.assetState = '领用'
+                        break;
+                    case 2:
+                        this.receiptType = 4;
+                        this.assetState = '退库'
+                        break;
+                    case 3:
+                        this.receiptType = 5;
+
+                        this.assetState = '调拨'
+                        break;
+                    case 4:
+                        this.receiptType = 8;
+                        this.assetState = '维修'
+                        break;
+                    case 5:
+                        this.receiptType = 6;
+                        this.assetState = '借用'
+                        break;
+                    case 6:
+                        this.receiptType = 7;
+                        this.assetState = '归还'
+                        break;
+                    case 7:
+                        this.receiptType = 9;
+                        this.assetState = '报废'
+                        break;
+                    case 8:
+                        this.receiptType = 10;
+                        this.assetState = '处理'
+                        break;
+                }
+                this.getSearchAssetsByCondition()
+            },
+            getSearchAssetsByCondition() {
+                let param = {
+                    org_id: this.BaseConfig.person_info_my.bureau_id,  //登录人机构ID
+                    data_level: 1,
+                    receipt_type: this.receiptType,
+                    //2-变更、3-领用、4-退库、5-调拨、6-借用、7-归还、8-维修、9-报废、10-处置
+                    dept_id: this.BaseConfig.person_info_my.dep_id,
+                    person_id: this.BaseConfig.userInfo.person_id,//登录人ID
+                    page_number: this.pageNumber,
+                    page_size: this.pageSize
+                }
+                this.InterfaceConfig.callInterface([{
+                    url: InterConfig.searchAssetsByCondition.url,
+                    params: param,
+                    method: InterConfig.searchAssetsByCondition.method,
+                    isTestLogin: InterConfig.searchAssetsByCondition.isTestLogin,
+                }], (result) => {
+                    //console.log('操作单据处理result', result)
+                    this.spinning = false
+                    if (result[0].data.code === 2000) {
+                        let res = result[0].data.data.list
+                        this.totolNum = result[0].data.data.total_row
+                        this.totalPage = result[0].data.data.total_page
+                        this.contentArr = res
+                    }
+                })
             },
         }
     }
@@ -232,116 +222,135 @@
         height: 24.3rem;
         width: 100%;
         padding: 10px;
-        .tabs-tab {
-            .score-list-div {
-                width: 100%;
-                height: 22rem;
-                display: flex;
-                flex-direction: column;
-                margin-top: 0;
-                overflow: hidden;
+        position: relative;
+        display: flex;
+        .spinning-style {
+            position: absolute;
+            top: 15px;
+            right: 0;
+            width: 89%;
+        }
+        .page-dom-div {
+            position: absolute;
+            right: 0;
+            bottom: -7px;
+            height: 2.5rem;
+            line-height: 2.5rem;
+            text-align: right;
+            padding-right: 0.5rem;
+        }
+        .page-icon-dom {
+            font-size: 1.2rem;
+            border: none;
+            border-radius: 1rem;
+        }
+        .cannot-click {
+            background-color: #a3b0c0;
+            color: white;
+        }
+        .can-click {
+            background-color: #31a8fa;
+            color: white;
+        }
+        .total-num-span {
+            margin-left: 1rem;
+            margin-right: 1rem;
+        }
+        .tabs-tab-item {
+            margin-bottom: 15px;
+            border: 1px solid #fff;
+            border-radius: 5px;
+            width: calc(50% - 15px);
+            height: 3.5rem;
+            float: left;
+            margin-right: 15px !important;
+            position: relative;
+            cursor: pointer;
+            .tabs-tab-item-userImg {
+                width: 2rem;
+                height: 2rem;
+                border-radius: 50%;
+                border: 1px solid #80FFFF;
+                left: 10px;
+                top: 10px;
             }
-            .tabs-tab-item {
-                margin-bottom: 15px;
-                border: 1px solid #fff;
-                border-radius: 5px;
-                width: calc(50% - 15px);
-                height: 3.5rem;
-                float: left;
-                margin-right: 15px;
-                position: relative;
-                cursor: pointer;
-                .tabs-tab-item-userImg {
-                    width: 2rem;
-                    height: 2rem;
-                    border-radius: 50%;
-                    border: 1px solid #80FFFF;
-                    left: 10px;
-                    top: 10px;
-                }
-                .tabs-tab-item-idNum {
-                    color: #81D3F8;
-                    top: 3px;
-                    left: 55px;
-                    width: 120px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                }
-                .tabs-tab-item-name {
-                    color: #F2F2F2;
-                    bottom: 3px;
-                    left: 55px;
-                    width: 190px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                }
-                .tabs-tab-item-time {
-                    color: #7882A8;
-                    top: 3px;
-                    right: 38px;
-                }
-                .tabs-tab-item-zichan {
-                    color: #F2F2F2;
-                    bottom: 3px;
-                    right: 38px;
-                }
-                .tabs-tab-item-ly {
-                    font-size: 16px !important;
-                    color: #fff;
-                    height: 100%;
-                    width: 2rem;
-                    background: #2D669E;
-                    right: 0;
-                    top: 0;
-                    border-radius: 0 5px 5px 0;
-                    writing-mode: vertical-lr;
-                    letter-spacing: 8px;
-                    padding: 2px 0 0 2px;
-                    text-align: center;
-                }
+            .tabs-tab-item-idNum {
+                color: #81D3F8;
+                top: 3px;
+                left: 55px;
+                width: 120px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
             }
-            .tabs-tab-item > div {
-                position: absolute;
-                font-size: 16px !important;
+            .tabs-tab-item-name {
+                color: #F2F2F2;
+                bottom: 3px;
+                left: 55px;
+                width: 190px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
             }
-            .tabs-tab-item:nth-child(2n) {
-                margin-right: 0;
+            .tabs-tab-item-time {
+                color: #7882A8;
+                top: 3px;
+                right: 38px;
             }
-        }
-        /deep/ .ant-tabs .ant-tabs-left-bar {
-            border: none !important;
-            .ant-tabs-ink-bar {
-                display: none !important;
+            .tabs-tab-item-zichan {
+                color: #F2F2F2;
+                bottom: 3px;
+                right: 38px;
             }
-            .ant-tabs-nav .ant-tabs-tab {
-                background: #273A82;
+            .tabs-tab-item-ly {
+                font-size: 16px !important;
                 color: #fff;
-                border-radius: 10px;
-                margin: 3px 0;
-                width: 65px;
-                padding: 8px 15px;
-                font-size: 16px;
-            }
-            .ant-tabs-nav .ant-tabs-tab-active {
-                color: #28FFF9;
-                background: url("./images/tab-active.png");
-                background-size: 100% 100%;
-                width: 85px;
-                height: 66px;
-                line-height: 53px;
-                padding-right: 35px;
+                height: 100%;
+                width: 2rem;
+                background: #2D669E;
+                right: 0;
+                top: 0;
+                border-radius: 0 5px 5px 0;
+                writing-mode: vertical-lr;
+                letter-spacing: 8px;
+                padding: 4px 0 0 5px;
+                text-align: center;
             }
         }
-        /deep/ .ant-tabs .ant-tabs-left-content {
-            border: none !important;
-            color: #fff;
-            height: 23rem;
-            overflow: hidden;
-            margin-left: 80px;
-            margin-top: 10px !important;
-            padding-left: 20px !important;
+        .tabs-tab-item > div {
+            position: absolute;
+            font-size: 16px !important;
+        }
+        .tabs-tab-item:nth-child(2n) {
+            margin-right: 0;
+        }
+        /deep/ .ant-tabs {
+            width: 10%;
+            .ant-tabs-left-bar {
+                border: none !important;
+                .ant-tabs-ink-bar {
+                    display: none !important;
+                }
+                .ant-tabs-nav .ant-tabs-tab {
+                    background: #273A82;
+                    color: #fff;
+                    border-radius: 10px;
+                    margin: 3px 0;
+                    width: 65px;
+                    padding: 8px 15px;
+                    font-size: 16px;
+                }
+                .ant-tabs-nav .ant-tabs-tab-active {
+                    color: #28FFF9;
+                    background: url("./images/tab-active.png");
+                    background-size: 100% 100%;
+                    width: 85px;
+                    height: 66px;
+                    line-height: 53px;
+                    padding-right: 35px;
+                }
+            }
         }
+
     }
 </style>
\ No newline at end of file