|
|
|
|
@ -16,23 +16,106 @@
|
|
|
|
|
<div v-for="(item,index) in tabs" :key="index" class="tabs-top-item" :class="active == index ? 'active-item' : ''" @click="active = index">{{ item.name }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tabs-bottom" :style="tabStyle">
|
|
|
|
|
<tab-one v-if="active == 0"></tab-one>
|
|
|
|
|
<tab-one v-if="active == 0" :detailedInfo="info"></tab-one>
|
|
|
|
|
<tab-two v-if="active == 1" :creditCode="$route.query.creditCode"></tab-two>
|
|
|
|
|
<tab-three v-if="active == 2" :creditCode="$route.query.creditCode"></tab-three>
|
|
|
|
|
<tab-four v-if="active == 3" :id="$route.query.userId"></tab-four>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="enter-footTabs">
|
|
|
|
|
<div class="enter-footTabs" v-if="userType == '02'">
|
|
|
|
|
<el-button type="primary" @click="goBack">返回</el-button>
|
|
|
|
|
<el-button type="primary">导出企业清单</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="enter-footTabs" v-else>
|
|
|
|
|
<el-button type="primary" @click="goBack">返回</el-button>
|
|
|
|
|
<el-button type="primary" @click="editEnterInfo">编辑</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 编辑企业信息 -->
|
|
|
|
|
<my-dialog title="编辑企业信息" @close="importClose" @confirm="confirm" ref="importProject" closeText="关闭" :myclass="true">
|
|
|
|
|
<el-form :model="addFrom" size="small" ref="importFrom" label-width="180px" :rules="rules" class="newArticle">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="企业名称：" class="importFormItem" prop="enterpriseName">
|
|
|
|
|
<el-input v-model.trim="addFrom.enterpriseName" placeholder="请输入内容" disabled></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="法定代表人：" class="importFormItem" prop="legalEntity">
|
|
|
|
|
<el-input v-model.trim="addFrom.legalEntity" placeholder="请输入常用联系人名称"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="企业统一社会信用代码：" class="importFormItem" prop="creditCode">
|
|
|
|
|
<el-input v-model.trim="addFrom.creditCode" placeholder="请输入内容" disabled></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="企业类型：" class="importFormItem" prop="enterpriseType">
|
|
|
|
|
<el-input v-model.trim="addFrom.enterpriseType" placeholder="请输入常用联系人公司职务"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="注册资本：" class="importFormItem" prop="registeredCapital">
|
|
|
|
|
<el-input v-model.trim="addFrom.registeredCapital" placeholder="请输入常用联系人手机号码"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="所属行业：" class="importFormItem" prop="industry">
|
|
|
|
|
<el-input v-model.trim="addFrom.industry" placeholder="请输入常用联系人邮箱"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="成立日期：" class="importFormItem" prop="establishDate">
|
|
|
|
|
<!-- <el-input v-model.trim="addFrom.establishDate" placeholder="请输入常用联系人邮箱"></el-input> -->
|
|
|
|
|
<el-date-picker
|
|
|
|
|
class="ignoreElement"
|
|
|
|
|
v-model="addFrom.establishDate"
|
|
|
|
|
format="yyyy-MM-dd"
|
|
|
|
|
value-format="yyyy-MM-dd"
|
|
|
|
|
type="date"
|
|
|
|
|
placeholder="选择成立日期">
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="曾用名：" class="importFormItem" prop="formerName">
|
|
|
|
|
<el-input v-model.trim="addFrom.formerName" placeholder="请输入常用联系人邮箱"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="组织机构代码：" class="importFormItem" prop="institutionCode">
|
|
|
|
|
<el-input v-model.trim="addFrom.institutionCode" placeholder="请输入常用联系人邮箱"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="注册地址：" class="importFormItem" prop="enrollAddress">
|
|
|
|
|
<el-input v-model.trim="addFrom.enrollAddress" placeholder="请输入常用联系人邮箱"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="注册类型：" class="importFormItem" prop="enrollType">
|
|
|
|
|
<el-input v-model.trim="addFrom.enrollType" placeholder="请输入常用联系人邮箱"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12">
|
|
|
|
|
<el-form-item label="经营范围：" class="importFormItem" prop="business">
|
|
|
|
|
<el-input v-model.trim="addFrom.business" placeholder="请输入常用联系人邮箱"></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
</my-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import { tabOne, tabTwo, tabThree, tabFour, projectProgress } from "./components"
|
|
|
|
|
import { enterpriseBasicInfoId } from "@/api/jin_ji_hu/enterList"
|
|
|
|
|
import { enterpriseBasicInfoId, enterpriseBasicInfoChange } from "@/api/jin_ji_hu/enterList"
|
|
|
|
|
import myDialog from "@/views/components/myDialog/index.vue"
|
|
|
|
|
export default {
|
|
|
|
|
dicts: ['jjh_project_type','jjh_status'],
|
|
|
|
|
components:{
|
|
|
|
|
@ -40,9 +123,12 @@ export default {
|
|
|
|
|
tabTwo,
|
|
|
|
|
tabThree,
|
|
|
|
|
tabFour,
|
|
|
|
|
myDialog
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
// 判断登陆用户是何身份⌈ 01 ： 企业 02 ： 政务 ⌋
|
|
|
|
|
userType: this.$store.state.user.userType,
|
|
|
|
|
tabs:[
|
|
|
|
|
{
|
|
|
|
|
name: "基本信息",
|
|
|
|
|
@ -62,11 +148,67 @@ export default {
|
|
|
|
|
tabStyle:{
|
|
|
|
|
height:undefined,
|
|
|
|
|
overflow: 'auto'
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
addFrom: {
|
|
|
|
|
enterpriseName:"",
|
|
|
|
|
legalEntity:"",
|
|
|
|
|
creditCode:"",
|
|
|
|
|
enterpriseType:"",
|
|
|
|
|
registeredCapital:"",
|
|
|
|
|
industry:"",
|
|
|
|
|
establishDate:"",
|
|
|
|
|
formerName:"",
|
|
|
|
|
institutionCode:"",
|
|
|
|
|
enrollAddress:"",
|
|
|
|
|
enrollType:"",
|
|
|
|
|
business:"",
|
|
|
|
|
},
|
|
|
|
|
rules:{
|
|
|
|
|
enterpriseName:[
|
|
|
|
|
{ required: true, message: '请填写企业名称', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
legalEntity:[
|
|
|
|
|
{ required: true, message: '请填写法定代表人', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
creditCode:[
|
|
|
|
|
{ required: true, message: '请填写统一社会信用代码', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
enterpriseType:[
|
|
|
|
|
{ required: true, message: '请填写企业类型', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
registeredCapital:[
|
|
|
|
|
{ required: true, message: '请填写注册资本', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
industry:[
|
|
|
|
|
{ required: true, message: '请填写所属行业', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
establishDate:[
|
|
|
|
|
{ required: true, message: '请填写成立日期', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
formerName:[
|
|
|
|
|
{ required: true, message: '请填写曾用名', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
institutionCode:[
|
|
|
|
|
{ required: true, message: '请填写组织机构代码', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
enrollAddress:[
|
|
|
|
|
{ required: true, message: '请填写注册地址', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
enrollType:[
|
|
|
|
|
{ required: true, message: '请填写注册类型', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
business:[
|
|
|
|
|
{ required: true, message: '请填写经营范围', trigger: 'blur' }
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted(){
|
|
|
|
|
if(this.userType == '02') {
|
|
|
|
|
this.getInfo(this.$route.query.userId)
|
|
|
|
|
} else {
|
|
|
|
|
this.getInfo(this.$store.state.user.enterpriseId)
|
|
|
|
|
}
|
|
|
|
|
this.cancalDebounce();
|
|
|
|
|
window.addEventListener('resize', this.cancalDebounce);
|
|
|
|
|
},
|
|
|
|
|
@ -79,16 +221,53 @@ export default {
|
|
|
|
|
enterpriseBasicInfoId(id).then(res=>{
|
|
|
|
|
this.info = res.data;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
// this.detailedInfo = JSON.parse(res.data.otherJson);
|
|
|
|
|
// this.fileJson = JSON.parse(res.data.fileJson);
|
|
|
|
|
// for (var key in obj) {
|
|
|
|
|
// if (obj.hasOwnProperty(key)) {
|
|
|
|
|
// var value = obj[key];
|
|
|
|
|
// console.log(key + ': ' + value);
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 关闭事件触发
|
|
|
|
|
importClose(){
|
|
|
|
|
this.$nextTick(()=>{
|
|
|
|
|
this.$refs.importFrom.resetFields();
|
|
|
|
|
this.$refs.importProject.close();
|
|
|
|
|
this.addFrom = {
|
|
|
|
|
enterpriseName:"",
|
|
|
|
|
legalEntity:"",
|
|
|
|
|
creditCode:"",
|
|
|
|
|
enterpriseType:"",
|
|
|
|
|
registeredCapital:"",
|
|
|
|
|
industry:"",
|
|
|
|
|
establishDate:"",
|
|
|
|
|
formerName:"",
|
|
|
|
|
institutionCode:"",
|
|
|
|
|
enrollAddress:"",
|
|
|
|
|
enrollType:"",
|
|
|
|
|
business:"",
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 编辑
|
|
|
|
|
editEnterInfo(){
|
|
|
|
|
this.addFrom = this.info;
|
|
|
|
|
this.$refs.importProject.open();
|
|
|
|
|
},
|
|
|
|
|
// 提交
|
|
|
|
|
confirm(){
|
|
|
|
|
this.$refs.importFrom.validate((valid) => {
|
|
|
|
|
if (valid) {
|
|
|
|
|
enterpriseBasicInfoChange(this.addFrom).then((res)=>{
|
|
|
|
|
if(res.code == 200) {
|
|
|
|
|
this.getInfo(this.$store.state.user.enterpriseId);
|
|
|
|
|
this.importClose();
|
|
|
|
|
this.$message({
|
|
|
|
|
type: "success",
|
|
|
|
|
message: "修改成功!",
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
} else {
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
goBack(){
|
|
|
|
|
this.$router.back();
|
|
|
|
|
},
|
|
|
|
|
|
