操作单据处理大小模块接口、回显、样式

init
zhusiyu 3 years ago
parent ed10474809
commit e719cb301e

@ -1,38 +1,8 @@
export default { export default {
/* /*操作单据处理数据*/
* 获取服务器端系统时间 "searchAssetsByCondition": {
* */ url: '/intellioa/asset/assetTransaction/searchAssetsByCondition',
"getNowTime": {
url: '/intellioa/common/getNowTime',
method: 'get', method: 'get',
isTestLogin: true 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响应说明
} }

@ -1,243 +1,258 @@
<template> <template>
<div class="processing"> <div class="processing">
<!--<a-spin :spinning="spinning" class="spinning">--> <a-tabs v-model:activeKey="activeKey" @change="changeTabs">
<a-tabs v-model:activeKey="activeKey"> <a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in tabArr" :key="index+1"></a-tab-pane>
<a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in itemData" :key="index+1"> </a-tabs>
<vue-scroll :ops="listScroll" <a-spin :spinning="spinning">
:style="showPage?'height:25rem':'height:25rem'" <div class="tabs-tab-item" v-for="(item1,i) in contentArr" :key="i+1"
class="score-list-div"> @click="showDetail(item1)">
<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-userImg">{{item1.userImg}}</div>
<div class="tabs-tab-item-idNum">{{item1.idNum}}</div> <div class="tabs-tab-item-idNum">{{item1.manage_dept_id}}</div>
<div class="tabs-tab-item-name">{{item1.name}}</div> <div class="tabs-tab-item-name">{{item1.user_person_name}}</div>
<div class="tabs-tab-item-time">{{item1.time}}</div> <div class="tabs-tab-item-time">{{item1.warehouse_date}}</div>
<div class="tabs-tab-item-zichan">{{item1.zichan}}</div> <div class="tabs-tab-item-zichan">{{item1.asset_category_name}}/{{item1.asset_category_id}}
<div class="tabs-tab-item-ly">领用</div> </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>
</vue-scroll>
</a-tab-pane>
</a-tabs>
<!--</a-spin>-->
</div> </div>
</template> </template>
<script> <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 { export default {
data() { data() {
return { return {
activeKey: 1, activeKey: 1,
showPage: true, tabArr: [],
listScroll: this.StaticParams.scrollOption, contentArr: [],
itemData: [ acquisitionSlip: false,//
{ returnReceipt: false,//退
title: '领用', transferSlip: false,//
content: [{ maintenanceSlip: false,//
userImg: '', loanSlip: false,//
idNum: '444444', returnSlip: false,//
name: 'xxxx', scrapSlip: false,//
time: '2020-20-20 14:00:00', disposalSlip: false,//
zichan: 'Jilian' assetState: '领用',
}, { receiptType: 3,
userImg: '', spinning: true,
idNum: '444444', pageNumber: 1,
name: 'xxxx', pageSize: 6,
time: '2020-20-20 14:00:00', totalPage: 0,
zichan: 'Jilian' totolNum: 0,
}, { }
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'
},],
}, },
{ components: {
title: '维修', AIcon: Icon,
content: [{ ASpin: Spin,
userImg: '', ACarousel: Carousel,
idNum: '777777', ATabs: Tabs,
name: 'xxxx', ATabPane: Tabs.TabPane,
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'
},],
}, },
{ created() {
title: '借用', //
content: [{ this.acquisitionSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "acquisitionSlip"])
userImg: '', if (this.acquisitionSlip) {
idNum: '8888', this.tabArr.push({
name: 'xxxx', title: "领用",
time: '2020-20-20 14:00:00', tabIndex: 1
zichan: 'Jilian' })
}, { }
userImg: '', //退
idNum: '8888888', this.returnReceipt = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "returnReceipt"])
name: 'xxxx', if (this.returnReceipt) {
time: '2020-20-20 14:00:00', this.tabArr.push({
zichan: 'Jilian' title: "退库",
}, { tabIndex: 2
userImg: '', })
idNum: '888888', }
name: 'xxxx', //
time: '2020-20-20 14:00:00', this.transferSlip = OfficeMenuConfig.menuIsExist(["assetManagement", "assetAlterationManagement", "operatingDocumentProcessing", "transferSlip"])
zichan: 'Jilian' 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() {
title: '归还', this.getSearchAssetsByCondition()
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'
},],
}, },
{ methods: {
title: '报废', changePage: function (type) {
content: [{ if (type == 'previous') {
userImg: '', if (this.pageNumber == 1) {
idNum: '000000', return;
name: 'xxxx', }
time: '2020-20-20 14:00:00', this.pageNumber--;
zichan: 'Jilian' } else if (type == 'next') {
}, { if (this.pageNumber == this.totalPage) {
userImg: '', return;
idNum: '0000000', }
name: 'xxxx', this.pageNumber++;
time: '2020-20-20 14:00:00', }
zichan: 'Jilian' this.getSearchAssetsByCondition();
},],
}, },
{ showDetail(detail) {
title: '处置',
content: [{
userImg: '',
idNum: '111111111',
name: 'xxxx',
time: '2020-20-20 14:00:00',
zichan: 'Jilian'
}],
}, },
], changeTabs(activeKey) {
spinning: false, 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()
}, },
components: { getSearchAssetsByCondition() {
ASpin: Spin, let param = {
AIcon: Icon, org_id: this.BaseConfig.person_info_my.bureau_id, //ID
ACarousel: Carousel, data_level: 1,
ATabs: Tabs, receipt_type: this.receiptType,
ATabPane: Tabs.TabPane, //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
}
})
}, },
methods: {} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.processing { .processing {
height: 32rem; height: 33rem;
width: 100%; width: 100%;
padding: 10px; 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 { .spinning {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.tabs-tab {
.score-list-div {
width: 100%;
height: 25rem !important;
display: flex;
flex-direction: column;
margin-top: 0;
overflow: hidden;
}
.tabs-tab-item { .tabs-tab-item {
margin-bottom: 15px; margin-bottom: 15px;
border: 1px solid #fff; border: 1px solid #fff;
@ -294,7 +309,7 @@
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
writing-mode: vertical-lr; writing-mode: vertical-lr;
letter-spacing: 8px; letter-spacing: 8px;
padding: 2px 0 0 2px; padding: 4px 0 0 5px;
text-align: center; text-align: center;
} }
} }
@ -302,14 +317,17 @@
position: absolute; position: absolute;
font-size: 16px !important; font-size: 16px !important;
} }
.tabs-tab-item:nth-child(2n) { .tabs-tab-item:nth-child(6n) {
margin-right: 0; margin-bottom: 0;
}
} }
/deep/ .ant-tabs { /deep/ .ant-tabs {
border: none !important; border: none !important;
.ant-tabs-bar { .ant-tabs-bar {
border: none !important; border: none !important;
margin: 0 0 6px 0 !important;
width: 100%;
display: flex;
justify-content: space-around;
} }
.ant-tabs-nav-container-scrolling { .ant-tabs-nav-container-scrolling {
padding: 0 !important; padding: 0 !important;
@ -336,13 +354,5 @@
padding-left: 19px; 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> </style>

@ -1,228 +1,218 @@
<template> <template>
<div class="processingLarge"> <div class="processingLarge">
<a-tabs v-model:activeKey="activeKey" tabPosition="left"> <a-tabs v-model:activeKey="activeKey" tabPosition="left" @change="changeTabs">
<a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in itemData" :key="index+1"> <a-tab-pane :tab="item.title" class="tabs-tab" v-for="(item,index) in tabArr" :key="index+1">
<vue-scroll :ops="listScroll" </a-tab-pane>
:style="showPage?'height:22rem':'height:22rem'" </a-tabs>
class="score-list-div"> <a-spin :spinning="spinning" class="spinning-style">
<div class="tabs-tab-item" v-for="(item1,index) in item.content" :key="index+1" <div class="tabs-tab-item" v-for="(item1,index) in contentArr" :key="index"
@click="showDetail(item)"> @click="showDetail(item)">
<div class="tabs-tab-item-userImg">{{item1.userImg}}</div> <div class="tabs-tab-item-userImg">{{item1.userImg}}</div>
<div class="tabs-tab-item-idNum">{{item1.idNum}}</div> <div class="tabs-tab-item-idNum">{{item1.manage_dept_id}}</div>
<div class="tabs-tab-item-name">{{item1.name}}</div> <div class="tabs-tab-item-name">{{item1.user_person_name}}</div>
<div class="tabs-tab-item-time">{{item1.time}}</div> <div class="tabs-tab-item-time">{{item1.warehouse_date}}</div>
<div class="tabs-tab-item-zichan">{{item1.zichan}}</div> <div class="tabs-tab-item-zichan">{{item1.asset_category_name}}/{{item1.asset_category_id}}
<div class="tabs-tab-item-ly">领用</div> </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>
</vue-scroll>
</a-tab-pane>
</a-tabs>
<!--<viewDocuments :visible="visible"/>-->
</div> </div>
</template> </template>
<script> <script>
import {Tabs, Carousel, Icon,} from 'ant-design-vue'; import {Tabs, Carousel, Icon, Spin,} from 'ant-design-vue';
// import viewDocuments from './viewDocuments.vue'; import OfficeMenuConfig from '../../../../../../../../src/utils/officeMenuConfig';
import InterConfig from './interConfig';
export default { export default {
data() { data() {
return { return {
activeKey: 1, activeKey: 1,
showPage: true, tabArr: [],
listScroll: this.StaticParams.scrollOption, contentArr: [],
itemData: [ acquisitionSlip: false,//
{ returnReceipt: false,//退
title: '领用', transferSlip: false,//
content: [{ maintenanceSlip: false,//
userImg: '', loanSlip: false,//
idNum: '444444', returnSlip: false,//
name: 'xxxx', scrapSlip: false,//
time: '2020-20-20 14:00:00', disposalSlip: false,//
zichan: 'Jilian' assetState: '领用',
}, { receiptType: 3,
userImg: '', spinning: true,
idNum: '444444', pageNumber: 1,
name: 'xxxx', pageSize: 10,
time: '2020-20-20 14:00:00', totalPage: 0,
zichan: 'Jilian' totolNum: 0,
}, {
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,
} }
}, },
components: { components: {
// viewDocuments,
AIcon: Icon, AIcon: Icon,
ASpin: Spin,
ACarousel: Carousel, ACarousel: Carousel,
ATabs: Tabs, ATabs: Tabs,
ATabPane: Tabs.TabPane, 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: { methods: {
handleOk() { changePage: function (type) {
this.visible = false 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) { 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,14 +222,39 @@
height: 24.3rem; height: 24.3rem;
width: 100%; width: 100%;
padding: 10px; padding: 10px;
.tabs-tab { position: relative;
.score-list-div {
width: 100%;
height: 22rem;
display: flex; display: flex;
flex-direction: column; .spinning-style {
margin-top: 0; position: absolute;
overflow: hidden; 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 { .tabs-tab-item {
margin-bottom: 15px; margin-bottom: 15px;
@ -248,7 +263,7 @@
width: calc(50% - 15px); width: calc(50% - 15px);
height: 3.5rem; height: 3.5rem;
float: left; float: left;
margin-right: 15px; margin-right: 15px !important;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
.tabs-tab-item-userImg { .tabs-tab-item-userImg {
@ -298,7 +313,7 @@
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
writing-mode: vertical-lr; writing-mode: vertical-lr;
letter-spacing: 8px; letter-spacing: 8px;
padding: 2px 0 0 2px; padding: 4px 0 0 5px;
text-align: center; text-align: center;
} }
} }
@ -309,8 +324,9 @@
.tabs-tab-item:nth-child(2n) { .tabs-tab-item:nth-child(2n) {
margin-right: 0; margin-right: 0;
} }
} /deep/ .ant-tabs {
/deep/ .ant-tabs .ant-tabs-left-bar { width: 10%;
.ant-tabs-left-bar {
border: none !important; border: none !important;
.ant-tabs-ink-bar { .ant-tabs-ink-bar {
display: none !important; display: none !important;
@ -334,14 +350,7 @@
padding-right: 35px; padding-right: 35px;
} }
} }
/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;
} }
} }
</style> </style>
Loading…
Cancel
Save