174 lines
4.8 KiB
Vue
174 lines
4.8 KiB
Vue
<template>
|
||
<a-row :gutter="24">
|
||
<a-col :md="24">
|
||
<a-card :bordered="false">
|
||
<div style="width: 50%; margin: 0 auto">
|
||
<!-- 本期明细 -->
|
||
<div class="table-page-search-wrapper">
|
||
<div class="detailed">本期明细</div>
|
||
</div>
|
||
<!-- 本期开始时间 -->
|
||
<div class="table-operator font-size" style="margin: 20px 0px">
|
||
<p>本期开始时间:2020-20-20 00:00:00</p>
|
||
</div>
|
||
<!-- 金额||总计 -->
|
||
<div class="Statistics font-size">
|
||
<p>财务营收统计:{{RevenueStatistics}}</p>
|
||
<p>财务应付统计:{{PayableStatistics}}</p>
|
||
</div>
|
||
<div class="Statistics font-size">
|
||
<p>出库金额总计:{{DeliveryAmount}}</p>
|
||
<p>入库金额总计:{{ReceiptAmount}}</p>
|
||
</div>
|
||
<div class="Statistics font-size">
|
||
<p>物料金额总计:{{MaterialAmount}}</p>
|
||
</div>
|
||
<div class="button">
|
||
<a-button type="primary" @click="CarryForward">立即结转</a-button>
|
||
</div>
|
||
</div>
|
||
<a-modal v-model="CarryForwardMessage" title="操作提示" @ok="handleTipOk">
|
||
<p>确定结转嘛？</p>
|
||
</a-modal>
|
||
</a-card>
|
||
</a-col>
|
||
|
||
</a-row>
|
||
</template>
|
||
<!--power by ji shenghua-->
|
||
<script>
|
||
// import InventoryReviewModal from './modules/InventoryReviewModal.vue'
|
||
// import BillDetail from './dialog/BillDetail'
|
||
// import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
||
// import { BillListMixin } from './mixins/BillListMixin'
|
||
// import JDate from '@/components/jeecg/JDate'
|
||
// import Vue from 'vue'
|
||
// import ListColumnsSetter from '@/components/ListColumnsSetter'
|
||
// import tableDragResizeMixin from '@/mixins/tableDragResizeMixin'
|
||
export default {
|
||
name: 'InventorySeason',
|
||
// mixins: [JeecgListMixin],
|
||
components: {
|
||
// InventoryReviewModal,
|
||
// BillDetail,
|
||
// JDate,
|
||
// ListColumnsSetter,
|
||
},
|
||
data() {
|
||
return {
|
||
CarryForwardMessage: false,
|
||
RevenueStatistics:0.00,
|
||
PayableStatistics:0.00,
|
||
DeliveryAmount:0.00,
|
||
ReceiptAmount:33.33,
|
||
MaterialAmount:11111.11
|
||
// 查询条件
|
||
// queryParam: {
|
||
// number: '',
|
||
// materialParam: '',
|
||
// type: '其它',
|
||
// subType: '盘点复盘',
|
||
// roleType: Vue.ls.get('roleType'),
|
||
// organId: '',
|
||
// depotId: '',
|
||
// creator: '',
|
||
// linkNumber: '',
|
||
// },
|
||
// labelCol: {
|
||
// span: 5,
|
||
// },
|
||
// wrapperCol: {
|
||
// span: 18,
|
||
// offset: 1,
|
||
// },
|
||
// // 表头
|
||
// columns: [
|
||
// {
|
||
// title: '单据编号',
|
||
// dataIndex: 'number',
|
||
// width: 160,
|
||
// align: 'center',
|
||
// customRender: function (text, record, index) {
|
||
// if (record.linkNumber) {
|
||
// return text + '[转]'
|
||
// } else {
|
||
// return text
|
||
// }
|
||
// },
|
||
// },
|
||
// {
|
||
// title: '商品信息',
|
||
// dataIndex: 'materialsList',
|
||
// width: 220,
|
||
// align: 'center',
|
||
// ellipsis: true,
|
||
// customRender: function (text, record, index) {
|
||
// if (text) {
|
||
// return text.replace(',', '，')
|
||
// }
|
||
// },
|
||
// },
|
||
// { title: '单据日期', dataIndex: 'operTimeStr', width: 145, align: 'center' },
|
||
// { title: '操作员', dataIndex: 'userName', width: 80, align: 'center', ellipsis: true },
|
||
// { title: '金额合计', dataIndex: 'totalPrice', width: 80, align: 'center' },
|
||
// {
|
||
// title: '状态',
|
||
// dataIndex: 'status',
|
||
// width: 80,
|
||
// align: 'center',
|
||
// scopedSlots: { customRender: 'customRenderStatus' },
|
||
// },
|
||
// {
|
||
// title: '操作',
|
||
// dataIndex: 'action',
|
||
// align: 'center',
|
||
// width: 150,
|
||
// scopedSlots: { customRender: 'action' },
|
||
// },
|
||
// ],
|
||
// url: {
|
||
// list: '/depotHead/list',
|
||
// delete: '/depotHead/delete',
|
||
// deleteBatch: '/depotHead/deleteBatch',
|
||
// batchSetStatusUrl: '/depotHead/batchSetStatus',
|
||
// },
|
||
}
|
||
},
|
||
computed: {},
|
||
created() {
|
||
// this.initSupplier()
|
||
// this.getDepotData()
|
||
// this.initUser()
|
||
},
|
||
methods: {
|
||
CarryForward() {
|
||
this.CarryForwardMessage = true
|
||
},
|
||
handleTipOk() {
|
||
this.CarryForwardMessage = false
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
/* @import '~@assets/less/common.less'; */
|
||
.detailed {
|
||
font-size: 30px;
|
||
font-weight: bold;
|
||
}
|
||
.Statistics {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 10px;
|
||
}
|
||
.font-size {
|
||
font-size: 15px;
|
||
}
|
||
.ant-btn {
|
||
width: 140px;
|
||
height: 40px;
|
||
}
|
||
.button {
|
||
text-align: center;
|
||
}
|
||
</style> |