yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善欠款领票

zhanglei
yunuo970428 2 years ago
parent
8b803b9ec2
commit
0757239b7e
12 changed files with 3547 additions and 19 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 128
      anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/arrearscollection.js
  2. 53
      anrui-buscenter/anrui-finmanage-ui/src/router/modules/codemenu.js
  3. 11
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearsbilling/arrearsbillingAdd.vue
  4. 397
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearscollection/arrearscollection.vue
  5. 435
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearscollection/arrearscollectionAdd.vue
  6. 287
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearscollection/arrearscollectionInfo.vue
  7. 11
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingEdit.vue
  8. 485
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByDivisionDaiBanInfo.vue
  9. 524
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByFileDaiBanInfo.vue
  10. 485
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionDaiBanInfo.vue
  11. 392
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionEdit.vue
  12. 358
      anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionYiBanInfo.vue

128
anrui-buscenter/anrui-finmanage-ui/src/api/anruifinmanagement/arrearscollection.js
View File

@ -0,0 +1,128 @@
import request from '@/utils/request'
// 待开票车辆条件查询 （已改）
export function listPage(data) {
return request({
url: '/fin/v1/finbillapplication/listPageQKLP',
data: data,
method: 'post',
headers: {
'Content-Type': 'application/json'
}
})
}
// 待开票车辆条件查询 （已改）
export function deleteBySid(data) {
return request({
url: '/fin/v1/finbillapplication/delBySids',
data: data,
method: 'DELETE',
headers: {
'Content-Type': 'application/json'
}
})
}
// 详情回显 获取一条记录
export function fetchDetailsBySid(data) {
return request({
url: '/fin/v1/finbillapplication/fetchDetailsBySid/' + data,
method: 'get'
})
}
// 开票申请--保存
export function saveOrUpdate(data) {
return request({
url: 'fin/v1/finbillapplication/saveQKLP',
data: data,
method: 'post',
headers: {
'Content-Type': 'application/json'
}
})
}
// 开票申请--提交
export function submit(data) {
return request({
url: '/fin/v1/finbillapplication/submitFinBillApplicationQKLP',
data: data,
method: 'post',
headers: {
'Content-Type': 'application/json'
}
})
}
// 流程审批（同意）
export function complete(data) {
return request({
url: '/fin/v1/finbillapplication/completeQKLP',
data: data,
method: 'post'
})
}
// 流程审批（同意）-- 销售内勤上传附件
export function completeBy(data) {
return request({
url: '/fin/v1/finbillapplication/completeByQKLP',
data: data,
method: 'post'
})
}
// 流程审批（同意） -- 跨事业部
export function completeByDivision(data) {
return request({
url: '/fin/v1/finbillapplication/companyToDivisionOperateQKLP',
data: data,
method: 'post'
})
}
// 流程审批（驳回）
export function reject(data) {
return request({
url: '/fin/v1/finbillapplication/rejectQKLP',
data: data,
method: 'post'
})
}
// 流程审批（撤回）
export function revokeProcess(data) {
return request({
url: '/fin/v1/finbillapplication/revokeProcessQKLP',
data: data,
method: 'post'
})
}
// 流程审批（终止）
export function breakProcess(data) {
return request({
url: '/fin/v1/finbillapplication/breakProcessQKLP',
data: data,
method: 'post'
})
}
// 审批流程（同意）获取下一环节
export function getNextNodesForSubmit(data) {
return request({
url: '/fin/v1/finbillapplication/getNextNodesForSubmitQKLP',
method: 'get',
params: data
})
}
// 审批流程（驳回）获取上一环节
export function getPreviousNodesForReject(data) {
return request({
url: '/fin/v1/finbillapplication/getPreviousNodesForRejectQKLP',
method: 'get',
params: data
})
}

53
anrui-buscenter/anrui-finmanage-ui/src/router/modules/codemenu.js
View File

