前端: 年审申请审核页面，【只读】属性判断及页面表格样式调整。

src/dashoo.cn/frontend_web/src/pages/oilsupplier/annualaudit/_opera/bassicoperation.vue

@@ -2,8 +2,8 @@
   <div>
     <el-breadcrumb class="heading">
       <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/oilsupplier/annualaudit' }">年审基本信息表</el-breadcrumb-item>
-      <el-breadcrumb-item><span v-if="Status <= 0">基建类</span><span v-else>基建类</span></el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/oilsupplier/annualaudit/basicindex' }">年审基本信息表</el-breadcrumb-item>
+      <el-breadcrumb-item>基建类</el-breadcrumb-item>
     </el-breadcrumb>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
@@ -76,6 +76,7 @@
                       <el-input :class="changedForm['SupplierName'] ? 'modified-form-input' : ''" v-model="formData.SupplierName"
                                 :maxlength="255"
                                 placeholder="请输入"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -93,6 +94,7 @@
                 <el-select ref="SpecType" :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''"
                             v-model="formData.SpecTypeCode"
                             placeholder="请选择"
+                            :disabled="!canUpdateSupplier"
                             style="width: 100%">
                   <el-option v-for="item in UnitRelationOptions"
                               :key="item.Id"
@@ -104,7 +106,7 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="准入方式">
-                <el-select ref="SpecType" v-model="formDataOther.InStyle" :disabled="true"
+                <el-select ref="SpecType" v-model="formDataOther.InStyle" :disabled="!canUpdateSupplier"
                           placeholder="请选择" style="width: 100%">
                   <el-option v-for="item in InOptions" :key="item.Id" :label="item.Key" :v-if="item.Value != '2' && item.Value != '3'"
                             :value="item.Value">
@@ -114,7 +116,7 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="证件合一">
-                <el-select v-model="formData.CredentialFlag" placeholder="请选择" :disabled="true"  style="width: 100%">
+                <el-select v-model="formData.CredentialFlag" placeholder="请选择" :disabled="!canUpdateSupplier"  style="width: 100%">
                   <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
                   </el-option>
                 </el-select>
@@ -123,7 +125,7 @@
 
             <el-col :span="8">
               <el-form-item label="统一社会信用代码" prop="CommercialNo">
-                <el-input v-model="formData.CommercialNo" :readonly="true" maxlength="50" placeholder="请输入"
+                <el-input v-model="formData.CommercialNo" :readonly="!canUpdateSupplier" maxlength="50" placeholder="请输入"
                           style="width: 100%">
                 </el-input>
               </el-form-item>
@@ -131,7 +133,7 @@
 
             <el-col :span="8">
                 <el-form-item label="税务登记证编号" prop="CountryTaxNo" v-if="showorhidflag=='show'">
-                  <el-input v-model="formData.CountryTaxNo" maxlength="50"
+                  <el-input v-model="formData.CountryTaxNo" maxlength="50" :readonly="!canUpdateSupplier"
                     :class="changedForm['CountryTaxNo'] ? 'modified-form-input' : ''" placeholder="请输入"
                     style="width: 100%">
                   </el-input>
@@ -140,7 +142,7 @@
 
             <el-col :span="8">
                 <el-form-item label="组织机构代码" prop="OrganCode" v-if="showorhidflag=='show'">
