xzt
1 year ago
10 changed files with 2723 additions and 0 deletions
File diff suppressed because it is too large
@ -0,0 +1,676 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!-- 企业基本信息 --> |
|||
<div class="listTitle" style="margin-top: 0"> |
|||
<span>企业基本信息</span> |
|||
</div> |
|||
<el-row :gutter="15"> |
|||
<el-form |
|||
ref="form" |
|||
:model="form" |
|||
:rules="rules" |
|||
label-width="80px" |
|||
label-position="top" |
|||
> |
|||
<el-col :span="8"> |
|||
<el-form-item label="企业名称" prop="enterpriseName"> |
|||
<el-input |
|||
v-model="form.enterpriseName" |
|||
placeholder="请输入企业名称" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="投资组成" prop="investmentComposition"> |
|||
<el-input |
|||
v-model="form.investmentComposition" |
|||
placeholder="请输入投资组成" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="企业所属区划" prop="adcd"> |
|||
<el-cascader |
|||
:options="areasOptions" |
|||
v-model="form.adcd" |
|||
:props="areasOptionProps" |
|||
placeholder="请选择企业所属区划" |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
> |
|||
</el-cascader> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="成立日期" prop="establishmentDate"> |
|||
<el-date-picker |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
v-model="form.establishmentDate" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择成立日期" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="法定代表人" prop="legalRepresentative"> |
|||
<el-input |
|||
v-model="form.legalRepresentative" |
|||
placeholder="请输入法定代表人" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="法人身份证号" prop="corporateIdNumber"> |
|||
<el-input |
|||
v-model="form.corporateIdNumber" |
|||
placeholder="请输入法人身份证号" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="注册资本金" prop="registeredCapital"> |
|||
<el-input |
|||
v-model="form.registeredCapital" |
|||
placeholder="请输入注册资本金" |
|||
> |
|||
<template slot="append">万元</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="实缴注册资本" prop="paidRegisteredCapital"> |
|||
<el-input |
|||
v-model="form.paidRegisteredCapital" |
|||
placeholder="请输入实缴注册资本" |
|||
> |
|||
<template slot="append">万元</template> |
|||
</el-input> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="单位社保编号" prop="unitSecurityNumber"> |
|||
<el-input |
|||
v-model="form.unitSecurityNumber" |
|||
placeholder="请输入单位社保编号" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode"> |
|||
<el-input |
|||
v-model="form.unifiedSocialCreditCode" |
|||
placeholder="请输入统一社会信用代码" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="8"> |
|||
<el-form-item |
|||
label="信用代码发证机关" |
|||
prop="creditCodeIssuingAuthority" |
|||
> |
|||
<el-input |
|||
v-model="form.creditCodeIssuingAuthority" |
|||
placeholder="请输入信用代码发证机关" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="注册地址" prop="registeredAddress"> |
|||
<el-input |
|||
v-model="form.registeredAddress" |
|||
placeholder="请输入注册地址" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="安全生产许可证" prop="safetyProductionLicense"> |
|||
<el-input |
|||
v-model="form.safetyProductionLicense" |
|||
placeholder="请输入安全生产许可证" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
|
|||
<el-col :span="8"> |
|||
<el-form-item label="许可证发证机关" prop="licenseIssuingAuthority"> |
|||
<el-input |
|||
v-model="form.licenseIssuingAuthority" |
|||
placeholder="请输入许可证发证机关" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="办公电话" prop="officePhone"> |
|||
<el-input v-model="form.officePhone" placeholder="请输入办公电话" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="联系人" prop="contacts"> |
|||
<el-input v-model="form.contacts" placeholder="请输入联系人" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="联系人电话" prop="contactsPhone"> |
|||
<el-input |
|||
v-model="form.contactsPhone" |
|||
placeholder="请输入联系人电话" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="传真" prop="fax"> |
|||
<el-input v-model="form.fax" placeholder="请输入传真" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="企业网址" prop="enterpriseWebsite"> |
|||
<el-input |
|||
v-model="form.enterpriseWebsite" |
|||
placeholder="请输入企业网址" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="邮政编码" prop="postalCode"> |
|||
<el-input v-model="form.postalCode" placeholder="请输入邮政编码" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="电子邮箱" prop="email"> |
|||
<el-input v-model="form.email" placeholder="请输入电子邮箱" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="备注" prop="remark"> |
|||
<el-input v-model="form.remark" placeholder="请输入备注" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="经营范围" prop="businessScope"> |
|||
<el-input |
|||
v-model="form.businessScope" |
|||
placeholder="请输入经营范围" |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item label="信用分数" prop="score"> |
|||
<el-input v-model="form.score" placeholder="请输入信用分数" /> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item |
|||
label="统一社会信用代码证" |
|||
prop="socialCreditCodeAttachment" |
|||
> |
|||
<el-upload |
|||
class="upload-demo" |
|||
action="thinking/common/upload" |
|||
:headers="headers" |
|||
:on-preview="handleOpinionPreview" |
|||
:on-remove="(file) => handleOpinionRemove(file, 'fileList1')" |
|||
:before-remove="beforeOpinionRemove" |
|||
multiple |
|||
:on-exceed="handleOpinionExceed" |
|||
:on-success=" |
|||
(_, fileList) => submitOpinionUpload(fileList, 'fileList1') |
|||
" |
|||
:file-list="fileList1" |
|||
> |
|||
<el-button size="small" type="primary" plain> |
|||
<i class="el-icon-upload el-icon--right"></i> |
|||
点击上传 |
|||
</el-button> |
|||
<div slot="tip" class="el-upload__tip"> |
|||
支持jpg/png/pdf/word/excel文件等，不超过100M |
|||
</div> |
|||
</el-upload> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item |
|||
label="安全生产许可证附件" |
|||
prop="safetyProductionAttachment" |
|||
> |
|||
<el-upload |
|||
class="upload-demo" |
|||
action="thinking/common/upload" |
|||
:headers="headers" |
|||
:on-preview="handleOpinionPreview" |
|||
:on-remove="(file) => handleOpinionRemove(file, 'fileList2')" |
|||
:before-remove="beforeOpinionRemove" |
|||
multiple |
|||
:on-exceed="handleOpinionExceed" |
|||
:on-success=" |
|||
(_, fileList) => submitOpinionUpload(fileList, 'fileList2') |
|||
" |
|||
:file-list="fileList2" |
|||
> |
|||
<el-button size="small" type="primary" plain> |
|||
<i class="el-icon-upload el-icon--right"></i> |
|||
点击上传 |
|||
</el-button> |
|||
<div slot="tip" class="el-upload__tip"> |
|||
支持jpg/png/pdf/word/excel文件等，不超过100M |
|||
</div> |
|||
</el-upload> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-form> |
|||
</el-row> |
|||
<div class="btnList"> |
|||
<el-button type="primary" @click="submitForm">保 存</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
<!-- 管理体系信息 --> |
|||
<div class="listTitle"> |
|||
<span>管理体系信息</span> |
|||
<span class="addBtn" @click="handleAdd('0')"> |
|||
<i class="el-icon-plus"></i> |
|||
添加 |
|||
</span> |
|||
</div> |
|||
<managementSystem ref="managementSystem" :enterpriseId="form.id" /> |
|||
<!-- 分公司信息 --> |
|||
<div class="listTitle"> |
|||
<span>分公司信息</span> |
|||
<span class="addBtn" @click="handleAdd('1')"> |
|||
<i class="el-icon-plus"></i> |
|||
添加 |
|||
</span> |
|||
</div> |
|||
<SubCompany ref="SubCompany" :enterpriseId="form.id" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listEnterpriseInfo, |
|||
getEnterpriseInfo, |
|||
delEnterpriseInfo, |
|||
addEnterpriseInfo, |
|||
updateEnterpriseInfo, |
|||
exportEnterpriseInfo, |
|||
} from "@/api/enterprise/enterpriseInfo"; |
|||
import { getAreasData } from "@/api/areas/index"; |
|||
import { regionData, codeToText, TextToCode } from "element-china-area-data"; |
|||
import { getToken } from "@/utils/auth"; |
|||
import { getFileStream } from "@/api/system/upload"; |
|||
import managementSystem from "./components/managementSystem.vue"; |
|||
import SubCompany from "./components/SubCompany.vue"; |
|||
export default { |
|||
name: "EnterpriseInfo", |
|||
components: { |
|||
managementSystem, |
|||
SubCompany, |
|||
}, |
|||
data() { |
|||
return { |
|||
areasOptionProps: { |
|||
emitPath: false, //value返回最后一级的 |
|||
checkStrictly: true, //选择任意一级 |
|||
}, |
|||
areasOptions: [], |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: { |
|||
enterpriseName: null, |
|||
adcd: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sort: "desc", |
|||
}, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: { |
|||
enterpriseName: [ |
|||
{ required: true, message: "请输入企业名称", trigger: "blur" }, |
|||
], |
|||
registeredCapital: [ |
|||
{ |
|||
pattern: |
|||
/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, |
|||
message: "请输入数字,可保留两位小数", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
paidRegisteredCapital: [ |
|||
{ |
|||
pattern: |
|||
/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, |
|||
message: "请输入数字,可保留两位小数", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
officePhone: [ |
|||
{ |
|||
pattern: |
|||
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, |
|||
message: "请输入正确的手机号", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
contactsPhone: [ |
|||
{ |
|||
pattern: |
|||
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, |
|||
message: "请输入正确的手机号", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
enterpriseWebsite: [ |
|||
{ |
|||
pattern: |
|||
/^(https|http|ftp)\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,}(:[0-9]{1,5})?(\/[\S]*)?$/, |
|||
message: "请输入正确的网址", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
postalCode: [ |
|||
{ |
|||
pattern: /^[1-9]\d{5}$/, |
|||
message: "请输入正确的6位数字（1-9开头）邮政编码", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
email: [ |
|||
{ |
|||
pattern: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/, |
|||
message: "请输入正确的邮箱", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
// 面包屑，路由信息 |
|||
routeList: [ |
|||
{ |
|||
path: "/marketSupervision/enterpriseInformation", |
|||
routeName: "企业信息管理", |
|||
}, |
|||
], |
|||
// 请求头 |
|||
headers: { |
|||
jianwei: "jwtech " + getToken(), |
|||
}, |
|||
fileList1: [], |
|||
fileList2: [], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getTreeData(); |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
handleAdd(key) { |
|||
if (key == 0) this.$refs.managementSystem.handleAdd(); |
|||
if (key == 1) this.$refs.SubCompany.handleAdd(); |
|||
}, |
|||
formatAdcd(row) { |
|||
if (row.adcd) { |
|||
let provinceCode = row.adcd.slice(0, 2); |
|||
let cityCode = row.adcd.slice(2, 4); |
|||
let areaCode = row.adcd.slice(4, 6); |
|||
if (areaCode != "00") { |
|||
return ( |
|||
codeToText[provinceCode] + |
|||
"-" + |
|||
codeToText[provinceCode + cityCode] + |
|||
"-" + |
|||
codeToText[provinceCode + cityCode + areaCode] |
|||
); |
|||
} else if (cityCode != "00") { |
|||
return ( |
|||
codeToText[provinceCode] + "-" + codeToText[provinceCode + cityCode] |
|||
); |
|||
} else { |
|||
return codeToText[provinceCode]; |
|||
} |
|||
} |
|||
}, |
|||
getTreeData() { |
|||
getAreasData().then((items) => { |
|||
// console.log("getAreasData", items.data); |
|||
let res = []; |
|||
let getChildren = (res, pid) => { |
|||
for (const i of items.data) { |
|||
if (i.parentid === pid) { |
|||
const newItem = { |
|||
label: i.name, |
|||
value: i.id, |
|||
}; |
|||
if (i.layer != 3) newItem.children = []; |
|||
res.push(newItem); |
|||
getChildren(newItem.children, newItem.value); |
|||
} |
|||
} |
|||
}; |
|||
getChildren(res, items.data[0].parentid); |
|||
console.log("areasOptions", res); |
|||
this.areasOptions = res; |
|||
// 当不是admin时，默认行政区域 |
|||
// if (this.$userProfile.createUid != "admin") { |
|||
// this.queryParams.data.adcd = this.areasOptions[0].value; |
|||
// } |
|||
// return res; |
|||
}); |
|||
}, |
|||
/** 查询企业基本信息列表 */ |
|||
getList() { |
|||
getEnterpriseInfo(this.$route.query.baseDataId).then((response) => { |
|||
this.form = response.data; |
|||
if (this.form.socialCreditCodeAttachment) { |
|||
this.fileList1 = JSON.parse(this.form.socialCreditCodeAttachment); |
|||
} |
|||
if (this.form.safetyProductionAttachment) { |
|||
this.fileList2 = JSON.parse(this.form.safetyProductionAttachment); |
|||
} |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.$router.back(); |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: null, |
|||
enterpriseName: null, |
|||
investmentComposition: null, |
|||
adcd: null, |
|||
establishmentDate: null, |
|||
legalRepresentative: null, |
|||
corporateIdNumber: null, |
|||
registeredCapital: null, |
|||
paidRegisteredCapital: null, |
|||
unitSecurityNumber: null, |
|||
unifiedSocialCreditCode: null, |
|||
socialCreditCodeAttachment: null, |
|||
creditCodeIssuingAuthority: null, |
|||
registeredAddress: null, |
|||
safetyProductionLicense: null, |
|||
safetyProductionAttachment: null, |
|||
licenseIssuingAuthority: null, |
|||
officePhone: null, |
|||
contacts: null, |
|||
contactsPhone: null, |
|||
fax: null, |
|||
enterpriseWebsite: null, |
|||
postalCode: null, |
|||
email: null, |
|||
remark: null, |
|||
businessScope: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
score: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
// 查询表单重置 |
|||
resetQueryForm() { |
|||
this.queryParams = { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
id: null, |
|||
enterpriseName: null, |
|||
investmentComposition: null, |
|||
adcd: null, |
|||
establishmentDate: null, |
|||
legalRepresentative: null, |
|||
corporateIdNumber: null, |
|||
registeredCapital: null, |
|||
paidRegisteredCapital: null, |
|||
unitSecurityNumber: null, |
|||
unifiedSocialCreditCode: null, |
|||
socialCreditCodeAttachment: null, |
|||
creditCodeIssuingAuthority: null, |
|||
registeredAddress: null, |
|||
safetyProductionLicense: null, |
|||
safetyProductionAttachment: null, |
|||
licenseIssuingAuthority: null, |
|||
officePhone: null, |
|||
contacts: null, |
|||
contactsPhone: null, |
|||
fax: null, |
|||
enterpriseWebsite: null, |
|||
postalCode: null, |
|||
email: null, |
|||
remark: null, |
|||
businessScope: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
owerDept: null, |
|||
score: null, |
|||
}, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
|
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate((valid) => { |
|||
if (valid) { |
|||
this.form.socialCreditCodeAttachment = JSON.stringify(this.fileList1); |
|||
this.form.safetyProductionAttachment = JSON.stringify(this.fileList2); |
|||
if (this.form.id != null) { |
|||
updateEnterpriseInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("修改成功"); |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} else { |
|||
addEnterpriseInfo(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("新增成功"); |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
// 上传意见附件 |
|||
submitOpinionUpload(fileList, name) { |
|||
console.log(name, fileList); |
|||
this[name].push({ |
|||
name: fileList.name, |
|||
fileName: fileList.response.fileName, |
|||
url: fileList.response.url, |
|||
uid: fileList.uid, |
|||
}); |
|||
console.log(name, this[name]); |
|||
}, |
|||
handleOpinionRemove(file, name) { |
|||
// console.log(file, fileList1); |
|||
let index = this[name].findIndex((item) => item.uid === file.uid); |
|||
// 删除文件 |
|||
this[name].splice(index, 1); |
|||
}, |
|||
|
|||
// 点击预览的文件进行下载 |
|||
handleOpinionPreview(file) { |
|||
// console.log(file); |
|||
getFileStream({ fileName: file.fileName }).then((res) => { |
|||
const blob = new Blob([res], { |
|||
// type类型后端返回来的数据中会有，根据自己实际进行修改 |
|||
// 表格下载为 application/xlsx，压缩包为 application/zip等， |
|||
type: "application/xlsx", |
|||
}); //excel,pdf等 |
|||
const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象 |
|||
const a = document.createElement("a"); //创建a标签 |
|||
a.style.display = "none"; |
|||
a.href = href; // 指定下载链接 |
|||
a.download = file.name; //指定下载文件名 |
|||
a.click(); //触发下载 |
|||
URL.revokeObjectURL(a.href); //释放URL对象 |
|||
}); |
|||
}, |
|||
handleOpinionExceed(files, fileList) { |
|||
this.$message.warning( |
|||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${ |
|||
files.length + fileList.length |
|||
} 个文件` |
|||
); |
|||
}, |
|||
beforeOpinionRemove(file, fileList) { |
|||
return this.$confirm(`确定移除 ${file.name}？`); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import "@/assets/css/dialog.scss"; |
|||
::v-deep { |
|||
.el-dialog { |
|||
margin-top: 2vh !important; |
|||
} |
|||
} |
|||
// .btnList { |
|||
// position: fixed; |
|||
// bottom: 20px; |
|||
// right: 20px; |
|||
// z-index: 1; |
|||
// } |
|||
.listTitle { |
|||
font-size: 14px; |
|||
padding-left: 10px; |
|||
padding-right: 30px; |
|||
margin: 20px 0; |
|||
border-left: 2px solid #36b29e; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
span:nth-child(1) { |
|||
font-weight: bold; |
|||
} |
|||
.addBtn { |
|||
color: #36b29e; |
|||
cursor: pointer; |
|||
} |
|||
.addBtn:hover { |
|||
color: #31a08e; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,3 @@ |
|||
<template> |
|||
<div>市场行为与信用</div> |
|||
</template> |
|||
@ -0,0 +1,403 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-table |
|||
v-loading="loading" |
|||
:data="officeList" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" align="center" fixed /> |
|||
<el-table-column |
|||
label="序号" |
|||
type="index" |
|||
width="50" |
|||
align="center" |
|||
fixed |
|||
/> |
|||
<!-- <el-table-column |
|||
label="企业id" |
|||
align="center" |
|||
prop="enterpriseId" |
|||
min-width="120" |
|||
/> --> |
|||
<el-table-column |
|||
label="分公司名称" |
|||
align="center" |
|||
prop="branchOfficeName" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="公司类型" |
|||
align="center" |
|||
prop="companyType" |
|||
:formatter="companyTypeFormat" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="统一社会信用代码" |
|||
align="center" |
|||
prop="unifiedSocialCreditCode" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="统一社会信用代码证" |
|||
align="center" |
|||
prop="socialCreditCodeAttachment" |
|||
min-width="150" |
|||
/> |
|||
<el-table-column |
|||
label="注册资本金" |
|||
align="center" |
|||
prop="registeredCapital" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="法人代表" |
|||
align="center" |
|||
prop="legalRepresentative" |
|||
min-width="120" |
|||
/> |
|||
|
|||
<el-table-column |
|||
label="注册地址" |
|||
align="center" |
|||
prop="registeredAddress" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="操作" |
|||
align="center" |
|||
class-name="small-padding fixed-width" |
|||
width="180" |
|||
fixed="right" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['enterprise:office:edit']" |
|||
>修改</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['enterprise:office:remove']" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改分公司信息对话框 --> |
|||
<el-dialog |
|||
:title="title" |
|||
:visible.sync="open" |
|||
width="1200px" |
|||
append-to-body |
|||
:close-on-click-modal="false" |
|||
> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="分公司名称" prop="branchOfficeName"> |
|||
<el-input |
|||
v-model="form.branchOfficeName" |
|||
placeholder="请输入分公司名称" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="公司类型" prop="companyType"> |
|||
<el-select |
|||
v-model="form.companyType" |
|||
placeholder="请选择公司类型" |
|||
style="width: 100%" |
|||
> |
|||
<el-option |
|||
v-for="dict in companyTypeOptions" |
|||
:key="dict.dictValue" |
|||
:label="dict.dictLabel" |
|||
:value="dict.dictValue" |
|||
></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="统一社会信用代码" prop="unifiedSocialCreditCode"> |
|||
<el-input |
|||
v-model="form.unifiedSocialCreditCode" |
|||
placeholder="请输入统一社会信用代码" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item |
|||
label="统一社会信用代码证" |
|||
prop="socialCreditCodeAttachment" |
|||
> |
|||
<el-input |
|||
v-model="form.socialCreditCodeAttachment" |
|||
placeholder="请输入统一社会信用代码证" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="注册资本金" prop="registeredCapital"> |
|||
<el-input |
|||
v-model="form.registeredCapital" |
|||
placeholder="请输入注册资本金" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="法人代表" prop="legalRepresentative"> |
|||
<el-input |
|||
v-model="form.legalRepresentative" |
|||
placeholder="请输入法人代表" |
|||
/> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="注册地址" prop="registeredAddress"> |
|||
<el-input |
|||
v-model="form.registeredAddress" |
|||
placeholder="请输入注册地址" |
|||
/> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="企业id" prop="enterpriseId"> |
|||
<el-input v-model="form.enterpriseId" placeholder="请输入企业id" /> |
|||
</el-form-item> --> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listOffice, |
|||
getOffice, |
|||
delOffice, |
|||
addOffice, |
|||
updateOffice, |
|||
exportOffice, |
|||
} from "@/api/enterprise/office"; |
|||
|
|||
export default { |
|||
name: "Office", |
|||
props: ["enterpriseId"], |
|||
data() { |
|||
return { |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 分公司信息表格数据 |
|||
officeList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 公司类型字典 |
|||
companyTypeOptions: [], |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: { |
|||
branchOfficeName: null, |
|||
unifiedSocialCreditCode: null, |
|||
socialCreditCodeAttachment: null, |
|||
registeredCapital: null, |
|||
legalRepresentative: null, |
|||
companyType: null, |
|||
registeredAddress: null, |
|||
enterpriseId: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
owerDept: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sort: "desc", |
|||
}, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: {}, |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
this.getDicts("company_type").then((response) => { |
|||
this.companyTypeOptions = response.data; |
|||
}); |
|||
}, |
|||
methods: { |
|||
/** 查询分公司信息列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listOffice(this.queryParams).then((response) => { |
|||
this.officeList = response.records; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 公司类型字典翻译 |
|||
companyTypeFormat(row, column) { |
|||
return this.selectDictLabel(this.companyTypeOptions, row.companyType); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: null, |
|||
branchOfficeName: null, |
|||
unifiedSocialCreditCode: null, |
|||
socialCreditCodeAttachment: null, |
|||
registeredCapital: null, |
|||
legalRepresentative: null, |
|||
companyType: null, |
|||
registeredAddress: null, |
|||
enterpriseId: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
remark: null, |
|||
owerDept: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
// 查询表单重置 |
|||
resetQueryForm() { |
|||
this.queryParams = { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
id: null, |
|||
branchOfficeName: null, |
|||
unifiedSocialCreditCode: null, |
|||
socialCreditCodeAttachment: null, |
|||
registeredCapital: null, |
|||
legalRepresentative: null, |
|||
companyType: null, |
|||
registeredAddress: null, |
|||
enterpriseId: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
remark: null, |
|||
owerDept: null, |
|||
}, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetQueryForm(); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map((item) => item.id); |
|||
this.single = selection.length !== 1; |
|||
this.multiple = !selection.length; |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加分公司信息"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.reset(); |
|||
const id = row.id || this.ids; |
|||
getOffice(id).then((response) => { |
|||
this.form = response.data; |
|||
this.open = true; |
|||
this.title = "修改分公司信息"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate((valid) => { |
|||
if (valid) { |
|||
this.form.enterpriseId = this.enterpriseId; |
|||
if (this.form.id != null) { |
|||
updateOffice(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} else { |
|||
addOffice(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
if (ids) { |
|||
this.$confirm("是否删除选中的数据？", "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(function () { |
|||
return delOffice(ids); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("删除成功"); |
|||
}) |
|||
.catch(function () {}); |
|||
} else { |
|||
this.$message.warning("请选择要删除的数据！！"); |
|||
} |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import "@/assets/css/dialog.scss"; |
|||
//::v-deep { |
|||
// .el-dialog { |
|||
// margin-top: 10vh !important; |
|||
// } |
|||
//} |
|||
</style> |
|||
@ -0,0 +1,453 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-table |
|||
v-loading="loading" |
|||
:data="systemList" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" width="55" align="center" fixed /> |
|||
<el-table-column |
|||
label="序号" |
|||
type="index" |
|||
width="50" |
|||
align="center" |
|||
fixed |
|||
/> |
|||
<!-- <el-table-column |
|||
label="企业id" |
|||
align="center" |
|||
prop="enterpriseId" |
|||
min-width="120" |
|||
/> --> |
|||
<el-table-column |
|||
label="体系名称" |
|||
align="center" |
|||
prop="systemName" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="有效期至" |
|||
align="center" |
|||
prop="validityPeriod" |
|||
min-width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<span>{{ parseTime(scope.row.validityPeriod, "{y}-{m}-{d}") }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="发证机关" |
|||
align="center" |
|||
prop="licenceIssuingAuthority" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="认证范围" |
|||
align="center" |
|||
prop="certificationScope" |
|||
min-width="120" |
|||
/> |
|||
<el-table-column |
|||
label="标准规范" |
|||
align="center" |
|||
prop="standardSpecification" |
|||
min-width="120" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<div |
|||
v-for="(item, index) in JSON.parse(scope.row.standardSpecification)" |
|||
:key="item + index" |
|||
> |
|||
<i class="el-icon-document"></i> |
|||
{{ item.name }} |
|||
<i |
|||
class="el-icon-download" |
|||
@click="downloadFile(scope, index)" |
|||
style="cursor: pointer" |
|||
></i> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="操作" |
|||
align="center" |
|||
class-name="small-padding fixed-width" |
|||
width="180" |
|||
fixed="right" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-edit" |
|||
@click="handleUpdate(scope.row)" |
|||
v-hasPermi="['enterprise:system:edit']" |
|||
>修改</el-button |
|||
> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleDelete(scope.row)" |
|||
v-hasPermi="['enterprise:system:remove']" |
|||
>删除</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
|
|||
<!-- 添加或修改管理体系信息对话框 --> |
|||
<el-dialog |
|||
:title="title" |
|||
:visible.sync="open" |
|||
width="1200px" |
|||
append-to-body |
|||
:close-on-click-modal="false" |
|||
> |
|||
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|||
<!-- <el-form-item label="企业id" prop="enterpriseId"> |
|||
<el-input v-model="form.enterpriseId" placeholder="请输入企业id" /> |
|||
</el-form-item> --> |
|||
<el-form-item label="体系名称" prop="systemName"> |
|||
<el-input v-model="form.systemName" placeholder="请输入体系名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="有效期至" prop="validityPeriod"> |
|||
<el-date-picker |
|||
clearable |
|||
size="small" |
|||
style="width: 100%" |
|||
v-model="form.validityPeriod" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择有效期至" |
|||
> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="发证机关" prop="licenceIssuingAuthority"> |
|||
<el-input |
|||
v-model="form.licenceIssuingAuthority" |
|||
placeholder="请输入发证机关" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="认证范围" prop="certificationScope"> |
|||
<el-input |
|||
v-model="form.certificationScope" |
|||
placeholder="请输入认证范围" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="标准规范" prop="standardSpecification"> |
|||
<!-- <el-input |
|||
v-model="form.standardSpecification" |
|||
placeholder="请输入标准规范" |
|||
/> --> |
|||
<el-upload |
|||
class="upload-demo" |
|||
action="thinking/common/upload" |
|||
:headers="headers" |
|||
:on-preview="handlePreview" |
|||
:on-remove="(file) => handleRemove(file, 'fileList')" |
|||
:before-remove="beforeRemove" |
|||
multiple |
|||
:on-exceed="handleExceed" |
|||
:on-success="(_, fileList) => submitUpload(fileList, 'fileList')" |
|||
:file-list="fileList" |
|||
> |
|||
<el-button size="small" type="primary" plain> |
|||
<i class="el-icon-upload el-icon--right"></i> |
|||
点击上传 |
|||
</el-button> |
|||
<div slot="tip" class="el-upload__tip"> |
|||
支持jpg/png/pdf/word/excel文件等，不超过100M |
|||
</div> |
|||
</el-upload> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
listSystem, |
|||
getSystem, |
|||
delSystem, |
|||
addSystem, |
|||
updateSystem, |
|||
exportSystem, |
|||
} from "@/api/enterprise/system"; |
|||
import { getToken } from "@/utils/auth"; |
|||
import { getFileStream } from "@/api/system/upload"; |
|||
|
|||
export default { |
|||
name: "System", |
|||
props: ["enterpriseId"], |
|||
data() { |
|||
return { |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 选中数组 |
|||
ids: [], |
|||
// 非单个禁用 |
|||
single: true, |
|||
// 非多个禁用 |
|||
multiple: true, |
|||
// 显示搜索条件 |
|||
showSearch: true, |
|||
// 总条数 |
|||
total: 0, |
|||
// 管理体系信息表格数据 |
|||
systemList: [], |
|||
// 弹出层标题 |
|||
title: "", |
|||
// 是否显示弹出层 |
|||
open: false, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: { |
|||
enterpriseId: null, |
|||
systemName: null, |
|||
validityPeriod: null, |
|||
licenceIssuingAuthority: null, |
|||
certificationScope: null, |
|||
standardSpecification: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
owerDept: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sort: "desc", |
|||
}, |
|||
}, |
|||
// 表单参数 |
|||
form: {}, |
|||
// 表单校验 |
|||
rules: {}, |
|||
// 请求头 |
|||
headers: { |
|||
jianwei: "jwtech " + getToken(), |
|||
}, |
|||
fileList: [], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 查询管理体系信息列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
listSystem(this.queryParams).then((response) => { |
|||
this.systemList = response.records; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
// 取消按钮 |
|||
cancel() { |
|||
this.open = false; |
|||
this.reset(); |
|||
}, |
|||
// 表单重置 |
|||
reset() { |
|||
this.form = { |
|||
id: null, |
|||
enterpriseId: null, |
|||
systemName: null, |
|||
validityPeriod: null, |
|||
licenceIssuingAuthority: null, |
|||
certificationScope: null, |
|||
standardSpecification: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
remark: null, |
|||
owerDept: null, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
// 查询表单重置 |
|||
resetQueryForm() { |
|||
this.queryParams = { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
data: { |
|||
id: null, |
|||
enterpriseId: null, |
|||
systemName: null, |
|||
validityPeriod: null, |
|||
licenceIssuingAuthority: null, |
|||
certificationScope: null, |
|||
standardSpecification: null, |
|||
createUid: null, |
|||
updateUid: null, |
|||
createTime: null, |
|||
updateTime: null, |
|||
remark: null, |
|||
owerDept: null, |
|||
}, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetQueryForm(); |
|||
this.handleQuery(); |
|||
}, |
|||
// 多选框选中数据 |
|||
handleSelectionChange(selection) { |
|||
this.ids = selection.map((item) => item.id); |
|||
this.single = selection.length !== 1; |
|||
this.multiple = !selection.length; |
|||
}, |
|||
/** 新增按钮操作 */ |
|||
handleAdd() { |
|||
this.reset(); |
|||
this.open = true; |
|||
this.title = "添加管理体系信息"; |
|||
}, |
|||
/** 修改按钮操作 */ |
|||
handleUpdate(row) { |
|||
this.reset(); |
|||
const id = row.id || this.ids; |
|||
getSystem(id).then((response) => { |
|||
this.form = response.data; |
|||
if (this.form.standardSpecification) { |
|||
this.fileList = JSON.parse(this.form.standardSpecification); |
|||
} |
|||
this.open = true; |
|||
this.title = "修改管理体系信息"; |
|||
}); |
|||
}, |
|||
/** 提交按钮 */ |
|||
submitForm() { |
|||
this.$refs["form"].validate((valid) => { |
|||
if (valid) { |
|||
this.form.enterpriseId = this.enterpriseId; |
|||
this.form.standardSpecification = JSON.stringify(this.fileList); |
|||
if (this.form.id != null) { |
|||
updateSystem(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("修改成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} else { |
|||
addSystem(this.form).then((response) => { |
|||
if (response.code === 200) { |
|||
this.msgSuccess("新增成功"); |
|||
this.open = false; |
|||
this.getList(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
/** 删除按钮操作 */ |
|||
handleDelete(row) { |
|||
const ids = row.id || this.ids; |
|||
if (ids) { |
|||
this.$confirm("是否删除选中的数据？", "警告", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}) |
|||
.then(function () { |
|||
return delSystem(ids); |
|||
}) |
|||
.then(() => { |
|||
this.getList(); |
|||
this.msgSuccess("删除成功"); |
|||
}) |
|||
.catch(function () {}); |
|||
} else { |
|||
this.$message.warning("请选择要删除的数据！！"); |
|||
} |
|||
}, |
|||
submitOpinionUpload(fileList, name) { |
|||
console.log(name, fileList); |
|||
this[name].push({ |
|||
name: fileList.name, |
|||
fileName: fileList.response.fileName, |
|||
url: fileList.response.url, |
|||
uid: fileList.uid, |
|||
}); |
|||
console.log(name, this[name]); |
|||
}, |
|||
handleRemove(file, name) { |
|||
// console.log(file, fileList1); |
|||
let index = this[name].findIndex((item) => item.uid === file.uid); |
|||
// 删除文件 |
|||
this[name].splice(index, 1); |
|||
}, |
|||
downloadFile(scope, index) { |
|||
// console.log(scope); |
|||
let file = JSON.parse(scope.row.standardSpecification)[index]; |
|||
this.handlePreview(file); |
|||
}, |
|||
|
|||
// 点击预览的文件进行下载 |
|||
handlePreview(file) { |
|||
// console.log(file); |
|||
getFileStream({ fileName: file.fileName }).then((res) => { |
|||
const blob = new Blob([res], { |
|||
// type类型后端返回来的数据中会有，根据自己实际进行修改 |
|||
// 表格下载为 application/xlsx，压缩包为 application/zip等， |
|||
type: "application/xlsx", |
|||
}); //excel,pdf等 |
|||
const href = URL.createObjectURL(blob); //创建新的URL表示指定的blob对象 |
|||
const a = document.createElement("a"); //创建a标签 |
|||
a.style.display = "none"; |
|||
a.href = href; // 指定下载链接 |
|||
a.download = file.name; //指定下载文件名 |
|||
a.click(); //触发下载 |
|||
URL.revokeObjectURL(a.href); //释放URL对象 |
|||
}); |
|||
}, |
|||
handleExceed(files, fileList) { |
|||
this.$message.warning( |
|||
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${ |
|||
files.length + fileList.length |
|||
} 个文件` |
|||
); |
|||
}, |
|||
beforeRemove(file, fileList) { |
|||
return this.$confirm(`确定移除 ${file.name}？`); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import "@/assets/css/dialog.scss"; |
|||
//::v-deep { |
|||
// .el-dialog { |
|||
// margin-top: 10vh !important; |
|||
// } |
|||
//} |
|||
</style> |
|||
@ -0,0 +1,3 @@ |
|||
<template> |
|||
<div>动态信用</div> |
|||
</template> |
|||
@ -0,0 +1,149 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!-- 面包屑 --> |
|||
<el-breadcrumb separator="/" style="margin-bottom: 20px"> |
|||
<el-breadcrumb-item |
|||
v-for="(item, index) in routeList" |
|||
:key="item + index" |
|||
:to="routeList.length !== index + 1 ? { path: item.path } : undefined" |
|||
>{{ item.routeName }}</el-breadcrumb-item |
|||
> |
|||
</el-breadcrumb> |
|||
|
|||
<el-page-header |
|||
@back="goBack" |
|||
:content="routeList[1].routeName" |
|||
style="margin-bottom: 15px" |
|||
> |
|||
</el-page-header> |
|||
|
|||
<el-tabs |
|||
v-model="activeName" |
|||
@tab-click="handleClick" |
|||
style="margin-bottom: 20px" |
|||
> |
|||
<el-tab-pane label="企业基础情况" name="basePage" :lazy="true"> |
|||
<basePage ref="basePage" /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="企业资质" |
|||
name="qualification" |
|||
:disabled="!routeList[1].isEdit" |
|||
:lazy="true" |
|||
> |
|||
<qualification /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="人力资源档案" |
|||
name=" resourcesArchives" |
|||
:disabled="!routeList[1].isEdit" |
|||
:lazy="true" |
|||
> |
|||
<resourcesArchives /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="工程业绩记录" |
|||
name=" performanceRecord" |
|||
:disabled="!routeList[1].isEdit" |
|||
:lazy="true" |
|||
> |
|||
<performanceRecord /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="市场行为与信用" |
|||
name=" behaviorAndCredit" |
|||
:disabled="!routeList[1].isEdit" |
|||
:lazy="true" |
|||
> |
|||
<behaviorAndCredit /> |
|||
</el-tab-pane> |
|||
<el-tab-pane |
|||
label="动态信用" |
|||
name=" dynamicCredit" |
|||
:disabled="!routeList[1].isEdit" |
|||
:lazy="true" |
|||
> |
|||
<dynamicCredit /> |
|||
</el-tab-pane> |
|||
</el-tabs> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import basePage from "./basePage.vue"; |
|||
import qualification from "./qualification.vue"; |
|||
import resourcesArchives from "./resourcesArchives.vue"; |
|||
import performanceRecord from "./performanceRecord.vue"; |
|||
import behaviorAndCredit from "./behaviorAndCredit.vue"; |
|||
import dynamicCredit from "./dynamicCredit.vue"; |
|||
|
|||
// import { |
|||
// listProjectinfo, |
|||
// getProjectinfo, |
|||
// delProjectinfo, |
|||
// addProjectinfo, |
|||
// updateProjectinfo, |
|||
// exportProjectinfo, |
|||
// } from "@/api/earlyStage/projectinfo"; |
|||
|
|||
export default { |
|||
components: { |
|||
basePage, |
|||
qualification, |
|||
resourcesArchives, |
|||
performanceRecord, |
|||
behaviorAndCredit, |
|||
dynamicCredit, |
|||
}, |
|||
data() { |
|||
return { |
|||
activeName: "basePage", |
|||
routeList: [], |
|||
formData: {}, |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: { |
|||
projectName: null, |
|||
projectType: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sort: "desc", |
|||
}, |
|||
}, |
|||
}; |
|||
}, |
|||
created() { |
|||
this.routeList = JSON.parse(this.$store.state.basePageData.routeList); |
|||
// if (this.routeList[1].isEdit) { |
|||
// // this.formData = JSON.parse(this.$store.state.basePageData.baseFormData); |
|||
// this.formData = JSON.parse(this.$store.state.basePageData.baseFormData); |
|||
// } |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
goBack() { |
|||
this.$router.back(); |
|||
}, |
|||
/** 查询专题项目前期背景信息列表 */ |
|||
getList() { |
|||
this.queryParams.data.id = this.$route.query.baseDataId; |
|||
// listProjectinfo(this.queryParams).then((response) => { |
|||
// this.formData = response.records[0]; |
|||
// }); |
|||
}, |
|||
|
|||
// 切换标签页 |
|||
handleClick(tab, event) { |
|||
// console.log("切换标签页", tab, event); |
|||
// console.log("切换标签页", this.routeList[1].routeName); |
|||
this.routeList[1].routeName = tab.label; |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
@ -0,0 +1,3 @@ |
|||
<template> |
|||
<div>工程业绩记录</div> |
|||
</template> |
|||
@ -0,0 +1,3 @@ |
|||
<template> |
|||
<div>企业资质</div> |
|||
</template> |
|||
@ -0,0 +1,3 @@ |
|||
<template> |
|||
<div>人力资源档案</div> |
|||
</template> |
|||
Loading…
Reference in new issue