|
|
@ -1,8 +1,7 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<changshang /> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div>基础信息管理</div> |
|
|
|
<div>厂商管理详情</div> |
|
|
|
<div> |
|
|
|
<!-- <el-button type="primary" size="small" @click="dialogStatus==='create'?handleCreate():updateData()">保存</el-button> --> |
|
|
|
<el-button type="primary" size="small" @click="handleReturn()" |
|
|
@ -10,84 +9,302 @@ |
|
|
|
> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form |
|
|
|
ref="dataForm" |
|
|
|
:model="temp" |
|
|
|
label-position="right" |
|
|
|
label-width="190px" |
|
|
|
class="forminfo" |
|
|
|
:rules="rules" |
|
|
|
> |
|
|
|
<div class="title">供应厂商信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">厂商名称:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.manufacturerName }} </el-col> |
|
|
|
<el-col :span="4" class="trightb">简称:</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.manufacturerAs }} </el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">厂商编码:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.manufacturerCode }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">厂商通讯地址:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.manufacturerAddress }}</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">厂商传真:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.manufacturerFax }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">厂商电话:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.manufacturerTelePhone }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">邮编:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.zipCode }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">邮箱:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.email }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">联系人姓名:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.contactName }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">手机号:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.contactMobile }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">办公电话:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.contactTelePhone }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">微信号:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.weChatID }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">行业:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.industryValue }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">供应商分类:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.supplierTypeValue }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">供应类别:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.supplyTypeValue }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">供应商分组:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.supplierGroupValue }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">使用组织:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.useOrg }}</el-col> |
|
|
|
<!-- <el-col :span="4" class="trightb">国家:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.country }}</el-col> --> |
|
|
|
<el-col :span="4" class="trightb">地区:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.region }}</el-col> |
|
|
|
</el-row> |
|
|
|
<!-- <el-row> |
|
|
|
|
|
|
|
<el-col :span="4" class="trightb">地区:</el-col> |
|
|
|
<el-col :span="8"> {{ temp.region }}</el-col> |
|
|
|
<el-col :span="4" class="trightb"></el-col> |
|
|
|
<el-col :span="8"></el-col> |
|
|
|
</el-row> --> |
|
|
|
<!-- <div class="footer"> |
|
|
|
<el-button @click="dialogFormVisible = false">取消</el-button> |
|
|
|
<el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">确定</el-button> |
|
|
|
</div> --> |
|
|
|
</el-form> |
|
|
|
<div class="listconsub" style="height: auto;"> |
|
|
|
<el-form ref="dataForm" :title="textMap[dialogStatus]" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|
|
|
<div class="title">供应厂商信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="manufacturerName"> |
|
|
|
<span slot="label">厂商名称:</span> |
|
|
|
<span>{{temp.manufacturerName}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">简称:</span> |
|
|
|
<span>{{temp.manufacturerAs}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">厂商编码:</span> |
|
|
|
<span>{{temp.manufacturerCode}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="manufacturerAddress"> |
|
|
|
<span slot="label">厂商通讯地址:</span> |
|
|
|
<span>{{temp.manufacturerAddress}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">厂商传真:</span> |
|
|
|
<span>{{temp.manufacturerFax}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="manufacturerTelePhone"> |
|
|
|
<span slot="label">厂商电话:</span> |
|
|
|
<span>{{temp.manufacturerTelePhone}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="zipCode"> |
|
|
|
<span slot="label">邮编:</span> |
|
|
|
<span>{{temp.zipCode}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="email"> |
|
|
|
<span slot="label">邮箱:</span> |
|
|
|
<span>{{temp.email}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="contactName"> |
|
|
|
<span slot="label">联系人姓名:</span> |
|
|
|
<span>{{temp.contactName}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="contactMobile"> |
|
|
|
<span slot="label">手机号:</span> |
|
|
|
<span>{{temp.contactMobile}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="contactTelePhone"> |
|
|
|
<span slot="label">办公电话:</span> |
|
|
|
<span>{{temp.contactTelePhone}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="weChatID"> |
|
|
|
<span slot="label">微信号:</span> |
|
|
|
<span>{{temp.weChatID}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">行业:</span> |
|
|
|
<span>{{temp.industryValue}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">供应商分类:</span> |
|
|
|
<span>{{temp.supplierTypeValue}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="supplyType"> |
|
|
|
<span slot="label">供应类别:</span> |
|
|
|
<span>{{temp.supplyTypeValue}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">供应商分组:</span> |
|
|
|
<span>{{temp.supplierGroupValue}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="useOrgArry"> |
|
|
|
<span slot="label">使用组织:</span> |
|
|
|
<span>{{temp.useOrgName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">地区:</span> |
|
|
|
<span>{{temp.province + temp.city + temp.county}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">供应厂商财务信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">结算币种:</span> |
|
|
|
<span>{{temp1.settlementCurrencyValue}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="settlementWay"> |
|
|
|
<span slot="label">结算方式:</span> |
|
|
|
<span>{{temp1.settlementWayValue}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">付款条件:</span> |
|
|
|
<span>{{temp1.paymentConditions}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="settlementParty"> |
|
|
|
<span slot="label">结算方:</span> |
|
|
|
<span>{{temp1.settlementParty}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">单次预付额度:</span> |
|
|
|
<span>{{temp1.singleAdvance}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="taxClassification"> |
|
|
|
<span slot="label">税分类:</span> |
|
|
|
<span>{{temp1.taxClassificationValue}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="taxRegistNum"> |
|
|
|
<span slot="label">税务登记号:</span> |
|
|
|
<span>{{temp1.taxRegistNum}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="businessType"> |
|
|
|
<span slot="label">经营类型:</span> |
|
|
|
<span>{{temp1.businessType}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="payee"> |
|
|
|
<span slot="label">收款方:</span> |
|
|
|
<span>{{temp1.payee}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="invoiceType"> |
|
|
|
<span slot="label">发票类型:</span> |
|
|
|
<span>{{temp1.invoiceType}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defaultRate"> |
|
|
|
<span slot="label">默认税率:</span> |
|
|
|
<span>{{temp1.defaultRate}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="remarks"> |
|
|
|
<span slot="label">描述:</span> |
|
|
|
<span>{{temp1.remarks}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="title">供应厂商开户行信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">国家:</span> |
|
|
|
<span>{{temp2.country}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="depositBank"> |
|
|
|
<span slot="label">开户银行:</span> |
|
|
|
<span>{{temp2.depositBank}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="bankAccount"> |
|
|
|
<span slot="label">银行账号:</span> |
|
|
|
<span>{{temp2.bankAccount}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="accountName"> |
|
|
|
<span slot="label">账户名称:</span> |
|
|
|
<span>{{temp2.accountName}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="dueBank"> |
|
|
|
<span slot="label">收款银行:</span> |
|
|
|
<span>{{temp2.dueBank}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="bankingOutlets"> |
|
|
|
<span slot="label">银行网点:</span> |
|
|
|
<span>{{temp2.bankingOutlets}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="bankAddress"> |
|
|
|
<span slot="label">开户行地址:</span> |
|
|
|
<span>{{temp2.bankAddress}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="paymentLines"> |
|
|
|
<span slot="label">联行号:</span> |
|
|
|
<span>{{temp2.paymentLines}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="swiftCode"> |
|
|
|
<span slot="label">Swiftcode(银行代码):</span> |
|
|
|
<span>{{temp2.swiftCode}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="currency"> |
|
|
|
<span slot="label">币种:</span> |
|
|
|
<span>{{temp2.currency}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">描述:</span> |
|
|
|
<span>{{temp2.remarks}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" /> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -116,12 +333,14 @@ export default { |
|
|
|
}, |
|
|
|
FormLoading: false, |
|
|
|
listLoading: false, |
|
|
|
temp: {}, // 添加和修改 |
|
|
|
templook: {}, // 查看实体 |
|
|
|
textMap: { |
|
|
|
update: "修改", |
|
|
|
create: "创建", |
|
|
|
}, |
|
|
|
temp:{}, |
|
|
|
temp1:{}, |
|
|
|
temp2:{}, |
|
|
|
dialogFormVisible: false, // 添加修改对话框状态 |
|
|
|
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|
|
|
dialogStatus: "", // 对话框状态 |
|
|
@ -175,16 +394,14 @@ export default { |
|
|
|
]), |
|
|
|
}, |
|
|
|
created() { |
|
|
|
// console.log('路由:', JSON.stringify(this.$route.query.sid)) |
|
|
|
this.tempDate.sid = this.$route.query.sid; |
|
|
|
this.handleCheck(); |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
init() {}, |
|
|
|
// ----------------------------------方法-------------------- |
|
|
|
// 返回 |
|
|
|
handleReturn() { |
|
|
|
this.$router.go(-1); |
|
|
|
this.$emit('doback') |
|
|
|
}, |
|
|
|
// 添加前数据初始化 |
|
|
|
resetTemp() { |
|
|
@ -197,34 +414,24 @@ export default { |
|
|
|
state: "", // 状态 |
|
|
|
}; |
|
|
|
}, |
|
|
|
// 添加数据 |
|
|
|
handleCreate() { |
|
|
|
// this.$refs['dataForm'].validate((valid) => { |
|
|
|
// if (valid) { |
|
|
|
// this.FormLoading = true |
|
|
|
// this.dialogStatus = 'create' |
|
|
|
// SaveList(this.temp).then((response) => { |
|
|
|
// this.dialogStatus = 'create' |
|
|
|
// this.FormLoading = false |
|
|
|
// if (response.code === '200') { |
|
|
|
// this.$notify({ |
|
|
|
// title: '提示', |
|
|
|
// message: '添加成功', |
|
|
|
// type: 'success', |
|
|
|
// duration: 2000, |
|
|
|
// }) |
|
|
|
// this.$router.push({ path: '/changshang/changshangguanli' }) |
|
|
|
// } else { |
|
|
|
// this.$notify({ |
|
|
|
// title: '提示', |
|
|
|
// message: '添加失败', |
|
|
|
// type: 'error', |
|
|
|
// duration: 2000, |
|
|
|
// }) |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// } |
|
|
|
// }) |
|
|
|
showInfo(sid){ |
|
|
|
this.sid = sid |
|
|
|
details(sid).then((response) => { |
|
|
|
if (response.code === "200") { |
|
|
|
if (response.data.baseManufacturerDto.useOrg) { |
|
|
|
this.useOrgArry = response.data.baseManufacturerDto.useOrg |
|
|
|
} |
|
|
|
if (response.data.baseManufacturerDto) { |
|
|
|
this.temp = response.data.baseManufacturerDto |
|
|
|
} |
|
|
|
if (response.data.baseManufacturerFinanceDto) { |
|
|
|
this.temp1 = response.data.baseManufacturerFinanceDto |
|
|
|
} |
|
|
|
if (response.data.baseManufacturerBankDto) { |
|
|
|
this.temp2 = response.data.baseManufacturerBankDto |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 打开修改 |
|
|
|
handleCheck() { |
|
|
|