|
|
@@ -0,0 +1,1167 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <el-breadcrumb class="heading">
|
|
|
+ <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item :to="{ path: '/oilsupplier/infochange' }">供方基本信息表</el-breadcrumb-item>
|
|
|
+ <el-breadcrumb-item>编辑</el-breadcrumb-item>
|
|
|
+ </el-breadcrumb>
|
|
|
+ <el-card class="box-card">
|
|
|
+ <div slot="header">
|
|
|
+ <span>
|
|
|
+ <i class="icon icon-table2"></i> 编辑
|
|
|
+ </span>
|
|
|
+ <span style="float: right;">
|
|
|
+ <el-button type="primary" size="mini" style="margin-left: 8px" @click="saveinfochange">保存</el-button>
|
|
|
+ <!-- <el-button type="primary" size="mini" style="margin-left: 8px" @click="auhistory">审批历史</el-button> -->
|
|
|
+ <el-button type="primary" size="mini" @click="submitInfoChange"
|
|
|
+ v-if="(InfoStatus == 0 || InfoStatus == '' || InfoStatus == -2 || InfoStatus == 3) && !butnab">提交申请
|
|
|
+ </el-button>
|
|
|
+ <router-link :to="'/oilsupplier/infochangech'">
|
|
|
+ <el-button type="primary" size="mini" style="margin-left: 8px">返回</el-button>
|
|
|
+ </router-link>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-card>
|
|
|
+ <el-form label-width="135px" ref="formData" :model="formData" :rules="rulesform" :disabled="disabled">
|
|
|
+ <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="companyReadonly"
|
|
|
+ :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" @change="inputCompanyName"
|
|
|
+ :readonly="!canUpdateSupplier" 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="!canUpdateSupplier" 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' : ''" :disabled="!canUpdateSupplier"
|
|
|
+ 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="请选择" 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="!canUpdateSupplier" 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 filterable v-model="formData.MgrUnit" maxlength="255" :readonly="!canUpdateSupplier"
|
|
|
+ :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="!canUpdateSupplier" 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="请选择" @change="showorhid" 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="!canUpdateSupplier"
|
|
|
+ :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="!canUpdateSupplier"
|
|
|
+ :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="!canUpdateSupplier" 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="!canUpdateSupplier"
|
|
|
+ placeholder="省市区" v-model="CityAry" style="width: 100%" @change="handleAreaChange">
|
|
|
+ </el-cascader>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="14">
|
|
|
+ <el-input v-model="formData.Address" maxlength="500" 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="!canUpdateSupplier" 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="!canUpdateSupplier"
|
|
|
+ :class="getchange('LinkProvince') ? 'modified-form-input' : ''" placeholder="省市区"
|
|
|
+ v-model="LinkCityAry" maxlength="20" style="width: 100%" @change="handleLinkAreaChange">
|
|
|
+ </el-cascader>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="14">
|
|
|
+ <el-input v-model="formData.LinkAddress" maxlength="500" 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="!canUpdateSupplier" 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="!canUpdateSupplier" 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' : ''" :disabled="!canUpdateSupplier"
|
|
|
+ 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="!canUpdateSupplier"
|
|
|
+ :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="!canUpdateSupplier"
|
|
|
+ :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="!canUpdateSupplier" 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="!canUpdateSupplier" 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="!canUpdateSupplier" 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="!canUpdateSupplier" 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="!canUpdateSupplier" 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="!canUpdateSupplier" 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="!canUpdateSupplier" 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="!canUpdateSupplier" 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="!canUpdateSupplier"
|
|
|
+ :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="级别">
|
|
|
+ <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="!canUpdateSupplier" 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" :rules="rulesform" :model="formData" :disabled="disabled">
|
|
|
+ <el-row :gutter="60">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="质量管理体系认证情况及认证机构">
|
|
|
+ <el-input v-model="formData.QualitySystemCert" 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" 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" 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" 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" 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" 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" 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" 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" 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-card>
|
|
|
+
|
|
|
+ <el-dialog title="提交申请" :visible.sync="commitshow" width="360px">
|
|
|
+ <el-form label-width="90px" :model="entityForm" ref="EntityFormref">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="初审人员">
|
|
|
+ <el-input ref="selectAuditer" readonly v-model="auditerName" placeholder="请选择初审人">
|
|
|
+ <el-button slot="append" icon="el-icon-search" @click="chooseAuditorShow"></el-button>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="复审人员">
|
|
|
+ <el-select ref="selectAuditer" v-model="fushenauditer" placeholder="请选择复审人" style="width: 100%" filterable
|
|
|
+ allow-create default-first-option>
|
|
|
+ <el-option v-for="item in secauditerOptions" :key="item.id" :label="item.realname" :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="说明">
|
|
|
+ <el-input v-model="entityForm.Remark" type="textarea" placeholder="请输入说明内容"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <span style="float: right;margin-top:-10px;">
|
|
|
+ <el-button size="small" @click="commitshow = false">取 消</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="addInfoChangeAudit()">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ <br>
|
|
|
+ </el-dialog>
|
|
|
+ <choose-auditor ref="chooseAuditor" @close="setAuditer" @hideChooseAuditer="chooseAuditorVisible=false"
|
|
|
+ :visible="chooseAuditorVisible"></choose-auditor>
|
|
|
+ <el-dialog title="审批历史" :visible.sync="audithistoryshow" width="1200px">
|
|
|
+ <wf-back-history ref="WfBackHistory" :entryinfo="backhistroy"></wf-back-history>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {
|
|
|
+ mapGetters
|
|
|
+ } from 'vuex'
|
|
|
+ import _ from 'lodash';
|
|
|
+ import supplierapi from '@/api/oilsupplier/supplier';
|
|
|
+ import api from '@/api/oilsupplier/infochange';
|
|
|
+ import WfBackHistory from '@/components/workflow/wfbackhistory.vue'
|
|
|
+ import ChooseAuditor from '@/components/oilsupplier/chooseauditor'
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ WfBackHistory,
|
|
|
+ ChooseAuditor
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters({
|
|
|
+ authUser: 'authUser'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ name: 'oilinfochangeEdit',
|
|
|
+ props: {
|
|
|
+ formData: {
|
|
|
+ type: Object,
|
|
|
+ default: {}
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ formData: {
|
|
|
+ handler(newValue) {
|
|
|
+ this.comparevalue(newValue)
|
|
|
+
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ var checkemail = (rule, value, callback) => {
|
|
|
+ console.log(value)
|
|
|
+ if (value) {
|
|
|
+ let re = /^([a-zA-Z0-9]+[_|-|.|-]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.|-]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/
|
|
|
+ if (!re.test(value)) {
|
|
|
+ callback(new Error('请输入正确的邮箱地址'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var checkCommercialNo = (rule, value, callback) => {
|
|
|
+ console.log("showorhidflag" + this.showorhidflag)
|
|
|
+ if (!value) {
|
|
|
+ callback(new Error('请输入统一社会信用代码'));
|
|
|
+ } else {
|
|
|
+ if (this.showorhidflag == 'hid') {
|
|
|
+ let re = /^[^_IOZSVa-z\W]{2}\d{6}[^_IOZSVa-z\W]{10}$/g
|
|
|
+ if (!re.test(value)) {
|
|
|
+ callback(new Error('请输入正确的统一社会信用代码'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ //查找是否有公司信息,若有则补全信息。
|
|
|
+ var checkSupplierName = (rule, value, callback) => {
|
|
|
+ if (!value) {
|
|
|
+ callback(new Error('请输入供方名称'));
|
|
|
+ } else {
|
|
|
+ //this.searchSupplierName();
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ //检查邮编格式
|
|
|
+ var checkZipCode = (rule, value, callback) => {
|
|
|
+ if (!value) {
|
|
|
+ callback(new Error('请输入邮编'));
|
|
|
+ } else {
|
|
|
+ let re = /^[1-9]\d{5}$/
|
|
|
+ if (!re.test(value)) {
|
|
|
+ callback(new Error('请输入正确的邮编'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ //检查手机号
|
|
|
+ var checkMobile = (rule, value, callback) => {
|
|
|
+ if (!value) {
|
|
|
+ callback(new Error('请输入手机号码'));
|
|
|
+ } else {
|
|
|
+ let re = /^1[3456789]\d{9}$/
|
|
|
+ if (!re.test(value)) {
|
|
|
+ callback(new Error('请输入正确的手机号码'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ //固话检验
|
|
|
+ var checkTelphone = (rule, value, callback) => {
|
|
|
+ if (!value) {
|
|
|
+ callback(new Error('请输入固话号码'));
|
|
|
+ } else {
|
|
|
+ let re = /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/
|
|
|
+ if (!re.test(value)) {
|
|
|
+ callback(new Error('请输入正确的固话格式为:0000-0000000'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ secauditerOptions: [],
|
|
|
+ infochangedata: [],
|
|
|
+ infochangedatalist: [],
|
|
|
+ copyformdata: '',
|
|
|
+ IsModified: false,
|
|
|
+ showorhidflag: 'hid',
|
|
|
+ selectoptions: [{
|
|
|
+ value: '1',
|
|
|
+ label: '三证合一'
|
|
|
+ }, {
|
|
|
+ value: '2',
|
|
|
+ label: '五证合一',
|
|
|
+ }, {
|
|
|
+ value: '3',
|
|
|
+ label: '常规'
|
|
|
+ }],
|
|
|
+ disabled: false,
|
|
|
+ canUpdateSupplier: true,
|
|
|
+ audithistoryshow: false,
|
|
|
+ companynames: [],
|
|
|
+ ManagementUnitOptions: [],
|
|
|
+ UnitRelationOptions: [],
|
|
|
+ InOptions: [],
|
|
|
+ CompanyTypeOptions: [],
|
|
|
+ UnitRelationAry: [],
|
|
|
+ countryoptions: [],
|
|
|
+ countryListOptions: [],
|
|
|
+ countryprops: {
|
|
|
+ value: 'adcode',
|
|
|
+ label: 'name',
|
|
|
+ children: 'districts'
|
|
|
+ },
|
|
|
+ CityAry: [],
|
|
|
+ LinkCityAry: [],
|
|
|
+ HSEOptions: [{
|
|
|
+ value: '1',
|
|
|
+ label: '是'
|
|
|
+ }, {
|
|
|
+ value: '0',
|
|
|
+ label: '否'
|
|
|
+ }],
|
|
|
+ entityForm: {
|
|
|
+ Id: '',
|
|
|
+ SupplierName: '',
|
|
|
+ SupplierId: '',
|
|
|
+ SupplierTypeName: '',
|
|
|
+ FirstAudit: '',
|
|
|
+ auditer: '',
|
|
|
+ fushenauditer: '',
|
|
|
+ MInfoId: '',
|
|
|
+ Remark: ''
|
|
|
+ },
|
|
|
+ backhistroy: {
|
|
|
+ certId: '',
|
|
|
+ classId: '04',
|
|
|
+ workflowId: ''
|
|
|
+ },
|
|
|
+ infoitemsoptions: [{
|
|
|
+ value: 'SupplierName',
|
|
|
+ label: '企业名称'
|
|
|
+ }, {
|
|
|
+ value: 'OilCertificateNo',
|
|
|
+ label: '中石油供应商证书号'
|
|
|
+ }, {
|
|
|
+ value: 'Grade',
|
|
|
+ label: '级别'
|
|
|
+ }, {
|
|
|
+ value: 'MgrUnit',
|
|
|
+ label: '管理单位'
|
|
|
+ }, {
|
|
|
+ value: 'OperType',
|
|
|
+ label: '经营方式'
|
|
|
+ }],
|
|
|
+ orgtreeprops: {
|
|
|
+ value: 'id',
|
|
|
+ label: 'Fullname',
|
|
|
+ children: 'children'
|
|
|
+ },
|
|
|
+ dictData: '',
|
|
|
+ formData: {
|
|
|
+ Id: '',
|
|
|
+ SupplierName: '',
|
|
|
+ OilCertificateNo: '',
|
|
|
+ Grade: '',
|
|
|
+ MgrUnit: '',
|
|
|
+ OperType: '',
|
|
|
+ Country: '',
|
|
|
+ MaunAgent: '',
|
|
|
+ ConstructTeam: '',
|
|
|
+ CommercialNo: '',
|
|
|
+ OrganCode: '',
|
|
|
+ CountryTaxNo: '',
|
|
|
+ LocalTaxNo: '',
|
|
|
+ Address: '',
|
|
|
+ Province: '',
|
|
|
+ City: '',
|
|
|
+ Street: '',
|
|
|
+ HouseNo: '',
|
|
|
+ ZipCode: '',
|
|
|
+ LinkAddress: '',
|
|
|
+ LinkProvince: '',
|
|
|
+ LinkCity: '',
|
|
|
+ LinkStreet: '',
|
|
|
+ LinkHouseNo: '',
|
|
|
+ LinkZipCode: '',
|
|
|
+ QualitySystemCert: '',
|
|
|
+ ProductQualityCert: '',
|
|
|
+ MaunLicense: '',
|
|
|
+ QualifCert: '',
|
|
|
+ QualifCertLevel: '',
|
|
|
+ SafetyLicense: '',
|
|
|
+ TechServiceLic: '',
|
|
|
+ TJInNotify: '',
|
|
|
+ SpecIndustryCert: '',
|
|
|
+ LegalPerson: '',
|
|
|
+ CategoryCode: '',
|
|
|
+ CategoryName: '',
|
|
|
+ RegCapital: '',
|
|
|
+ Currency: '',
|
|
|
+ ContactName: '',
|
|
|
+ CompanyType: '',
|
|
|
+ SetupTime: null,
|
|
|
+ DepositBank: '',
|
|
|
+ BankAccount: '',
|
|
|
+ EMail: '',
|
|
|
+ BankCreditRating: '',
|
|
|
+ Mobile: '',
|
|
|
+ Telphone: '',
|
|
|
+ Fax: '',
|
|
|
+ CompanyTel: '',
|
|
|
+ QQ: '',
|
|
|
+ CompanyUrl: '',
|
|
|
+ SpecSupplier: '',
|
|
|
+ SpecTypeCode: '',
|
|
|
+ SpecTypeName: '',
|
|
|
+ WorkerTotal: 0,
|
|
|
+ ContractNum: 0,
|
|
|
+ UniversityNum: 0,
|
|
|
+ TechnicalNum: 0,
|
|
|
+ AboveProfNum: 0,
|
|
|
+ MiddleProfNum: 0,
|
|
|
+ NationalRegNum: 0,
|
|
|
+ NationalCertTotal: 0,
|
|
|
+ DesignerTotal: 0,
|
|
|
+ SkillerTotal: 0,
|
|
|
+ Remark: '',
|
|
|
+ // IsDelete: '',
|
|
|
+ // CreateOn: '',
|
|
|
+ // CreateUserId: '',
|
|
|
+ // CreateBy: '',
|
|
|
+ // ModifiedOn: '',
|
|
|
+ // ModifiedUserId: '',
|
|
|
+ // ModifiedBy: '',
|
|
|
+ CertId: 0,
|
|
|
+ SupplierTypeCode: '',
|
|
|
+ SupplierTypeName: '',
|
|
|
+ Step: 0,
|
|
|
+ HseTraining: '0',
|
|
|
+ AuditIndex: 0,
|
|
|
+ PACNumber: ""
|
|
|
+ },
|
|
|
+ chooseAuditorVisible: false,
|
|
|
+ fushenauditer: '', //复审人员
|
|
|
+ auditer: '',
|
|
|
+ auditerName: '',
|
|
|
+ supplierId: '',
|
|
|
+ auditerOption: [],
|
|
|
+ commitshow: false,
|
|
|
+ InfoData: [],
|
|
|
+ AddChangeShow: false,
|
|
|
+ UnitRelationOptions: [],
|
|
|
+ UnitRelationAry: [],
|
|
|
+ countryoptions: [],
|
|
|
+ selectuserlist: [],
|
|
|
+ countryprops: {
|
|
|
+ value: 'adcode',
|
|
|
+ label: 'name',
|
|
|
+ children: 'districts'
|
|
|
+ },
|
|
|
+ infochangeItemList: [],
|
|
|
+ infochangeForm: {
|
|
|
+ SelectItem: '',
|
|
|
+ BeChangeInfo: '',
|
|
|
+ ChangeInfo: '',
|
|
|
+ },
|
|
|
+ serviceId: '',
|
|
|
+ certId: '',
|
|
|
+ InfoStatus: '',
|
|
|
+ butnab: false,
|
|
|
+ MInfoId: '',
|
|
|
+ rulesform: {
|
|
|
+ Mobile: [{
|
|
|
+ required: true,
|
|
|
+ validator: checkMobile,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+
|
|
|
+ Telphone: [{
|
|
|
+ required: true,
|
|
|
+ validator: checkTelphone,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ BusinessScope: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入营业范围',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ ZipCode: [{
|
|
|
+ required: true,
|
|
|
+ validator: checkZipCode,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ LinkZipCode: [{
|
|
|
+ required: true,
|
|
|
+ validator: checkZipCode,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ SupplierName: [{
|
|
|
+ required: true,
|
|
|
+ validator: checkSupplierName,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ Country: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入国家',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ CommercialNo: [{
|
|
|
+ required: true,
|
|
|
+ validator: checkCommercialNo,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ CountryTaxNo: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入税务登记证编号',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ CompanyType: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择公司类型',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ LegalPerson: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入法定代表人姓名',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ Province: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择省市区',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ Address: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入注册地址',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ EMail: [{
|
|
|
+ required: false,
|
|
|
+ validator: checkemail,
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ OrganCode: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入组织机构代码',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+
|
|
|
+ RegCapital: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入注册资本',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ DepositBank: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入开户银行',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ BankAccount: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入银行账号',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ ContactName: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入联系人姓名',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ CompanyTel: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入财务电话',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+
|
|
|
+ LinkProvince: [{
|
|
|
+ required: true,
|
|
|
+ message: '请选择省市区',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ LinkAddress: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入通信地址',
|
|
|
+ trigger: 'change'
|
|
|
+ }],
|
|
|
+ realname: [{
|
|
|
+ required: true,
|
|
|
+ message: '用户名',
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.serviceId = this.$route.params.opera
|
|
|
+ this.supplierId = this.serviceId
|
|
|
+ this.InfoStatus = this.$route.query.InfoStatus
|
|
|
+ this.MInfoId = this.$route.query.infoId
|
|
|
+ this.backhistroy.certId = this.MInfoId
|
|
|
+ this.formData.Id = this.serviceId
|
|
|
+ this.initDatas()
|
|
|
+ this.GetItemsDatas()
|
|
|
+ this.getDictOptions()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ initDatas() {
|
|
|
+ if (this.formData.Id) {
|
|
|
+ api.GetChangeEntity(this.formData.Id, this.$axios)
|
|
|
+ .then(res => {
|
|
|
+ this.formData = res.data;
|
|
|
+ this.copyformdata = _.cloneDeep(this.formData);
|
|
|
+ this.CityAry = []
|
|
|
+ this.CityAry.push(this.formData.Province)
|
|
|
+ this.CityAry.push(this.formData.City)
|
|
|
+ this.CityAry.push(this.formData.Street)
|
|
|
+ this.LinkCityAry = []
|
|
|
+ this.LinkCityAry.push(this.formData.LinkProvince)
|
|
|
+ this.LinkCityAry.push(this.formData.LinkCity)
|
|
|
+ this.LinkCityAry.push(this.formData.LinkStreet)
|
|
|
+ console.log("this.formData", this.formData)
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getchange(key) {
|
|
|
+ if (this.infochangedata) {
|
|
|
+ for (var i = 0; i < this.infochangedata.length; i++) {
|
|
|
+ if (this.infochangedata[i].SelectItem == key) {
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ GetItemsDatas() {
|
|
|
+ if (this.MInfoId) {
|
|
|
+ api.getEntityThen(this.MInfoId, this.$axios)
|
|
|
+ .then(res => {
|
|
|
+ this.infochangedata = res.data.items;
|
|
|
+ console.log("this.infochangedata", this.infochangedata)
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ comparevalue(newValue) {
|
|
|
+ let _this = this
|
|
|
+ _this.infochangeItemList = []
|
|
|
+ _.forEach(newValue, function (value, key) {
|
|
|
+ if (_this.copyformdata[key] != value) {
|
|
|
+ _this.infochangeForm = {}
|
|
|
+ _this.infochangeForm.SelectItem = key
|
|
|
+ _this.infochangeForm.ChangeInfo = value
|
|
|
+ _this.infochangeForm.BeChangeInfo = _this.copyformdata[key]
|
|
|
+ _this.infochangeItemList.push(_this.infochangeForm)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ console.log("-3--", _this.infochangeItemList)
|
|
|
+ },
|
|
|
+ showorhid(val) {
|
|
|
+ console.log(val)
|
|
|
+ if (val == '1' || val == '2') {
|
|
|
+ this.showorhidflag = 'hid'
|
|
|
+ } else {
|
|
|
+ this.showorhidflag = 'show'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSelect(item) {
|
|
|
+
|
|
|
+ },
|
|
|
+ inputCompanyName(val) {
|
|
|
+
|
|
|
+ },
|
|
|
+ getDictOptions() {
|
|
|
+ let params = {
|
|
|
+ status: this.formData.Status,
|
|
|
+ majorAduit: this.formData.ThirdAudit
|
|
|
+ }
|
|
|
+ supplierapi.getDictListByStatus(params, this.$axios).then(res => {
|
|
|
+ this.dictData = res.data.items
|
|
|
+ this.ManagementUnitOptions = this.dictData['ManagementUnit']
|
|
|
+ this.UnitRelationOptions = this.dictData['UnitRelation']
|
|
|
+ this.InOptions = this.dictData['InOptions']
|
|
|
+ this.CompanyTypeOptions = this.dictData['CompanyType']
|
|
|
+ this.getCityList(this.dictData['GaodeMapChinaAreas'])
|
|
|
+ this.getCountryList(this.dictData['CountryList'])
|
|
|
+ let suppliers = this.dictData['CompanyNames']
|
|
|
+ for (let idx in suppliers) {
|
|
|
+ suppliers[idx]['value'] = suppliers[idx].SupplierName
|
|
|
+ this.companynames.push(suppliers[idx])
|
|
|
+ }
|
|
|
+ if (this.authUser && this.authUser.Profile.IsCompanyUser === 1 && this.companynames.length > 0) {
|
|
|
+ if (!this.formData.Id) {
|
|
|
+ this.formData.SupplierName = ''
|
|
|
+ }
|
|
|
+ this.companyReadonly = true
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //审批历史
|
|
|
+ auhistory() {
|
|
|
+ this.audithistoryshow = true
|
|
|
+ },
|
|
|
+ //保存信息变更数据
|
|
|
+ saveinfochange() {
|
|
|
+ let AllInfochangeItemList = {
|
|
|
+ SupplierId: this.serviceId,
|
|
|
+ MInfoId: this.MInfoId,
|
|
|
+ InfochangeForm: this.infochangeItemList
|
|
|
+ }
|
|
|
+ console.log("save", AllInfochangeItemList)
|
|
|
+
|
|
|
+ api.addInfoChangeItemCh(AllInfochangeItemList, this.$axios).then(res => {
|
|
|
+ if (res.data.code === 0) {
|
|
|
+ //保存成功后,初始化数据,变成修改
|
|
|
+ this.initDatas();
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.data.message
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: res.data.message
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ setAuditer(val, name) {
|
|
|
+ this.auditer = val
|
|
|
+ this.auditerName = name
|
|
|
+ this.chooseAuditorVisible = false
|
|
|
+ },
|
|
|
+ chooseAuditorShow() {
|
|
|
+ this.$refs['chooseAuditor'].getorgtreelist()
|
|
|
+ this.chooseAuditorVisible = true
|
|
|
+ },
|
|
|
+ getCityList(val) {
|
|
|
+ let resultData = JSON.parse(val)
|
|
|
+ let countstr = JSON.stringify(resultData.districts[0].districts)
|
|
|
+ countstr = countstr.replace(/\,\"districts\"\:\[\]/g, '')
|
|
|
+ this.countryoptions = JSON.parse(countstr)
|
|
|
+ },
|
|
|
+ getCountryList(val) {
|
|
|
+ let tmpJson = JSON.parse(val)
|
|
|
+ this.countryListOptions = []
|
|
|
+ for (let idx in tmpJson) {
|
|
|
+ this.countryListOptions.push({
|
|
|
+ label: tmpJson[idx].split('-')[0],
|
|
|
+ value: tmpJson[idx].split('-')[1],
|
|
|
+ code: tmpJson[idx].split('-')[2],
|
|
|
+ key: tmpJson[idx]
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setAuditer(val, name) {
|
|
|
+ this.auditer = val;
|
|
|
+ this.auditerName = name;
|
|
|
+ this.chooseAuditorVisible = false;
|
|
|
+ this.auditOrgChang(this.auditer)
|
|
|
+ },
|
|
|
+ auditOrgChang(val) {
|
|
|
+ let auditstepcode = "SECOND_TRIAL";
|
|
|
+ supplierapi.getAuditerByFirst(val, auditstepcode, this.$axios)
|
|
|
+ .then(res => {
|
|
|
+ this.secauditerOptions = res.data.item
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleAreaChange(value) {
|
|
|
+ this.formData.Province = value[0]
|
|
|
+ this.formData.City = value[1]
|
|
|
+ this.formData.Street = value[2]
|
|
|
+ //this.formData.ZipCode = value[2]
|
|
|
+ },
|
|
|
+ handleLinkAreaChange(value) {
|
|
|
+ this.formData.LinkProvince = value[0]
|
|
|
+ this.formData.LinkCity = value[1]
|
|
|
+ this.formData.LinkStreet = value[2]
|
|
|
+ //this.formData.LinkZipCode = value[2]
|
|
|
+ },
|
|
|
+ //提交信息变更审核
|
|
|
+ submitInfoChange() {
|
|
|
+ this.commitshow = true
|
|
|
+ },
|
|
|
+ addInfoChangeAudit() {
|
|
|
+ if (this.auditer === "") {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "请选择初审人!"
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (this.fushenauditer === "") {
|
|
|
+ this.$message({
|
|
|
+ type: "warning",
|
|
|
+ message: "请选择复审人!"
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.entityForm.fushenauditer = this.fushenauditer
|
|
|
+ this.entityForm.auditer = this.auditer
|
|
|
+ this.entityForm.MInfoId = this.MInfoId + ""
|
|
|
+ console.log("==this.entityForm====", this.entityForm)
|
|
|
+ api.commitAuditEntity(this.supplierId, this.entityForm, this.$axios).then(res => {
|
|
|
+ if (res.data.code === 0) {
|
|
|
+ // 保存成功后,初始化数据,变成修改
|
|
|
+ this.initDatas()
|
|
|
+ this.commitshow = false
|
|
|
+ this.butnab = true
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.data.message
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: res.data.message
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //删除信息变更项
|
|
|
+ deleteEntity(row) {
|
|
|
+ api.deleteEntity(row.Id, this.$axios).then(res => {
|
|
|
+ if (res.data.code === 0) {
|
|
|
+ this.initDatas();
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: res.data.message
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'warning',
|
|
|
+ message: res.data.message
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(err => {
|
|
|
+ console.error(err)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getCityList(val) {
|
|
|
+ let resultData = JSON.parse(val)
|
|
|
+ let countstr = JSON.stringify(resultData.districts[0].districts)
|
|
|
+ countstr = countstr.replace(/\,\"districts\"\:\[\]/g, '')
|
|
|
+ this.countryoptions = JSON.parse(countstr)
|
|
|
+ },
|
|
|
+ jstimehandle(val) {
|
|
|
+ if (val === '') {
|
|
|
+ return '----'
|
|
|
+ } else if (val === '0001-01-01T08:00:00+08:00') {
|
|
|
+ return '----'
|
|
|
+ } else if (val === '5000-01-01T23:59:59+08:00') {
|
|
|
+ return '永久'
|
|
|
+ } else {
|
|
|
+ val = val.replace('T', ' ')
|
|
|
+ return val.substring(0, 10)
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ formatDateTime(date) {
|
|
|
+ var y = date.getFullYear();
|
|
|
+ var m = date.getMonth() + 1;
|
|
|
+ m = m < 10 ? ('0' + m) : m;
|
|
|
+ var d = date.getDate();
|
|
|
+ d = d < 10 ? ('0' + d) : d;
|
|
|
+ var h = date.getHours();
|
|
|
+ var minute = date.getMinutes();
|
|
|
+ minute = minute < 10 ? ('0' + minute) : minute;
|
|
|
+ return y + '-' + m + '-' + d + ' ' + h + ':' + minute;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ .modified-form-input {
|
|
|
+ .el-input__inner {
|
|
|
+ background-color: wheat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|