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

完善挂车出库

master
yunuo970428 2 years ago
parent
8f729e7a54
commit
67e9533a44
12 changed files with 3018 additions and 10 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. 105
      anrui-scm/anrui-scm-ui/src/api/guache/guachechuku.js
  2. 30
      anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
  3. 307
      anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/trailerout.vue
  4. 290
      anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutAdd.vue
  5. 233
      anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutInfo.vue
  6. 26
      anrui-scm/anrui-scm-ui/src/views/guache/guachetaizhang/guachetaizhangguanli.vue
  7. 396
      anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuDaiBanInfo.vue
  8. 271
      anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuEdit.vue
  9. 267
      anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuYiBanInfo.vue
  10. 332
      anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/financialscheme.vue
  11. 244
      anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/paymentticket.vue
  12. 527
      anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/xiaoshoudingdanInfo.vue

105
anrui-scm/anrui-scm-ui/src/api/guache/guachechuku.js
View File

@ -0,0 +1,105 @@
import request from '@/utils/request'
// 物料信息
export default {
// 查询分页列表
listPage: function(data) {
return request({
url: '/base/v1/basetraileroutapply/listPage',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存新增记录
saveOrUpdate: function(data) {
return request({
url: '/base/v1/basetraileroutapply/save',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid删除一条或多条记录
delBySids: function(data) {
return request({
url: '/base/v1/basetraileroutapply/delBySids',
method: 'delete',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
fetchBySid: function(sid) {
return request({
url: '/base/v1/basetraileroutapply/fetchDetailsBySid/' + sid,
method: 'get'
})
},
// 通过sid查询一条记录
initialize: function(data) {
return request({
url: '/base/v1/basetraileroutapply/init',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
submit: function(data) {
return request({
url: '/base/v1/basetraileroutapply/submitFinBillApplication',
method: 'post',
data: data,
headers: { 'Content-Type': 'application/json' }
})
},
// 代办任务同意办理
complete: function(params) {
return request({
url: '/base/v1/basetraileroutapply/complete',
method: 'post',
data: params
})
},
// 代办任务驳回任务
reject: function(params) {
return request({
url: '/base/v1/basetraileroutapply/reject',
method: 'post',
data: params
})
},
// 代办任务终止任务
breakProcess: function(params) {
return request({
url: '/base/v1/basetraileroutapply/breakProcess',
method: 'post',
data: params
})
},
// 代办任务撤回任务
revokeProcess: function(params) {
return request({
url: '/base/v1/basetraileroutapply/revokeProcess',
method: 'post',
data: params
})
},
getNextNodesForSubmit: function(data) {
return request({
url: '/base/v1/basetraileroutapply/getNextNodesForSubmit',
method: 'get',
params: data
})
},
getPreviousNodesForReject(data) {
return request({
url: '/base/v1/basetraileroutapply/getPreviousNodesForReject',
method: 'get',
params: data
})
}
}

30
anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
View File

@ -220,7 +220,13 @@ const codemenu = [
component: () => import('@/views/guache/guachetaizhang/guachetaizhangguanli'),
name: 'GuaCheTaiZhangGuanLi',
meta: { title: '挂车台账管理', noCache: true }
}
},
{
path: '/guache/guachechuku',
component: () => import('@/views/guache/guachechuku/trailerout'),
name: 'GuaCheChuKu',
meta: { title: '挂车出库管理', noCache: true }
},
]
},
@ -1214,6 +1220,28 @@ const codemenu = [
component: () =>
import('@/views/workFlow/huikuanfanliheduiFlow/huikuanfanliheduiEdit.vue'),
name: 'huikuanfanliheduiEdit'
},
// 挂车出库申请待办详情页面
{
path: '/guachechukuFlow/chukuDaiBanInfo',
component: () =>
import('@/views/workFlow/guachechukuFlow/chukuDaiBanInfo.vue'),
name: 'chukuDaiBanInfo'
},
// 挂车出库申请已办详情
{
path: '/guachechukuFlow/chukuYiBanInfo',
component: () =>
import('@/views/workFlow/guachechukuFlow/chukuYiBanInfo.vue'),
name: 'chukuYiBanInfo'
},
// 挂车出库申请办理
{
path: '/guachechukuFlow/chukuEdit',
component: () =>
import('@/views/workFlow/guachechukuFlow/chukuEdit.vue'),
name: 'chukuEdit'
}
]
export default codemenu

307
anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/trailerout.vue
View File

@ -0,0 +1,307 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<button-bar view-title="挂车出库管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">
{{ isSearchShow ? "隐藏查询条件" : "显示查询条件" }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header" label-width="100px">
<el-form-item label="申请编号">
<el-input v-model="queryParams.params.billNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="合同编号">
<el-input v-model="queryParams.params.contractNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="客户名称">
<el-input v-model="queryParams.params.customerName" placeholder="" clearable/>
</el-form-item>
<el-form-item label="主车车架号">
<el-input v-model="queryParams.params.zcVinNo" placeholder="" clearable/>
</el-form-item>
<el-form-item label="挂车车架号">
<el-input v-model="queryParams.params.gcVinNo" placeholder="" clearable/>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!--Start 项目列表头部-->
<div class="listtop">
<div class="tit">挂车出库申请列表</div>
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
</div>
<!--End 项目列表头部-->
<!--Start 项目列表-->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50px" fixed type="selection" align="center"/>
<el-table-column width="60px" fixed label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column label="操作" fixed width="160px" align="center">
<template slot-scope="scope">
<el-button type="primary" size="small" :disabled="scope.row.nodeState =='发起申请' ? false : scope.row.nodeState == '待提交' ? false : true" @click="toEdit(scope.row)">办理</el-button>
<el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="状态" width="180" 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 prop="billNo" label="申请单编号" align="center" width="150"/>
<el-table-column prop="contractNo" label="合同编号" align="center" width="140"/>
<el-table-column prop="customerName" label="客户名称" align="center" width="130"/>
<el-table-column prop="saleTypeValue" label="销售类型" align="center" width="130"/>
<el-table-column prop="zcVinNo" label="主车车架号" align="center" width="120"/>
<el-table-column prop="gcVinNo" label="挂车车架号" align="center" width="120"/>
<el-table-column prop="businessState" label="业务状态" align="center" width="130"/>
<el-table-column prop="invoiceTitle" label="开票单位" align="center" width="150"/>
<el-table-column prop="billTypeValue" label="开票类型" align="center" width="100"/>
<el-table-column prop="oneBillMoney" label="开票金额" align="center" width="100"/>
<el-table-column prop="openTickRemarks" label="开票信息" align="center" width="200"/>
</el-table>
</div>
<!--End 项目列表-->
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
</div>
</div>
</div>
<!--End 查询和其列表部分-->
<!--新增修改部分组件-->
<traileroutAdd v-show="viewState == 2" ref="divAdd" @doback="resetState" @reloadlist="loadList"/>
<!--详情部分组件-->
<traileroutInfo v-show="viewState == 3" 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 req from '@/api/guache/guachechuku'
import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import traileroutAdd from './traileroutAdd'
import traileroutInfo from './traileroutInfo'
import { getStorage } from '@/utils/auth'
export default {
name: 'GuaCheChuKu',
components: {
ButtonBar,
Pagination,
pageye,
traileroutAdd,
traileroutInfo
},
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: '关闭'
}
],
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
tableLoading: false,
dataList: [],
queryParams: {
current: 1,
size: 5,
total: 0,
params: {
billNo: '',
contractNo: '',
customerName: '',
gcVinNo: '',
orgSidPath: '',
sid: '',
userSid: '',
zcVinNo: ''
}
},
multipleSelection: []
}
},
mounted() {
// 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
window.addEventListener('message', this.handleMessage)
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
async handleMessage(event) {
var code = ''
if (event.data.params !== null && event.data.params !== undefined) {
code = event.data.params.code
}
if (code === 1) {
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.procInstId,
token: getStorage()
}
this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
},
btnHandle(btnKey) {
console.log('XXXXXXXXXXXXXXX ' + btnKey)
switch (btnKey) {
case 'doDel':
this.doDel()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
this.queryParams.params.userSid = window.sessionStorage.getItem('userSid')
this.queryParams.params.orgSidPath = window.sessionStorage.getItem('defaultOrgPath')
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
this.queryParams.total = 0
this.dataList = []
}
}).catch(() => {
this.tableLoading = false
})
},
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
})
this.multipleSelection = aa
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 5,
total: 0,
params: {
billNo: '',
contractNo: '',
customerName: '',
gcVinNo: '',
orgSidPath: '',
sid: '',
userSid: '',
zcVinNo: ''
}
}
this.loadList()
},
toEdit(row) {
this.viewState = 2
this.$refs['divAdd'].showEdit(row)
},
toInfo(row) {
this.viewState = 3
this.$refs['divinfo'].showInfo(row)
},
doDel() {
if (this.multipleSelection.length === 0) {
this.$message({
showClose: true,
type: 'error',
message: '请选择至少一条记录进行删除操作'
})
return
}
const tip = '请确认是否删除所选 ' + this.multipleSelection.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)'
})
req.delBySids(this.multipleSelection).then((resp) => {
loading.close()
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
this.loadList()
}
}).catch((e) => {
loading.close()
})
}).catch(() => {
})
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

