Browse Source

完善付款申请 -- 上装、挂车

master
yunuo970428 3 months ago
parent
commit
7adaf930e0
  1. 24
      anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js
  2. 207
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue
  3. 65
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue
  4. 168
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/top.vue
  5. 174
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/trailerCar.vue
  6. 61
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanDaiBanInfo.vue
  7. 201
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanEdit.vue
  8. 59
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanYiBanInfo.vue
  9. 168
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/top.vue
  10. 174
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/trailerCar.vue

24
anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/payment.js

@ -10,12 +10,30 @@ export default {
headers: { 'Content-Type': 'application/json' }
})
},
// 查询分页列表
pageList: function(params) {
// 查询分页列表 -- 选择主车车辆
pageList: function(data) {
return request({
url: '/base/v1/basevehicle/selectPayVehicleList',
method: 'post',
data: params,
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 查询分页列表 -- 选择挂车
trailerApply: function(data) {
return request({
url: '/base/v1/basetrailer/payApply',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 查询分页列表 -- 选择上装
topApply: function(data) {
return request({
url: '/base/v1/basevehinstall/payApply',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},

207
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentAdd.vue

@ -54,7 +54,7 @@
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>是否涉及车辆</div>
<el-form-item prop="isVeh">
<el-radio-group class="addinputInfo" v-model="formobj.isVeh">
<el-radio-group :disabled="formobj.costTypeKey !== '001' && formobj.costTypeKey !== ''" class="addinputInfo" v-model="formobj.isVeh">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
@ -204,12 +204,67 @@
</el-table-column>
</el-table>
</div>
<div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
<div class="title titleOne">
<div>挂车列表</div>
<el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="trailerSelect()">选择</el-button>
</div>
<el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column fixed label="操作" width="100" align="center">
<template slot-scope="scope">
<el-button size="mini" type="danger" @click="trailerDelete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
<el-table-column prop="size" label="外观尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
<div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
<div class="title titleOne">
<div>上装列表</div>
<el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="topSelect()">选择</el-button>
</div>
<el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column fixed label="操作" width="100" align="center">
<template slot-scope="scope">
<el-button size="mini" type="danger" @click="topDelete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
<el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
<!-- 主车车辆列表选择车辆 -->
<vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState"/>
<!-- 付款明细表新增关联付款信息 -->
<el-dialog :visible.sync="paymentVisible" width="70%" :show-close="false">
<el-form class="formaddcopy02">
@ -244,6 +299,12 @@
<el-button size="small" @click="paymentClose">关闭</el-button>
</div>
</el-dialog>
<!-- 主车车辆列表选择车辆 -->
<vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState" />
<!-- 挂车列表选择车辆 -->
<trailerCar v-show="viewState == 6" ref="divTrailer" @backData="backTrailer" @doback="resetState" />
<!-- 上装列表选择车辆 -->
<top v-show="viewState == 7" ref="divTop" @backData="backTop" @doback="resetState" />
<!-- 关联付款信息新增 -->
<paymentInformationAdd v-show="viewState == 3" ref="divPaymentInformation" @backInformation="backInformation" @doback="resetStateByInformation" />
<!-- 关联付款信息详情 -->
@ -257,6 +318,8 @@
import req from '@/api/anruifinmanagement/payment'
import { typeValues, getOrgSidByPath, getInvoicingList, brandDown, selectNameByOrg, getTypeValueList } from '@/api/jichuxinxi/dictcommons'
import vehcile from './relation/vehcile'
import trailerCar from './relation/trailerCar'
import top from './relation/top'
import paymentInformationAdd from './relation/paymentInformationAdd'
import paymentInformationInfo from './relation/paymentInformationInfo'
import tops from '@/components/publicPage/tops'
@ -265,6 +328,8 @@ export default {
name: 'PaymentAdd',
components: {
vehcile,
trailerCar,
top,
paymentInformationAdd,
paymentInformationInfo,
tops
@ -277,6 +342,8 @@ export default {
tableKey: 0,
vehicleKey: 1,
paymentKey: 2,
trailerKey: 3,
topKey: 4,
index: 0,
carBrand_list: [],
costRange_list: [],
@ -312,8 +379,10 @@ export default {
carBrandSid: '', // sid
carBrandName: '', //
orgSidPath: '',
detailsList: [],
vehicleList: []
detailsList: [], //
vehicleList: [], //
trailerList: [], //
topList: [] //
},
rules: {
carBrandName: [{ required: true, message: '品牌不能为空', trigger: 'change' }],
@ -452,8 +521,12 @@ export default {
const choose = this.costType_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
this.formobj.costTypeKey = choose[0].dictKey
if (this.formobj.costTypeKey !== '001') {
this.formobj.isVeh = '0'
}
} else {
this.formobj.costTypeKey = ''
this.formobj.isVeh = ''
}
},
changePayCompany(value) {
@ -489,6 +562,35 @@ export default {
handleDelete(index) {
this.formobj.detailsList.splice(index, 1)
},
changeCostTitle(value, row) {
const choose = this.costTitle_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.costTitleKey = choose[0].dictKey
} else {
row.costTitleKey = ''
}
},
changePaymentType(value, row) {
const choose = this.payment_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.paymentTypeKey = choose[0].dictKey
} else {
row.paymentTypeKey = ''
}
},
changeActualPay(value, row) {
const choose = this.actualPay_list.filter((item) => item.actualPay === value)
if (choose.length > 0 && choose !== null) {
row.actualPay = choose[0].actualPay
row.receiveCompany = choose[0].accountName
row.bank = choose[0].depositBank
row.receivingAccount = choose[0].bankAccount
} else {
row.actualPay = ''
row.bank = ''
row.receivingAccount = ''
}
},
handleAddPayment(row, index) {
if (row.paymentType === '') {
this.$message({ showClose: true, type: 'error', message: '付款方式不能为空' })
@ -620,33 +722,64 @@ export default {
this.viewState = 5
this.$refs['divTops'].showInfo({ sid: row.topSid })
},
changeCostTitle(value, row) {
const choose = this.costTitle_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.costTitleKey = choose[0].dictKey
} else {
row.costTitleKey = ''
}
trailerSelect() {
this.viewState = 6
this.$refs['divTrailer'].showData(this.formobj.trailerList, this.formobj.useOrgSid)
},
changePaymentType(value, row) {
const choose = this.payment_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.paymentTypeKey = choose[0].dictKey
} else {
row.paymentTypeKey = ''
trailerDelete(index) {
this.formobj.trailerList.splice(index, 1)
},
backTrailer(value) {
this.viewState = 1
value = JSON.parse(JSON.stringify(value))
if (value.length > 0) {
value.forEach((e) => {
this.formobj.trailerList.push({
trailerTypeValue: e.trailerTypeValue, //
size: e.size, //
vinNo: e.vinNo, //
trailerSid: e.trailerSid, // sid
color: e.color, //
costPrice: e.costPrice, //
brandName: e.brandName, //
vehModel: e.vehModel, //
zcVinNo: e.zcVinNo, //
contractNo: e.contractNo, //
saleOrderNo: e.saleOrderNo, //
customerName: e.customerName, //
payType: e.payType //
})
})
}
},
changeActualPay(value, row) {
const choose = this.actualPay_list.filter((item) => item.actualPay === value)
if (choose.length > 0 && choose !== null) {
row.actualPay = choose[0].actualPay
row.receiveCompany = choose[0].accountName
row.bank = choose[0].depositBank
row.receivingAccount = choose[0].bankAccount
} else {
row.actualPay = ''
row.bank = ''
row.receivingAccount = ''
topSelect() {
this.viewState = 7
this.$refs['divTop'].showData(this.formobj.topList, this.formobj.useOrgSid)
},
topDelete(index) {
this.formobj.topList.splice(index, 1)
},
backTop(value) {
this.viewState = 1
value = JSON.parse(JSON.stringify(value))
if (value.length > 0) {
value.forEach((e) => {
this.formobj.topList.push({
installNameValue: e.installNameValue, //
topSid: e.topSid, // sid
size: e.size, //
vinNo: e.vinNo, //
vehiSid: e.vehiSid, // sid
color: e.color, //
costPrice: e.costPrice, //
brandName: e.brandName, //
vehModel: e.vehModel, //
contractNo: e.contractNo, //
saleOrderNo: e.saleOrderNo, //
customerName: e.customerName, //
payType: e.payType //
})
})
}
},
saveOrUpdate() {
@ -745,6 +878,16 @@ export default {
}, 0)
sums[index] += ''
this.formobj.carTotal = sums[index] += ''
} else if (column.property === 'costPrice') {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
}
})
return sums
@ -781,8 +924,10 @@ export default {
carBrandSid: '', // sid
carBrandName: '', //
orgSidPath: '',
detailsList: [],
vehicleList: []
detailsList: [], //
vehicleList: [], //
trailerList: [], //
topList: [] //
}
this.submitdisabled = false
this.$refs['form_obj'].resetFields()

65
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/paymentInfo.vue

@ -121,6 +121,47 @@
</el-table-column>
</el-table>
</div>
<div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
<div class="title">挂车列表</div>
<el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
<el-table-column prop="size" label="外观尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
<div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
<div class="title">上装列表</div>
<el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
<el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
</el-form>
</div>
</div>
@ -179,6 +220,8 @@ export default {
tableKey: 0,
vehicleKey: 1,
paymentKey: 2,
trailerKey: 3,
topKey: 4,
index: 0,
formobj: {
billNo: '', //
@ -207,8 +250,10 @@ export default {
carBrandSid: '', // sid
carBrandName: '', //
orgSidPath: '',
detailsList: [],
vehicleList: []
detailsList: [], //
vehicleList: [], //
trailerList: [], //
topList: [] //
},
rules: {},
paymentVisible: false, // --
@ -300,6 +345,16 @@ export default {
}, 0)
sums[index] += ''
this.formobj.carTotal = sums[index] += ''
} else if (column.property === 'costPrice') {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
}
})
return sums
@ -335,8 +390,10 @@ export default {
carBrandSid: '', // sid
carBrandName: '', //
orgSidPath: '',
detailsList: [],
vehicleList: []
detailsList: [], //
vehicleList: [], //
trailerList: [], //
topList: [] //
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')

168
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/top.vue

@ -0,0 +1,168 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>选择上装页面</div>
<div>
<el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
<el-button type="info" size="small" @click="handleColse()">关闭</el-button>
</div>
</div>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="上装名称">
<el-input v-model="listQuery.params.installNameValue" placeholder="" clearable />
</el-form-item>
<el-form-item label="车架号">
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">上装列表</div>
</div>
<div class="">
<el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50" type="selection" align="center"/>
<el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column prop="installNameValue" label="上装名称" align="center" />
<el-table-column prop="vinNo" label="车架号" align="center" />
<el-table-column prop="brandName" label="主车品牌" align="center" />
<el-table-column prop="customerName" label="客户名称" align="center" />
</el-table>
</div>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import req from '@/api/anruifinmanagement/payment'
export default {
name: 'Top',
components: {
Pagination
},
data() {
return {
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
tableKey: 0,
sids: [],
list: [],
multipleSelection: [],
listLoading: false,
listQuery: {
current: 1,
size: 5,
params: {
installNameValue: '',
useOrgSid: '',
vinNo: '',
customerName: '',
sids: []
},
total: 0
}
}
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
this.multipleSelection = row
},
showData(value, useOrgSid) {
const aa = []
if (value.length > 0) {
for (var i = 0; i < value.length; i++) {
aa.push(value[i].topSid)
}
this.listQuery.params.sids = aa
} else {
this.listQuery.params.sids = []
}
this.listQuery.params.useOrgSid = useOrgSid
this.handleReset()
},
//
getList() {
this.listLoading = true
req.topApply(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.listQuery.total = response.data.total
this.list = response.data.records
} else {
this.listQuery.total = 0
this.list = []
}
})
},
//
handleFilter() {
this.listQuery.current = 1
this.getList()
},
//
handleReset() {
this.listQuery.current = 1
this.listQuery.size = 5
this.listQuery.total = 0
this.listQuery.params.installNameValue = ''
this.listQuery.params.vinNo = ''
this.listQuery.params.customerName = ''
this.getList()
},
//
handleConfirm() {
if (this.multipleSelection.length > 0) {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('backData', this.multipleSelection)
} else {
this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
}
},
//
handleColse() {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

174
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/fukuanshenqing/relation/trailerCar.vue

@ -0,0 +1,174 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>选择挂车页面</div>
<div>
<el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
<el-button type="info" size="small" @click="handleColse()">关闭</el-button>
</div>
</div>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="挂车名称">
<el-input v-model="listQuery.params.trailerTypeValue" placeholder="" clearable />
</el-form-item>
<el-form-item label="挂车车架号">
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="主车车架号">
<el-input v-model="listQuery.params.zcVinNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">挂车列表</div>
</div>
<div class="">
<el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50" type="selection" align="center"/>
<el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column prop="trailerTypeValue" label="挂车名称" align="center" />
<el-table-column prop="vinNo" label="挂车车架号" align="center" />
<el-table-column prop="brandName" label="主车品牌" align="center" />
<el-table-column prop="zcVinNo" label="主车车架号" align="center" />
<el-table-column prop="customerName" label="客户名称" align="center" />
</el-table>
</div>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import req from '@/api/anruifinmanagement/payment'
export default {
name: 'TrailerCar',
components: {
Pagination
},
data() {
return {
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
tableKey: 0,
sids: [],
list: [],
multipleSelection: [],
listLoading: false,
listQuery: {
current: 1,
size: 5,
params: {
trailerTypeValue: '',
useOrgSid: '',
vinNo: '',
zcVinNo: '',
customerName: '',
sids: []
},
total: 0
}
}
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
this.multipleSelection = row
},
showData(value, useOrgSid) {
const aa = []
if (value.length > 0) {
for (var i = 0; i < value.length; i++) {
aa.push(value[i].trailerSid)
}
this.listQuery.params.sids = aa
} else {
this.listQuery.params.sids = []
}
this.listQuery.params.useOrgSid = useOrgSid
this.handleReset()
},
//
getList() {
this.listLoading = true
req.trailerApply(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.listQuery.total = response.data.total
this.list = response.data.records
} else {
this.listQuery.total = 0
this.list = []
}
})
},
//
handleFilter() {
this.listQuery.current = 1
this.getList()
},
//
handleReset() {
this.listQuery.current = 1
this.listQuery.size = 5
this.listQuery.total = 0
this.listQuery.params.trailerTypeValue = ''
this.listQuery.params.vinNo = ''
this.listQuery.params.zcVinNo = ''
this.listQuery.params.customerName = ''
this.getList()
},
//
handleConfirm() {
if (this.multipleSelection.length > 0) {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('backData', this.multipleSelection)
} else {
this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
}
},
//
handleColse() {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

61
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanDaiBanInfo.vue

@ -123,6 +123,47 @@
</el-table-column>
</el-table>
</div>
<div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
<div class="title">挂车列表</div>
<el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
<el-table-column prop="size" label="外观尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
<div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
<div class="title">上装列表</div>
<el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
<el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
</el-form>
</div>
</div>
@ -203,6 +244,8 @@ export default {
tableKey: 0,
vehicleKey: 1,
paymentKey: 2,
trailerKey: 3,
topKey: 4,
index: 0,
formobj: {
billNo: '', //
@ -231,8 +274,10 @@ export default {
carBrandSid: '', // sid
carBrandName: '', //
orgSidPath: '',
detailsList: [],
vehicleList: []
detailsList: [], //
vehicleList: [], //
trailerList: [], //
topList: [] //
},
rules: {},
paymentVisible: false, // --
@ -377,6 +422,16 @@ export default {
}, 0)
sums[index] += ''
this.formobj.carTotal = sums[index] += ''
} else if (column.property === 'costPrice') {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
}
})
return sums
@ -389,7 +444,7 @@ export default {
this.operation = val
this.currentLink = true
this.dialogList.comment = '同意'
req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKe, businessSid: this.linkByParameter.businessSid }).then((resp) => {
req.getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]

201
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanEdit.vue

@ -53,7 +53,7 @@
<el-col :span="6">
<div class="span-sty"><span class="icon">*</span>是否涉及车辆</div>
<el-form-item prop="isVeh">
<el-radio-group class="addinputInfo" v-model="formobj.isVeh">
<el-radio-group :disabled="formobj.costTypeKey !== '001' && formobj.costTypeKey !== ''" class="addinputInfo" v-model="formobj.isVeh">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
@ -203,12 +203,67 @@
</el-table-column>
</el-table>
</div>
<div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
<div class="title titleOne">
<div>挂车列表</div>
<el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="trailerSelect()">选择</el-button>
</div>
<el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column fixed label="操作" width="100" align="center">
<template slot-scope="scope">
<el-button size="mini" type="danger" @click="trailerDelete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
<el-table-column prop="size" label="外观尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
<div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
<div class="title titleOne">
<div>上装列表</div>
<el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="topSelect()">选择</el-button>
</div>
<el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column fixed label="操作" width="100" align="center">
<template slot-scope="scope">
<el-button size="mini" type="danger" @click="topDelete(scope.$index)">删除</el-button>
</template>
</el-table-column>
<el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
<el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
<!-- 主车车辆列表选择车辆 -->
<vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState"/>
<!-- 付款明细表新增关联付款信息 -->
<el-dialog :visible.sync="paymentVisible" width="70%" :show-close="false">
<el-form class="formaddcopy02">
@ -243,6 +298,12 @@
<el-button size="small" @click="paymentClose">关闭</el-button>
</div>
</el-dialog>
<!-- 主车车辆列表选择车辆 -->
<vehcile v-show="viewState == 2" ref="divVehicle" @backData="backData" @doback="resetState"/>
<!-- 挂车列表选择车辆 -->
<trailerCar v-show="viewState == 6" ref="divTrailer" @backData="backTrailer" @doback="resetState" />
<!-- 上装列表选择车辆 -->
<top v-show="viewState == 7" ref="divTop" @backData="backTop" @doback="resetState" />
<!-- 关联付款信息新增 -->
<paymentInformationAdd v-show="viewState == 3" ref="divPaymentInformation" @backInformation="backInformation" @doback="resetStateByInformation" />
<!-- 关联付款信息详情 -->
@ -256,6 +317,8 @@
import req from '@/api/anruifinmanagement/payment'
import { typeValues, brandDown, selectNameByOrg, getInvoicingList, getTypeValueList } from '@/api/jichuxinxi/dictcommons'
import vehcile from './relation/vehcile'
import trailerCar from './relation/trailerCar'
import top from './relation/top'
import paymentInformationAdd from './relation/paymentInformationAdd'
import paymentInformationInfo from './relation/paymentInformationInfo'
import tops from '@/views/workFlow/publicPage/tops'
@ -264,6 +327,8 @@ export default {
name: 'FuKuanEdit',
components: {
vehcile,
trailerCar,
top,
paymentInformationAdd,
paymentInformationInfo,
tops
@ -276,6 +341,8 @@ export default {
tableKey: 0,
vehicleKey: 1,
paymentKey: 2,
trailerKey: 3,
topKey: 4,
index: 0,
carBrand_list: [],
costRange_list: [],
@ -311,8 +378,10 @@ export default {
carBrandSid: '', // sid
carBrandName: '', //
orgSidPath: '',
detailsList: [],
vehicleList: []
detailsList: [], //
vehicleList: [], //
trailerList: [], //
topList: [] //
},
rules: {
carBrandName: [{ required: true, message: '品牌不能为空', trigger: 'change' }],
@ -443,8 +512,12 @@ export default {
const choose = this.costType_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
this.formobj.costTypeKey = choose[0].dictKey
if (this.formobj.costTypeKey !== '001') {
this.formobj.isVeh = '0'
}
} else {
this.formobj.costTypeKey = ''
this.formobj.isVeh = ''
}
},
changePayCompany(value) {
@ -480,6 +553,35 @@ export default {
handleDelete(index) {
this.formobj.detailsList.splice(index, 1)
},
changeCostTitle(value, row) {
const choose = this.costTitle_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.costTitleKey = choose[0].dictKey
} else {
row.costTitleKey = ''
}
},
changePaymentType(value, row) {
const choose = this.payment_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.paymentTypeKey = choose[0].dictKey
} else {
row.paymentTypeKey = ''
}
},
changeActualPay(value, row) {
const choose = this.actualPay_list.filter((item) => item.actualPay === value)
if (choose.length > 0 && choose !== null) {
row.actualPay = choose[0].actualPay
row.receiveCompany = choose[0].accountName
row.bank = choose[0].depositBank
row.receivingAccount = choose[0].bankAccount
} else {
row.actualPay = ''
row.bank = ''
row.receivingAccount = ''
}
},
handleAddPayment(row, index) {
if (row.paymentType === '') {
this.$message({ showClose: true, type: 'error', message: '付款方式不能为空' })
@ -611,33 +713,64 @@ export default {
this.viewState = 5
this.$refs['divTops'].showInfo({ sid: row.topSid })
},
changeCostTitle(value, row) {
const choose = this.costTitle_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.costTitleKey = choose[0].dictKey
} else {
row.costTitleKey = ''
}
trailerSelect() {
this.viewState = 6
this.$refs['divTrailer'].showData(this.formobj.trailerList, this.formobj.useOrgSid)
},
changePaymentType(value, row) {
const choose = this.payment_list.filter((item) => item.dictValue === value)
if (choose.length > 0 && choose !== null) {
row.paymentTypeKey = choose[0].dictKey
} else {
row.paymentTypeKey = ''
trailerDelete(index) {
this.formobj.trailerList.splice(index, 1)
},
backTrailer(value) {
this.viewState = 1
value = JSON.parse(JSON.stringify(value))
if (value.length > 0) {
value.forEach((e) => {
this.formobj.trailerList.push({
trailerTypeValue: e.trailerTypeValue, //
size: e.size, //
vinNo: e.vinNo, //
trailerSid: e.trailerSid, // sid
color: e.color, //
costPrice: e.costPrice, //
brandName: e.brandName, //
vehModel: e.vehModel, //
zcVinNo: e.zcVinNo, //
contractNo: e.contractNo, //
saleOrderNo: e.saleOrderNo, //
customerName: e.customerName, //
payType: e.payType //
})
})
}
},
changeActualPay(value, row) {
const choose = this.actualPay_list.filter((item) => item.actualPay === value)
if (choose.length > 0 && choose !== null) {
row.actualPay = choose[0].actualPay
row.receiveCompany = choose[0].accountName
row.bank = choose[0].depositBank
row.receivingAccount = choose[0].bankAccount
} else {
row.actualPay = ''
row.bank = ''
row.receivingAccount = ''
topSelect() {
this.viewState = 7
this.$refs['divTop'].showData(this.formobj.topList, this.formobj.useOrgSid)
},
topDelete(index) {
this.formobj.topList.splice(index, 1)
},
backTop(value) {
this.viewState = 1
value = JSON.parse(JSON.stringify(value))
if (value.length > 0) {
value.forEach((e) => {
this.formobj.topList.push({
installNameValue: e.installNameValue, //
topSid: e.topSid, // sid
size: e.size, //
vinNo: e.vinNo, //
vehiSid: e.vehiSid, // sid
color: e.color, //
costPrice: e.costPrice, //
brandName: e.brandName, //
vehModel: e.vehModel, //
contractNo: e.contractNo, //
saleOrderNo: e.saleOrderNo, //
customerName: e.customerName, //
payType: e.payType //
})
})
}
},
saveOrUpdate() {
@ -750,6 +883,16 @@ export default {
}, 0)
sums[index] += ''
this.formobj.carTotal = sums[index] += ''
} else if (column.property === 'costPrice') {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
}
})
return sums

59
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/fukuanYiBanInfo.vue

@ -121,6 +121,47 @@
</el-table-column>
</el-table>
</div>
<div v-show="formobj.costTypeKey == '002'"><!-- 款项类别为挂车采购时显示 -->
<div class="title">挂车列表</div>
<el-table :key="trailerKey" :data="formobj.trailerList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="trailerTypeValue" label="挂车名称" align="center" min-width="180" />
<el-table-column prop="size" label="外观尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
<div v-show="formobj.costTypeKey == '003'"><!-- 款项类别为上装采购时显示 -->
<div class="title">上装列表</div>
<el-table :key="topKey" :data="formobj.topList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column prop="installNameValue" label="上装/上装配置名称" align="center" min-width="180" />
<el-table-column prop="size" label="货箱内部尺寸" align="center" width="160" />
<el-table-column prop="vinNo" label="车架号" align="center" width="100" />
<el-table-column prop="color" label="箱体颜色" align="center" width="100" />
<el-table-column prop="costPrice" label="厂家结算价" align="center" width="130" />
<el-table-column prop="brandName" label="主车品牌" align="center" width="110" />
<el-table-column prop="vehModel" label="主车车型" align="center" width="100" />
<el-table-column label="合同/销售订单编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}/{{ scope.row.saleOrderNo }}</span>
</template>
</el-table-column>
<el-table-column prop="customerName" label="客户名称" align="center" width="120" />
<el-table-column prop="payType" label="销售类型" align="center" width="150" />
</el-table>
</div>
</el-form>
</div>
</div>
@ -178,6 +219,8 @@ export default {
tableKey: 0,
vehicleKey: 1,
paymentKey: 2,
trailerKey: 3,
topKey: 4,
index: 0,
formobj: {
billNo: '', //
@ -206,8 +249,10 @@ export default {
carBrandSid: '', // sid
carBrandName: '', //
orgSidPath: '',
detailsList: [],
vehicleList: []
detailsList: [], //
vehicleList: [], //
trailerList: [], //
topList: [] //
},
rules: {},
paymentVisible: false, // --
@ -335,6 +380,16 @@ export default {
}, 0)
sums[index] += ''
this.formobj.carTotal = sums[index] += ''
} else if (column.property === 'costPrice') {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
}
})
return sums

168
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/top.vue

@ -0,0 +1,168 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>选择上装页面</div>
<div>
<el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
<el-button type="info" size="small" @click="handleColse()">关闭</el-button>
</div>
</div>
<div class="">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="上装名称">
<el-input v-model="listQuery.params.installNameValue" placeholder="" clearable />
</el-form-item>
<el-form-item label="车架号">
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">上装列表</div>
</div>
<div class="">
<el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50" type="selection" align="center"/>
<el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column prop="installNameValue" label="上装名称" align="center" />
<el-table-column prop="vinNo" label="车架号" align="center" />
<el-table-column prop="brandName" label="主车品牌" align="center" />
<el-table-column prop="customerName" label="客户名称" align="center" />
</el-table>
</div>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import req from '@/api/anruifinmanagement/payment'
export default {
name: 'Top',
components: {
Pagination
},
data() {
return {
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
tableKey: 0,
sids: [],
list: [],
multipleSelection: [],
listLoading: false,
listQuery: {
current: 1,
size: 5,
params: {
installNameValue: '',
useOrgSid: '',
vinNo: '',
customerName: '',
sids: []
},
total: 0
}
}
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
this.multipleSelection = row
},
showData(value, useOrgSid) {
const aa = []
if (value.length > 0) {
for (var i = 0; i < value.length; i++) {
aa.push(value[i].topSid)
}
this.listQuery.params.sids = aa
} else {
this.listQuery.params.sids = []
}
this.listQuery.params.useOrgSid = useOrgSid
this.handleReset()
},
//
getList() {
this.listLoading = true
req.topApply(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.listQuery.total = response.data.total
this.list = response.data.records
} else {
this.listQuery.total = 0
this.list = []
}
})
},
//
handleFilter() {
this.listQuery.current = 1
this.getList()
},
//
handleReset() {
this.listQuery.current = 1
this.listQuery.size = 5
this.listQuery.total = 0
this.listQuery.params.installNameValue = ''
this.listQuery.params.vinNo = ''
this.listQuery.params.customerName = ''
this.getList()
},
//
handleConfirm() {
if (this.multipleSelection.length > 0) {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('backData', this.multipleSelection)
} else {
this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
}
},
//
handleColse() {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

174
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/fukuanguanliFlow/fukuanguanli/relation/trailerCar.vue

@ -0,0 +1,174 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>选择挂车页面</div>
<div>
<el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
<el-button type="info" size="small" @click="handleColse()">关闭</el-button>
</div>
</div>
<div class="">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="挂车名称">
<el-input v-model="listQuery.params.trailerTypeValue" placeholder="" clearable />
</el-form-item>
<el-form-item label="挂车车架号">
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="主车车架号">
<el-input v-model="listQuery.params.zcVinNo" placeholder="" clearable />
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable />
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">挂车列表</div>
</div>
<div class="">
<el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50" type="selection" align="center"/>
<el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column prop="trailerTypeValue" label="挂车名称" align="center" />
<el-table-column prop="vinNo" label="挂车车架号" align="center" />
<el-table-column prop="brandName" label="主车品牌" align="center" />
<el-table-column prop="zcVinNo" label="主车车架号" align="center" />
<el-table-column prop="customerName" label="客户名称" align="center" />
</el-table>
</div>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import req from '@/api/anruifinmanagement/payment'
export default {
name: 'TrailerCar',
components: {
Pagination
},
data() {
return {
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
tableKey: 0,
sids: [],
list: [],
multipleSelection: [],
listLoading: false,
listQuery: {
current: 1,
size: 5,
params: {
trailerTypeValue: '',
useOrgSid: '',
vinNo: '',
zcVinNo: '',
customerName: '',
sids: []
},
total: 0
}
}
},
methods: {
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
this.multipleSelection = row
},
showData(value, useOrgSid) {
const aa = []
if (value.length > 0) {
for (var i = 0; i < value.length; i++) {
aa.push(value[i].trailerSid)
}
this.listQuery.params.sids = aa
} else {
this.listQuery.params.sids = []
}
this.listQuery.params.useOrgSid = useOrgSid
this.handleReset()
},
//
getList() {
this.listLoading = true
req.trailerApply(this.listQuery).then((response) => {
this.listLoading = false
if (response.success) {
this.listQuery.total = response.data.total
this.list = response.data.records
} else {
this.listQuery.total = 0
this.list = []
}
})
},
//
handleFilter() {
this.listQuery.current = 1
this.getList()
},
//
handleReset() {
this.listQuery.current = 1
this.listQuery.size = 5
this.listQuery.total = 0
this.listQuery.params.trailerTypeValue = ''
this.listQuery.params.vinNo = ''
this.listQuery.params.zcVinNo = ''
this.listQuery.params.customerName = ''
this.getList()
},
//
handleConfirm() {
if (this.multipleSelection.length > 0) {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('backData', this.multipleSelection)
} else {
this.$notify({ title: '提示', message: '请选择至少一条记录!', type: 'error', duration: 2000 })
}
},
//
handleColse() {
this.listQuery.params.useOrgSid = ''
this.listQuery.params.sids = []
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>
Loading…
Cancel
Save