|
|
@@ -0,0 +1,266 @@
|
|
|
+<template>
|
|
|
+ <!-- 【单证】 面料损耗汇总 -->
|
|
|
+ <div id="costAllocationTotal">
|
|
|
+ <!-- 查询区域 -->
|
|
|
+ <a-card :bordered="false">
|
|
|
+ <div class="table-page-search-wrapper">
|
|
|
+ <a-form layout="inline" @keyup.enter.native="searchQuery">
|
|
|
+ <a-row :gutter="24">
|
|
|
+
|
|
|
+
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="保存日期" has-feedback>
|
|
|
+ <a-date-picker style="width: 100%" v-model="queryParam.createTime" @change="onChange" :format="dateFormat"> </a-date-picker>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="审核人">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.approvalMan"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="审核日期" has-feedback>
|
|
|
+ <a-date-picker style="width: 100%" v-model="queryParam.approvalDate" @change="onChange" :format="dateFormat"> </a-date-picker>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <template v-if="toggleSearchStatus">
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="计划单号">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.ccode"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="款号">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.cDefine22"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="计划员">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.planner"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="成衣合同号">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.contractNo"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="排单数量">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.number"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="业务员">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.cPersonName"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="实际出库数量">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.outboundNumber"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <a-form-item label="制单人">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.makingPeople"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <a-col :md="6" :sm="8">
|
|
|
+ <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
|
|
+ <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
|
|
+ <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
|
|
+ <a @click="handleToggleSearch" style="margin-left: 8px">
|
|
|
+ {{ toggleSearchStatus ? '收起' : '展开' }}
|
|
|
+ <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
|
|
|
+ </a>
|
|
|
+ </span>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+
|
|
|
+ <!-- table区域 -->
|
|
|
+ <a-card :bordered="false" style=" marginTop:10px;">
|
|
|
+ <a-table
|
|
|
+ bordered
|
|
|
+ rowKey="id"
|
|
|
+ :columns="fabricLossesColumns"
|
|
|
+ :data-source="fabricLossesData"
|
|
|
+ :loading="loading"
|
|
|
+ :pagination="pagination"
|
|
|
+ :scroll="{ x: 1500 }"
|
|
|
+ @change="handleTableChange"
|
|
|
+ >
|
|
|
+ </a-table>
|
|
|
+ </a-card>
|
|
|
+
|
|
|
+ <!-- 详情 大抽屉 -->
|
|
|
+ <!-- <costDetail-drawer ref="costDetailDrawer" :fatherList="getCostList" @ok="modalFormOk"></costDetail-drawer> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
+import JEllipsis from '@/components/jeecg/JEllipsis'
|
|
|
+import moment from 'moment'
|
|
|
+
|
|
|
+import costDetailDrawer from '@views/cost-allocation-total/costDetailDrawer.vue'
|
|
|
+
|
|
|
+import { checkList } from '@api/document/fabricLossesSummary.js'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'fabricLossesSummary',
|
|
|
+ mixins: [JeecgListMixin],
|
|
|
+ components: { JEllipsis, moment, costDetailDrawer },
|
|
|
+
|
|
|
+ data() {
|
|
|
+ let ellipsis = (v, l = 20) => <j-ellipsis value={v} length={l} />
|
|
|
+ return {
|
|
|
+ fabricLossesColumns: [
|
|
|
+ {
|
|
|
+ title: '保存日期',
|
|
|
+ width: 120,
|
|
|
+ dataIndex: 'createTime',
|
|
|
+ customRender: text => {
|
|
|
+ return moment(text).format('YYYY-MM-DD')
|
|
|
+ },
|
|
|
+ ellipsis: true,
|
|
|
+ className: 'replacecolor'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '审核人',
|
|
|
+ width: 120,
|
|
|
+ dataIndex: 'approvalMan',
|
|
|
+ ellipsis: true,
|
|
|
+ className: 'replacecolor'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '审核日期',
|
|
|
+ width: 120,
|
|
|
+ dataIndex: 'approvalDate',
|
|
|
+ customRender: text => {
|
|
|
+ if(text!==''&&text){
|
|
|
+ return moment(text).format('YYYY-MM-DD')
|
|
|
+ }else{
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ ellipsis: true,
|
|
|
+ className: 'replacecolor'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '计划单号',
|
|
|
+ width: 120,
|
|
|
+ dataIndex: 'ccode',
|
|
|
+ ellipsis: true,
|
|
|
+ className: 'replacecolor'
|
|
|
+ },
|
|
|
+ { title: '款号', width: 90, dataIndex: 'cdefine22',ellipsis: true, className: 'replacecolor' },
|
|
|
+ {
|
|
|
+ title: '计划员',
|
|
|
+ width: 120,
|
|
|
+ dataIndex: 'planner',
|
|
|
+ className: 'replacecolor',
|
|
|
+ ellipsis: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '成衣合同号',
|
|
|
+ width: 120,
|
|
|
+ dataIndex: 'contractNo',
|
|
|
+ ellipsis: true,
|
|
|
+ className: 'replacecolor'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '排单数量',
|
|
|
+ width: 120,
|
|
|
+ dataIndex: 'number',
|
|
|
+ ellipsis: true,
|
|
|
+ className: 'replacecolor'
|
|
|
+ },
|
|
|
+ { title: '业务员', width: 120, dataIndex: 'cpersonName',ellipsis: true, className: 'replacecolor' },
|
|
|
+ {
|
|
|
+ title: '实际出库数量',
|
|
|
+ width: 180,
|
|
|
+ dataIndex: 'outboundNumber',
|
|
|
+ ellipsis: true,
|
|
|
+ // customRender: t => ellipsis(t),
|
|
|
+ className: 'replacecolor',
|
|
|
+ },
|
|
|
+ { title: '制单人', width: 120, dataIndex: 'makingPeople', ellipsis: true,className: 'replacecolor' },
|
|
|
+
|
|
|
+ ],
|
|
|
+ fabricLossesData: [],
|
|
|
+ // 查询条件
|
|
|
+ queryParam: {
|
|
|
+ // index: '',
|
|
|
+ // planNum: '',
|
|
|
+ // customerShortame: '',
|
|
|
+ pageNo: '' // 点击的页数
|
|
|
+ },
|
|
|
+ // 分页
|
|
|
+ pagination: {
|
|
|
+ },
|
|
|
+ dateFormat: 'YYYY-MM-DD',
|
|
|
+ loading: false // 表格加载
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getCostList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 分页查询
|
|
|
+ getCostList() {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ checkList(this.queryParam).then(res => {
|
|
|
+ if (res.success) {
|
|
|
+ this.fabricLossesData = res.result.records
|
|
|
+ this.pagination = {
|
|
|
+ total: res.result.total,
|
|
|
+ current: res.result.current,
|
|
|
+ pageSize: res.result.size
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ searchQuery() {
|
|
|
+ this.getCostList()
|
|
|
+ },
|
|
|
+ searchReset() {
|
|
|
+ this.queryParam.pageNo = ''
|
|
|
+ this.queryParam = {}
|
|
|
+ this.getCostList()
|
|
|
+ },
|
|
|
+ onChange(){
|
|
|
+ this.queryParam.createTime = (this.queryParam.createTime&&this.queryParam.createTime!=='')?this.queryParam.createTime.format('YYYY-MM-DD'):''
|
|
|
+ this.queryParam.approvalDate = (this.queryParam.approvalDate&&this.queryParam.approvalDate!=='')?this.queryParam.approvalDate.format('YYYY-MM-DD'):''
|
|
|
+ },
|
|
|
+
|
|
|
+ handleTableChange(pagination, filters, sorter) {
|
|
|
+ this.queryParam.pageNo = pagination.current
|
|
|
+ this.getCostList()
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {},
|
|
|
+ mounted() {}
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+@import '~@assets/less/common.less';
|
|
|
+@import '~@assets/less/overwriter.less';
|
|
|
+/deep/ .ant-table-thead > tr > th {
|
|
|
+ text-align: center;
|
|
|
+ // font-weight: 700;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .ant-table-tbody {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+// /deep/ th.replacecolor {
|
|
|
+// background-color: #ccc;
|
|
|
+// }
|
|
|
+</style>
|
jbb