|
|
@ -1,230 +1,357 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div>挂靠公司详情</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" size="small">下载</el-button> |
|
|
|
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="listconadd"> |
|
|
|
<div class="wlInfo">挂靠公司信息</div> |
|
|
|
<el-form ref="dataForm" :model="temp" label-position="right" class="forminfo" :rules="rules"> |
|
|
|
<el-row style="border-top: 1px solid #DFE6EC"> |
|
|
|
<el-col :span="4" class="trightb">企业名称</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.orgName }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">登记注册号类型</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.registNumTypeValue }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">登记注册号码</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.registNum }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">中征码(贷款卡编码)</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.signatureCode }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">公司联系电话</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.telephone }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">成立时间</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.setUpTime }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">注册资本(万)</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.registCapital }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">注册(登记)地址</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.registAddress }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">公司地址</el-col> |
|
|
|
<el-col :span="20" class="tleft"> {{ temp.province }} {{ temp.city }} {{ temp.county }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">联系地址:</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.address }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">业务联系人</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.contract }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">联系电话</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.mobile }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">经营(业务)范围</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.businessScope }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">许可证类型</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.licenseType }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">资质有效期</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.qualifiDate }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">法定代表人姓名</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.legalName }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">法定代表人身份证号码</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.legalIdCard }}</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="trightb">法定代表人联系方式</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.legalMobile }}</el-col> |
|
|
|
<el-col :span="4" class="trightb">使用组织</el-col> |
|
|
|
<el-col :span="8" class="tleft"> {{ temp.useOrgName }}</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">营业执照</div> |
|
|
|
</div> |
|
|
|
<el-table :key="businessLicenseKey" v-loading="listLoading" :data="list1" border style="width: 100%;"> |
|
|
|
<!-- <el-table-column label="是否已提交" align="center">--> |
|
|
|
<!-- <template slot-scope="scope">--> |
|
|
|
<!-- <span>{{ scope.row.state }}</span>--> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- </el-table-column>--> |
|
|
|
<el-table-column label=" 文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|
|
|
<!-- <template slot-scope="{row}">--> |
|
|
|
<!-- <el-link target="_blank" :href="row.filePath" :underline="false" style="margin-left:15px">--> |
|
|
|
<!-- <el-button size="mini" type="primary">下载</el-button>--> |
|
|
|
<!-- </el-link>--> |
|
|
|
<!-- </template>--> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="small" @click="lookeImg(scope.row)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div> |
|
|
|
</div> |
|
|
|
<el-table :key="roadTransportKey" v-loading="listLoading" :data="list2" border style="width: 100%;"> |
|
|
|
<el-table-column label=" 文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="small" @click="lookeImg(scope.row)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">法人身份证</div> |
|
|
|
</div> |
|
|
|
<el-table :key="corporateIdentityCardKey" v-loading="listLoading" :data="list3" border style="width: 100%;"> |
|
|
|
<el-table-column label=" 文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span style="color: #018AD2;" @click="lookeImg(scope.row)">{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|
|
|
<!-- <template slot-scope="{row}">--> |
|
|
|
<!-- <el-link target="_blank" :href="row.filePath" :underline="false" style="margin-left:15px">--> |
|
|
|
<!-- <el-button size="mini" type="primary">下载</el-button>--> |
|
|
|
<!-- </el-link>--> |
|
|
|
<!-- </template>--> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="small" @click="lookeImg(scope.row)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">其他材料</div> |
|
|
|
<div> |
|
|
|
<div class="tab-header webtop"> |
|
|
|
<div>挂靠公司详情</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" size="small">下载</el-button> |
|
|
|
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
|
|
</div> |
|
|
|
<el-table :key="otherDetailsKey" v-loading="listLoading" :data="list4" border style="width: 100%;"> |
|
|
|
<el-table-column label=" 文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span style="color: #018AD2;" @click="lookeImg(scope.row)">{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> |
|
|
|
<template slot-scope="{row}"> |
|
|
|
<el-button size="mini" type="primary" @click="downloadElxe(row)">下载</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-dialog :visible.sync="dialogFormVisible"> |
|
|
|
<div class="result-cont"> |
|
|
|
<img :src="user_img" style="width: 100%" alt=""> |
|
|
|
</div> |
|
|
|
<div class="listconadd"> |
|
|
|
<!-- <div class="wlInfo">经销商信息</div>--> |
|
|
|
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> |
|
|
|
<div class="title">基本信息</div> |
|
|
|
<el-row style="border-top: 1px solid #DFE6EC"> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>所属经销商</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20"> |
|
|
|
<el-form-item prop=""> |
|
|
|
<span>{{ temp.pdistributorName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>经销商名称</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="disName"> |
|
|
|
<span>{{ temp.disName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>统一社会信用代码</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="registNum"> |
|
|
|
<span>{{ temp.registNu }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>注册地址</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> <!--@change="getShen" @change="getShen" @change="getQu"--> |
|
|
|
<el-form-item prop="registAddress"> |
|
|
|
<span>{{ temp.registAddress }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop=""> |
|
|
|
<span>{{ temp.registDetailAddress }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>实际经营地址</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item prop=""> <!-- --> |
|
|
|
<span>{{ temp.managementAddress }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop=""> |
|
|
|
<span>{{ temp.managementDetailAddress }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>成立日期</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="setUpTime"> |
|
|
|
<span>{{ temp.setUpTime }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>开始合作时间</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="startCoopDate"> |
|
|
|
<span>{{ temp.startCoopDate }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>是否担保</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="isGuarantee"> |
|
|
|
<el-radio v-model="temp.isGuarantee" disabled label="1">是</el-radio> |
|
|
|
<el-radio v-model="temp.isGuarantee" disabled label="0">否</el-radio> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>实际控制人</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="legalName"> |
|
|
|
<span>{{ temp.legalName }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>身份证号码</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="legalIdCard"> |
|
|
|
<span>{{ temp.legalIdCard }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>联系电话</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="legalMobile"> |
|
|
|
<span>{{ temp.legalMobile }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>企业人联系人</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="contract"> |
|
|
|
<span>{{ temp.contract }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>联系电话</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="mobile"> |
|
|
|
<span>{{ temp.mobile }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"/> |
|
|
|
<el-col :span="4"/> |
|
|
|
</el-row> |
|
|
|
<div class="title">开票信息</div> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>单位名称</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item> |
|
|
|
{{ temp.disName }} |
|
|
|
<!-- <el-input v-model="" readonly maxlength="125" placeholder="" class="addinputw" />--> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>税号</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>{{ temp.registNum }}</span> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-input v-model="" readonly maxlength="125" placeholder="" class="addinputw" />--> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>地址</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop=""> |
|
|
|
<span>{{ temp.registAddress }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>联系电话</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="invoPhone"> |
|
|
|
<span>{{ temp.invoPhone }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>开户行</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="invoBank"> |
|
|
|
<span>{{ temp.invoBank }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4" class="tleftb"> |
|
|
|
<span>银行账号</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop="invoBankNum"> |
|
|
|
<span>{{ temp.invoBankNum }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<div class="titcon"> |
|
|
|
<div class="title">人员列表</div> |
|
|
|
</div> |
|
|
|
<el-table :key="tableKey" v-loading="listLoading" :data="list" :index="index" border style="width: 100%"> |
|
|
|
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/> |
|
|
|
<el-table-column label="姓名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="身份" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.identityValue }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="联系电话" align="center"> |
|
|
|
<template slot-scope="scope" prop="mobile"> |
|
|
|
<span>{{ scope.row.mobile }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="备注" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.remarks }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">营业执照</div> |
|
|
|
</div> |
|
|
|
<el-table :key="businessLicenseKey" :data="list1" border style="width: 100%"> |
|
|
|
<el-table-column label="文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">道路运输许可证</div> |
|
|
|
</div> |
|
|
|
<el-table :key="roadTransportKey" :data="list2" border style="width: 100%"> |
|
|
|
<el-table-column label="文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">法人身份证</div> |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
</el-form> |
|
|
|
<el-table :key="corporateIdentityCardKey" :data="list3" border style="width: 100%"> |
|
|
|
<el-table-column label="文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="headline"> |
|
|
|
<div style="margin-left: 5px;font-weight: bold">其他资料</div> |
|
|
|
</div> |
|
|
|
<el-table :key="otherDetailsKey" :data="list4" border style="width: 100%"> |
|
|
|
<el-table-column label="文件名" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span class="bluezi" @click="handLook(scope.row)">{{ scope.row.fileName }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="文件类型" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.fileType }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传人" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.name }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="上传时间" align="center"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.createTime }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dialog :visible="dialogVisible" append-to-body :before-close="handColse"> |
|
|
|
<img width="100%" :src="dialogImageUrl" alt=""/> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { details, download } from '@/api/jichuxinxi/baseaffiliatcompany' |
|
|
|
import { postDownload } from '@/api/business/beiAn' |
|
|
|
import {details} from '@/api/jichuxinxi/baseaffiliatcompany' |
|
|
|
import {postDownload} from '@/api/business/beiAn' |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'GuakaogongsiInfo', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
businessLicenseKey: 0, |
|
|
|
roadTransportKey: 1, |
|
|
|
corporateIdentityCardKey: 2, |
|
|
|
otherDetailsKey: 3, |
|
|
|
dialogVisible: false, |
|
|
|
dialogImageUrl: '', |
|
|
|
tableKey: 0, |
|
|
|
businessLicenseKey: 1, |
|
|
|
roadTransportKey: 2, |
|
|
|
corporateIdentityCardKey: 3, |
|
|
|
otherDetailsKey: 4, |
|
|
|
index: 0, |
|
|
|
list: [], |
|
|
|
list1: [], |
|
|
|
list2: [], |
|
|
|
list3: [], |
|
|
@ -249,22 +376,29 @@ export default { |
|
|
|
window.location.href = objectUrl |
|
|
|
}) |
|
|
|
}, |
|
|
|
handLook(row) { |
|
|
|
console.log('查看图片', row) |
|
|
|
this.dialogVisible = true |
|
|
|
this.dialogImageUrl = row.filePath |
|
|
|
console.log('查看图片', this.dialogImageUrl) |
|
|
|
}, |
|
|
|
handColse() { |
|
|
|
this.dialogVisible = false |
|
|
|
}, |
|
|
|
// 返回 |
|
|
|
handleReturn() { |
|
|
|
this.$emit('doback') |
|
|
|
}, |
|
|
|
// 打开查看 |
|
|
|
showInfo(sid) { |
|
|
|
this.FormLoading = true |
|
|
|
details(sid).then((response) => { |
|
|
|
console.log('查询', response) |
|
|
|
this.FormLoading = false |
|
|
|
showInfo(sids) { |
|
|
|
details(sids).then((response) => { |
|
|
|
if (response.code === '200') { |
|
|
|
this.temp = response.data |
|
|
|
this.list = response.data.perList |
|
|
|
this.list1 = response.data.yyzzList |
|
|
|
this.list2 = response.data.dlysxkzList |
|
|
|
this.list3 = response.data.frsfzList |
|
|
|
this.list4 = response.data.qtzlList |
|
|
|
this.temp = response.data |
|
|
|
this.temp.sid = sids |
|
|
|
} else { |
|
|
|
this.$notify({ |
|
|
|
title: '失败', |
|
|
@ -290,9 +424,19 @@ export default { |
|
|
|
background-color: #ffffff; |
|
|
|
border: 1px solid #DFE6EC; |
|
|
|
} |
|
|
|
|
|
|
|
.wlInfo { |
|
|
|
text-align: center; |
|
|
|
font-size: 28px; |
|
|
|
line-height: 90px; |
|
|
|
} |
|
|
|
|
|
|
|
.tleftb { |
|
|
|
text-align: right; |
|
|
|
float: left; |
|
|
|
font-size: 14px; |
|
|
|
color: #606266; |
|
|
|
line-height: 40px !important; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
</style> |
|
|
|