前端: 增项申请各个类别的表格字段是否可编辑进行控制

src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplierappend/_opera/basisdataopera.vue

@@ -2,13 +2,13 @@
   <div>
     <el-breadcrumb class="heading">
       <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/oilsupplier/supplierappend/basislist' }">基建类列表</el-breadcrumb-item>
-      <el-breadcrumb-item>编辑</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/oilsupplier/supplierappend/basislist' }">基建类增项申请列表</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> {{supplierData.SupplierName}}
+          <i class="icon icon-table2"></i> &nbsp;{{supplierData.SupplierName}}
         </span>
         <span style="float: right;">
           <el-popover>
@@ -43,7 +43,7 @@
                  v-model="activeName"
                  style="margin-top: -10px">
           <el-tab-pane label="企业信息">
-            <el-form label-width="135px" ref="supplierData" :model="supplierData" :rules="rulesform" :disabled="disabled">
+            <el-form class="formDataInfo" label-width="135px" ref="supplierData" :model="supplierData" :rules="rulesform" :disabled="disabled">
               <el-row>
 
                 <el-col :span="16">
@@ -52,10 +52,10 @@
                                :maxlength="255" placeholder="请输入内容" style="width: 100%"  @select="handleSelect" v-if="authUser && authUser.Profile.IsCompanyUser == 1">
               </el-autocomplete> -->
                     <el-input :class="changedForm['SupplierName'] ? 'modified-form-input' : ''"
-                              v-model="supplierData.SupplierName" :maxlength="255" placeholder="请输入" style="width: 100%"
+                              v-model="supplierData.SupplierName" :maxlength="255" placeholder="请输入" style="width: 100%" :readonly="currentStatus > 0"
                               v-if="authUser && authUser.Profile.IsCompanyUser == 1">
                     </el-input>
-                    <el-input v-model="supplierData.SupplierName" :maxlength="255"
+                    <el-input v-model="supplierData.SupplierName" :maxlength="255" :readonly="currentStatus > 0"
                               placeholder="请输入" style="width: 100%" v-if="!authUser || authUser.Profile.IsCompanyUser == 0">
                     </el-input>
                   </el-form-item>
@@ -72,7 +72,7 @@
                 <el-col :span="8">
                   <el-form-item label="单位关系">
                     <el-select ref="SpecType" v-model="supplierData.SpecTypeCode"
-                               :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''" placeholder="请选择"
+                               :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''" placeholder="请选择" :disabled="currentStatus > 0"
                                style="width: 100%">
                       <el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key" :value="item.Value">
                       </el-option>
@@ -92,7 +92,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="三证合一">
-                    <el-select v-model="supplierData.CredentialFlag" placeholder="请选择" @change="showorhid" style="width: 100%"
+                    <el-select v-model="supplierData.CredentialFlag" placeholder="请选择" @change="showorhid" style="width: 100%" :disabled="currentStatus > 0"
                                :class="changedForm['CredentialFlag'] ? 'modified-form-input' : ''">
                       <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
                       </el-option>
@@ -112,7 +112,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="税务登记证编号" prop="CountryTaxNo" v-if="showorhidflag=='show'">
-                    <el-input v-model="supplierData.CountryTaxNo" maxlength="50"
+                    <el-input v-model="supplierData.CountryTaxNo" maxlength="50" :readonly="currentStatus > 0"
                               :class="changedForm['CountryTaxNo'] ? 'modified-form-input' : ''" placeholder="请输入"
                               style="width: 100%">
                     </el-input>
@@ -121,7 +121,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="组织机构代码" prop="OrganCode" v-if="showorhidflag=='show'">
-                    <el-input v-model="supplierData.OrganCode" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.OrganCode" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['OrganCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -132,13 +132,13 @@
                   <el-form-item label="注册地址" prop="Province">
                     <el-row>
                       <el-col :span="10">
-                        <el-cascader ref="cascaderAdd" :options="countryoptions" :props="countryprops" maxlength="20" filterable
+                        <el-cascader ref="cascaderAdd" :options="countryoptions" :props="countryprops" maxlength="20" filterable :disabled="currentStatus > 0"
                                      :class="changedForm['Province'] || changedForm['City'] || changedForm['Street'] ? 'modified-form-input' : ''"
                                      placeholder="省市区" v-model="CityAry" style="width: 100%" @change="handleAreaChange">
                         </el-cascader>
                       </el-col>
                       <el-col :span="14">
-                        <el-input v-model="supplierData.Address" maxlength="500" placeholder="详细地址" style="width: 100%"
+                        <el-input v-model="supplierData.Address" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="currentStatus > 0"
                                   :class="changedForm['Address'] ? 'modified-form-input' : ''">
                         </el-input>
                       </el-col>
@@ -147,7 +147,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="邮编" prop="ZipCode">
-                    <el-input v-model="supplierData.ZipCode" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.ZipCode" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['ZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -158,14 +158,14 @@
                   <el-form-item label="通信地址" prop="LinkProvince">
                     <el-row>
                       <el-col :span="10">
-                        <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops" filterable
+                        <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops" filterable :disabled="currentStatus > 0"
                                      :class="changedForm['LinkProvince'] || changedForm['LinkCity'] || changedForm['LinkStreet'] ? '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="supplierData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%"
+                        <el-input v-model="supplierData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="currentStatus > 0"
                                   :class="changedForm['LinkAddress'] ? 'modified-form-input' : ''">
                         </el-input>
                       </el-col>
