diff --git a/supervise-customer-ui/.env.development b/supervise-customer-ui/.env.development
index 5131ea3a..12079d63 100644
--- a/supervise-customer-ui/.env.development
+++ b/supervise-customer-ui/.env.development
@@ -2,8 +2,8 @@
 ENV = 'development'
 
 # base api
-VUE_APP_BASE_API = '/api/service'
+VUE_APP_BASE_API = '/api'
 
 ## 配置测试和本地开发时的 接口地址
-VUE_APP_URL = "http://8.130.39.13:8112"
-##VUE_APP_URL = "http://120.46.172.184:8111"
+##VUE_APP_URL = "http://8.130.39.13:8112"
+VUE_APP_URL = "http://192.168.3.9:8112"
diff --git a/supervise-customer-ui/.env.production b/supervise-customer-ui/.env.production
index 811f3444..c4d0fd79 100644
--- a/supervise-customer-ui/.env.production
+++ b/supervise-customer-ui/.env.production
@@ -2,7 +2,7 @@
 ENV = 'production'
 
 # base api
-VUE_APP_BASE_API = '/api/service'
+VUE_APP_BASE_API = '/api'
 
 ## 配置 正式接口地址
 VUE_APP_URL = "http://120.46.131.15:8111"
diff --git a/supervise-customer-ui/src/api/portal/Upload.js b/supervise-customer-ui/src/api/portal/Upload.js
index ea3c2ccf..abee38ed 100644
--- a/supervise-customer-ui/src/api/portal/Upload.js
+++ b/supervise-customer-ui/src/api/portal/Upload.js
@@ -4,7 +4,9 @@ import qs from 'qs'
 const base = process.env.VUE_APP_URL
 
 // 文件上传接口
-export const uploadFile = '/api/file/upload'
+export const uploadFile = process.env.VUE_APP_BASE_API + '/file/upload'
+
+
 
 // 上传图片
 // export function imageUpload(data) {
