From 860a8f5c0be48f4cc225e6a44bcd2deb16c7a2cf Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Sat, 24 Dec 2022 17:01:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=9B=E5=BA=94=E5=95=86=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 base-ui/src/api/portal/Upload.js              |  10 +-
 base-ui/src/api/supervise/supplierbankinfo.js |  43 +-
 .../src/components/uploadFile/FaImages.vue    | 218 +++----
 .../relation/relevancysupplierbankAdd.vue     | 150 +++++
 .../relation/relevancysupplierbankInfo.vue    | 157 +++++
 .../supplierbankinfo/supplierbankinfo.vue     | 607 +++++++++---------
 .../supplierbankinfo/supplierbankinfoAdd.vue  | 293 ++++++---
 .../supplierbankinfo/supplierbankinfoInfo.vue | 326 ++++++----
 8 files changed, 1121 insertions(+), 683 deletions(-)
 create mode 100644 base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankAdd.vue
 create mode 100644 base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankInfo.vue

diff --git a/base-ui/src/api/portal/Upload.js b/base-ui/src/api/portal/Upload.js
index dad59def..ea3c2ccf 100644
--- a/base-ui/src/api/portal/Upload.js
+++ b/base-ui/src/api/portal/Upload.js
@@ -1,10 +1,10 @@
 import request from '@/utils/request'
 import qs from 'qs'
-// 统一请求路径前缀
+// 统一请求路径前缀
 const base = process.env.VUE_APP_URL
 
-// 文件上传接口
-export const uploadFile = '/api/portal/file/upload'
+// 文件上传接口
+export const uploadFile = '/api/file/upload'
 
 // 上传图片
 // export function imageUpload(data) {
@@ -19,9 +19,9 @@ export const uploadFile = '/api/portal/file/upload'
 // 移除图片
 export function deleteFilesOss(data) {
 	return request({
-		url: '/base/v1/baseVehicleAppendixs/deleteFilesOss',data,
+		url: '/base/v1/baseVehicleAppendixs/deleteFilesOss',
 		method: 'post',
-     data: qs.stringify(data),
+    data: qs.stringify(data),
 		// headers: { 'Content-Type': 'multipart/form-data' }
 	})
 }
diff --git a/base-ui/src/api/supervise/supplierbankinfo.js b/base-ui/src/api/supervise/supplierbankinfo.js
index 84258f5a..873cc940 100644
--- a/base-ui/src/api/supervise/supplierbankinfo.js
+++ b/base-ui/src/api/supervise/supplierbankinfo.js
@@ -8,9 +8,7 @@ export default {
       url: '/v1/supplierbankinfo/listPage',
       method: 'post',
       data: params,
-      headers: {
-        'Content-Type': 'application/json'
-      }
+      headers: { 'Content-Type': 'application/json' }
     })
   },
   // 保存新增记录
@@ -19,9 +17,7 @@ export default {
       url: '/v1/supplierbankinfo/save',
       method: 'post',
       data: params,
-      headers: {
-        'Content-Type': 'application/json'
-      }
+      headers: { 'Content-Type': 'application/json' }
     })
   },
   // 通过sid删除一条或多条记录
@@ -30,9 +26,7 @@ export default {
       url: '/v1/supplierbankinfo/delBySids',
       method: 'delete',
       data: params,
-      headers: {
-        'Content-Type': 'application/json'
-      }
+      headers: { 'Content-Type': 'application/json' }
     })
   },
   // 通过sid查询一条记录
@@ -41,31 +35,30 @@ export default {
       url: '/v1/supplierbankinfo/fetchDetailsBySid/' + sid
     })
   },
