Răsfoiți Sursa

信息变更修改

huahaiyan 6 ani în urmă
părinte
comite
30a1d9124f

+ 16 - 0
src/dashoo.cn/backend/api/controllers/oilsupplier/infochange.go

@@ -79,6 +79,22 @@ func (this *InfoChangeController) GetMainEntity() {
 	this.ServeJSON()
 }
 
+// @Title 获取实体
+// @Description 获取实体
+// @Success 200 {object} annualaudit.OilAnnualAudit
+// @router /getAccessCardNo/:id [get]
+func (this *InfoChangeController) GetAccessCardNo() {
+	SuppId := this.Ctx.Input.Param(":id")
+	var model []suppliercert.OilSupplierCert
+	svc := infochange.GetInfoChangeService(utils.DBE)
+	where := " SupplierId = " + SuppId
+	svc.GetEntitysByOrderbyWhere(OilSupplierCertName, where,"SupplierTypeCode asc", &model)
+	var datainfo DataInfo
+	datainfo.Items = model
+	this.Data["json"] = &datainfo
+	this.ServeJSON()
+}
+
 // @Title 获取实体
 // @Description 获取实体
 // @Success 200 {object} annualaudit.OilAnnualAudit

+ 6 - 0
src/dashoo.cn/frontend_web/src/api/oilsupplier/infochange.js

@@ -37,6 +37,12 @@ export default {
       method: 'GET'
     })
   },
