|
|
@@ -18,54 +18,56 @@
|
|
|
</router-link>
|
|
|
</span>
|
|
|
</div>
|
|
|
- <el-card>
|
|
|
- <el-form label-width="135px" ref="formData" :model="formData">
|
|
|
- <el-row>
|
|
|
-
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="供方名称" prop="SupplierName" style="color:red;">
|
|
|
- <!-- <el-autocomplete class="inline-input" v-model="formData.SupplierName" :readonly="true"
|
|
|
+ <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-row>
|
|
|
+
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="供方名称" prop="SupplierName" style="color:red;">
|
|
|
+ <!-- <el-autocomplete class="inline-input" v-model="formData.SupplierName" :readonly="true"
|
|
|
:fetch-suggestions="querySearch" :maxlength="255" placeholder="请输入内容" style="width: 100%"
|
|
|
@select="handleSelect" v-if="authUser && authUser.Profile.IsCompanyUser == 1">
|
|
|
</el-autocomplete> -->
|
|
|
- <el-input v-model="formData.SupplierName" :maxlength="255" :readonly="true" placeholder="请输入"
|
|
|
- style="width: 100%" :class="getchange('SupplierName') ? 'modified-form-input' : ''"
|
|
|
- v-if="!authUser || authUser.Profile.IsCompanyUser == 0">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="准入编码">
|
|
|
- <el-input v-model="formData.WZAccessCardNo" :readonly="true" placeholder="请输入" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="单位关系">
|
|
|
- <el-select ref="SpecType" v-model="formData.SpecTypeCode"
|
|
|
- :class="getchange('SpecTypeCode') ? 'modified-form-input' : ''" :readonly="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="getchange('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-input v-model="formData.SupplierName" :maxlength="255" :readonly="true" placeholder="请输入"
|
|
|
+ style="width: 100%" :class="getchange('SupplierName') ? 'modified-form-input' : ''"
|
|
|
+ v-if="!authUser || authUser.Profile.IsCompanyUser == 0">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="准入编码">
|
|
|
+ <el-input v-model="formData.WZAccessCardNo" :readonly="true" placeholder="请输入" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="单位关系">
|
|
|
+ <el-select ref="SpecType" v-model="formData.SpecTypeCode"
|
|
|
+ :class="getchange('SpecTypeCode') ? 'modified-form-input' : ''" :readonly="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="getchange('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%">
|
|
|
@@ -75,317 +77,361 @@
|
|
|
</el-form-item>
|
|
|
</el-col> -->
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="管理单位">
|
|
|
- <el-select filterable v-model="formData.MgrUnit" maxlength="255" :readonly="true"
|
|
|
- :class="getchange('MgrUnit') ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
- <el-option v-for="item in ManagementUnitOptions" :key="item.Value" :label="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="getchange('PACNumber') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </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%"
|
|
|
- :class="getchange('CredentialFlag') ? 'modified-form-input' : ''">
|
|
|
- <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label-width="150px" label="统一社会信用代码" prop="CommercialNo">
|
|
|
- <el-input v-model="formData.CommercialNo" maxlength="50" :readonly="true"
|
|
|
- :class="getchange('CommercialNo') ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </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"
|
|
|
- :class="getchange('CountryTaxNo') ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="组织机构代码" prop="OrganCode" v-if="showorhidflag=='show'">
|
|
|
- <el-input v-model="formData.OrganCode" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('OrganCode') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="注册地址" prop="Province">
|
|
|
- <el-row>
|
|
|
- <el-col :span="10">
|
|
|
- <el-cascader :options="countryoptions" :props="countryprops" maxlength="20"
|
|
|
- :class="getchange('Province') ? 'modified-form-input' : ''" :readonly="true" placeholder="省市区"
|
|
|
- v-model="CityAry" style="width: 100%">
|
|
|
- </el-cascader>
|
|
|
- </el-col>
|
|
|
- <el-col :span="14">
|
|
|
- <el-input v-model="formData.Address" maxlength="500" :readonly="true" placeholder="详细地址"
|
|
|
- style="width: 100%" :class="getchange('Address') ? 'modified-form-input' : ''">
|
|
|
- </el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="邮编" prop="ZipCode">
|
|
|
- <el-input v-model="formData.ZipCode" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('ZipCode') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="通信地址" prop="LinkProvince">
|
|
|
- <el-row>
|
|
|
- <el-col :span="10">
|
|
|
- <el-cascader :options="countryoptions" :props="countryprops" :readonly="true"
|
|
|
- :class="getchange('LinkProvince') ? 'modified-form-input' : ''" placeholder="省市区"
|
|
|
- v-model="LinkCityAry" maxlength="20" style="width: 100%">
|
|
|
- </el-cascader>
|
|
|
- </el-col>
|
|
|
- <el-col :span="14">
|
|
|
- <el-input v-model="formData.LinkAddress" maxlength="500" :readonly="true" placeholder="详细地址"
|
|
|
- style="width: 100%" :class="getchange('LinkAddress') ? 'modified-form-input' : ''">
|
|
|
- </el-input>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="邮编" prop="LinkZipCode">
|
|
|
- <el-input v-model="formData.LinkZipCode" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('LinkZipCode') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="法定代表人姓名" prop="LegalPerson">
|
|
|
- <el-input v-model="formData.LegalPerson" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('LegalPerson') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <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="getchange('CompanyType') ? 'modified-form-input' : ''" :readonly="true" placeholder="请选择"
|
|
|
- style="width: 100%;">
|
|
|
- <el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value"
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="管理单位">
|
|
|
+ <el-select filterable v-model="formData.MgrUnit" maxlength="255" :readonly="true"
|
|
|
+ :class="getchange('MgrUnit') ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
+ <el-option v-for="item in ManagementUnitOptions" :key="item.Value" :label="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="getchange('PACNumber') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </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%"
|
|
|
+ :class="getchange('CredentialFlag') ? 'modified-form-input' : ''">
|
|
|
+ <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label-width="150px" label="统一社会信用代码" prop="CommercialNo">
|
|
|
+ <el-input v-model="formData.CommercialNo" maxlength="50" :readonly="true"
|
|
|
+ :class="getchange('CommercialNo') ? 'modified-form-input' : ''" placeholder="请输入"
|
|
|
style="width: 100%">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="注册资本" prop="RegCapital">
|
|
|
- <el-input type="number" v-model="formData.RegCapital" :min="1" :readonly="true"
|
|
|
- :class="getchange('RegCapital') ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
- <template slot="append">万元</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="成立时间">
|
|
|
- <el-date-picker v-model="formData.SetupTime" type="date" :readonly="true"
|
|
|
- :class="getchange('SetupTime') ? 'modified-form-input' : ''" format="yyyy 年 MM 月 dd 日"
|
|
|
- value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="开户银行" prop="DepositBank">
|
|
|
- <el-input v-model="formData.DepositBank" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('DepositBank') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="银行账号" prop="BankAccount">
|
|
|
- <el-input v-model="formData.BankAccount" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('BankAccount') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="联系人姓名" prop="ContactName">
|
|
|
- <el-input v-model="formData.ContactName" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('ContactName') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="移动电话" prop="Mobile">
|
|
|
- <el-input v-model="formData.Mobile" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('Mobile') ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="固定电话" prop="Telphone">
|
|
|
- <el-input v-model="formData.Telphone" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('Telphone') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="传真" prop="Fax">
|
|
|
- <el-input v-model="formData.Fax" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('Fax') ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="财务电话" prop="CompanyTel">
|
|
|
- <el-input v-model="formData.CompanyTel" :readonly="true" placeholder="请输入" maxlength="20"
|
|
|
- :class="getchange('CompanyTel') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="电子邮箱" prop="EMail">
|
|
|
- <el-input v-model="formData.EMail" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
- :class="getchange('EMail') ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="银行信用等级">
|
|
|
- <el-input v-model="formData.BankCreditRating" maxlength="10" :readonly="true"
|
|
|
- :class="getchange('BankCreditRating') ? 'modified-form-input' : ''" placeholder="请输入"
|
|
|
- style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </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"
|
|
|
+ :class="getchange('CountryTaxNo') ? 'modified-form-input' : ''" placeholder="请输入"
|
|
|
+ style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="组织机构代码" prop="OrganCode" v-if="showorhidflag=='show'">
|
|
|
+ <el-input v-model="formData.OrganCode" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('OrganCode') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="注册地址" prop="Province">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-cascader :options="countryoptions" :props="countryprops" maxlength="20"
|
|
|
+ :class="getchange('Province') ? 'modified-form-input' : ''" :readonly="true" placeholder="省市区"
|
|
|
+ v-model="CityAry" style="width: 100%">
|
|
|
+ </el-cascader>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="14">
|
|
|
+ <el-input v-model="formData.Address" maxlength="500" :readonly="true" placeholder="详细地址"
|
|
|
+ style="width: 100%" :class="getchange('Address') ? 'modified-form-input' : ''">
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="邮编" prop="ZipCode">
|
|
|
+ <el-input v-model="formData.ZipCode" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('ZipCode') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="通信地址" prop="LinkProvince">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-cascader :options="countryoptions" :props="countryprops" :readonly="true"
|
|
|
+ :class="getchange('LinkProvince') ? 'modified-form-input' : ''" placeholder="省市区"
|
|
|
+ v-model="LinkCityAry" maxlength="20" style="width: 100%">
|
|
|
+ </el-cascader>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="14">
|
|
|
+ <el-input v-model="formData.LinkAddress" maxlength="500" :readonly="true" placeholder="详细地址"
|
|
|
+ style="width: 100%" :class="getchange('LinkAddress') ? 'modified-form-input' : ''">
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="邮编" prop="LinkZipCode">
|
|
|
+ <el-input v-model="formData.LinkZipCode" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('LinkZipCode') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="法定代表人姓名" prop="LegalPerson">
|
|
|
+ <el-input v-model="formData.LegalPerson" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('LegalPerson') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <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="getchange('CompanyType') ? 'modified-form-input' : ''" :readonly="true" placeholder="请选择"
|
|
|
+ style="width: 100%;">
|
|
|
+ <el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value"
|
|
|
+ style="width: 100%">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="注册资本" prop="RegCapital">
|
|
|
+ <el-input type="number" v-model="formData.RegCapital" :min="1" :readonly="true"
|
|
|
+ :class="getchange('RegCapital') ? 'modified-form-input' : ''" placeholder="请输入" style="width: 100%">
|
|
|
+ <template slot="append">万元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="成立时间">
|
|
|
+ <el-date-picker v-model="formData.SetupTime" type="date" :readonly="true"
|
|
|
+ :class="getchange('SetupTime') ? 'modified-form-input' : ''" format="yyyy 年 MM 月 dd 日"
|
|
|
+ value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="开户银行" prop="DepositBank">
|
|
|
+ <el-input v-model="formData.DepositBank" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('DepositBank') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="银行账号" prop="BankAccount">
|
|
|
+ <el-input v-model="formData.BankAccount" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('BankAccount') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="联系人姓名" prop="ContactName">
|
|
|
+ <el-input v-model="formData.ContactName" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('ContactName') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="移动电话" prop="Mobile">
|
|
|
+ <el-input v-model="formData.Mobile" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('Mobile') ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="固定电话" prop="Telphone">
|
|
|
+ <el-input v-model="formData.Telphone" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('Telphone') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="传真" prop="Fax">
|
|
|
+ <el-input v-model="formData.Fax" maxlength="20" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('Fax') ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="财务电话" prop="CompanyTel">
|
|
|
+ <el-input v-model="formData.CompanyTel" :readonly="true" placeholder="请输入" maxlength="20"
|
|
|
+ :class="getchange('CompanyTel') ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="电子邮箱" prop="EMail">
|
|
|
+ <el-input v-model="formData.EMail" maxlength="50" :readonly="true" placeholder="请输入"
|
|
|
+ :class="getchange('EMail') ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="银行信用等级">
|
|
|
+ <el-input v-model="formData.BankCreditRating" maxlength="10" :readonly="true"
|
|
|
+ :class="getchange('BankCreditRating') ? 'modified-form-input' : ''" placeholder="请输入"
|
|
|
+ style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <!-- <el-col :span="8">
|
|
|
+ <!-- <el-col :span="8">
|
|
|
<el-form-item label="级别">
|
|
|
<el-input v-model="formData.Level" maxlength="255" placeholder="请输入" style="width: 100%"
|
|
|
:class="getchange('Level') ? 'modified-form-input' : ''">
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col> -->
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="HSE审查培训">
|
|
|
- <!--<el-input v-model="formData.HseTraining" placeholder="请输入" style="width: 100%"></el-input>-->
|
|
|
- <el-select v-model="formData.HseTraining" :readonly="true" placeholder="请选择"
|
|
|
- :class="getchange('HseTraining') ? 'modified-form-input' : ''" style="width: 100%;">
|
|
|
- <el-option v-for="item in HSEOptions" :key="item.value" :label="item.label" :value="item.value"
|
|
|
- style="width: 100%">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
-
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <el-form label-position="top" ref="EntityFormCert" :model="formData">
|
|
|
- <el-row :gutter="60">
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="质量管理体系认证情况及认证机构">
|
|
|
- <el-input v-model="formData.QualitySystemCert" :readonly="true" maxlength="200" placeholder="请输入"
|
|
|
- type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="产品质量认证情况及认证机构">
|
|
|
- <el-input v-model="formData.ProductQualityCert" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
- type="textarea" :class="IsModified ? 'modified-form-input' : ''">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="生产/制造许可证获证情况及编号">
|
|
|
- <el-input v-model="formData.MaunLicense" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
- type="textarea" :class="IsModified ? 'modified-form-input' : ''"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="所代理制造商名称">
|
|
|
- <el-input v-model="formData.AgentManufacturer" :readonly="true" maxlength="255" placeholder="请输入"
|
|
|
- type="textarea" :class="IsModified ? 'modified-form-input' : ''">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="中石油物资供应商证书">
|
|
|
- <el-input v-model="formData.SupplierCertificate" :readonly="true" maxlength="255" placeholder="请输入"
|
|
|
- style="width: 100%" :class="IsModified ? 'modified-form-input' : ''">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="安全生产许可证">
|
|
|
- <el-input v-model="formData.SafetyLicense" :readonly="true" maxlength="200" placeholder="请输入"
|
|
|
- type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="行业特殊要求的认证证书">
|
|
|
- <el-input v-model="formData.SpecIndustryCert" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
- type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="营业范围" prop="BusinessScope">
|
|
|
- <el-input v-model="formData.BusinessScope" :readonly="true" maxlength="200" placeholder="请输入"
|
|
|
- type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="备注">
|
|
|
- <el-input v-model="formData.Remark" :readonly="true" maxlength="500" placeholder="请输入" type="textarea"
|
|
|
- :class="IsModified ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- </el-form>
|
|
|
- </el-card>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="HSE审查培训">
|
|
|
+ <!--<el-input v-model="formData.HseTraining" placeholder="请输入" style="width: 100%"></el-input>-->
|
|
|
+ <el-select v-model="formData.HseTraining" :readonly="true" placeholder="请选择"
|
|
|
+ :class="getchange('HseTraining') ? 'modified-form-input' : ''" style="width: 100%;">
|
|
|
+ <el-option v-for="item in HSEOptions" :key="item.value" :label="item.label" :value="item.value"
|
|
|
+ style="width: 100%">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <el-form label-position="top" ref="EntityFormCert" :model="formData">
|
|
|
+ <el-row :gutter="60">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="质量管理体系认证情况及认证机构">
|
|
|
+ <el-input v-model="formData.QualitySystemCert" :readonly="true" maxlength="200" placeholder="请输入"
|
|
|
+ type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="产品质量认证情况及认证机构">
|
|
|
+ <el-input v-model="formData.ProductQualityCert" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
+ type="textarea" :class="IsModified ? 'modified-form-input' : ''">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="生产/制造许可证获证情况及编号">
|
|
|
+ <el-input v-model="formData.MaunLicense" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
+ type="textarea" :class="IsModified ? 'modified-form-input' : ''"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="所代理制造商名称">
|
|
|
+ <el-input v-model="formData.AgentManufacturer" :readonly="true" maxlength="255" placeholder="请输入"
|
|
|
+ type="textarea" :class="IsModified ? 'modified-form-input' : ''">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="中石油物资供应商证书">
|
|
|
+ <el-input v-model="formData.SupplierCertificate" :readonly="true" maxlength="255" placeholder="请输入"
|
|
|
+ style="width: 100%" :class="IsModified ? 'modified-form-input' : ''">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="安全生产许可证">
|
|
|
+ <el-input v-model="formData.SafetyLicense" :readonly="true" maxlength="200" placeholder="请输入"
|
|
|
+ type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="行业特殊要求的认证证书">
|
|
|
+ <el-input v-model="formData.SpecIndustryCert" :readonly="true" placeholder="请输入" maxlength="200"
|
|
|
+ type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="营业范围" prop="BusinessScope">
|
|
|
+ <el-input v-model="formData.BusinessScope" :readonly="true" maxlength="200" placeholder="请输入"
|
|
|
+ type="textarea" :class="IsModified ? 'modified-form-input' : ''" style="width: 100%"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="备注">
|
|
|
+ <el-input v-model="formData.Remark" :readonly="true" maxlength="500" placeholder="请输入" type="textarea"
|
|
|
+ :class="IsModified ? 'modified-form-input' : ''" style="width: 100%">
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="企业资质">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <el-table :data="businessList" border>
|
|
|
+ <el-table-column prop="Code" label="分类编码" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="Name" label="分类名称" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="Remark" label="备注" show-overflow-tooltip></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ <el-card class="box-card" style="margin-top: 10px;">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span style="font-weight: bold">企业资质</span>
|
|
|
+ </div>
|
|
|
+ <el-table :data="subfileList" border>
|
|
|
+ <el-table-column prop="NeedFileType" label="文件分类" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column prop="OldFileName" label="原文件" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <a :href="'http://'+fileurlcut(scope.row.OldFileUrl)" target="_blank"
|
|
|
+ class="buttonText">{{scope.row.OldFileName}}</a>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="OldEffectDate" label="原有效日期" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ jstimehandle(scope.row.OldEffectDate+'') }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="FileName" label="变更后文件" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <a :href="'http://'+fileurlcut(scope.row.FileUrl)" target="_blank"
|
|
|
+ class="buttonText">{{scope.row.FileName}}</a>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="EffectDate" label="变更后有效日期" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ jstimehandle(scope.row.EffectDate+'') }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="Remark" label="描述" show-overflow-tooltip></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
</el-card>
|
|
|
+
|
|
|
<el-dialog title="审核" :visible.sync="commitshow">
|
|
|
<el-form label-width="120px" :model="shenheForm" ref="EntityFormref">
|
|
|
<el-row>
|
|
|
@@ -439,6 +485,34 @@
|
|
|
|
|
|
data() {
|
|
|
return {
|
|
|
+ SubfileForm: {
|
|
|
+ Id: '',
|
|
|
+ SupplierId: '',
|
|
|
+ SupplierCertId: '',
|
|
|
+ SupplierTypeCode: '',
|
|
|
+ SupplierCertSubId: '',
|
|
|
+ CertSubName: '',
|
|
|
+ NeedFileType: '',
|
|
|
+ NeedFileCode: '',
|
|
|
+ FileType: '',
|
|
|
+ FileExt: '',
|
|
|
+ FileName: '',
|
|
|
+ EffectDate: new Date(),
|
|
|
+ FileUrl: '',
|
|
|
+ OldFileName: '',
|
|
|
+ OldEffectDate: new Date(),
|
|
|
+ OldFileUrl: '',
|
|
|
+ OtherRemark: '',
|
|
|
+ FileUrlList: [],
|
|
|
+ OldFileUrlList: [],
|
|
|
+ Remark: '',
|
|
|
+ IsDelete: 0
|
|
|
+ },
|
|
|
+ visible: false,
|
|
|
+ Title: '编辑',
|
|
|
+ activeName: '',
|
|
|
+ subfileList: [], //资质
|
|
|
+ businessList: [], //准入业务
|
|
|
entrydetail: {
|
|
|
process: "oil_info_change",
|
|
|
business: "",
|
|
|
@@ -658,7 +732,9 @@
|
|
|
this.auditget()
|
|
|
this.GetItemsDatas()
|
|
|
this.getDictOptions()
|
|
|
-
|
|
|
+ this.getfilelist()
|
|
|
+ this.getbusList()
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
initDatas() {
|
|
|
@@ -691,12 +767,50 @@
|
|
|
this.entrydetail.instance = this.Infomain[0].WorkFlowId + ''
|
|
|
this.entrydetail.Status = this.Infomain[0].Status + ''
|
|
|
}
|
|
|
- console.log("---ent",this.entrydetail)
|
|
|
+ console.log("---ent", this.entrydetail)
|
|
|
})
|
|
|
.catch(err => {
|
|
|
console.error(err);
|
|
|
});
|
|
|
},
|
|
|
+ getfilelist() {
|
|
|
+ let _this = this
|
|
|
+ const params = {
|
|
|
+ SupplierId: this.SuppId,
|
|
|
+ SupplierTypeCode: '',
|
|
|
+ _currentPage: 1,
|
|
|
+ _size: 1000,
|
|
|
+ }
|
|
|
+ _this.$axios.get('qualchange/auditfilelist', {
|
|
|
+ params
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ _this.subfileList = res.data.items
|
|
|
+ _this.currentItemCount = res.data.currentItemCount
|
|
|
+ console.log("----this.subfileList---", this.subfileList)
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getbusList() {
|
|
|
+ let _this = this
|
|
|
+ const params = {
|
|
|
+ SupplierId: this.SuppId,
|
|
|
+ SupplierTypeCode: '',
|
|
|
+ _currentPage: 1,
|
|
|
+ _size: 1000
|
|
|
+ }
|
|
|
+ this.$axios.get('suppliercertsub/list', {
|
|
|
+ params
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ _this.businessList = res.data.items
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
getchange(key) {
|
|
|
if (this.infochangedata) {
|
|
|
for (var i = 0; i < this.infochangedata.length; i++) {
|