-  // 提交
-  doSubmit: function(params) {
+  // 关联供应商--验证
+  verification: function(params) {
     return request({
-      url: '/v1/supplierbankinfo/doSubmit',
+      url: '/v1/supplierindex/verification',
       method: 'post',
       data: params,
-      headers: {
-        'Content-Type': 'application/json'
-      }
+      headers: { 'Content-Type': 'application/json' }
     })
   },
-  // 导入
-  importExcel: function(params) {
+  // 关联供应商--查看详情
+  fetchDetailsBySid: function(data) {
     return request({
-      url: '/v1/supplierbankinfo/importExcel',
-      method: 'post',
-      data: params
+      url: '/v1/supplierindex/fetchDetailsBySid/' + data,
+      method: 'get'
     })
   },
-  // 导出
-  exportExcel: function(params) {
+  // 关联供应商--查看详情--保存
+  save: function(data) {
     return request({
-      url: '/v1/supplierbankinfo/exportExcel',
+      url: '/v1/supplierindex/save',
       method: 'post',
-      data: params
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
     })
-  }
+  },
+
 }
diff --git a/base-ui/src/components/uploadFile/FaImages.vue b/base-ui/src/components/uploadFile/FaImages.vue
index e47d3a9c..1cc2eaf5 100644
--- a/base-ui/src/components/uploadFile/FaImages.vue
+++ b/base-ui/src/components/uploadFile/FaImages.vue
@@ -1,77 +1,92 @@
 <template>
   <div>
-    <div>
-      <el-upload v-loading="loadding" ref="imgUpload" class="avatar-uploader" :headers="accessToken" :action="uploadFile" accept=".jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP" list-type="picture-card" :file-list="files" :on-remove="removeImage" :on-preview="handlePictureCardPreview" :on-progress="uploadProgrees" :on-error="uploadError" :on-success="uploadImgSuccess_FuJian">
-        <i class="el-icon-plus avatar-uploader-icon"></i>
-      </el-upload>
-    </div>
-    <el-dialog :visible.sync="showpicture" :append-to-body="true" title="查看图片">
+    <el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken"
+               :action="uploadFile" accept=".jpg,.jpeg,.png,.pdf,.JPG,.JPEG," list-type="picture-card"
+               :file-list="files" :on-remove="removeImage" :on-preview="handlePictureCardPreview"
+               :on-error="uploadError" :on-success="uploadImgSuccess_FuJian">
+      <i class="el-icon-plus avatar-uploader-icon"/>
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片">
       <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { imageUpload } from '@/api/portal/Upload.js'
-import { mapGetters } from 'vuex'
+import { uploadFile, deleteFilesOss } from '@/api/portal/Upload'
+import { getStorage } from '@/utils/auth.js'
 export default {
   model: {
-    prop: 'imageFileList',
-    event: 'fileListChange',
+    prop: 'name',
+    event: 'change'
   },
   props: {
     placeholder: {
       type: String,
-      default: '',
+      default: ''
+    },
+    bucket: {
+      type: String,
+      default: 'abc'
     },
     // 长度
     width: {
       type: String,
-      default: '270px',
+      default: '270px'
     },
-    // 图片路径
-    imageFileList: {
-      type: Array,
-      required: [],
+    limit: {
+      type: Number,
+      default: 1
     },
-    num: {
+    accept: {
       type: String,
-      default: '',
+      default: ''
     },
+    // 文件名称
+    name: {
+      type: Array,
+      required: true
+    },
+    uploadData: {
+      type: Object,
+      default: {}
+    }
   },
   data() {
     return {
       dialogImageUrl: '',
-      accessToken: {},
-      fileUrl: fileUrl,
-      uploadFile: imageUpload,
+      dialogVisible: false,
+      accessToken: null,
+      uploadFile: uploadFile,
+      fileList_FuJian: [],
+      enclosure: '',
+      file_add: '',
+      file_catch: '',
       files: [],
-      showpicture: false,
+      files_list: [],
+      filedUrl: '',
+      isview: false,
+      nameArr: '',
       loadding: false,
+      stateName: ''
     }
   },
-  computed: {
-    ...mapGetters([
-      'id',
-      'departmentCode',
-      'departmentLevel',
-      'departmentType',
-      'token',
-    ]),
-  },
   watch: {
-    imageFileList: {
+    name: {
       deep: true,
+      immediate: true,
       handler(newVal, oldVal) {
-        this.files = []
-        for (var i = 0; i < newVal.length; i++) {
-          this.files.push({
-            name: newVal[i].name,
-            url: fileUrl + newVal[i].url,
-          })
+        console.log('aaaa1', newVal)
+        console.log('aaaa2', oldVal)
+        this.files = newVal
+        if (this.stateName === 'xunidingjinAdd') {
+          if (this.files.length > 1) {
+            this.files.splice(0, 1)
+          }
         }
-      },
-    },
+        console.log('aaaa2', this.files)
+      }
+    }
   },
   mounted() {
     this.$nextTick(() => {
@@ -79,100 +94,73 @@ export default {
     })
   },
   created() {
-    if (this.imageFileList !== undefined) {
-      this.files = []
-      for (var i = 0; i < this.imageFileList.length; i++) {
-        this.files.push({
-          name: this.imageFileList[i].name,
-          url: fileUrl + this.imageFileList[i].url,
-        })
-      }
+    this.uploadFile = uploadFile // 接口
+    this.accessToken = {
+      token: getStorage()
     }
   },
   methods: {
+    showImg(imgList) {
+      this.stateName = 'xunidingjinAdd'
+      this.files = imgList
+      console.log('回显图片', this.files)
+    },
+    view() {
+      // window.open(this.filedUrl)
+    },
     // 页面第一次加载
     Init() {
-      //
-      // 1. 文件上传用token
-      this.accessToken = {
-        accessToken: this.token,
-      }
-    }, // 上传方案--成功后执行
-    uploadImgSuccess_FuJian(response, file, ImageFileList) {
-      this.loadding = false
-      if (file.response.code === 20000) {
-        // 返显图片
-        var imageUrl = this.fileUrl + file.response.data
-        var uid = file.response.data
-        this.files.push({ name: file.name, url: imageUrl })
-
-        var fileList = []
-        for (var i = 0; i < this.files.length; i++) {
-          console.log(this.files[i].url, 'this.files[i].url')
-
-          fileList.push({
-            name: this.files[i].name,
-            url: this.files[i].url.substr(this.fileUrl.length),
-            num: this.num,
+      if (this.name !== undefined) {
+        this.files = []
+        for (var i = 0; i < this.name.length; i++) {
+          this.files.push({
+            name: this.name[i],
+            url: this.name[i]
           })
         }
-
-        this.$emit('fileListChange', fileList)
       }
     },
-    removeImage(file, ImageFileList) {
-      this.files.splice(this.files.indexOf(file), 1)
-      var fileList = []
-      for (var i = 0; i < this.files.length; i++) {
-        fileList.push({
-          name: this.files[i].name,
-          url: this.files[i].url.substr(this.fileUrl.length),
+    // 上传方案--成功后执行
+    uploadImgSuccess_FuJian(response, file, fileList) {
+      console.log('您选择的file:', file)
+      if (file.response.code === '200') {
+        this.loadding = false
+        // 返显图片
+        this.filedUrl = this.fileUrl + file.response.data
+        // var uid = file.response.data
+        this.files.push({
+          name: file.response.data.sourceFileName,
+          url: file.response.data.fullUrl,
+          size: file.response.data.size,
         })
+        this.$emit('change', this.files)
+        this.$emit('eett', this.files)
       }
+    },
 
-      this.$emit('fileListChange', fileList)
+    removeImage(file, ImageFileList) {
+      deleteFilesOss(file.url).then((res) => {
+        if (res.success) {
+          this.files.splice(this.files.indexOf(file), 1)
+          const imgFiles = []
+
+          this.files.forEach((o) => {
+            imgFiles.push(o.url)
+          })
+          this.$emit('fileChange', this.files)
+        }
+      })
     },
     handlePictureCardPreview(file) {
+      this.dialogVisible = true
       this.dialogImageUrl = file.url
-      this.showpicture = true
     },
     // 上传失败
     uploadError() {
       this.loadding = false
-    },
-    uploadProgrees(event, file, fileList) {
-      if (Number(event.percent) > 0) {
-        this.loadding = true
-      }
-      //   console.log('event:', event)
-    },
-  },
+    }
+  }
 }
 </script>
 
-<style lang="scss" scoped>
-.avatar-uploader .el-upload {
-  border: 1px dashed #d9d9d9;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.avatar-uploader .el-upload:hover {
-  border-color: #409eff;
-}
-.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 100px;
-  height: 250px;
-  line-height: 100px;
-  text-align: center;
-}
-.avatar {
-  width: 200px;
-  height: 200px;
-  display: block;
-  //   float: left;
-}
-</style>
+<style scoped></style>
diff --git a/base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankAdd.vue b/base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankAdd.vue
new file mode 100644
index 00000000..9a5ddd7a
--- /dev/null
+++ b/base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankAdd.vue
@@ -0,0 +1,150 @@
+<template>
+  <div class="app-container">
+    <!-- 标题按钮部分开始 -->
+    <div class="tab-header webtop">
+      <!-- 标题 -->
+      <div>{{ viewTitle }}</div>
+      <!-- start 添加修改按钮 -->
+      <div>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+      <!-- end 添加修改按钮 -->
+      <!-- end 详情按钮 -->
+    </div>
+    <!-- 标题按钮部分结束 -->
+    <!-- Start 新增修改部分 -->
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd">
+        <div class="title">
+          <div>银行已认定的供应商</div>
+        </div>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>供应商名称</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ supplierName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>供应商编码</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.codeUnified }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>法人</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.legalRepresentative }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>营业执照号码</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.businessLicenseNo }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          <div>关联供应商</div>
+        </div>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>供应商名称</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.name" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>供应商编码</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.code" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+    <!-- End 添加修改部分 -->
+  </div>
+</template>
+
+<script>
+import req from '@/api/supervise/supplierbankinfo'
+export default {
+  name: 'RelevancySupplierBankAdd',
+  data() {
+    return {
+      submitdisabled: false,
+      viewTitle: '',
+      tableKey: 0,
+      index: 0,
+      supplierName: '',
+      formobj: {
+        sid: '',
+        name: '',
+        codeUnified: '',
+        legalRepresentative: '',
+        businessLicenseNo: ''
+      },
+      rules: {}
+    }
+  },
+  created() {},
+  methods: {
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {
+        sid: '',
+        name: '',
+        codeUnified: '',
+        legalRepresentative: '',
+        businessLicenseNo: ''
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    },
+    showEdit(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '关联供应商'
+      this.formobj.sid = row.sid
+      this.supplierName = row.name
+      this.formobj.codeUnified = row.codeUnified
+      this.formobj.legalRepresentative = row.legalRepresentative
+      this.formobj.businessLicenseNo = row.businessLicenseNo
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate(valid => {
+        if (valid) {
+          this.submitdisabled = true
+          req.verification(this.formobj).then(resp => {
+            this.submitdisabled = false
+            if (resp.success) {
+              this.$message({ showClose: true, type: 'success', message: resp.msg })
+              this.handleReturn('true')
+            } else {
+              // 根据resp.code进行异常情况处理
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.title {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>
diff --git a/base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankInfo.vue b/base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankInfo.vue
new file mode 100644
index 00000000..8a1ea1f9
--- /dev/null
+++ b/base-ui/src/views/supervise/supplierbankinfo/relation/relevancysupplierbankInfo.vue
@@ -0,0 +1,157 @@
+<template>
+  <div class="app-container">
+    <!-- 标题按钮部分开始 -->
+    <div class="tab-header webtop">
+      <!-- 标题 -->
+      <div>{{ viewTitle }}</div>
+      <!-- start 添加修改按钮 -->
+      <div>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+      <!-- end 添加修改按钮 -->
+      <!-- end 详情按钮 -->
+    </div>
+    <!-- 标题按钮部分结束 -->
+    <!-- Start 新增修改部分 -->
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd">
+        <div class="title">
+          <div>银行已认定的供应商</div>
+        </div>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>供应商名称</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.name }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>供应商编码</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.codeUnified }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>法人</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.legalRepresentative }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>营业执照号码</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.businessLicenseNo }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          <div>关联供应商列表</div>
+        </div>
+        <el-table :key="tableKey" :data="formobj.list" :index="index" border style="width: 100%">
+          <el-table-column fixed label="序号" width="80p" type="index" :index="index + 1" align="center"/>
+          <el-table-column fixed label="操作" width="100" align="center" header-align="center">
+            <template slot-scope="scope">
+              <el-button size="mini" type="danger" @click="dataDelete(scope.$index)">删除
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column label="供应商编号" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.code }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="供应商名称" align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.name }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+    </div>
+    <!-- End 添加修改部分 -->
+  </div>
+</template>
+
+<script>
+import req from '@/api/supervise/supplierbankinfo'
+export default {
+  name: 'RelevancySupplierBankInfo',
+  data() {
+    return {
+      submitdisabled: false,
+      viewTitle: '',
+      tableKey: 0,
+      index: 0,
+      formobj: {
+        sid: '',
+        name: '',
+        codeUnified: '',
+        legalRepresentative: '',
+        businessLicenseNo: '',
+        list: []
+      },
+      rules: {}
+    }
+  },
+  created() {},
+  methods: {
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {
+        sid: '',
+        name: '',
+        codeUnified: '',
+        legalRepresentative: '',
+        businessLicenseNo: '',
+        list: []
+      }
+      this.$refs['form_obj'].resetFields()
+      this.$emit('doback')
+    },
+    showInfo(row) {
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      this.viewTitle = '关联供应商详情'
+      req.fetchDetailsBySid(row.sid).then(resp => {
+        if (resp.success) {
+          this.formobj = resp.data
+        } else {
+          // 根据resp.code进行异常情况处理
+        }
+      }).catch(e => {
+        this.formobj = row
+      })
+    },
+    dataDelete(index) {
+      this.formobj.list.splice(index, 1)
+    },
+    saveOrUpdate() {
+      this.$refs['form_obj'].validate(valid => {
+        if (valid) {
+          this.submitdisabled = true
+          req.save(this.formobj).then((resp) => {
+            this.submitdisabled = false
+            if (resp.success) {
+              this.$message({ showClose: true, type: 'success', message: resp.msg })
+              this.handleReturn('true')
+            } else {
+              // 根据resp.code进行异常情况处理
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
+        } else {
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfo.vue b/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfo.vue
index f6644fc9..32bf4825 100644
--- a/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfo.vue
+++ b/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfo.vue
@@ -1,92 +1,93 @@
 <template>
-	<div class="app-container">
-		<div v-show="viewState == 1">
-			<button-bar view-title="供应商信息" :btndisabled="btndisabled" @btnhandle="btnHandle" />
-			<div class="searchcon">
-				<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? '隐藏查询条件' : '显示查询条件' }}</el-button>
-							<div v-show="isSearchShow" class="search">
-					<el-form :inline="true" class="tab-header">
-						<el-form-item label="创建者"><el-input v-model="queryParams.params.createSid" placeholder="请输入创建者" clearable /></el-form-item>
-						<el-form-item label="更新者"><el-input v-model="queryParams.params.modifySid" placeholder="请输入更新者" clearable /></el-form-item>
-						<el-form-item label="名称"><el-input v-model="queryParams.params.name" placeholder="请输入名称" clearable /></el-form-item>
-						<el-form-item label="统一编码"><el-input v-model="queryParams.params.codeUnified" placeholder="请输入统一编码" clearable /></el-form-item>
-						<el-form-item label="联系人"><el-input v-model="queryParams.params.contacts" placeholder="请输入联系人" clearable /></el-form-item>
-						<el-form-item label="电话"><el-input v-model="queryParams.params.telephone" placeholder="请输入电话" clearable /></el-form-item>
-						<el-form-item label="地址"><el-input v-model="queryParams.params.address" placeholder="请输入地址" clearable /></el-form-item>
-						<el-form-item label="银行帐户"><el-input v-model="queryParams.params.bankAccount" placeholder="请输入银行帐户" clearable /></el-form-item>
-						<el-form-item label="帐号"><el-input v-model="queryParams.params.bankAccountNumber" placeholder="请输入帐号" clearable /></el-form-item>
-						<el-form-item label="开户行名称"><el-input v-model="queryParams.params.bankName" placeholder="请输入开户行名称" clearable /></el-form-item>
-						<el-form-item label="法人"><el-input v-model="queryParams.params.legalRepresentative" placeholder="请输入法人" clearable /></el-form-item>
-						<el-form-item label="营业执照号"><el-input v-model="queryParams.params.businessLicenseNo" placeholder="请输入营业执照号" clearable /></el-form-item>
-						<el-form-item label="监管审核状态0待审核1为通过2为拒绝"><el-input v-model="queryParams.params.purchaseRequisition" placeholder="请输入监管审核状态0待审核1为通过2为拒绝" clearable /></el-form-item>
-						<el-form-item label="监管审批意见"><el-input v-model="queryParams.params.purchaseRemarks" placeholder="请输入监管审批意见" clearable /></el-form-item>
-						<el-form-item label="银行0未审核，1审核通过，2审核不通过"><el-input v-model="queryParams.params.bankState" placeholder="请输入银行0未审核，1审核通过，2审核不通过" clearable /></el-form-item>
-						<el-form-item label="银行审批意见"><el-input v-model="queryParams.params.bankRemarks" placeholder="请输入银行审批意见" clearable /></el-form-item>
-						<el-divider />
-						<div class="btn" style="text-align: center;">
-							<el-button type="primary" @click="dosearch">查询</el-button>
-							<el-button type="primary" @click="resetQuery">重置</el-button>
-						</div>
-					</el-form>
-				</div>
-			</div>
-			<!-- Start 项目列表头部 -->
-			<div class="listtop">
-				<div class="tit">供应商信息列表</div>
-				<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
-			</div>
-			<!-- End 项目列表头部 -->
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar ref="btnbar" view-title="供应商管理" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">
+            {{ searchxianshitit }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header">
+              <el-form-item label="备案状态">
+                <el-input v-model="queryParams.params.createSid" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="供应商编号">
+                <el-input v-model="queryParams.params.codeUnified" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="供应商名称">
+                <el-input v-model="queryParams.params.name" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="联系人">
+                <el-input v-model="queryParams.params.contacts" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="法人">
+                <el-input v-model="queryParams.params.legalRepresentative" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="营业执照号码">
+                <el-input v-model="queryParams.params.businessLicenseNo" placeholder="" clearable/>
+              </el-form-item>
+              <el-form-item label="银行账号">
+                <el-input v-model="queryParams.params.bankAccountNumber" placeholder="" clearable/>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!-- Start 项目列表头部 -->
+        <div class="listtop">
+          <div class="tit">供应商列表</div>
+          <pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
+        </div>
+        <!-- End 项目列表头部 -->
+        <!-- Start 项目列表 -->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
+            <el-table-column fixed width="50" type="selection" align="center"/>
+            <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column fixed label="操作" wid align="center" width="180">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">关联</el-button>
+                <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="供应商编号" align="center">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.codeUnified }}</span>
+              </template>
+            </el-table-column>>
+            <el-table-column prop="name" label="供应商名称" align="center"/>
+            <el-table-column prop="contacts" label="联系人" align="center" width="100"/>
+            <el-table-column prop="telephone" label="电话" align="center" width="110"/>
+            <el-table-column prop="address" label="地址" align="center"/>
+            <el-table-column prop="bankAccount" label="银行帐户" align="center"/>
+            <el-table-column prop="bankAccountNumber" label="帐号" align="center"/>
+            <el-table-column prop="bankName" label="开户行名称" align="center"/>
+            <el-table-column prop="legalRepresentative" label="法人" align="center" width="100"/>
+            <el-table-column prop="businessLicenseNo" label="营业执照号码" align="center" width="170"/>
+          </el-table>
+        </div>
+        <!-- End 项目列表 -->
+        <div class="pages">
+          <div class="tit"/>
+          <!--  翻页  -->
+          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/>
+        </div>
+      </div>
+    </div>
+    <!-- End 查询和其列表部分 -->
+    <!-- 新增修改部分组件 -->
+    <div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList"/>
+    <!-- 详情部分组件 -->
+    <div-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
+    <!-- 关联部分组件-->
+    <relevancysupplierbankAdd v-show="viewState == 5" ref="divBankAdd" @doback="resetState"/>
 
-			<!-- Start 项目列表 -->
-			<div class="listcon">
-				<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange">
-					<el-table-column width="50px" type="selection" align="center" />
-					<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center" />
-					<el-table-column label="SID" align="center">
-						<template slot-scope="scope">
-							<span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.sid }}</span>
-						</template>
-					</el-table-column>
-					<el-table-column prop="createSid" label="创建者" align="center" />
-					<el-table-column prop="modifySid" label="更新者" align="center" />
-					<el-table-column prop="name" label="名称" align="center" />
-					<el-table-column prop="codeUnified" label="统一编码" align="center" />
-					<el-table-column prop="contacts" label="联系人" align="center" />
-					<el-table-column prop="telephone" label="电话" align="center" />
-					<el-table-column prop="address" label="地址" align="center" />
-					<el-table-column prop="bankAccount" label="银行帐户" align="center" />
-					<el-table-column prop="bankAccountNumber" label="帐号" align="center" />
-					<el-table-column prop="bankName" label="开户行名称" align="center" />
-					<el-table-column prop="legalRepresentative" label="法人" align="center" />
-					<el-table-column prop="businessLicenseNo" label="营业执照号" align="center" />
-					<el-table-column prop="purchaseRequisition" label="监管审核状态0待审核1为通过2为拒绝" align="center" />
-					<el-table-column prop="purchaseRemarks" label="监管审批意见" align="center" />
-					<el-table-column prop="bankState" label="银行0未审核，1审核通过，2审核不通过" align="center" />
-					<el-table-column prop="bankRemarks" label="银行审批意见" align="center" />
-				</el-table>
-			</div>
-			<!-- End 项目列表 -->
-			<div class="pages">
-				<div class="tit" />
-				<!--  翻页  -->
-				<pagination
-					v-show="dataList.length > 0"
-					:total="queryParams.total"
-					:page.sync="queryParams.current"
-					:limit.sync="queryParams.size"
-					class="pagination"
-					@pagination="loadList"
-				/>
-			</div>
-		</div>
-		<!-- End 查询和其列表部分 -->
-
-		<!-- 新增修改部分组件 -->
-		<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
-
-		<!-- 详情部分组件 -->
-		<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState" />
-	</div>
+    <relevancysupplierbankInfo v-show="viewState == 6" ref="divBankInfo" @doback="resetState"/>
+  </div>
 </template>
 
 <script>
@@ -96,237 +97,211 @@ import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import divAdd from './supplierbankinfoAdd'
 import divInfo from './supplierbankinfoInfo'
+import relevancysupplierbankAdd from './relation/relevancysupplierbankAdd'
+import relevancysupplierbankInfo from './relation/relevancysupplierbankInfo'
 
 export default {
-	name: 'SupplierBankInfoIndex',
-	components: {
-		ButtonBar,
-		Pagination,
-		pageye,
-		divAdd,
-		divInfo
-	},
-	data() {
-		return {
-			btndisabled: false,
-			viewState: 1, // 1、列表 2、添加 3、修改 4、查看
-			isSearchShow: true,
-			tableLoading: false,
-			dataList: [],
-			queryParams: {
-				current: 1,
-				size: 10,
-				total: 0,
-				params: {
-					sids: [], // 用于导出的时候保存已选择SID
-				createSid: '', // 创建者
-				modifySid: '', // 更新者
-				name: '', // 名称
-				codeUnified: '', // 统一编码
-				contacts: '', // 联系人
-				telephone: '', // 电话
-				address: '', // 地址
-				bankAccount: '', // 银行帐户
-				bankAccountNumber: '', // 帐号
-				bankName: '', // 开户行名称
-				legalRepresentative: '', // 法人
-				businessLicenseNo: '', // 营业执照号
-				purchaseRequisition: '', // 监管审核状态0待审核1为通过2为拒绝
-				purchaseRemarks: '', // 监管审批意见
-				bankState: '', // 银行0未审核，1审核通过，2审核不通过
-				bankRemarks: '' // 银行审批意见
-				}
-			},
-			multipleSelection: []
-		}
-	},
-	created() {
-		this.loadList()
-	},
-	methods: {
-		resetState() {
-			this.viewState = 1
-		},
-		btnHandle(btnKey) {
-			switch (btnKey) {
-				case 'toAdd':
-					this.toAdd()
-					break
-				case 'toEdit':
-					this.toEdit()
-					break
-				case 'doSubmit':
-					this.doSubmit()
-					break
-				case 'doDel':
-					this.doDel()
-					break
-				case 'doImport':
-					this.doImport()
-					break
-				case 'doExport':
-					this.doExport()
-					break
-				default:
-					break
-			}
-		},
-		toAdd(row) {
-			this.viewState = 2
-			this.$refs['divadd'].showAdd()
-		},
-		toEdit() {
-			if (this.multipleSelection.length === 0) {
-				this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' })
-				return
-			}
-			if (this.multipleSelection.length > 1) {
-				this.$message({ showClose: true, type: 'error', message: '只能选择一条记录进行编辑' })
-				return
-			}
-			this.viewState = 3
-			const row = this.multipleSelection[0]
-			this.$refs['divadd'].showEdit(row)
-		},
-		doSubmit(row) {
-			// 提交的代码
-			this.btndisabled = true
-			req
-				.doSubmit(this.queryParams.params)
-				.then(resp => {
-					console.log(resp)
-					this.btndisabled = false
-					if (resp.success) { 
-						// 加提交后的逻辑
-					} else {
-						// 根据resp.code进行异常情况处理
-					}
-				})
-				.catch(() => {
-					this.btndisabled = false
-				})
-		},
-		doDel(row) {
-			if (this.multipleSelection.length === 0) {
-				this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
-				return
-			}
-			const _this = this
-			const sids = []
-			this.multipleSelection.forEach(row => {
-				sids.push(row.sid)
-			})
-			const tip = '请确认是否删除所选 ' + this.multipleSelection.length + ' 条记录?'
-			this.$confirm(tip, '提示', {
-				confirmButtonText: '确定',
-				cancelButtonText: '取消',
-				type: 'warning'
-			})
-				.then(() => {
-					const loading = this.$loading({
-						lock: true,
-						text: 'Loading',
-						spinner: 'el-icon-loading',
-						background: 'rgba(0, 0, 0, 0.7)'
-					})
-					req
-						.delBySids(sids)
-						.then(resp => {
-							loading.close()
-							if (resp.success) {
-								_this.$message({ type: 'success', message: resp.msg, showClose: true })
-								_this.loadList()
-							} else {
-								// 根据resp.code进行异常情况处理
-							}
-						})
-						.catch(e => {
-							loading.close()
-						})
-				})
-				.catch(() => {})
-		},
-		doImport(row) {
-			// 导入的代码
-			req
-				.importExcel(this.queryParams.params)
-				.then(resp => {
-					if (resp.success) { 
-						console.log(resp)
-					}
-				})
-				.catch(() => {})
-		},
-		doExport(row) {
-			// 导出的代码
-			const sids = []
-			this.multipleSelection.forEach(row => {
-				sids.push(row.sid)
-			})
-			this.queryParams.params.sids = sids
-			req
-				.exportExcel(this.queryParams.params)
-				.then(resp => {
-					if (resp.success) { 
-						var map = resp.data
-						const fileName = map.filename // 导出文件名
-						// // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性
-						// // IE10以上支持blob但是依然不支持download
-						const link = document.createElement('a') // 创建a标签
-						link.download = fileName // a标签添加属性
-						link.style.display = 'none'
-						link.href = map.downurl
-						document.body.appendChild(link)
-						link.click() // 执行下载
-						URL.revokeObjectURL(link.href) // 释放url
-						document.body.removeChild(link) // 释放标签
-					}
-				})
-				.catch(() => {})
-		},
-		dosearch() {
-			this.queryParams.current = 1
-			this.loadList()
-		},
-		resetQuery() {
-			this.queryParams.params = {}
-			this.queryParams.params.sid = '' // sid
-			this.queryParams.params.name = '' // 登录名
-			this.dosearch()
-		},
-		loadList() {
-			const _this = this
-			this.tableLoading = true
-			req
-				.listPage(this.queryParams)
-				.then(resp => {
-					_this.tableLoading = false
-					if (resp.success) { 
-						const data = resp.data
-						_this.queryParams.total = data.total
-						_this.dataList = data.records
-					} else {
-						// 根据resp.code进行异常情况处理
-					}
-				})
-				.catch(() => {
-					_this.tableLoading = false
-				})
-		},
-		handleSelectionChange(val) {
-			this.multipleSelection = val
-		},
-		// 序号
-		indexMethod(index) {
-			var pagestart = (this.queryParams.current - 1) * this.queryParams.size
-			var pageindex = index + 1 + pagestart
-			return pageindex
-		},
-		toInfo(row) {
-			this.$refs['divinfo'].showInfo(row)
-			this.viewState = 4
-		}
-	}
+  name: 'SupplierBankInfoIndex',
+  components: {
+    ButtonBar,
+    Pagination,
+    pageye,
+    divAdd,
+    divInfo,
+    relevancysupplierbankAdd,
+    relevancysupplierbankInfo
+  },
+  data() {
+    return {
+      btndisabled: false,
+      viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+      isSearchShow: false,
+      searchxianshitit: '显示查询条件',
+      tableLoading: false,
+      dataList: [],
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: '',
+          btnKey: 'filing',
+          btnLabel: '备案'
+        },
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      queryParams: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          codeUnified: '',
+          name: '',
+          contacts: '',
+          bankAccountNumber: '',
+          legalRepresentative: '',
+          businessLicenseNo: ''
+        }
+      },
+      sids: []
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  created() {
+    this.loadList()
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
+      }
+    },
+    btnHandle(btnKey) {
+      switch (btnKey) {
+        case 'toAdd':
+          this.toAdd()
+          break
+        case 'filing':
+          this.filing()
+          break
+        case 'doDel':
+          this.doDel()
+          break
+        default:
+          break
+      }
+    },
+    loadList() {
+      this.tableLoading = true
+      req.listPage(this.queryParams).then((resp) => {
+        this.tableLoading = false
+        if (resp.success) {
+          const data = resp.data
+          this.queryParams.total = data.total
+          this.dataList = data.records
+        } else {
+          // 根据resp.code进行异常情况处理
+          this.queryParams.total = 0
+          this.dataList = []
+        }
+      }).catch(() => {
+        this.tableLoading = false
+      })
+    },
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+    },
+    // 序号
+    indexMethod(index) {
+      var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+      var pageindex = index + 1 + pagestart
+      return pageindex
+    },
+    dosearch() {
+      this.queryParams.current = 1
+      this.loadList()
+    },
+    resetQuery() {
+      this.queryParams = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          codeUnified: '',
+          name: '',
+          contacts: '',
+          bankAccountNumber: '',
+          legalRepresentative: '',
+          businessLicenseNo: ''
+        }
+      }
+      this.loadList()
+    },
+    toAdd() {
+      this.viewState = 2
+      this.$refs['divadd'].showAdd()
+    },
+    toRelevancy(row) {
+      this.viewState = 5
+      this.$refs['divBankAdd'].showEdit(row)
+    },
+    toRelevancyInfo(row) {
+      this.viewState = 6
+      this.$refs['divBankInfo'].showInfo(row)
+    },
+    toEdit(row) {
+      this.viewState = 3
+      this.$refs['divadd'].showEdit(row)
+    },
+    toInfo(row) {
+      this.viewState = 4
+      this.$refs['divinfo'].showInfo(row)
+    },
+    filing() {},
+    doDel() {
+      if (this.sids.length === 0) {
+        this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' })
+        return
+      }
+      const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+      this.$confirm(tip, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        req.delBySids(this.sids).then((resp) => {
+          loading.close()
+          if (resp.success) {
+            this.$message({ type: 'success', message: resp.msg, showClose: true })
+            this.loadList()
+          } else {
+            // 根据resp.code进行异常情况处理
+          }
+        }).catch(e => {
+          loading.close()
+        })
+      }).catch(() => {
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    }
+  }
 }
 </script>
 <style scoped>
diff --git a/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue b/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
index b6e32da5..54db8601 100644
--- a/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
+++ b/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
@@ -7,7 +7,7 @@
       <!-- start 添加修改按钮 -->
       <div>
         <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
-        <el-button type="info" size="small" @click="handleReturn()">返回</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
       </div>
       <!-- end 添加修改按钮 -->
       <!-- end 详情按钮 -->
@@ -15,76 +15,158 @@
     <!-- 标题按钮部分结束 -->
     <!-- Start 新增修改部分 -->
     <div class="listconadd">
+      <div class="titwu"><span>供应商信息</span></div>
       <el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd">
-        <div class="wlInfo"><span>供应商信息</span></div>
+        <div class="title">
+          <div>供应商基本信息</div>
+        </div>
         <el-row>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>供应商名称</span>
+            <span>供应商名称</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="name"><el-input v-model="formobj.name" placeholder="名称" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.name" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>统一编码</span>
+            <span>供应商编码</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="codeUnified"><el-input v-model="formobj.codeUnified" placeholder="统一编码" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.codeUnified" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>联系人</span>
+            <span>联系人</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="contacts"><el-input v-model="formobj.contacts" placeholder="联系人" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.contacts" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>电话</span>
+            <span>电话</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="telephone"><el-input v-model="formobj.telephone" placeholder="电话" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.telephone" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>单位地址</span>
+            <span>单位地址</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="address"><el-input v-model="formobj.address" placeholder="地址" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.address" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>法人</span>
+            <span>法人</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="legalRepresentative"><el-input v-model="formobj.legalRepresentative" placeholder="法人" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.legalRepresentative" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>银行帐户</span>
+            <span>银行帐户</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="bankAccount"><el-input v-model="formobj.bankAccount" placeholder="银行帐户" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.bankAccount" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>帐号</span>
+            <span>银行帐号</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="bankAccountNumber"><el-input v-model="formobj.bankAccountNumber" placeholder="帐号" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.bankAccountNumber" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>开户行名称</span>
+            <span>开户行</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="bankName"><el-input v-model="formobj.bankName" placeholder="开户行名称" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.bankName" placeholder="" class="addinputw" clearable /></el-form-item>
           </el-col>
           <el-col :span="4" class="tleftb">
-            <span><span class="icon">*</span>营业执照号</span>
+            <span>营业执照号</span>
           </el-col>
           <el-col :span="8" class="trightb">
-            <el-form-item prop="businessLicenseNo"><el-input v-model="formobj.businessLicenseNo" placeholder="营业执照号" class="addinputw" clearable /></el-form-item>
+            <el-form-item><el-input v-model="formobj.businessLicenseNo" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="yyzz">
+          <div>营业执照</div>
+        </div>
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="24">
+            <el-form-item>
+              <FaImages ref="FaImages" v-model="img_list1" bucket="map" :upload-data="{type:'0001'}"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          <div>合同信息</div>
+        </div>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>供应商</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.name" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>经办人</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.supplierContractInfoDto.handledBy" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>合同编号</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.supplierContractInfoDto.contractNo" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>合同有效期</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-date-picker v-model="formobj.supplierContractInfoDto.contractValidity" type="date" clearable value-format="yyyy-MM-dd" class="addinputw" placeholder="选择日期"/></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>签署组织</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.supplierContractInfoDto.signingOrganization" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>签署部门</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.supplierContractInfoDto.signingDepartment" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">
+            <span>签署人</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.supplierContractInfoDto.signatory" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">
+            <span>合同金额</span>
+          </el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><el-input v-model="formobj.supplierContractInfoDto.contractPrice" placeholder="" class="addinputw" clearable /></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="yyzz">
+          <div>《合同照片》</div>
+        </div>
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="24">
+            <el-form-item>
+              <FaImages ref="FaImages" v-model="img_list2" bucket="map" :upload-data="{type:'0001'}"/>
+            </el-form-item>
           </el-col>
         </el-row>
       </el-form>
@@ -95,76 +177,77 @@
 
 <script>
 import req from '@/api/supervise/supplierbankinfo'
+import FaImages from '@/components/uploadFile/FaImages'
 export default {
 	name: 'SupplierBankInfoAdd',
+  components: {
+    FaImages
+  },
 	data() {
 		return {
 			submitdisabled: false,
 			viewTitle: '',
+      img_list1: [],
+      img_list2: [],
 			formobj: {
-				id: '',
-				sid: '',
-				createSid: '', // 创建者
-				modifySid: '', // 更新者
-				name: '', // 名称
-				codeUnified: '', // 统一编码
-				contacts: '', // 联系人
-				telephone: '', // 电话
-				address: '', // 地址
-				bankAccount: '', // 银行帐户
-				bankAccountNumber: '', // 帐号
-				bankName: '', // 开户行名称
-				legalRepresentative: '', // 法人
-				businessLicenseNo: '', // 营业执照号
-				purchaseRequisition: '', // 监管审核状态0待审核1为通过2为拒绝
-				purchaseRemarks: '', // 监管审批意见
-				bankState: '', // 银行0未审核，1审核通过，2审核不通过
-				bankRemarks: '' // 银行审批意见
+        sid: '',
+        name: '',
+        codeUnified: '',
+        contacts: '',
+        telephone: '',
+        address: '',
+        bankAccount: '',
+        bankAccountNumber: '',
+        bankName: '',
+        legalRepresentative: '',
+        businessLicenseNo: '',
+        businessLicenseFiles: [],
+        contractFiles: [],
+        supplierContractInfoDto: {
+          handledBy: '',
+          signingOrganization: '',
+          contractNo: '',
+          contractValidity: '',
+          signingDepartment: '',
+          signatory: '',
+          contractPrice: '',
+          supplierSid: ''
+        }
 			},
-			rules: {
-				createSid: [{ required: true, message: '创建者不能为空', trigger: 'blur' }], // 创建者
-				modifySid: [{ required: true, message: '更新者不能为空', trigger: 'blur' }], // 更新者
-				name: [{ required: true, message: '名称不能为空', trigger: 'blur' }], // 名称
-				codeUnified: [{ required: true, message: '统一编码不能为空', trigger: 'blur' }], // 统一编码
-				contacts: [{ required: true, message: '联系人不能为空', trigger: 'blur' }], // 联系人
-				telephone: [{ required: true, message: '电话不能为空', trigger: 'blur' }], // 电话
-				address: [{ required: true, message: '地址不能为空', trigger: 'blur' }], // 地址
-				bankAccount: [{ required: true, message: '银行帐户不能为空', trigger: 'blur' }], // 银行帐户
-				bankAccountNumber: [{ required: true, message: '帐号不能为空', trigger: 'blur' }], // 帐号
-				bankName: [{ required: true, message: '开户行名称不能为空', trigger: 'blur' }], // 开户行名称
-				legalRepresentative: [{ required: true, message: '法人不能为空', trigger: 'blur' }], // 法人
-				businessLicenseNo: [{ required: true, message: '营业执照号不能为空', trigger: 'blur' }], // 营业执照号
-				purchaseRequisition: [{ required: true, message: '监管审核状态0待审核1为通过2为拒绝不能为空', trigger: 'blur' }], // 监管审核状态0待审核1为通过2为拒绝
-				purchaseRemarks: [{ required: true, message: '监管审批意见不能为空', trigger: 'blur' }], // 监管审批意见
-				bankState: [{ required: true, message: '银行0未审核，1审核通过，2审核不通过不能为空', trigger: 'blur' }], // 银行0未审核，1审核通过，2审核不通过
-				bankRemarks: [{ required: true, message: '银行审批意见不能为空', trigger: 'blur' }] // 银行审批意见
-			}
+			rules: {}
 		}
 	},
 	created() {},
 	methods: {
 		handleReturn(isreload) {
 			if (isreload === 'true') this.$emit('reloadlist')
-			this.formobj.id = ''
-			this.formobj.sid = '' // SID
-
-				this.createSid = '' // 创建者
-				this.modifySid = '' // 更新者
-				this.name = '' // 名称
-				this.codeUnified = '' // 统一编码
-				this.contacts = '' // 联系人
-				this.telephone = '' // 电话
-				this.address = '' // 地址
-				this.bankAccount = '' // 银行帐户
-				this.bankAccountNumber = '' // 帐号
-				this.bankName = '' // 开户行名称
-				this.legalRepresentative = '' // 法人
-				this.businessLicenseNo = '' // 营业执照号
-				this.purchaseRequisition = '' // 监管审核状态0待审核1为通过2为拒绝
-				this.purchaseRemarks = '' // 监管审批意见
-				this.bankState = '' // 银行0未审核，1审核通过，2审核不通过
-				this.bankRemarks = '' // 银行审批意见
-
+      this.img_list1 = []
+      this.img_list2 = []
+      this.formobj = {
+        sid: '',
+        name: '',
+        codeUnified: '',
+        contacts: '',
+        telephone: '',
+        address: '',
+        bankAccount: '',
+        bankAccountNumber: '',
+        bankName: '',
+        legalRepresentative: '',
+        businessLicenseNo: '',
+        businessLicenseFiles: [],
+        contractFiles: [],
+        supplierContractInfoDto: {
+          handledBy: '',
+          signingOrganization: '',
+          contractNo: '',
+          contractValidity: '',
+          signingDepartment: '',
+          signatory: '',
+          contractPrice: '',
+          supplierSid: ''
+        }
+      }
 			this.$refs['form_obj'].resetFields()
 			this.$emit('doback')
 		},
@@ -180,9 +263,7 @@ export default {
 			})
 			this.viewTitle = '【修改】供应商信息'
 			const _this = this
-			req
-				.fetchBySid(row.sid)
-				.then(resp => {
+			req.fetchBySid(row.sid).then((resp) => {
 					if (resp.sucess) {
 						const vdata = resp.data
 						_this.formobj.id = vdata.id
@@ -213,24 +294,31 @@ export default {
 				})
 		},
 		saveOrUpdate() {
-			const _this = this
+      if (this.img_list1.length > 0) {
+        for (var i = 0; i < this.img_list1.length; i++) {
+          this.formobj.businessLicenseFiles.push(this.img_list1[i].url)
+        }
+      }
+      if (this.img_list2.length > 0) {
+        for (var k = 0; k < this.img_list1.length; k++) {
+          this.formobj.contractFiles.push(this.img_list2[k].url)
+        }
+      }
 			this.$refs['form_obj'].validate(valid => {
-				if (valid) {
-					this.submitdisabled = true
-					req
-						.saveOrUpdate(this.formobj)
-						.then(resp => {
-							this.submitdisabled = false
-							if (resp.success) {
-								_this.$message({ showClose: true, type: 'success', message: resp.msg })
-								_this.handleReturn('true')
-							} else {
-								// 根据resp.code进行异常情况处理
-							}
-						})
-						.catch(() => {
-							this.submitdisabled = false
-						})
+        if (valid) {
+          console.log(this.formobj)
+          this.submitdisabled = true
+          req.saveOrUpdate(this.formobj).then(resp => {
+            this.submitdisabled = false
+            if (resp.success) {
+              this.$message({ showClose: true, type: 'success', message: resp.msg })
+              this.handleReturn('true')
+            } else {
+              // 根据resp.code进行异常情况处理
+            }
+          }).catch(() => {
+            this.submitdisabled = false
+          })
 				} else {
 					return false
 				}
@@ -240,4 +328,11 @@ export default {
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.yyzz {
+  padding: 12px;
+  font-weight: bold;
+  font-size: 16px;
+  text-align: left;
+}
+</style>
diff --git a/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoInfo.vue b/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoInfo.vue
index 4e72d9f0..edf04ac0 100644
--- a/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoInfo.vue
+++ b/base-ui/src/views/supervise/supplierbankinfo/supplierbankinfoInfo.vue
@@ -1,132 +1,212 @@
 <template>
-	<div>
-		<!-- 标题按钮部分开始 -->
-		<div class="tab-header webtop">
-			<!-- 标题 -->
-			<div>供应商信息详情</div>
-			<!-- start 详情按钮 -->
-			<div><el-button itype="info" size="small" @click="handleReturn()">返回</el-button></div>
-			<!-- end 详情按钮 -->
-		</div>
-		<!-- 标题按钮部分结束 -->
-		<div class="listconadd">
-			<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
-				<div class="wlInfo"><span>供应商信息</span></div>
-			<el-row>
-				<el-col :span="4" class="tleftb">创建者</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.createSid }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">更新者</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.modifySid }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">名称</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.name }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">统一编码</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.codeUnified }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">联系人</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.contacts }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">电话</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.telephone }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">地址</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.address }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">银行帐户</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankAccount }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">帐号</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankAccountNumber }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">开户行名称</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankName }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">法人</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.legalRepresentative }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">营业执照号</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.businessLicenseNo }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">监管审核状态0待审核1为通过2为拒绝</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchaseRequisition }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">监管审批意见</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchaseRemarks }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">银行0未审核，1审核通过，2审核不通过</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankState }}</span></el-form-item></el-col>
-			</el-row>
-			<el-row>
-				<el-col :span="4" class="tleftb">银行审批意见</el-col>
-				<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.bankRemarks }}</span></el-form-item></el-col>
-			</el-row>
-		</el-form>
-		</div>
-	</div>
+  <div>
+    <!-- 标题按钮部分开始 -->
+    <div class="tab-header webtop">
+      <!-- 标题 -->
+      <div>供应商信息详情</div>
+      <!-- start 详情按钮 -->
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+      <!-- end 详情按钮 -->
+    </div>
+    <!-- 标题按钮部分结束 -->
+    <div class="listconadd">
+      <div class="titwu"><span>供应商信息</span></div>
+      <el-form ref="form_obj" :model="formobj" label-position="right" class="formadd">
+        <div class="title">
+          <div>供应商基本信息</div>
+        </div>
+        <el-row>
+          <el-col :span="4" class="tleftb">供应商名称</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.name }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">供应商编码</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.codeUnified }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">联系人</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.contacts }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">电话</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.telephone }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">单位地址</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.address }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">法人</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.legalRepresentative }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">银行帐户</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.bankAccount }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">银行帐号</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.bankAccountNumber }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">开户行</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.bankName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">营业执照号</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.businessLicenseNo }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="yyzz">
+          <div>营业执照</div>
+        </div>
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="24">
+            <el-form-item>
+              <el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.businessLicenseFiles" :key="index" :src="item" :preview-src-list="formobj.businessLicenseFiles"></el-image>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          <div>合同信息</div>
+        </div>
+        <el-row>
+          <el-col :span="4" class="tleftb">供应商</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.name }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">经办人</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.supplierContractInfoDto.handledBy }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">合同编号</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.supplierContractInfoDto.contractNo }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">合同有效期</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.supplierContractInfoDto.contractValidity }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">签署组织</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.supplierContractInfoDto.signingOrganization }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">签署部门</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.supplierContractInfoDto.signingDepartment }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4" class="tleftb">签署人</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.supplierContractInfoDto.signatory }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tleftb">合同金额</el-col>
+          <el-col :span="8" class="trightb">
+            <el-form-item><span>{{ formobj.supplierContractInfoDto.contractPrice }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="yyzz">
+          <div>《合同照片》</div>
+        </div>
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="24">
+            <el-form-item>
+              <el-image style="width: 178px;height: 178px;" v-for="(item,index) in formobj.contractFiles" :key="index" :src="item" :preview-src-list="formobj.contractFiles"></el-image>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
 </template>
 
 <script>
 import req from '@/api/supervise/supplierbankinfo'
+
 export default {
-	name: 'SupplierBankInfoInfo',
-	data() {
-		return {
-			formobj: {}
-		}
-	},
-	methods: {
-		handleReturn() {
-			this.formobj = {}
-			this.$emit('doback')
-		},
-		showInfo(row) {
-				req
-					.fetchBySid(row.sid)
-					.then(resp => {
-						if (resp.success) {
-							const vdata = resp.data
-							_this.formobj.id = vdata.id
-							_this.formobj.sid = vdata.sid // SID
-							_this.formobj.createSid = vdata.createSid // 创建者
-							_this.formobj.modifySid = vdata.modifySid // 更新者
-							_this.formobj.name = vdata.name // 名称
-							_this.formobj.codeUnified = vdata.codeUnified // 统一编码
-							_this.formobj.contacts = vdata.contacts // 联系人
-							_this.formobj.telephone = vdata.telephone // 电话
-							_this.formobj.address = vdata.address // 地址
-							_this.formobj.bankAccount = vdata.bankAccount // 银行帐户
-							_this.formobj.bankAccountNumber = vdata.bankAccountNumber // 帐号
-							_this.formobj.bankName = vdata.bankName // 开户行名称
-							_this.formobj.legalRepresentative = vdata.legalRepresentative // 法人
-							_this.formobj.businessLicenseNo = vdata.businessLicenseNo // 营业执照号
-							_this.formobj.purchaseRequisition = vdata.purchaseRequisition // 监管审核状态0待审核1为通过2为拒绝
-							_this.formobj.purchaseRemarks = vdata.purchaseRemarks // 监管审批意见
-							_this.formobj.bankState = vdata.bankState // 银行0未审核，1审核通过，2审核不通过
-							_this.formobj.bankRemarks = vdata.bankRemarks // 银行审批意见
-						}
-					})
-				.catch(e => {
-					_this.formobj = row
-				})
-		}
-	}
+  name: 'SupplierBankInfoInfo',
+  data() {
+    return {
+      formobj: {
+        sid: '',
+        name: '',
+        codeUnified: '',
+        contacts: '',
+        telephone: '',
+        address: '',
+        bankAccount: '',
+        bankAccountNumber: '',
+        bankName: '',
+        legalRepresentative: '',
+        businessLicenseNo: '',
+        businessLicenseFiles: [],
+        contractFiles: [],
+        supplierContractInfoDto: {
+          handledBy: '',
+          signingOrganization: '',
+          contractNo: '',
+          contractValidity: '',
+          signingDepartment: '',
+          signatory: '',
+          contractPrice: '',
+          supplierSid: ''
+        }
+      }
+    }
+  },
+  methods: {
+    handleReturn() {
+      this.formobj = {}
+      this.$emit('doback')
+    },
+    showInfo(row) {
+      req.fetchBySid(row.sid).then((resp) => {
+        if (resp.success) {
+          this.formobj.sid = resp.data.sid
+          this.formobj.name = resp.data.name
+          this.formobj.codeUnified = resp.data.codeUnified
+          this.formobj.contacts = resp.data.contacts
+          this.formobj.telephone = resp.data.telephone
+          this.formobj.address = resp.data.address
+          this.formobj.bankAccount = resp.data.bankAccount
+          this.formobj.bankAccountNumber = resp.data.bankAccountNumber
+          this.formobj.bankName = resp.data.bankName
+          this.formobj.legalRepresentative = resp.data.legalRepresentative
+          this.formobj.businessLicenseNo = resp.data.businessLicenseNo
+          this.formobj.businessLicenseFiles = resp.data.businessLicenseFiles
+          this.formobj.contractFiles = resp.data.contractFiles
+          if (resp.data.supplierContractInfoDto !== null) {
+            this.formobj.supplierContractInfoDto = resp.data.supplierContractInfoDto
+          }
+        }
+      }).catch(e => {
+        this.formobj = row
+      })
+    }
+  }
 }
 </script>
 
-<style scoped></style>
+<style scoped>
+.yyzz {
+  padding: 12px;
+  font-weight: bold;
+  font-size: 16px;
+  text-align: left;
+}
+</style>