intellioa
/
super-fusion-platform
mirror of http://10.10.14.221/feiliming/oa-project-vue.git
6
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

Browse Source
init
zhusiyu 3 years ago
parent ed10474809
commit e719cb301e
3 changed files with 608 additions and 619 deletions
Show Stats Download Patch File Download Diff File

36
src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/interConfig.js
Unescape View File

@ -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：响应说明
}

572
src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processing.vue
Unescape View File

@ -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>

619
src/views/screenAdaptation/pages/adminCenter/moduleCom/oa/operationDocuprocessing/processingLarge.vue
Unescape View File

@ -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>
Write Preview
Loading…
Cancel
Save