<template>
|
<el-dialog title="供应商详情" width="40%" :visible.sync="dialogVisible">
|
<el-form :model="model" label-width="auto">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="供应商">
|
<el-input v-model="model.supplierName" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="编号">
|
<el-input v-model="model.supplierRef" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="供应商物品服务名称">
|
<el-input v-model="model.supplierItemServiceName" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="邮编">
|
<el-input v-model="model.postalCode" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="地址">
|
<el-input v-model="model.adress" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="logo">
|
<div class="rows">
|
<el-input placeholder="请输入" v-model="model.logo" style="width: 100%" />
|
<el-upload ref="upload" style="float: left; margin: 0 12px 0 20px" :action="action"
|
:show-file-list="false" :on-success="onSuccess">
|
<el-button class="uploadFile" slot="trigger" type="primary">浏览</el-button>
|
</el-upload>
|
</div>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="联系人">
|
<el-input v-model="model.contacts" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="联系电话">
|
<el-input v-model="model.phone" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="户名">
|
<el-input v-model="model.householdName" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="传真">
|
<el-input v-model="model.fax" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="开户行">
|
<el-input v-model="model.openingName" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="网址">
|
<el-input v-model="model.website" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="账号">
|
<el-input v-model="model.accountName" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="Email">
|
<el-input v-model="model.email" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<span slot="footer">
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
<el-button type="primary" @click="submit">保 存</el-button>
|
</span>
|
</el-dialog>
|
</template>
|
|
<script>
|
import {
|
addSupplierManagement,
|
updateSupplierManagement,
|
} from "@/api/cnas/resourceDemand/externalService/supplierManage/supplierManage.js";
|
export default {
|
props: {
|
contentsId: {
|
type: Number,
|
default: 0,
|
},
|
},
|
data() {
|
return {
|
dialogVisible: false,
|
model: {
|
parentId: null,
|
supplierManagementId: undefined,
|
supplierName: undefined, // 供应商
|
supplierRef: undefined, // 编号
|
supplierItemServiceName: undefined, // 供应商物品服务名称
|
postalCode: undefined, // 邮编
|
adress: undefined, // 地址
|
logo: undefined, // logo
|
contacts: undefined, // 联系人
|
phone: undefined, // 联系电话
|
householdName: undefined, // 户名
|
fax: undefined, // 传真
|
openingName: undefined, // 开户行
|
website: undefined, // 网址
|
accountName: undefined, // 账号
|
email: undefined, // Email
|
},
|
};
|
},
|
computed: {
|
action() {
|
return `${this.javaApi}/personBasicInfo/saveCNASFile`;
|
},
|
},
|
methods: {
|
openDialog(form) {
|
console.log("12--", this.contentsId);
|
if (form) {
|
this.model.supplierManagementId = form.row.supplierManagementId;
|
this.model.supplierName = form.row.supplierName;
|
this.model.supplierRef = form.row.supplierRef;
|
this.model.supplierItemServiceName = form.row.supplierItemServiceName;
|
this.model.postalCode = form.row.postalCode;
|
this.model.adress = form.row.adress;
|
this.model.logo = form.row.logo;
|
this.model.contacts = form.row.contacts;
|
this.model.phone = form.row.phone;
|
this.model.householdName = form.row.householdName;
|
this.model.fax = form.row.fax;
|
this.model.openingName = form.row.openingName;
|
this.model.website = form.row.website;
|
this.model.accountName = form.row.accountName;
|
this.model.email = form.row.email;
|
this.model.parentId = form.row.parentId;
|
} else {
|
this.model = {
|
parentId: this.contentsId,
|
supplierManagementId: undefined,
|
supplierName: undefined, // 供应商
|
supplierRef: undefined, // 编号
|
supplierItemServiceName: undefined, // 供应商物品服务名称
|
postalCode: undefined, // 邮编
|
adress: undefined, // 地址
|
logo: undefined, // logo
|
contacts: undefined, // 联系人
|
phone: undefined, // 联系电话
|
householdName: undefined, // 户名
|
fax: undefined, // 传真
|
openingName: undefined, // 开户行
|
website: undefined, // 网址
|
accountName: undefined, // 账号
|
email: undefined, // Email
|
};
|
}
|
// this.model.parentId = this.contentsId;
|
this.dialogVisible = true;
|
},
|
async submit() {
|
if (this.model.supplierManagementId) {
|
const { code } = await updateSupplierManagement(this.model);
|
if (code == 200) {
|
this.$message.success("修改成功");
|
this.$emit("submit");
|
this.dialogVisible = false;
|
}
|
} else {
|
const { code } = await addSupplierManagement(this.model);
|
if (code == 200) {
|
this.$message.success("新增成功");
|
this.$emit("submit");
|
this.dialogVisible = false;
|
}
|
}
|
},
|
async onSuccess(response) {
|
this.$set(this.model, "logo", response.data);
|
},
|
},
|
};
|
</script>
|
|
<style scoped>
|
.rows {
|
width: 100%;
|
display: flex;
|
justify-content: space-between;
|
}
|
</style>
|
