526 lines
19 KiB
Python
526 lines
19 KiB
Python
<template>
|
|
<div class="app-container">
|
|
<el-tabs type="border-card" v-model="activeName" >
|
|
<el-tab-pane label="组织基本信息" name="enterprisexx">
|
|
<el-form ref="elForm" :model="formData" :rules="rule1" size="medium" label-width="100px">
|
|
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="组织查询码" prop="query_code">
|
|
<el-input v-model="formData.query_code"
|
|
placeholder="请输入组织查询码"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="组织名称" prop="name">
|
|
<el-input v-model="formData.name"
|
|
placeholder="请输入组织名称"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="组织名称" prop="ename">
|
|
<el-input v-model="formData.ename"
|
|
placeholder="请输入组织名称（英文）"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="信用代码" prop="credit_code">
|
|
<el-input v-model="formData.credit_code"
|
|
placeholder="请输入统一社会信用代码"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="组织法人" prop="legal">
|
|
<el-input v-model="formData.legal"
|
|
placeholder="请输入组织法人"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="注册资金" prop="gassets">
|
|
<el-input v-model="formData.gassets"
|
|
placeholder="请输入注册资金(万元)"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="组织员工数" prop="person_count">
|
|
<el-input v-model="formData.person_count"
|
|
placeholder="请输入组织员工数"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="所属专业" prop="professional">
|
|
<el-select v-model="formData.professional"
|
|
placeholder="请选择所属专业"
|
|
clearable
|
|
:style="{width: '100%'}">
|
|
<el-option v-for="(item, index) in professional_classOptions"
|
|
:key="index"
|
|
:label="item.name"
|
|
:value="item.value"
|
|
:disabled="item.disabled">
|
|
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="陶瓷年产量" prop="ceramics_output">
|
|
<el-input v-model="formData.ceramics_output"
|
|
placeholder="请输入陶瓷年产量（万平方米）"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="经济行业" prop="economy_class">
|
|
<el-select v-model="formData.economy_class"
|
|
placeholder="请选择经济行业"
|
|
clearable
|
|
:style="{width: '100%'}">
|
|
<el-option v-for="(item, index) in economy_classOptions"
|
|
:key="index"
|
|
:label="item.name"
|
|
:value="item.value"
|
|
:disabled="item.disabled"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="机构类型" prop="type">
|
|
<el-select v-model="formData.type"
|
|
placeholder="请选择机构类型"
|
|
clearable
|
|
:style="{width: '100%'}">
|
|
<el-option v-for="(item, index) in type_Options"
|
|
:key="index"
|
|
:label="item.name"
|
|
:value="item.value"
|
|
:disabled="item.disabled">
|
|
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="经济类型" prop="economy_type">
|
|
<el-select filterable v-model="formData.economy_type"
|
|
placeholder="请选择经济类型"
|
|
clearable
|
|
:style="{width: '100%'}">
|
|
<el-option v-for="(item, index) in economy_typeOptions"
|
|
:key="index"
|
|
:label="item.name"
|
|
:value="item.value"
|
|
:disabled="item.disabled">
|
|
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="工厂编号" prop="code">
|
|
<el-input v-model="formData.code"
|
|
placeholder="请输入工厂编号"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="上级公司" prop="parent">
|
|
|
|
<treeselect v-model="formData.parent"
|
|
:multiple="false"
|
|
placeholder="请选择上级"
|
|
clearable
|
|
:style="{width: '100%'}"
|
|
:options="tableData"></treeselect>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="建厂时间" prop="build_time">
|
|
<el-date-picker v-model="formData.build_time"
|
|
type="date"
|
|
placeholder="选择日期"
|
|
format="yyyy 年 MM 月 dd 日"
|
|
value-format="yyyy-MM-dd":style="{width: '100%'}">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="经营范围" prop="business_type">
|
|
<el-input type="textarea" :rows="2" v-model="formData.business_type"
|
|
placeholder="请输入经营范围"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
|
|
|
|
<div slot="header" class="clearfix">
|
|
<span>组织联系人信息</span>
|
|
|
|
</div>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="常用联系人" prop="linkman1_name">
|
|
<el-input v-model="formData.linkman1_name"
|
|
placeholder="请输入常用联系人"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="职务" prop="linkman1_duty">
|
|
<el-input v-model="formData.linkman1_duty"
|
|
placeholder="职务"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="手机" prop="linkman1_mobile">
|
|
<el-input v-model="formData.linkman1_mobile"
|
|
placeholder="手机"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="联系电话" prop="linkman1_tel">
|
|
<el-input v-model="formData.linkman1_tel"
|
|
placeholder="联系电话"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="传真" prop="linkman1_fax">
|
|
<el-input v-model="formData.linkman1_fax"
|
|
placeholder="传真"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="Email" prop="linkman1_email">
|
|
<el-input v-model="formData.linkman1_email"
|
|
placeholder="Email"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="备用联系人" prop="linkman2_name">
|
|
<el-input v-model="formData.linkman2_name"
|
|
placeholder="请输入常用联系人"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="职务" prop="linkman2_duty">
|
|
<el-input v-model="formData.linkman2_duty"
|
|
placeholder="职务"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="手机" prop="linkman2_mobile">
|
|
<el-input v-model="formData.linkman2_mobile"
|
|
placeholder="手机"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="联系电话" prop="linkman2_tel">
|
|
<el-input v-model="formData.linkman2_tel"
|
|
placeholder="联系电话"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="传真" prop="linkman2_fax">
|
|
<el-input v-model="formData.linkman2_fax"
|
|
placeholder="传真"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="Email" prop="linkman2_email">
|
|
<el-input v-model="formData.linkman2_email"
|
|
placeholder="Email"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="ES联系人" prop="linkman3_name">
|
|
<el-input v-model="formData.linkman3_name"
|
|
placeholder="请输入常用联系人"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="职务" prop="linkman3_duty">
|
|
<el-input v-model="formData.linkman3_duty"
|
|
placeholder="职务"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="手机" prop="linkman3_mobile">
|
|
<el-input v-model="formData.linkman3_mobile"
|
|
placeholder="手机"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="联系电话" prop="linkman3_tel">
|
|
<el-input v-model="formData.linkman3_tel"
|
|
placeholder="联系电话"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="left">
|
|
<el-form-item label="传真" prop="linkman3_fax">
|
|
<el-input v-model="formData.linkman3_fax"
|
|
placeholder="传真"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8" font="right">
|
|
<el-form-item label="Email" prop="linkman3_email">
|
|
<el-input v-model="formData.linkman3_email"
|
|
placeholder="Email"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-form-item label="备注" prop="remarks">
|
|
<el-input type="textarea" :rows="2" v-model="formData.remarks"
|
|
placeholder="请输入备注"
|
|
clearable
|
|
:style="{width: '100%'}"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="24" style="margin-top:4px">
|
|
<el-form-item size="large">
|
|
<el-button type="primary" @click="submitForm">保存</el-button>
|
|
<el-button @click="resetForm">重置</el-button>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-form>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="组织地址信息" name="address" v-if="formData.id">
|
|
<Addresstype :enterprise="formData.id"></Addresstype>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
.text {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.item {
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
|
|
.clearfix:after {
|
|
clear: both
|
|
}
|
|
</style>
|
|
<script>
|
|
import { getDictList } from "@/api/dict";
|
|
import { createEnterprise,getEnterprise,getEnterpriseList } from "@/api/enterprise";
|
|
import { genTree } from "@/utils";
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
import { upUrl, upHeaders } from "@/api/file";
|
|
import Addresstype from "@/views/enterprise/addresstype";
|
|
export default {
|
|
components: { Treeselect,Addresstype},
|
|
props: [],
|
|
data() {
|
|
return {
|
|
activeName: 'enterprisexx',
|
|
fileList: [],
|
|
upHeaders: upHeaders(),
|
|
upUrl: upUrl(),
|
|
formData: {
|
|
query_code: undefined,
|
|
name: undefined,
|
|
ename: undefined,
|
|
credit_code: undefined,
|
|
legal: undefined,
|
|
gassets: undefined,
|
|
person_count: undefined,
|
|
professional: undefined,
|
|
ceramics_output: undefined,
|
|
economy_class: undefined,
|
|
type: undefined,
|
|
economy_type: undefined,
|
|
build_time: undefined,
|
|
code: undefined,
|
|
business_type: undefined,
|
|
linkman1_name: undefined,
|
|
linkman1_duty: undefined,
|
|
linkman1_mobile: undefined,
|
|
linkman1_tel: undefined,
|
|
linkman1_fax: undefined,
|
|
linkman1_email: undefined,
|
|
linkman2_name: undefined,
|
|
linkman2_duty: undefined,
|
|
linkman2_mobile: undefined,
|
|
linkman2_tel: undefined,
|
|
linkman2_fax: undefined,
|
|
linkman2_email: undefined,
|
|
linkman3_name: undefined,
|
|
linkman3_duty: undefined,
|
|
linkman3_mobile: undefined,
|
|
linkman3_tel: undefined,
|
|
linkman3_fax: undefined,
|
|
linkman3_email: undefined,
|
|
parent: undefined
|
|
},
|
|
|
|
economy_classOptions: [
|
|
],
|
|
economy_typeOptions:[],
|
|
professional_classOptions: [
|
|
],
|
|
type_Options: [],
|
|
tableData: [],
|
|
rule1: {
|
|
query_code: [{ required: true, message: '请输入组织查询码', trigger: 'blur' }],
|
|
code: [{ required: true, message: '请输入工厂编号', trigger: 'blur' }],
|
|
name: [{ required: true, message: '请输入组织名称', trigger: 'blur' }],
|
|
linkman1_email:[
|
|
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
|
|
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
|
|
],
|
|
},
|
|
|
|
field101Options: [],
|
|
|
|
|
|
};
|
|
},
|
|
computed: {},
|
|
|
|
created() {
|
|
this.getList(),
|
|
this.getECclass(),
|
|
this.getPfclass(),
|
|
this.getTypeclass(),
|
|
this.getECtype()
|
|
|
|
},
|
|
mounted() { },
|
|
methods: {
|
|
|
|
getList() {
|
|
this.listLoading = true
|
|
getEnterpriseList().then(response => {
|
|
this.tableData = genTree(response.data.results)
|
|
|
|
|
|
})
|
|
this.listLoading = false
|
|
},
|
|
|
|
|
|
|
|
|
|
getPfclass() {
|
|
getDictList({ type__code: "professional_type" }).then(response => {
|
|
this.professional_classOptions = genTree(response.data);
|
|
});
|
|
|
|
},
|
|
getECclass() {
|
|
getDictList({ type__code: "economy_class" }).then(response => {
|
|
this.economy_classOptions = genTree(response.data);
|
|
});
|
|
|
|
},
|
|
|
|
getTypeclass() {
|
|
getDictList({ type__code: "organication_type" }).then(response => {
|
|
this.type_Options = genTree(response.data);
|
|
});
|
|
|
|
},
|
|
getECtype() {
|
|
getDictList({ type__code: "economy_type" }).then(response => {
|
|
this.economy_typeOptions = genTree(response.data);
|
|
});
|
|
|
|
},
|
|
|
|
submitForm() {
|
|
this.$refs["elForm"].validate(valid => {
|
|
if (!valid) return;
|
|
// TODO 提交表单
|
|
createEnterprise(this.formData).then(response => {
|
|
|
|
this.$message({
|
|
type: 'success',
|
|
message: '成功!'
|
|
|
|
})
|
|
|
|
this.formData.id = response.data.id;
|
|
this.activeName="address";
|
|
});
|
|
|
|
});
|
|
},
|
|
resetForm() {
|
|
this.$refs["elForm"].resetFields();
|
|
}
|
|
}
|
|
};
|
|
</script>
|