-                  <el-input v-model="formData.OrganCode" maxlength="50" placeholder="请输入"
+                  <el-input v-model="formData.OrganCode" maxlength="50" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['OrganCode'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -158,11 +160,11 @@
                   <el-col :span="10">
                       <el-cascader ref="cascaderAdd" :options="countryoptions" :props="countryprops" maxlength="20" filterable
                         :class="changedForm['Province'] || changedForm['City'] || changedForm['Street'] ? 'modified-form-input' : ''"
-                        placeholder="省市区" v-model="CityAry" style="width: 100%" @change="handleAreaChange">
+                        :disabled="!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%"
+                      <el-input v-model="formData.Address" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="!canUpdateSupplier"
                         :class="changedForm['Address'] ? 'modified-form-input' : ''">
                       </el-input>
                   </el-col>
@@ -171,7 +173,7 @@
             </el-col>
             <el-col :span="8">
                 <el-form-item label="邮编" prop="ZipCode">
-                  <el-input v-model="formData.ZipCode" maxlength="20" placeholder="请输入"
+                  <el-input v-model="formData.ZipCode" maxlength="20" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['ZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -181,14 +183,14 @@
                 <el-form-item label="通信地址" prop="LinkProvince">
                   <el-row>
                     <el-col :span="10">
-                      <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops"
+                      <el-cascader ref="cascaderAddrLink" :options="countryoptions" :props="countryprops" :disabled="!canUpdateSupplier"
                         :class="changedForm['LinkProvince'] || changedForm['LinkCity'] || changedForm['LinkStreet'] ? 'modified-form-input' : ''"
                         placeholder="省市区" v-model="LinkCityAry" maxlength="20" style="width: 100%" filterable
                         @change="handleLinkAreaChange">
                       </el-cascader>
                     </el-col>
                     <el-col :span="14">
-                      <el-input v-model="formData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%"
+                      <el-input v-model="formData.LinkAddress" maxlength="500" placeholder="详细地址" style="width: 100%" :readonly="!canUpdateSupplier"
                         :class="changedForm['LinkAddress'] ? 'modified-form-input' : ''">
                       </el-input>
                     </el-col>
@@ -197,7 +199,7 @@
             </el-col>
             <el-col :span="8">
                 <el-form-item label="邮编" prop="LinkZipCode">
-                  <el-input v-model="formData.LinkZipCode" maxlength="20" placeholder="请输入"
+                  <el-input v-model="formData.LinkZipCode" maxlength="20" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['LinkZipCode'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -242,7 +244,7 @@
 
             <el-col :span="8">
                 <el-form-item label="法定代表人姓名" prop="LegalPerson">
-                  <el-input v-model="formData.LegalPerson" maxlength="20" placeholder="请输入"
+                  <el-input v-model="formData.LegalPerson" maxlength="20" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['LegalPerson'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -263,7 +265,7 @@
 
             <el-col :span="8">
                 <el-form-item label="成立时间" prop="SetupTime">
-                  <el-date-picker v-model="formData.SetupTime" type="date"
+                  <el-date-picker v-model="formData.SetupTime" type="date" :readonly="!canUpdateSupplier"
                     :class="changedForm['SetupTime'] ? 'modified-form-input' : ''" format="yyyy 年 MM 月 dd 日"
                     value-format="yyyy-MM-dd" placeholder="选择日期" style="width: 100%">
                   </el-date-picker>
@@ -285,7 +287,7 @@
             <el-row>
               <el-col :span="8">
                 <el-form-item label="注册资本" prop="RegCapital">
-                  <el-input type="number" v-model="formData.RegCapital"
+                  <el-input type="number" v-model="formData.RegCapital" :readonly="!canUpdateSupplier"
                     :class="changedForm['RegCapital'] ? 'modified-form-input' : ''" placeholder="请输入"
                     style="width: 100%">
                     <template slot="append">万元</template>
@@ -296,9 +298,10 @@
               <el-col :span="8">
                 <el-form-item label="币种">
                   <el-select v-model="formData.Currency"
-                              :class="changedForm['Currency'] ? 'modified-form-input' : ''"
-                              placeholder="请选择"
-                              style="width: 100%;">
+                             :disabled="!canUpdateSupplier"
+                             :class="changedForm['Currency'] ? 'modified-form-input' : ''"
+                             placeholder="请选择"
+                             style="width: 100%;">
                     <el-option v-for="item in CurrencyOptions"
                                 :key="item.Value"
                                 :label="item.Key"
@@ -310,7 +313,7 @@
 
               <el-col :span="8">
                 <el-form-item label="开户银行" prop="DepositBank">
-                  <el-input v-model="formData.DepositBank" maxlength="50" placeholder="请输入"
+                  <el-input v-model="formData.DepositBank" maxlength="50" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['DepositBank'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -319,7 +322,7 @@
             <el-row>
               <el-col :span="8">
                 <el-form-item label="联系人姓名" prop="ContactName">
-                  <el-input v-model="formData.ContactName" maxlength="20" placeholder="请输入"
+                  <el-input v-model="formData.ContactName" maxlength="20" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['ContactName'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -327,14 +330,14 @@
 
               <el-col :span="8">
                 <el-form-item label="移动电话" prop="Mobile">
-                  <el-input v-model="formData.Mobile" maxlength="20" placeholder="请输入"
+                  <el-input v-model="formData.Mobile" maxlength="20" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :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="BankAccount">
-                  <el-input v-model="formData.BankAccount" maxlength="50" placeholder="请输入"
+                  <el-input v-model="formData.BankAccount" maxlength="50" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['BankAccount'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -344,7 +347,7 @@
           <el-row>
             <el-col :span="8">
                 <el-form-item label="固定电话" prop="Telphone">
-                  <el-input v-model="formData.Telphone" maxlength="20" placeholder="请输入"
+                  <el-input v-model="formData.Telphone" maxlength="20" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['Telphone'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -352,21 +355,21 @@
 
             <el-col :span="8">
                 <el-form-item label="传真" prop="Fax">
-                  <el-input v-model="formData.Fax" maxlength="20" placeholder="区号-0000000"
+                  <el-input v-model="formData.Fax" maxlength="20" placeholder="区号-0000000" :readonly="!canUpdateSupplier"
                     :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="formData.CompanyTel" placeholder="区号-0000000" maxlength="20"
+                  <el-input v-model="formData.CompanyTel" placeholder="区号-0000000" maxlength="20" :readonly="!canUpdateSupplier"
                     :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="formData.EMail" maxlength="50" placeholder="请输入"
+                  <el-input v-model="formData.EMail" maxlength="50" placeholder="请输入" :readonly="!canUpdateSupplier"
                     :class="changedForm['EMail'] ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                 </el-form-item>
             </el-col>
@@ -379,7 +382,7 @@
 
             <el-col :span="8">
                 <el-form-item label="银行信用等级">
-                  <el-input v-model="formData.BankCreditRating" maxlength="10"
+                  <el-input v-model="formData.BankCreditRating" maxlength="10" :readonly="!canUpdateSupplier"
                     :class="changedForm['BankCreditRating'] ? 'modified-form-input' : ''" placeholder="请输入"
                     style="width: 100%">
                   </el-input>
@@ -393,14 +396,14 @@
             </el-col>-->
             <el-col :span="8">
               <el-form-item label="进津备案通知书">
-                <el-input v-model="formData.TjinNotify"  :readonly="this.formData.Status > '0'" placeholder="请输入"
+                <el-input v-model="formData.TjinNotify"  :readonly="!canUpdateSupplier" placeholder="请输入"
                   :class="changedForm['TjinNotify'] ? 'modified-form-input' : ''" style="width: 100%"></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" placeholder="请选择"
+                  <el-select v-model="formData.HseTraining" placeholder="请选择" :disabled="!canUpdateSupplier"
                     :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%">
@@ -416,14 +419,14 @@
           <el-row :gutter="60">
             <el-col :span="8">
                 <el-form-item label="质量管理体系认证情况及认证机构">
-                  <el-input v-model="formData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea"
+                  <el-input v-model="formData.QualitySystemCert" maxlength="200" placeholder="请输入" type="textarea" :readonly="!canUpdateSupplier"
                     :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="formData.QualifCert" :readonly="this.formData.Status > '0'" placeholder="请输入" maxlength="200" type="textarea"
+                <el-input v-model="formData.QualifCert" :readonly="!canUpdateSupplier" placeholder="请输入" maxlength="200" type="textarea"
                           :class="changedForm['QualifCert'] ? 'modified-form-input' : ''" style="width: 100%">
                 </el-input>
               </el-form-item>
@@ -435,7 +438,7 @@
             </el-col>-->
             <el-col :span="8">
               <el-form-item label="安全生产许可证证书编号">
-                <el-input v-model="formData.SafetyLicense" :readonly="this.formData.Status > '0'" maxlength="200" placeholder="请输入" type="textarea"
+                <el-input v-model="formData.SafetyLicense" :readonly="!canUpdateSupplier" maxlength="200" placeholder="请输入" type="textarea"
                           :class="changedForm['SafetyLicense'] ? 'modified-form-input' : ''" style="width: 100%">
                 </el-input>
               </el-form-item>
@@ -443,7 +446,7 @@
 
             <el-col :span="8">
               <el-form-item label="行业特殊要求的认证证书编号">
-                <el-input v-model="formData.SpecIndustryCert" :readonly="this.formData.Status > '0'" placeholder="请输入" maxlength="200" type="textarea"
+                <el-input v-model="formData.SpecIndustryCert" :readonly="!canUpdateSupplier" placeholder="请输入" maxlength="200" type="textarea"
                           :class="changedForm['SpecIndustryCert'] ? 'modified-form-input' : ''" style="width: 100%">
                 </el-input>
               </el-form-item>
@@ -456,7 +459,7 @@
             </el-col>
             <el-col :span="24">
                 <el-form-item label="备注">
-                  <el-input v-model="formData.Remark" maxlength="500" placeholder="请输入" type="textarea"
+                  <el-input v-model="formData.Remark" maxlength="500" placeholder="请输入" type="textarea" :readonly="!canUpdateSupplier"
                     :class="changedForm['Remark'] ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -478,74 +481,74 @@
               </span>
             </div>
 
-            <el-form label-width="220px" ref="EntityFormNumber" :model="formDataCert"  :rules="rulesnum">
+            <el-form label-width="220px" class="formDataInfo" ref="EntityFormNumber" :model="formDataCert"  :rules="rulesnum">
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="企业员工总数" prop="WorkerTotal">
-                    <el-input-number v-model="formDataCert.WorkerTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.WorkerTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="合同化用工数量">
-                    <el-input-number v-model="formDataCert.ContractNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.ContractNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="大学及以上学历人员数量">
-                    <el-input-number v-model="formDataCert.UniversityNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.UniversityNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="技术、管理人员数量" prop="TechnicalNum">
-                    <el-input-number v-model="formDataCert.TechnicalNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.TechnicalNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="高级及以上职称人员数量">
-                    <el-input-number v-model="formDataCert.AboveProfNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.AboveProfNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="中级职称人员数量">
-                    <el-input-number v-model="formDataCert.MiddleProfNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.MiddleProfNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="具有国家注册执业资格人员数量">
-                    <el-input-number v-model="formDataCert.NationalRegNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.NationalRegNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="具有国家注册执业资格证书总数">
-                    <el-input-number v-model="formDataCert.NationalCertTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.NationalCertTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="设计人员总数">
-                    <el-input-number v-model="formDataCert.DesignerTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.DesignerTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="技术工人总数" prop="SkillerTotal">
-                    <el-input-number v-model="formDataCert.SkillerTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.SkillerTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
@@ -703,7 +706,7 @@
                            :page-size="sizeProject"
                            layout="total, sizes, prev, pager, next,jumper"
                            :total="currentItemCountProject"
-                           style="margin: 5px;">
+                           style="float: right; margin-top: 10px; margin-bottom: 10px">
             </el-pagination>
           </el-card>
         </el-tab-pane>
@@ -954,7 +957,7 @@
   } from 'vuex'
   import api from '@/api/oilsupplier/supplier'
   import annualapi from '@/api/oilsupplier/annualaudit'
-import apiCert from '@/api/oilsupplier/suppliercert'
+  import apiCert from '@/api/oilsupplier/suppliercert'
   import SupplierFileTable from '@/pages/oilsupplier/supplierfile/table.vue'
   import WfHistory from '@/components/workflow/wfmultihistory.vue'
   import SupplierCertEdit from '@/components/oilsupplier/suppliercertedit.vue'
@@ -964,7 +967,6 @@ import apiCert from '@/api/oilsupplier/suppliercert'
   import PatentList from '@/components/oilsupplier/patentlist'
   import WinningList from '@/components/oilsupplier/winninglist'
   import BusinessList from '@/components/oilsupplier/businesslist'
-  import BasisInfo from '@/components/oilsupplier/basisinfo'
   import AuditbusList from '@/components/oilsupplier/auditbuslist'
   import ChooseAuditor from '@/components/oilsupplier/chooseauditor'
   import SubfileList from '@/components/oilsupplier/subfilelist2'
@@ -972,20 +974,17 @@ import apiCert from '@/api/oilsupplier/suppliercert'
   import _ from 'lodash'
   import axios from 'axios'
   import uploadajax from '@/assets/js//uploadajax.js'
-  import fileapi from '@/api/oilsupplier/supplierfile'
   import setapi from '@/api/oilsupplier/oilclassorgset'
 
   // v-viewer
-  import Vue from 'vue';
-  import Viewer from 'v-viewer'
+  import Vue from 'vue'
+import Viewer from 'v-viewer'
   import 'viewerjs/dist/viewer.css'
   Vue.use(Viewer)
   Viewer.setDefaults({
     Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip': true, 'movable': true, 'zoomable': true, 'rotatable': true, 'scalable': true, 'transition': true, 'fullscreen': true, 'keyboard': true, 'url': 'data-source' }
   })
 
-
-
   export default {
     computed: {
       ...mapGetters({
@@ -1016,7 +1015,6 @@ import apiCert from '@/api/oilsupplier/suppliercert'
       }
     },
 
-
     data () {
       var checkemail = (rule, value, callback) => {
         if (value) {
@@ -1278,7 +1276,7 @@ import apiCert from '@/api/oilsupplier/suppliercert'
         auditerOption: [],
         addshow: false,
         loading: false,
-        canUpdateSupplier: true,
+        canUpdateSupplier: false,
         dictData: null,
         add_flat: true,
         applyLoading: false,
@@ -1650,7 +1648,7 @@ import apiCert from '@/api/oilsupplier/suppliercert'
       this.getDictOptions()
       this.formData.Id = this.serviceId
       this.initDatas()
-      if (this.Status <= 1) {
+      if (this.Status <= 0) {
         this.savebtn = false
         this.canUpdateSupplier = true
       }
@@ -1940,7 +1938,7 @@ import apiCert from '@/api/oilsupplier/suppliercert'
           let fileurl = fileurlall.split('|')
           if (fileurl[1] != null && fileurl[1] != '' && fileurl[1] != undefined) {
             let Format = fileurl[1].split('.')
-            if (Format[1] != null && Format[1] !='' && Format[1] != undefined) {
+            if (Format[1] != null && Format[1] != '' && Format[1] != undefined) {
               let pictureFormat = Format[1]
               if (pictureFormat == 'jpg' || pictureFormat == 'bmp' || pictureFormat == 'png' || pictureFormat == 'gif' || pictureFormat == 'jpeg') {
                 return false
@@ -2645,7 +2643,7 @@ import apiCert from '@/api/oilsupplier/suppliercert'
           }).catch(err => {
             console.error(err)
           })
-      }
+        }
       },
       GetChangeEntity (Id) {
         let params = {
@@ -2676,7 +2674,7 @@ import apiCert from '@/api/oilsupplier/suppliercert'
       },
 
       auditOrgChang () {
-        let auditstepcode = 'SECOND_TRIAL';
+        let auditstepcode = 'SECOND_TRIAL'
         api
           .getAuditerByFirst(this.auditer, auditstepcode, this.$axios)
           .then(res => {
@@ -2684,8 +2682,8 @@ import apiCert from '@/api/oilsupplier/suppliercert'
           })
           .catch(err => {
             console.error(err)
-        })
-    },
+          })
+      },
 
       chooseAuditorShow () {
         this.$refs['chooseAuditor'].getorgtreelist(this.SupplierTypeCode)
@@ -2740,7 +2738,7 @@ import apiCert from '@/api/oilsupplier/suppliercert'
           this.OperTypeOptions = res.data.items['OperType']
           this.UnitRelationOptions = res.data.items['UnitRelation']
           if (this.formData.SpecTypeCode == '') {
-            this.formData.SpecTypeCode = "1"
+            this.formData.SpecTypeCode = '1'
           }
           this.CompanyTypeOptions = res.data.items['CompanyType']
           this.CurrencyOptions = res.data.items['CurrencyType']
@@ -3229,9 +3227,9 @@ import apiCert from '@/api/oilsupplier/suppliercert'
               _this.infochangeForm.SelectItemName = '行业特殊要求的认证证书'
             } else if (_this.infochangeForm.SelectItem === 'BusinessScope') {
               _this.infochangeForm.SelectItemName = '营业范围'
-            }else if (_this.infochangeForm.SelectItem === 'TjinNotify') {
+            } else if (_this.infochangeForm.SelectItem === 'TjinNotify') {
               _this.infochangeForm.SelectItemName = '进津备案通知书'
-            }else if (_this.infochangeForm.SelectItem === 'QualifCert') {
+            } else if (_this.infochangeForm.SelectItem === 'QualifCert') {
               _this.infochangeForm.SelectItemName = '企业资质证书(编号 级别)'
             } else if (_this.infochangeForm.SelectItem === 'Remark') {
               _this.infochangeForm.SelectItemName = '备注'
@@ -3265,17 +3263,17 @@ import apiCert from '@/api/oilsupplier/suppliercert'
               type: 'success',
               message: res.data.message
             })
-        } else {
+          } else {
             this.$message({
               type: 'warning',
               message: res.data.message
             })
-        }
+          }
           this.applyLoading = false
         }).catch(err => {
           console.error(err)
         })
-    },
+      },
 
       nexStepCB () {
         this.Step += 1
@@ -3297,15 +3295,15 @@ import apiCert from '@/api/oilsupplier/suppliercert'
 
       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
-    }
+        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>
@@ -3325,4 +3323,31 @@ import apiCert from '@/api/oilsupplier/suppliercert'
     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/annualaudit/_opera/goodsoperation.vue

@@ -2,8 +2,8 @@
   <div>
     <el-breadcrumb class="heading">
       <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/oilsupplier/annualaudit' }">年审基本信息表</el-breadcrumb-item>
-      <el-breadcrumb-item><span v-if="Status <= 0">物资类</span><span v-else>物资类</span></el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/oilsupplier/annualaudit/goodsindex' }">年审基本信息表</el-breadcrumb-item>
+      <el-breadcrumb-item>物资类</el-breadcrumb-item>
     </el-breadcrumb>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
@@ -70,6 +70,7 @@
                       <el-input :class="changedForm['SupplierName'] ? 'modified-form-input' : ''" v-model="formData.SupplierName"
                                 :maxlength="255"
                                 placeholder="请输入"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -87,6 +88,7 @@
                     <el-form-item label="单位关系">
                       <el-select ref="SpecType" :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''"
                                  v-model="formData.SpecTypeCode"
+                                 :disabled="!canUpdateSupplier"
                                  placeholder="请选择"
                                  style="width: 100%">
                         <el-option v-for="item in UnitRelationOptions"
@@ -100,7 +102,7 @@
 
                   <el-col :span="8">
                     <el-form-item label="准入方式">
-                      <el-select ref="SpecType" v-model="InStyle" :disabled="true"
+                      <el-select ref="SpecType" v-model="InStyle" :disabled="!canUpdateSupplier"
                                  placeholder="请选择" style="width: 100%">
                         <el-option v-for="item in InOptions" :key="item.Id" :label="item.Key" v-if="item.Value != '2' && item.Value != '3'"
                                    :value="item.Value">
@@ -112,7 +114,7 @@
                   <el-col :span="8">
                     <el-form-item label="统一社会信用代码" prop="CommercialNo">
                       <el-input v-model="formData.CommercialNo"
-                                maxlength="50" :readonly="true"
+                                maxlength="50" :readonly="!canUpdateSupplier"
                                 placeholder="请输入"
                                 style="width: 100%">
                       </el-input>
@@ -126,6 +128,7 @@
                       <el-input :class="changedForm['PACNumber'] ? 'modified-form-input' : ''" v-model="formData.PACNumber"
                                 maxlength="255"
                                 placeholder="请输入"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -136,6 +139,7 @@
                       <el-select v-model="formData.Grade" :class="changedForm['Grade'] ? 'modified-form-input' : ''"
                                  placeholder="请选择级别"
                                  style="width: 100%"
+                                 :disabled="!canUpdateSupplier"
                                  @change="GradeChange">
                         <el-option
                           v-for="item in GradeOptions"
@@ -152,7 +156,7 @@
                       <el-select filterable :class="changedForm['MgrUnit'] ? 'modified-form-input' : ''"
                                  v-model="formData.MgrUnit"
                                  maxlength="255"
-                                 :disabled="(this.formData.Status > '0') || (this.formData.Grade == '1') "
+                                 :disabled="!canUpdateSupplier"
                                  placeholder="请输入"
                                  style="width: 100%">
                         <el-option v-for="item in ManagementUnitOptions"
@@ -169,6 +173,7 @@
                       <el-select v-model="formData.CredentialFlag" :class="changedForm['CredentialFlag'] ? 'modified-form-input' : ''"
                                  placeholder="请选择"
                                  @change="showorhid"
+                                 :disabled="!canUpdateSupplier"
                                  style="width: 100%">
                         <el-option v-for="item in selectoptions"
                                    :key="item.value"
@@ -185,6 +190,7 @@
                                   v-if="showorhidflag=='show'">
                       <el-input v-model="formData.CountryTaxNo" :class="changedForm['CountryTaxNo'] ? 'modified-form-input' : ''"
                                 maxlength="50"
+                                :readonly="!canUpdateSupplier"
                                 placeholder="请输入"
                                 style="width: 100%">
                       </el-input>
@@ -197,6 +203,7 @@
                       <el-select v-model="formData.Country" :class="changedForm['Country'] ? 'modified-form-input' : ''"
                                  filterable
                                  placeholder="请选择"
+                                 :disabled="!canUpdateSupplier"
                                  style="width: 100%">
                         <el-option v-for="item in countryListOptions"
                                    :key="item.key"
@@ -215,6 +222,7 @@
                                   v-if="showorhidflag=='show'">
                       <el-input v-model="formData.OrganCode" :class="changedForm['OrganCode'] ? 'modified-form-input' : ''"
                                 maxlength="50"
+                                :readonly="!canUpdateSupplier"
                                 placeholder="请输入"
                                 style="width: 100%">
                       </el-input>
@@ -231,6 +239,7 @@
                                        :options="countryoptions"
                                        :props="countryprops"
                                        maxlength="20"
+                                       :disabled="!canUpdateSupplier"
                                        placeholder="省市区"
                                        v-model="CityAry"
                                        style="width: 100%"
@@ -243,6 +252,7 @@
                                     :class="changedForm['Address'] ? 'modified-form-input' : ''"
                                     maxlength="500"
                                     placeholder="详细地址"
+                                    :readonly="!canUpdateSupplier"
                                     style="width: 100%">
                           </el-input>
                         </el-col>
@@ -274,12 +284,14 @@
                                        maxlength="20"
                                        style="width: 100%"
                                        filterable
+                                       :disabled="!canUpdateSupplier"
                                        @change="handleLinkAreaChange">
                           </el-cascader>
                         </el-col>
                         <el-col :span="14">
                           <el-input v-model="formData.LinkAddress" :class="changedForm['LinkAddress'] ? 'modified-form-input' : ''"
                                     maxlength="500"
+                                    :readonly="!canUpdateSupplier"
                                     placeholder="详细地址"
                                     style="width: 100%">
                           </el-input>
@@ -291,6 +303,7 @@
                     <el-form-item label="邮编"
                                   prop="LinkZipCode">
                       <el-input v-model="formData.LinkZipCode" :class="changedForm['LinkZipCode'] ? 'modified-form-input' : ''"
+                                :readonly="!canUpdateSupplier"
                                 maxlength="20"
                                 placeholder="请输入"
                                 style="width: 100%">
@@ -305,6 +318,7 @@
                       <el-form-item label="法定代表人姓名"
                                     prop="LegalPerson">
                         <el-input v-model="formData.LegalPerson" :class="changedForm['LegalPerson'] ? 'modified-form-input' : ''"
+                                  :readonly="!canUpdateSupplier"
                                   maxlength="20"
                                   placeholder="请输入"
                                   style="width: 100%">
@@ -319,6 +333,7 @@
                         <el-select v-model="formData.CompanyType" :class="changedForm['CompanyType'] ? 'modified-form-input' : ''"
                                    maxlength="50"
                                    filterable
+                                   :disabled="!canUpdateSupplier"
                                    allow-create
                                    placeholder="请选择"
                                    style="width: 100%;">
@@ -336,6 +351,7 @@
                       <el-form-item label="成立时间" prop="SetupTime">
                         <el-date-picker v-model="formData.SetupTime" :class="changedForm['SetupTime'] ? 'modified-form-input' : ''"
                                         type="date"
+                                        :readonly="!canUpdateSupplier"
                                         format="yyyy 年 MM 月 dd 日"
                                         value-format="yyyy-MM-dd"
                                         placeholder="选择日期"
@@ -353,7 +369,8 @@
                         <el-input type="number" :class="changedForm['RegCapital'] ? 'modified-form-input' : ''"
                                   v-model="formData.RegCapital"
                                   :min="1"
-                                  placeholder="请输入"
+                                  :readonly="!canUpdateSupplier"
+                                  placeholder="请输入注册资本"
                                   style="width: 100%">
                           <template slot="append">万元</template>
                         </el-input>
@@ -364,6 +381,7 @@
                       <el-form-item label="币种">
                         <el-select v-model="formData.Currency"
                                    :class="changedForm['Currency'] ? 'modified-form-input' : ''"
+                                   :disabled="!canUpdateSupplier"
                                    placeholder="请选择"
                                    style="width: 100%;">
                           <el-option v-for="item in CurrencyOptions"
@@ -380,7 +398,8 @@
                                     prop="DepositBank">
                         <el-input v-model="formData.DepositBank" :class="changedForm['DepositBank'] ? 'modified-form-input' : ''"
                                   maxlength="50"
-                                  placeholder="请输入"
+                                  placeholder="请输入开户银行"
+                                  :readonly="!canUpdateSupplier"
                                   style="width: 100%">
                         </el-input>
                       </el-form-item>
@@ -394,7 +413,8 @@
                                     prop="ContactName">
                         <el-input v-model="formData.ContactName" :class="changedForm['ContactName'] ? 'modified-form-input' : ''"
                                   maxlength="20"
-                                  placeholder="请输入"
+                                  placeholder="请输入联系人姓名"
+                                  :readonly="!canUpdateSupplier"
                                   style="width: 100%">
                         </el-input>
                       </el-form-item>
@@ -405,7 +425,8 @@
                                     prop="Mobile">
                         <el-input v-model="formData.Mobile" :class="changedForm['Mobile'] ? 'modified-form-input' : ''"
                                   maxlength="20"
-                                  placeholder="请输入"
+                                  placeholder="请输入移动电话"
+                                  :readonly="!canUpdateSupplier"
                                   style="width: 100%"></el-input>
                       </el-form-item>
                     </el-col>
@@ -415,7 +436,8 @@
                                     prop="BankAccount">
                         <el-input v-model="formData.BankAccount" :class="changedForm['BankAccount'] ? 'modified-form-input' : ''"
                                   maxlength="50"
-                                  placeholder="请输入"
+                                  placeholder="请输入银行账号"
+                                  :readonly="!canUpdateSupplier"
                                   style="width: 100%">
                         </el-input>
                       </el-form-item>
@@ -428,6 +450,7 @@
                       <el-input v-model="formData.Telphone" :class="changedForm['Telphone'] ? 'modified-form-input' : ''"
                                 maxlength="20"
                                 placeholder="区号-0000000"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -439,6 +462,7 @@
                       <el-input v-model="formData.Fax" :class="changedForm['Fax'] ? 'modified-form-input' : ''"
                                 maxlength="20"
                                 placeholder="区号-0000000"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%"></el-input>
                     </el-form-item>
                   </el-col>
@@ -449,6 +473,7 @@
                       <el-input v-model="formData.CompanyTel" :class="changedForm['CompanyTel'] ? 'modified-form-input' : ''"
                                 placeholder="请输入"
                                 maxlength="20"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -459,6 +484,7 @@
                       <el-input v-model="formData.EMail" :class="changedForm['EMail'] ? 'modified-form-input' : ''"
                                 maxlength="50"
                                 placeholder="请输入"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%"></el-input>
                     </el-form-item>
                   </el-col>
@@ -468,6 +494,7 @@
                       <el-input v-model="formData.BankCreditRating" :class="changedForm['BankCreditRating'] ? 'modified-form-input' : ''"
                                 maxlength="10"
                                 placeholder="请输入"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -487,6 +514,7 @@
                                 maxlength="200"
                                 placeholder="请输入"
                                 type="textarea"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%"></el-input>
                     </el-form-item>
                   </el-col>
@@ -495,6 +523,7 @@
                       <el-input v-model="formData.ProductQualityCert" :class="changedForm['ProductQualityCert'] ? 'modified-form-input' : ''"
                                 placeholder="请输入"
                                 maxlength="200"
+                                :readonly="!canUpdateSupplier"
                                 type="textarea"></el-input>
                     </el-form-item>
                   </el-col>
@@ -504,6 +533,7 @@
                                 :class="changedForm['MaunLicense'] ? 'modified-form-input' : ''"
                                 placeholder="请输入"
                                 maxlength="200"
+                                :readonly="!canUpdateSupplier"
                                 type="textarea"></el-input>
                     </el-form-item>
                   </el-col>
@@ -513,6 +543,7 @@
                                 :class="changedForm['MaunAgent'] ? 'modified-form-input' : ''"
                                 maxlength="100"
                                 placeholder="请输入"
+                                :readonly="!canUpdateSupplier"
                                 type="textarea">
                       </el-input>
                     </el-form-item>
@@ -525,6 +556,7 @@
                                 maxlength="200"
                                 placeholder="请输入"
                                 type="textarea"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -537,6 +569,7 @@
                                 placeholder="请输入"
                                 maxlength="200"
                                 type="textarea"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -549,6 +582,7 @@
                                 maxlength="1000"
                                 placeholder="营业执照上的信息"
                                 type="textarea"
+                                :readonly="!canUpdateSupplier"
                                 style="width: 100%"></el-input>
                     </el-form-item>
                   </el-col>
@@ -558,6 +592,7 @@
                                 :class="changedForm['Remark'] ? 'modified-form-input' : ''"
                                 maxlength="500"
                                 placeholder="请输入"
+                                :readonly="!canUpdateSupplier"
                                 type="textarea"
                                 style="width: 100%">
                       </el-input>
@@ -582,74 +617,74 @@
               </span>
             </div>
 
-            <el-form label-width="220px" ref="EntityFormNumber" :model="formDataCert"  :rules="rulesnum">
+            <el-form class="formDataInfo" label-width="220px" ref="EntityFormNumber" :model="formDataCert"  :rules="rulesnum">
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="企业员工总数" prop="WorkerTotal">
-                    <el-input-number v-model="formDataCert.WorkerTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.WorkerTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="合同化用工数量">
-                    <el-input-number v-model="formDataCert.ContractNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.ContractNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="大学及以上学历人员数量">
-                    <el-input-number v-model="formDataCert.UniversityNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.UniversityNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="技术、管理人员数量" prop="TechnicalNum">
-                    <el-input-number v-model="formDataCert.TechnicalNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.TechnicalNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="高级及以上职称人员数量">
-                    <el-input-number v-model="formDataCert.AboveProfNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.AboveProfNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="中级职称人员数量">
-                    <el-input-number v-model="formDataCert.MiddleProfNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.MiddleProfNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="具有国家注册执业资格人员数量">
-                    <el-input-number v-model="formDataCert.NationalRegNum" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.NationalRegNum" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="具有国家注册执业资格证书总数">
-                    <el-input-number v-model="formDataCert.NationalCertTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.NationalCertTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="设计人员总数">
-                    <el-input-number v-model="formDataCert.DesignerTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.DesignerTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="技术工人总数" prop="SkillerTotal">
-                    <el-input-number v-model="formDataCert.SkillerTotal" controls-position="right" size="mini" :min="0"
+                    <el-input-number v-model="formDataCert.SkillerTotal" controls-position="right" size="mini" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
@@ -813,7 +848,7 @@
                            :page-size="sizeProject"
                            layout="total, sizes, prev, pager, next,jumper"
                            :total="currentItemCountProject"
-                           style="margin: 5px;">
+                           style="float: right; margin-top: 10px; margin-bottom: 10px">
             </el-pagination>
           </el-card>
         </el-tab-pane>
@@ -1409,7 +1444,7 @@
         userOptions: [],
         addshow: false,
         dialogSeparateUnitAuditVisible: false,
-        canUpdateSupplier: true,
+        canUpdateSupplier: false,
         dictData: null,
         add_flat: true,
         applyLoading: false,
@@ -1789,7 +1824,7 @@
       this.formData.Id = this.serviceId
       this.initDatas()
       this.entityForm.Status = this.Status
-      if (this.Status <= 1) {
+      if (this.Status <= 0) {
         this.savebtn = false
         this.canUpdateSupplier = true
       }
@@ -3428,4 +3463,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/annualaudit/_opera/operation.vue

@@ -2,8 +2,8 @@
   <div>
     <el-breadcrumb class="heading">
       <el-breadcrumb-item :to="{ path: '/' }">平台首页</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: '/oilsupplier/annualaudit' }">年审基本信息表</el-breadcrumb-item>
-      <el-breadcrumb-item>编辑</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/oilsupplier/annualaudit/techindex' }">年审基本信息表</el-breadcrumb-item>
+      <el-breadcrumb-item>服务类</el-breadcrumb-item>
     </el-breadcrumb>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
@@ -61,7 +61,7 @@
                   <el-col :span="16">
                     <el-form-item label="供方名称" prop="SupplierName" >
                       <el-input v-model="formData.SupplierName" :maxlength="255" :class="changedForm['SupplierName'] ? 'modified-form-input' : ''"
-                                placeholder="请输入" style="width: 100%">
+                                :readonly="!canUpdateSupplier" placeholder="请输入" style="width: 100%">
                       </el-input>
                     </el-form-item>
                   </el-col>
@@ -76,7 +76,7 @@
                   <el-col :span="8">
                     <el-form-item label="单位关系">
                       <el-select ref="SpecType" v-model="formData.SpecTypeCode" :class="changedForm['SpecTypeCode'] ? 'modified-form-input' : ''"
-                                 placeholder="请选择" style="width: 100%">
+                                 :disabled="!canUpdateSupplier" placeholder="请选择" style="width: 100%">
                         <el-option v-for="item in UnitRelationOptions" :key="item.Id" :label="item.Key"
                                    :value="item.Value">
                         </el-option>
@@ -86,7 +86,7 @@
 
                   <el-col :span="8">
                     <el-form-item label="准入方式">
-                      <el-select ref="SpecType" v-model="InStyle" :disabled="true"
+                      <el-select ref="SpecType" v-model="InStyle" :disabled="!canUpdateSupplier"
                                  placeholder="请选择" style="width: 100%">
                         <el-option v-for="item in InOptions" :key="item.Id" :label="item.Key" v-if="item.Value != '2' && item.Value != '3'"
                                    :value="item.Value">
@@ -97,7 +97,7 @@
 
                   <el-col :span="8">
                     <el-form-item label="证件合一">
-                      <el-select v-model="formData.CredentialFlag" placeholder="请选择" :class="changedForm['CredentialFlag'] ? 'modified-form-input' : ''" @change="showorhid" style="width: 100%">
+                      <el-select v-model="formData.CredentialFlag" :disabled="!canUpdateSupplier" placeholder="请选择" :class="changedForm['CredentialFlag'] ? 'modified-form-input' : ''" @change="showorhid" style="width: 100%">
                         <el-option v-for="item in selectoptions" :key="item.value" :label="item.label" :value="item.value">
                         </el-option>
                       </el-select>
@@ -109,7 +109,7 @@
 
                   <el-col :span="8">
                     <el-form-item label="统一社会信用代码" prop="CommercialNo" >
-                      <el-input v-model="formData.CommercialNo" maxlength="50" :readonly="true" placeholder="请输入" style="width: 100%">
+                      <el-input v-model="formData.CommercialNo" maxlength="50" :readonly="!canUpdateSupplier" placeholder="请输入" style="width: 100%">
                       </el-input>
                     </el-form-item>
                   </el-col>
@@ -231,6 +231,7 @@
                     <el-form-item label="币种">
                       <el-select :class="changedForm['Currency'] ? 'modified-form-input' : ''"
                                  v-model="formData.Currency" placeholder="请选择"
+                                 :disabled="!canUpdateSupplier"
                                  style="width: 100%;">
                         <el-option v-for="item in CurrencyOptions" :key="item.Value" :label="item.Key" :value="item.Value">
                         </el-option>
@@ -330,14 +331,14 @@
                   <el-col :span="8">
                     <el-form-item label="质量管理体系认证证书编号">
                       <el-input v-model="formData.QualitySystemCert" :class="changedForm['QualitySystemCert'] ? 'modified-form-input' : ''"
-                                maxlength="200" :readonly="this.formData.Status > '0'" placeholder="请输入" type="textarea"
+                                maxlength="200" :readonly="!canUpdateSupplier" placeholder="请输入" type="textarea"
                                 style="width: 100%"></el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :span="8">
                     <el-form-item label="企业资质证书(编号  级别)">
                       <el-input v-model="formData.QualifCert" :class="changedForm['QualifCert'] ? 'modified-form-input' : ''"
-                                placeholder="请输入" :readonly="this.formData.Status >'0'" maxlength="200" type="textarea"
+                                placeholder="请输入" :readonly="!canUpdateSupplier" maxlength="200" type="textarea"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -345,7 +346,7 @@
                   <el-col :span="8">
                     <el-form-item label="安全生产许可证证书编号">
                       <el-input v-model="formData.SafetyLicense" :class="changedForm['SafetyLicense'] ? 'modified-form-input' : ''"
-                                maxlength="200" :readonly="this.formData.Status > '0'" placeholder="请输入" type="textarea"
+                                maxlength="200" :readonly="!canUpdateSupplier" placeholder="请输入" type="textarea"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -354,7 +355,7 @@
                   <el-col :span="8">
                     <el-form-item label="行业特殊要求的认证证书编号">
                       <el-input v-model="formData.SpecIndustryCert" :class="changedForm['SpecIndustryCert'] ? 'modified-form-input' : ''"
-                                :readonly="this.formData.Status > '0'" placeholder="请输入" maxlength="200" type="textarea"
+                                :readonly="!canUpdateSupplier" placeholder="请输入" maxlength="200" type="textarea"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -369,7 +370,7 @@
                   <el-col :span="24">
                     <el-form-item label="备注">
                       <el-input v-model="formData.Remark" :class="changedForm['Remark'] ? 'modified-form-input' : ''"
-                                :readonly="this.formData.Status > '0'" maxlength="500" placeholder="请输入" type="textarea"
+                                :readonly="!canUpdateSupplier" maxlength="500" placeholder="请输入" type="textarea"
                                 style="width: 100%">
                       </el-input>
                     </el-form-item>
@@ -391,74 +392,74 @@
               </span>
             </div>
 
-            <el-form label-width="220px" ref="EntityFormNumber" size="mini" :model="formDataCert" :rules="rulesnum">
+            <el-form label-width="220px" class="formDataInfo" ref="EntityFormNumber" size="mini" :model="formDataCert" :rules="rulesnum">
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="企业员工总数" prop="WorkerTotal">
-                    <el-input-number v-model="formDataCert.WorkerTotal" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.WorkerTotal" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="合同化用工数量">
-                    <el-input-number v-model="formDataCert.ContractNum" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.ContractNum" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="大学及以上学历人员数量">
-                    <el-input-number v-model="formDataCert.UniversityNum" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.UniversityNum" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="技术、管理人员数量" prop="TechnicalNum">
-                    <el-input-number v-model="formDataCert.TechnicalNum" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.TechnicalNum" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="高级及以上职称人员数量">
-                    <el-input-number v-model="formDataCert.AboveProfNum" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.AboveProfNum" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="中级职称人员数量">
-                    <el-input-number v-model="formDataCert.MiddleProfNum" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.MiddleProfNum" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="具有国家注册执业资格人员数量">
-                    <el-input-number v-model="formDataCert.NationalRegNum" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.NationalRegNum" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="具有国家注册执业资格证书总数">
-                    <el-input-number v-model="formDataCert.NationalCertTotal" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.NationalCertTotal" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="设计人员总数">
-                    <el-input-number v-model="formDataCert.DesignerTotal" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.DesignerTotal" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
 
                 <el-col :span="8">
                   <el-form-item label="技术工人总数" prop="SkillerTotal">
-                    <el-input-number v-model="formDataCert.SkillerTotal" controls-position="right" :min="0"
+                    <el-input-number v-model="formDataCert.SkillerTotal" controls-position="right" :min="0" :disabled="!canUpdateSupplier"
                       style="width: 100%"></el-input-number>
                   </el-form-item>
                 </el-col>
@@ -620,7 +621,7 @@
                            :page-size="sizeProject"
                            layout="total, sizes, prev, pager, next,jumper"
                            :total="currentItemCountProject"
-                           style="margin: 5px;">
+                           style="float: right; margin-top: 10px; margin-bottom: 10px">
             </el-pagination>
           </el-card>
         </el-tab-pane>
@@ -1362,7 +1363,7 @@ import Viewer from 'v-viewer'
         auditbusList: [], // 待审核业务
         organizeOption: [], // 审批部门
         addshow: false,
-        canUpdateSupplier: true,
+        canUpdateSupplier: false,
         dictData: null,
         add_flat: true,
         applyLoading: false,
@@ -3296,4 +3297,31 @@ import Viewer from 'v-viewer'
     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>