@@ -174,7 +174,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="邮编" prop="LinkZipCode">
-                    <el-input v-model="supplierData.LinkZipCode" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.LinkZipCode" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['LinkZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -184,7 +184,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="法定代表人姓名" prop="LegalPerson">
-                    <el-input v-model="supplierData.LegalPerson" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.LegalPerson" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['LegalPerson'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -194,7 +194,7 @@
                   <el-form-item label="公司类型" prop="CompanyType">
                     <!--<el-input v-model="supplierData.CompanyType" placeholder="请输入" style="width: 100%"></el-input>-->
                     <el-select v-model="supplierData.CompanyType" maxlength="50" filterable allow-create
-                               :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :disabled="!canUpdateSupplier"
+                               :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :disabled="currentStatus > 0"
                                placeholder="请选择" style="width: 100%;">
                       <el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value"
                                  style="width: 100%">
@@ -206,7 +206,7 @@
                 <el-col :span="8">
                   <el-form-item label="注册资本" prop="RegCapital">
                     <el-input type="number"  v-model="supplierData.RegCapital"
-                              :class="changedForm['RegCapital'] ? 'modified-form-input' : ''" placeholder="请输入"
+                              :class="changedForm['RegCapital'] ? 'modified-form-input' : ''" placeholder="请输入" :readonly="currentStatus > 0"
                               style="width: 100%">
                       <template slot="append">万元</template>
                     </el-input>
@@ -216,7 +216,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="成立时间" prop="SetupTime">
-                    <el-date-picker v-model="supplierData.SetupTime" type="date"
+                    <el-date-picker v-model="supplierData.SetupTime" type="date" :readonly="currentStatus > 0"
                                     :class="changedForm['SetupTime'] ? 'modified-form-input' : ''" format="yyyy 年 MM 月 dd 日"
                                     value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%">
                     </el-date-picker>
@@ -225,7 +225,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="开户银行" prop="DepositBank">
-                    <el-input v-model="supplierData.DepositBank" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.DepositBank" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['DepositBank'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -233,7 +233,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="银行账号" prop="BankAccount">
-                    <el-input v-model="supplierData.BankAccount" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.BankAccount" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['BankAccount'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -242,7 +242,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="联系人姓名" prop="ContactName">
-                    <el-input v-model="supplierData.ContactName" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.ContactName" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['ContactName'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -250,14 +250,14 @@
 
                 <el-col :span="8">
                   <el-form-item label="移动电话" prop="Mobile">