@ -186,7 +186,7 @@ const codemenu = [
meta: { title: '开票管理', noCache: true }
}]
},
// 开票信息管理
// 欠款开票申请管理
{
path: '/finginvoiceapply',
component: Layout,
@ -201,6 +201,21 @@ const codemenu = [
meta: { title: '欠款开票申请管理', noCache: true }
}]
},
// 欠款领票申请管理
{
path: '/finginvoiceapply',
component: Layout,
redirect: '/finginvoiceapply',
meta: {
title: '欠款开票申请管理'
},
children: [{
path: '/anruifinmanagement/finginvoiceapply/arrearscollection',
component: () => import('@/views/anruifinmanagement/finginvoiceapply/arrearscollection/arrearscollection.vue'),
name: 'ArrearsScollection',
meta: { title: '欠款领票申请管理', noCache: true }
}]
},
// 费用申请管理编辑
{
path: '/feiyongguanliFlow/feiyongguanli/feiyongEdit',
@ -298,6 +313,42 @@ const codemenu = [
component: () =>
import('@/views/workFlow/qiankuankaipiaoFlow/arrearsbillingYiBanInfo.vue'),
name: 'arrearsbillingYiBanInfo'
},
// 欠款领票申请管理编辑
{
path: '/qiankuanlingpiaoFlow/arrearscollectionEdit',
component: () =>
import('@/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionEdit.vue'),
name: 'ArrearsScollectionEdit'
},
// 欠款领票申请管理待办详情
{
path: '/qiankuanlingpiaoFlow/arrearscollectionDaiBanInfo',
component: () =>
import('@/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionDaiBanInfo.vue'),
name: 'ArrearsScollectionDaiBanInfo'
},
// 欠款领票申请管理待办详情--跨事业部
{
path: '/qiankuanlingpiaoFlow/arrearscollectionByDivisionDaiBanInfo',
component: () =>
import('@/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByDivisionDaiBanInfo.vue'),
name: 'ArrearsScollectionByDivisionDaiBanInfo'
},
// 欠款领票申请管理待办详情--销售内勤上传附件必须上传
{
path: '/qiankuanlingpiaoFlow/arrearscollectionByFileDaiBanInfo',
component: () =>
import('@/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByFileDaiBanInfo.vue'),
name: 'ArrearsScollectionByFileDaiBanInfo'
},
// 欠款领票申请管理已办详情
{
path: '/qiankuanlingpiaoFlow/arrearscollectionYiBanInfo',
component: () =>
import('@/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionYiBanInfo.vue'),
name: 'ArrearsScollectionYiBanInfo'
}
]
export default codemenu

11
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearsbilling/arrearsbillingAdd.vue
View File

