|
|
@@ -25,7 +25,7 @@
|
|
|
</div>
|
|
|
<el-tabs tab-position="top" v-model="activeName" style="margin-top: -10px">
|
|
|
<el-tab-pane label="企业信息">
|
|
|
- <el-form label-width="135px" ref="formData" :model="formData">
|
|
|
+ <el-form class="formDataInfo" label-width="135px" ref="formData" :model="formData">
|
|
|
<el-row>
|
|
|
|
|
|
<el-col :span="16">
|
|
|
@@ -55,40 +55,38 @@
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="单位关系">
|
|
|
<el-select ref="SpecType" v-model="formData.SpecTypeCode"
|
|
|
- :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''" :readonly="true" placeholder="请选择"
|
|
|
+ :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''" :disabled="true" placeholder="请选择"
|
|
|
style="width: 100%">
|
|
|
<el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key" :value="item.Value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="国家" prop="Country">
|
|
|
- <el-select v-model="formData.Country" filterable placeholder="请选择" :readonly="true"
|
|
|
- style="width: 100%" :class="changedForm['Country'] ? 'modified-form-input' : ''">
|
|
|
- <el-option v-for="item in countryListOptions" :key="item.key" :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- <span style="float: left">{{ item.value }}</span>
|
|
|
- <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
|
|
|
+ <el-col :span="8" v-if="accessedType.includes('01')">
|
|
|
+ <el-form-item label="供应商类型" prop="OperType">
|
|
|
+ <el-select ref="OperType"
|
|
|
+ v-model="formData.OperType"
|
|
|
+ :disabled="true"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-option v-for="item in OperTypeOptions"
|
|
|
+ :key="item.Id"
|
|
|
+ :label="item.Key"
|
|
|
+ :value="item.Key">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
- <!-- <el-col :span="8">
|
|
|
- <el-form-item label="准入方式">
|
|
|
- <el-select ref="inStyle" v-model="formData.InStyle" :disabled="true" placeholder="请选择"
|
|
|
- :class="getchange('InStyle') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- <el-option v-for="item in InOptions" :key="item.Id" :label="item.Key" :value="item.Value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="级别" prop="Gradechange">
|
|
|
- <el-select v-model="formData.Grade" :readonly="true"
|
|
|
+ <el-col :span="8" v-if="accessedType.includes('01')">
|
|
|
+ <el-form-item label="中石油准入证编号">
|
|
|
+ <el-input v-model="formData.PACNumber" maxlength="255" :readonly="true" placeholder="请输入"
|
|
|
+ :class="changedForm['PACNumber'] ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="accessedType.includes('01')">
|
|
|
+ <el-form-item label="级别" prop="Gradechange" v-if="accessedType.includes('01')">
|
|
|
+ <el-select v-model="formData.Grade" :disabled="true"
|
|
|
placeholder="请选择级别"
|
|
|
:class="changedForm['Grade'] ? 'modified-form-input' : ''"
|
|
|
style="width: 100%">
|
|
|
@@ -102,30 +100,41 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="8" v-if="accessedType.includes('01')">
|
|
|
<el-form-item label="管理单位">
|
|
|
- <el-select filterable v-model="formData.MgrUnit" maxlength="255" :readonly="true"
|
|
|
- :class="changedForm['MgrUnit'] ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
+ <el-select filterable v-model="formData.MgrUnit" maxlength="255" :disabled="true"
|
|
|
+ :class="changedForm['MgrUnit'] ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
<el-option v-for="item in ManagementUnitOptions" :key="item.Value" :label="item.Key"
|
|
|
- :value="item.Key">
|
|
|
+ :value="item.Key">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="中石油准入证编号">
|
|
|
- <el-input v-model="formData.PACNumber" maxlength="255" :readonly="true" placeholder="请输入"
|
|
|
- :class="changedForm['PACNumber'] ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
+ <el-form-item label="国家" prop="Country">
|
|
|
+ <el-select v-model="formData.Country" filterable placeholder="请选择" :disabled="true"
|
|
|
+ style="width: 100%" :class="changedForm['Country'] ? 'modified-form-input' : ''">
|
|
|
+ <el-option v-for="item in countryListOptions" :key="item.key" :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ <span style="float: left">{{ item.value }}</span>
|
|
|
+ <span style="float: right; color: #8492a6; font-size: 13px">{{ item.label }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
-
|
|
|
-
|
|
|
+ <!-- <el-col :span="8">
|
|
|
+ <el-form-item label="准入方式">
|
|
|
+ <el-select ref="inStyle" v-model="formData.InStyle" :disabled="true" placeholder="请选择"
|
|
|
+ :class="getchange('InStyle') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ <el-option v-for="item in InOptions" :key="item.Id" :label="item.Key" :value="item.Value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col> -->
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="证件合一">
|
|
|
- <el-select v-model="formData.CredentialFlag" placeholder="请选择" :readonly="true" style="width: 100%"
|
|
|
+ <el-form-item label="证件类型">
|
|
|
+ <el-select v-model="formData.CredentialFlag" placeholder="请选择" :disabled="true" style="width: 100%"
|
|
|
:class="changedForm['CredentialFlag'] ? 'modified-form-input' : ''">
|
|
|
<el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
@@ -142,8 +151,6 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
-
|
|
|
-
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="税务登记证编号" prop="CountryTaxNo" v-if="showorhidflag=='show'">
|
|
|
<el-input v-model="formData.CountryTaxNo" maxlength="50" :readonly="true"
|
|
|
@@ -167,7 +174,7 @@
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
<el-cascader :options="countryoptions" :props="countryprops" maxlength="20" filterable
|
|
|
- :class="changedForm['Province'] || changedForm['City'] || changedForm['Street'] ? 'modified-form-input' : ''" :readonly="true" placeholder="省市区"
|
|
|
+ :class="changedForm['Province'] || changedForm['City'] || changedForm['Street'] ? 'modified-form-input' : ''" :disabled="true" placeholder="省市区"
|
|
|
v-model="CityAry" style="width: 100%">
|
|
|
</el-cascader>
|
|
|
</el-col>
|
|
|
@@ -191,7 +198,7 @@
|
|
|
<el-form-item label="通信地址" prop="LinkProvince">
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
- <el-cascader :options="countryoptions" :props="countryprops" :readonly="true" filterable
|
|
|
+ <el-cascader :options="countryoptions" :props="countryprops" :disabled="true" filterable
|
|
|
:class="changedForm['LinkProvince'] || changedForm['LinkCity'] || changedForm['LinkStreet'] ? 'modified-form-input' : ''" placeholder="省市区"
|
|
|
v-model="LinkCityAry" maxlength="20" style="width: 100%">
|
|
|
</el-cascader>
|
|
|
@@ -226,7 +233,7 @@
|
|
|
<el-form-item label="公司类型" prop="CompanyType">
|
|
|
<!--<el-input v-model="formData.CompanyType" placeholder="请输入" style="width: 100%"></el-input>-->
|
|
|
<el-select v-model="formData.CompanyType" maxlength="50" filterable allow-create
|
|
|
- :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :readonly="true" placeholder="请选择"
|
|
|
+ :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :disabled="true" placeholder="请选择"
|
|
|
style="width: 100%;">
|
|
|
<el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value"
|
|
|
style="width: 100%">
|
|
|
@@ -343,9 +350,16 @@
|
|
|
</el-col>
|
|
|
|
|
|
</el-row>
|
|
|
+ <el-row v-if="accessedType.includes('02')">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="进津备案通知书">
|
|
|
+ <el-input v-model="formData.TjinNotify" :readonly="true" placeholder="请输入" style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
|
|
|
- <el-form label-position="top" ref="EntityFormCert" :model="formData">
|
|
|
+ <el-form class="formDataInfo" label-position="top" ref="EntityFormCert" :model="formData">
|
|
|
<el-row :gutter="60">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="质量管理体系认证情况及认证机构">
|
|
|
@@ -353,20 +367,27 @@
|
|
|
type="textarea" :class="changedForm['QualitySystemCert'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="8" v-if="accessedType.includes('01')">
|
|
|
<el-form-item label="产品质量认证情况及认证机构">
|
|
|
<el-input v-model="formData.ProductQualityCert" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
type="textarea" :class="changedForm['ProductQualityCert'] ? 'modified-form-input' : ''">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="8" v-if="!accessedType.includes('01')">
|
|
|
+ <el-form-item label="企业资质证书(编号 级别)">
|
|
|
+ <el-input v-model="formData.QualifCert" :readonly="this.formData.Status > '0'" placeholder="请输入" maxlength="200" type="textarea"
|
|
|
+ style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="!accessedType.includes('01')">
|
|
|
<el-form-item label="生产/制造许可证获证情况及编号">
|
|
|
<el-input v-model="formData.MaunLicense" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
type="textarea" :class="changedForm['MaunLicense'] ? 'modified-form-input' : ''"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="8" v-if="accessedType.includes('01')">
|
|
|
<el-form-item label="所代理制造商名称">
|
|
|
<el-input v-model="formData.MaunAgent" :readonly="true" maxlength="255" placeholder="请输入"
|
|
|
type="textarea" :class="changedForm['MaunAgent'] ? 'modified-form-input' : ''">
|
|
|
@@ -414,7 +435,7 @@
|
|
|
|
|
|
</el-form>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label="物资类">
|
|
|
+ <el-tab-pane label="物资类" v-if="accessedType.includes('01')">
|
|
|
<el-card class="box-card" style="margin-top: 10px;">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span style="font-weight: bold">企业资质</span>
|
|
|
@@ -514,7 +535,7 @@
|
|
|
</el-pagination>
|
|
|
</el-card>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label="基建类">
|
|
|
+ <el-tab-pane label="基建类" v-if="accessedType.includes('02')">
|
|
|
<el-card class="box-card" style="margin-top: 10px;">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span style="font-weight: bold">企业资质</span>
|
|
|
@@ -614,7 +635,7 @@
|
|
|
</el-pagination>
|
|
|
</el-card>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label="服务类">
|
|
|
+ <el-tab-pane label="服务类" v-if="accessedType.includes('03')">
|
|
|
<el-card class="box-card" style="margin-top: 10px;">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span style="font-weight: bold">企业资质</span>
|
|
|
@@ -863,6 +884,8 @@
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ OperTypeOptions: [],
|
|
|
+ accessedType: [], // 已准入的类别:物资类、服务类、基建类
|
|
|
firOptions: [],
|
|
|
btnloading: false,
|
|
|
sizeProject: 10,
|
|
|
@@ -1078,7 +1101,7 @@
|
|
|
QualifCertLevel: '',
|
|
|
SafetyLicense: '',
|
|
|
TechServiceLic: '',
|
|
|
- TJInNotify: '',
|
|
|
+ TjinNotify: '',
|
|
|
SpecIndustryCert: '',
|
|
|
LegalPerson: '',
|
|
|
CategoryCode: '',
|
|
|
@@ -1162,6 +1185,7 @@
|
|
|
this.serviceId = this.$route.params.opera
|
|
|
this.InfoStatus = this.$route.query.InfoStatus
|
|
|
this.infoId = this.serviceId
|
|
|
+ this.getAccessedType()
|
|
|
this.initDatas()
|
|
|
this.auditget()
|
|
|
this.getDictOptions()
|
|
|
@@ -1172,6 +1196,18 @@
|
|
|
this.getAccessCardNo()
|
|
|
},
|
|
|
methods: {
|
|
|
+ getAccessedType () {
|
|
|
+ if (this.SuppId > 0) {
|
|
|
+ api.GetAccessedType(this.SuppId, this.$axios)
|
|
|
+ .then(res => {
|
|
|
+ console.log('已准入的类别', res.data)
|
|
|
+ this.accessedType = res.data
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
InfoStatusBool () {
|
|
|
if (this.InfoStatus === '10' || this.InfoStatus === '-10' || this.InfoStatus === '-1' ||
|
|
|
this.InfoStatus === '-2' || this.InfoStatus === '-5') {
|
|
|
@@ -1764,6 +1800,7 @@
|
|
|
this.dictData = res.data.items
|
|
|
this.ManagementUnitOptions = this.dictData['ManagementUnit']
|
|
|
this.UnitRelationOptions = this.dictData['UnitRelation']
|
|
|
+ this.OperTypeOptions = this.dictData['OperType']
|
|
|
this.InOptions = this.dictData['InOptions']
|
|
|
this.CompanyTypeOptions = this.dictData['CompanyType']
|
|
|
this.getCityList(this.dictData['GaodeMapChinaAreas'])
|
|
|
@@ -1950,4 +1987,26 @@
|
|
|
width:140px;
|
|
|
height: 60px;
|
|
|
}
|
|
|
+ .formDataInfo .el-input__inner[readonly]{
|
|
|
+ border-color:#DCDFE6;
|
|
|
+ }
|
|
|
+ .formDataInfo .el-input__inner[readonly]:focus{
|
|
|
+ border-color:#DCDFE6;
|
|
|
+ }
|
|
|
+ .formDataInfo .el-textarea__inner[readonly]{
|
|
|
+ border-color:#DCDFE6;
|
|
|
+ }
|
|
|
+ .formDataInfo .el-textarea__inner[readonly]:focus{
|
|
|
+ border-color:#DCDFE6;
|
|
|
+ }
|
|
|
+ .formDataInfo .el-input__inner[disabled]{
|
|
|
+ color:black;
|
|
|
+ opacity: 1;
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ .formDataInfo .el-textarea__inner[disabled]{
|
|
|
+ color:black;
|
|
|
+ opacity: 1;
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
</style>
|