diff --git a/supervise-customer-ui/src/api/supervise/commodityFile.js b/supervise-customer-ui/src/api/supervise/commodityFile.js
new file mode 100644
index 00000000..10ee0987
--- /dev/null
+++ b/supervise-customer-ui/src/api/supervise/commodityFile.js
@@ -0,0 +1,143 @@
+import request from '@/utils/request'
+// 商品档案
+export default {
+
+  // 品牌品类 分类列表
+  brandListPage: function(params) {
+    return request({
+      url: '/customer/v1/restrictedbrand/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+ // 品牌品类 通过sid删除一条或多条记录
+   brandDelBySids: function(sid) {
+    return request({
+      url: '/customer/v1/restrictedbrand/delBySid/'+ sid,
+      method: 'delete'
+    })
+  },
+  // 品牌品类 保存品牌品类
+  saveBrand: function(params) {
+    return request({
+      url: '/customer/v1/restrictedbrand/save',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 品牌品类 通过sid查询一条记录
+   brandFetchBySid: function(sid) {
+    return request({
+      url: '/customer/v1/restrictedbrand/fetchDetailsBySid/' + sid
+    })
+  },
+
+
+
+  // 类别维护 类别列表
+  classListPage: function(params) {
+    return request({
+      url: '/customer/v1/restrictedcategory/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+ // 品牌品类 通过sid删除一条或多条记录
+  classDelBySids: function(sid) {
+    return request({
+      url: '/customer/v1/restrictedcategory/delBySid/'+ sid,
+      method: 'delete'
+    })
+  },
+  // 品牌品类 保存品牌品类
+  saveClass: function(params) {
+    return request({
+      url: '/customer/v1/restrictedcategory/save',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 品牌品类 通过sid查询一条记录
+  classFetchBySid: function(sid) {
+    return request({
+      url: '/customer/v1/restrictedcategory/fetchDetailsBySid/' + sid
+    })
+  },
+
+
+
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/v1/supplierbankinfo/listPage',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 保存新增记录
+  saveOrUpdate: function(params) {
+    return request({
+      url: '/v1/supplierbankinfo/save',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 通过sid删除一条或多条记录
+  delBySids: function(params) {
+    return request({
+      url: '/v1/supplierbankinfo/delBySids',
+      method: 'delete',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 通过sid查询一条记录
+  fetchBySid: function(sid) {
+    return request({
+      url: '/v1/supplierbankinfo/fetchDetailsBySid/' + sid
+    })
+  },
+  // 关联供应商--验证
+  verification: function(params) {
+    return request({
+      url: '/v1/supplierindex/verification',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+  // 关联供应商--查看详情
+  fetchDetailsBySid: function(data) {
+    return request({
+      url: '/v1/supplierindex/fetchDetailsBySid/' + data,
+      method: 'get'
+    })
+  },
+  // 关联供应商--查看详情--保存
+  save: function(data) {
+    return request({
+      url: '/v1/supplierindex/save',
+      method: 'post',
+      data: data,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+
+  // 保存供应商
+  saveSupplier: function(params) {
+    return request({
+      url: '/v1/supplier/saveSupplier',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+
+}
diff --git a/supervise-customer-ui/src/api/supervise/supplierbankinfo.js b/supervise-customer-ui/src/api/supervise/supplierbankinfo.js
index 873cc940..dc1cd19c 100644
--- a/supervise-customer-ui/src/api/supervise/supplierbankinfo.js
+++ b/supervise-customer-ui/src/api/supervise/supplierbankinfo.js
@@ -60,5 +60,15 @@ export default {
       headers: { 'Content-Type': 'application/json' }
     })
   },
+  
+  // 保存供应商
+  saveSupplier: function(params) {
+    return request({
+      url: '/v1/supplier/saveSupplier',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
 
 }
diff --git a/supervise-customer-ui/src/components/uploadFile/upload_yanchejianchaTuBiao.vue b/supervise-customer-ui/src/components/uploadFile/upload_yanchejianchaTuBiao.vue
index b7c1089a..69cc9858 100644
--- a/supervise-customer-ui/src/components/uploadFile/upload_yanchejianchaTuBiao.vue
+++ b/supervise-customer-ui/src/components/uploadFile/upload_yanchejianchaTuBiao.vue
@@ -1,222 +1,226 @@
 <template>
   <div>
-    <el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken" :action="uploadFile" :accept="accept" list-type="picture-card" :limit="limit" :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"/>
+    <el-upload ref="imgUpload" v-loading="loadding" class="avatar-uploader" :headers="accessToken" :action="uploadFile"
+      :accept="accept" list-type="picture-card" :limit="limit" :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" />
     </el-upload>
-    <el-dialog :visible.sync="dialogVisible"  title="查看图片">
+    <el-dialog :visible.sync="dialogVisible" title="查看图片">
       <img width="100%" :src="dialogImageUrl" alt="">
     </el-dialog>
   </div>
 </template>
 
 <script>
-import { uploadFile_yanchejiancha } from '@/api/portal/Upload'
-import { getStorage } from '@/utils/auth.js'
+  import {
+    uploadFile
+  } from '@/api/portal/Upload'
+  import {
+    getStorage
+  } from '@/utils/auth.js'
 
-export default {
-  model: {
-    prop: 'name',
-    event: 'change'
-  },
-  props: {
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    bucket: {
-      type: String,
-      default: 'abc'
-    },
-    // 长度
-    width: {
-      type: String,
-      default: '270px'
-    },
-    limit: {
-      type: Number,
-      default: ''
-    },
-    accept: {
-      type: String,
-      default: '.jpg,.jpeg,.png,.JPG,.JPEG,'
-    },
-    // 文件名称
-    name: {
-      type: Array,
-      required: true
-    },
-    uploadData: {
-      type: Object,
-      default: {}
-    }
-  },
-  data() {
-    return {
-      dialogImageUrl: '',
-      dialogVisible: false,
-      accessToken: null,
-      uploadFile: uploadFile_yanchejiancha,
-      fileList_FuJian: [],
-      enclosure: '',
-      file_add: '',
-      file_catch: '',
-      files: [],
-      files_list: [],
-      filedUrl: '',
-      // fileUrl: fileUrl,
-      // showpicture:false,
-      isview: false,
-      nameArr: '',
-      loadding: false
-    }
-  },
-  watch: {
-    name: {
-      deep: true,
-      immediate: true,
-      handler(newVal, oldVal) {
-        console.log('aaaa1', newVal)
-        this.files = newVal
-        console.log('aaaa2', this.files)
+  export default {
+    model: {
+      prop: 'name',
+      event: 'change'
+    },
+    props: {
+      placeholder: {
+        type: String,
+        default: ''
+      },
+      bucket: {
+        type: String,
+        default: 'abc'
+      },
+      // 长度
+      width: {
+        type: String,
+        default: '270px'
+      },
+      limit: {
+        type: Number,
+        default: ''
+      },
+      accept: {
+        type: String,
+        default: '.jpg,.jpeg,.png,.JPG,.JPEG,'
+      },
+      // 文件名称
+      name: {
+        type: Array,
+        required: true
+      },
+      uploadData: {
+        type: Object,
+        default: {}
       }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.Init()
-    })
-  },
-  created() {
-    this.uploadFile = uploadFile_yanchejiancha // 接口
-    this.accessToken = {
-      token: getStorage()
-    }
-  },
-  methods: {
-    showImg(imgList) {
-      this.files = imgList
-      console.log('123123123', this.files)
-    },
-    view() {
-      // window.open(this.filedUrl)
     },
-    // 页面第一次加载
-    Init() {
-      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]
-          })
-        }
+    data() {
+      return {
+        dialogImageUrl: '',
+        dialogVisible: false,
+        accessToken: null,
+        uploadFile: uploadFile,
+        fileList_FuJian: [],
+        enclosure: '',
+        file_add: '',
+        file_catch: '',
+        files: [],
+        files_list: [],
+        filedUrl: '',
+        // fileUrl: fileUrl,
+        // showpicture:false,
+        isview: false,
+        nameArr: '',
+        loadding: false
       }
     },
-    handlePictureCardPreview(file) {
-      this.dialogVisible = true
-      this.dialogImageUrl = file.url
-    },
-    // 上传方案--成功后执行
-    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)
+    watch: {
+      name: {
+        deep: true,
+        immediate: true,
+        handler(newVal, oldVal) {
+          this.files = newVal
+        }
       }
     },
-
-    removeImage(file, ImageFileList) {
-      this.files.splice(this.files.indexOf(file), 1)
-      const imgFiles = []
-      this.files.forEach((o) => {
-        imgFiles.push(o.url)
+    mounted() {
+      this.$nextTick(() => {
+        this.Init()
       })
-      this.$emit('fileChange', this.files)
     },
-    handleRemove(file, fileList) {
-      console.log('file:' + JSON.stringify(file))
-      console.log('fileList:' + JSON.stringify(fileList))
-      this.enclosure = ''
-      // 1. 保存新增文件id(this.file_add)
-      this.getNewFileId(fileList)
-      // 2. 保存数据库读取的已有文件id(this.file_catch)
-      this.getCatchFileId(file)
-      // 3. 保存并拼接id
-      this.getFileId()
-      // 4. 返回拼接id
-      this.$emit('change', this.enclosure)
-    },
-    // 返回this.file_add(新上传文件的id拼接集合)
-    getNewFileId(fileList) {
-      // debugger
-      this.file_add = ''
-      for (var i = 0; i < fileList.length; i++) {
-        if (fileList[i].response && fileList[i].response.code === '200') {
-          this.file_add = this.file_add + fileList[i].response.data + ','
-        }
+    created() {
+      this.uploadFile = uploadFile // 接口
+      this.accessToken = {
+        token: getStorage()
       }
-      if (this.file_add !== '') {
-        this.file_add = this.file_add.substring(0, this.file_add.length - 1)
-      }
-      // console.log('1. this.file_add: ' + this.file_add)
     },
-    // 返回this.file_catch（数库一寸照的文件的id的拼接集合）
-    getCatchFileId(file) {
-      for (var i = 0; i < this.files_list.length; i++) {
-        if (this.file_catch !== '') {
-          // 1. 检查当前删除的文件是否是修改文件列表里面的，如果是，将修改列表里去除此id
-          if (this.files_list[i].name === file.name) {
-            // 2. 拆开file_catch到fils_arry
-            var fils_arry = this.file_catch.split(',')
-            // 3. 从fils_arry去除 this.files_list[i].id
-            var arry = []
-            fils_arry.forEach((element) => {
-              // 不加载文件里面的
-              if (element !== this.files_list[i].id) {
-                arry.push(element)
-              }
+    methods: {
+      showImg(imgList) {
+        this.files = imgList
+      },
+      view() {
+        // window.open(this.filedUrl)
+      },
+      // 页面第一次加载
+      Init() {
+        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]
             })
-            // 4. 重新拼接成file_catch
-            this.file_catch = arry.join(',')
           }
         }
-      }
-      // console.log('2. this.file_catch:' + this.file_catch)
-    },
-    // 保存并拼接id
-    getFileId() {
-      // console.log('3. this.file_catch:' + this.file_catch + ',this.file_add:' + this.file_add)
-      if (this.file_catch !== '') {
+      },
+      handlePictureCardPreview(file) {
+        this.dialogVisible = true
+        this.dialogImageUrl = file.url
+      },
+      // 上传方案--成功后执行
+      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)
+        }
+      },
+
+      removeImage(file, ImageFileList) {
+        this.files.splice(this.files.indexOf(file), 1)
+        const imgFiles = []
+        this.files.forEach((o) => {
+          imgFiles.push(o.url)
+        })
+        this.$emit('fileChange', this.files)
+      },
+      handleRemove(file, fileList) {
+        console.log('file:' + JSON.stringify(file))
+        console.log('fileList:' + JSON.stringify(fileList))
+        this.enclosure = ''
+        // 1. 保存新增文件id(this.file_add)
+        this.getNewFileId(fileList)
+        // 2. 保存数据库读取的已有文件id(this.file_catch)
+        this.getCatchFileId(file)
+        // 3. 保存并拼接id
+        this.getFileId()
+        // 4. 返回拼接id
+        this.$emit('change', this.enclosure)
+      },
+      // 返回this.file_add(新上传文件的id拼接集合)
+      getNewFileId(fileList) {
+        // debugger
+        this.file_add = ''
+        for (var i = 0; i < fileList.length; i++) {
+          if (fileList[i].response && fileList[i].response.code === '200') {
+            this.file_add = this.file_add + fileList[i].response.data + ','
+          }
+        }
         if (this.file_add !== '') {
-          this.enclosure = this.file_catch + ',' + this.file_add
+          this.file_add = this.file_add.substring(0, this.file_add.length - 1)
+        }
+        // console.log('1. this.file_add: ' + this.file_add)
+      },
+      // 返回this.file_catch（数库一寸照的文件的id的拼接集合）
+      getCatchFileId(file) {
+        for (var i = 0; i < this.files_list.length; i++) {
+          if (this.file_catch !== '') {
+            // 1. 检查当前删除的文件是否是修改文件列表里面的，如果是，将修改列表里去除此id
+            if (this.files_list[i].name === file.name) {
+              // 2. 拆开file_catch到fils_arry
+              var fils_arry = this.file_catch.split(',')
+              // 3. 从fils_arry去除 this.files_list[i].id
+              var arry = []
+              fils_arry.forEach((element) => {
+                // 不加载文件里面的
+                if (element !== this.files_list[i].id) {
+                  arry.push(element)
+                }
+              })
+              // 4. 重新拼接成file_catch
+              this.file_catch = arry.join(',')
+            }
+          }
+        }
+        // console.log('2. this.file_catch:' + this.file_catch)
+      },
+      // 保存并拼接id
+      getFileId() {
+        // console.log('3. this.file_catch:' + this.file_catch + ',this.file_add:' + this.file_add)
+        if (this.file_catch !== '') {
+          if (this.file_add !== '') {
+            this.enclosure = this.file_catch + ',' + this.file_add
+          } else {
+            this.enclosure = this.file_catch
+          }
         } else {
-          this.enclosure = this.file_catch
+          this.enclosure = this.file_add
         }
-      } else {
-        this.enclosure = this.file_add
-      }
-    },
-    // 上传失败
-    uploadError() {
-      this.loadding = false
-    },
-    uploadProgrees(event, file, fileList) {
-      if (Number(event.percent) > 0) {
-        this.loadding = true
+      },
+      // 上传失败
+      uploadError() {
+        this.loadding = false
+      },
+      uploadProgrees(event, file, fileList) {
+        if (Number(event.percent) > 0) {
+          this.loadding = true
+        }
+        //   console.log('event:', event)
       }
-      //   console.log('event:', event)
     }
   }
-}
 </script>
 
 <style scoped></style>
diff --git a/supervise-customer-ui/src/router/modules/codemenu.js b/supervise-customer-ui/src/router/modules/codemenu.js
index c6b1ae0b..c0a2ee56 100644
--- a/supervise-customer-ui/src/router/modules/codemenu.js
+++ b/supervise-customer-ui/src/router/modules/codemenu.js
@@ -65,6 +65,40 @@ const codemenu = [{
       noCache: true
     }
   }]
+},  {
+  path: '/commodityFile',
+  component: Layout,
+  redirect: '/commodityFile',
+  meta: {
+    title: '商品档案'
+  },
+  children: [{
+    path: '/supervise/commodityFile/commodity/commodityManagementInfo',
+    component: () => import('@/views/supervise/commodityFile/commodity/commodityManagementInfo.vue'),
+    name: 'commodityManagementInfo',
+    meta: {
+      title: '商品管理',
+      noCache: true
+    }
+  },
+  {
+    path: '/supervise/commodityFile/brand/brandManagementInfo',
+    component: () => import('@/views/supervise/commodityFile/brand/brandManagementInfo.vue'),
+    name: 'brandManagementInfo',
+    meta: {
+      title: '品牌维护',
+      noCache: true
+    }
+  },
+  {
+    path: '/supervise/commodityFile/classification/classManagementInfo',
+    component: () => import('@/views/supervise/commodityFile/classification/classManagementInfo.vue'),
+    name: 'classManagementInfo',
+    meta: {
+      title: '类别维护',
+      noCache: true
+    }
+  }]
 }, {
   path: '/kucunsjsb',
   component: Layout,
diff --git a/supervise-customer-ui/src/settings.js b/supervise-customer-ui/src/settings.js
index 0dc7efda..9f78bf67 100644
--- a/supervise-customer-ui/src/settings.js
+++ b/supervise-customer-ui/src/settings.js
@@ -1,6 +1,6 @@
 module.exports = {
 
-  title: '汇融供应链贷后监管平台
+  title: '汇融供应链贷后监管平台',
 
   /**
    * @type {boolean} true | false
diff --git a/supervise-customer-ui/src/views/supervise/commodityFile/brand/brandManagementInfo.vue b/supervise-customer-ui/src/views/supervise/commodityFile/brand/brandManagementInfo.vue
new file mode 100644
index 00000000..11bb02af
--- /dev/null
+++ b/supervise-customer-ui/src/views/supervise/commodityFile/brand/brandManagementInfo.vue
@@ -0,0 +1,265 @@
+<template>
+  <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.name" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="品牌编号">
+                <el-input v-model="queryParams.params.code" placeholder="" clearable />
+              </el-form-item>
+              <!-- <el-form-item label="审核">
+                <el-select v-model="queryParams.params.completionStatusKey" filterable placeholder="请选择" clearable>
+                  <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue"
+                    :value="item.dictKey"></el-option>
+                </el-select>
+              </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>
+        </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 prop="code" label="品牌编号" align="center" width="200" />
+            <el-table-column prop="name" label="品牌名称" align="center"  />
+            <!-- <el-table-column prop="address" label="审核" align="center" /> -->
+            <el-table-column label="操作" 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 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 查询和其列表部分 -->
+    <!-- 新增修改部分组件 -->
+    <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
+  </div>
+</template>
+
+<script>
+  import req from '@/api/supervise/commodityFile'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import divAdd from './brandManagementInfoAdd'
+  export default {
+    name: 'SupplierBankInfoIndex',
+    components: {
+      ButtonBar,
+      Pagination,
+      pageye,
+      divAdd
+    },
+    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: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        state_list: [{
+            dictKey: 1,
+            dictValue: '通过审核'
+          },
+          {
+            dictKey: 2,
+            dictValue: '等待审核'
+          },
+          {
+            dictKey: 3,
+            dictValue: '审核被拒'
+          }
+        ],
+        queryParams: {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            code: '',
+            name: ''
+          }
+        },
+        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 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+      loadList() {
+        this.tableLoading = true
+        req.brandListPage(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.dataList = []
+            this.queryParams.total = 0
+          }
+        }).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: {
+            code: '',
+            name: '',
+          }
+        }
+        this.loadList()
+      },
+      toAdd() {
+        this.viewState = 2
+        this.$refs['divadd'].showAdd()
+      },
+
+      toRelevancy(row) {
+        this.viewState = 3
+        this.$refs['divadd'].showEdit(row)
+      },
+      toRelevancyInfo(row) {
+
+        const tip = '请确认是否删除所选记录?'
+        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.brandDelBySids(row.sid).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>
+</style>
diff --git a/supervise-customer-ui/src/views/supervise/commodityFile/brand/brandManagementInfoAdd.vue b/supervise-customer-ui/src/views/supervise/commodityFile/brand/brandManagementInfoAdd.vue
new file mode 100644
index 00000000..8ef37312
--- /dev/null
+++ b/supervise-customer-ui/src/views/supervise/commodityFile/brand/brandManagementInfoAdd.vue
@@ -0,0 +1,157 @@
+<template>
+  <div>
+
+    <div class="tab-header webtop">
+      <!-- 标题 -->
+      <div>品牌信息</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>
+
+    <div>
+
+      <el-card class="box-card">
+        <div class="item">
+          <span class="item_text">品牌名称：</span>
+          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
+        </div>
+        <div class="item">
+          <span class="item_text">品牌编码：</span>
+          <el-input v-model="formobj.code" placeholder="" class="item_input" clearable />
+        </div>
+
+      </el-card>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import req from '@/api/supervise/commodityFile'
+  export default {
+    data() {
+      return {
+        submitdisabled: false,
+        formobj: {
+          sid: "",
+          name: "",
+          code: ""
+        }
+      }
+    },
+    methods: {
+      saveOrUpdate() {
+        req.saveBrand(this.formobj)
+          .then(resp => {
+            if (resp.success) {
+              this.$message({
+                showClose: true,
+                type: 'success',
+                message: resp.msg
+              })
+              this.handleReturn("true")
+            } else {
+              // 根据resp.code进行异常情况处理
+            }
+          })
+          .catch(() => {})
+      },
+      handleReturn(isreload) {
+        if (isreload === 'true') this.$emit('reloadlist')
+        this.formobj = {
+          sid: '',
+          name: '',
+          code: ""
+        }
+        this.$emit('doback')
+      },
+
+      showAdd() {
+
+      },
+      showEdit(row) {
+        req.brandFetchBySid(row.sid)
+          .then(resp => {
+            if (resp.success) {
+              this.formobj = resp.data
+            }
+
+          })
+          .catch(e => {
+            this.formobj = row
+          })
+      }
+    }
+  }
+</script>
+<style lang="scss">
+
+  .box-card {
+    margin-left: 60px;
+    margin-right: 60px;
+    min-width: 70%;
+    margin-top: 20px;
+
+    .item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin-top: 15px;
+      height: 40px;
+      line-height: 40px;
+
+      .item_text {
+        flex: 0.8;
+        font-size: 18px;
+        text-align: right;
+      }
+
+      .item_input {
+        flex: 4;
+        font-size: 16px;
+        margin-left: 10px;
+        margin-right: 80px;
+      }
+
+      .item_left_input {
+        width: 20%;
+      }
+
+      .item_left_text {
+        height: 30px;
+        margin-left: 20px;
+        line-height: 30px;
+        color: #018AD2;
+        padding: 0px 15px;
+        border: 1.5px solid #018AD2;
+        border-radius: 5px;
+
+      }
+
+      .item_right {
+        flex: 1;
+        justify-items: center;
+
+        .item_right_list_text {
+          font-size: 16px;
+        }
+
+        .item_right_list_delect {
+          color: #5E94FF;
+          margin-left: 20px;
+          font-size: 16px;
+          text-decoration: underline;
+        }
+      }
+
+    }
+
+  }
+
+</style>
diff --git a/supervise-customer-ui/src/views/supervise/commodityFile/classification/classManagementInfo.vue b/supervise-customer-ui/src/views/supervise/commodityFile/classification/classManagementInfo.vue
new file mode 100644
index 00000000..9a57e080
--- /dev/null
+++ b/supervise-customer-ui/src/views/supervise/commodityFile/classification/classManagementInfo.vue
@@ -0,0 +1,262 @@
+<template>
+  <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.categorys" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="类别编号">
+                <el-input v-model="queryParams.params.categoryKey" placeholder="" clearable />
+              </el-form-item>
+              <!--  <el-form-item label="审核">
+                <el-select v-model="queryParams.params.completionStatusKey" filterable placeholder="请选择" clearable>
+                  <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue"
+                    :value="item.dictKey"></el-option>
+                </el-select>
+              </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>
+        </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 prop="categoryKey" label="类别编号" align="center" width="200" />
+            <el-table-column prop="categorys" label="类别名称" align="center"  />
+            <!-- <el-table-column prop="address" label="审核" align="center" /> -->
+            <el-table-column label="操作" 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 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 查询和其列表部分 -->
+    <!-- 新增修改部分组件 -->
+    <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
+  </div>
+</template>
+
+<script>
+  import req from '@/api/supervise/commodityFile'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import divAdd from './classManagementInfoAdd'
+  export default {
+    name: 'SupplierBankInfoIndex',
+    components: {
+      ButtonBar,
+      Pagination,
+      pageye,
+      divAdd
+    },
+    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: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        state_list: [{
+            dictKey: 1,
+            dictValue: '通过审核'
+          },
+          {
+            dictKey: 2,
+            dictValue: '等待审核'
+          },
+          {
+            dictKey: 3,
+            dictValue: '审核被拒'
+          }
+        ],
+        queryParams: {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            categoryKey: '',
+            categorys: ''
+          }
+        },
+      }
+    },
+    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 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+      loadList() {
+        this.tableLoading = true
+        req.classListPage(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: {
+            categoryKey: '',
+            categorys: ''
+          }
+        }
+        this.loadList()
+      },
+      toAdd() {
+        this.viewState = 2
+        this.$refs['divadd'].showAdd()
+      },
+      toRelevancy(row) {
+        this.viewState = 3
+        this.$refs['divadd'].showEdit(row)
+      },
+      toRelevancyInfo(row) {
+        const tip = '请确认是否删除所选条记录?'
+        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.classDelBySids(row.sid).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>
+</style>
diff --git a/supervise-customer-ui/src/views/supervise/commodityFile/classification/classManagementInfoAdd.vue b/supervise-customer-ui/src/views/supervise/commodityFile/classification/classManagementInfoAdd.vue
new file mode 100644
index 00000000..5c26a515
--- /dev/null
+++ b/supervise-customer-ui/src/views/supervise/commodityFile/classification/classManagementInfoAdd.vue
@@ -0,0 +1,157 @@
+<template>
+  <div>
+
+    <div class="tab-header webtop">
+      <!-- 标题 -->
+      <div>品牌信息</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>
+
+    <div>
+
+      <el-card class="box-card">
+        <div class="item">
+          <span class="item_text">类别名称：</span>
+          <el-input v-model="formobj.categorys" placeholder="" class="item_input" clearable />
+        </div>
+        <div class="item">
+          <span class="item_text">类别编码：</span>
+          <el-input v-model="formobj.categoryKey" placeholder="" class="item_input" clearable />
+        </div>
+
+      </el-card>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import req from '@/api/supervise/commodityFile'
+  export default {
+    data() {
+      return {
+        submitdisabled: false,
+        formobj: {
+          sid: "",
+          categorys: "",
+          categoryKey: ""
+        }
+      }
+    },
+    methods: {
+      saveOrUpdate() {
+        req.saveClass(this.formobj)
+          .then(resp => {
+            if (resp.success) {
+              this.$message({
+                showClose: true,
+                type: 'success',
+                message: resp.msg
+              })
+              this.handleReturn("true")
+            } else {
+              // 根据resp.code进行异常情况处理
+            }
+          })
+          .catch(() => {})
+      },
+      handleReturn(isreload) {
+        if (isreload === 'true') this.$emit('reloadlist')
+        this.formobj = {
+          sid: '',
+          categorys: '',
+          categoryKey: ""
+        }
+        this.$emit('doback')
+      },
+
+      showAdd() {
+
+      },
+      showEdit(row) {
+        req.classFetchBySid(row.sid)
+          .then(resp => {
+            if (resp.success) {
+              this.formobj = resp.data
+            }
+
+          })
+          .catch(e => {
+            this.formobj = row
+          })
+      }
+    }
+  }
+</script>
+<style lang="scss">
+
+  .box-card {
+    margin-left: 60px;
+    margin-right: 60px;
+    min-width: 70%;
+    margin-top: 20px;
+
+    .item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin-top: 15px;
+      height: 40px;
+      line-height: 40px;
+
+      .item_text {
+        flex: 0.8;
+        font-size: 18px;
+        text-align: right;
+      }
+
+      .item_input {
+        flex: 4;
+        font-size: 16px;
+        margin-left: 10px;
+        margin-right: 80px;
+      }
+
+      .item_left_input {
+        width: 20%;
+      }
+
+      .item_left_text {
+        height: 30px;
+        margin-left: 20px;
+        line-height: 30px;
+        color: #018AD2;
+        padding: 0px 15px;
+        border: 1.5px solid #018AD2;
+        border-radius: 5px;
+
+      }
+
+      .item_right {
+        flex: 1;
+        justify-items: center;
+
+        .item_right_list_text {
+          font-size: 16px;
+        }
+
+        .item_right_list_delect {
+          color: #5E94FF;
+          margin-left: 20px;
+          font-size: 16px;
+          text-decoration: underline;
+        }
+      }
+
+    }
+
+  }
+
+</style>
diff --git a/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfo.vue b/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfo.vue
new file mode 100644
index 00000000..beb9c5ac
--- /dev/null
+++ b/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfo.vue
@@ -0,0 +1,297 @@
+<template>
+  <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.name" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="审核">
+                <el-select v-model="queryParams.params.completionStatusKey" filterable placeholder="请选择" clearable>
+                  <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue"
+                    :value="item.dictKey"></el-option>
+                </el-select>
+              </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>
+        </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 label="商品名称" align="center" width="110">
+              <!--   <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="address" label="单位" align="center" />
+            <el-table-column prop="address" label="生成厂家" align="center" />
+            <el-table-column prop="address" label="第二代码" align="center" />
+            <el-table-column prop="address" label="审核" align="center" />
+            <el-table-column label="操作" 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 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 查询和其列表部分 -->
+    <!-- 新增修改部分组件 -->
+    <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
+    <!-- 详情部分组件 -->
+    <divDetail v-show="viewState == 4" ref="divinfo" @doback="resetState" />
+  </div>
+</template>
+
+<script>
+  import req from '@/api/supervise/supplierbankinfo'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import divAdd from './commodityManagementInfoAdd'
+  import divDetail from './commodityManagementInfoDetail'
+  export default {
+    name: 'SupplierBankInfoIndex',
+    components: {
+      ButtonBar,
+      Pagination,
+      pageye,
+      divAdd,
+      divDetail
+    },
+    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: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        state_list: [{
+            dictKey: 1,
+            dictValue: '通过审核'
+          },
+          {
+            dictKey: 2,
+            dictValue: '等待审核'
+          },
+          {
+            dictKey: 3,
+            dictValue: '审核被拒'
+          }
+        ],
+        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 'doClose':
+            this.doClose()
+            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 = 3
+        this.$refs['divBankAdd'].showEdit(row)
+      },
+      // 删除
+      toRelevancyInfo(row) {
+
+        let sids = []
+
+        sids.push(row.sid)
+
+        const tip = '请确认是否删除所选记录?'
+        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(() => {})
+      },
+      // 关闭
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+      },
+
+      resetState() {
+        this.viewState = 1
+      }
+    }
+  }
+</script>
+<style scoped>
+</style>
diff --git a/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfoAdd.vue b/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfoAdd.vue
new file mode 100644
index 00000000..a77e3f11
--- /dev/null
+++ b/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfoAdd.vue
@@ -0,0 +1,130 @@
+<template>
+  <div >
+    
+    <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>
+    
+      <div>
+        
+        <el-card>
+          <div class="item">
+            <span class="item_text"><span class="icon" >*</span>商品名称：</span>
+            <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text"><span class="icon" >*</span>商品编码：</span>
+            <el-input v-model="formobj.codeUnified" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text"><span class="icon" >*</span>分类：</span>
+            <el-select v-model="formobj.completionStatusKey" filterable placeholder="请选择" clearable>
+              <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+            </el-select>
+          </div>
+          <div class="item">
+            <span class="item_text"><span class="icon" >*</span>品牌：</span>
+           <el-select v-model="formobj.completionStatusKey" filterable placeholder="请选择" clearable>
+             <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"></el-option>
+           </el-select>
+          </div>
+          <div class="item">
+            <span class="item_text"><span class="icon" >*</span>进货单价：</span>
+            <el-input v-model="formobj.address" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">规格：</span>
+            <el-input v-model="formobj.legalRepresentative" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">单位：</span>
+            <el-input v-model="formobj.bankName" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">生产厂家：</span>
+            <el-input v-model="formobj.bankAccount" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">保质期：</span>
+            <el-input v-model="formobj.bankAccountNumber" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item" style="margin-bottom: 20px;">
+            <span class="item_text"><span class="icon" >*</span>第二代码：</span>
+            <el-input v-model="formobj.businessLicenseNo" placeholder="" class="item_input" clearable />
+          </div>
+        </el-card>
+        
+      </div>
+    
+   </div>
+</template>
+
+<script>
+  import req from '@/api/supervise/supplierbankinfo'
+  export default {
+    name: 'SupplierBankInfoIndex',
+    data() {
+      return {
+        btndisabled: false,
+        state_list: [{
+            dictKey: 1,
+            dictValue: '通过审核'
+          },
+          {
+            dictKey: 2,
+            dictValue: '等待审核'
+          },
+          {
+            dictKey: 3,
+            dictValue: '审核被拒'
+          }
+        ],
+      }
+    },
+    methods: {
+      saveOrUpdate(){
+        
+      },
+     handleReturn(isreload) {
+     	if (isreload === 'true') this.$emit('reloadlist')
+       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.$emit('doback')
+     },
+      
+    }
+  }
+</script>
+<style scoped>
+</style>
diff --git a/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfoDetail.vue b/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfoDetail.vue
new file mode 100644
index 00000000..c214e91b
--- /dev/null
+++ b/supervise-customer-ui/src/views/supervise/commodityFile/commodity/commodityManagementInfoDetail.vue
@@ -0,0 +1,282 @@
+<template>
+  <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.name" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="审核">
+                <el-select v-model="queryParams.params.completionStatusKey" filterable placeholder="请选择" clearable>
+                  <el-option v-for="item in state_list" :key="item.dictKey" :label="item.dictValue"
+                    :value="item.dictKey"></el-option>
+                </el-select>
+              </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>
+        </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 label="商品名称" align="center" width="110">
+              <!--   <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="address" label="单位" align="center" />
+            <el-table-column prop="address" label="生成厂家" align="center" />
+            <el-table-column prop="address" label="第二代码" align="center" />
+            <el-table-column prop="address" label="审核" align="center" />
+            <el-table-column label="操作" 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 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>
+  </div>
+</template>
+
+<script>
+  import req from '@/api/supervise/supplierbankinfo'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  export default {
+    name: 'SupplierBankInfoIndex',
+    components: {
+      ButtonBar,
+      Pagination,
+      pageye,
+    },
+    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: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        state_list: [{
+            dictKey: 1,
+            dictValue: '通过审核'
+          },
+          {
+            dictKey: 2,
+            dictValue: '等待审核'
+          },
+          {
+            dictKey: 3,
+            dictValue: '审核被拒'
+          }
+        ],
+        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 'doClose':
+            this.doClose()
+            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()
+      },
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+      },
+      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>
+</style>
diff --git a/supervise-customer-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue b/supervise-customer-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
index 1a91f795..5ba4c3af 100644
--- a/supervise-customer-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
+++ b/supervise-customer-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue
@@ -13,104 +13,183 @@
       <!-- end 详情按钮 -->
     </div>
 
-    <div class="stepsLay">
-      <!-- 步骤条 -->
-      <el-steps :active="active" simple class="stepsLay_top">
-        <el-step title="填写供应商信息" icon="el-icon-edit-outline"></el-step>
-        <el-step title="上传营业执照" icon="el-icon-upload"></el-step>
-        <el-step title="上传合同" icon="el-icon-picture"></el-step>
-        <el-step title="关联第二代码" icon="el-icon-circle-plus"></el-step>
-      </el-steps>
-
-      <!--  填写供应商信息-->
-      <el-card class="box-card" v-if="active===0">
-        <div class="item">
-          <span class="item_text">供应商名称：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">供应商编码：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">联系人：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">电话：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">单位地址：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">法人代表：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">开户行：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">银行账户：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">银行账号：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-        <div class="item">
-          <span class="item_text">营业执照号：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
-        </div>
-      </el-card>
-
-      <!-- 上传营业执照 -->
-      <el-card class="box-card" v-if="active===1">
-        <img
-          src="https://ts1.cn.mm.bing.net/th/id/R-C.ff9d35a24ab8939a9cf51706cc0a3386?rik=CdofqeWtaZ6lHw&riu=http%3a%2f%2fimg95.699pic.com%2fdesgin_photo%2f40064%2f1304_list.jpg&ehk=7Fgvp%2b0uNJ93xDAUhg0EbJc%2fNpU1jZbYy9EKwWFzSgg%3d&risl=&pid=ImgRaw&r=0"
-          style="margin-left: 30px; width: 300px;height: 300px;" />
-
-        <img :src="imageUrl1" @click="uploadImage1" style="margin-left: 150px; width: 300px;height: 300px;" />
-      </el-card>
-
-      <!-- 上传合同 -->
-      <el-card class="box-card" v-if="active===2">
-        <img
-          src="https://ts1.cn.mm.bing.net/th/id/R-C.de25aa371b777f0a779a1d2be719510c?rik=XHbzQqTmVDdirg&riu=http%3a%2f%2fimgs.ppt118.com%2fword%2fotherdoc%2f2018%2f10%2f12%2f0b5445a1-3.png_w800&ehk=F78OU5oXSPtPsbT7OzG%2bgHFdOl%2flolfxSH0zLTFUJHQ%3d&risl=&pid=ImgRaw&r=0"
-          style="margin-left: 30px; width: 300px;height: 300px;" />
-
-        <img :src="imageUrl2" @click="uploadImage2" style="margin-left: 150px; width: 300px;height: 300px;" />
-      </el-card>
-
-      <!-- 关联第二代码 -->
-      <el-card class="box-card" v-if="active===3">
-
-        <div class="item4">
-          <div class="item4_left">
-            <span>关联第二代码</span>
-            <div style="display: flex; flex-direction: column;align-items: center;margin-top: 10px;" >
-              <el-input v-model="formobj.name" placeholder="" class="item4_left_input" clearable />
-              <span class="item4_left_text">添加</span>
+    <div class="listconadd">
+      <div class="stepsLay">
+        <!-- 步骤条 -->
+        <el-steps :active="active" simple class="stepsLay_top">
+          <el-step title="填写供应商信息" icon="el-icon-edit-outline"></el-step>
+          <el-step title="上传营业执照" icon="el-icon-upload"></el-step>
+          <el-step title="上传合同" icon="el-icon-picture"></el-step>
+          <el-step title="关联第二代码" icon="el-icon-circle-plus"></el-step>
+        </el-steps>
+
+        <!--  填写供应商信息-->
+        <el-card class="box-card" v-show="active===0">
+          <div class="item">
+            <span class="item_text">供应商名称：</span>
+            <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">供应商编码：</span>
+            <el-input v-model="formobj.codeUnified" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">联系人：</span>
+            <el-input v-model="formobj.contacts" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">电话：</span>
+            <el-input v-model="formobj.telephone" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">单位地址：</span>
+            <el-input v-model="formobj.address" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">法人代表：</span>
+            <el-input v-model="formobj.legalRepresentative" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">开户行：</span>
+            <el-input v-model="formobj.bankName" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">银行账户：</span>
+            <el-input v-model="formobj.bankAccount" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">银行账号：</span>
+            <el-input v-model="formobj.bankAccountNumber" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item" style="margin-bottom: 20px;">
+            <span class="item_text">营业执照号：</span>
+            <el-input v-model="formobj.businessLicenseNo" placeholder="" class="item_input" clearable />
+          </div>
+        </el-card>
+
+        <!-- 上传营业执照 -->
+        <el-card class="box-card" v-show="active===1">
+          <div style="display: flex;margin-top: 20px;margin-bottom: 20px;">
+            <span style="display: flex;font-size:18px;margin-left: 20px;">营业执照：</span>
+            <div style="display: flex; flex-direction: row;">
+              <img
+                src="https://ts1.cn.mm.bing.net/th/id/R-C.ff9d35a24ab8939a9cf51706cc0a3386?rik=CdofqeWtaZ6lHw&riu=http%3a%2f%2fimg95.699pic.com%2fdesgin_photo%2f40064%2f1304_list.jpg&ehk=7Fgvp%2b0uNJ93xDAUhg0EbJc%2fNpU1jZbYy9EKwWFzSgg%3d&risl=&pid=ImgRaw&r=0"
+                style="margin-left: 30px; width: 148px;height: 148px;" />
+
+              <upload style="margin-left: 80px;" ref="uploadImg" v-model="imgList" :limit="3" @change="backData"
+                bucket="map" :upload-data="{ type: '0001' }"></upload>
+
+            </div>
+
+          </div>
+
+        </el-card>
+
+        <!-- 上传合同 -->
+        <el-card class="box-card" v-show="active===2">
+
+          <div class="item">
+            <span class="item_text">合同编号：</span>
+            <el-input v-model="formobj.contractInfo.contractNo" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">合同有效期：</span>
+            <el-input v-model="formobj.contractInfo.contractValidity" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">签署人：</span>
+            <el-input v-model="formobj.contractInfo.signatory" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">合同金额：</span>
+            <el-input v-model="formobj.contractInfo.contractPrice" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">经办人：</span>
+            <el-input v-model="formobj.contractInfo.handledBy" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item">
+            <span class="item_text">签署组织：</span>
+            <el-input v-model="formobj.contractInfo.signingOrganization" placeholder="" class="item_input" clearable />
+          </div>
+          <div class="item" style="margin-top: 80px; margin-bottom: 80px;">
+            <span class="item_text">合同附件：</span>
+            <div class="item_input" style="display: flex; flex-direction: row;">
+              <img
+                src="https://ts1.cn.mm.bing.net/th/id/R-C.de25aa371b777f0a779a1d2be719510c?rik=XHbzQqTmVDdirg&riu=http%3a%2f%2fimgs.ppt118.com%2fword%2fotherdoc%2f2018%2f10%2f12%2f0b5445a1-3.png_w800&ehk=F78OU5oXSPtPsbT7OzG%2bgHFdOl%2flolfxSH0zLTFUJHQ%3d&risl=&pid=ImgRaw&r=0"
+                style="width: 148px;height: 148px;" />
+
+              <upload style="margin-left: 50px;" ref="uploadImg2" v-model="imgList2" :limit="3" @change="backData2"
+                bucket="map" :upload-data="{ type: '0001' }"></upload>
+
+            </div>
+          </div>
+        </el-card>
+
+        <!-- 关联第二代码 -->
+        <el-card class="box-card" v-show="active===3">
+
+          <!--    <div class="item4">
+            <div class="item4_left">
+              <span>关联第二代码</span>
+              <div style="display: flex; flex-direction: column;align-items: center;margin-top: 10px;">
+                <el-input v-model="inputText" placeholder="" class="item4_left_input" clearable />
+                <span class="item4_left_text">添加</span>
+              </div>
             </div>
+            <div>
+              <div v-for="(item,index) in formobj.codeIndex" :key="index" class="item4_right" style="margin-top: 10px;">
+                <span class="item4_right_list_text">{{item}}</span>
+                <span class="item4_right_list_delect">删除</span>
+              </div>
+            </div>
+
+          </div> -->
+
+          <div class="item">
+            <span class="item_text">供应商名称：</span>
+            <span class="item_input">{{formobj.name}}</span>
+          </div>
+
+          <div class="item">
+            <span class="item_text">供应商编码：</span>
+            <span class="item_input">{{formobj.codeUnified}}</span>
           </div>
-          <div >
-            <div v-for="(item,index) in dataList" :key="index" class="item4_right" style="margin-top: 10px;">
-              <span class="item4_right_list_text">{{item}}</span>
-              <span class="item4_right_list_delect">删除</span>
+
+          <div class="item" style="height: auto; align-items: start;">
+            <span class="item_text">第二代码：</span>
+            <div style=" flex: 4.4; display: flex;flex-direction: column;  margin-left: 10px;">
+              <div v-for="(item,index) in formobj.codeIndex" :key="index" class="item_right">
+                <span class="item_right_list_text">{{item}}</span>
+                <span class="item_right_list_delect" @click="showDelectDialog(index)">删除</span>
+              </div>
+              <div style="display: flex; flex-direction: row;align-items: center;margin-top: 10px;">
+                <el-input v-model="inputText" placeholder="" type="number" class="item_left_input" clearable />
+                <span class="item_left_text" @click="add">添加</span>
+              </div>
             </div>
+
           </div>
 
+
+        </el-card>
+
+        <!-- 底部按钮 -->
+        <div>
+          <el-button class="deployBtn" @click="prev" v-if="active==1||active==2||active==3">上一步</el-button>
+          <el-button class="deployBtn" @click="next" v-if="active==0||active==1||active==2">下一步</el-button>
+          <el-button class="deployBtn" @click="submit" v-if="active==3">提交</el-button>
         </div>
 
-      </el-card>
+        <!-- 删除提示框 -->
+        <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
+          <span>是否确认要删除此管理代码？</span>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="delect()">确 定</el-button>
+          </span>
+        </el-dialog>
 
-      <!-- 底部按钮 -->
-      <div>
-        <el-button class="deployBtn" @click="prev" v-if="active==1||active==2||active==3">上一步</el-button>
-        <el-button class="deployBtn" @click="next" v-if="active==0||active==1||active==2">下一步</el-button>
-        <el-button class="deployBtn" @click="submit" v-if="active==3">提交</el-button>
       </div>
     </div>
   </div>
@@ -118,137 +197,252 @@
 
 <script>
   import req from '@/api/supervise/supplierbankinfo'
-  import FaImages from '@/components/uploadFile/FaImages'
+  import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao'
+
   export default {
-    name: 'SupplierBankInfoAdd',
     components: {
-      FaImages
+      upload
     },
     data() {
       return {
+        dialogVisible: false,
+        itemIndex: 0,
         active: 0,
-        imageUrl1: "https://ts1.cn.mm.bing.net/th/id/R-C.ed504d0a5b9a7ee0e516041dba965ddb?rik=vgoYpK5RpLzoRg&riu=http%3a%2f%2fimg95.699pic.com%2felement%2f40027%2f8464.png_300.png&ehk=qYViqYHHM5tTXJGsb4zmdp2sVeVRVPrOvoVaLJCh7%2bY%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1",
-        imageUrl2: "https://ts1.cn.mm.bing.net/th/id/R-C.ed504d0a5b9a7ee0e516041dba965ddb?rik=vgoYpK5RpLzoRg&riu=http%3a%2f%2fimg95.699pic.com%2felement%2f40027%2f8464.png_300.png&ehk=qYViqYHHM5tTXJGsb4zmdp2sVeVRVPrOvoVaLJCh7%2bY%3d&risl=&pid=ImgRaw&r=0&sres=1&sresct=1",
+        inputText: "",
         submitdisabled: false,
-        dataList: [
-          "1230",
-          "2134201",
-          "13212432",
-          "213325214201",
-          "1230",
-          "2134201",
-          "13212432",
-          "213325214201"
-        ],
+        imgList: [],
+        imgList2: [],
         formobj: {
-          name: ""
+          name: "",
+          codeUnified: "",
+          contacts: "",
+          telephone: "",
+          address: "",
+          bankName: "",
+          bankAccount: "",
+          bankAccountNumber: "",
+          legalRepresentative: "",
+          businessLicenseNo: "",
+          businessLicenseFiles: [],
+          contractInfo: {
+            contractNo: "",
+            contractValidity: "",
+            signingDepartment: "",
+            signatory: "",
+            contractPrice: "",
+            handledBy: "",
+            signingOrganization: "",
+            contractFiles: [],
+          },
+          codeIndex: []
         }
       }
     },
     created() {},
     methods: {
+      handleReturn() {
+        this.formobj = {}
+        this.$emit('doback')
+      },
+      handleClose(done) {
+
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            this.dialogVisible = false
+          })
+          .catch(_ => {});
+      },
+      showAdd(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
+        // })
+      },
+
       prev() {
         --this.active;
         if (this.active < 0)
           this.active = 0
+
       },
       next() {
         // ++this.active;
         if (this.active++ > 3)
           this.active = 0
       },
-      uploadImage1() {
-
+      showDelectDialog(index) {
+        this.dialogVisible = true
+        this.itemIndex = index
       },
-      uploadImage2() {
+      delect() {
+        this.dialogVisible = false
+        // //表示先获取这个元素的下标，然后从这个下标开始计算，删除长度为1的元素
+        this.formobj.codeIndex.splice(this.itemIndex, 1);
+      },
+      add() {
 
+        this.formobj.codeIndex.push(
+          this.inputText
+        )
+        this.inputText = ""
       },
       submit() {
+        req.saveSupplier(this.formobj) 
+        .then(resp => {
+              this.submitdisabled = false
+              if (resp.success) {
+                this.$message({ showClose: true, type: 'success', message: resp.msg })
+                this.handleReturn()
+              } else {
+                // 根据resp.code进行异常情况处理
+              }
+            })
+      },
+      backData(value) {
+        console.log(value, 999)
+        const aa = []
+        if (value.length > 0 && value != null && value != undefined) {
+          for (var i = 0; i < value.length; i++) {
+            aa.push(value[i].url)
+          }
+        }
+        this.formobj.businessLicenseFiles = aa
 
-      }
+      },
+      backData2(value) {
+        console.log(value, 999)
+        const aa = []
+        if (value.length > 0 && value != null && value != undefined) {
+          for (var i = 0; i < value.length; i++) {
+            aa.push(value[i].url)
+          }
+        }
+        this.formobj.contractInfo.contractFiles = aa
 
+      },
     }
   }
 </script>
 
 <style lang="scss">
-  body{
+  // .avatar-uploader .el-upload {
+  //   width: 300px;
+  //   height: 300px;
+  //   margin-left: 220px;
+  //    border: 2px dashed #409EFF;
+  //    border-radius: 6px;
+  //   justify-content: center;
+  //  align-items: center;
+  //  }
+  //  .avatar-uploader .el-upload:hover {
+  //    border-color: #409EFF;
+  //  }
+  //  .avatar-uploader-icon {
+  //    font-size: 58px;
+  //    color: #8c939d;
+  //    width: 300px;
+  //    height: 300px;
+  //    line-height: 300px;
+  //    text-align: center;
+  //  }
+  //  .avatar {
+  //    width: 178px;
+  //    height: 178px;
+  //    display: block;
+  //  }
+
+  body {
     font-size: 14px;
   }
+
   .stepsLay {
     margin-top: 50px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
+    margin-bottom: 50px;
 
     .stepsLay_top {
       width: 70%;
     }
 
     .box-card {
-      min-width: 60%;
+      min-width: 70%;
       margin-top: 20px;
 
       .item {
         display: flex;
         flex-direction: row;
         align-items: center;
-        margin-top: 10px;
-        height:40px;
+        margin-top: 15px;
+        height: 40px;
         line-height: 40px;
 
         .item_text {
           flex: 0.8;
+          font-size: 18px;
           text-align: right;
         }
 
         .item_input {
           flex: 4;
+          font-size: 16px;
           margin-left: 10px;
           margin-right: 80px;
         }
-      }
 
-      .item4 {
-        display: flex;
-        flex-direction: row;
-
-        .item4_left {
-          display: flex;
-          justify-content: center;
-          flex-direction: column;
-          align-items: center;
-          .item4_left_input {
-            width: 60%;
-          }
+        .item_left_input {
+          width: 20%;
+        }
 
-          .item4_left_text {
-            margin-top: 10px;
-            color: #018AD2;
-            padding: 5px 15px;
-            border: 1.5px solid #018AD2;
-            border-radius: 5px;
-
-          }
+        .item_left_text {
+          height: 30px;
+          margin-left: 20px;
+          line-height: 30px;
+          color: #018AD2;
+          padding: 0px 15px;
+          border: 1.5px solid #018AD2;
+          border-radius: 5px;
 
         }
 
-        .item4_right {
+        .item_right {
           flex: 1;
           justify-items: center;
 
-          .item4_right_list_text {}
+          .item_right_list_text {
+            font-size: 16px;
+          }
 
-          .item4_right_list_delect {
+          .item_right_list_delect {
             color: #5E94FF;
             margin-left: 20px;
+            font-size: 16px;
             text-decoration: underline;
           }
         }
 
-
       }
+
     }
 
     .deployBtn {
diff --git a/supervise-customer-ui/vue.config.js b/supervise-customer-ui/vue.config.js
index b81ec633..56cc795a 100644
--- a/supervise-customer-ui/vue.config.js
+++ b/supervise-customer-ui/vue.config.js
@@ -6,7 +6,7 @@ function resolve(dir) {
   return path.join(__dirname, dir)
 }
 
-const name = defaultSettings.title || '汇融供应链贷后监管平台// page title
+const name = defaultSettings.title || '汇融供应链贷后监管平台'// page title
 
 // 如果端口设置为80，
 // 使用管理员权限执行命令行。
diff --git a/yxt-portal-ui/.env.development b/yxt-portal-ui/.env.development
index 6b9354a6..0777e64e 100644
--- a/yxt-portal-ui/.env.development
+++ b/yxt-portal-ui/.env.development
@@ -5,5 +5,5 @@ ENV = 'development'
 VUE_APP_BASE_API = '/api'
 
 ## 配置测试和本地开发时的 接口地址
-##VUE_APP_URL = "http://192.168.3.108:8112"
-VUE_APP_URL = "http://8.130.39.13:8112"
+VUE_APP_URL = "http://192.168.3.9:8112"
+##VUE_APP_URL = "http://8.130.39.13:8112"
diff --git a/yxt-portal-ui/src/views/Home/Home.vue b/yxt-portal-ui/src/views/Home/Home.vue
index f5dc117a..01e4fe42 100644
--- a/yxt-portal-ui/src/views/Home/Home.vue
+++ b/yxt-portal-ui/src/views/Home/Home.vue
@@ -428,7 +428,7 @@
         if (index === 9) {
           window.open('/#/index', '_blank')
         } else if (index === 0) {
-          window.open('http://192.168.3.41:9531/#/' + '?token=' + getStorage(), '_blank')
+          window.open('http://192.168.3.8:9531/#/' + '?token=' + getStorage(), '_blank')
         } else if (index === 1) {
           window.open('http://192.168.3.8:9531#/' + '?token=' + getStorage(), '_blank')
         } else if (index === 2) {