|
@@ -1,10 +1,11 @@
|
|
|
<!-- 合同付款详情 -->
|
|
|
<template>
|
|
|
<div class="container-wrap">
|
|
|
- <div>
|
|
|
- <Input></Input>
|
|
|
+ <div style="margin-bottom:10px">
|
|
|
+ <date-select v-model="params" @change="selectTime"></date-select>
|
|
|
</div>
|
|
|
<div style="background:#fff;padding:10px;margin-bottom:10px">
|
|
|
+
|
|
|
<Tabs v-model="salesVolumeCompanyTotalType" @on-click="tabsChange">
|
|
|
<TabPane label="全部" name="1"></TabPane>
|
|
|
<TabPane :label="(h) => {
|
|
@@ -39,12 +40,12 @@
|
|
|
}" name="6"></TabPane>
|
|
|
</Tabs>
|
|
|
<div>
|
|
|
- <Button style="margin:0 10px 5px 0" :type="params.companySelectId == null ? 'primary' : 'default'" @click="changeCompany(null,0)" >全部</Button>
|
|
|
+ <Button style="margin:0 10px 5px 0" :type="params.supplierId == null || params.supplierId =='' ? 'primary' : 'default'" @click="changeCompany(null,0,'')" >全部</Button>
|
|
|
<Button
|
|
|
style="margin:0 10px 5px 0"
|
|
|
- @click="changeCompany(i.supplierId,index)"
|
|
|
+ @click="changeCompany(i.supplierId,index,i.supplierName)"
|
|
|
v-for="(i,index) in statisticsData"
|
|
|
- :type="params.companySelectId == i.supplierId ? 'primary' : 'default'"
|
|
|
+ :type="params.supplierId == i.supplierId ? 'primary' : 'default'"
|
|
|
:key="i.supplierId"
|
|
|
v-if="i.type == salesVolumeCompanyTotalType || salesVolumeCompanyTotalType == '1'">
|
|
|
{{i.supplierName}}<span :style="params.companySelectId == i.supplierId ? 'color:#ffc107' : 'color:red'"> ({{i.total}})</span>
|
|
@@ -52,6 +53,15 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="container">
|
|
|
+ <Form ref="formInline" inline :label-width="100">
|
|
|
+ <Form-item label="按供应商查找">
|
|
|
+ <Input type="text" v-model="params.supplierName" placeholder="输入关键字模糊搜索"></Input>
|
|
|
+ </Form-item>
|
|
|
+ <Form-item label="按物料查找">
|
|
|
+ <Input type="text" v-model="params.materialName" placeholder="输入关键字模糊搜索"></Input>
|
|
|
+ </Form-item>
|
|
|
+ <Button type="primary" @click="changePage(1)">搜索</Button>
|
|
|
+ </Form>
|
|
|
<!-- 表格 -->
|
|
|
<div class="table-content">
|
|
|
<div v-if="data && data.length === 0" style="height: 100%;display: flex;justify-content: center;align-items: center">
|
|
@@ -218,6 +228,7 @@ import InvoiceForm from './modals/invoice-form'
|
|
|
import ContractForm from './modals/contract-form'
|
|
|
import ApplyForm from './modals/apply-pass-form'
|
|
|
import { GetInStockBill } from '@/api/stock'
|
|
|
+import dateSelect from '@/components/dateSelect/dateSelect'
|
|
|
import axios from 'axios'
|
|
|
export default {
|
|
|
name: 'material_pay_detail',
|
|
@@ -229,7 +240,8 @@ export default {
|
|
|
QualityForm,
|
|
|
InvoiceForm,
|
|
|
ContractForm,
|
|
|
- ApplyForm
|
|
|
+ ApplyForm,
|
|
|
+ dateSelect
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
@@ -265,14 +277,35 @@ export default {
|
|
|
supplierId: '',
|
|
|
supplierName: '',
|
|
|
strTime: '',
|
|
|
- endTime: ''
|
|
|
+ endTime: '',
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ selectTime(){
|
|
|
+ const v = this
|
|
|
+ v.params.supplierId = ''
|
|
|
+ v.params.pageNum = 1
|
|
|
+ v.getList()
|
|
|
+ v.getStatistics()
|
|
|
+ },
|
|
|
+ changeCompany(_id,index,_name){
|
|
|
+ const v = this
|
|
|
+ v.params.pageIndex = 1
|
|
|
+ if(v.params.supplierId == _id || _id == null){
|
|
|
+ // v.showList = v.showListCopy.slice(0,10)
|
|
|
+ v.params.supplierId = null
|
|
|
+
|
|
|
+ }else{
|
|
|
+ v.params.supplierId = _id
|
|
|
+
|
|
|
+ }
|
|
|
+ v.getList()
|
|
|
+
|
|
|
+ },
|
|
|
tabsChange(){
|
|
|
const v = this
|
|
|
- v.params.companySelectId = null
|
|
|
+ v.params.supplierId = null
|
|
|
//v.searchFn()
|
|
|
},
|
|
|
filterChange () {
|
|
@@ -377,6 +410,13 @@ export default {
|
|
|
.post('/cloudApi/purchaseContract/pay/statistics', v.params)
|
|
|
.then((res) => {
|
|
|
this.statisticsData = res.data.data
|
|
|
+ v.salesVolumeCompanyTotal = {
|
|
|
+ '50up':0,
|
|
|
+ '20-50':0,
|
|
|
+ '10-20':0,
|
|
|
+ '5-10':0,
|
|
|
+ '5down':0,
|
|
|
+ }
|
|
|
for (let i = 0; i < res.data.data.length; i++) {
|
|
|
const element = res.data.data[i];
|
|
|
element.total = element.sumMoney * 1
|
|
@@ -423,7 +463,7 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.container-wrap {
|
|
|
- height: 100%;
|
|
|
+
|
|
|
overflow: hidden;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|