290
anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutAdd.vue
View File

@ -0,0 +1,290 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存
</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">提交
</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty"><span>发起部门</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiateDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起人</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起日期</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>合同编号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>客户名称</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售类型</span></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"><span>主车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.zcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>挂车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>业务状态</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.businessState }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>开票单位</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>开票类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售合同价</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty"><span>开票信息</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
<el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
<el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty"><span>备注</span></div>
<el-form-item>
<el-input v-model="formobj.remarks" class="addinputInfo" clearable placeholder=""/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看合格证图片 -->
<el-dialog :visible.sync="dialogVisible">
<el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
</el-dialog>
<!-- 查看销售订单 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/guache/guachechuku'
import xiaoshoudingdanInfo from '../../examinePage/chukushenhe/relation/xiaoshoudingdanInfo'
import paymentticket from '../../examinePage/chukushenhe/relation/paymentticket'
export default {
name: 'GuaCheChuKuAdd',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
submitdisabled: false,
formobj: {
sid: '',
initiateDeptSid: '',
initiateDeptName: '',
createBySid: '',
createTime: '',
initiatePeoName: '',
contractNo: '',
customerSid: '',
customerName: '',
saleTypeKey: '',
saleTypeValue: '',
zcSid: '',
zcVinNo: '',
gcSid: '',
gcVinNo: '',
hgzFiles: [],
businessState: '',
invoiceTitle: '',
billTypeKey: '',
billTypeValue: '',
oneBillMoney: '',
openTickRemarks: '',
billNo: '',
orderSid: '',
orgSidPath: '',
useOrgSid: '',
useOrgName: '',
nodeState: '',
nodeSid: '',
procDefId: '',
procInstSid: '',
taskId: ''
}
}
},
methods: {
showAdd(sid) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '【新增】挂车出库申请'
req.initialize({ sid: sid, userSid: window.sessionStorage.getItem('userSid'), orgSidPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
showEdit(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '【编辑】挂车出库申请'
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleHGZ() {
if (this.formobj.hgzFiles.length > 0) {
this.dialogVisible = true
}
},
handleXSDD() {
const parmas = {
sid: this.formobj.orderSid
}
this.viewState = 2
this.$refs['divXiao'].showInfo(parmas)
},
handleKPQK() {
const kpqk = {
vinSid: this.formobj.zcSid
}
this.viewState = 3
this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
},
resetState() {
this.viewState = 1
},
saveOrUpdate() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.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
})
}
})
},
submit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.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
})
}
})
},
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.formobj = {
sid: '',
initiateDeptSid: '',
initiateDeptName: '',
createBySid: '',
createTime: '',
initiatePeoName: '',
contractNo: '',
customerSid: '',
customerName: '',
saleTypeKey: '',
saleTypeValue: '',
zcSid: '',
zcVinNo: '',
gcSid: '',
gcVinNo: '',
hgzFiles: [],
businessState: '',
invoiceTitle: '',
billTypeKey: '',
billTypeValue: '',
oneBillMoney: '',
openTickRemarks: '',
billNo: '',
orderSid: '',
orgSidPath: '',
useOrgSid: '',
useOrgName: '',
nodeState: '',
nodeSid: '',
procDefId: '',
procInstSid: '',
taskId: ''
}
this.submitdisabled = false
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 120px !important;
}
.addinputInfo {
margin-left: 110px !important;
}
</style>