+  GeAccessCardNo (entityId, myAxios) {
+    return myAxios({
+      url: '/infochange/getAccessCardNo/' + entityId,
+      method: 'GET'
+    })
+  },
   GetMainInfo (entityId, myAxios) {
     return myAxios({
       url: '/infochange/getmain/' + entityId,

+ 222 - 15
src/dashoo.cn/frontend_web/src/pages/oilsupplier/infochangech/_opera/auditoperation.vue

@@ -389,9 +389,17 @@
 
           </el-form>
         </el-tab-pane>
-        <el-tab-pane label="企业资质">
+        <el-tab-pane label="物资类">
           <el-card class="box-card">
-            <el-table :data="businessList" border>
+            <el-form :model="formData">
+              <el-col :span="8">
+                <el-form-item label="准入编码">
+                  <el-input v-model="AccessCardNo1" :readonly="true" placeholder="请输入" style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-form>
+            <el-table :data="businessList1" border>
               <el-table-column prop="Code" label="分类编码" show-overflow-tooltip></el-table-column>
               <el-table-column prop="Name" label="分类名称" show-overflow-tooltip></el-table-column>
               <el-table-column prop="Remark" label="备注" show-overflow-tooltip></el-table-column>
@@ -401,7 +409,103 @@
             <div slot="header" class="clearfix">
               <span style="font-weight: bold">企业资质</span>
             </div>
-            <el-table :data="subfileList" border>
+            <el-table :data="subfileList1" border>
+              <el-table-column prop="NeedFileType" label="文件分类" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="OldFileName" label="原文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <a :href="'http://'+fileurlcut(scope.row.OldFileUrl)" target="_blank"
+                    class="buttonText">{{scope.row.OldFileName}}</a>
+                </template>
+              </el-table-column>
+              <el-table-column prop="OldEffectDate" label="原有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.OldEffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="FileName" label="变更后文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <a :href="'http://'+fileurlcut(scope.row.FileUrl)" target="_blank"
+                    class="buttonText">{{scope.row.FileName}}</a>
+                </template>
+              </el-table-column>
+              <el-table-column prop="EffectDate" label="变更后有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.EffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="Remark" label="描述" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+        </el-tab-pane>
+        <el-tab-pane label="基建类">
+          <el-card class="box-card">
+            <el-form :model="formData">
+              <el-col :span="8">
+                <el-form-item label="准入编码">
+                  <el-input v-model="AccessCardNo2" :readonly="true" placeholder="请输入" style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-form>
+            <el-table :data="businessList2" border>
+              <el-table-column prop="Code" label="分类编码" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Name" label="分类名称" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Remark" label="备注" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+          <el-card class="box-card" style="margin-top: 10px;">
+            <div slot="header" class="clearfix">
+              <span style="font-weight: bold">企业资质</span>
+            </div>
+            <el-table :data="subfileList2" border>
+              <el-table-column prop="NeedFileType" label="文件分类" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="OldFileName" label="原文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <a :href="'http://'+fileurlcut(scope.row.OldFileUrl)" target="_blank"
+                    class="buttonText">{{scope.row.OldFileName}}</a>
+                </template>
+              </el-table-column>
+              <el-table-column prop="OldEffectDate" label="原有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.OldEffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="FileName" label="变更后文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <a :href="'http://'+fileurlcut(scope.row.FileUrl)" target="_blank"
+                    class="buttonText">{{scope.row.FileName}}</a>
+                </template>
+              </el-table-column>
+              <el-table-column prop="EffectDate" label="变更后有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.EffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="Remark" label="描述" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+        </el-tab-pane>
+        <el-tab-pane label="技术服务类">
+          <el-card class="box-card">
+            <el-form :model="formData">
+              <el-col :span="8">
+                <el-form-item label="准入编码">
+                  <el-input v-model="AccessCardNo3" :readonly="true" placeholder="请输入" style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-form>
+            <el-table :data="businessList3" border>
+              <el-table-column prop="Code" label="分类编码" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Name" label="分类名称" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Remark" label="备注" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+          <el-card class="box-card" style="margin-top: 10px;">
+            <div slot="header" class="clearfix">
+              <span style="font-weight: bold">企业资质</span>
+            </div>
+            <el-table :data="subfileList3" border>
               <el-table-column prop="NeedFileType" label="文件分类" show-overflow-tooltip></el-table-column>
               <el-table-column prop="OldFileName" label="原文件" show-overflow-tooltip>
                 <template slot-scope="scope">
@@ -485,6 +589,10 @@
 
     data() {
       return {
+        AccessCardNolist: [],
+        AccessCardNo1: '',
+        AccessCardNo2: '',
+        AccessCardNo3:'',
         SubfileForm: {
           Id: '',
           SupplierId: '',
@@ -511,8 +619,12 @@
         visible: false,
         Title: '编辑',
         activeName: '',
-        subfileList: [], //资质
-        businessList: [], //准入业务
+        subfileList1: [], //资质
+        businessList1: [], //准入业务
+        subfileList2: [], //资质
+        businessList2: [], //准入业务
+        subfileList3: [], //资质
+        businessList3: [], //准入业务
         entrydetail: {
           process: "oil_info_change",
           business: "",
@@ -732,9 +844,13 @@
       this.auditget()
       this.GetItemsDatas()
       this.getDictOptions()
-      this.getfilelist()
-      this.getbusList()
-
+      this.getfilelist1()
+      this.getbusList1()
+      this.getfilelist2()
+      this.getbusList2()
+      this.getfilelist3()
+      this.getbusList3()
+      this.getAccessCardNo()
     },
     methods: {
       initDatas() {
@@ -773,11 +889,26 @@
             console.error(err);
           });
       },
-      getfilelist() {
+      getAccessCardNo() {
+        api.GeAccessCardNo(this.supplierId, this.$axios)
+          .then(res => {
+            this.AccessCardNolist = res.data.items;
+            console.log("this.AccessCardNolist", this.AccessCardNolist)
+            if (this.AccessCardNolist) {
+              this.AccessCardNo1= this.AccessCardNolist[0].AccessCardNo
+              this.AccessCardNo2 = this.AccessCardNolist[1].AccessCardNo
+              this.AccessCardNo3 = this.AccessCardNolist[2].AccessCardNo
+            }
+          })
+          .catch(err => {
+            console.error(err);
+          });
+      },
+      getfilelist1() {
         let _this = this
         const params = {
           SupplierId: this.SuppId,
-          SupplierTypeCode: '',
+          SupplierTypeCode: '01',
           _currentPage: 1,
           _size: 1000,
         }
@@ -785,19 +916,95 @@
             params
           })
           .then(res => {
-            _this.subfileList = res.data.items
+            _this.subfileList1 = res.data.items
             _this.currentItemCount = res.data.currentItemCount
-            console.log("----this.subfileList---", this.subfileList)
+            console.log("----this.subfileList---", this.subfileList1)
           })
           .catch(err => {
             console.error(err)
           })
       },
-      getbusList() {
+      getbusList1() {
         let _this = this
         const params = {
           SupplierId: this.SuppId,
-          SupplierTypeCode: '',
+          SupplierTypeCode: '01',
+          _currentPage: 1,
+          _size: 1000
+        }
+        this.$axios.get('suppliercertsub/list', {
+            params
+          })
+          .then(res => {
+            _this.businessList1 = res.data.items
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getfilelist2() {
+        let _this = this
+        const params = {
+          SupplierId: this.SuppId,
+          SupplierTypeCode: '02',
+          _currentPage: 1,
+          _size: 1000,
+        }
+        _this.$axios.get('qualchange/auditfilelist', {
+            params
+          })
+          .then(res => {
+            _this.subfileList2 = res.data.items
+            _this.currentItemCount = res.data.currentItemCount
+            console.log("----this.subfileList---", this.subfileList2)
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getbusList2() {
+        let _this = this
+        const params = {
+          SupplierId: this.SuppId,
+          SupplierTypeCode: '02',
+          _currentPage: 1,
+          _size: 1000
+        }
+        this.$axios.get('suppliercertsub/list', {
+            params
+          })
+          .then(res => {
+            _this.businessList2 = res.data.items
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getfilelist3() {
+        let _this = this
+        const params = {
+          SupplierId: this.SuppId,
+          SupplierTypeCode: '03',
+          _currentPage: 1,
+          _size: 1000,
+        }
+        _this.$axios.get('qualchange/auditfilelist', {
+            params
+          })
+          .then(res => {
+            _this.subfileList3 = res.data.items
+            _this.currentItemCount = res.data.currentItemCount
+            console.log("----this.subfileList---", this.subfileList3)
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getbusList3() {
+        let _this = this
+        const params = {
+          SupplierId: this.SuppId,
+          SupplierTypeCode: '03',
           _currentPage: 1,
           _size: 1000
         }
@@ -805,7 +1012,7 @@
             params
           })
           .then(res => {
-            _this.businessList = res.data.items
+            _this.businessList3 = res.data.items
           })
           .catch(err => {
             console.error(err)

+ 414 - 80
src/dashoo.cn/frontend_web/src/pages/oilsupplier/infochangech/_opera/operation.vue

@@ -45,12 +45,12 @@
                 </el-form-item>
               </el-col>
 
-              <el-col :span="8">
+              <!-- <el-col :span="8">
                 <el-form-item label="准入编码">
                   <el-input v-model="formData.WZAccessCardNo" :readonly="true" placeholder="请输入" style="width: 100%">
                   </el-input>
                 </el-form-item>
-              </el-col>
+              </el-col> -->
 
               <el-col :span="8">
                 <el-form-item label="单位关系">
@@ -99,7 +99,7 @@
 
               <el-col :span="8">
                 <el-form-item label="中石油准入证编号">
-                  <el-input v-model="formData.OilCertificateNo" maxlength="255" :readonly="true" placeholder="请输入"
+                  <el-input v-model="formData.OilCertificateNo" maxlength="255" placeholder="请输入"
                     :class="getchange('OilCertificateNo') ? 'modified-form-input' : ''" style="width: 100%">
                   </el-input>
                 </el-form-item>
@@ -343,13 +343,13 @@
                     :class="IsModified ? 'modified-form-input' : ''"></el-input>
                 </el-form-item>
               </el-col>
-              <el-col :span="8">
+              <!-- <el-col :span="8">
                 <el-form-item label="所代理制造商名称">
                   <el-input v-model="formData.AgentManufacturer" maxlength="255" placeholder="请输入" type="textarea"
                     :class="IsModified ? 'modified-form-input' : ''">
                   </el-input>
                 </el-form-item>
-              </el-col>
+              </el-col> -->
 
               <el-col :span="8">
                 <el-form-item label="中石油物资供应商证书">
@@ -374,13 +374,13 @@
                   </el-input>
                 </el-form-item>
               </el-col>
-              <el-col :span="16">
+              <el-col :span="8">
                 <el-form-item label="营业范围" prop="BusinessScope">
                   <el-input v-model="formData.BusinessScope" maxlength="200" placeholder="请输入" type="textarea"
                     :class="IsModified ? 'modified-form-input' : ''" style="width: 100%"></el-input>
                 </el-form-item>
               </el-col>
-              <el-col :span="24">
+              <el-col :span="16">
                 <el-form-item label="备注">
                   <el-input v-model="formData.Remark" maxlength="500" placeholder="请输入" type="textarea"
                     :class="IsModified ? 'modified-form-input' : ''" style="width: 100%">
@@ -391,9 +391,17 @@
 
           </el-form>
         </el-tab-pane>
-        <el-tab-pane label="企业资质">
+        <el-tab-pane label="物资类">
           <el-card class="box-card">
-            <el-table :data="businessList" border>
+            <el-form :model="formData">
+              <el-col :span="8">
+                <el-form-item label="准入编码">
+                  <el-input v-model="AccessCardNo1" :readonly="true" placeholder="请输入" style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-form>
+            <el-table :data="businessList1" border>
               <el-table-column prop="Code" label="分类编码" show-overflow-tooltip></el-table-column>
               <el-table-column prop="Name" label="分类名称" show-overflow-tooltip></el-table-column>
               <el-table-column prop="Remark" label="备注" show-overflow-tooltip></el-table-column>
@@ -403,7 +411,125 @@
             <div slot="header" class="clearfix">
               <span style="font-weight: bold">企业资质</span>
             </div>
-            <el-table :data="subfileList" border>
+            <el-table :data="subfileList1" border>
+              <el-table-column label="操作" width="150" align="center" fixed>
+                <template slot-scope="scope">
+                  <el-button type="primary" plain size="mini" title="文件变更" @click="openDialog(scope.row)"
+                    :disabled="InfoStatus > 0 || butnab">
+                    变更</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="NeedFileType" label="文件分类" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="OldFileUrlList" label="原文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <div v-for="(tmpUrl, index) in scope.row.OldFileUrlList">
+                    <a :href="'http://'+fileurlcut(scope.row.OldFileUrl, index)" target="_blank"
+                      class="buttonText">{{scope.row.OldFileName.split('$')[index]}}</a>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="OldEffectDate" label="原有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.OldEffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="FileUrlList" label="变更后文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <div v-for="(tmpUrl, index) in scope.row.FileUrlList">
+                    <a :href="'http://'+fileurlcut(scope.row.FileUrl, index)" target="_blank"
+                      class="buttonText">{{scope.row.FileName.split('$')[index]}}</a>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="EffectDate" label="变更后有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.EffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="Remark" label="描述" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+        </el-tab-pane>
+        <el-tab-pane label="基建类">
+          <el-card class="box-card">
+            <el-form :model="formData">
+              <el-col :span="8">
+                <el-form-item label="准入编码">
+                  <el-input v-model="AccessCardNo2" :readonly="true" placeholder="请输入" style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-form>
+            <el-table :data="businessList2" border>
+              <el-table-column prop="Code" label="分类编码" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Name" label="分类名称" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Remark" label="备注" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+          <el-card class="box-card" style="margin-top: 10px;">
+            <div slot="header" class="clearfix">
+              <span style="font-weight: bold">企业资质</span>
+            </div>
+            <el-table :data="subfileList2" border>
+              <el-table-column label="操作" width="150" align="center" fixed>
+                <template slot-scope="scope">
+                  <el-button type="primary" plain size="mini" title="文件变更" @click="openDialog(scope.row)"
+                    :disabled="InfoStatus > 0 || butnab">
+                    变更</el-button>
+                </template>
+              </el-table-column>
+              <el-table-column prop="NeedFileType" label="文件分类" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="OldFileUrlList" label="原文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <div v-for="(tmpUrl, index) in scope.row.OldFileUrlList">
+                    <a :href="'http://'+fileurlcut(scope.row.OldFileUrl, index)" target="_blank"
+                      class="buttonText">{{scope.row.OldFileName.split('$')[index]}}</a>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="OldEffectDate" label="原有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.OldEffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="FileUrlList" label="变更后文件" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  <div v-for="(tmpUrl, index) in scope.row.FileUrlList">
+                    <a :href="'http://'+fileurlcut(scope.row.FileUrl, index)" target="_blank"
+                      class="buttonText">{{scope.row.FileName.split('$')[index]}}</a>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="EffectDate" label="变更后有效日期" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ jstimehandle(scope.row.EffectDate+'') }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="Remark" label="描述" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+        </el-tab-pane>
+        <el-tab-pane label="技术服务类">
+          <el-card class="box-card">
+            <el-form :model="formData">
+              <el-col :span="8">
+                <el-form-item label="准入编码">
+                  <el-input v-model="AccessCardNo3" :readonly="true" placeholder="请输入" style="width: 100%">
+                  </el-input>
+                </el-form-item>
+              </el-col>
+            </el-form>
+            <el-table :data="businessList3" border>
+              <el-table-column prop="Code" label="分类编码" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Name" label="分类名称" show-overflow-tooltip></el-table-column>
+              <el-table-column prop="Remark" label="备注" show-overflow-tooltip></el-table-column>
+            </el-table>
+          </el-card>
+          <el-card class="box-card" style="margin-top: 10px;">
+            <div slot="header" class="clearfix">
+              <span style="font-weight: bold">企业资质</span>
+            </div>
+            <el-table :data="subfileList3" border>
               <el-table-column label="操作" width="150" align="center" fixed>
                 <template slot-scope="scope">
                   <el-button type="primary" plain size="mini" title="文件变更" @click="openDialog(scope.row)"
@@ -440,52 +566,50 @@
               </el-table-column>
               <el-table-column prop="Remark" label="描述" show-overflow-tooltip></el-table-column>
             </el-table>
-
-            <el-dialog :title="Title" :visible.sync="visible" top="5vh">
-              <el-form :model="SubfileForm" label-width="100px">
-                <el-row>
-                  <el-col :span="12">
-                    <el-form-item label="资质文件">
-                      <el-upload multiple style="margin-top: 10px;" action="" ref="refuploadattach"
-                        :http-request="uploadrequest" class="attach-uploader" :before-upload="beforeAvatarUpload">
-                        <i class="el-icon-plus attach-uploader-icon"></i>
-                        <div slot="tip" class="el-upload__tip" v-if="SubfileForm.NeedFileType !=yasuoname">大小为512KB-5MB
-                        </div>
-                      </el-upload>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12">
-                    <el-form-item label="有效日期" required>
-                      <el-date-picker style="width: 100%" v-model="SubfileForm.EffectDate" type="date"
-                        placeholder="请选择有效日期">
-                      </el-date-picker>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="24">
-                    <el-form-item label="描述">
-                      <el-input v-model="SubfileForm.Remark" type="textarea" :rows=3 placeholder="请输入备注信息"></el-input>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
-              </el-form>
-              <div slot="footer" class="dialog-footer" style="margin-top:-30px;">
-                <el-button @click="visible = false">取 消</el-button>
-                <el-button type="primary" @click="makesure()">确 定</el-button>
-              </div>
-            </el-dialog>
           </el-card>
         </el-tab-pane>
       </el-tabs>
     </el-card>
+    <el-dialog :title="Title" :visible.sync="visible" top="5vh">
+      <el-form :model="SubfileForm" label-width="100px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="资质文件">
+              <el-upload multiple style="margin-top: 10px;" action="" ref="refuploadattach"
+                :http-request="uploadrequest" class="attach-uploader" :before-upload="beforeAvatarUpload">
+                <i class="el-icon-plus attach-uploader-icon"></i>
+                <div slot="tip" class="el-upload__tip" v-if="SubfileForm.NeedFileType !=yasuoname">大小为512KB-5MB
+                </div>
+              </el-upload>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="有效日期" required>
+              <el-date-picker style="width: 100%" v-model="SubfileForm.EffectDate" type="date" placeholder="请选择有效日期">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="描述">
+              <el-input v-model="SubfileForm.Remark" type="textarea" :rows=3 placeholder="请输入备注信息"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer" style="margin-top:-30px;">
+        <el-button @click="visible = false">取 消</el-button>
+        <el-button type="primary" @click="makesure()">确 定</el-button>
+      </div>
+    </el-dialog>
     <el-dialog title="变更项查看" :visible.sync="myitemsshow" width="360px">
-<el-table :data="InfoData" border style="width: 100%">
-          <el-table-column align="center" prop="SelectItemName" label="变更项目">
-          </el-table-column>
-          <el-table-column align="center" prop="BeChangeInfo" label="变更前内容">
-          </el-table-column>
-          <el-table-column prop="ChangeInfo" align="center" label="变更后内容">
-          </el-table-column>
-        </el-table>
+      <el-table :data="InfoData" border style="width: 100%">
+        <el-table-column align="center" prop="SelectItem" label="变更项目">
+        </el-table-column>
+        <el-table-column align="center" prop="BeChangeInfo" label="变更前内容">
+        </el-table-column>
+        <el-table-column prop="ChangeInfo" align="center" label="变更后内容">
+        </el-table-column>
+      </el-table>
     </el-dialog>
     <el-dialog title="提交申请" :visible.sync="commitshow" width="360px">
       <el-form label-width="90px" :model="entityForm" ref="EntityFormref">
@@ -530,6 +654,8 @@
     mapGetters
   } from 'vuex'
   import _ from 'lodash';
+  import axios from 'axios'
+  import uploadajax from '@/assets/js//uploadajax.js'
   import supplierapi from '@/api/oilsupplier/supplier';
   import api from '@/api/oilsupplier/infochange';
   import WfMultiHistory from "@/components/workflow/wfmultihistory.vue";
@@ -637,6 +763,11 @@
         }
       };
       return {
+        waituploads: [], // 等待上传的附件列表
+        AccessCardNolist: [],
+        AccessCardNo1: '',
+        AccessCardNo2: '',
+        AccessCardNo3: '',
         myitemsshow: false,
         yasuoname: '',
         SubfileForm: {
@@ -665,8 +796,12 @@
         visible: false,
         Title: '编辑',
         activeName: '',
-        subfileList: [], //资质
-        businessList: [], //准入业务
+        subfileList1: [], //资质
+        businessList1: [], //准入业务
+        subfileList2: [], //资质
+        businessList2: [], //准入业务
+        subfileList3: [], //资质
+        businessList3: [], //准入业务
         secauditerOptions: [],
         infochangedata: [],
         infochangedatalist: [],
@@ -1001,17 +1136,24 @@
       this.initDatas()
       this.GetItemsDatas()
       this.getDictOptions()
-      this.getbusList()
-      this.getsubfile()
+      this.getbusList1()
+      this.getsubfile1()
+      this.getbusList2()
+      this.getsubfile2()
+      this.getbusList3()
+      this.getsubfile3()
       this.getFileDictOptions()
+      this.getAccessCardNo()
     },
     methods: {
       initDatas() {
         this.getMainInfo()
+        console.log("-33333333333222222", this.formData)
         if (this.formData.Id) {
           api.GetChangeEntity(this.formData.Id, this.$axios)
             .then(res => {
               this.formData = res.data;
+              console.log("---this.formDatathis.formData-", this.formData)
               this.copyformdata = _.cloneDeep(this.formData);
               this.CityAry = []
               this.CityAry.push(this.formData.Province)
@@ -1043,11 +1185,116 @@
             console.error(err);
           });
       },
-      getsubfile() {
+      getAccessCardNo() {
+        api.GeAccessCardNo(this.supplierId, this.$axios)
+          .then(res => {
+            this.AccessCardNolist = res.data.items;
+            console.log("this.AccessCardNolist", this.AccessCardNolist)
+            if (this.AccessCardNolist) {
+              this.AccessCardNo1 = this.AccessCardNolist[0].AccessCardNo
+              this.AccessCardNo2 = this.AccessCardNolist[1].AccessCardNo
+              this.AccessCardNo3 = this.AccessCardNolist[2].AccessCardNo
+            }
+          })
+          .catch(err => {
+            console.error(err);
+          });
+      },
+      getsubfile1() {
+        let _this = this
+        const params = {
+          SupplierId: this.supplierId,
+          SupplierTypeCode: '01',
+          _currentPage: 1,
+          _size: 1000,
+        }
+        _this.$axios.get('qualchange/filelist', {
+            params
+          })
+          .then(res => {
+            _this.subfileList1 = res.data.items
+            _this.currentItemCount = res.data.currentItemCount
+            for (let idx in _this.subfileList1) {
+              _this.subfileList1[idx].FileUrlList = _this.subfileList1[idx].FileUrl.split('$')
+
+            }
+            for (let idx1 in _this.subfileList1) {
+              _this.subfileList1[idx1].OldFileUrlList = _this.subfileList1[idx1].OldFileUrl.split('$')
+
+            }
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getbusList1() {
+        let _this = this
+        const params = {
+          SupplierId: this.supplierId,
+          SupplierTypeCode: '01',
+          _currentPage: 1,
+          _size: 1000
+        }
+        this.$axios.get('suppliercertsub/list', {
+            params
+          })
+          .then(res => {
+            _this.businessList1 = res.data.items
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getsubfile2() {
+        let _this = this
+        const params = {
+          SupplierId: this.supplierId,
+          SupplierTypeCode: '02',
+          _currentPage: 1,
+          _size: 1000,
+        }
+        _this.$axios.get('qualchange/filelist', {
+            params
+          })
+          .then(res => {
+            _this.subfileList2 = res.data.items
+            _this.currentItemCount = res.data.currentItemCount
+            for (let idx in _this.subfileList2) {
+              _this.subfileList2[idx].FileUrlList = _this.subfileList2[idx].FileUrl.split('$')
+
+            }
+            for (let idx1 in _this.subfileList2) {
+              _this.subfileList2[idx1].OldFileUrlList = _this.subfileList2[idx1].OldFileUrl.split('$')
+
+            }
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getbusList2() {
         let _this = this
         const params = {
           SupplierId: this.supplierId,
-          SupplierTypeCode: this.SupplierTypeCode,
+          SupplierTypeCode: '02',
+          _currentPage: 1,
+          _size: 1000
+        }
+        this.$axios.get('suppliercertsub/list', {
+            params
+          })
+          .then(res => {
+            _this.businessList2 = res.data.items
+          })
+          .catch(err => {
+            console.error(err)
+          })
+      },
+      getsubfile3() {
+        let _this = this
+        const params = {
+          SupplierId: this.supplierId,
+          SupplierTypeCode: '03',
           _currentPage: 1,
           _size: 1000,
         }
@@ -1055,14 +1302,14 @@
             params
           })
           .then(res => {
-            _this.subfileList = res.data.items
+            _this.subfileList3 = res.data.items
             _this.currentItemCount = res.data.currentItemCount
-            for (let idx in _this.subfileList) {
-              _this.subfileList[idx].FileUrlList = _this.subfileList[idx].FileUrl.split('$')
+            for (let idx in _this.subfileList3) {
+              _this.subfileList3[idx].FileUrlList = _this.subfileList3[idx].FileUrl.split('$')
 
             }
-            for (let idx1 in _this.subfileList) {
-              _this.subfileList[idx1].OldFileUrlList = _this.subfileList[idx1].OldFileUrl.split('$')
+            for (let idx1 in _this.subfileList3) {
+              _this.subfileList3[idx1].OldFileUrlList = _this.subfileList3[idx1].OldFileUrl.split('$')
 
             }
           })
@@ -1070,10 +1317,11 @@
             console.error(err)
           })
       },
-      getbusList() {
+      getbusList3() {
         let _this = this
         const params = {
           SupplierId: this.supplierId,
+          SupplierTypeCode: '03',
           _currentPage: 1,
           _size: 1000
         }
@@ -1081,7 +1329,7 @@
             params
           })
           .then(res => {
-            _this.businessList = res.data.items
+            _this.businessList3 = res.data.items
           })
           .catch(err => {
             console.error(err)
@@ -1121,7 +1369,7 @@
       comparevalue(newValue) {
         let _this = this
         _this.infochangeItemList = []
-        console.log("-newValue----",newValue)
+        console.log("-newValue----", newValue)
         _.forEach(newValue, function (value, key) {
           if (_this.copyformdata[key] != value) {
             _this.infochangeForm = {}
@@ -1131,10 +1379,53 @@
             _this.infochangeItemList.push(_this.infochangeForm)
           }
         })
-        console.log("==this.infochangeItemList==",this.infochangeItemList)
+        console.log("==this.infochangeItemList==", this.infochangeItemList)
+      },
+      //保存修改
+      makesure() {
+        if (this.$refs.refuploadattach.uploadFiles && this.$refs.refuploadattach.uploadFiles.length > 0) {
+          // 上传附件是否完成判断
+          if (!this.attachissuccess()) {
+            this.$message.error('有附件未成功上传!不能保存数据')
+            return
+          }
+          this.getattachissuccess()
+          this.editqualchange()
+        } else {
+          this.editqualchange()
+        }
+      },
+      editqualchange() {
+        let _this = this
+        _this.SubfileForm.SupplierId = parseInt(_this.SubfileForm.SupplierId)
+        _this.SubfileForm.SupplierCertSubId = parseInt(_this.SubfileForm.SupplierCertSubId)
+        _this.SubfileForm.SupplierCertId = parseInt(_this.SupplierCertId)
+        _this.$axios.put('/qualchange/editqualchange/' + _this.QualId, _this.SubfileForm)
+          .then(res => {
+            if (res.data.code === 0) {
+              _this.$message({
+                type: 'success',
+                message: res.data.message,
+              })
+              this.visible = false
+              this.getsubfile1()
+              this.getsubfile2()
+              this.getsubfile3()
+              this.$refs.refuploadattach.uploadFiles = []
+            } else {
+              _this.$message({
+                type: 'warning',
+                message: res.data.message
+              })
+            }
+          })
+          .catch(err => {
+            console.error(err)
+          })
       },
       openDialog(val) {
         this.Title = '资质变更'
+        this.waituploads = []
         this.SubfileForm.Id = val.Id
         this.SubfileForm.SupplierId = val.SupplierId
         this.SubfileForm.SupplierTypeCode = val.SupplierTypeCode
@@ -1187,6 +1478,8 @@
       },
       uploadrequest(option) {
         let _this = this
+        console.log("process.env.upfilehost",process.env.upfilehost)
+        debugger
         if (process.client) {
           const myDomain = window.location.host
           axios.post(process.env.upfilehost, {})
@@ -1202,15 +1495,6 @@
                   url: res.data.publicUrl,
                   fid: res.data.fid
                 })
-                // axios.post(process.env.upfilehost, {})
-                //   .then(function (res) {
-                //     if (res.data && res.data.fid && res.data.fid !== '') {
-                //       option.action = `http://${res.data.publicUrl}/${res.data.fid}`
-                //       _this.waituploads.push({
-                //         uid: option.file.uid,
-                //         url: res.data.publicUrl,
-                //         fid: res.data.fid
-                //       })
                 uploadajax(option)
               } else {
                 _this.$message({
@@ -1227,6 +1511,34 @@
             })
         }
       },
+      // 判断附件是否上传成功
+      attachissuccess() {
+        if (this.$refs.refuploadattach.uploadFiles && this.$refs.refuploadattach.uploadFiles.length > 0) {
+          for (let i = 0; i < this.$refs.refuploadattach.uploadFiles.length; i++) {
+            if (this.$refs.refuploadattach.uploadFiles[i].status !== 'success') {
+              return false
+            }
+          }
+        }
+        return true
+      },
+      getattachissuccess() {
+        this.SubfileForm.FileUrl = ''
+        this.SubfileForm.FileName = ''
+        if (this.$refs.refuploadattach.uploadFiles && this.$refs.refuploadattach.uploadFiles.length > 0) {
+          for (let i = 0; i < this.$refs.refuploadattach.uploadFiles.length; i++) {
+            if (this.$refs.refuploadattach.uploadFiles[i].status === 'success') {
+              for (let j = 0; j < this.waituploads.length; j++) {
+                if (this.waituploads[j].uid === this.$refs.refuploadattach.uploadFiles[i].uid) {
+                  this.SubfileForm.FileUrl +=
+                    `${this.waituploads[j].url}/${this.waituploads[j].fid}|${this.$refs.refuploadattach.uploadFiles[i].name}$`
+                  this.SubfileForm.FileName += `${this.$refs.refuploadattach.uploadFiles[i].name}$`
+                }
+              }
+            }
+          }
+        }
+      },
       showorhid(val) {
         console.log(val)
         if (val == '1' || val == '2') {
@@ -1291,6 +1603,7 @@
 
         api.addInfoChangeItemCh(AllInfochangeItemList, this.$axios).then(res => {
           if (res.data.code === 0) {
+            console.log("---res.data.--", res.data)
             //保存成功后,初始化数据,变成修改
             this.initDatas();
             this.$message({
@@ -1455,11 +1768,32 @@
 
 </script>
 
-<style lang="scss">
-  .modified-form-input {
-    .el-input__inner {
-      background-color: wheat;
-    }
+<style lang='scss'>
+  .attach-uploader .el-upload {
+    border: 1px dashed #63B8FF;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    // margin-bottom: -17px;
+    margin-top: -15px;
+    margin-left: 20px
+  }
+
+  .attach-uploader .el-upload:hover {
+    border-color: #228B22;
+  }
+
+  .attach-uploader-icon {
+    font-size: 25px;
+    color: #63B8FF;
+    width: 50px;
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
+  }
+
+  .attach-uploader-icon:hover {
+    color: #228B22;
   }
 
 </style>