2023-3-9

品牌维护
列表维护

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://8.130.39.13:8112"
-##VUE_APP_URL = "http://120.46.172.184:8111"
+VUE_APP_URL = "http://192.168.3.9:8112"

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"

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) {

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' }
+    })
+  },
+
+}

supervise-customer-ui/src/api/supervise/supplierbankinfo.js

@@ -61,4 +61,14 @@ export default {
     })
   },
   
+  // 保存供应商
+  saveSupplier: function(params) {
+    return request({
+      url: '/v1/supplier/saveSupplier',
+      method: 'post',
+      data: params,
+      headers: { 'Content-Type': 'application/json' }
+    })
+  },
+
 }

supervise-customer-ui/src/components/uploadFile/upload_yanchejianchaTuBiao.vue

@@ -1,6 +1,9 @@
 <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">
+    <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="查看图片">
@@ -10,8 +13,12 @@
 </template>
 
 <script>
-import { uploadFile_yanchejiancha } from '@/api/portal/Upload'
+  import {
-import { getStorage } from '@/utils/auth.js'
+    uploadFile
+  } from '@/api/portal/Upload'
+  import {
+    getStorage
+  } from '@/utils/auth.js'
 
   export default {
     model: {
@@ -55,7 +62,7 @@ export default {
         dialogImageUrl: '',
         dialogVisible: false,
         accessToken: null,
-      uploadFile: uploadFile_yanchejiancha,
+        uploadFile: uploadFile,
         fileList_FuJian: [],
         enclosure: '',
         file_add: '',
@@ -75,9 +82,7 @@ export default {
         deep: true,
         immediate: true,
         handler(newVal, oldVal) {
-        console.log('aaaa1', newVal)
           this.files = newVal
-        console.log('aaaa2', this.files)
         }
       }
     },
@@ -87,7 +92,7 @@ export default {
       })
     },
     created() {
-    this.uploadFile = uploadFile_yanchejiancha // 接口
+      this.uploadFile = uploadFile // 接口
       this.accessToken = {
         token: getStorage()
       }
@@ -95,7 +100,6 @@ export default {
     methods: {
       showImg(imgList) {
         this.files = imgList
-      console.log('123123123', this.files)
       },
       view() {
         // window.open(this.filedUrl)

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,

supervise-customer-ui/src/settings.js

@@ -1,6 +1,6 @@
 module.exports = {
 
-  title: '汇融供应链贷后监管平台
+  title: '汇融供应链贷后监管平台',
 
   /**
    * @type {boolean} true | false

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>

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>

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>

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>

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>

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>

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>

supervise-customer-ui/src/views/supervise/supplierbankinfo/supplierbankinfoAdd.vue

@@ -13,6 +13,7 @@
       <!-- end 详情按钮 -->
     </div>
 
+    <div class="listconadd">
       <div class="stepsLay">
         <!-- 步骤条 -->
         <el-steps :active="active" simple class="stepsLay_top">
@@ -23,87 +24,154 @@
         </el-steps>
 
         <!--  填写供应商信息-->
-      <el-card class="box-card" v-if="active===0">
+        <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.name" placeholder="" class="item_input" clearable />
+            <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.name" placeholder="" class="item_input" clearable />
+            <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.name" placeholder="" class="item_input" clearable />
+            <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.name" placeholder="" class="item_input" clearable />
+            <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.name" placeholder="" class="item_input" clearable />
+            <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.name" placeholder="" class="item_input" clearable />
+            <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.name" placeholder="" class="item_input" clearable />
+            <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.name" placeholder="" class="item_input" clearable />
+            <el-input v-model="formobj.bankAccountNumber" placeholder="" class="item_input" clearable />
           </div>
-        <div class="item">
+          <div class="item" style="margin-bottom: 20px;">
             <span class="item_text">营业执照号：</span>
-          <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
+            <el-input v-model="formobj.businessLicenseNo" placeholder="" class="item_input" clearable />
           </div>
         </el-card>
 
         <!-- 上传营业执照 -->
-      <el-card class="box-card" v-if="active===1">
+        <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: 300px;height: 300px;" />
+                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>
 
-        <img :src="imageUrl1" @click="uploadImage1" style="margin-left: 150px; width: 300px;height: 300px;" />
         </el-card>
 
         <!-- 上传合同 -->
-      <el-card class="box-card" v-if="active===2">
+        <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="margin-left: 30px; width: 300px;height: 300px;" />
+                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>
 
-        <img :src="imageUrl2" @click="uploadImage2" style="margin-left: 150px; width: 300px;height: 300px;" />
+            </div>
+          </div>
         </el-card>
 
         <!-- 关联第二代码 -->
-      <el-card class="box-card" v-if="active===3">
+        <el-card class="box-card" v-show="active===3">
 
-        <div class="item4">
+          <!--    <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 />
+                <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 dataList" :key="index" class="item4_right" style="margin-top: 10px;">
+              <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 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>
 
         <!-- 底部按钮 -->
@@ -112,143 +180,269 @@
           <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-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>
     </div>
   </div>
 </template>
 
 <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",
+        inputText: "",
-        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",
         submitdisabled: false,
-        dataList: [
+        imgList: [],
-          "1230",
+        imgList2: [],
-          "2134201",
-          "13212432",
-          "213325214201",
-          "1230",
-          "2134201",
-          "13212432",
-          "213325214201"
-        ],
         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
+      },
+      delect() {
+        this.dialogVisible = false
+        // //表示先获取这个元素的下标，然后从这个下标开始计算，删除长度为1的元素
+        this.formobj.codeIndex.splice(this.itemIndex, 1);
       },
-      uploadImage2() {
+      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">
+  // .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;
+        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 {
+        .item_left_input {
-          display: flex;
+          width: 20%;
-          justify-content: center;
-          flex-direction: column;
-          align-items: center;
-          .item4_left_input {
-            width: 60%;
         }
 
-          .item4_left_text {
+        .item_left_text {
-            margin-top: 10px;
+          height: 30px;
+          margin-left: 20px;
+          line-height: 30px;
           color: #018AD2;
-            padding: 5px 15px;
+          padding: 0px 15px;
           border: 1.5px solid #018AD2;
           border-radius: 5px;
 
         }
 
-        }
+        .item_right {
-
-        .item4_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 {

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，
 // 使用管理员权限执行命令行。

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://192.168.3.9:8112"
-VUE_APP_URL = "http://8.130.39.13:8112"
+##VUE_APP_URL = "http://8.130.39.13:8112"

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) {