Browse Source

修改车辆外采,增加订金开户银行、订金账户名称、订金银行账号等字段,完善以及优化部分代码

master
yunuo970428 3 years ago
parent
commit
f2644eb789
  1. 429
      anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/baseoutsourcingapplication.vue
  2. 368
      anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/baseoutsourcingapplicationAdd.vue
  3. 153
      anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/baseoutsourcingapplicationInfo.vue
  4. 474
      anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/workflow/baseoutsourcingapplication.vue
  5. 1092
      anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/workflow/baseoutsourcingapplicationAdd.vue
  6. 166
      anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/workflow/baseoutsourcingapplicationInfo.vue

429
anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/baseoutsourcingapplication.vue

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div v-show="viewState == 1">
<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">
@ -10,11 +10,9 @@
<div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header">
<el-form-item label="申请日期:">
<el-date-picker v-model="queryParams.params.applicationStartDate" class="filter-item" type="date"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
<label></label>
<el-date-picker v-model="queryParams.params.applicationEndDate" class="filter-item" type="date"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
<el-date-picker v-model="queryParams.params.applicationStartDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
<span style="padding: 0 8px"></span>
<el-date-picker v-model="queryParams.params.applicationEndDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
</el-form-item>
<el-form-item label="车型:">
<el-input v-model="queryParams.params.modelName" placeholder="请输入车型名称" clearable/>
@ -29,20 +27,17 @@
<!-- 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"/>
<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 v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="150px" label="操作" align="center">
<template slot-scope="scope">
<el-button v-if="scope.row.nodeState=='待提交'||(scope.row.nodeState!='待提交'&&scope.row.nodeState=='外采申请')"
type="primary" size="mini" @click="edit(scope.row)">办理
<el-button v-if="scope.row.nodeState=='待提交'||(scope.row.nodeState!='待提交'&&scope.row.nodeState=='外采申请')" type="primary" size="mini" @click="edit(scope.row)">办理
</el-button>
<el-button v-else type="info" size="mini">办理</el-button>
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
@ -51,8 +46,7 @@
<el-table-column prop="nodeState" width="160px;" label="状态" align="left" 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)"
style="color: #018ad2;cursor: pointer;">{{ scope.row.nodeState }}</span>
<span v-else @click="flowRecord(scope.row)" style="color: #018ad2;cursor: pointer;">{{ scope.row.nodeState }}</span>
</template>
</el-table-column>
<el-table-column prop="applicationCode" width="200px;" label="申请编号" align="center"/>
@ -78,13 +72,13 @@
</div>
</div>
</div>
<!-- End 查询和其列表部分 -->
<!-- End 查询和其列表部分 -->
<!-- 新增修改部分组件 -->
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
<!-- 新增修改部分组件 -->
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList"/>
<!-- 详情部分组件 -->
<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState" />
<!-- 详情部分组件 -->
<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
<!--<div-info v-show="viewState == 5" ref="divinfo" @doback="resetState" />-->
<el-dialog
title=""
@ -93,12 +87,9 @@
height="1%"
:before-close="closeIt"
center>
<iframe frameborder="0" id="iframe"
style="width:100%;"
:src="this.centerDialogVisible === true ? url :''"
></iframe>
<iframe frameborder="0" id="iframe" style="width:100%;" :src="this.centerDialogVisible === true ? url :''"></iframe>
</el-dialog>
</div>
</div>
</template>
<script>
@ -186,37 +177,40 @@ export default {
modelSid: '', // sid
modelName: '', //
configName: '', //
purchasePrice: '', //
guidedPrice: '', //
manufactorSettlementPrice: '', //
num: '', //
deposit: '', //
expenseName: '', //
totalExpenseAmount: '', //
orgSid: '' // sid
}
},
multipleSelection: [],
row:{}
}
},
purchasePrice: '', //
guidedPrice: '', //
manufactorSettlementPrice: '', //
num: '', //
deposit: '', //
expenseName: '', //
totalExpenseAmount: '', //
orgSid: '' // sid
}
},
multipleSelection: [],
row: {}
}
},
mounted() {
// vuewindowpostMessagehandleMessage
window.addEventListener('message', this.handleMessage)
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
async handleMessage (event) {
var code= event.data.params.code;
if(code==1){
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.init()
this.centerDialogVisible=false
} else if (code==2){
this.centerDialogVisible = false
} else if (code === 2) {
this.dialogHeight = event.data.params.data
this.setIframeHeight(document.getElementById('iframe'));
this.setIframeHeight(document.getElementById('iframe'))
}
},
closeIt() {
@ -224,51 +218,51 @@ export default {
this.centerDialogVisible = false
},
setIframeHeight(iframe) {
iframe.height ='610px'; //this.dialogHeight;//iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
iframe.height = '610px' // this.dialogHeight;//iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
},
flowRecord(row){
flowRecord(row) {
this.centerDialogVisible = true
var params = {
deployId: row.procDefId,
procInsId: row.procInstSid,
token : getStorage()
token: getStorage()
}
this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
},
resetState() {
this.viewState = 1
},
btnHandle(btnKey) {
switch (btnKey) {
case 'toAdd':
this.toAdd()
break
case 'toEdit':
this.toEdit()
break
case 'doSubmit':
this.doSubmit()
break
case 'doDel':
this.doDel()
break
case 'doImport':
this.doImport()
break
case 'doExport':
this.doExport()
break
resetState() {
this.viewState = 1
},
btnHandle(btnKey) {
switch (btnKey) {
case 'toAdd':
this.toAdd()
break
case 'toEdit':
this.toEdit()
break
case 'doSubmit':
this.doSubmit()
break
case 'doDel':
this.doDel()
break
case 'doImport':
this.doImport()
break
case 'doExport':
this.doExport()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
toAdd(row) {
this.viewState = 2
this.$refs['divadd'].showAdd()
},
default:
break
}
},
toAdd(row) {
this.viewState = 2
this.$refs['divadd'].showAdd()
},
toEdit() {
if (this.sids.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' })
@ -279,63 +273,60 @@ export default {
return
}
this.dataList.forEach(row => {
if(row.sid === this.sids[0] && (row.nodeState == '待提交' || (row.nodeState!='待提交'&&row.nodeState=='外采申请'))){
if (row.sid === this.sids[0] && (row.nodeState == '待提交' || (row.nodeState != '待提交' && row.nodeState == '外采申请'))) {
this.viewState = 3
const row = this.sids[0]
this.$refs['divadd'].showEdit(row)
}else if(row.sid === this.sids[0]){
alert('已经发起的审批业务数据不能进行编辑。');
return false;
}else{
} else if (row.sid === this.sids[0]) {
alert('已经发起的审批业务数据不能进行编辑。')
return false
}
})
},
edit(row) {
this.viewState = 3
this.$refs['divadd'].showEdit(row)
},
doSubmit() {
/* if (this.multipleSelection.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' })
return
}
if (this.multipleSelection.length > 1) {
this.$message({ showClose: true, type: 'error', message: '只能选择一条记录进行编辑' })
return
}
const row = this.multipleSelection[0]
const sids = []
this.multipleSelection.forEach(row => {
if(row.nodeState==''||(row.nodeState!=''&&row.nodeState=='外采申请')){
sids.push(row.sid)
}else{
alert('已经发起的审批业务数据不能进行删除。');
sids = [];
}
})
req
.doSubmitBySid(row.sid,this.queryParams.params.userSid)
.then( resp => {
if(resp.success){
alert(123);
}
});*/
/* if (this.multipleSelection.length === 0) {
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' })
return
}
if (this.multipleSelection.length > 1) {
this.$message({ showClose: true, type: 'error', message: '只能选择一条记录进行编辑' })
return
}
const row = this.multipleSelection[0]
const sids = []
this.multipleSelection.forEach(row => {
if(row.nodeState==''||(row.nodeState!=''&&row.nodeState=='外采申请')){
sids.push(row.sid)
}else{
alert('已经发起的审批业务数据不能进行删除。');
sids = [];
}
})
req
.doSubmitBySid(row.sid,this.queryParams.params.userSid)
.then( resp => {
if(resp.success){
alert(123);
}
});*/
},
doDel(row) {
doDel(row) {
if (this.sids.length === 0) {
this.$message({showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作'})
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
return
}
var b=false;
var b = false
this.multipleSelection.forEach(row => {
if(!(row.nodeState === '待提交')){
b=true
if (!(row.nodeState === '待提交')) {
b = true
}
})
if(b){
this.$message({showClose: true, type: 'error', message: '提交流程审批的记录不能进行删除!'})
if (b) {
this.$message({ showClose: true, type: 'error', message: '提交流程审批的记录不能进行删除!' })
return
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
@ -343,116 +334,112 @@ export default {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const _this = this
req.delBySids(this.sids).then(resp => {
if (resp.success) {
_this.$message({ type: 'success', message: resp.msg, showClose: true })
this.queryParams.current = 1
_this.loadList()
} else {
// resp.code
}
}).catch(e => {})
}).catch(() => {
})
},
doImport(row) {
//
req
.importExcel(this.queryParams.params)
.then(resp => {
if (resp.success) {
console.log(resp)
}
})
.catch(() => {
})
},
doExport(row) {
//
const sids = []
this.multipleSelection.forEach(row => {
sids.push(row.sid)
})
.then(() => {
const _this = this
req
.delBySids(this.sids)
.then(resp => {
if (resp.success) {
_this.$message({ type: 'success', message: resp.msg, showClose: true })
this.queryParams.current = 1
_this.loadList()
} else {
// resp.code
}
})
.catch(e => {
loading.close()
})
})
.catch(() => {})
},
doImport(row) {
//
req
.importExcel(this.queryParams.params)
.then(resp => {
if (resp.success) {
console.log(resp)
}
})
.catch(() => {})
},
doExport(row) {
//
const sids = []
this.multipleSelection.forEach(row => {
sids.push(row.sid)
})
this.queryParams.params.sids = sids
req
.exportExcel(this.queryParams.params)
.then(resp => {
if (resp.success) {
var map = resp.data
const fileName = map.filename //
// // <a> Firefox Chrome download
// // IE10blobdownload
const link = document.createElement('a') // a
link.download = fileName // a
link.style.display = 'none'
link.href = map.downurl
document.body.appendChild(link)
link.click() //
URL.revokeObjectURL(link.href) // url
document.body.removeChild(link) //
}
})
.catch(() => {})
},
doClose(){
this.$store.dispatch('tagsView/delView', this.$route);
this.queryParams.params.sids = sids
req
.exportExcel(this.queryParams.params)
.then(resp => {
if (resp.success) {
var map = resp.data
const fileName = map.filename //
// // <a> Firefox Chrome download
// // IE10blobdownload
const link = document.createElement('a') // a
link.download = fileName // a
link.style.display = 'none'
link.href = map.downurl
document.body.appendChild(link)
link.click() //
URL.revokeObjectURL(link.href) // url
document.body.removeChild(link) //
}
})
.catch(() => {
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams.params = {}
this.queryParams.params.sid = '' // sid
this.queryParams.params.name = '' //
this.dosearch()
},
loadList() {
const _this = this
this.tableLoading = true
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 {
// resp.code
}
})
.catch(() => {
_this.tableLoading = false
})
},
handleSelectionChange(row) {
this.multipleSelection = row
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams.params = {}
this.queryParams.params.sid = '' // sid
this.queryParams.params.name = '' //
this.dosearch()
},
loadList() {
const _this = this
this.tableLoading = true
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 {
// resp.code
}
})
.catch(() => {
_this.tableLoading = false
})
},
handleSelectionChange(row) {
this.multipleSelection = row
const aa = []
row.forEach((element) => {
aa.push(element.sid)
})
this.sids = aa
},
//
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
toInfo(row) {
this.viewState = 4
},
//
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
toInfo(row) {
this.viewState = 4
this.$refs['divinfo'].showInfo(row)
}
}
}
}
</script>
<style scoped>

368
anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/baseoutsourcingapplicationAdd.vue

@ -1,5 +1,5 @@
<template>
<div>
<div class="app-container">
<div v-show="viewState == 1">
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
@ -9,7 +9,7 @@
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="doSubmit">提交</el-button>
<el-button type="info" size="small" @click="handleReturn()">返回</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
@ -54,7 +54,7 @@
<span><span class="icon">*</span>采购单位</span>
</el-col>
<el-col :span="21" class="trightb">
<el-form-item prop="purchasingUnitName"><el-input size="small" v-model="formobj.purchasingUnitName" placeholder="采购单位" class="addinputw" clearable /></el-form-item>
<el-form-item prop="purchasingUnitName"><el-input v-model="formobj.purchasingUnitName" placeholder="采购单位" class="addinputw" clearable /></el-form-item>
</el-col>
</el-row>-->
<el-row>
@ -66,7 +66,9 @@
</el-col>
<el-col :span="2" class="trightb">
<!--<button type="primary" size="small" @click="saveOrUpdate">选择</button>-->
<el-button type="primary" size="small" @click="selectModel">选择</el-button>
<el-form-item>
<el-button type="primary" size="small" @click="selectModel">选择</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
@ -78,16 +80,10 @@
</el-col>
</el-row>
<el-row>
<!-- <el-col :span="3" class="tleftb">
<span><span class="icon">*</span>采购价格</span>
</el-col>
<el-col :span="9" class="trightb">
<el-form-item prop="purchasePrice"><el-input size="small" v-model="formobj.purchasePrice" placeholder="采购价格" class="addinputw" clearable /></el-form-item>
</el-col>-->
<el-col :span="3" class="tleftb">
<span>销售指导价</span>
</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item v-show="formobj.externalMiningTypeKey==1" prop="guidedPrice">{{ formobj.guidedPrice }}
</el-form-item>
<el-form-item v-show="formobj.externalMiningTypeKey==2" prop="guidedPrice">{{ formobj.guidedPrice }}
@ -96,20 +92,43 @@
<el-col :span="3" class="tleftb">
<span>厂家合同价</span>
</el-col>
<el-col :span="4" class="trightb">
<el-form-item v-show="formobj.externalMiningTypeKey==1" prop="manufactorSettlementPrice">
{{ formobj.manufactorSettlementPrice }}
</el-form-item>
<el-form-item v-show="formobj.externalMiningTypeKey==2" prop="manufactorSettlementPrice">
{{ formobj.manufactorSettlementPrice }}
<el-col :span="5" class="trightb">
<el-form-item prop="manufactorSettlementPrice">
<el-input v-model="formobj.manufactorSettlementPrice" class="addinputw" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>内部编码</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="">
<span>{{formobj.insideCode}}</span>
<span>{{ formobj.insideCode }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>订金账户名称</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item>
<el-input v-model="formobj.modelAccountName" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>订金开户银行</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="modelBankName">
<el-input size="small" v-model="formobj.modelBankName" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>订金银行账号</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="modelBankAccount">
<el-input v-model="formobj.modelBankAccount" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -117,81 +136,79 @@
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>采购单位</span>
</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<el-input size="small" v-model="formobj.purchasingUnitName" placeholder="采购单位" class="addinputw"
clearable/>
<el-input v-model="formobj.purchasingUnitName" placeholder="采购单位" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>开户银行</span>
<span><span class="icon">*</span>车款开户银行</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="depositBankName">
<el-input size="small" v-model="formobj.depositBankName" placeholder="开户银行" class="addinputw"
clearable/>
<el-input v-model="formobj.depositBankName" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>银行账号</span>
<span><span class="icon">*</span>车款银行账号</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="bankAccount">
<el-input size="small" v-model="formobj.bankAccount" placeholder="银行账号" class="addinputw" clearable/>
<el-input v-model="formobj.bankAccount" placeholder="" class="addinputw" clearable/>
</el-form-item>
</el-col>
<!-- <el-col :span="3" class="tleftb">
<span><span class="icon">*</span>台数</span>
</el-col>
<el-col :span="9" class="trightb">
<el-form-item v-show="formobj.externalMiningTypeKey==1" prop="num"><el-input size="small" v-model="formobj.num" placeholder="台数" class="addinputw" clearable /></el-form-item>
<el-form-item v-show="formobj.externalMiningTypeKey==2" prop="num">{{formobj.num}}</el-form-item>
</el-col>-->
</el-row>
<el-row>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>采购价格</span>
</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasePrice">
<el-input size="small" v-model="formobj.purchasePrice" placeholder="采购价格" class="addinputw" clearable/>
<el-input v-model="formobj.purchasePrice" placeholder="采购价格" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>台数</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item v-show="formobj.externalMiningTypeKey==1" prop="num">
<el-input size="small" v-model="formobj.num" placeholder="台数" class="addinputw" clearable/>
<el-input v-model="formobj.num" placeholder="台数" class="addinputw" clearable/>
</el-form-item>
<el-form-item v-show="formobj.externalMiningTypeKey==2" prop="num">{{ formobj.num }}</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>订金</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="deposit">
<el-input size="small" style="height:10px;" v-model="formobj.deposit" placeholder="订金" class="addinputw"
clearable/>
<el-input style="height:10px;" v-model="formobj.deposit" placeholder="订金" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">
<span><span class="icon">*</span>是否先付款</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="isBeforePayment">
<el-radio v-model="formobj.isBeforePayment" label="0"></el-radio>
<el-radio v-model="formobj.isBeforePayment" label="1"></el-radio>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>其他费用名称</span>
</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="expenseName">
<el-input size="small" v-model="formobj.expenseName" placeholder="费用名称" class="addinputw" clearable/>
<el-input v-model="formobj.expenseName" placeholder="费用名称" class="addinputw" clearable/>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>费用合计</span>
<span>其他费用合计</span>
</el-col>
<el-col :span="11" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="totalExpenseAmount">
<el-input size="small" v-model="formobj.totalExpenseAmount" placeholder="费用金额合计" class="addinputw"
clearable/>
<el-input v-model="formobj.totalExpenseAmount" placeholder="费用金额合计" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -201,7 +218,7 @@
</el-col>
<el-col :span="21" class="trightb">
<el-form-item prop="remarks">
<el-input size="small" v-model="formobj.remarks" placeholder="备注" class="addinputw" clearable/>
<el-input v-model="formobj.remarks" placeholder="备注" class="addinputw" clearable/>
</el-form-item>
</el-col>
</el-row>
@ -253,12 +270,10 @@
width="90%"
:show-close="true"
:before-close="handleClose">
<vehicle ref="cheliang" @doback="resetState" :selectedSids="selectedSids"
:modelSid="formobj.modelSid"
:configSid="formobj.configSid"/>
<vehicle ref="cheliang" @doback="resetState" :selectedSids="selectedSids" :modelSid="formobj.modelSid" :configSid="formobj.configSid"/>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="quedingVehicle(this)"> </el-button>
</span>
<el-button type="primary" @click="quedingVehicle(this)"> </el-button>
</span>
</el-dialog>
<!-- 选择待办人 -->
@ -291,8 +306,7 @@
<el-row>
<el-col :span="24" class="trightb">
<el-radio-group v-model="userSid">
<el-radio v-for="item in item.users" :key="item.sid" :label="item.sid"
@change="checkedUser(item)">{{ item.name }}
<el-radio v-for="item in item.users" :key="item.sid" :label="item.sid" @change="checkedUser(item)">{{ item.name }}
</el-radio>
</el-radio-group>
</el-col>
@ -324,17 +338,17 @@ export default {
accessToken: {
token: getStorage()
},
//
//
firstNode: {},
//
//
nextNode: {},
//sid
// sid
roleSid: '',
//
//
users: [],
//
//
nodeDialogVisible: false,
//
//
nodeUserDialogVisible: false,
selectedSids: '',
vehicleDialogVisible: false,
@ -355,11 +369,15 @@ export default {
depositBankName: '',
bankAccount: '',
contract: {},
//sid
// sid
nextUserSid: '',
sid: '',
insideCode:"",
insideCode: '',
userSid: '',
isBeforePayment: '',
modelBankName: '',
modelAccountName: '',
modelBankAccount: '',
staffSid: window.sessionStorage.getItem('staffSid'),
applicationCode: '', //
createByName: window.sessionStorage.getItem('name'), //
@ -391,13 +409,15 @@ export default {
externalMiningTypeKey: [{ required: true, message: '外采类型key不能为空', trigger: 'blur' }], // key
externalMiningTypeValue: [{ required: true, message: '外采类型value不能为空', trigger: 'blur' }], // value
purchasingUnitName: [{ required: true, message: '采购单位不能为空', trigger: 'blur' }], //
depositBankName: [{ required: true, message: '开户银行不能为空', trigger: 'blur' }], //
bankAccount: [{ required: true, message: '银行账号不能为空', trigger: 'blur' }], //
depositBankName: [{ required: true, message: '车款开户银行不能为空', trigger: 'blur' }], //
bankAccount: [{ required: true, message: '车款银行账号不能为空', trigger: 'blur' }], //
modelBankName: [{ required: true, message: '订金开户银行不能为空', trigger: 'blur' }], //
modelBankAccount: [{ required: true, message: '订金银行账号不能为空', trigger: 'blur' }], //
modelSid: [{ required: true, message: '车型不能为空', trigger: 'blur' }], // sid
configSid: [{ required: true, message: '常用配置不能为空', trigger: 'blur' }], //
purchasePrice: [{ required: true, message: '采购价格不能为空', trigger: 'blur' }], //
// guidedPrice: [{ required: true, message: '', trigger: 'blur' }], //
// manufactorSettlementPrice: [{ required: true, message: '', trigger: 'blur' }], //
manufactorSettlementPrice: [{ required: true, message: '厂家合同价不能为空', trigger: 'blur' }], //
num: [{ required: true, message: '台数不能为空', trigger: 'blur' }], //
deposit: [{ required: true, message: '订金不能为空', trigger: 'blur' }], //
// expenseName: [{ required: true, message: '', trigger: 'blur' }], //
@ -417,21 +437,21 @@ export default {
xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + row.url + '&outFileName=' + row.name, true)
xhr.setRequestHeader('token', getStorage())
xhr.responseType = 'blob'
xhr.onload = function(e) {
//
xhr.onload = function (e) {
//
var blob = this.response
var filename = row.name
var a = document.createElement('a')
//blob.type="application/octet-stream";
//url
// blob.type="application/octet-stream";
// url
var url = URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
//URL
// URL
window.URL.revokeObjectURL(url)
}
//
//
xhr.send()
},
//
@ -439,7 +459,7 @@ export default {
const userSid = window.sessionStorage.getItem('userSid')
getPathSidByUserSid({ userSid: userSid }).then((res) => {
if (res.code === '200') {
//this.listQuery.params.createOrgSId = res.data
// this.listQuery.params.createOrgSId = res.data
req.fetchOrgBySid(res.data).then((ress) => {
this.formobj.useOrgName = ress.data.name
})
@ -474,7 +494,7 @@ export default {
},
selectModel() {
this.viewState = '1.2'
//this.viewState = 2
// this.viewState = 2
this.$refs['divconfiguration'].showData(this.formobj.baseOutsourcingApplicationVehicleDtos)
// this.$refs['chexingxuanze'].showChexing()
},
@ -486,7 +506,7 @@ export default {
this.formobj.configSid = info[0].configSid // sid
this.formobj.guidedPrice = info[0].guidedPrice//
this.formobj.insideCode = info[0].insideCode//
this.formobj.manufactorSettlementPrice = info[0].manufactorSettlementPrice//
// this.formobj.manufactorSettlementPrice = info[0].manufactorSettlementPrice//
},
selectVehicleDialog() {
var objs = this.formobj.baseOutsourcingApplicationVehicleDtos
@ -523,7 +543,10 @@ export default {
this.expenseName = '' //
this.totalExpenseAmount = '' // this.$store.getters.userInfo.orgSid,
this.orgSid = ''
this.formobj.isBeforePayment = ''
this.formobj.modelBankName = ''
this.formobj.modelBankAccount = ''
this.formobj.modelAccountName = ''
this.$refs['form_obj'].resetFields()
this.$emit('doback')
},
@ -552,17 +575,14 @@ export default {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '【修改】外采申请表'
const _this = this
_this.formobj.sid = row.sid // SID
_this.businessSid = row.sid // SID
req
.fetchBySid(row.sid)
.then(resp => {
this.formobj.sid = row.sid // SID
this.businessSid = row.sid // SID
req.fetchBySid(row.sid).then((resp) => {
if (resp.success) {
const vdata = resp.data
_this.fileList = []
if(vdata.contract!=null){
_this.fileList.push({
this.fileList = []
if (vdata.contract !== null) {
this.fileList.push({
name: vdata.contract.fileName,
url: vdata.contract.filePath
})
@ -573,40 +593,44 @@ export default {
filePath: vdata.contract.filePath,
fileSize: vdata.contract.fileSize
}*/
_this.formobj.remarks = vdata.remarks
_this.formobj.insideCode = vdata.insideCode
_this.formobj.businessSid = row.sid
_this.formobj.taskId = vdata.taskId
_this.formobj.instanceId = vdata.procInstSid
_this.formobj.modelId = vdata.procDefId
_this.formobj.useOrgName = vdata.useOrgName
_this.formobj.depositBankName = vdata.depositBankName
_this.formobj.bankAccount = vdata.bankAccount
_this.formobj.applicationCode = vdata.applicationCode //
_this.formobj.createByName = vdata.createByName //
_this.formobj.applicationDate = vdata.applicationDate //
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
_this.formobj.purchasingUnitName = vdata.purchasingUnitName //
_this.formobj.modelSid = vdata.modelSid // sid
_this.formobj.modelName = vdata.modelName //
_this.formobj.configName = vdata.configName //
_this.formobj.configSid = vdata.configSid // sid
_this.formobj.purchasePrice = vdata.purchasePrice //
_this.formobj.guidedPrice = vdata.guidedPrice //
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
_this.formobj.num = vdata.num //
_this.formobj.deposit = vdata.deposit //
_this.formobj.expenseName = vdata.expenseName //
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
_this.formobj.orgSid = vdata.orgSid // sid
_this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos // sid
this.formobj.remarks = vdata.remarks
this.formobj.insideCode = vdata.insideCode
this.formobj.businessSid = row.sid
this.formobj.taskId = vdata.taskId
this.formobj.instanceId = vdata.procInstSid
this.formobj.modelId = vdata.procDefId
this.formobj.useOrgName = vdata.useOrgName
this.formobj.modelBankName = vdata.modelBankName
this.formobj.modelBankAccount = vdata.modelBankAccount
this.formobj.isBeforePayment = vdata.isBeforePayment
this.formobj.modelAccountName = vdata.modelAccountName
this.formobj.depositBankName = vdata.depositBankName
this.formobj.bankAccount = vdata.bankAccount
this.formobj.applicationCode = vdata.applicationCode //
this.formobj.createByName = vdata.createByName //
this.formobj.applicationDate = vdata.applicationDate //
this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
this.formobj.purchasingUnitName = vdata.purchasingUnitName //
this.formobj.modelSid = vdata.modelSid // sid
this.formobj.modelName = vdata.modelName //
this.formobj.configName = vdata.configName //
this.formobj.configSid = vdata.configSid // sid
this.formobj.purchasePrice = vdata.purchasePrice //
this.formobj.guidedPrice = vdata.guidedPrice //
this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
this.formobj.num = vdata.num //
this.formobj.deposit = vdata.deposit //
this.formobj.expenseName = vdata.expenseName //
this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
this.formobj.orgSid = vdata.orgSid // sid
this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos // sid
} else {
// resp.code
}
})
.catch(e => {
console.log(e)
console.log(e)
})
},
handleClose() {
@ -618,68 +642,69 @@ export default {
var pageindex=index+1+pagestart;
return pageindex;*/
},
//
//
/* selectUser() {
this.nodeUserDialogVisible = true;
req.getUsers( this.roleSid ).then(res => {
this.users = res.data
})
},*/
//
//
/* checkedUser(val) {
this.userName = val.name
this.formobj.nextUserSid =val.sid
this.nodeUserDialogVisible = false
},*/
doSubmit(row) {
var contract=this.formobj.contract;
if(!contract.fileName){
alert('合同附件不能为空!');
return false;
doSubmit() {
var contract = this.formobj.contract
if (contract.fileName === '' || contract.fileName === null || contract.fileName === undefined) {
this.$message({ showClose: true, type: 'error', message: '合同附件不能为空' })
return
}
if (this.formobj.isBeforePayment === '' || this.formobj.isBeforePayment === null) {
this.$message({ showClose: true, type: 'error', message: '请检查是否先付款已选择' })
return
}
//
//this.submitdisabled = true
// this.submitdisabled = true
this.formobj.userSid = window.sessionStorage.getItem('userSid')
this.formobj.orgSid = this.$store.getters.orgSid
//id
// id
this.agree()
/*req.getNextNodesForSubmit(this.formobj).then(resp=>{
this.agree()
// req.getNextNodesForSubmit(this.formobj).then(resp=>{
// if (resp.success) {
// //
// this.firstNode=resp.data[0];
// //
// this.nextNode=resp.data[1];
// //
// var candidateGroups=this.nextNode.candidateGroups;
// this.roleSid=candidateGroups[0];
// req.getNextUserSids( this.formobj.orgSid,this.roleSid ).then(res => {
// /!*this.users = res.data*!/
// this.formobj.nextUserSid =res.data
// })
// // this.nodeDialogVisible = true
// }
// this.submitdisabled = false
// })
},
// /
agree() {
req.doSubmit(this.formobj).then(resp => {
this.submitdisabled = false
if (resp.success) {
//
this.firstNode=resp.data[0];
//
this.nextNode=resp.data[1];
//
var candidateGroups=this.nextNode.candidateGroups;
this.roleSid=candidateGroups[0];
req.getNextUserSids( this.formobj.orgSid,this.roleSid ).then(res => {
/!*this.users = res.data*!/
this.formobj.nextUserSid =res.data
})
// this.nodeDialogVisible = true
//
this.$message({ showClose: true, type: 'success', message: resp.msg })
this.handleReturn('true')
} else {
// resp.code
}
}).catch(() => {
this.submitdisabled = false
});*/
},
///
agree() {
req
.doSubmit(this.formobj)
.then(resp => {
this.submitdisabled = false
if (resp.success) {
//
this.$message({ showClose: true, type: 'success', message: resp.msg })
this.handleReturn('true')
} else {
// resp.code
}
})
.catch(() => {
this.submitdisabled = false
})
})
},
saveOrUpdate() {
const _this = this
@ -693,20 +718,17 @@ export default {
this.$refs['form_obj'].validate(valid => {
if (valid) {
this.submitdisabled = true
req
.saveOrUpdate(this.formobj)
.then(resp => {
this.submitdisabled = false
if (resp.success) {
_this.$message({ showClose: true, type: 'success', message: resp.msg })
_this.handleReturn('true')
} else {
// resp.code
}
})
.catch(() => {
this.submitdisabled = false
})
req.saveOrUpdate(this.formobj).then(resp => {
this.submitdisabled = false
if (resp.success) {
_this.$message({ showClose: true, type: 'success', message: resp.msg })
_this.handleReturn('true')
} else {
// resp.code
}
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
@ -717,7 +739,6 @@ export default {
},
deleteVehicle(row) {
var arr = this.formobj.baseOutsourcingApplicationVehicleDtos
const tip = '请确认是否删除车架号为' + row.vinNo + '记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
@ -732,7 +753,6 @@ export default {
this.formobj.num = this.formobj.num - 1
}).catch(() => {
})
}
}
}

153
anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/baseoutsourcingapplicationInfo.vue

@ -1,12 +1,12 @@
<template>
<div>
<div class="app-container">
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>外采申请表详情</div>
<!-- start 详情按钮 -->
<div>
<el-button itype="info" size="small" @click="handleReturn()">返回</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 详情按钮 -->
</div>
@ -46,49 +46,65 @@
<el-form-item prop="useOrg"><span>{{ formobj.configName }}</span></el-form-item>
</el-col>
</el-row>
<!-- <el-row><el-col :span="3" class="tleftb">采购价格</el-col>
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasePrice }}</span></el-form-item></el-col>
-->
<el-row>
<el-col :span="3" class="tleftb">销售指导价</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.guidedPrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">厂家合同价</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>内部编码</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="">
<span>{{ formobj.insideCode }}</span>
</el-form-item>
</el-col>
<!-- <el-col :span="4" class="tleftb">台数</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.num }}</span></el-form-item></el-col>
-->
</el-row>
<el-row>
<el-col :span="3" class="tleftb">订金账户名称</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.modelAccountName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>订金开户银行</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.modelBankName }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>订金银行账号</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.modelBankAccount }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">采购单位名称</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.purchasingUnitName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>开户银行</span>
<span>车款开户银行</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.depositBankName }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>银行账号</span>
<span>车款银行账号</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.bankAccount }}</span>
</el-form-item>
@ -98,14 +114,14 @@
<el-col :span="3" class="tleftb">
<span>采购价格</span>
</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasePrice">
<span>{{ formobj.purchasePrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>台数</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="num">
<span>{{ formobj.num }}</span>
</el-form-item>
@ -113,19 +129,23 @@
<el-col :span="3" class="tleftb">
<span>订金</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="deposit">
<span>{{ formobj.deposit }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">是否先付款</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.isBeforePayment === '1' ? '是' : '否' }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">其他费用名称</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.expenseName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">费用金额合计</el-col>
<el-col :span="11" class="trightb">
<el-col :span="3" class="tleftb">其他费用合计</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.totalExpenseAmount }}</span></el-form-item>
</el-col>
</el-row>
@ -144,8 +164,7 @@
</el-col>
<el-col :span="21">
<el-form-item>
<span v-if="formobj.contract != null"
class="bluezi" @click="handleDown(formobj.contract)">{{ formobj.contract.fileName }}</span>
<span v-if="formobj.contract != null" class="bluezi" @click="handleDown(formobj.contract)">{{ formobj.contract.fileName }}</span>
</el-form-item>
</el-col>
</el-row>
@ -165,7 +184,7 @@
<script>
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication'
import { getStorage } from '@/utils/auth'
import {getStorage} from '@/utils/auth'
export default {
name: 'BaseOutsourcingApplicationInfo',
@ -210,20 +229,20 @@ export default {
xhr.setRequestHeader('token', getStorage())
xhr.responseType = 'blob'
xhr.onload = function(e) {
//
//
var blob = this.response
var filename = row.fileName
var a = document.createElement('a')
//blob.type="application/octet-stream";
//url
// blob.type="application/octet-stream";
// url
var url = URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
//URL
// URL
window.URL.revokeObjectURL(url)
}
//
//
xhr.send()
},
handleReturn() {
@ -233,42 +252,42 @@ export default {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
const _this = this
req
.fetchBySid(row.sid)
.then(resp => {
if (resp.success) {
const vdata = resp.data
_this.formobj.insideCode = vdata.insideCode
_this.formobj.remarks = vdata.remarks
_this.formobj.useOrgName = vdata.useOrgName
_this.formobj.contract = vdata.contract
_this.formobj.depositBankName = vdata.depositBankName
_this.formobj.bankAccount = vdata.bankAccount
_this.formobj.applicationCode = vdata.applicationCode //
_this.formobj.createByName = vdata.createByName //
_this.formobj.applicationDate = vdata.applicationDate //
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
_this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // sid
_this.formobj.purchasingUnitName = vdata.purchasingUnitName //
_this.formobj.modelSid = vdata.modelSid // sid
_this.formobj.modelName = vdata.modelName //
_this.formobj.configName = vdata.configName //
_this.formobj.purchasePrice = vdata.purchasePrice //
_this.formobj.guidedPrice = vdata.guidedPrice //
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
_this.formobj.num = vdata.num //
_this.formobj.deposit = vdata.deposit //
_this.formobj.expenseName = vdata.expenseName //
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
_this.formobj.orgSid = vdata.orgSid // sid
_this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos
}
})
.catch(e => {
_this.formobj = row
})
req.fetchBySid(row.sid).then(resp => {
if (resp.success) {
const vdata = resp.data
this.formobj.insideCode = vdata.insideCode
this.formobj.remarks = vdata.remarks
this.formobj.useOrgName = vdata.useOrgName
this.formobj.contract = vdata.contract
this.formobj.depositBankName = vdata.depositBankName
this.formobj.bankAccount = vdata.bankAccount
this.formobj.modelAccountName = vdata.modelAccountName
this.formobj.isBeforePayment = vdata.isBeforePayment
this.formobj.modelBankName = vdata.modelBankName
this.formobj.modelBankAccount= vdata.modelBankAccount
this.formobj.applicationCode = vdata.applicationCode //
this.formobj.createByName = vdata.createByName //
this.formobj.applicationDate = vdata.applicationDate //
this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // sid
this.formobj.purchasingUnitName = vdata.purchasingUnitName //
this.formobj.modelSid = vdata.modelSid // sid
this.formobj.modelName = vdata.modelName //
this.formobj.configName = vdata.configName //
this.formobj.purchasePrice = vdata.purchasePrice //
this.formobj.guidedPrice = vdata.guidedPrice //
this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
this.formobj.num = vdata.num //
this.formobj.deposit = vdata.deposit //
this.formobj.expenseName = vdata.expenseName //
this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
this.formobj.orgSid = vdata.orgSid // sid
this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos
}
}).catch(e => {
this.formobj = row
})
}
}
}

474
anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/workflow/baseoutsourcingapplication.vue

@ -1,19 +1,19 @@
<template>
<div>
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>外采申请表详情</div>
<!-- start 详情按钮 -->
<div class="app-container">
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>外采申请表详情</div>
<!-- start 详情按钮 -->
<div>
<el-button type="primary" @click="openAgree"> </el-button>
<el-button type="danger" @click="openReject"> </el-button>
<el-button type="danger" @click="openStop"> </el-button>
<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>
<!-- end 详情按钮 -->
</div>
<!-- 标题按钮部分结束 -->
<div>
<div class="titwu">外采申请表</div>
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
<div class="wlInfo" style="text-align: right;"><span style="font-size:14px;">金额单位</span></div>
@ -48,49 +48,65 @@
<el-form-item prop="useOrg"><span>{{ formobj.configName }}</span></el-form-item>
</el-col>
</el-row>
<!-- <el-row><el-col :span="3" class="tleftb">采购价格</el-col>
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasePrice }}</span></el-form-item></el-col>
-->
<el-row>
<el-col :span="3" class="tleftb">销售指导价</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.guidedPrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">厂家合同价</el-col>
<el-col :span="4" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>内部编码</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="">
<span>{{ formobj.insideCode }}</span>
</el-form-item>
</el-col>
<!-- <el-col :span="4" class="tleftb">台数</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.num }}</span></el-form-item></el-col>
-->
<el-col :span="3" class="tleftb">厂家合同价</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">订金账户名称</el-col>
<el-col :span="5" class="trightb">
<el-form-item>
<span>{{ formobj.modelAccountName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>订金开户银行</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item>
<span>{{ formobj.modelBankName }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>订金银行账号</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item>
<span>{{ formobj.modelBankAccount }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">采购单位名称</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.purchasingUnitName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>开户银行</span>
<span>车款开户银行</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.depositBankName }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>银行账号</span>
<span>车款银行账号</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.bankAccount }}</span>
</el-form-item>
@ -100,14 +116,14 @@
<el-col :span="3" class="tleftb">
<span>采购价格</span>
</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasePrice">
<span>{{ formobj.purchasePrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>台数</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="num">
<span>{{ formobj.num }}</span>
</el-form-item>
@ -115,19 +131,23 @@
<el-col :span="3" class="tleftb">
<span>订金</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="deposit">
<span>{{ formobj.deposit }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">是否先付款</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.isBeforePayment === '1' ? '是' : '否' }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">其他费用名称</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.expenseName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">费用金额合计</el-col>
<el-col :span="11" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.totalExpenseAmount }}</span></el-form-item>
</el-col>
</el-row>
@ -146,8 +166,7 @@
</el-col>
<el-col :span="21">
<el-form-item>
<span v-if="formobj.contract != null"
class="bluezi" @click="handleDown(formobj.contract)">{{ formobj.contract.fileName }}</span>
<span v-if="formobj.contract != null" class="bluezi" @click="handleDown(formobj.contract)">{{ formobj.contract.fileName }}</span>
</el-form-item>
</el-col>
</el-row>
@ -161,65 +180,67 @@
</el-table>
</div>
</el-form>
</div>
</div>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form label-position="right" class="formadd" >
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
<el-form label-position="right" class="formadd">
<el-row>
<el-col :span="4" class="tleftb">当前环节</el-col>
<el-col :span="20" class="trightb">
<el-form-item prop="purchasingUnitName"><span>{{ formobj.taskName }}->{{ nextNode.name }}</span></el-form-item>
<el-form-item prop="purchasingUnitName"><span>{{ formobj.taskName }}->{{ nextNode.name }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">意见</el-col>
<el-col :span="20" class="trightb">
<el-input size="small" v-model="formobj.comment" placeholder="审批意见" class="addinputw" clearable ></el-input>
<el-input size="small" v-model="formobj.comment" placeholder="审批意见" class="addinputw" clearable></el-input>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="agree"> </el-button>
<el-button type="info " size="mini" @click="closeNodeDialog"> </el-button>
<el-button type="primary" size="mini" @click="agree"> </el-button>
<el-button type="info " size="mini" @click="closeNodeDialog"> </el-button>
</div>
</el-form>
</el-dialog>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisibleForReject" width="80%">
<el-form label-position="right" class="formadd" >
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisibleForReject" width="80%">
<el-form label-position="right" class="formadd">
<el-row>
<el-col :span="4" class="tleftb">当前环节</el-col>
<el-col :span="20" class="trightb">
<el-form-item prop="purchasingUnitName"><span>{{ formobj.taskName }}->{{ nextNode.name }}</span></el-form-item>
<el-form-item prop="purchasingUnitName"><span>{{ formobj.taskName }}->{{ nextNode.name }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">意见</el-col>
<el-col :span="20" class="trightb">
<el-input size="small" v-model="formobj.comment" placeholder="审批意见" class="addinputw" clearable ></el-input>
<el-input size="small" v-model="formobj.comment" placeholder="审批意见" class="addinputw" clearable></el-input>
</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="closeNodeDialog"> </el-button>
<el-button type="primary" size="mini" @click="reject"> </el-button>
<el-button type="info " size="mini" @click="closeNodeDialog"> </el-button>
</div>
</el-form>
</el-dialog>
<!-- 选择待办人 的弹出框-->
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisibleForstop" width="80%">
<el-form label-position="right" class="formadd" >
<el-dialog title="填写审批意见" :visible.sync="nodeDialogVisibleForstop" width="80%">
<el-form label-position="right" class="formadd">
<el-row>
<el-col :span="4" class="tleftb">意见</el-col>
<el-col :span="20" class="trightb">
<el-input size="small" v-model="formobj.comment" placeholder="审批意见" class="addinputw" clearable ></el-input>
<el-input size="small" v-model="formobj.comment" placeholder="审批意见" class="addinputw" clearable></el-input>
</el-col>
</el-row>
<div style="text-align:center;margin-top: 20px;">
<el-button type="primary" size="mini" @click="handleStop()"> </el-button>
<el-button type="info " size="mini" @click="closeNodeDialog"> </el-button>
<el-button type="primary" size="mini" @click="handleStop()"> </el-button>
<el-button type="info " size="mini" @click="closeNodeDialog"> </el-button>
</div>
</el-form>
</el-dialog>
</div>
</div>
</template>
<script>
@ -234,38 +255,38 @@ export default {
accessToken: {
token: getStorage()
},
obj:{},
//sid
roleSid:"",
//
nodeDialogVisible:false,
nodeDialogVisibleForReject:false,
nodeDialogVisibleForstop:false,
//
nodeUserDialogVisible:false,
obj: {},
// sid
roleSid: '',
//
nodeDialogVisible: false,
nodeDialogVisibleForReject: false,
nodeDialogVisibleForstop: false,
//
nodeUserDialogVisible: false,
// xml
xmlData: "",
//
users:[],
//
userName:'',
//sid
userSid:'',
xmlData: '',
//
users: [],
//
userName: '',
// sid
userSid: '',
taskList: [],
//
endTask:true,
startTask:true,
//
nextNode:{},
formobj: {
remarks:"",
useOrgName:"",
depositBankName:"",
bankAccount:"",
contract:{},
//
endTask: true,
startTask: true,
//
nextNode: {},
formobj: {
remarks: '',
useOrgName: '',
depositBankName: '',
bankAccount: '',
contract: {},
sid: '',
insideCode:"",
comment:'',
insideCode: '',
comment: '',
applicationCode: '123456', //
createByName: window.sessionStorage.getItem('name'), //
applicationDate: '', //
@ -285,14 +306,14 @@ export default {
totalExpenseAmount: '', //
orgSid: '', // sid
orgSidPath: window.sessionStorage.getItem('orgSidPath'),
baseOutsourcingApplicationVehicleDtos:[],
businessSid: '',//
baseOutsourcingApplicationVehicleDtos: [],
businessSid: '', //
instanceId: '',
taskId: '',
taskDefKey: '',
taskName: '',
nextNodeSid:'',
nextUserSid:'',
nextNodeSid: '',
nextUserSid: '',
userSid: window.sessionStorage.getItem('userSid')
},
regectList: { //
@ -309,18 +330,18 @@ export default {
taskId: '',
userSid: window.sessionStorage.getItem('userSid')
}
}
},
}
},
created() {
var one = window.location.href.indexOf('&data') + 6
const data = window.location.href.substr(one) // urlunescape()web,使
const obj = JSON.parse(decodeURIComponent(data))
this.obj=obj;
this.obj = obj
// ===sid
this.showInfo(obj.businessSid)
// ===
//
this.formobj.businessSid =obj.businessSid
this.formobj.businessSid = obj.businessSid
this.formobj.instanceId = obj.instanceId
this.formobj.taskId = obj.taskId
this.formobj.taskDefKey = obj.taskDefKey
@ -336,159 +357,159 @@ export default {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
//
//
code: 2,
data: 600 + 'px'
data: 550 + 'px'
}
}, '*')
},
methods: {
methods: {
//
handleDown(row) {
console.log(row);
var xhr=new XMLHttpRequest();
xhr.open('GET', process.env.VUE_APP_BASE_API+"/base/file/download?filePath="+ row.filePath+"&outFileName="+row.name,true);
xhr.setRequestHeader("token", getStorage());
xhr.responseType='blob';
xhr.onload= function(e){
//
var blob = this.response;
console.log(row)
var xhr = new XMLHttpRequest()
xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + row.filePath + '&outFileName=' + row.name, true)
xhr.setRequestHeader('token', getStorage())
xhr.responseType = 'blob'
xhr.onload = function(e) {
//
var blob = this.response
var filename = row.fileName;
var a = document.createElement('a');
//blob.type="application/octet-stream";
//url
var url = URL.createObjectURL(blob);
a.href = url;
a.download=filename;
a.click();
//URL
window.URL.revokeObjectURL(url);
};
//
xhr.send();
var a = document.createElement('a')
// blob.type="application/octet-stream";
// url
var url = URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
// URL
window.URL.revokeObjectURL(url)
}
//
xhr.send()
},
//
closeNodeDialog(){
//
closeNodeDialog() {
this.nodeDialogVisible = false
this.nodeDialogVisibleForReject=false
this.nodeDialogVisibleForstop=false
this.nodeDialogVisibleForReject = false
this.nodeDialogVisibleForstop = false
},
//
openStop() {
this.nodeDialogVisibleForstop=true
this.nodeDialogVisibleForstop = true
},
//
openReject() {
this.formobj.comment=''
req.getPreviousNodesForReject(this.formobj).then(resp=>{
if (resp.success) {
var arr= resp.data;
//
var startTask=arr[0].startTask;
if(startTask){
alert('当前环节不能驳回!');
return;
}
this.nextNode=arr[0]
this.nodeDialogVisibleForReject = true
}
});
this.formobj.comment = ''
req.getPreviousNodesForReject(this.formobj).then(resp => {
if (resp.success) {
var arr = resp.data
//
var startTask = arr[0].startTask
if (startTask) {
alert('当前环节不能驳回!')
return
}
this.nextNode = arr[0]
this.nodeDialogVisibleForReject = true
}
})
},
//
openAgree() {
this.$set(this.formobj, "comment", "同意")
//this.formobj.comment = ""
//id
req.getNextNodesForSubmit(this.formobj).then(resp=>{
this.$set(this.formobj, 'comment', '同意')
// this.formobj.comment = ""
// id
req.getNextNodesForSubmit(this.formobj).then(resp => {
if (resp.success) {
var arr= resp.data;
this.nextNode=arr[0]
var arr = resp.data
this.nextNode = arr[0]
this.nodeDialogVisible = true
}
});
})
},
handleReturn() {
this.$emit('doback')
},
handleReturn() {
this.$emit('doback')
},
showInfo(sid) {
showInfo(sid) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
const _this = this
req
.fetchBySid(sid)
.then(resp => {
if (resp.success) {
const vdata = resp.data
_this.formobj.insideCode = vdata.insideCode
_this.formobj.contract = vdata.contract
_this.formobj.remarks = vdata.remarks
_this.formobj.useOrgName = vdata.useOrgName
_this.formobj.depositBankName = vdata.depositBankName
_this.formobj.bankAccount = vdata.bankAccount
_this.formobj.applicationCode = vdata.applicationCode //
_this.formobj.createByName = vdata.createByName //
_this.formobj.applicationDate = vdata.applicationDate //
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
_this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // sid
_this.formobj.purchasingUnitName = vdata.purchasingUnitName //
_this.formobj.modelSid = vdata.modelSid // sid
_this.formobj.modelName = vdata.modelName //
_this.formobj.configName = vdata.configName //
_this.formobj.purchasePrice = vdata.purchasePrice //
_this.formobj.guidedPrice = vdata.guidedPrice //
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
_this.formobj.num = vdata.num //
_this.formobj.deposit = vdata.deposit //
_this.formobj.expenseName = vdata.expenseName //
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
_this.formobj.orgSid = vdata.orgSid // sid
_this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos
}
})
.catch(e => {
_this.formobj = {}
})
},
reject(){
if(this.formobj.comment==''){
alert('请填写审批意见!');
return false;
}
this.handleReject();
req.fetchBySid(sid).then(resp => {
if (resp.success) {
const vdata = resp.data
this.formobj.insideCode = vdata.insideCode
this.formobj.contract = vdata.contract
this.formobj.remarks = vdata.remarks
this.formobj.useOrgName = vdata.useOrgName
this.formobj.depositBankName = vdata.depositBankName
this.formobj.bankAccount = vdata.bankAccount
this.formobj.modelAccountName = vdata.modelAccountName
this.formobj.isBeforePayment = vdata.isBeforePayment
this.formobj.modelBankName = vdata.modelBankName
this.formobj.modelBankAccount = vdata.modelBankAccount
this.formobj.applicationCode = vdata.applicationCode //
this.formobj.createByName = vdata.createByName //
this.formobj.applicationDate = vdata.applicationDate //
this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // sid
this.formobj.purchasingUnitName = vdata.purchasingUnitName //
this.formobj.modelSid = vdata.modelSid // sid
this.formobj.modelName = vdata.modelName //
this.formobj.configName = vdata.configName //
this.formobj.purchasePrice = vdata.purchasePrice //
this.formobj.guidedPrice = vdata.guidedPrice //
this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
this.formobj.num = vdata.num //
this.formobj.deposit = vdata.deposit //
this.formobj.expenseName = vdata.expenseName //
this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
this.formobj.orgSid = vdata.orgSid // sid
this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos
}
}).catch(e => {
this.formobj = {}
})
},
//
agree() {
if(this.formobj.comment==''){
alert('请填写审批意见!');
return false;
reject() {
if (this.formobj.comment === '') {
alert('请填写审批意见!')
return false
}
//
//sid
//
req.agreeTask(this.formobj).then((response) => {
if (response.code === '200') {
this.nodeDialogVisible=false;
//
window.parent.postMessage({
cmd: 'returnHeight',
params: {
//
code: 1
}
}, '*')
} else {
this.$notify({
title: '提示',
message: '执行失败',
type: 'error',
duration: 2000
})
this.handleReject()
},
//
agree() {
if (this.formobj.comment === '') {
alert('请填写审批意见!')
return false
}
})
},
//
// sid
//
req.agreeTask(this.formobj).then((response) => {
if (response.code === '200') {
this.nodeDialogVisible = false
//
window.parent.postMessage({
cmd: 'returnHeight',
params: {
//
code: 1
}
}, '*')
} else {
this.$notify({
title: '提示',
message: '执行失败',
type: 'error',
duration: 2000
})
}
})
},
/** 驳回任务 */
handleReject() {
this.regectList.comment = this.formobj.comment
@ -500,7 +521,7 @@ export default {
type: 'success',
duration: 2000
})
this.nodeDialogVisible=false;
this.nodeDialogVisible = false
window.parent.postMessage({
cmd: 'returnHeight',
params: {
@ -517,12 +538,12 @@ export default {
})
}
})
} ,
},
/** 终止任务 */
handleStop() {
if(this.formobj.comment==''){
alert('请填写审批意见!');
return false;
if (this.formobj.comment === '') {
alert('请填写审批意见!')
return false
}
this.stopList.comment = this.formobj.comment
req.breakTask(this.stopList).then((response) => {
@ -533,7 +554,7 @@ export default {
type: 'success',
duration: 2000
})
this.nodeDialogVisible=false;
this.nodeDialogVisible = false
window.parent.postMessage({
cmd: 'returnHeight',
params: {
@ -552,7 +573,7 @@ export default {
}
})
}
}
}
}
</script>
@ -562,7 +583,4 @@ export default {
text-align: center;
padding: 30px 0 20px 0;
}
/*.formadd .el-row .el-col /deep/ .el-form-item .addinputw{*/
/* width: 100%;*/
/*}*/
</style>

1092
anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/workflow/baseoutsourcingapplicationAdd.vue

File diff suppressed because it is too large

166
anrui-scm/anrui-scm-ui/src/views/baseoutsourcingapplication/workflow/baseoutsourcingapplicationInfo.vue

@ -1,19 +1,19 @@
<template>
<div>
<div class="app-container">
<!-- 标题按钮部分开始 -->
<div class="tab-header webtop">
<!-- 标题 -->
<div>外采申请表详情</div>
<!--start 添加修改按钮-->
<div v-show="isBtnShow">
<el-button type="danger" @click="openRevoke"> </el-button>
<div>
<el-button type="danger" size="small" @click="openRevoke"> </el-button>
</div>
</div>
<!-- 标题按钮部分结束 -->
<div>
<div class="titwu">外采申请表</div>
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
<div class="wlInfo" style="text-align: right;"><span style="font-size:14px;">金额单位</span></div>
<div style="text-align: right;"><span style="font-size:14px;">金额单位</span></div>
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="3" class="tleftb">分公司名称</el-col>
<el-col :span="5" class="trightb">
@ -45,49 +45,65 @@
<el-form-item prop="useOrg"><span>{{ formobj.configName }}</span></el-form-item>
</el-col>
</el-row>
<!-- <el-row><el-col :span="3" class="tleftb">采购价格</el-col>
<el-col :span="9" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasePrice }}</span></el-form-item></el-col>
-->
<el-row>
<el-col :span="3" class="tleftb">销售指导价</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.guidedPrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">厂家合同价</el-col>
<el-col :span="4" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>内部编码</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="">
<span>{{ formobj.insideCode }}</span>
</el-form-item>
</el-col>
<!-- <el-col :span="4" class="tleftb">台数</el-col>
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.num }}</span></el-form-item></el-col>
-->
<el-col :span="3" class="tleftb">厂家合同价</el-col>
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">订金账户名称</el-col>
<el-col :span="5" class="trightb">
<el-form-item>
<span>{{ formobj.modelAccountName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>订金开户银行</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item>
<span>{{ formobj.modelBankName }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>订金银行账号</span>
</el-col>
<el-col :span="5" class="trightb">
<el-form-item>
<span>{{ formobj.modelBankAccount }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">采购单位名称</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.purchasingUnitName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>开户银行</span>
<span>车款开户银行</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.depositBankName }}</span>
</el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>银行账号</span>
<span>车款银行账号</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasingUnitName">
<span>{{ formobj.bankAccount }}</span>
</el-form-item>
@ -97,14 +113,14 @@
<el-col :span="3" class="tleftb">
<span>采购价格</span>
</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="purchasePrice">
<span>{{ formobj.purchasePrice }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">
<span>台数</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="num">
<span>{{ formobj.num }}</span>
</el-form-item>
@ -112,19 +128,23 @@
<el-col :span="3" class="tleftb">
<span>订金</span>
</el-col>
<el-col :span="4" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="deposit">
<span>{{ formobj.deposit }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3" class="tleftb">是否先付款</el-col>
<el-col :span="5" class="trightb">
<el-form-item><span>{{ formobj.isBeforePayment === '1' ? '是' : '否' }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">其他费用名称</el-col>
<el-col :span="7" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.expenseName }}</span></el-form-item>
</el-col>
<el-col :span="3" class="tleftb">费用金额合计</el-col>
<el-col :span="11" class="trightb">
<el-col :span="5" class="trightb">
<el-form-item prop="useOrg"><span>{{ formobj.totalExpenseAmount }}</span></el-form-item>
</el-col>
</el-row>
@ -143,8 +163,7 @@
</el-col>
<el-col :span="21">
<el-form-item>
<span v-if="formobj.contract !== null"
class="bluezi" @click="handleDown(formobj.contract)">{{ formobj.contract.fileName }}</span>
<span v-if="formobj.contract !== null" class="bluezi" @click="handleDown(formobj.contract)">{{ formobj.contract.fileName }}</span>
</el-form-item>
</el-col>
</el-row>
@ -171,7 +190,6 @@ export default {
data() {
return {
obj: {},
isBtnShow: true,
formobj: {
remarks: '',
useOrgName: '',
@ -200,7 +218,7 @@ export default {
orgSid: '', // sid
baseOutsourcingApplicationVehicleDtos: []
},
revokeList: {//
revokeList: { //
businessSid: '',
instanceId: '',
taskId: '',
@ -223,9 +241,9 @@ export default {
window.parent.postMessage({
cmd: 'returnHeight',
params: {
//
//
code: 2,
data: 600 + 'px'
data: 550 + 'px'
}
}, '*')
},
@ -238,20 +256,20 @@ export default {
xhr.setRequestHeader('token', getStorage())
xhr.responseType = 'blob'
xhr.onload = function(e) {
//
//
var blob = this.response
var filename = row.fileName
var a = document.createElement('a')
//blob.type="application/octet-stream";
//url
// blob.type="application/octet-stream";
// url
var url = URL.createObjectURL(blob)
a.href = url
a.download = filename
a.click()
//URL
// URL
window.URL.revokeObjectURL(url)
}
//
//
xhr.send()
},
//
@ -296,42 +314,42 @@ export default {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
const _this = this
req
.fetchBySid(sid)
.then(resp => {
if (resp.success) {
const vdata = resp.data
_this.formobj.contract = vdata.contract
_this.formobj.insideCode = vdata.insideCode
_this.formobj.remarks = vdata.remarks
_this.formobj.useOrgName = vdata.useOrgName
_this.formobj.depositBankName = vdata.depositBankName
_this.formobj.bankAccount = vdata.bankAccount
_this.formobj.applicationCode = vdata.applicationCode //
_this.formobj.createByName = vdata.createByName //
_this.formobj.applicationDate = vdata.applicationDate //
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
_this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // sid
_this.formobj.purchasingUnitName = vdata.purchasingUnitName //
_this.formobj.modelSid = vdata.modelSid // sid
_this.formobj.modelName = vdata.modelName //
_this.formobj.configName = vdata.configName //
_this.formobj.purchasePrice = vdata.purchasePrice //
_this.formobj.guidedPrice = vdata.guidedPrice //
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
_this.formobj.num = vdata.num //
_this.formobj.deposit = vdata.deposit //
_this.formobj.expenseName = vdata.expenseName //
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
_this.formobj.orgSid = vdata.orgSid // sid
_this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos
}
})
.catch(e => {
_this.formobj = row
})
req.fetchBySid(sid).then(resp => {
if (resp.success) {
const vdata = resp.data
this.formobj.contract = vdata.contract
this.formobj.insideCode = vdata.insideCode
this.formobj.remarks = vdata.remarks
this.formobj.useOrgName = vdata.useOrgName
this.formobj.depositBankName = vdata.depositBankName
this.formobj.bankAccount = vdata.bankAccount
this.formobj.modelBankName = vdata.modelBankName
this.formobj.modelBankAccount = vdata.modelBankAccount
this.formobj.isBeforePayment = vdata.isBeforePayment
this.formobj.modelAccountName = vdata.modelAccountName
this.formobj.applicationCode = vdata.applicationCode //
this.formobj.createByName = vdata.createByName //
this.formobj.applicationDate = vdata.applicationDate //
this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // key
this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // value
this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // sid
this.formobj.purchasingUnitName = vdata.purchasingUnitName //
this.formobj.modelSid = vdata.modelSid // sid
this.formobj.modelName = vdata.modelName //
this.formobj.configName = vdata.configName //
this.formobj.purchasePrice = vdata.purchasePrice //
this.formobj.guidedPrice = vdata.guidedPrice //
this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice //
this.formobj.num = vdata.num //
this.formobj.deposit = vdata.deposit //
this.formobj.expenseName = vdata.expenseName //
this.formobj.totalExpenseAmount = vdata.totalExpenseAmount //
this.formobj.orgSid = vdata.orgSid // sid
this.formobj.baseOutsourcingApplicationVehicleDtos = vdata.baseOutsourcingApplicationVehicleVos
}
}).catch(e => {
this.formobj = {}
})
}
}
}

Loading…
Cancel
Save