-                    <el-input v-model="supplierData.Mobile" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.Mobile" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.Telphone" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.Telphone" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['Telphone'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -266,21 +266,21 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="传真" prop="Fax">
-                    <el-input v-model="supplierData.Fax" maxlength="20" placeholder="区号-0000000"
+                    <el-input v-model="supplierData.Fax" maxlength="20" placeholder="区号-0000000" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.CompanyTel" placeholder="区号-0000000" maxlength="20"
+                    <el-input v-model="supplierData.CompanyTel" placeholder="区号-0000000" maxlength="20" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.EMail" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.EMail" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['EMail'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                   </el-form-item>
                 </el-col>
@@ -288,7 +288,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="银行信用等级">
-                    <el-input v-model="supplierData.BankCreditRating" maxlength="10"
+                    <el-input v-model="supplierData.BankCreditRating" maxlength="10" :readonly="currentStatus > 0"
                               :class="changedForm['BankCreditRating'] ? 'modified-form-input' : ''" placeholder="请输入"
                               style="width: 100%">
                     </el-input>
@@ -298,7 +298,7 @@
                 <el-col :span="8">
                   <el-form-item label="HSE审查培训">
                     <!--<el-input v-model="supplierData.HseTraining" placeholder="请输入" style="width: 100%"></el-input>-->
-                    <el-select v-model="supplierData.HseTraining" placeholder="请选择"
+                    <el-select v-model="supplierData.HseTraining" placeholder="请选择" :disabled="currentStatus > 0"
                                :class="changedForm['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%">
@@ -311,18 +311,18 @@
               </el-row>
             </el-form>
 
-            <el-form label-position="top" ref="EntityFormCert" :rules="rulesform" :model="supplierData" :disabled="disabled">
+            <el-form class="formDataInfo" label-position="top" ref="EntityFormCert" :rules="rulesform" :model="supplierData">
               <el-row :gutter="60">
                 <el-col :span="8">
                   <el-form-item label="质量管理体系认证情况及认证机构">
-                    <el-input v-model="supplierData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['QualitySystemCert'] ? '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="supplierData.ProductQualityCert" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.ProductQualityCert" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['ProductQualityCert'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
@@ -333,11 +333,9 @@
                               :class="changedForm['MaunLicense'] ? 'modified-form-input' : ''"></el-input>
                   </el-form-item>
                 </el-col>
-              </el-row>
-              <el-row>
                 <el-col :span="8">
                   <el-form-item label="所代理制造商名称">
-                    <el-input v-model="supplierData.MaunAgent" maxlength="255" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.MaunAgent" maxlength="255" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['MaunAgent'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
@@ -345,7 +343,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="中石油物资供应商证书">
-                    <el-input v-model="supplierData.SupplierCertificate" maxlength="255" type="textarea" placeholder="请输入" style="width: 100%"
+                    <el-input v-model="supplierData.SupplierCertificate" maxlength="255" type="textarea" placeholder="请输入" style="width: 100%" :readonly="currentStatus > 0"
                               :class="changedForm['SupplierCertificate'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
@@ -353,37 +351,32 @@
 
                 <el-col :span="8">
                   <el-form-item label="安全生产许可证">
-                    <el-input v-model="supplierData.SafetyLicense" maxlength="200" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.SafetyLicense" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['SafetyLicense'] ? '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="行业特殊要求的认证证书">
-                    <el-input v-model="supplierData.SpecIndustryCert" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.SpecIndustryCert" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['SpecIndustryCert'] ? '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="supplierData.Remark" maxlength="500" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.Remark" maxlength="500" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['Remark'] ? '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="BusinessScope">
-                    <el-input v-model="supplierData.BusinessScope" placeholder="营业执照上的信息" type="textarea"
+                    <el-input v-model="supplierData.BusinessScope" placeholder="营业执照上的信息" :autosize="{minRows: 3}" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['BusinessScope'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
-
             </el-form>
           </el-tab-pane>
           <el-tab-pane label="增项信息">
@@ -393,7 +386,7 @@
                 <el-button style="float: right; padding: 3px 0" type="text"
                            v-if="currentStatus <= 0 && currentStatus != -5" @click="saveEntity()">保存信息</el-button>
               </div>
-              <el-form label-width="150px" ref="EntityForm" :rules="appendRules" :model="formData">
+              <el-form class="formDataInfo" label-width="150px" ref="EntityForm" :rules="appendRules" :model="formData">
                 <el-row>
                   <el-col :span="6">
                     <el-form-item label="供应商公司名称" prop="checkSelectedSupplier">
@@ -417,7 +410,7 @@
                   </el-col>
                   <el-col :span="12">
                     <el-form-item label="备注" prop="Remark">
-                      <el-input :disabled="currentStatus>0" type="textarea" v-model="formData.Remark"
+                      <el-input :readonly="currentStatus>0" type="textarea" v-model="formData.Remark"
                                 placeholder="请输入">
                       </el-input>
                     </el-form-item>
@@ -531,7 +524,7 @@
               <el-col :span="12">
                 <el-card class="box-card" style="margin-top: 10px;height: calc(100vh - 353px); margin-bottom: 5px">
                   <div slot="header">
-                    <span><i class="icon icon-table2"></i> 全部准入范围</span>
+                    <span><i class="icon icon-table2"></i> &nbsp;全部准入范围</span>
                     <div style="width: 250px; float: right">
                       <el-input size="mini" v-model="allAccessCodeSearch" style="width:70%; margin-right: 10px" clearable placeholder="准入编码"></el-input>
                       &nbsp;
@@ -550,7 +543,7 @@
                     <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-pagination :pager-count="5" @size-change="handleSizeChangeForAllAccess" @current-change="handleCurrentChangeForAllAccess"
+                  <el-pagination style="float: right; margin-top: 10px; margin-bottom: 10px" :pager-count="5" @size-change="handleSizeChangeForAllAccess" @current-change="handleCurrentChangeForAllAccess"
                                  :current-page="currentPageAllAccess" :page-sizes="[10, 50, 100, 200, 500]" :page-size="sizeAllAccess"
                                  layout="total, sizes, prev, pager, next, jumper" :total="currentItemCountAllAccess">
                   </el-pagination>
@@ -580,7 +573,7 @@
                     <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-pagination style="float: right" :pager-count="5" @size-change="handleSizeChangeForAddAccess" @current-change="handleCurrentChangeForAddAccess"
+                  <el-pagination style="float: right; margin-top: 10px; margin-bottom: 10px" :pager-count="5" @size-change="handleSizeChangeForAddAccess" @current-change="handleCurrentChangeForAddAccess"
                                  :current-page="currentPageAddAccess" :page-sizes="[10, 50, 100, 200, 500]" :page-size="sizeAddAccess"
                                  layout="total, sizes, prev, pager, next, jumper" :total="currentItemCountAddAccess">
                   </el-pagination>
@@ -1151,7 +1144,6 @@
           label: 'name',
           children: 'districts'
         },
-        canUpdateSupplier: true,
         countryoptions: [],
         showorhidflag: 'hid',
         CityAry: [],
@@ -3145,4 +3137,31 @@
     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>

src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplierappend/_opera/goodsdataopera.vue

@@ -2,13 +2,13 @@
   <div>
     <el-breadcrumb class="heading">
       <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/oilsupplier/supplierappend/goodslist' }">物资类列表</el-breadcrumb-item>
-      <el-breadcrumb-item>编辑</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/oilsupplier/supplierappend/goodslist' }">物资类增项申请列表</el-breadcrumb-item>
+      <el-breadcrumb-item>物资类</el-breadcrumb-item>
     </el-breadcrumb>
     <el-card class="box-card" v-loading="cardloading">
       <div slot="header">
         <span>
-          <i class="icon icon-table2"></i> {{supplierData.SupplierName}}
+          <i class="icon icon-table2"></i> &nbsp;{{supplierData.SupplierName}}
         </span>
         <span style="float: right;">
           <el-popover>
@@ -42,7 +42,7 @@
                  v-model="activeName"
                  style="margin-top: -10px">
           <el-tab-pane label="企业信息">
-            <el-form label-width="135px" ref="supplierData" :model="supplierData" :rules="rulesform" :disabled="disabled">
+            <el-form class="formDataInfo" label-width="135px" ref="supplierData" :model="supplierData" :rules="rulesform" :disabled="disabled">
               <el-row>
 
                 <el-col :span="16">
@@ -50,11 +50,11 @@
                     <!-- <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 :class="changedForm['SupplierName'] ? 'modified-form-input' : ''"
+                    <el-input :class="changedForm['SupplierName'] ? 'modified-form-input' : ''" :readonly="currentStatus > 0"
                               v-model="supplierData.SupplierName" :maxlength="255" placeholder="请输入" style="width: 100%"
                               v-if="authUser && authUser.Profile.IsCompanyUser == 1">
                     </el-input>
-                    <el-input v-model="supplierData.SupplierName" :maxlength="255"
+                    <el-input v-model="supplierData.SupplierName" :maxlength="255" :readonly="currentStatus > 0"
                               placeholder="请输入" style="width: 100%" v-if="!authUser || authUser.Profile.IsCompanyUser == 0">
                     </el-input>
                   </el-form-item>
@@ -85,7 +85,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="单位关系">
-                    <el-select ref="SpecType" v-model="supplierData.SpecTypeCode"
+                    <el-select ref="SpecType" v-model="supplierData.SpecTypeCode" :disabled="currentStatus > 0"
                                :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''" placeholder="请选择"
                                style="width: 100%">
                       <el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key" :value="item.Value">
@@ -95,7 +95,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="国家" prop="Country">
-                    <el-select v-model="supplierData.Country" filterable placeholder="请选择" style="width: 100%"
+                    <el-select v-model="supplierData.Country" filterable placeholder="请选择" style="width: 100%" :disabled="currentStatus > 0"
                                :class="changedForm['Country'] ? 'modified-form-input' : ''">
                       <el-option v-for="item in countryListOptions" :key="item.key" :label="item.value"
                                  :value="item.value">
@@ -150,7 +150,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="三证合一">
-                    <el-select v-model="supplierData.CredentialFlag" placeholder="请选择" @change="showorhid" style="width: 100%"
+                    <el-select v-model="supplierData.CredentialFlag" placeholder="请选择" @change="showorhid" style="width: 100%" :disabled="currentStatus > 0"
                                :class="changedForm['CredentialFlag'] ? 'modified-form-input' : ''">
                       <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
                       </el-option>
@@ -170,7 +170,7 @@
                 <el-col :span="8">
                   <el-form-item label="税务登记证编号" prop="CountryTaxNo" v-if="showorhidflag=='show'">
                     <el-input v-model="supplierData.CountryTaxNo" maxlength="50"
-                              :class="changedForm['CountryTaxNo'] ? 'modified-form-input' : ''" placeholder="请输入"
+                              :class="changedForm['CountryTaxNo'] ? 'modified-form-input' : ''" placeholder="请输入" :readonly="currentStatus > 0"
                               style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -179,7 +179,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="组织机构代码" prop="OrganCode" v-if="showorhidflag=='show'">
-                    <el-input v-model="supplierData.OrganCode" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.OrganCode" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['OrganCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -190,13 +190,13 @@
                   <el-form-item label="注册地址" prop="Province">
                     <el-row>
                       <el-col :span="10">
-                        <el-cascader ref="cascaderAdd" :options="countryoptions" :props="countryprops" maxlength="20" filterable
+                        <el-cascader ref="cascaderAdd" :options="countryoptions" :props="countryprops" maxlength="20" filterable :disabled="currentStatus > 0"
                                      :class="changedForm['Province'] || changedForm['City'] || changedForm['Street'] ? 'modified-form-input' : ''"
                                      placeholder="省市区" v-model="CityAry" style="width: 100%" @change="handleAreaChange">
                         </el-cascader>
                       </el-col>
                       <el-col :span="14">
-                        <el-input v-model="supplierData.Address" maxlength="500" placeholder="详细地址" style="width: 100%"
+                        <el-input v-model="supplierData.Address" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="currentStatus > 0"
                                   :class="changedForm['Address'] ? 'modified-form-input' : ''">
                         </el-input>
                       </el-col>
@@ -205,7 +205,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="邮编" prop="ZipCode">
-                    <el-input v-model="supplierData.ZipCode" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.ZipCode" maxlength="20" placeholder="请输入" :disabled="currentStatus > 0"
                               :class="changedForm['ZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -216,14 +216,14 @@
                   <el-form-item label="通信地址" prop="LinkProvince">
                     <el-row>
                       <el-col :span="10">
-                        <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops" filterable
+                        <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops" filterable :disabled="currentStatus > 0"
                                      :class="changedForm['LinkProvince'] || changedForm['LinkCity'] || changedForm['LinkStreet'] ? '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="supplierData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%"
+                        <el-input v-model="supplierData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="currentStatus > 0"
                                   :class="changedForm['LinkAddress'] ? 'modified-form-input' : ''">
                         </el-input>
                       </el-col>
@@ -232,7 +232,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="邮编" prop="LinkZipCode">
-                    <el-input v-model="supplierData.LinkZipCode" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.LinkZipCode" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['LinkZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -242,7 +242,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="法定代表人姓名" prop="LegalPerson">
-                    <el-input v-model="supplierData.LegalPerson" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.LegalPerson" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['LegalPerson'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -252,7 +252,7 @@
                   <el-form-item label="公司类型" prop="CompanyType">
                     <!--<el-input v-model="supplierData.CompanyType" placeholder="请输入" style="width: 100%"></el-input>-->
                     <el-select v-model="supplierData.CompanyType" maxlength="50" filterable allow-create
-                               :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :disabled="!canUpdateSupplier"
+                               :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :disabled="currentStatus > 0"
                                placeholder="请选择" style="width: 100%;">
                       <el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value"
                                  style="width: 100%">
@@ -263,7 +263,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="注册资本" prop="RegCapital">
-                    <el-input type="number"  v-model="supplierData.RegCapital"
+                    <el-input type="number"  v-model="supplierData.RegCapital" :readonly="currentStatus > 0"
                               :class="changedForm['RegCapital'] ? 'modified-form-input' : ''" placeholder="请输入"
                               style="width: 100%">
                       <template slot="append">万元</template>
@@ -274,7 +274,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="成立时间" prop="SetupTime">
-                    <el-date-picker v-model="supplierData.SetupTime" type="date"
+                    <el-date-picker v-model="supplierData.SetupTime" type="date" :readonly="currentStatus > 0"
                                     :class="changedForm['SetupTime'] ? 'modified-form-input' : ''" format="yyyy 年 MM 月 dd 日"
                                     value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%">
                     </el-date-picker>
@@ -283,7 +283,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="开户银行" prop="DepositBank">
-                    <el-input v-model="supplierData.DepositBank" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.DepositBank" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['DepositBank'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -291,7 +291,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="银行账号" prop="BankAccount">
-                    <el-input v-model="supplierData.BankAccount" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.BankAccount" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['BankAccount'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -300,7 +300,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="联系人姓名" prop="ContactName">
-                    <el-input v-model="supplierData.ContactName" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.ContactName" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['ContactName'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -308,14 +308,14 @@
 
                 <el-col :span="8">
                   <el-form-item label="移动电话" prop="Mobile">
-                    <el-input v-model="supplierData.Mobile" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.Mobile" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.Telphone" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.Telphone" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['Telphone'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -324,21 +324,21 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="传真" prop="Fax">
-                    <el-input v-model="supplierData.Fax" maxlength="20" placeholder="区号-0000000"
+                    <el-input v-model="supplierData.Fax" maxlength="20" placeholder="区号-0000000" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.CompanyTel" placeholder="区号-0000000" maxlength="20"
+                    <el-input v-model="supplierData.CompanyTel" placeholder="区号-0000000" maxlength="20" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.EMail" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.EMail" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['EMail'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                   </el-form-item>
                 </el-col>
@@ -346,7 +346,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="银行信用等级">
-                    <el-input v-model="supplierData.BankCreditRating" maxlength="10"
+                    <el-input v-model="supplierData.BankCreditRating" maxlength="10" :readonly="currentStatus > 0"
                               :class="changedForm['BankCreditRating'] ? 'modified-form-input' : ''" placeholder="请输入"
                               style="width: 100%">
                     </el-input>
@@ -356,7 +356,7 @@
                 <el-col :span="8">
                   <el-form-item label="HSE审查培训">
                     <!--<el-input v-model="supplierData.HseTraining" placeholder="请输入" style="width: 100%"></el-input>-->
-                    <el-select v-model="supplierData.HseTraining" placeholder="请选择"
+                    <el-select v-model="supplierData.HseTraining" placeholder="请选择" :disabled="currentStatus > 0"
                                :class="changedForm['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%">
@@ -369,31 +369,31 @@
               </el-row>
             </el-form>
 
-            <el-form label-position="top" ref="EntityFormCert" :rules="rulesform" :model="supplierData" :disabled="disabled">
+            <el-form class="formDataInfo" label-position="top" ref="EntityFormCert" :rules="rulesform" :model="supplierData" :disabled="disabled">
               <el-row :gutter="60">
                 <el-col :span="8">
                   <el-form-item label="质量管理体系认证情况及认证机构">
-                    <el-input v-model="supplierData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['QualitySystemCert'] ? '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="supplierData.ProductQualityCert" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.ProductQualityCert" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['ProductQualityCert'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="生产/制造许可证获证情况及编号">
-                    <el-input v-model="supplierData.MaunLicense" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.MaunLicense" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['MaunLicense'] ? 'modified-form-input' : ''"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="所代理制造商名称">
-                    <el-input v-model="supplierData.MaunAgent" maxlength="255" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.MaunAgent" maxlength="255" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['MaunAgent'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
@@ -401,7 +401,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="中石油物资供应商证书">
-                    <el-input v-model="supplierData.SupplierCertificate" maxlength="255" type="textarea" placeholder="请输入" style="width: 100%"
+                    <el-input v-model="supplierData.SupplierCertificate" maxlength="255" type="textarea" placeholder="请输入" style="width: 100%" :readonly="currentStatus > 0"
                               :class="changedForm['SupplierCertificate'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
@@ -409,7 +409,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="安全生产许可证">
-                    <el-input v-model="supplierData.SafetyLicense" maxlength="200" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.SafetyLicense" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['SafetyLicense'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -417,21 +417,21 @@
 
                 <el-col :span="8">
                   <el-form-item label="行业特殊要求的认证证书">
-                    <el-input v-model="supplierData.SpecIndustryCert" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.SpecIndustryCert" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['SpecIndustryCert'] ? '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="supplierData.Remark" maxlength="500" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.Remark" maxlength="500" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['Remark'] ? '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="supplierData.BusinessScope" placeholder="营业执照上的信息" type="textarea"
+                    <el-input v-model="supplierData.BusinessScope" placeholder="营业执照上的信息" type="textarea" :autosize="{minRows: 3}" :readonly="currentStatus > 0"
                               :class="changedForm['BusinessScope'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                   </el-form-item>
                 </el-col>
@@ -446,7 +446,7 @@
                 <el-button style="float: right; padding: 3px 0" type="text"
                            v-if="currentStatus <= 0 && currentStatus != -5" @click="saveEntity()">保存信息</el-button>
               </div>
-              <el-form label-width="150px" ref="EntityForm" :rules="appendRules" :model="formData">
+              <el-form class="formDataInfo" label-width="150px" ref="EntityForm" :rules="appendRules" :model="formData">
                 <el-row>
                   <el-col :span="6">
                     <el-form-item label="供应商公司名称" prop="checkSelectedSupplier">
@@ -474,7 +474,7 @@
                   </el-col>
                   <el-col :span="12">
                     <el-form-item label="备注" prop="Remark">
-                      <el-input :disabled="currentStatus>0" type="textarea" v-model="formData.Remark" placeholder="请输入">
+                      <el-input :readonly="currentStatus>0" type="textarea" v-model="formData.Remark" placeholder="请输入">
                       </el-input>
                     </el-form-item>
                   </el-col>
@@ -722,47 +722,6 @@
         <el-button type="primary" @click="makesure()">确 定</el-button>
       </div>
     </el-dialog>
-    <!-- 增项分类添加、修改 -->
-    <!--<el-dialog :title="dialogTitle" :visible.sync="dialogVisible">-->
-
-      <!--<el-form label-width="150px" v-loading="dialogloading" ref="dialogFormData" :rules="sortEntityFormRules" :model="dialogFormData">-->
-        <!--<el-row style="margin-top: -10px">-->
-          <!--<el-col :span="12">-->
-            <!--<el-input v-if="!switchstatus" v-model="filterText" placeholder="请输入名称或代码" size="mini"-->
-              <!--style="width: 250px;"></el-input>-->
-            <!--<el-input v-if="switchstatus" v-model="searchText" placeholder="请输入名称或代码" size="mini" style="width: 250px;">-->
-            <!--</el-input>-->
-            <!--<el-button style="float: right;" type="primary" size="mini" @click="getsectreelist()"-->
-              <!--:disabled="!switchstatus">查询</el-button>-->
-            <!--<el-switch v-model="switchstatus" size="mini"></el-switch>-->
-          <!--</el-col>-->
-        <!--</el-row>-->
-        <!--<el-row :gutter="20" style="height: calc(100vh - 450px); overflow: auto; margin-top:20px">-->
-          <!--<el-col :span="20">-->
-            <!--<el-tree v-show="!switchstatus" highlight-current :expand-on-click-node="true" node-key="CodeName"-->
-              <!--:data="orgtreelist" :props="orgtreeprops" ref="orgmanagetree" check-on-click-node show-checkbox lazy-->
-              <!--:load="getChildrens" :filter-node-method="filterNode">-->
-            <!--</el-tree>-->
-            <!--<el-tree v-show="switchstatus" ref="secmanagetree" :data="sectreelist" show-checkbox check-on-click-node-->
-              <!--node-key="CodeName" :props="sectreeprops">-->
-            <!--</el-tree>-->
-          <!--</el-col>-->
-        <!--</el-row>-->
-        <!--<el-row style="margin-top: 30px">-->
-          <!--备注信息：-->
-          <!--<el-col :span="24">-->
-            <!--<el-input type="textarea" :rows=3 v-model="dialogFormData.Remark" placeholder="请输入备注" style="width: 100%">-->
-            <!--</el-input>-->
-          <!--</el-col>-->
-        <!--</el-row>-->
-      <!--</el-form>-->
-      <!--<span slot="footer" class="dialog-footer">-->
-        <!--<el-button size="mini" @click="cancelOption()">取 消</el-button>-->
-        <!--<el-button size="mini" type="primary" @click="ensureOption()">确 定</el-button>-->
-      <!--</span>-->
-    <!--</el-dialog>-->
-
-
     <el-dialog
                element-loading-text="正在添加请稍后..."
                title="物资类业务列表"
@@ -1518,7 +1477,6 @@
           label: 'name',
           children: 'districts'
         },
-        canUpdateSupplier: true,
         countryoptions: [],
         showorhidflag: 'hid',
         CityAry: [],
@@ -3721,4 +3679,31 @@
   .el-table .warning-row {
     background: oldlace;
   }
+  .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>

src/dashoo.cn/frontend_web/src/pages/oilsupplier/supplierappend/_opera/techdataopera.vue

@@ -2,8 +2,8 @@
   <div>
     <el-breadcrumb class="heading">
       <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/oilsupplier/supplierappend/techlist' }">服务类列表</el-breadcrumb-item>
-      <el-breadcrumb-item>编辑</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/oilsupplier/supplierappend/techlist' }">服务类增项申请列表</el-breadcrumb-item>
+      <el-breadcrumb-item>服务类</el-breadcrumb-item>
     </el-breadcrumb>
     <el-card class="box-card">
       <div slot="header">
@@ -43,7 +43,7 @@
                  v-model="activeName"
                  style="margin-top: -10px">
           <el-tab-pane label="企业信息">
-            <el-form label-width="135px" ref="supplierData" :model="supplierData" :rules="rulesform" :disabled="disabled">
+            <el-form class="formDataInfo" label-width="135px" ref="supplierData" :model="supplierData" :rules="rulesform" :disabled="disabled">
               <el-row>
 
                 <el-col :span="16">
@@ -52,10 +52,10 @@
                                :maxlength="255" placeholder="请输入内容" style="width: 100%"  @select="handleSelect" v-if="authUser && authUser.Profile.IsCompanyUser == 1">
               </el-autocomplete> -->
                     <el-input :class="changedForm['SupplierName'] ? 'modified-form-input' : ''"
-                              v-model="supplierData.SupplierName" :maxlength="255" placeholder="请输入" style="width: 100%"
+                              v-model="supplierData.SupplierName" :maxlength="255" placeholder="请输入" style="width: 100%" :readonly="currentStatus > 0"
                               v-if="authUser && authUser.Profile.IsCompanyUser == 1">
                     </el-input>
-                    <el-input v-model="supplierData.SupplierName" :maxlength="255"
+                    <el-input v-model="supplierData.SupplierName" :maxlength="255" :readonly="currentStatus > 0"
                               placeholder="请输入" style="width: 100%" v-if="!authUser || authUser.Profile.IsCompanyUser == 0">
                     </el-input>
                   </el-form-item>
@@ -71,7 +71,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="单位关系">
-                    <el-select ref="SpecType" v-model="supplierData.SpecTypeCode"
+                    <el-select ref="SpecType" v-model="supplierData.SpecTypeCode" :disabled="currentStatus > 0"
                                :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''" placeholder="请选择"
                                style="width: 100%">
                       <el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key" :value="item.Value">
@@ -92,7 +92,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="三证合一">
-                    <el-select v-model="supplierData.CredentialFlag" placeholder="请选择" @change="showorhid" style="width: 100%"
+                    <el-select v-model="supplierData.CredentialFlag" placeholder="请选择" @change="showorhid" style="width: 100%" :disabled="currentStatus > 0"
                                :class="changedForm['CredentialFlag'] ? 'modified-form-input' : ''">
                       <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
                       </el-option>
@@ -112,7 +112,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="税务登记证编号" prop="CountryTaxNo" v-if="showorhidflag=='show'">
-                    <el-input v-model="supplierData.CountryTaxNo" maxlength="50"
+                    <el-input v-model="supplierData.CountryTaxNo" maxlength="50" :readonly="currentStatus > 0"
                               :class="changedForm['CountryTaxNo'] ? 'modified-form-input' : ''" placeholder="请输入"
                               style="width: 100%">
                     </el-input>
@@ -121,7 +121,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="组织机构代码" prop="OrganCode" v-if="showorhidflag=='show'">
-                    <el-input v-model="supplierData.OrganCode" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.OrganCode" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['OrganCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -132,13 +132,13 @@
                   <el-form-item label="注册地址" prop="Province">
                     <el-row>
                       <el-col :span="10">
-                        <el-cascader ref="cascaderAdd" :options="countryoptions" :props="countryprops" maxlength="20" filterable
+                        <el-cascader ref="cascaderAdd" :options="countryoptions" :props="countryprops" maxlength="20" filterable :disabled="currentStatus > 0"
                                      :class="changedForm['Province'] || changedForm['City'] || changedForm['Street'] ? 'modified-form-input' : ''"
                                      placeholder="省市区" v-model="CityAry" style="width: 100%" @change="handleAreaChange">
                         </el-cascader>
                       </el-col>
                       <el-col :span="14">
-                        <el-input v-model="supplierData.Address" maxlength="500" placeholder="详细地址" style="width: 100%"
+                        <el-input v-model="supplierData.Address" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="currentStatus > 0"
                                   :class="changedForm['Address'] ? 'modified-form-input' : ''">
                         </el-input>
                       </el-col>
@@ -147,7 +147,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="邮编" prop="ZipCode">
-                    <el-input v-model="supplierData.ZipCode" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.ZipCode" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['ZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -158,14 +158,14 @@
                   <el-form-item label="通信地址" prop="LinkProvince">
                     <el-row>
                       <el-col :span="10">
-                        <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops" filterable
+                        <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops" filterable :disabled="currentStatus > 0"
                                      :class="changedForm['LinkProvince'] || changedForm['LinkCity'] || changedForm['LinkStreet'] ? '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="supplierData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%"
+                        <el-input v-model="supplierData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="currentStatus > 0"
                                   :class="changedForm['LinkAddress'] ? 'modified-form-input' : ''">
                         </el-input>
                       </el-col>
@@ -174,7 +174,7 @@
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="邮编" prop="LinkZipCode">
-                    <el-input v-model="supplierData.LinkZipCode" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.LinkZipCode" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['LinkZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -184,7 +184,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="法定代表人姓名" prop="LegalPerson">
-                    <el-input v-model="supplierData.LegalPerson" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.LegalPerson" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['LegalPerson'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -194,7 +194,7 @@
                   <el-form-item label="公司类型" prop="CompanyType">
                     <!--<el-input v-model="supplierData.CompanyType" placeholder="请输入" style="width: 100%"></el-input>-->
                     <el-select v-model="supplierData.CompanyType" maxlength="50" filterable allow-create
-                               :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :disabled="!canUpdateSupplier"
+                               :class="changedForm['CompanyType'] ? 'modified-form-input' : ''" :disabled="currentStatus > 0"
                                placeholder="请选择" style="width: 100%;">
                       <el-option v-for="item in CompanyTypeOptions" :key="item.Id" :label="item.Key" :value="item.Value"
                                  style="width: 100%">
@@ -205,7 +205,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="注册资本" prop="RegCapital">
-                    <el-input type="number"  v-model="supplierData.RegCapital"
+                    <el-input type="number"  v-model="supplierData.RegCapital" :readonly="currentStatus > 0"
                               :class="changedForm['RegCapital'] ? 'modified-form-input' : ''" placeholder="请输入"
                               style="width: 100%">
                       <template slot="append">万元</template>
@@ -216,7 +216,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="成立时间" prop="SetupTime">
-                    <el-date-picker v-model="supplierData.SetupTime" type="date"
+                    <el-date-picker v-model="supplierData.SetupTime" type="date" :readonly="currentStatus > 0"
                                     :class="changedForm['SetupTime'] ? 'modified-form-input' : ''" format="yyyy 年 MM 月 dd 日"
                                     value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%">
                     </el-date-picker>
@@ -225,7 +225,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="开户银行" prop="DepositBank">
-                    <el-input v-model="supplierData.DepositBank" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.DepositBank" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['DepositBank'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -233,7 +233,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="银行账号" prop="BankAccount">
-                    <el-input v-model="supplierData.BankAccount" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.BankAccount" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['BankAccount'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -242,7 +242,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="联系人姓名" prop="ContactName">
-                    <el-input v-model="supplierData.ContactName" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.ContactName" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['ContactName'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -250,14 +250,14 @@
 
                 <el-col :span="8">
                   <el-form-item label="移动电话" prop="Mobile">
-                    <el-input v-model="supplierData.Mobile" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.Mobile" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.Telphone" maxlength="20" placeholder="请输入"
+                    <el-input v-model="supplierData.Telphone" maxlength="20" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['Telphone'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -266,21 +266,21 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="传真" prop="Fax">
-                    <el-input v-model="supplierData.Fax" maxlength="20" placeholder="区号-0000000"
+                    <el-input v-model="supplierData.Fax" maxlength="20" placeholder="区号-0000000" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.CompanyTel" placeholder="区号-0000000" maxlength="20"
+                    <el-input v-model="supplierData.CompanyTel" placeholder="区号-0000000" maxlength="20" :readonly="currentStatus > 0"
                               :class="changedForm['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="supplierData.EMail" maxlength="50" placeholder="请输入"
+                    <el-input v-model="supplierData.EMail" maxlength="50" placeholder="请输入" :readonly="currentStatus > 0"
                               :class="changedForm['EMail'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                   </el-form-item>
                 </el-col>
@@ -288,7 +288,7 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="银行信用等级">
-                    <el-input v-model="supplierData.BankCreditRating" maxlength="10"
+                    <el-input v-model="supplierData.BankCreditRating" maxlength="10" :readonly="currentStatus > 0"
                               :class="changedForm['BankCreditRating'] ? 'modified-form-input' : ''" placeholder="请输入"
                               style="width: 100%">
                     </el-input>
@@ -298,7 +298,7 @@
                 <el-col :span="8">
                   <el-form-item label="HSE审查培训">
                     <!--<el-input v-model="supplierData.HseTraining" placeholder="请输入" style="width: 100%"></el-input>-->
-                    <el-select v-model="supplierData.HseTraining" placeholder="请选择"
+                    <el-select v-model="supplierData.HseTraining" placeholder="请选择" :disabled="currentStatus > 0"
                                :class="changedForm['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%">
@@ -311,31 +311,31 @@
               </el-row>
             </el-form>
 
-            <el-form label-position="top" ref="EntityFormCert" :rules="rulesform" :model="supplierData" :disabled="disabled">
+            <el-form class="formDataInfo" label-position="top" ref="EntityFormCert" :rules="rulesform" :model="supplierData">
               <el-row :gutter="60">
                 <el-col :span="8">
                   <el-form-item label="质量管理体系认证情况及认证机构">
-                    <el-input v-model="supplierData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['QualitySystemCert'] ? '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="supplierData.ProductQualityCert" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.ProductQualityCert" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['ProductQualityCert'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="生产/制造许可证获证情况及编号">
-                    <el-input v-model="supplierData.MaunLicense" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.MaunLicense" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['MaunLicense'] ? 'modified-form-input' : ''"></el-input>
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="所代理制造商名称">
-                    <el-input v-model="supplierData.MaunAgent" maxlength="255" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.MaunAgent" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['MaunAgent'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
@@ -343,7 +343,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="中石油物资供应商证书">
-                    <el-input v-model="supplierData.SupplierCertificate" maxlength="255" type="textarea" placeholder="请输入" style="width: 100%"
+                    <el-input v-model="supplierData.SupplierCertificate" maxlength="200" type="textarea" placeholder="请输入" style="width: 100%" :readonly="currentStatus > 0"
                               :class="changedForm['SupplierCertificate'] ? 'modified-form-input' : ''">
                     </el-input>
                   </el-form-item>
@@ -351,7 +351,7 @@
 
                 <el-col :span="8">
                   <el-form-item label="安全生产许可证">
-                    <el-input v-model="supplierData.SafetyLicense" maxlength="200" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.SafetyLicense" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['SafetyLicense'] ? 'modified-form-input' : ''" style="width: 100%">
                     </el-input>
                   </el-form-item>
@@ -359,26 +359,25 @@
 
                 <el-col :span="8">
                   <el-form-item label="行业特殊要求的认证证书">
-                    <el-input v-model="supplierData.SpecIndustryCert" placeholder="请输入" maxlength="200" type="textarea"
+                    <el-input v-model="supplierData.SpecIndustryCert" placeholder="请输入" maxlength="200" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['SpecIndustryCert'] ? '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="supplierData.Remark" maxlength="500" placeholder="请输入" type="textarea"
+                    <el-input v-model="supplierData.Remark" maxlength="200" placeholder="请输入" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['Remark'] ? '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="supplierData.BusinessScope" placeholder="营业执照上的信息" type="textarea"
+                    <el-input v-model="supplierData.BusinessScope" placeholder="营业执照上的信息" :autosize="{minRows: 3}" type="textarea" :readonly="currentStatus > 0"
                               :class="changedForm['BusinessScope'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                   </el-form-item>
                 </el-col>
               </el-row>
-
             </el-form>
           </el-tab-pane>
           <el-tab-pane label="增项信息">
@@ -387,7 +386,7 @@
                 <span><i class="icon icon-table2"></i> 增项信息</span>
                 <el-button style="float: right; padding: 3px 0" type="text" v-if="currentStatus <= 0 && currentStatus != -5" @click="saveEntity()">保存信息</el-button>
               </div>
-              <el-form label-width="150px" ref="EntityForm" :rules="appendRules" :model="formData">
+              <el-form class="formDataInfo" label-width="150px" ref="EntityForm" :rules="appendRules" :model="formData">
                 <el-row>
                   <!-- <el-col :span="12">
                     <el-form-item label="推荐单位名称" prop="checkSelectedRecUnitName">
@@ -424,7 +423,7 @@
                   </el-col> -->
                   <el-col :span="12">
                     <el-form-item label="备注" prop="Remark">
-                      <el-input :disabled="currentStatus>0" type="textarea" v-model="formData.Remark" placeholder="请输入"></el-input>
+                      <el-input :readonly="currentStatus>0" type="textarea" v-model="formData.Remark" placeholder="请输入"></el-input>
                     </el-form-item>
                   </el-col>
                 </el-row>
@@ -1233,7 +1232,6 @@
           label: 'name',
           children: 'districts'
         },
-        canUpdateSupplier: true,
         countryoptions: [],
         showorhidflag: 'hid',
         CityAry: [],
@@ -3210,4 +3208,31 @@
     width:140px;
     height: 60px;
   }
+  .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>