233
anrui-scm/anrui-scm-ui/src/views/guache/guachechuku/traileroutInfo.vue
View File

@ -0,0 +1,233 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="listconadd">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty"><span>发起部门</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiateDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起人</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起日期</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>合同编号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>客户名称</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售类型</span></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"><span>主车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.zcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>挂车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>业务状态</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.businessState }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>开票单位</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>开票类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售合同价</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty"><span>开票信息</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
<el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
<el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty"><span>备注</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看合格证图片 -->
<el-dialog :visible.sync="dialogVisible">
<el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
</el-dialog>
<!-- 查看销售订单 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/guache/guachechuku'
import xiaoshoudingdanInfo from '../../examinePage/chukushenhe/relation/xiaoshoudingdanInfo'
import paymentticket from '../../examinePage/chukushenhe/relation/paymentticket'
export default {
name: 'GuaCheChuKuAdd',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
submitdisabled: false,
formobj: {
sid: '',
initiateDeptSid: '',
initiateDeptName: '',
createBySid: '',
createTime: '',
initiatePeoName: '',
contractNo: '',
customerSid: '',
customerName: '',
saleTypeKey: '',
saleTypeValue: '',
zcSid: '',
zcVinNo: '',
gcSid: '',
gcVinNo: '',
hgzFiles: [],
businessState: '',
invoiceTitle: '',
billTypeKey: '',
billTypeValue: '',
oneBillMoney: '',
openTickRemarks: '',
billNo: '',
orderSid: '',
orgSidPath: '',
useOrgSid: '',
useOrgName: '',
nodeState: '',
nodeSid: '',
procDefId: '',
procInstSid: '',
taskId: ''
}
}
},
methods: {
showInfo(row) {
this.viewTitle = '挂车出库申请详情'
req.fetchBySid(row.sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleHGZ() {
if (this.formobj.hgzFiles.length > 0) {
this.dialogVisible = true
}
},
handleXSDD() {
const parmas = {
sid: this.formobj.orderSid
}
this.viewState = 2
this.$refs['divXiao'].showInfo(parmas)
},
handleKPQK() {
const kpqk = {
vinSid: this.formobj.zcSid
}
this.viewState = 3
this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {
sid: '',
initiateDeptSid: '',
initiateDeptName: '',
createBySid: '',
createTime: '',
initiatePeoName: '',
contractNo: '',
customerSid: '',
customerName: '',
saleTypeKey: '',
saleTypeValue: '',
zcSid: '',
zcVinNo: '',
gcSid: '',
gcVinNo: '',
hgzFiles: [],
businessState: '',
invoiceTitle: '',
billTypeKey: '',
billTypeValue: '',
oneBillMoney: '',
openTickRemarks: '',
billNo: '',
orderSid: '',
orgSidPath: '',
useOrgSid: '',
useOrgName: '',
nodeState: '',
nodeSid: '',
procDefId: '',
procInstSid: '',
taskId: ''
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 120px !important;
}
.addinputInfo {
margin-left: 110px !important;
}
</style>

26
anrui-scm/anrui-scm-ui/src/views/guache/guachetaizhang/guachetaizhangguanli.vue
View File

@ -79,6 +79,8 @@
<guachetaizhangAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="loadList"/>
<!--详情部分组件-->
<guachetaizhangInfo v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
<!-- 出库 -->
<traileroutAdd v-show="viewState == 5" ref="divOut" @doback="resetState" @reloadlist="loadList"/>
</div>
</template>
@ -89,6 +91,7 @@ import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import guachetaizhangAdd from './guachetaizhangAdd'
import guachetaizhangInfo from './guachetaizhangInfo'
import traileroutAdd from '../../guache/guachechuku/traileroutAdd'
import { getButtonPermissions, getGysTypeByOrgSid, getOrgSidByPath } from '@/api/cheliang/dictcommons'
export default {
@ -98,7 +101,8 @@ export default {
Pagination,
pageye,
guachetaizhangAdd,
guachetaizhangInfo
guachetaizhangInfo,
traileroutAdd
},
data() {
return {
@ -273,12 +277,14 @@ export default {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行出库操作' })
return
} else {
req.trailerOut(this.multipleSelection[0]).then((resp) => {
if (resp.success) {
this.$message({ showClose: true, type: 'success', message: '出库成功' })
this.getList()
}
})
// req.trailerOut(this.multipleSelection[0]).then((resp) => {
// if (resp.success) {
// this.$message({ showClose: true, type: 'success', message: '出库成功' })
// this.getList()
// }
// })
this.viewState = 5
this.$refs['divOut'].showAdd(this.multipleSelection[0])
}
},
toEdit(row) {
@ -308,8 +314,10 @@ export default {
})
req.delBySids(this.multipleSelection).then((resp) => {
loading.close()
this.$message({ type: 'success', message: resp.msg, showClose: true })
this.loadList()
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
this.loadList()
}
}).catch((e) => {
loading.close()
})

396
anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuDaiBanInfo.vue
View File

@ -0,0 +1,396 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<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>
</div>
<div class="">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty"><span>发起部门</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiateDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起人</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起日期</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>合同编号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>客户名称</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售类型</span></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"><span>主车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.zcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>挂车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>业务状态</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.businessState }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>开票单位</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>开票类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售合同价</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty"><span>开票信息</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
<el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
<el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty"><span>备注</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看合格证图片 -->
<el-dialog :visible.sync="dialogVisible">
<el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
</el-dialog>
<!-- 查看销售订单 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
<!-- 选择待办人 的弹出框-->
<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 req from '@/api/guache/guachechuku'
import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
import paymentticket from './relation/paymentticket'
export default {
name: 'chukuDaiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
submitdisabled: false,
formobj: {
sid: '',
initiateDeptSid: '',
initiateDeptName: '',
createBySid: '',
createTime: '',
initiatePeoName: '',
contractNo: '',
customerSid: '',
customerName: '',
saleTypeKey: '',
saleTypeValue: '',
zcSid: '',
zcVinNo: '',
gcSid: '',
gcVinNo: '',
hgzFiles: [],
businessState: '',
invoiceTitle: '',
billTypeKey: '',
billTypeValue: '',
oneBillMoney: '',
openTickRemarks: '',
billNo: '',
orderSid: '',
orgSidPath: '',
useOrgSid: '',
useOrgName: '',
nodeState: '',
nodeSid: '',
procDefId: '',
procInstSid: '',
taskId: ''
},
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.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: 330 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '挂车出库申请详情'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleHGZ() {
if (this.formobj.hgzFiles.length > 0) {
this.dialogVisible = true
}
},
handleXSDD() {
const parmas = {
sid: this.formobj.orderSid
}
this.viewState = 2
this.$refs['divXiao'].showInfo(parmas)
},
handleKPQK() {
const kpqk = {
vinSid: this.formobj.zcSid
}
this.viewState = 3
this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
},
resetState() {
this.viewState = 1
},
// 同意
openAgree(val) {
this.operation = val
this.currentLink = true
this.dialogList.comment = '同意'
req.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 = ''
req.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
req.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
req.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
req.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>
.span-sty {
width: 120px !important;
}
.addinputInfo {
margin-left: 110px !important;
}
.rowClass{
border-top: 1px solid #E0E3EB;
}
</style>

271
anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuEdit.vue
View File

@ -0,0 +1,271 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存
</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">提交
</el-button>
</div>
</div>
<div class="">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty"><span>发起部门</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiateDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起人</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起日期</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>合同编号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>客户名称</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售类型</span></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"><span>主车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.zcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>挂车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>业务状态</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.businessState }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>开票单位</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>开票类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售合同价</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty"><span>开票信息</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
<el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
<el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty"><span>备注</span></div>
<el-form-item>
<el-input v-model="formobj.remarks" class="addinputInfo" clearable placeholder=""/>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看合格证图片 -->
<el-dialog :visible.sync="dialogVisible">
<el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
</el-dialog>
<!-- 查看销售订单 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/guache/guachechuku'
import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
import paymentticket from './relation/paymentticket'
export default {
name: 'chukuEdit',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
submitdisabled: false,
formobj: {
sid: '',
initiateDeptSid: '',
initiateDeptName: '',
createBySid: '',
createTime: '',
initiatePeoName: '',
contractNo: '',
customerSid: '',
customerName: '',
saleTypeKey: '',
saleTypeValue: '',
zcSid: '',
zcVinNo: '',
gcSid: '',
gcVinNo: '',
hgzFiles: [],
businessState: '',
invoiceTitle: '',
billTypeKey: '',
billTypeValue: '',
oneBillMoney: '',
openTickRemarks: '',
billNo: '',
orderSid: '',
orgSidPath: '',
useOrgSid: '',
useOrgName: '',
nodeState: '',
nodeSid: '',
procDefId: '',
procInstSid: '',
taskId: ''
}
}
},
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: 330 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '【编辑】挂车出库申请'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleHGZ() {
if (this.formobj.hgzFiles.length > 0) {
this.dialogVisible = true
}
},
handleXSDD() {
const parmas = {
sid: this.formobj.orderSid
}
this.viewState = 2
this.$refs['divXiao'].showInfo(parmas)
},
handleKPQK() {
const kpqk = {
vinSid: this.formobj.zcSid
}
this.viewState = 3
this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
},
resetState() {
this.viewState = 1
},
saveOrUpdate() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.saveOrUpdate(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '保存成功' })
this.submitdisabled = false
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
},
submit() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.submit(this.formobj).then((res) => {
if (res.success) {
this.$message({ showClose: true, type: 'success', message: '提交成功' })
this.submitdisabled = false
// 子页面向父级页面传递值(关闭弹框)
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
} else {
this.submitdisabled = false
}
}).catch(() => {
this.submitdisabled = false
})
}
})
}
}
}
</script>
<style scoped>
.span-sty {
width: 120px !important;
}
.addinputInfo {
margin-left: 110px !important;
}
</style>

