You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
257 lines
8.6 KiB
257 lines
8.6 KiB
<template>
|
|
<div class="app-container">
|
|
<!-- 标题按钮部分开始 -->
|
|
<div class="tab-header webtop">
|
|
<!-- 标题 -->
|
|
<div>外采申请表详情</div>
|
|
<!-- start 详情按钮 -->
|
|
<div>
|
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
|
|
</div>
|
|
<!-- end 详情按钮 -->
|
|
</div>
|
|
<!-- 标题按钮部分结束 -->
|
|
<div class="listconadd">
|
|
<div class="titwu">外采申请表</div>
|
|
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
|
|
<div class="wlInfo" 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">
|
|
<el-form-item>
|
|
<span>{{ formobj.useOrgName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">申请人姓名</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item><span>{{ formobj.createByName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">申请日期</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item><span>{{ formobj.applicationDate }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3" class="tleftb">车型名称</el-col>
|
|
<el-col :span="21">
|
|
<el-form-item><span>{{ formobj.modelName }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3" class="tleftb">常用配置</el-col>
|
|
<el-col :span="21" class="trightb tlineheightb">
|
|
<el-form-item><span>{{ formobj.configName }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>内部编码</span>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item>
|
|
<span>{{ formobj.insideCode }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">销售指导价</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item><span>{{ formobj.guidedPrice }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">厂家合同价</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3" class="tleftb">外采供应商</el-col>
|
|
<el-col :span="13">
|
|
<el-form-item>
|
|
<span>{{ formobj.purchasingUnitName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">是否先付车款</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item><span>{{ formobj.isBeforePayment === '1' ? '是' : '否' }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>采购价格</span>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item>
|
|
<span>{{ formobj.purchasePrice }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>台数</span>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item>
|
|
<span>{{ formobj.num }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>订金</span>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item>
|
|
<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">
|
|
<el-form-item>
|
|
<span>{{ formobj.accountName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>开户行</span>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item>
|
|
<span>{{ formobj.depositBankName }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>银行账号</span>
|
|
</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item>
|
|
<span>{{ formobj.bankAccount }}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row v-if="formobj.isBeforePayment === '0'">
|
|
<el-col :span="3" class="tleftb">订金账户名称</el-col>
|
|
<el-col :span="5">
|
|
<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">
|
|
<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">
|
|
<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="13">
|
|
<el-form-item><span>{{ formobj.expenseName }}</span></el-form-item>
|
|
</el-col>
|
|
<el-col :span="3" class="tleftb">其他费用合计</el-col>
|
|
<el-col :span="5">
|
|
<el-form-item><span>{{ formobj.totalExpenseAmount }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>备注</span>
|
|
</el-col>
|
|
<el-col :span="21">
|
|
<el-form-item>
|
|
<span>{{ formobj.remarks }}</span></el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="3" class="tleftb">
|
|
<span>合同附件</span>
|
|
</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>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div class="listcon" v-show="formobj.externalMiningTypeKey==2">
|
|
<div style="border:1px solid #c0c0c0;padding:5px 5px 5px 5px;">
|
|
车辆列表
|
|
</div>
|
|
<el-table :data="formobj.baseOutsourcingApplicationVehicleDtos" border style="width: 100%">‘
|
|
<el-table-column width="60px" label="序号" type="index" align="center"/>
|
|
<el-table-column prop="vinNo" label="车架号" align="center"/>
|
|
</el-table>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication'
|
|
import { getStorage } from '@/utils/auth'
|
|
|
|
export default {
|
|
name: 'BaseOutsourcingApplicationInfo',
|
|
data() {
|
|
return {
|
|
formobj: {}
|
|
}
|
|
},
|
|
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
|
|
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()
|
|
},
|
|
handleReturn() {
|
|
this.$emit('doback')
|
|
},
|
|
showInfo(row) {
|
|
this.$nextTick(() => {
|
|
this.$refs['form_obj'].clearValidate()
|
|
})
|
|
req.fetchBySid(row.sid).then(resp => {
|
|
if (resp.success) {
|
|
this.formobj = resp.data
|
|
}
|
|
}).catch(e => {
|
|
this.formobj = row
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.tlineheightb {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
/deep/ .tlineheightb .el-form-item .el-form-item__content {
|
|
line-height: 15px !important;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
|