@ -121,8 +121,8 @@
</el-table>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ arrearsMoney() }}</span></el-form-item>
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>承诺回款日期</div>
@ -409,13 +409,6 @@ export default {
}
})
},
// 欠款开票金额合计
arrearsMoney() {
if (this.formobj.oneBillMoney !== '' && this.formobj.finBillVehicles.length > 0) {
this.formobj.arrearsMoney = parseFloat(this.formobj.oneBillMoney) * parseFloat(this.formobj.finBillVehicles.length)
}
return this.formobj.arrearsMoney
},
changeOpenTick(val) {
const choose = this.openTick_list.filter((item) => item.name === val)
this.formobj.openTickSid = choose[0].sid

397
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearscollection/arrearscollection.vue
View File

@ -0,0 +1,397 @@
<template>
<div class="app-container">
<!--列表页面-->
<div v-show="viewState == 1">
<button-bar view-title="欠款领票申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<!--Start查询列表部分-->
<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="110px" class="tab-header">
<el-form-item label="销售类型">
<el-select placeholder="请选择" v-model="listQuery.params.saleTypeKey">
<el-option v-for="item in payType" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="合同编号">
<el-input v-model="listQuery.params.contractNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="开票单位">
<el-input v-model="listQuery.params.openTickUnitName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="车型">
<el-input v-model="listQuery.params.modelName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="发起日期">
<el-date-picker v-model="listQuery.params.applyStartDate" type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.applyEndDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
<el-form-item label="发起人">
<el-input v-model="listQuery.params.createByName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="承诺回款日期">
<el-date-picker v-model="listQuery.params.returnedMoneyStartDate" type="date" placeholder="选择日期"></el-date-picker>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.returnedMoneyEndDate" type="date" placeholder="选择日期"></el-date-picker>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<!--End查询列表部分-->
<div class="listtop">
<div class="tit">欠款领票申请列表</div>
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
<!--Start 主页面主要部分 -->
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" type="index" width="60" :index="indexMethod" align="center"/>
<el-table-column label="操作" width="180" align="center">
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toEdit(scope.row)" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true">办理</el-button>
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="状态" min-width="150" header-align="center">
<template slot-scope="scope">
<span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
<span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
</template>
</el-table-column>
<el-table-column label="单据编号" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.billNo }}</span>
</template>
</el-table-column>
<el-table-column label="欠款开票申请编号" align="center" width="180">
<template slot-scope="scope">
<span>{{ scope.row.qkkpBillNo }}</span>
</template>
</el-table-column>
<el-table-column label="销售类型" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.saleTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="合同编号" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.contractNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票单位" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.openTickUnitName }}</span>
</template>
</el-table-column>
<el-table-column label="客户名称" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.customerName }}</span>
</template>
</el-table-column>
<el-table-column label="车型" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.modelName }}</span>
</template>
</el-table-column>
<el-table-column label="台数" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.num }}</span>
</template>
</el-table-column>
<el-table-column label="提前领票原因" align="center" width="120">
<template slot-scope="scope">
<span>{{ scope.row.reason }}</span>
</template>
</el-table-column>
<el-table-column label="发起人" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.createByName }}</span>
</template>
</el-table-column>
<el-table-column label="发起日期" align="center" width="100">
<template slot-scope="scope">
<span>{{ scope.row.applyDate }}</span>
</template>
</el-table-column>
</el-table>
</div>
<!--End 主页面主要部分-->
<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>
<!--End查询列表部分-->
</div>
</div>
<!--开票申请新增及修改列表部分 -->
<arrearscollectionAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<!--开票申请详情列表部分-->
<arrearscollectionInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" />
<el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
<iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import { listPage, deleteBySid } from '@/api/anruifinmanagement/arrearscollection'
import { typeValues, getOrgSidByPath } from '@/api/jichuxinxi/dictcommons'
import { getStorage } from '@/utils/auth'
import arrearscollectionAdd from './arrearscollectionAdd'
import arrearscollectionInfo from './arrearscollectionInfo'
export default {
name: 'ArrearsScollection',
components: {
Pagination,
pageye,
ButtonBar,
arrearscollectionAdd,
arrearscollectionInfo
},
data() {
return {
url: '',
dialogHeight: '80%',
centerDialogVisible: false,
btndisabled: false,
btnList: [
{
type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
tableKey: 0,
index: 0,
list: [],
sids: [], // 用于导出的时候保存已选择的SIDs
FormLoading: false,
listLoading: false,
payType: [],
// 翻页
listQuery: {
current: 1,
size: 10,
total: 0,
params: {
applyEndDate: '',
applyStartDate: '',
contractNo: '',
createByName: '',
createBySid: '',
customerName: '',
modelName: '',
openTickUnitName: '',
saleTypeKey: '',
useOrgSid: '',
returnedMoneyEndDate: '',
returnedMoneyStartDate: ''
}
}
}
},
created() {
// 初始化变量
this.init()
},
mounted() {
// 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
window.addEventListener('message', this.handleMessage)
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
async handleMessage(event) {
var code = ''
if (event.data.params !== null && event.data.params !== undefined) {
code = event.data.params.code
}
if (code === 1) {
this.init()
this.centerDialogVisible = false
} else if (code === 2) {
this.dialogHeight = event.data.params.data
this.setIframeHeight(document.getElementById('iframe'))
}
},
closeIt() {
this.url = ''
this.centerDialogVisible = false
},
setIframeHeight(iframe) {
iframe.height = this.dialogHeight
},
flowRecord(row) {
this.centerDialogVisible = true
var params = {
deployId: row.procDefId,
procInsId: row.procInstSid,
token: getStorage()
}
this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'doDel':
this.doDel()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
init() {
typeValues({ type: 'purchaseType' }).then((res) => {
if (res.success) {
this.payType = res.data
}
})
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
if (resp.success) {
this.listQuery.params.useOrgSid = resp.data
this.getList()
}
})
},
// 信息条数 获取点击时当前的sid
handleSelectionChange(row) {
const aa = []
row.forEach(element => {
aa.push(element.sid)
})
this.sids = aa
},
// 表中序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.createBySid = window.sessionStorage.getItem('userSid')
listPage(this.listQuery).then(response => {
this.listLoading = false
if (response.success) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 点击重置
handleReset() {
this.listQuery = {
current: 1,
size: 10,
total: 0,
params: {
applyEndDate: '',
applyStartDate: '',
contractNo: '',
createByName: '',
createBySid: '',
customerName: '',
modelName: '',
openTickUnitName: '',
saleTypeKey: '',
useOrgSid: '',
returnedMoneyEndDate: '',
returnedMoneyStartDate: ''
}
}
this.init()
},
toEdit(row) {
this.viewState = 3
this.$refs['divAdd'].showEdit(row)
},
toInfo(row) {
this.viewState = 4
this.$refs['divInfo'].showInfo(row)
},
doDel() {
if (this.sids.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
return
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
deleteBySid(this.sids).then(resp => {
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
// 修改、编辑、详情返回列表页面
resetState() {
this.viewState = 1
}
}
}
</script>
<style scoped>
</style>

435
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearscollection/arrearscollectionAdd.vue
View File

@ -0,0 +1,435 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存
</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交
</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--按钮部分结束-->
<div class="listconadd">
<div class="titwu">欠款领票申请单</div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">主车开票信息</div>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款开票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">挂车开票信息</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="挂车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><el-input v-model="formobj.reason" class="addinputInfo addinputw" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<div class="title">附件</div>
<el-row>
<el-col :span="24">
<el-form-item>
<upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
</div>
</template>
<script>
import { fetchDetailsBySid, submit, saveOrUpdate } from '@/api/anruifinmanagement/arrearscollection'
import upload from '@/components/uploadFile/upload'
export default {
name: 'ArrearsScollectionAdd',
components: {
upload
},
data() {
return {
submitdisabled: false,
dialogVisible: false,
srcList: [],
viewTitle: '',
tableKey: 0,
billingKey: 1,
index: 0,
accept: '.jpg,.jpeg,.png,.JPG,.JPEG',
image_list1: [],
formobj: {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
fjApplicationAppendxs: [],
finBillTrailers: [],
finBillVehicles: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
reason: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
qkkpBillNo: '',
zjApplicationAppendxs: []
},
rules: {}
}
},
methods: {
showAdd(sid) {
this.viewTitle = '【新增】欠款领票申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.sid = ''
this.formobj.qkkpBillNo = res.data.billNo
}
})
},
showEdit(row) {
this.viewTitle = '【编辑】欠款领票申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
fetchDetailsBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.instanceId = res.data.procInstSid
if (this.formobj.fjApplicationAppendxs.length > 0) {
this.formobj.fjApplicationAppendxs.forEach((e) => {
this.image_list1.push({
name: e.fileName,
url: e.fileUrl
})
})
}
}
})
},
handleLook(row) {
this.dialogVisible = true
this.srcList = row.hgzImageUrl
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
aa = parseInt(this.formobj.finBillVehicles.length) * parseInt(this.formobj.oneBillMoney)
}
return aa
},
handleSave() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.getUrl()
this.submitdisabled = true
saveOrUpdate(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
handleSubmit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.getUrl()
this.submitdisabled = true
submit(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '提交成功' })
this.handleReturn('true')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
getUrl() {
if (this.image_list1.length > 0) {
const aa = []
for (var i = 0; i < this.image_list1.length; i++) {
aa.push({
attachType: '',
billAppSid: '',
createByName: window.sessionStorage.getItem('name'),
fileSid: '',
fileName: this.image_list1[i].name,
fileType: this.image_list1[i].name.substr(this.image_list1[i].name.lastIndexOf('.')),
fileUrl: this.image_list1[i].url,
sid: ''
})
}
this.formobj.fjApplicationAppendxs = aa
} else {
this.formobj.fjApplicationAppendxs = []
}
},
// 关闭、返回到列表页面
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
fjApplicationAppendxs: [],
finBillTrailers: [],
finBillVehicles: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
reason: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
qkkpBillNo: '',
zjApplicationAppendxs: []
}
this.submitdisabled = false
this.$refs['form_obj'].resetFields()
this.image_list1 = []
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>

287
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/finginvoiceapply/arrearscollection/arrearscollectionInfo.vue
View File

@ -0,0 +1,287 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--按钮部分结束-->
<div class="listconadd">
<div class="titwu">欠款领票申请单</div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">主车开票信息</div>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款开票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">挂车开票信息</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="挂车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">附件</div>
<el-row>
<el-col :span="24">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
</div>
</template>
<script>
import { fetchDetailsBySid } from '@/api/anruifinmanagement/arrearscollection'
export default {
name: 'ArrearsScollectionInfo',
data() {
return {
viewTitle: '',
dialogVisible: false,
srcList: [],
tableKey: 0,
billingKey: 1,
index: 0,
image_list1: [],
formobj: {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
finBillTrailers: [],
finBillVehicles: [],
fjApplicationAppendxs: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
zjApplicationAppendxs: []
},
rules: {}
}
},
methods: {
showInfo(row) {
this.viewTitle = '欠款领票详情'
fetchDetailsBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.fjApplicationAppendxs.length > 0) {
this.formobj.fjApplicationAppendxs.forEach((e) => {
this.image_list1.push(e.fileUrl)
})
}
}
})
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
aa = parseInt(this.formobj.finBillVehicles.length) * parseInt(this.formobj.oneBillMoney)
}
return aa
},
handleLook(row) {
this.dialogVisible = true
this.srcList = row.hgzImageUrl
},
// 关闭、返回到列表页面
handleReturn() {
this.image_list1 = []
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>

11
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuankaipiaoFlow/arrearsbillingEdit.vue
View File

@ -120,8 +120,8 @@
</el-table>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额合计</div>
<el-form-item><span class="addinputInfo">{{ arrearsMoney() }}</span></el-form-item>
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
@ -381,13 +381,6 @@ export default {
}
})
},
// 欠款开票金额合计
arrearsMoney() {
if (this.formobj.oneBillMoney !== '' && this.formobj.finBillVehicles.length > 0) {
this.formobj.arrearsMoney = parseFloat(this.formobj.oneBillMoney) * parseFloat(this.formobj.finBillVehicles.length)
}
return this.formobj.arrearsMoney
},
changeOpenTick(val) {
const choose = this.openTick_list.filter((item) => item.name === val)
this.formobj.openTickSid = choose[0].sid

485
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByDivisionDaiBanInfo.vue
View File

@ -0,0 +1,485 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--按钮部分结束-->
<div class="">
<div class="titwu">欠款领票申请单</div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">主车开票信息</div>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款开票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">挂车开票信息</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="挂车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">附件</div>
<el-row>
<el-col :span="24">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span>当前环节:</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
</el-col>
</el-row>
<el-row :class="{rowClass:!currentLink}">
<el-col :span="4" class="tleftb">
<span>意见:</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="reject">确 定</el-button>
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
</div>
</el-form>
</el-dialog>
</div>
</template>
<script>
import { fetchDetailsBySid, completeByDivision, reject, breakProcess, getPreviousNodesForReject, getNextNodesForSubmit } from '@/api/anruifinmanagement/arrearscollection'
export default {
name: 'ArrearsScollectionByDivisionDaiBanInfo',
data() {
return {
viewTitle: '',
dialogVisible: false,
srcList: [],
tableKey: 0,
billingKey: 1,
index: 0,
image_list1: [],
formobj: {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
finBillTrailers: [],
finBillVehicles: [],
fjApplicationAppendxs: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
zjApplicationAppendxs: []
},
rules: {},
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
this.current.taskDefKey = obj.taskDefKey
this.current.taskName = obj.taskName
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 550 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '欠款领票详情'
fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.fjApplicationAppendxs.length > 0) {
this.formobj.fjApplicationAppendxs.forEach((e) => {
this.image_list1.push(e.fileUrl)
})
}
}
})
},
handleLook(row) {
this.dialogVisible = true
this.srcList = row.hgzImageUrl
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
aa = parseInt(this.formobj.finBillVehicles.length) * parseInt(this.formobj.oneBillMoney)
}
return aa
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = '同意'
getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = ''
getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 终止
openStop(val) {
this.operation = val
this.currentLink = false
this.dialogList.comment = ''
this.nodeDialogVisible = true
},
reject() {
if (this.operation === '同意') {
this.handleAgree()
} else if (this.operation === '驳回') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleReject()
}
} else if (this.operation === '终止') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleStop()
}
}
},
/** 同意任务 */
handleAgree() {
this.linkByParameter.comment = this.dialogList.comment
completeByDivision(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 驳回任务 */
handleReject() {
this.linkByParameter.comment = this.dialogList.comment
reject(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 终止任务 */
handleStop() {
this.linkByParameter.comment = this.dialogList.comment
breakProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.titwu {
font-size: 28px;
text-align: center;
padding: 30px 0 20px 0;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>

524
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionByFileDaiBanInfo.vue
View File

@ -0,0 +1,524 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--按钮部分结束-->
<div class="">
<div class="titwu">欠款领票申请单</div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">主车开票信息</div>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款开票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">挂车开票信息</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="挂车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">附件</div>
<el-row>
<el-col :span="24">
<el-form-item>
<upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span>当前环节:</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
</el-col>
</el-row>
<el-row :class="{rowClass:!currentLink}">
<el-col :span="4" class="tleftb">
<span>意见:</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="reject">确 定</el-button>
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
</div>
</el-form>
</el-dialog>
</div>
</template>
<script>
import { fetchDetailsBySid, breakProcess, completeBy, getNextNodesForSubmit, getPreviousNodesForReject, reject } from '@/api/anruifinmanagement/arrearscollection'
import upload from '@/components/uploadFile/upload'
export default {
name: 'ArrearsScollectionByFileDaiBanInfo',
components: {
upload
},
data() {
return {
viewTitle: '',
dialogVisible: false,
srcList: [],
tableKey: 0,
billingKey: 1,
index: 0,
accept: '.jpg,.jpeg,.png,.JPG,.JPEG',
image_list1: [],
formobj: {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
finBillTrailers: [],
finBillVehicles: [],
fjApplicationAppendxs: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
zjApplicationAppendxs: []
},
rules: {},
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: '',
cldjhtApplicationAppendxs: [],
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
zjApplicationAppendxs: []
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
this.current.taskDefKey = obj.taskDefKey
this.current.taskName = obj.taskName
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 550 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '欠款领票详情'
fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.fjApplicationAppendxs.length > 0) {
this.formobj.fjApplicationAppendxs.forEach((e) => {
this.image_list1.push({
name: e.fileName,
url: e.fileUrl
})
})
}
}
})
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
aa = parseInt(this.formobj.finBillVehicles.length) * parseInt(this.formobj.oneBillMoney)
}
return aa
},
handleLook(row) {
this.dialogVisible = true
this.srcList = row.hgzImageUrl
},
getUrl() {
if (this.image_list1.length > 0) {
const aa = []
for (var i = 0; i < this.image_list1.length; i++) {
aa.push({
attachType: '',
billAppSid: '',
createByName: window.sessionStorage.getItem('name'),
fileSid: '',
fileName: this.image_list1[i].name,
fileType: this.image_list1[i].name.substr(this.image_list1[i].name.lastIndexOf('.')),
fileUrl: this.image_list1[i].url,
sid: ''
})
}
this.linkByParameter.fjApplicationAppendxs = aa
} else {
this.linkByParameter.fjApplicationAppendxs = []
}
},
// 同意
openAgree(val) {
this.getUrl()
if (this.linkByParameter.fjApplicationAppendxs.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请上传附件' })
return
}
this.operation = val
this.currentLink = true
this.dialogList.comment = '同意'
getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = ''
getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 终止
openStop(val) {
this.operation = val
this.currentLink = false
this.dialogList.comment = ''
this.nodeDialogVisible = true
},
reject() {
if (this.operation === '同意') {
this.handleAgree()
} else if (this.operation === '驳回') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleReject()
}
} else if (this.operation === '终止') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleStop()
}
}
},
/** 同意任务 */
handleAgree() {
this.linkByParameter.comment = this.dialogList.comment
completeBy(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 驳回任务 */
handleReject() {
this.linkByParameter.comment = this.dialogList.comment
reject(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 终止任务 */
handleStop() {
this.linkByParameter.comment = this.dialogList.comment
breakProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.titwu {
font-size: 28px;
text-align: center;
padding: 30px 0 20px 0;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>

485
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionDaiBanInfo.vue
View File

@ -0,0 +1,485 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
<el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
<el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--按钮部分结束-->
<div class="">
<div class="titwu">欠款领票申请单</div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">主车开票信息</div>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款开票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">挂车开票信息</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="挂车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">附件</div>
<el-row>
<el-col :span="24">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form class="formadd" >
<el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
<el-col :span="4" class="tleftb">
<span>当前环节:</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
</el-col>
</el-row>
<el-row :class="{rowClass:!currentLink}">
<el-col :span="4" class="tleftb">
<span>意见:</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw" type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable ></el-input></el-form-item>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="reject">确 定</el-button>
<el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
</div>
</el-form>
</el-dialog>
</div>
</template>
<script>
import { fetchDetailsBySid, complete, breakProcess, reject, getNextNodesForSubmit, getPreviousNodesForReject } from '@/api/anruifinmanagement/arrearscollection'
export default {
name: 'ArrearsScollectionDaiBanInfo',
data() {
return {
viewTitle: '',
dialogVisible: false,
srcList: [],
tableKey: 0,
billingKey: 1,
index: 0,
image_list1: [],
formobj: {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
finBillTrailers: [],
finBillVehicles: [],
fjApplicationAppendxs: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
zjApplicationAppendxs: []
},
rules: {},
operation: '', // 点击操作按钮
dialogList: {
comment: ''
},
startTask: true,
current: {
taskDefKey: '',
taskName: '' // 当前环节名称
},
nextNode: {}, // 下一环节
nodeDialogVisible: false,
currentLink: true,
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
this.current.taskDefKey = obj.taskDefKey
this.current.taskName = obj.taskName
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 550 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '欠款领票详情'
fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.fjApplicationAppendxs.length > 0) {
this.formobj.fjApplicationAppendxs.forEach((e) => {
this.image_list1.push(e.fileUrl)
})
}
}
})
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
aa = parseInt(this.formobj.finBillVehicles.length) * parseInt(this.formobj.oneBillMoney)
}
return aa
},
handleLook(row) {
this.dialogVisible = true
this.srcList = row.hgzImageUrl
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = '同意'
getNextNodesForSubmit({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 驳回
openReject(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = ''
getPreviousNodesForReject({ taskDefKey: this.current.taskDefKey, businessSid: this.linkByParameter.businessSid }).then((resp) => {
if (resp.success) {
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
this.submitdisabled = false
})
},
// 终止
openStop(val) {
this.operation = val
this.currentLink = false
this.dialogList.comment = ''
this.nodeDialogVisible = true
},
reject() {
if (this.operation === '同意') {
this.handleAgree()
} else if (this.operation === '驳回') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleReject()
}
} else if (this.operation === '终止') {
if (this.dialogList.comment === '') {
this.$message({ showClose: true, type: 'error', message: '请填写审批意见' })
} else {
this.handleStop()
}
}
},
/** 同意任务 */
handleAgree() {
this.linkByParameter.comment = this.dialogList.comment
complete(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 驳回任务 */
handleReject() {
this.linkByParameter.comment = this.dialogList.comment
reject(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
},
/** 终止任务 */
handleStop() {
this.linkByParameter.comment = this.dialogList.comment
breakProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.titwu {
font-size: 28px;
text-align: center;
padding: 30px 0 20px 0;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>

392
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionEdit.vue
View File

@ -0,0 +1,392 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存
</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交
</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--按钮部分结束-->
<div class="">
<div class="titwu">欠款领票申请单</div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">主车开票信息</div>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款开票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">挂车开票信息</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="挂车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><el-input v-model="formobj.reason" class="addinputInfo addinputw" clearable placeholder=""/></el-form-item>
</el-col>
</el-row>
<div class="title">附件</div>
<el-row>
<el-col :span="24">
<el-form-item>
<upload ref="uploadImg" v-model="image_list1" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
</div>
</template>
<script>
import { fetchDetailsBySid, submit, saveOrUpdate } from '@/api/anruifinmanagement/arrearscollection'
import upload from '@/components/uploadFile/upload'
export default {
name: 'ArrearsScollectionEdit',
components: {
upload
},
data() {
return {
submitdisabled: false,
dialogVisible: false,
srcList: [],
viewTitle: '',
tableKey: 0,
billingKey: 1,
index: 0,
accept: '.jpg,.jpeg,.png,.JPG,.JPEG',
image_list1: [],
formobj: {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
fjApplicationAppendxs: [],
finBillTrailers: [],
finBillVehicles: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
reason: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
qkkpBillNo: '',
zjApplicationAppendxs: []
},
rules: {}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 550 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '【编辑】欠款领票申请'
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
this.formobj.instanceId = res.data.procInstSid
if (this.formobj.fjApplicationAppendxs.length > 0) {
this.formobj.fjApplicationAppendxs.forEach((e) => {
this.image_list1.push({
name: e.fileName,
url: e.fileUrl
})
})
}
}
})
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
aa = parseInt(this.formobj.finBillVehicles.length) * parseInt(this.formobj.oneBillMoney)
}
return aa
},
handleLook(row) {
this.dialogVisible = true
this.srcList = row.hgzImageUrl
},
handleSave() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.getUrl()
this.submitdisabled = true
saveOrUpdate(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
handleSubmit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.getUrl()
this.submitdisabled = true
submit(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '提交成功' })
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
getUrl() {
if (this.image_list1.length > 0) {
const aa = []
for (var i = 0; i < this.image_list1.length; i++) {
aa.push({
attachType: '',
billAppSid: '',
createByName: window.sessionStorage.getItem('name'),
fileSid: '',
fileName: this.image_list1[i].name,
fileType: this.image_list1[i].name.substr(this.image_list1[i].name.lastIndexOf('.')),
fileUrl: this.image_list1[i].url,
sid: ''
})
}
this.formobj.fjApplicationAppendxs = aa
} else {
this.formobj.fjApplicationAppendxs = []
}
}
}
}
</script>
<style scoped>
.titwu {
font-size: 28px;
text-align: center;
padding: 30px 0 20px 0;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>

358
anrui-buscenter/anrui-finmanage-ui/src/views/workFlow/qiankuanlingpiaoFlow/arrearscollectionYiBanInfo.vue
View File

@ -0,0 +1,358 @@
<template>
<div class="app-container">
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 新增修改按钮-->
<div>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
</div>
<!--end 添加修改按钮-->
</div>
<!--按钮部分结束-->
<div class="">
<div class="titwu">欠款领票申请单</div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">发起人</div>
<el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">发起日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.applyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.saleTypeValue }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickUnitName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">主车开票信息</div>
<el-table :key="tableKey" :data="formobj.finBillVehicles" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickRemarks }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template>
<span>{{ formobj.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.certificateStateValue }}</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">开票金额合计</div>
<el-form-item><span class="addinputInfo">{{ totalBillMoney() }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="span-sty">欠款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsMoney }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">承诺回款日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnedMoneyDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty">欠款开票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.arrearsOpenYYValue }}</span></el-form-item>
</el-col>
<el-col :span="16">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">挂车开票信息</div>
<el-table :key="billingKey" :data="formobj.finBillTrailers" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="挂车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.gcVinNo }}</span>
</template>
</el-table-column>
<el-table-column label="主车车架号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vinNo }}</span>
</template>
</el-table-column>
<el-table-column label="开票类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="开票名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.openTickName }}</span>
</template>
</el-table-column>
<el-table-column label="开票信息" align="center">
<template slot-scope="scope">
<span>{{ scope.row.invoiceInfo }}</span>
</template>
</el-table-column>
<el-table-column label="开票金额" align="center">
<template slot-scope="scope">
<span>{{ scope.row.oneBillMoney }}</span>
</template>
</el-table-column>
<el-table-column label="合格证" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleLook(scope.row)">查看</span>
</template>
</el-table-column>
</el-table>
<el-row>
<el-col :span="24">
<div class="span-sty">提前领取发票原因</div>
<el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">附件</div>
<el-row>
<el-col :span="24">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in image_list1" :key="index" :src="item" :preview-src-list="image_list1"></el-image>
</el-col>
</el-row>
</el-form>
</div>
<el-dialog :visible.sync="dialogVisible" :append-to-body="true">
<el-image style="width: 178px;height: 178px;padding-left: 5px" v-for="(item,index) in srcList" :key="index" :src="item" :preview-src-list="srcList"></el-image>
</el-dialog>
</div>
</template>
<script>
import { fetchDetailsBySid, revokeProcess } from '@/api/anruifinmanagement/arrearscollection'
export default {
name: 'ArrearsScollectionYiBanInfo',
data() {
return {
viewTitle: '',
dialogVisible: false,
srcList: [],
tableKey: 0,
billingKey: 1,
index: 0,
image_list1: [],
formobj: {
applyDate: '',
arrearsMoney: '',
arrearsOpenYYKey: '',
arrearsOpenYYValue: '',
billNo: '',
billStateKey: '',
billStateValue: '',
cldjhtApplicationAppendxs: [],
contractNo: '',
contractSid: '',
createByName: '',
customerName: '',
customerSid: '',
deptName: '',
deptSid: '',
finBillTrailers: [],
finBillVehicles: [],
fjApplicationAppendxs: [],
isDelayBill: '',
isHighAndLowOpen: '',
isLQOrigInvoice: '',
khkpsqsApplicationAppendxs: [],
kpxxqrsApplicationAppendxs: [],
modelName: '',
modelSid: '',
nodeSid: '',
nodeState: '',
oneBillMoney: '',
openTickName: '',
openTickSid: '',
openTickTypeKey: '',
openTickTypeValue: '',
openTickUnitName: '',
openTickUnitSid: '',
orgSidPath: '',
procDefId: '',
procInstSid: '',
remarks: '',
returnedMoneyDate: '',
saleDeptName: '',
saleDeptSid: '',
saleTypeKey: '',
saleTypeValue: '',
sid: '',
staffName: '',
staffSid: '',
totalBillMoney: '',
useOrgSid: '',
createBySid: '',
zjApplicationAppendxs: []
},
rules: {},
linkByParameter: {
businessSid: '',
comment: '',
instanceId: '',
taskId: '',
orgSidPath: '',
taskDefKey: '',
userSid: ''
}
}
},
created() {
console.log('url:' + window.location.href)
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
const obj = JSON.parse(decodeURIComponent(data))
console.log('iframe页面获取的obj:', obj)
// 点击（同意、终止、驳回、驳回）操作时所需的参数
this.linkByParameter.businessSid = obj.businessSid
this.linkByParameter.instanceId = obj.instanceId
this.linkByParameter.taskId = obj.taskId
this.linkByParameter.taskDefKey = obj.taskDefKey
this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 550 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '欠款领票详情'
fetchDetailsBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
if (this.formobj.fjApplicationAppendxs.length > 0) {
this.formobj.fjApplicationAppendxs.forEach((e) => {
this.image_list1.push(e.fileUrl)
})
}
}
})
},
totalBillMoney() {
var aa = 0
if (this.formobj.finBillVehicles.length > 0) {
aa = parseInt(this.formobj.finBillVehicles.length) * parseInt(this.formobj.oneBillMoney)
}
return aa
},
handleLook(row) {
this.dialogVisible = true
this.srcList = row.hgzImageUrl
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.handleRevoke()
}).catch(() => {
this.$message({
type: 'info',
message: '已取消撤回'
})
})
},
/** 撤回任务 */
handleRevoke() {
revokeProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
this.nodeDialogVisible = false
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.titwu {
font-size: 28px;
text-align: center;
padding: 30px 0 20px 0;
}
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
</style>
Write Preview
Loading…
Cancel
Save