267
anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/chukuYiBanInfo.vue
View File

@ -0,0 +1,267 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
</div>
</div>
<div class="">
<el-form ref="form_obj" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty"><span>发起部门</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiateDeptName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起人</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.initiatePeoName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>发起日期</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>合同编号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>客户名称</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售类型</span></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"><span>主车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.zcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>挂车车架号</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.gcVinNo }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>业务状态</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.businessState }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<div class="span-sty"><span>开票单位</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.invoiceTitle }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>开票类型</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.billTypeValue }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span>销售合同价</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.oneBillMoney }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty"><span>开票信息</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.openTickRemarks }}</span></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item>
<el-button type="primary" size="mini" @click="handleHGZ">合格证</el-button>
<el-button type="primary" size="mini" @click="handleXSDD">销售订单</el-button>
<el-button type="primary" size="mini" @click="handleKPQK">款票情况</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty"><span>备注</span></div>
<el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!-- 查看合格证图片 -->
<el-dialog :visible.sync="dialogVisible">
<el-image v-for="(item, index) in formobj.hgzFiles" :key="index" :src="item" :preview-src-list="formobj.hgzFiles"/>
</el-dialog>
<!-- 查看销售订单 -->
<xiaoshoudingdanInfo v-show="viewState == 2" ref="divXiao" @doback="resetState"/>
<!-- 查看款票情况 -->
<paymentticket v-show="viewState == 3" ref="divPay" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/guache/guachechuku'
import xiaoshoudingdanInfo from './relation/xiaoshoudingdanInfo'
import paymentticket from './relation/paymentticket'
export default {
name: 'chukuYiBanInfo',
components: {
xiaoshoudingdanInfo,
paymentticket
},
data() {
return {
viewTitle: '',
viewState: 1,
dialogVisible: false,
submitdisabled: false,
formobj: {
sid: '',
initiateDeptSid: '',
initiateDeptName: '',
createBySid: '',
createTime: '',
initiatePeoName: '',
contractNo: '',
customerSid: '',
customerName: '',
saleTypeKey: '',
saleTypeValue: '',
zcSid: '',
zcVinNo: '',
gcSid: '',
gcVinNo: '',
hgzFiles: [],
businessState: '',
invoiceTitle: '',
billTypeKey: '',
billTypeValue: '',
oneBillMoney: '',
openTickRemarks: '',
billNo: '',
orderSid: '',
orgSidPath: '',
useOrgSid: '',
useOrgName: '',
nodeState: '',
nodeSid: '',
procDefId: '',
procInstSid: '',
taskId: ''
},
// 环节所需参数
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.userSid = window.sessionStorage.getItem('userSid')
// 加载表单数据
this.showInfo(obj.businessSid)
},
mounted() {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 告诉父级页面，子页面的弹框高度。
code: 2,
data: 330 + 'px'
}
}, '*')
},
methods: {
showInfo(sid) {
this.viewTitle = '挂车出库申请详情'
req.fetchBySid(sid).then((res) => {
if (res.success) {
this.formobj = res.data
}
})
},
handleHGZ() {
if (this.formobj.hgzFiles.length > 0) {
this.dialogVisible = true
}
},
handleXSDD() {
const parmas = {
sid: this.formobj.orderSid
}
this.viewState = 2
this.$refs['divXiao'].showInfo(parmas)
},
handleKPQK() {
const kpqk = {
vinSid: this.formobj.zcSid
}
this.viewState = 3
this.$refs['divPay'].showInfo(this.formobj.contractNo, kpqk)
},
resetState() {
this.viewState = 1
},
/** 确认撤回任务 */
openRevoke() {
this.$confirm('是否确认执行撤回操作', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.handleRevoke()
}).catch(() => {
this.$message({
type: 'info',
message: '已取消撤回'
})
})
},
/** 撤回任务 */
handleRevoke() {
req.revokeProcess(this.linkByParameter).then((response) => {
if (response.success) {
this.$notify({
title: '提示',
message: '执行成功',
type: 'success',
duration: 2000
})
// 子页面向父级页面传递值
window.parent.postMessage({
cmd: 'returnHeight',
params: {
// 操作成功，告诉父级页面关闭弹框
code: 1
}
}, '*')
}
})
}
}
}
</script>
<style scoped>
.span-sty {
width: 120px !important;
}
.addinputInfo {
margin-left: 110px !important;
}
</style>

332
anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/financialscheme.vue
View File

@ -0,0 +1,332 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="">
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
<div v-if="formobj.typeKey !== '02'">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="6">
<div class="span-sty">是否打包</div>
<el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
</el-col>
<el-col :span="18">
<div class="span-sty">资方及产品政策</div>
<el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">融资项目</div>
<el-form-item>
<div class="addinputInfo">
<span>主车发票价{{ formobj.mainVehicleAmount }}元</span>
<span>融资票据{{ formobj.accessoriesAmount }}元</span>
<span>挂车{{ formobj.trailerAmount }} 元</span>
<span>购置税{{ formobj.purchaseTax }} 元</span>
<span>车损上浮{{ formobj.vehDamageFloat }} 元</span>
</div>
</el-form-item>
</el-col>
<el-col :span="24">
<div class="span-sty">融资项目总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">首付比例</div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">首付金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">产品贷款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">产品期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">贷款保证金比例</div>
<el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">贷款保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">厂家贴息</div>
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">年利率</div>
<el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">月还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">利息总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">厂家贴息用途</div>
<el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
</el-col>
</el-row>
<div v-show="formobj.otherPolicyState">
<div class="title">其它融</div>
<el-row>
<el-col :span="12">
<div class="span-sty">其它融名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">贷款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">月还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">利息总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">年利率</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
</el-col>
</el-row>
</div>
<div class="title">方案汇总</div>
<el-row>
<el-col :span="12">
<div class="span-sty">融资首付</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">总贷款金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">期数</div>
<el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">月还金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">利息总额</div>
<el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">预计首款还款日</div>
<el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">应收明细</div>
<el-row>
<el-col :span="6">
<div class="span-sty">融资首付</div>
<el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">贷款保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">保险保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">落户保证金</div>
<el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">服务费</div>
<el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">代收意外险</div>
<el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">上牌费</div>
<el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">运管费</div>
<el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">补车价</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">其它费用</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">其它费用说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">办理方式选择</div>
<el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">代收首年保险费</div>
<el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">代收购置税</div>
<el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">应收合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">抵顶费用合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">抵顶首年保险费</div>
<el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
</el-col>
<el-col :span="9">
<div class="span-sty">抵顶购置税</div>
<el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">实收合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.realTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">车辆总价</div>
<el-form-item><span class="addinputInfo">{{ formobj.vehTotalPrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">名义(留购)价</div>
<el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
</el-col>
<el-col :span="18">
<el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
</el-col>
</el-row>
</div>
<div v-if="formobj.typeKey == '02'">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8">
<div class="span-sty">厂家贴息</div>
<el-form-item>
<span class="addinputInfo">{{ formobj.factoryDiscount }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">厂家贴息用途</div>
<el-form-item>
<span class="addinputInfo">>{{ formobj.factoryDiscountUse }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty"><span class="icon">*</span>服务费</div>
<el-form-item>
<span class="addinputInfo">>{{ formobj.serviceAmount }}</span>
</el-form-item>
</el-col>
</el-row>
</div>
</el-form>
</div>
</div>
</template>
<script>
export default {
name: 'JinRongFangAnInfo',
data() {
return {
viewTitle: '',
tableKey: 0,
index: 0,
formobj: {
otherPolicyState: false
}
}
},
methods: {
showInfo(value) {
this.viewTitle = '金融方案'
this.formobj = value
},
handleReturn() {
this.formobj = {
otherPolicyState: false
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
.tlineheightb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
line-height: 15px !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
</style>

244
anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/paymentticket.vue
View File

@ -0,0 +1,244 @@
<template>
<div class="app-container">
<div>
<div class="tab-header webtop">
<div>款票详情</div>
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="">
<el-form ref="dataForm" :model="formobj" class="formaddcopy02" :rules="rules">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="12">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.paymentMethod }}</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.contractNo }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">车型</div>
<el-form-item><span class="addinputInfo">{{ formobj.modelName }}</span></el-form-item>
</el-col>
</el-row>
<!--Start 预订车辆信息-->
<div class="title">
<div>款项情况(平台收款)</div>
</div>
<el-table :key="tableKey" v-loading="listLoading" ref="multipleTable" :data="formobj.finSelectVoList" border style="width: 100%" :index="index">
<el-table-column fixed align="center" label="序号" type="index" :index="index + 1" width="60"/>
<el-table-column label="款项名称" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.receivablesName }}</span>
</template>
</el-table-column>
<el-table-column label="应收金额" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.reveivableMoney }}</span>
</template>
</el-table-column>
<el-table-column label="已收款" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.subscriptionMoneyAll }}</span>
</template>
</el-table-column>
<el-table-column label="未收款" align="center" width="150">
<template slot-scope="scope">
<span>{{ scope.row.notSubscriptionMoney }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<span>{{ scope.row.remark }}</span>
</template>
</el-table-column>
</el-table>
<div class="title">发票情况</div>
<el-row>
<el-col :span="16">
<div class="span-sty">开票名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoicingName }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">税号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty">地址</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.address }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.telPhone }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty">开户行</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.openingBank }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">银行账号</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.bankNum }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<div class="span-sty">开票单位</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceTitle }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceType }}</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.vinInvoiceVo.billingState }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票金额</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceAmount }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">开票日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.invoiceDate }}</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.vinInvoiceVo.transferState }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">接收人</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.recipient }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">移交日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.vinInvoiceVo.transferTime }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
</div>
</template>
<script>
import { deliveredFinSelect } from '@/api/examinePage/chukushenhe'
export default {
name: 'PaymentTicket',
data() {
return {
tableKey: 0,
index: 0,
// --按钮菜单-------
listLoading: false,
formobj: {
vinNo: '',
paymentMethod: '',
contractNo: '',
customerName: '',
modelName: '',
finSelectVoList: [],
vinInvoiceVo: {
invoicingName: '',
invoiceNo: '',
invoiceTitle: '',
invoiceType: '',
billingState: '',
invoiceAmount: '',
invoiceDate: '',
transferState: '',
address: '',
telPhone: '',
openingBank: '',
bankNum: '',
recipient: '',
transferTime: ''
}
},
rules: {}
}
},
methods: {
// ------------ 页面初始化 ------------
showInfo(contractId, row) {
this.$nextTick(() => {
this.$refs['dataForm'].clearValidate()
})
deliveredFinSelect({ contractNo: contractId, vinSid: row.vinSid }).then((response) => {
if (response.success) {
console.log(response.data)
this.formobj = response.data
}
})
},
// ------------ 功能实现 ------------
// 返回
handleReturn() {
this.$refs['dataForm'].resetFields()
this.formobj = {
vinNo: '',
paymentMethod: '',
contractNo: '',
customerName: '',
modelName: '',
finSelectVoList: [],
vinInvoiceVo: {
invoicingName: '',
invoiceNo: '',
invoiceTitle: '',
invoiceType: '',
billingState: '',
invoiceAmount: '',
invoiceDate: '',
transferState: '',
address: '',
telPhone: '',
openingBank: '',
bankNum: '',
recipient: '',
transferTime: ''
}
}
this.$emit('doback')
}
}
}
</script>
<style scoped>
.span-sty {
width: 120px !important;
}
.addinputInfo {
margin-left: 110px !important;
}
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed {
height: 100% !important;
}
/*表格列设置fixed后固定列出现下边框的设置*/
/deep/ .el-table__fixed-right {
height: 100% !important;
}
</style>

527
anrui-scm/anrui-scm-ui/src/views/workFlow/guachechukuFlow/relation/xiaoshoudingdanInfo.vue
View File

@ -0,0 +1,527 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<div class="tab-header webtop">
<div>{{ viewTitle }}</div>
<div>
<el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="">
<div class="titwu">销售订单</div>
<el-form ref="dataForm" :model="formobj" label-position="top" label-width="130px" class="formaddcopy02">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="8" class="tlineheightb">
<div class="span-sty">订单编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.billNo }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">合同编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.concatNo }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">制单日期</div>
<el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售机构</div>
<el-form-item><span class="addinputInfo">{{ formobj.useOrgName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售部门</div>
<el-form-item><span class="addinputInfo">{{ formobj.orgName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售专员</div>
<el-form-item><span class="addinputInfo">{{ formobj.staffName }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">客户信息</div>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">客户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.mobile }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">挂靠公司</div>
<el-form-item><span class="addinputInfo">{{ formobj.affiliatedCompany }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">销售类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.payType }} {{ formobj.financePlanValue }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">开票类型</div>
<el-form-item><span class="addinputInfo">{{ formobj.billingType }}</span></el-form-item>
</el-col>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">是否包牌</div>
<el-form-item><span class="addinputInfo">{{ formobj.licensePlateValue }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">车型信息</div>
<el-row>
<el-col :span="24" class="tlineheightb">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.modelConfig }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="tlineheightb">
<div class="span-sty">常用配置</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.config }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="tlineheightb">
<div class="span-sty">更多配置</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.moreConfig }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="tlineheightb">
<div class="span-sty">特殊配置说明</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.specialConfig }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" class="tlineheightb">
<div class="span-sty">合格证公告型号</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.publicModel }}</span></el-form-item>
</el-col>
<el-col :span="16" class="tlineheightb">
<el-form-item><span class="addinputInfo" style="margin-left: 0px !important;">{{ formobj.busSalesOrderModel.publicModelSon }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.busSalesOrderMakeup.topMessage !== ''">
<el-col :span="24" class="tlineheightb">
<div class="span-sty">上装</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderMakeup.topMessage }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.type == '1'">
<el-col :span="24" class="tlineheightb">
<div class="span-sty">车架号</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.vinNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.type == '2'">
<el-col :span="24" class="tlineheightb">
<div class="span-sty">采购订单编号</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.linkNo }}</span></el-form-item>
</el-col>
</el-row>
<el-row v-if="formobj.type == '3'">
<el-col :span="24">
<div class="span-sty">需采购</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
</el-col>
</el-row>
<!-- <div class="title">挂车信息</div>-->
<!-- <el-row>-->
<!-- <el-col :span="24">-->
<!-- <el-form-item><span></span></el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<div class="title">价格信息</div>
<el-row>
<el-col :span="8">
<div class="span-sty">单台整体指导价</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleGuildPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">主车单台成交价</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderModel.finalPrice }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">单台整体成交价</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.singleFinalPrice }}</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.busSalesOrderPrice.bigDecimalSing }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">台数</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.quantity }}</span></el-form-item>
</el-col>
<el-col :span="8">
<div class="span-sty">车价合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.priceSum }}</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.busSalesOrderPrice.plannedPickUpDate }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">预计提车地点</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderPrice.plannedPickUpLocation }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">保险说明</div>
<el-row>
<el-col :span="24">
<el-form-item><span>{{ formobj.insuranceInfo }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">订金信息</div>
<el-row>
<el-col :span="12">
<div class="span-sty">单台订金</div>
<el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.deposit }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">订金合计</div>
<el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.depositAll }}</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.busSalesOrderDeposit.depositType }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">需补交订金</div>
<el-form-item><span class="addinputInfo">￥{{ formobj.busSalesOrderDeposit.makeUpDeposit }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty" style="display: flex;flex-direction: row;justify-content: flex-end;align-items: center">款项确认书</div>
<el-form-item><el-image class="addinputInfo" style="width: 178px;height: 178px;" v-for="(item,index) in formobj.busSalesOrderDeposit.paymentConfirmation" :key="index" :src="item" :preview-src-list="formobj.busSalesOrderDeposit.paymentConfirmation"></el-image></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="span-sty">订金备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderDeposit.depositRemarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title" v-if="formobj.busSalesOrderDiscountList.length > 0">优惠套餐</div>
<el-table v-if="formobj.busSalesOrderDiscountList.length > 0" :key="tableKey" :data="formobj.busSalesOrderDiscountList" :index="index" border style="width: 100%" show-summary :summary-method="getSummaries">
<el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
<el-table-column label="优惠名称" align="left" header-align="center">
<template slot-scope="scope">
{{ scope.row.name }}
</template>
</el-table-column>
<el-table-column label="价值" align="left" header-align="center">
<template slot-scope="scope">
{{ scope.row.price }}
</template>
</el-table-column>
<el-table-column label="优惠项目说明" header-align="center">
<template slot-scope="scope">
{{ scope.row.discountExplain }}
</template>
</el-table-column>
<el-table-column label="数量" header-align="center">
<template slot-scope="scope">
{{ scope.row.num }}
</template>
</el-table-column>
<el-table-column prop="totalValue" label="小计" header-align="center">
<template slot-scope="scope">
{{ scope.row.totalValue }}
</template>
</el-table-column>
</el-table>
<div v-show="formobj.finPlanState" class="jinrong">
<div>金融方案</div>
<div>
<el-button type="primary" size="mini" class="btntopblueline" @click="handleLook()">查看</el-button>
</div>
</div>
<div class="title">补充说明</div>
<el-row>
<el-col :span="24">
<el-form-item><span>{{ formobj.notes }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item><el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.images" :key="index" :src="item" :preview-src-list="formobj.images"></el-image></el-form-item>
</el-col>
</el-row>
<div class="title">其它信息</div>
<el-row>
<el-col :span="12">
<div class="span-sty">内部引荐人</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.name }}</span></el-form-item>
</el-col>
<el-col :span="12">
<div class="span-sty">返利备注</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.remarks }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">中介人1</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorName }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobile }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">单车中介服务费</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPrice }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">中介服务费合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleOneDistributorPriceTotal }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="span-sty">中介人2</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorNameTwo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">联系电话</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorMobileTwo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">单车中介服务费</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.distributorPriceTwo }}</span></el-form-item>
</el-col>
<el-col :span="6">
<div class="span-sty">中介服务费合计</div>
<el-form-item><span class="addinputInfo">{{ formobj.busSalesOrderotherMessageDetailsVo.middleTwoDistributorPriceTotal }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<financialscheme ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
</div>
</template>
<script>
import { fetchDetailsBySid } from '@/api/examinePage/chukushenhe'
import financialscheme from './financialscheme'
export default {
name: 'XiaoShouDingDanInfo',
components: {
financialscheme
},
data() {
return {
viewTitle: '',
viewState: 1,
tableKey: 0,
index: 0,
formobj: {
sid: '',
affiliatedCompany: '',
affiliatedCompanySid: '',
billNo: '',
billingType: '',
billingTypeKey: '',
busDepositFictitiousList: [],
busSalesOrderDeposit: [],
busSalesOrderDiscountList: [],
busSalesOrderInsurance: [],
busSalesOrderMakeup: [],
busSalesOrderModel: [],
busSalesOrderPrice: [],
busSalesOrderVehicleList: [],
busSalesOrderotherMessageDetailsVo: [],
busSalesVehicleOrderList: [],
concatNo: '',
createDate: '',
customerName: '',
customerSid: '',
images: [],
insuranceInfo: '',
insuranceInfoMessage: '',
isInsurance: '',
isTop: '',
licensePlateKey: '',
licensePlateValue: '',
mobile: '',
nodeState: '',
notes: '',
orgName: '',
orgSid: '',
payType: '',
payTypeKey: '',
procInstId: '',
remarks: '',
staffName: '',
staffSid: '',
taskId: '',
type: '',
useOrgName: '',
useOrgSid: '',
finPlanState: false
}
}
},
methods: {
showInfo(row) {
this.viewTitle = '销售订单'
fetchDetailsBySid(row.sid).then((resp) => {
if (resp.success) {
this.formobj = resp.data
if (this.formobj.busSalesOrderModel.linkNo.length > 0) {
this.formobj.busSalesOrderModel.linkNo = this.formobj.busSalesOrderModel.linkNo.join('、')
} else {
this.formobj.busSalesOrderModel.linkNo = ''
}
if (this.formobj.busSalesOrderModel.vinNo.length > 0) {
this.formobj.busSalesOrderModel.vinNo = this.formobj.busSalesOrderModel.vinNo.join('、')
} else {
this.formobj.busSalesOrderModel.vinNo = ''
}
}
})
},
handleLook() {
this.viewState = 2
this.$refs['divInfo'].showInfo(this.formobj.solutionsDetailsssVo)
},
// 合计
getSummaries(param) {
const { columns, data } = param
const sums = []
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = ''
return
}
const values = data.map(item => Number(item[column.property]))
if (column.property === 'totalValue') {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
} else {
if (!values.every(value => isNaN(value))) {
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ''
this.amount = sums[index] += ''
} else {
sums[index] = ''
}
}
})
return sums
},
resetState() {
this.viewState = 1
},
handleReturn() {
this.formobj = {
sid: '',
affiliatedCompany: '',
affiliatedCompanySid: '',
billNo: '',
billingType: '',
billingTypeKey: '',
busDepositFictitiousList: [],
busSalesOrderDeposit: [],
busSalesOrderDiscountList: [],
busSalesOrderInsurance: [],
busSalesOrderMakeup: [],
busSalesOrderModel: [],
busSalesOrderPrice: [],
busSalesOrderVehicleList: [],
busSalesOrderotherMessageDetailsVo: [],
busSalesVehicleOrderList: [],
concatNo: '',
createDate: '',
customerName: '',
customerSid: '',
images: [],
insuranceInfo: '',
insuranceInfoMessage: '',
isInsurance: '',
isTop: '',
licensePlateKey: '',
licensePlateValue: '',
mobile: '',
nodeState: '',
notes: '',
orgName: '',
orgSid: '',
payType: '',
payTypeKey: '',
procInstId: '',
remarks: '',
staffName: '',
staffSid: '',
taskId: '',
type: '',
useOrgName: '',
useOrgSid: '',
finPlanState: false
}
this.$emit('doback')
}
}
}
</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;
}
.jinrong {
padding: 7px;
font-weight: bold;
font-size: 16px;
background-color: #0294d7;
text-align: left;
color: #ffffff;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 1px;
}
.tlineheightb {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
line-height: 15px !important;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
</style>
Write Preview
Loading…
Cancel
Save