From 5535b2a1f1ddd1c9a18cba49dd95b2ff708d8942 Mon Sep 17 00:00:00 2001
From: jiangweiguo <1578967617@qq.com>
Date: Wed, 20 Nov 2024 15:10:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=9B=E5=BA=94=E5=95=86=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/bs/myPayPlan.js                       |   18 +
 src/api/bs/supplierContract.js                |    8 +
 src/api/bs/supplierMsg.js                     |   90 ++
 src/api/procurement/supplierMsg/index.js      |   90 ++
 src/components/MyPayPlanListCard/index.vue    |  152 +++
 .../MysupplierMsgListCard/index.vue           |  181 +++
 src/components/ReComponents/RePick/index.vue  |   78 +-
 src/router/modules/contract.js                |    5 +
 src/utils/dict.js                             |    2 +
 .../myPayPlan/components/HeaderFilter.vue     |  253 ++++
 .../myPayPlan/components/UserList.vue         |  311 +++++
 .../contract/myPayPlan/components/index.scss  |  163 +++
 src/views/contract/myPayPlan/index.vue        |   23 +
 .../mySupplierMsg/components/HeaderFilter.vue |  253 ++++
 .../mySupplierMsg/components/UserList.vue     |  340 +++++
 .../mySupplierMsg/components/index.scss       |  163 +++
 src/views/contract/mySupplierMsg/index.vue    |   23 +
 src/views/contract/payPlan/index.vue          |  337 +++++
 src/views/contract/supplier/index.vue         | 1112 +++++++++++++----
 src/views/contract/supplierMsg/index.vue      |  312 +++++
 src/views/home/index.vue                      |  152 ++-
 src/views/login/index.vue                     |    3 +-
 22 files changed, 3736 insertions(+), 333 deletions(-)
 create mode 100644 src/api/bs/myPayPlan.js
 create mode 100644 src/api/bs/supplierMsg.js
 create mode 100644 src/components/MyPayPlanListCard/index.vue
 create mode 100644 src/components/MysupplierMsgListCard/index.vue
 create mode 100644 src/views/contract/myPayPlan/components/HeaderFilter.vue
 create mode 100644 src/views/contract/myPayPlan/components/UserList.vue
 create mode 100644 src/views/contract/myPayPlan/components/index.scss
 create mode 100644 src/views/contract/myPayPlan/index.vue
 create mode 100644 src/views/contract/mySupplierMsg/components/HeaderFilter.vue
 create mode 100644 src/views/contract/mySupplierMsg/components/UserList.vue
 create mode 100644 src/views/contract/mySupplierMsg/components/index.scss
 create mode 100644 src/views/contract/mySupplierMsg/index.vue
 create mode 100644 src/views/contract/payPlan/index.vue
 create mode 100644 src/views/contract/supplierMsg/index.vue

diff --git a/src/api/bs/myPayPlan.js b/src/api/bs/myPayPlan.js
new file mode 100644
index 0000000..9d4f120
--- /dev/null
+++ b/src/api/bs/myPayPlan.js
@@ -0,0 +1,18 @@
+import request from '@/plugin/axios'
+
+// 获得付款计划分页
+export function getMyPayPlanPage(query) {
+    return request({
+      url: 'bs/payment-plan/page',
+      method: 'get',
+      params: query
+    })
+  }
+  
+// 获得付款计划
+export function getPaymentPlan(id) {
+    return request({
+      url: '/bs/payment-plan/get?id=' + id,
+      method: 'get'
+    })
+  }
\ No newline at end of file
diff --git a/src/api/bs/supplierContract.js b/src/api/bs/supplierContract.js
index 66a00e9..2546e6c 100644
--- a/src/api/bs/supplierContract.js
+++ b/src/api/bs/supplierContract.js
@@ -52,3 +52,11 @@ export function exportSupplierContractExcel(query) {
     responseType: 'blob'
   })
 }
+
+// 获取合同编号
+export function genCode(data) {
+  return request({
+    url: 'bs/supplier-contract/getAutocode',
+    method: 'get',
+  })
+}
diff --git a/src/api/bs/supplierMsg.js b/src/api/bs/supplierMsg.js
new file mode 100644
index 0000000..ed83fd7
--- /dev/null
+++ b/src/api/bs/supplierMsg.js
@@ -0,0 +1,90 @@
+import request from '@/plugin/axios'
+
+
+// 创建供应商信息
+export function createSupplierCompany(data) {
+  return request({
+    url: "/bs/supplier-company/create",
+    method: "post",
+    data: data,
+  });
+}
+
+// 更新供应商信息
+export function updateSupplierCompany(data) {
+  return request({
+    url: "/bs/supplier-company/update",
+    method: "put",
+    data: data,
+  });
+}
+
+// 删除供应商信息
+export function deleteSupplierCompany(id) {
+  return request({
+    url: "/bs/supplier-company/delete?id=" + id,
+    method: "delete",
+  });
+}
+
+// 获得供应商信息
+export function getSupplierCompany(id) {
+  return request({
+    url: "/bs/supplier-company/get?id=" + id,
+    method: "get",
+  });
+}
+
+// 获得供应商信息分页
+export function getSupplierCompanyPage(query) {
+  return request({
+    url: "/bs/supplier-company/page",
+    method: "get",
+    params: query,
+  });
+}
+// 获得供应商信息分页
+export function getSupplierCompanyPage1(query) {
+  return request({
+    url: "/bs/supplier-company/page2",
+    method: "get",
+    params: query,
+  });
+}
+
+// 获得供应商信息
+export function getSupplierCompanyList(query) {
+  return request({
+    url: "/bs/supplier-company/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 导出供应商信息 Excel
+export function exportSupplierCompanyExcel(query) {
+  return request({
+    url: "/bs/supplier-company/export-excel",
+    method: "get",
+    params: query,
+    responseType: "blob",
+  });
+}
+
+// 百度云接口识别
+export function baiduScanApi(data) {
+  return request({
+    url: "/bs/supplier-company/buildBusinessLicense",
+    method: "post",
+    data,
+  });
+}
+
+// 下载用户导入模板
+export function srCttImportTemplate() {
+  return request({
+    url: "/bs/supplier-company/get-import-template",
+    method: "get",
+    responseType: "blob",
+  });
+}
diff --git a/src/api/procurement/supplierMsg/index.js b/src/api/procurement/supplierMsg/index.js
index 1c1beb0..79689e5 100644
--- a/src/api/procurement/supplierMsg/index.js
+++ b/src/api/procurement/supplierMsg/index.js
@@ -56,6 +56,96 @@ export function scanImgMsggApi(query) {
 }
 
 
+// 创建供应商信息
+export function createSupplierCompany(data) {
+  return request({
+    url: "/bs/supplier-company/create",
+    method: "post",
+    data: data,
+  });
+}
+
+// 更新供应商信息
+export function updateSupplierCompany(data) {
+  return request({
+    url: "/bs/supplier-company/update",
+    method: "put",
+    data: data,
+  });
+}
+
+// 删除供应商信息
+export function deleteSupplierCompany(id) {
+  return request({
+    url: "/bs/supplier-company/delete?id=" + id,
+    method: "delete",
+  });
+}
+
+// 获得供应商信息
+export function getSupplierCompany(id) {
+  return request({
+    url: "/bs/supplier-company/get?id=" + id,
+    method: "get",
+  });
+}
+
+// 获得供应商信息分页
+export function getSupplierCompanyPage(query) {
+  return request({
+    url: "/bs/supplier-company/page",
+    method: "get",
+    params: query,
+  });
+}
+// 获得供应商信息分页
+export function getSupplierCompanyPage1(query) {
+  return request({
+    url: "/bs/supplier-company/page2",
+    method: "get",
+    params: query,
+  });
+}
+
+// 获得供应商信息
+export function getSupplierCompanyList(query) {
+  return request({
+    url: "/bs/supplier-company/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 导出供应商信息 Excel
+export function exportSupplierCompanyExcel(query) {
+  return request({
+    url: "/bs/supplier-company/export-excel",
+    method: "get",
+    params: query,
+    responseType: "blob",
+  });
+}
+
+// 百度云接口识别
+export function baiduScanApi(data) {
+  return request({
+    url: "/bs/supplier-company/buildBusinessLicense",
+    method: "post",
+    data,
+  });
+}
+
+// 下载用户导入模板
+export function srCttImportTemplate() {
+  return request({
+    url: "/bs/supplier-company/get-import-template",
+    method: "get",
+    responseType: "blob",
+  });
+}
+
+
+
 
 
 
diff --git a/src/components/MyPayPlanListCard/index.vue b/src/components/MyPayPlanListCard/index.vue
new file mode 100644
index 0000000..8a32a5e
--- /dev/null
+++ b/src/components/MyPayPlanListCard/index.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="student-card common-list-contain">
+    <div class="student-base">
+      <div class="list-box">
+        <div class="box-cr">
+          <div class="ct-md">
+            <div class="mt5" style="color: #333">
+              编号: {{ itemData.contractNumber }}
+            </div>
+            <div class="mt5" style="color: #333">
+              名称: {{ itemData.contractName }}
+            </div>
+            <div class="mt5" style="color: #333">
+              供应商名称: {{ itemData.supplierName }}
+            </div>
+            <div class="mt5" style="color: #333">
+              比例名称: {{ itemData.percentageName }}
+            </div>
+            <div class="mt5" style="color: #333">
+              付款金额: {{ itemData.actualAmount }}
+            </div>
+            <div class="mt5" style="color: #333">
+              预计付款时间:
+              {{ dayjs(itemData.planTime || '').format('YYYY/MM/DD') }}
+            </div>
+          </div>
+        </div>
+        <div class="box-rt">
+          <van-icon
+            class="icon-box"
+            v-hasPermi="['bs:supplier-contract:query']"
+            @click="handleShow(itemData.id)"
+            name="eye-o"
+            color="#05A9FF"
+            size="25"
+          />
+          <van-icon
+            class="icon-box"
+            v-hasPermi="['procurement:supplierCt:update']"
+            @click="handleEdit(itemData.id, itemData.status, itemData.creator)"
+            name="edit"
+            :color="
+              !(
+                itemData.status == 0 ||
+                (itemData.status == 3 && userInfo.id == itemData.creator)
+              )
+                ? '#ccc'
+                : ''
+            "
+            size="25"
+          />
+          <van-icon
+            class="icon-box"
+            v-hasPermi="['procurement:supplierCt:del']"
+            @click="handleDel(itemData.id, itemData.status, itemData.creator)"
+            name="delete-o"
+            :color="
+              !(
+                itemData.status == 0 ||
+                (itemData.status == 3 && userInfo.id == itemData.creator)
+              )
+                ? '#ccc'
+                : '#EC3359'
+            "
+            size="25"
+          />
+          <!-- <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:delete']" @click="handleMerge(itemData.id, itemData.status, itemData.creator)" name="envelop-o" :color="!(itemData.status==0 || (itemData.status==3 &&  userInfo.id ==itemData.creator)) ?'#05A9FF':'#ccc'" :size="25" /> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDictDataLabel, handleFilterStatus } from '@/utils/dict'
+import { deleteSupplierContract } from '@/api/bs/supplierContract'
+import dayjs from 'dayjs'
+import { Dialog } from 'vant'
+export default {
+  props: {
+    itemData: {
+      required: true,
+      default: () => {}
+    }
+  },
+  components: {},
+  data() {
+    return {
+      jumoStudentId: null
+    }
+  },
+  activated() {
+    if (this.jumoStudentId) {
+      this.handleUpdataInfo()
+    }
+  },
+  mounted() {},
+  computed: {
+    userInfo() {
+      return JSON.parse(window.localStorage.getItem('userInfo') || { dept: {} })
+    }
+  },
+  methods: {
+    handleMerge(id, status) {
+      if (status == 0) {
+        return
+      }
+    },
+    handleEdit(id, status, creator) {
+      if (!(status == 0 || (status == 3 && this.userInfo.id == creator))) {
+        return
+      }
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/supplierMsg',
+        query: { id, type: 'edit' }
+      })
+    },
+    handleDel(id, status, creator) {
+      if (!(status == 0 || (status == 3 && this.userInfo.id == creator))) {
+        return
+      }
+      Dialog.confirm({
+        title: '提示',
+        message: '你确定要删除吗?'
+      }).then(() => {
+        deleteSupplierContract(id).then(() => {
+          this.$emit('onAllRefresh')
+        })
+      })
+    },
+    handleFilterStatus,
+    getDictDataLabel,
+    handleShow(id) {
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/payPlan',
+        query: { id, type: 'show' }
+      })
+    },
+    dayjs,
+    handleUpdataInfo() {
+      this.jumoStudentId = null
+      this.$emit('onUpdataInfo', this.itemData.id)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/common/newList.scss';
+</style>
diff --git a/src/components/MysupplierMsgListCard/index.vue b/src/components/MysupplierMsgListCard/index.vue
new file mode 100644
index 0000000..c13c1eb
--- /dev/null
+++ b/src/components/MysupplierMsgListCard/index.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="student-card common-list-contain">
+    <div class="student-base">
+      <div class="list-box">
+        <!-- <div class="box-lf">
+          <van-image width="3rem" height="3rem" fit="cover" :src="require('@/assets/images/invoice.png')" />
+          <div class="bt">{{}}</div>
+        </div> -->
+
+        <div class="box-cr">
+          <!-- <div class="cr-bt" style="margin-top: 0.6rem">
+            <div
+              class="tags"
+              :style="`border: 1px solid ${
+                handleFilterStatus(
+                  DICT_TYPE.BS_EXPENSE_APPLY_STATUS,
+                  itemData.status
+                ).color
+              };color:${
+                handleFilterStatus(
+                  DICT_TYPE.BS_EXPENSE_APPLY_STATUS,
+                  itemData.status
+                ).color
+              }`"
+            >
+              {{
+                handleFilterStatus(
+                  DICT_TYPE.BS_EXPENSE_APPLY_STATUS,
+                  itemData.status
+                ).label
+              }}
+            </div>
+          </div> -->
+
+          <div class="ct-md">
+            <div class="mt5" style="color: #333">
+              供应商名称： {{ itemData.companyName }}
+            </div>
+            <div style="margin-top: 0.3rem; color: #333">
+              供应商类别:{{
+                getDictDataLabel(
+                  DICT_TYPE.BS_ENTERPRISEL_TYPE,
+                  itemData.companyType
+                ) || ''
+              }}
+            </div>
+            <div style="margin-top: 0.3rem; color: #333">
+              等级：{{
+                getDictDataLabel(DICT_TYPE.GYS_LEVEL, itemData.gradeGys) || ''
+              }}
+            </div>
+            <div style="margin-top: 0.3rem; color: #333">
+              采购员姓名：{{ itemData.purchaserName }}
+            </div>
+          </div>
+        </div>
+        <div class="box-rt">
+          <van-icon
+            class="icon-box"
+            v-hasPermi="['bs:supplier-contract:query']"
+            @click="handleShow(itemData.id)"
+            name="eye-o"
+            color="#05A9FF"
+            size="25"
+          />
+          <van-icon
+            class="icon-box"
+            v-hasPermi="['procurement:supplierCt:update']"
+            @click="handleEdit(itemData.id, itemData.status, itemData.creator)"
+            name="edit"
+            :color="
+              !(
+                itemData.status == 0 ||
+                (itemData.status == 3 && userInfo.id == itemData.creator)
+              )
+                ? '#ccc'
+                : ''
+            "
+            size="25"
+          />
+          <van-icon
+            class="icon-box"
+            v-hasPermi="['procurement:supplierCt:del']"
+            @click="handleDel(itemData.id, itemData.status, itemData.creator)"
+            name="delete-o"
+            :color="
+              !(
+                itemData.status == 0 ||
+                (itemData.status == 3 && userInfo.id == itemData.creator)
+              )
+                ? '#ccc'
+                : '#EC3359'
+            "
+            size="25"
+          />
+          <!-- <van-icon class="icon-box" v-hasPermi="['bs:supplier-contract:delete']" @click="handleMerge(itemData.id, itemData.status, itemData.creator)" name="envelop-o" :color="!(itemData.status==0 || (itemData.status==3 &&  userInfo.id ==itemData.creator)) ?'#05A9FF':'#ccc'" :size="25" /> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDictDataLabel, handleFilterStatus } from '@/utils/dict'
+import { deleteSupplierContract } from '@/api/bs/supplierContract'
+import dayjs from 'dayjs'
+import { Dialog } from 'vant'
+export default {
+  props: {
+    itemData: {
+      required: true,
+      default: () => {}
+    }
+  },
+  components: {},
+  data() {
+    return {
+      jumoStudentId: null
+    }
+  },
+  activated() {
+    if (this.jumoStudentId) {
+      this.handleUpdataInfo()
+    }
+  },
+  mounted() {},
+  computed: {
+    userInfo() {
+      return JSON.parse(window.localStorage.getItem('userInfo') || { dept: {} })
+    }
+  },
+  methods: {
+    handleMerge(id, status) {
+      if (status == 0) {
+        return
+      }
+    },
+    handleEdit(id, status, creator) {
+      if (!(status == 0 || (status == 3 && this.userInfo.id == creator))) {
+        return
+      }
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/supplierMsg',
+        query: { id, type: 'edit' }
+      })
+    },
+    handleDel(id, status, creator) {
+      if (!(status == 0 || (status == 3 && this.userInfo.id == creator))) {
+        return
+      }
+      Dialog.confirm({
+        title: '提示',
+        message: '你确定要删除吗?'
+      }).then(() => {
+        deleteSupplierContract(id).then(() => {
+          this.$emit('onAllRefresh')
+        })
+      })
+    },
+    handleFilterStatus,
+    getDictDataLabel,
+    handleShow(id) {
+      this.jumoStudentId = id
+      this.$router.push({
+        path: '/supplierMsg',
+        query: { id, type: 'show' }
+      })
+    },
+    dayjs,
+    handleUpdataInfo() {
+      this.jumoStudentId = null
+      this.$emit('onUpdataInfo', this.itemData.id)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/common/newList.scss';
+</style>
diff --git a/src/components/ReComponents/RePick/index.vue b/src/components/ReComponents/RePick/index.vue
index 5b09664..5f9d16e 100644
--- a/src/components/ReComponents/RePick/index.vue
+++ b/src/components/ReComponents/RePick/index.vue
@@ -423,7 +423,7 @@
 // 远程列表学校搜索
 import {
   schoolListApi,
-  schoolNextListApi,
+  schoolNextListApi
 } from '@/api/potentialGuest/consultation'
 import { getdepartmentListApi } from '@/api/potentialGuest/order'
 
@@ -483,46 +483,46 @@ import { mapState } from 'vuex'
 export default {
   model: {
     prop: 'value',
-    event: 'change',
+    event: 'change'
   },
   props: {
     inputAlign: {
       type: String,
-      default: 'right',
+      default: 'right'
     },
     isUseSlot: Boolean,
     isCell: Boolean,
     list: {
       type: Array,
-      default: () => [],
+      default: () => []
     },
     title: {
       type: String,
-      default: '',
+      default: ''
     },
     label: {
       type: String,
-      default: '',
+      default: ''
     },
     titleKey: {
       type: String,
-      default: 'title',
+      default: 'title'
     },
     idKey: {
-      type: String,
-      default: 'id',
+      type: String || Number,
+      default: 'id'
     },
     childrenKey: {
       type: String,
-      default: 'children',
+      default: 'children'
     },
     placeholder: {
       type: String,
-      default: '请选择',
+      default: '请选择'
     },
     isCascaderAllLevelNameSymnol: {
       type: String,
-      default: '-',
+      default: '-'
     },
     isValueHidden: Boolean,
     clearable: Boolean,
@@ -540,35 +540,35 @@ export default {
     // ----
     disabled: Boolean,
     value: [String, Number, Array],
-    name: String,
+    name: String || Number,
     closeIsShow: {
       type: Boolean,
-      default: true,
+      default: true
     },
     placeholderIShow: {
       type: Boolean,
-      default: true,
+      default: true
     },
     rulesList: {
       type: Array,
-      default: () => [],
+      default: () => []
     },
     isOriginActivitySchoolSearch: Boolean,
     emptyToastTitle: {
       type: String,
-      default: '无可选数据',
+      default: '无可选数据'
     },
     limitPageSize: {
       type: Number,
-      default: 20,
+      default: 20
     },
     isUseLimitPage: Boolean,
     isOriginRemainCascader: Boolean,
     showReturnTitle: String,
     labelWidth: {
       type: String,
-      default: '6.2em',
-    },
+      default: '6.2em'
+    }
   },
   data() {
     return {
@@ -590,7 +590,7 @@ export default {
       originCurrentSchoolSearchValue: '',
       limitPageNum: 1,
       limitShow: this.isUseLimitPage,
-      isOriginSearchClear: false,
+      isOriginSearchClear: false
       // 初始化
       // isFirstInitList: true
     }
@@ -598,7 +598,7 @@ export default {
   computed: {
     // 学员基本信息 ==> 获取完善信息所属部门标题
     ...mapState({
-      studentBaseInfo: (state) => state.order.studentBaseInfo,
+      studentBaseInfo: (state) => state.order.studentBaseInfo
     }),
     allList() {
       return this.handleData(this.list, [])
@@ -706,7 +706,7 @@ export default {
         return !this.originSchoolAttr
       }
       return this.disabled
-    },
+    }
   },
   filters: {
     titleFilter(arr) {
@@ -714,7 +714,7 @@ export default {
     },
     treeListTitleFilter(arr) {
       return arr.treeList.map((item) => item.title)
-    },
+    }
   },
   watch: {
     list() {
@@ -726,7 +726,7 @@ export default {
     },
     originLoading(val) {
       this.$loading(val, 'originLoading')
-    },
+    }
   },
   created() {
     this.handleDataInit()
@@ -757,7 +757,7 @@ export default {
           // children: item.children,
           children: item[this.childrenKey]
             ? this.handleData(item[this.childrenKey], treeList)
-            : [],
+            : []
         }
       })
     },
@@ -927,13 +927,13 @@ export default {
           }
           this.$emit('change', this.selectValue)
           this.$emit('changeAll', {
-            ...(this.handleCascaderFind(this.allList, this.selectValue) || {}),
+            ...(this.handleCascaderFind(this.allList, this.selectValue) || {})
           })
         } else {
           this.$emit('change', this.selectValue)
           this.$emit('changeAll', {
             ...(this.currentList.find((item) => item.id === this.selectValue) ||
-              {}),
+              {})
           })
         }
         this.isPopupShow = false
@@ -960,7 +960,7 @@ export default {
         const query = {
           id: null,
           keyword: e,
-          word: e,
+          word: e
         }
 
         if (this.isOriginActivitySchoolSearch) {
@@ -972,7 +972,7 @@ export default {
                   return {
                     id: item.id,
                     title: item.title,
-                    children: [],
+                    children: []
                   }
                 })
                 this.$nextTick(() => {
@@ -995,7 +995,7 @@ export default {
                 return {
                   id: item.value,
                   title: item.text,
-                  children: [],
+                  children: []
                 }
               })
               this.$nextTick(() => {
@@ -1029,7 +1029,7 @@ export default {
                 id: item.id,
                 title: item.title,
                 extendNum: item.extendNum,
-                children: [],
+                children: []
               }
             })
             this.handleDeepOrigin(e.id, arr, this.searchList)
@@ -1049,7 +1049,7 @@ export default {
                 ...item,
                 id: item.value,
                 title: item.text,
-                children: [],
+                children: []
               }
             })
             this.handleDeepOrigin(e.id, arr, this.searchList)
@@ -1082,7 +1082,7 @@ export default {
           const query = {
             code: '',
             keyword: e,
-            type: this.originSchoolAttr,
+            type: this.originSchoolAttr
           }
           this.originLoading = true
           searchschoolApi(query)
@@ -1092,7 +1092,7 @@ export default {
               this.searchList = arr.map((item) => {
                 return {
                   id: item.value,
-                  title: item.text,
+                  title: item.text
                 }
               })
               this.$nextTick(() => {
@@ -1106,7 +1106,7 @@ export default {
         } else if (this.originSchoolType == 2) {
           const query = {
             keyword: e,
-            id: this.originSchoolAttr,
+            id: this.originSchoolAttr
           }
           this.originLoading = true
           searchcollegelApi(query)
@@ -1116,7 +1116,7 @@ export default {
               this.searchList = arr.map((item) => {
                 return {
                   id: item.value,
-                  title: item.text,
+                  title: item.text
                 }
               })
               // this.$emit('update:list', arr.map(item => {
@@ -1141,8 +1141,8 @@ export default {
 
     handleMorePage() {
       this.limitPageNum += 1
-    },
-  },
+    }
+  }
 }
 </script>
 <style lang="scss">
diff --git a/src/router/modules/contract.js b/src/router/modules/contract.js
index de380de..8fb42e8 100644
--- a/src/router/modules/contract.js
+++ b/src/router/modules/contract.js
@@ -12,8 +12,13 @@ export default {
     { path: '/myBidder', name: `${pre}myBidder`, component: () => import('@/views/contract/myBidder'), meta: { cache: true, title: '中标审批列表' } },
     { path: '/mySupplier', name: `${pre}mySupplier`, component: () => import('@/views/contract/mySupplier'), meta: { cache: true, title: '供应商合同审批列表' } },
     { path: '/myPay', name: `${pre}myPay`, component: () => import('@/views/contract/myPay'), meta: { cache: true, title: '付款申请列表' } },
+    { path: '/myPayPlan', name: `${pre}myPayPlan`, component: () => import('@/views/contract/myPayPlan'), meta: { cache: true, title: '付款计划列表' } },
     { path: '/bidder', name: `${pre}bidder`, component: () => import('@/views/contract/bidder'), meta: { cache: true, title: '中标审批' } },
     { path: '/supplier', name: `${pre}supplier`, component: () => import('@/views/contract/supplier'), meta: { cache: true, title: '供应商合同审批' } },
+    { path: '/supplierMsg', name: `${pre}supplierMsg`, component: () => import('@/views/contract/supplierMsg'), meta: { cache: true, title: '供应商信息' } },
+    { path: '/payPlan', name: `${pre}payPlan`, component: () => import('@/views/contract/payPlan'), meta: { cache: true, title: '付款计划' } },
+    { path: '/mySupplierMsg', name: `${pre}mySupplierMsg`, component: () => import('@/views/contract/mySupplierMsg'), meta: { cache: true, title: '供应商信息列表' } },
+    /* { path: '/contract/procurement/supplierMsgDatail', name: `${pre}contract/procurement/supplierMsgDatail`, component: () => import('@/views/contract/supplierMsgDatail'), meta: { cache: true, title: '供应商信息' } }, */
     { path: '/myCustom', name: `${pre}myCustom`, component: () => import('@/views/contract/myCustom'), meta: { cache: true, title: '客户合同审批列表' } },
     { path: '/custom', name: `${pre}custom`, component: () => import('@/views/contract/custom'), meta: { cache: true, title: '客户合同审批' } },
     { path: '/pay', name: `${pre}pay`, component: () => import('@/views/contract/pay'), meta: { cache: true, title: '付款审批' } },
diff --git a/src/utils/dict.js b/src/utils/dict.js
index 108d81e..286dd90 100644
--- a/src/utils/dict.js
+++ b/src/utils/dict.js
@@ -119,6 +119,8 @@ export const DICT_TYPE = {
   GYS_LEVEL: "gys_level",
   //  币种类型
   CURRENCY_TYPE: "currency_type",
+  //   供应商类型
+  BS_ENTERPRISEL_TYPE: "supplier_enterprise_state",
 }
 
 /**
diff --git a/src/views/contract/myPayPlan/components/HeaderFilter.vue b/src/views/contract/myPayPlan/components/HeaderFilter.vue
new file mode 100644
index 0000000..627bfed
--- /dev/null
+++ b/src/views/contract/myPayPlan/components/HeaderFilter.vue
@@ -0,0 +1,253 @@
+<template>
+  <div id="orderHeader">
+    <div class="hf-l-seacrch" v-if="isActSearch">
+      <form action="/">
+        <van-search v-model="listQuery.contractNumber" shape="round" show-action placeholder="请输入合同编号" :clearable="false" @search="onKeywordSearch" @cancel="onKeywordCancel" />
+      </form>
+    </div>
+    <div class="header-filter" :style="isActSearch ? 'padding: 0 0 0 0.5rem' : ''">
+      <div class="hf-l-list" v-show="!isActSearch">
+        <van-dropdown-menu class="hf-l-list-menu">
+          <!-- 供应商名称 -->
+          <van-dropdown-item title="供应商名称" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass1(item.id)" v-for="item in spList" :key="item.value">
+                  <van-icon v-if="listQuery.supplierId && listQuery.supplierId == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.supplierId  && listQuery.supplierId == item.id }">{{item.companyName}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+          <!-- 类别 -->
+          <van-dropdown-item title="合同状态" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem4">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass2(item.value)" v-for="item in stateList" :key="item.value">
+                  <van-icon v-if="listQuery.contractType && listQuery.contractType == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.contractType  && listQuery.contractType == item.value }">{{item.label}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+        </van-dropdown-menu>
+      </div>
+      <div class="hf-r-list" v-show="!isActSearch">
+        <div class="hf-r-list-item" @click="handleSearch">
+          <div class="hf-r-icon-bg">
+            <van-icon name="search" class="hf-r-icon" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <van-popup position="bottom" safe-area-inset-bottom v-model="moreFilterShow" :lock-scroll="true" round get-container="#app" lazy-render>
+      <div class="common-popup moreContain">
+        <div class="common-popup-header">
+          <div></div>
+          <div class="common-popup-header-title">
+            <span>筛选</span>
+          </div>
+          <div class="common-popup-header-close">
+            <van-icon name="cross" @click="moreFilterShow = false" />
+          </div>
+        </div>
+        <div class="common-popup-body moreContain-body">
+          <van-form ref="filterForm" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
+            <RePick v-model="listQuery.remark" label="bumen" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable />
+          </van-form>
+        </div>
+        <div class="common-popup-footer">
+          <van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset">重置</van-button>
+          <van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import { mapState, mapGetters } from 'vuex'
+import { getDictDatas, DICT_TYPE } from "@/utils/dict";
+import { dayTextFormatter } from '@/utils'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String, // 'detail' 详情
+    paramProp: Object,
+    spList: Array, // 供应商列表
+  },
+  components: {
+    RePick: () => import('@/components/ReComponents/RePick'),
+  },
+  data() {
+    return {
+      defaultDate: null,
+      dayTextFormatter: dayTextFormatter,
+      isActSearch: false,
+      moreFilterShow: false,
+      isSearch: false,
+      //   courseStateList: [
+      //     { text: '全部', id: 25 },
+      //     { text: '已取消', id: 0 },
+      //     { text: '生效中', id: 1 }
+      //   ],
+      listQuery: {},
+    }
+  },
+  computed: {
+    isHtab1() {
+      let isShow = false
+      if (this.paramProp.supplierId) isShow = true
+      return isShow
+    },
+    isHtab4() {
+      let isShow = false
+      if (this.paramProp.contractType) isShow = true
+      return isShow
+    },
+    areaTree() {
+      return this.$store.getters.areaTree
+    },
+    isMoreAct() {
+      let bol = false
+      const listQuery = this.paramProp || {}
+      if (listQuery.remark) {
+        bol = true
+      }
+      return bol
+    },
+    stateList() {
+      return getDictDatas(DICT_TYPE.BS_EXPENSE_APPLY_STATUS) || []
+    }
+
+  },
+
+
+  methods: {
+    // 日历重置
+    handleDateReset() {
+      this.listQuery.startDate = null
+      this.listQuery.endDate = null
+      this.defaultDate = null
+      this.$refs.vanCalendar && this.$refs.vanCalendar.reset()
+    },
+    handleDateSelect(val) {
+      if (val.filter(item => item).length === 2) {
+        this.listQuery.startDate = `${dayjs(val[0]).format('YYYY/MM/DD')} 00:00:00 `
+        this.listQuery.endDate = `${dayjs(val[1]).format('YYYY/MM/DD')} 23:59:59 `
+      }
+    },
+    handleQuickDate(e) {
+      this.defaultDate = [dayjs(e.time[0]).toDate(), dayjs(e.time[1]).toDate()]
+      this.listQuery.startDate = `${e.time[0]} 00:00:00`
+      this.listQuery.endDate = `${e.time[1]} 23:59:59`
+    },
+    handleConfirm() {
+      this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false)
+      this.$refs.vanDropItem1 && this.$refs.vanDropItem1.toggle(false)
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+    onKeywordCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.isSearch = false
+      this.onKeywordSearch()
+    },
+    onKeywordSearch() {
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+
+    // 处理供应商
+    handleClass1(val) {
+      this.listQuery.supplierId = val
+    },
+    handleClass2(val) {
+      this.listQuery.contractType = val
+    },
+    // 处理状态 type : 1 状态  2 缴费类型  3 换班类型
+    handleState(val, type) {
+      if (type == 1) {
+        const i = this.listQuery.states.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.states.splice(i, 1)
+        } else {
+          this.listQuery.states.push(val)
+        }
+      }
+
+      if (type == 2 || type == 3) {
+        const i = this.listQuery.types.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.types.splice(i, 1)
+        } else {
+          this.listQuery.types.push(val)
+        }
+      }
+
+
+    },
+
+    handleInit() {
+      this.listQuery = {
+        ...this.paramProp
+      }
+      if (!(this.listQuery.startDate && this.listQuery.endDate)) {
+        this.handleDateReset()
+      }
+    },
+    handleDropOpen() {
+      this.handleInit()
+    },
+    onSearch() {
+      this.handleConfirm()
+    },
+    // 搜索    
+    handleSearch() {
+      this.handleInit()
+      this.listQuery.contractNumber = this.paramProp.contractNumber
+      this.isActSearch = true
+    },
+
+    handleSearchCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.onKeywordSearch()
+    },
+    // 更多筛选
+    handleMoreFilter() {
+      this.handleInit()
+      this.moreFilterShow = true
+    },
+
+    // 更多重置
+    handleMoreReset() {
+      this.listQuery.remark = null
+    },
+    handleMoreConfirm() {
+      this.$emit('onListQuery', this.listQuery)
+      this.moreFilterShow = false
+    },
+    handleReset() {
+      this.listQuery.contractType = null
+      this.listQuery.supplierId = null
+    },
+
+
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>
diff --git a/src/views/contract/myPayPlan/components/UserList.vue b/src/views/contract/myPayPlan/components/UserList.vue
new file mode 100644
index 0000000..bb08220
--- /dev/null
+++ b/src/views/contract/myPayPlan/components/UserList.vue
@@ -0,0 +1,311 @@
+<template>
+  <!-- 付款计划列表 -->
+  <div>
+    <!-- 重新的搜索 -->
+    <div style="padding: 10px">
+      <van-field
+        v-model="queryForm.contractNumber"
+        placeholder="请输入"
+        label="编号"
+        clearable
+        input-align="left"
+      />
+      <van-field
+        v-model="queryForm.companyName"
+        placeholder="请输入"
+        label="供应商名称"
+        clearable
+        input-align="left"
+      />
+      <div
+        style="display: flex; justify-content: space-around; margin-top: 10px"
+      >
+        <van-button
+          type="info"
+          @click="handleSearch"
+          size="small"
+          style="width: 80px"
+          >搜索</van-button
+        >
+        <van-button
+          type="info"
+          @click="rstSearch"
+          size="small"
+          style="width: 80px"
+          >重置</van-button
+        >
+      </div>
+    </div>
+
+    <RMList
+      :moreLoading.sync="moreLoading"
+      :refreshing.sync="refreshing"
+      :finished.sync="finished"
+      @onLoad="handleLoad"
+      @onRefresh="handleRefresh"
+      isMore
+      :tableList="tableList"
+    >
+      <div>
+        <MyPayPlanListCard
+          v-for="(item, index) in tableList"
+          :key="item.id"
+          :itemData="item"
+          :listType="listType"
+          @onUpdataInfo="handleUpdataInfo($event, index)"
+          @onAllRefresh="handleAllRefresh"
+        />
+      </div>
+    </RMList>
+    <div class="common-bottom-btns" style="bottom: 8rem">
+      <div class="common-bottom-btn" @click="handleTopPage">
+        <img src="@/assets/images/icons/top.png" alt="" />
+        <span>回到顶部</span>
+      </div>
+    </div>
+    <div
+      class="common-bottom-btns"
+      v-hasPermi="['bs:supplier-contract:create']"
+      style="bottom: 10rem"
+    >
+      <div class="common-bottom-btn" @click="handleToAdd">
+        <img src="@/assets/images/icons/add.png" alt="" />
+        <span>添加申请</span>
+      </div>
+    </div>
+    <div class="common-bottom-btns" style="bottom: 6rem">
+      <div class="common-bottom-btn" @click="handleBack">
+        <img src="@/assets/images/icons/home.png" alt="" />
+        <span>返回首页</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getScrollTop } from '@/utils'
+import { getMyPayPlanPage } from '@/api/bs/myPayPlan'
+import { getDictDatas } from '@/utils/dict'
+import { mapState } from 'vuex'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String // EnrollmentOrder: 报名订单 EnrollmentCollection: 报名收款  ShiftRecord: 换班记录  WaitPay: 待支付
+  },
+  components: {
+    RMList: () => import('@/components/ReComponents/RMList'),
+    MyPayPlanListCard: () => import('@/components/MyPayPlanListCard'),
+    RePick: () => import('@/components/ReComponents/RePick')
+  },
+  data() {
+    return {
+      height: 0,
+      moreLoading: false,
+      refreshing: false,
+      finished: false,
+      tableList: [],
+      spList: [],
+      listQuery: {
+        pageNo: 1,
+        pageSize: 10
+      },
+      // 搜索表单
+      queryForm: {
+        contractNumber: null,
+        companyName: null
+      }
+    }
+  },
+  computed: {
+    ...mapState({
+      singlePageSize: (state) => state.common.setting.singlePageSize,
+      pageSize: (state) => state.common.setting.pageSize
+    })
+  },
+  activated() {
+    this.handleScrollInit()
+  },
+  deactivated() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  created() {
+    this.handleInit()
+  },
+  methods: {
+    // 搜索
+    handleSearch() {
+      let queryParams = {
+        pageNo: 1,
+        pageSize: this.singlePageSize,
+        ...this.queryForm
+      }
+      this.$loading(true, 'tableLoading')
+      getMyPayPlanPage(queryParams)
+        .then((res) => {
+          let resList = (res.data && res.data.list) || []
+          this.tableList = resList?.map((item) => {
+            return {
+              ...item,
+              percentageName: item.paymentPlanConfigDO
+                ? item.paymentPlanConfigDO.name
+                : null
+            }
+          })
+        })
+        .finally(() => {
+          this.$nextTick(() => {
+            this.refreshing = false
+            this.$loading(false, 'tableLoading')
+          })
+          // this.$loading(false, `cTableLoading_${this.listType}`)
+        })
+    },
+    // 重置
+    rstSearch() {
+      this.handleInit()
+    },
+    handleBack() {
+      history.back()
+    },
+    handleInitSpList() {
+      let queryParams = {
+        pageNo: 1,
+        pageSize: this.singlePageSize
+      }
+      getMyPayPlanPage(queryParams).then((res) => {
+        this.spList = res.data.list || []
+      })
+    },
+    handleSetSingle(id) {
+      return new Promise((resolve, reject) => {
+        let listQuery = {
+          pageNo: 1,
+          pageSize: this.singlePageSize
+        }
+        getMyPayPlanPage(listQuery)
+          .then((res) => {
+            let arr = ((res.data && res.data.list) || []).filter(
+              (item) => item.id == id
+            )
+            resolve(arr)
+          })
+          .catch((err) => {
+            reject(err)
+          })
+      })
+    },
+    handleUpdataInfo(id, index) {
+      this.$loading(true, 'singleReset')
+      this.handleSetSingle(id)
+        .then((arr) => {
+          if (arr.length) {
+            this.tableList.splice(index, 1, arr[0])
+          }
+          this.$loading(false, 'singleReset')
+        })
+        .catch(() => {
+          this.$loading(false, 'singleReset')
+        })
+    },
+    handleListQuery(paramProp) {
+      this.listQuery = {
+        ...paramProp,
+        invoiceDate: paramProp.startDate && [
+          dayjs(paramProp.startDate).format('YYYY-MM-DD HH:ss:mm'),
+          dayjs(paramProp.endDate).format('YYYY-MM-DD HH:ss:mm')
+        ]
+      }
+      this.finished = false
+      this.handleRefresh()
+    },
+    handleScroll() {
+      getScrollTop().then((height) => {
+        this.height = height
+      })
+    },
+    handleScrollInit() {
+      window.addEventListener('scroll', this.handleScroll)
+      window.scrollTo(0, this.height)
+      // this.handleInit()
+    },
+
+    handleScrollToTop() {
+      window.scrollTo(0, 0)
+      this.height = 0
+    },
+    handleToAdd() {
+      /* this.$router.push({
+        path: '/supplier',
+        query: {
+          type: 'add'
+        }
+      }) */
+    },
+    handleAllRefresh() {
+      // this.getTableList('refresh')
+      this.handleRefresh()
+    },
+    handleInit() {
+      this.handleInitSpList()
+      this.getTableList('init')
+    },
+
+    handleTopPage() {
+      window.scrollTo(0, 0)
+      this.$nextTick(() => {
+        this.height = 0
+      })
+    },
+    handleRefresh() {
+      this.listQuery.pageNo = 1
+      this.finished = false
+      this.getTableList('refresh')
+    },
+    handleLoad() {
+      this.listQuery.pageNo += 1
+      this.getTableList('more')
+    },
+
+    getTableList(val) {
+      // const { shellIdsLocal, collegeInfoIdLocal, startDate, endDate, keyword, type, method, targets, usePersonId, teacherIds, chargePersonIds } = this.listQuery
+      const query = {
+        ...this.listQuery
+      }
+      this.moreLoading = true
+      this.$loading(true, 'tableLoading')
+      getMyPayPlanPage(query)
+        .then((res) => {
+          let resList = (res.data && res.data.list) || []
+          if (['init', 'refresh'].includes(val)) {
+            this.tableList = resList
+            this.handleScrollToTop()
+          } else {
+            this.tableList = this.tableList.concat(resList)
+          }
+          if (resList.length < this.pageSize) {
+            this.finished = true
+          }
+          this.tableList = (this.tableList || []).map((item) => {
+            return {
+              ...item,
+              percentageName: item.paymentPlanConfigDO
+                ? item.paymentPlanConfigDO.name
+                : null
+            }
+          })
+        })
+        .finally(() => {
+          this.$nextTick(() => {
+            this.moreLoading = false
+            this.refreshing = false
+            this.$loading(false, 'tableLoading')
+          })
+          // this.$loading(false, `cTableLoading_${this.listType}`)
+        })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+// @import '~@/assets/style/common/list.scss';
+</style>
diff --git a/src/views/contract/myPayPlan/components/index.scss b/src/views/contract/myPayPlan/components/index.scss
new file mode 100644
index 0000000..e5c432f
--- /dev/null
+++ b/src/views/contract/myPayPlan/components/index.scss
@@ -0,0 +1,163 @@
+$hf-contain-p: 0 1.2rem;
+$hf-contain-f: 0.76rem;
+$hf-high-color: #0088fe;
+// 激活的颜色
+$hf-high-color: #0088fe;
+.header-filter {
+  .hf-r-icon-bg-act {
+    .van-icon {
+      color: $hf-high-color !important;
+    }
+  }
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: $hf-contain-p;
+
+  .hf-l-list {
+    .hf-l-list-menu {
+      /deep/.van-dropdown-menu__bar {
+        height: auto;
+        box-shadow: none;
+
+        .van-dropdown-menu__item {
+          flex: inherit;
+          margin-right: 1rem;
+
+          .van-dropdown-menu__title {
+            padding: 0.6rem 0.4rem 0.6rem 0;
+            font-size: $hf-contain-f;
+
+            &::after {
+              border: 1px solid;
+              padding: 0.1rem;
+              border-color: transparent transparent #333333 #333333;
+            }
+          }
+
+          .van-dropdown-menu__title--active {
+            color: $hf-high-color;
+
+            &::after {
+              border-color: transparent transparent $hf-high-color $hf-high-color;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .hf-r-list {
+    display: flex;
+
+    .hf-r-list-item {
+      margin-left: 0.4rem;
+
+      .hf-r-icon-bg {
+        background: #d7d7d7;
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 1.5rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #ffffff;
+      }
+    }
+  }
+
+  .hf-drop-view {
+    padding: $hf-contain-p;
+    padding-bottom: 0.8rem;
+
+    .hf-drop-contain {
+      display: flex;
+      flex-wrap: wrap;
+      padding-bottom: 0.8rem;
+
+      .hr-drop-filter-item {
+        padding: $hf-contain-p;
+        font-size: $hf-contain-f;
+        width: 50%;
+        box-sizing: border-box;
+        padding: 0.8rem 0;
+      }
+
+      .hr-drop-filter-item-act {
+        color: $hf-high-color;
+      }
+    }
+
+    // 快捷筛选
+    .hf-drop-quick {
+      margin-top: 1rem;
+
+      .hf-drop-quick-item {
+        margin-bottom: 1.5rem;
+
+        .hf-drop-quick-title {
+          color: #333333;
+          font-size: 0.84rem;
+        }
+
+        .hf-drop-quick-list {
+          display: flex;
+          margin: 0.6rem 0;
+          font-size: $hf-contain-f;
+
+          .hf-drop-quick-list-item {
+            border: 1px solid #f3f3f3;
+            background: #f3f3f3;
+            margin-right: 0.8rem;
+            padding: 0.4rem 0.6rem;
+            border-radius: 1rem;
+            transition: background-color, color 0.2s linear;
+          }
+
+          .hf-drop-quick-list-item-act {
+            background: #ffffff;
+            color: $hf-high-color;
+            border: 1px solid $hf-high-color;
+          }
+
+          .hf-drop-quick-list-item-checkbox {
+            margin-right: 1rem;
+
+            /deep/.van-checkbox__label {
+              margin-left: 0.2rem;
+            }
+          }
+        }
+
+        .hf-drop-quick-calendar {
+          /deep/.van-calendar__header {
+            box-shadow: none;
+            border-bottom: 1px solid #eeeeee;
+          }
+        }
+      }
+    }
+  }
+
+  .hf-drop-contain-empty {
+    color: #666666;
+    text-align: center;
+    font-size: 0.8rem;
+  }
+
+  .searchInput {
+    padding: 0.3rem 0;
+    width: 100%;
+
+    .van-search__content {
+      background: #ffffff;
+      border: 1px solid #f3f3f3;
+      border-radius: 0.3rem;
+
+      /deep/input {
+        caret-color: #0088fe;
+      }
+    }
+  }
+}
diff --git a/src/views/contract/myPayPlan/index.vue b/src/views/contract/myPayPlan/index.vue
new file mode 100644
index 0000000..40d830a
--- /dev/null
+++ b/src/views/contract/myPayPlan/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <!-- 付款计划列表 -->
+  <div>
+    <UserList listType="myPayPlan" ref="userList" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'contract-myPayPlan',
+  created() {
+    // 注入缓存
+    this.$EventBus.$emit('handleAddLive', 'contract-myPayPlan')
+  },
+  activated() {
+    // 清除合同审批缓存
+    this.$EventBus.$emit('handleResetLive', 'contract-myPayPlan')
+  },
+  components: {
+    UserList: () => import('./components/UserList')
+  }
+}
+</script>
diff --git a/src/views/contract/mySupplierMsg/components/HeaderFilter.vue b/src/views/contract/mySupplierMsg/components/HeaderFilter.vue
new file mode 100644
index 0000000..627bfed
--- /dev/null
+++ b/src/views/contract/mySupplierMsg/components/HeaderFilter.vue
@@ -0,0 +1,253 @@
+<template>
+  <div id="orderHeader">
+    <div class="hf-l-seacrch" v-if="isActSearch">
+      <form action="/">
+        <van-search v-model="listQuery.contractNumber" shape="round" show-action placeholder="请输入合同编号" :clearable="false" @search="onKeywordSearch" @cancel="onKeywordCancel" />
+      </form>
+    </div>
+    <div class="header-filter" :style="isActSearch ? 'padding: 0 0 0 0.5rem' : ''">
+      <div class="hf-l-list" v-show="!isActSearch">
+        <van-dropdown-menu class="hf-l-list-menu">
+          <!-- 供应商名称 -->
+          <van-dropdown-item title="供应商名称" :title-class="isHtab1 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem1">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass1(item.id)" v-for="item in spList" :key="item.value">
+                  <van-icon v-if="listQuery.supplierId && listQuery.supplierId == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.supplierId  && listQuery.supplierId == item.id }">{{item.companyName}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+          <!-- 类别 -->
+          <van-dropdown-item title="合同状态" :title-class="isHtab4 ? 'common-act-color' : ''" @open="handleDropOpen()" ref="vanDropItem4">
+            <div class="hf-drop-view">
+              <div class="hf-drop-contain">
+                <div class="hr-drop-filter-item" @click.stop="handleClass2(item.value)" v-for="item in stateList" :key="item.value">
+                  <van-icon v-if="listQuery.contractType && listQuery.contractType == item.value" name="success" color="#0088FE" />
+                  <span :class="{'hr-drop-filter-item-act': listQuery.contractType  && listQuery.contractType == item.value }">{{item.label}}</span>
+                </div>
+              </div>
+              <div class="common-double-button">
+                <van-button class="common-double-button-l" @click="handleReset()">重置</van-button>
+                <van-button class="common-double-button-r" @click="handleConfirm">确定</van-button>
+              </div>
+            </div>
+          </van-dropdown-item>
+        </van-dropdown-menu>
+      </div>
+      <div class="hf-r-list" v-show="!isActSearch">
+        <div class="hf-r-list-item" @click="handleSearch">
+          <div class="hf-r-icon-bg">
+            <van-icon name="search" class="hf-r-icon" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <van-popup position="bottom" safe-area-inset-bottom v-model="moreFilterShow" :lock-scroll="true" round get-container="#app" lazy-render>
+      <div class="common-popup moreContain">
+        <div class="common-popup-header">
+          <div></div>
+          <div class="common-popup-header-title">
+            <span>筛选</span>
+          </div>
+          <div class="common-popup-header-close">
+            <van-icon name="cross" @click="moreFilterShow = false" />
+          </div>
+        </div>
+        <div class="common-popup-body moreContain-body">
+          <van-form ref="filterForm" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
+            <RePick v-model="listQuery.remark" label="bumen" :list="areaTree" isLastSelect isCascader isShowSearch title="行程" titleKey="name" isCascaderAllLevelNameSymnol isCell clearable />
+          </van-form>
+        </div>
+        <div class="common-popup-footer">
+          <van-button style="width: 8rem; margin-right: 1rem;" round @click="handleMoreReset">重置</van-button>
+          <van-button type="info" style="width: 8rem;" round @click.stop="handleMoreConfirm">确认</van-button>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import { mapState, mapGetters } from 'vuex'
+import { getDictDatas, DICT_TYPE } from "@/utils/dict";
+import { dayTextFormatter } from '@/utils'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String, // 'detail' 详情
+    paramProp: Object,
+    spList: Array, // 供应商列表
+  },
+  components: {
+    RePick: () => import('@/components/ReComponents/RePick'),
+  },
+  data() {
+    return {
+      defaultDate: null,
+      dayTextFormatter: dayTextFormatter,
+      isActSearch: false,
+      moreFilterShow: false,
+      isSearch: false,
+      //   courseStateList: [
+      //     { text: '全部', id: 25 },
+      //     { text: '已取消', id: 0 },
+      //     { text: '生效中', id: 1 }
+      //   ],
+      listQuery: {},
+    }
+  },
+  computed: {
+    isHtab1() {
+      let isShow = false
+      if (this.paramProp.supplierId) isShow = true
+      return isShow
+    },
+    isHtab4() {
+      let isShow = false
+      if (this.paramProp.contractType) isShow = true
+      return isShow
+    },
+    areaTree() {
+      return this.$store.getters.areaTree
+    },
+    isMoreAct() {
+      let bol = false
+      const listQuery = this.paramProp || {}
+      if (listQuery.remark) {
+        bol = true
+      }
+      return bol
+    },
+    stateList() {
+      return getDictDatas(DICT_TYPE.BS_EXPENSE_APPLY_STATUS) || []
+    }
+
+  },
+
+
+  methods: {
+    // 日历重置
+    handleDateReset() {
+      this.listQuery.startDate = null
+      this.listQuery.endDate = null
+      this.defaultDate = null
+      this.$refs.vanCalendar && this.$refs.vanCalendar.reset()
+    },
+    handleDateSelect(val) {
+      if (val.filter(item => item).length === 2) {
+        this.listQuery.startDate = `${dayjs(val[0]).format('YYYY/MM/DD')} 00:00:00 `
+        this.listQuery.endDate = `${dayjs(val[1]).format('YYYY/MM/DD')} 23:59:59 `
+      }
+    },
+    handleQuickDate(e) {
+      this.defaultDate = [dayjs(e.time[0]).toDate(), dayjs(e.time[1]).toDate()]
+      this.listQuery.startDate = `${e.time[0]} 00:00:00`
+      this.listQuery.endDate = `${e.time[1]} 23:59:59`
+    },
+    handleConfirm() {
+      this.$refs.vanDropItem4 && this.$refs.vanDropItem4.toggle(false)
+      this.$refs.vanDropItem1 && this.$refs.vanDropItem1.toggle(false)
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+    onKeywordCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.isSearch = false
+      this.onKeywordSearch()
+    },
+    onKeywordSearch() {
+      this.$emit('onListQuery', this.listQuery)
+    },
+
+
+    // 处理供应商
+    handleClass1(val) {
+      this.listQuery.supplierId = val
+    },
+    handleClass2(val) {
+      this.listQuery.contractType = val
+    },
+    // 处理状态 type : 1 状态  2 缴费类型  3 换班类型
+    handleState(val, type) {
+      if (type == 1) {
+        const i = this.listQuery.states.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.states.splice(i, 1)
+        } else {
+          this.listQuery.states.push(val)
+        }
+      }
+
+      if (type == 2 || type == 3) {
+        const i = this.listQuery.types.findIndex(item => item === val)
+        if (i > -1) {
+          this.listQuery.types.splice(i, 1)
+        } else {
+          this.listQuery.types.push(val)
+        }
+      }
+
+
+    },
+
+    handleInit() {
+      this.listQuery = {
+        ...this.paramProp
+      }
+      if (!(this.listQuery.startDate && this.listQuery.endDate)) {
+        this.handleDateReset()
+      }
+    },
+    handleDropOpen() {
+      this.handleInit()
+    },
+    onSearch() {
+      this.handleConfirm()
+    },
+    // 搜索    
+    handleSearch() {
+      this.handleInit()
+      this.listQuery.contractNumber = this.paramProp.contractNumber
+      this.isActSearch = true
+    },
+
+    handleSearchCancel() {
+      this.listQuery.contractNumber = null
+      this.isActSearch = false
+      this.onKeywordSearch()
+    },
+    // 更多筛选
+    handleMoreFilter() {
+      this.handleInit()
+      this.moreFilterShow = true
+    },
+
+    // 更多重置
+    handleMoreReset() {
+      this.listQuery.remark = null
+    },
+    handleMoreConfirm() {
+      this.$emit('onListQuery', this.listQuery)
+      this.moreFilterShow = false
+    },
+    handleReset() {
+      this.listQuery.contractType = null
+      this.listQuery.supplierId = null
+    },
+
+
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+@import './index.scss';
+</style>
diff --git a/src/views/contract/mySupplierMsg/components/UserList.vue b/src/views/contract/mySupplierMsg/components/UserList.vue
new file mode 100644
index 0000000..aaf75f4
--- /dev/null
+++ b/src/views/contract/mySupplierMsg/components/UserList.vue
@@ -0,0 +1,340 @@
+<template>
+  <!-- 供应商信息列表 -->
+  <div>
+    <!-- <HeaderFilter
+      :listType="listType"
+      :spList="spList"
+      @onListQuery="handleListQuery"
+      :paramProp="listQuery"
+    /> -->
+    <!-- 重新的搜索 -->
+    <div style="padding: 10px">
+      <van-field
+        v-model="queryForm.companyName"
+        placeholder="请输入"
+        label="供应商名称"
+        clearable
+        input-align="left"
+      />
+      <RePick
+        v-model="queryForm.companyType"
+        titleKey="label"
+        idKey="value"
+        title="供应商类别"
+        :name="`companyType`"
+        label="供应商类别"
+        :list="getDictDatas(DICT_TYPE.BS_ENTERPRISEL_TYPE)"
+        isCell
+        clearable
+        input-align="left"
+      />
+      <div
+        style="display: flex; justify-content: space-around; margin-top: 10px"
+      >
+        <van-button
+          type="info"
+          @click="handleSearch"
+          size="small"
+          style="width: 80px"
+          >搜索</van-button
+        >
+        <van-button
+          type="info"
+          @click="rstSearch"
+          size="small"
+          style="width: 80px"
+          >重置</van-button
+        >
+      </div>
+    </div>
+
+    <RMList
+      :moreLoading.sync="moreLoading"
+      :refreshing.sync="refreshing"
+      :finished.sync="finished"
+      @onLoad="handleLoad"
+      @onRefresh="handleRefresh"
+      isMore
+      :tableList="tableList"
+    >
+      <div>
+        <MysupplierMsgListCard
+          v-for="(item, index) in tableList"
+          :key="item.id"
+          :itemData="item"
+          :listType="listType"
+          @onUpdataInfo="handleUpdataInfo($event, index)"
+          @onAllRefresh="handleAllRefresh"
+        />
+      </div>
+    </RMList>
+    <div class="common-bottom-btns" style="bottom: 8rem">
+      <div class="common-bottom-btn" @click="handleTopPage">
+        <img src="@/assets/images/icons/top.png" alt="" />
+        <span>回到顶部</span>
+      </div>
+    </div>
+    <div
+      class="common-bottom-btns"
+      v-hasPermi="['bs:supplier-contract:create']"
+      style="bottom: 10rem"
+    >
+      <div class="common-bottom-btn" @click="handleToAdd">
+        <img src="@/assets/images/icons/add.png" alt="" />
+        <span>添加申请</span>
+      </div>
+    </div>
+    <div class="common-bottom-btns" style="bottom: 6rem">
+      <div class="common-bottom-btn" @click="handleBack">
+        <img src="@/assets/images/icons/home.png" alt="" />
+        <span>返回首页</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getScrollTop } from '@/utils'
+// import { getSupplierCompanyPage } from '@/api/bs/quotationSheet'
+// import { getSupplierContractPage } from '@/api/bs/supplierContract'  //搜索列表
+import {
+  createSupplierCompany,
+  deleteSupplierCompany,
+  exportSupplierCompanyExcel,
+  getSupplierCompanyPage,
+  updateSupplierCompany,
+  srCttImportTemplate
+} from '@/api/bs/supplierMsg'
+import {
+  getDictDataLabel,
+  handleFilterStatus,
+  getDictDatas
+} from '@/utils/dict'
+import { mapState } from 'vuex'
+import dayjs from 'dayjs'
+export default {
+  props: {
+    listType: String // EnrollmentOrder: 报名订单 EnrollmentCollection: 报名收款  ShiftRecord: 换班记录  WaitPay: 待支付
+  },
+  components: {
+    // HeaderFilter: () => import('./HeaderFilter.vue'),
+    RMList: () => import('@/components/ReComponents/RMList'),
+    MysupplierMsgListCard: () => import('@/components/MysupplierMsgListCard'),
+    RePick: () => import('@/components/ReComponents/RePick')
+  },
+  data() {
+    return {
+      height: 0,
+      moreLoading: false,
+      refreshing: false,
+      finished: false,
+      tableList: [],
+      spList: [],
+      listQuery: {
+        pageNo: 1,
+        pageSize: 10,
+        companyName: null,
+        companyNumber: null,
+        companyType: null,
+        legalPerson: null,
+        phone: null,
+        creditCode: null,
+        address: null,
+        businessStratDate: [],
+        businessEndDate: [],
+        capital: null,
+        bankName: null,
+        bankNumber: null,
+        bankOfDeposit: null,
+        isRegister: null,
+        status: null,
+        remark: null,
+        files: null,
+        createTime: []
+      },
+      // 搜索表单
+      queryForm: {
+        companyName: null,
+        companyType: null
+      }
+    }
+  },
+  computed: {
+    ...mapState({
+      singlePageSize: (state) => state.common.setting.singlePageSize,
+      pageSize: (state) => state.common.setting.pageSize
+    })
+  },
+  activated() {
+    this.handleScrollInit()
+  },
+  deactivated() {
+    window.removeEventListener('scroll', this.handleScroll)
+  },
+  created() {
+    this.handleInit()
+    console.log(getDictDatas(this.DICT_TYPE.BS_ENTERPRISEL_TYPE))
+  },
+  methods: {
+    // 搜索
+    handleSearch() {
+      let queryParams = {
+        pageNo: 1,
+        pageSize: this.singlePageSize,
+        ...this.queryForm
+      }
+      this.$loading(true, 'tableLoading')
+      getSupplierCompanyPage(queryParams)
+        .then((res) => {
+          let resList = (res.data && res.data.list) || []
+          this.tableList = resList
+        })
+        .finally(() => {
+          this.$nextTick(() => {
+            this.refreshing = false
+            this.$loading(false, 'tableLoading')
+          })
+          // this.$loading(false, `cTableLoading_${this.listType}`)
+        })
+    },
+    // 重置
+    rstSearch() {
+      this.handleInit()
+    },
+    handleBack() {
+      history.back()
+    },
+    handleInitSpList() {
+      let queryParams = {
+        pageNo: 1,
+        pageSize: this.singlePageSize
+      }
+      getSupplierCompanyPage(queryParams).then((res) => {
+        this.spList = res.data.list || []
+      })
+    },
+    handleSetSingle(id) {
+      return new Promise((resolve, reject) => {
+        let listQuery = {
+          pageNo: 1,
+          pageSize: this.singlePageSize
+        }
+        getSupplierCompanyPage(listQuery)
+          .then((res) => {
+            let arr = ((res.data && res.data.list) || []).filter(
+              (item) => item.id == id
+            )
+            resolve(arr)
+          })
+          .catch((err) => {
+            reject(err)
+          })
+      })
+    },
+    handleUpdataInfo(id, index) {
+      this.$loading(true, 'singleReset')
+      this.handleSetSingle(id)
+        .then((arr) => {
+          if (arr.length) {
+            this.tableList.splice(index, 1, arr[0])
+          }
+          this.$loading(false, 'singleReset')
+        })
+        .catch(() => {
+          this.$loading(false, 'singleReset')
+        })
+    },
+    handleListQuery(paramProp) {
+      this.listQuery = {
+        ...paramProp,
+        invoiceDate: paramProp.startDate && [
+          dayjs(paramProp.startDate).format('YYYY-MM-DD HH:ss:mm'),
+          dayjs(paramProp.endDate).format('YYYY-MM-DD HH:ss:mm')
+        ]
+      }
+      this.finished = false
+      this.handleRefresh()
+    },
+    handleScroll() {
+      getScrollTop().then((height) => {
+        this.height = height
+      })
+    },
+    handleScrollInit() {
+      window.addEventListener('scroll', this.handleScroll)
+      window.scrollTo(0, this.height)
+      // this.handleInit()
+    },
+
+    handleScrollToTop() {
+      window.scrollTo(0, 0)
+      this.height = 0
+    },
+    handleToAdd() {
+      /* this.$router.push({
+        path: '/supplier',
+        query: {
+          type: 'add'
+        }
+      }) */
+    },
+    handleAllRefresh() {
+      // this.getTableList('refresh')
+      this.handleRefresh()
+    },
+    handleInit() {
+      this.handleInitSpList()
+      this.getTableList('init')
+    },
+
+    handleTopPage() {
+      window.scrollTo(0, 0)
+      this.$nextTick(() => {
+        this.height = 0
+      })
+    },
+    handleRefresh() {
+      this.listQuery.pageNo = 1
+      this.finished = false
+      this.getTableList('refresh')
+    },
+    handleLoad() {
+      this.listQuery.pageNo += 1
+      this.getTableList('more')
+    },
+
+    getTableList(val) {
+      // const { shellIdsLocal, collegeInfoIdLocal, startDate, endDate, keyword, type, method, targets, usePersonId, teacherIds, chargePersonIds } = this.listQuery
+      const query = {
+        ...this.listQuery
+      }
+      this.moreLoading = true
+      this.$loading(true, 'tableLoading')
+      getSupplierCompanyPage(query)
+        .then((res) => {
+          let resList = (res.data && res.data.list) || []
+          if (['init', 'refresh'].includes(val)) {
+            this.tableList = resList
+            this.handleScrollToTop()
+          } else {
+            this.tableList = this.tableList.concat(resList)
+          }
+          if (resList.length < this.pageSize) {
+            this.finished = true
+          }
+        })
+        .finally(() => {
+          this.$nextTick(() => {
+            this.moreLoading = false
+            this.refreshing = false
+            this.$loading(false, 'tableLoading')
+          })
+          // this.$loading(false, `cTableLoading_${this.listType}`)
+        })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+// @import '~@/assets/style/common/list.scss';
+</style>
diff --git a/src/views/contract/mySupplierMsg/components/index.scss b/src/views/contract/mySupplierMsg/components/index.scss
new file mode 100644
index 0000000..e5c432f
--- /dev/null
+++ b/src/views/contract/mySupplierMsg/components/index.scss
@@ -0,0 +1,163 @@
+$hf-contain-p: 0 1.2rem;
+$hf-contain-f: 0.76rem;
+$hf-high-color: #0088fe;
+// 激活的颜色
+$hf-high-color: #0088fe;
+.header-filter {
+  .hf-r-icon-bg-act {
+    .van-icon {
+      color: $hf-high-color !important;
+    }
+  }
+  background: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: $hf-contain-p;
+
+  .hf-l-list {
+    .hf-l-list-menu {
+      /deep/.van-dropdown-menu__bar {
+        height: auto;
+        box-shadow: none;
+
+        .van-dropdown-menu__item {
+          flex: inherit;
+          margin-right: 1rem;
+
+          .van-dropdown-menu__title {
+            padding: 0.6rem 0.4rem 0.6rem 0;
+            font-size: $hf-contain-f;
+
+            &::after {
+              border: 1px solid;
+              padding: 0.1rem;
+              border-color: transparent transparent #333333 #333333;
+            }
+          }
+
+          .van-dropdown-menu__title--active {
+            color: $hf-high-color;
+
+            &::after {
+              border-color: transparent transparent $hf-high-color $hf-high-color;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .hf-r-list {
+    display: flex;
+
+    .hf-r-list-item {
+      margin-left: 0.4rem;
+
+      .hf-r-icon-bg {
+        background: #d7d7d7;
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 1.5rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        color: #ffffff;
+      }
+    }
+  }
+
+  .hf-drop-view {
+    padding: $hf-contain-p;
+    padding-bottom: 0.8rem;
+
+    .hf-drop-contain {
+      display: flex;
+      flex-wrap: wrap;
+      padding-bottom: 0.8rem;
+
+      .hr-drop-filter-item {
+        padding: $hf-contain-p;
+        font-size: $hf-contain-f;
+        width: 50%;
+        box-sizing: border-box;
+        padding: 0.8rem 0;
+      }
+
+      .hr-drop-filter-item-act {
+        color: $hf-high-color;
+      }
+    }
+
+    // 快捷筛选
+    .hf-drop-quick {
+      margin-top: 1rem;
+
+      .hf-drop-quick-item {
+        margin-bottom: 1.5rem;
+
+        .hf-drop-quick-title {
+          color: #333333;
+          font-size: 0.84rem;
+        }
+
+        .hf-drop-quick-list {
+          display: flex;
+          margin: 0.6rem 0;
+          font-size: $hf-contain-f;
+
+          .hf-drop-quick-list-item {
+            border: 1px solid #f3f3f3;
+            background: #f3f3f3;
+            margin-right: 0.8rem;
+            padding: 0.4rem 0.6rem;
+            border-radius: 1rem;
+            transition: background-color, color 0.2s linear;
+          }
+
+          .hf-drop-quick-list-item-act {
+            background: #ffffff;
+            color: $hf-high-color;
+            border: 1px solid $hf-high-color;
+          }
+
+          .hf-drop-quick-list-item-checkbox {
+            margin-right: 1rem;
+
+            /deep/.van-checkbox__label {
+              margin-left: 0.2rem;
+            }
+          }
+        }
+
+        .hf-drop-quick-calendar {
+          /deep/.van-calendar__header {
+            box-shadow: none;
+            border-bottom: 1px solid #eeeeee;
+          }
+        }
+      }
+    }
+  }
+
+  .hf-drop-contain-empty {
+    color: #666666;
+    text-align: center;
+    font-size: 0.8rem;
+  }
+
+  .searchInput {
+    padding: 0.3rem 0;
+    width: 100%;
+
+    .van-search__content {
+      background: #ffffff;
+      border: 1px solid #f3f3f3;
+      border-radius: 0.3rem;
+
+      /deep/input {
+        caret-color: #0088fe;
+      }
+    }
+  }
+}
diff --git a/src/views/contract/mySupplierMsg/index.vue b/src/views/contract/mySupplierMsg/index.vue
new file mode 100644
index 0000000..5749dd3
--- /dev/null
+++ b/src/views/contract/mySupplierMsg/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <!-- 供应商信息列表 -->
+  <div>
+    <UserList listType="mySupplierMsg" ref="userList" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'contract-mySupplierMsg',
+  created() {
+    // 注入缓存
+    this.$EventBus.$emit('handleAddLive', 'contract-mySupplierMsg')
+  },
+  activated() {
+    // 清除合同审批缓存
+    this.$EventBus.$emit('handleResetLive', 'contract-mySupplierMsg')
+  },
+  components: {
+    UserList: () => import('./components/UserList')
+  }
+}
+</script>
diff --git a/src/views/contract/payPlan/index.vue b/src/views/contract/payPlan/index.vue
new file mode 100644
index 0000000..2f068ef
--- /dev/null
+++ b/src/views/contract/payPlan/index.vue
@@ -0,0 +1,337 @@
+<template>
+  <div class="common-list-contain">
+    <div class="common-form">
+      <van-form
+        ref="form"
+        :show-error-message="false"
+        validate-trigger=""
+        :submit-on-enter="false"
+      >
+        <div class="trips-box">
+          <div class="item-box">
+            <RePick
+              v-model="form.type"
+              title="是否关联合同"
+              :name="`type`"
+              titleKey="label"
+              idKey="vulue"
+              :disabled="disabled"
+              label="是否关联合同"
+              label-width="8rem"
+              :list="typeList"
+              isCell
+              clearable
+              required
+            />
+
+            <van-field
+              v-model="form.contractNumber"
+              required
+              placeholder="请输入"
+              :disabled="disabled"
+              :rules="[{ required: true, message: '请输入' }]"
+              label="计划编号"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.startEnd"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="计划起止时间"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.contractName"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="计划名称"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.supplierName"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="供应商名称"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.actualAmount"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="总金额"
+              clearable
+              input-align="right"
+              required
+            />
+            <RePick
+              v-model="form.payMentStatus"
+              title="付款状态"
+              :name="`payMentStatus`"
+              titleKey="label"
+              idKey="vulue"
+              :disabled="disabled"
+              label="付款状态"
+              label-width="8rem"
+              :list="payMentStatusList"
+              isCell
+              clearable
+              required
+            />
+            <RePick
+              v-model="form.invoiceStatus"
+              title="开票状态"
+              :name="`invoiceStatus`"
+              titleKey="label"
+              idKey="vulue"
+              :disabled="disabled"
+              label="开票状态"
+              label-width="8rem"
+              :list="invoiceStatusList"
+              isCell
+              clearable
+              required
+            />
+            <van-field
+              v-model="form.managerPhone"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="联系方式"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.managerName"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="联系人"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.paymentPlanDetailDOList[0].name"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="付款规则配置名称"
+              clearable
+              input-align="right"
+              required
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.paymentPlanDetailDOList[0].planTime"
+              label="预计付款时间"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.paymentPlanDetailDOList[0].keyName"
+              label="期限名称"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.paymentPlanDetailDOList[0].statusName"
+              label="状态"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.paymentPlanDetailDOList[0].percentage"
+              label="比例"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.paymentPlanDetailDOList[0].actualAmount"
+              label="实付金额"
+              clear-trigger="always"
+              input-align="right"
+            />
+
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.remark"
+              label="备注"
+              clear-trigger="always"
+              input-align="right"
+            />
+          </div>
+        </div>
+      </van-form>
+    </div>
+    <BottomBtn
+      ref="BottomBtn"
+      :isAuthorised="isAuthorised"
+      @onBtConfirm="handleBtConfirm"
+    />
+  </div>
+</template>
+
+<script>
+import { listData } from '@/api/system/dict/data'
+import { getDictDatas } from '@/utils/dict'
+import dayjs from 'dayjs'
+import { getPaymentPlan } from '@/api/bs/myPayPlan'
+
+export default {
+  name: 'contract-payPlan',
+  components: {
+    RePick: () => import('@/components/ReComponents/RePick'),
+    BottomBtn: () => import('@/components/BottomBtn')
+  },
+  data() {
+    return {
+      signatoryList: [
+        {
+          label: '存续',
+          value: '1'
+        },
+        {
+          label: '注销',
+          value: '2'
+        }
+      ],
+      typeList: [
+        {
+          label: '有合同',
+          value: 1
+        },
+        {
+          label: '无合同',
+          value: 2
+        }
+      ],
+      payMentStatusList: [
+        {
+          label: '已付款',
+          value: 1
+        },
+        {
+          label: '未付款',
+          value: 2
+        }
+      ],
+      invoiceStatusList: [
+        {
+          label: '已开票',
+          value: 1
+        },
+        {
+          label: '未开票',
+          value: 2
+        }
+      ],
+      gysTypeList: [
+        /* {
+          label: '五金类',
+          value: '1'
+        } */
+      ],
+      isAuthorised: false,
+      typeStr: null, // show: 查看 edit: 编辑: 其他新增
+      id: null,
+      // 遮罩层
+      loading: true,
+      // 表单参数
+      form: {
+        paymentPlanDetailDOList: [
+          {
+            actualAmount: null,
+            percentage: null,
+            statusName: null,
+            keyName: null,
+            name: null,
+            planTime: null
+          }
+        ]
+      }
+    }
+  },
+  computed: {
+    disabled() {
+      return ['show'].includes(this.$route.query.type)
+    }
+  },
+  created() {
+    this.$loading(true)
+    this.handleInitList().then(() => {
+      this.$loading(false)
+      this.handleInitForm()
+    })
+  },
+  methods: {
+    handleInitForm() {
+      const { id, type } = this.$route.query || {}
+      this.typeStr = type
+      if (id) {
+        getPaymentPlan(id).then((res) => {
+          this.form = {
+            ...(res.data || {})
+          }
+          if (this.form.startTime && this.form.endTime) {
+            this.form.startEnd = `${dayjs(this.form.startTime).format(
+              'YYYY/MM/DD'
+            )} - ${dayjs(this.form.endTime).format('YYYY/MM/DD')}`
+          } else {
+            this.form.startEnd = ''
+          }
+
+          this.form.reviewTime = this.form.reviewTime
+            ? `${dayjs(this.form.reviewTime).format('YYYY/MM/DD')}`
+            : ''
+          this.isAuthorised = res.data.isAuthorised
+          this.$nextTick(() => {
+            this.$refs.BottomBtn.handleFilterBtnList()
+          })
+        })
+      }
+    },
+    handleInitList() {
+      return new Promise((resolve) => {
+        listData({
+          pageNo: 1,
+          pageSize: 50,
+          dictType: 'material_type'
+        }).then((res) => {
+          this.gysTypeList = res.data.list || []
+          resolve()
+        })
+        listData({
+          pageNo: 1,
+          pageSize: 50,
+          dictType: 'gys_level'
+        }).then((res) => {
+          this.gysLevelList = res.data.list || []
+          resolve()
+        })
+      })
+    },
+    handleBtConfirm() {
+      console.log(111)
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import '~@/assets/style/common/form.scss';
+</style>
diff --git a/src/views/contract/supplier/index.vue b/src/views/contract/supplier/index.vue
index 49cdb29..720d507 100644
--- a/src/views/contract/supplier/index.vue
+++ b/src/views/contract/supplier/index.vue
@@ -1,114 +1,540 @@
 <template>
   <div class="common-list-contain">
     <div class="common-form">
-      <van-form ref="form" :show-error-message="false" validate-trigger="" :submit-on-enter="false">
-        <div class="section"> <span class="line"> </span> 审批内容</div>
+      <van-form
+        ref="form"
+        :show-error-message="false"
+        validate-trigger=""
+        :submit-on-enter="false"
+      >
+        <div class="section"><span class="line"> </span> 审批内容</div>
         <div class="trips-box">
           <div class="item-box">
-            <van-field v-model="form.contractNumber" @blur="handleCtBlur" placeholder="请输入" :disabled="['edit','show'].includes(this.$route.query.type)" :rules="[{ required: true, message: '请输入' }]" required label="合同编号" clear-trigger="always" input-align="right" />
-            <van-field v-model="form.contractName" required placeholder="请输入" :disabled="disabled" :rules="[{ required: true, message: '请输入' }]" label="合同名称" clear-trigger="always" input-align="right" />
+            <van-field
+              v-model="form.contractNumber"
+              @blur="handleCtBlur"
+              placeholder="请输入"
+              :disabled="['edit', 'show'].includes(this.$route.query.type)"
+              :rules="[{ required: true, message: '请输入' }]"
+              required
+              label="合同编号"
+              clearable
+              input-align="right"
+            >
+              <template #button>
+                <van-button
+                  size="mini"
+                  type="info"
+                  round
+                  :disabled="disabled"
+                  @click="handleAutoGenChange"
+                  >自动生成</van-button
+                >
+              </template></van-field
+            >
+            <van-field
+              v-model="form.contractName"
+              required
+              placeholder="请输入"
+              :disabled="disabled"
+              :rules="[{ required: true, message: '请输入' }]"
+              label="合同名称"
+              clearable
+              input-align="right"
+            />
             <!--            <van-field :value="form.time" label="合同起止时间" :disabled="disabled ||oaListIsDisabled " :class="disabled ? 'actived-disabled':''" placeholder="请选择" required :rules="[{ required: true, message: '请选择' }]" @click="handleDateShow(1)" :right-icon="form.time ?  '' :'arrow' " input-align="right" readonly autosize rows="1" type="textarea">-->
             <!--            </van-field>-->
-            <van-field right-icon="arrow" :rules="[{ required: true, message: '请选择' }]" :disabled="disabled ||oaListIsDisabled" :class="form.startTime ? 'actived-disabled':''" :name="`time`" placeholder="请选择" v-model="form.startTime1" @click="handleDateShow('startTime')" label="合同开始时间" clear-trigger="always" input-align="right" />
-            <van-field right-icon="arrow" :rules="[{ required: true, message: '请选择' }]" :disabled="disabled ||oaListIsDisabled" :class="form.endTime ? 'actived-disabled':''" :name="`time`" placeholder="请选择" v-model="form.endTime1" @click="handleDateShow('endTime')" label="合同结束时间" clear-trigger="always" input-align="right" />
-            <RePick v-model="form.supplierId" :disabled="disabled ||oaListIsDisabled " titleKey="companyName" idKey="id" label="供应商名称" name="supplierId" :list="supplierList" isRequrie isCell clearable />
-            <RePick v-model="form.departmentId" :disabled="disabled" label="签约部门" @change="handleChange" :name="`departmentId`" :list="userDeptTree" isRequrie isCascader isShowSearch title="签约部门" titleKey="name" isCell clearable />
-            <RePick v-model="form.signatoryId" :disabled="disabled" titleKey="nickname" idKey="id" label="签约人员" name="signatoryId" :list="signatoryList" isRequrie isCell clearable />
-            <RePick v-model="form.contractType" :disabled="disabled" titleKey="contractName" idKey="id" label="合同类型" name="contractType" :list="typeList" isRequrie isCell clearable />
-            <RePick v-model="form.projectId" :disabled="disabled" titleKey="projectName" idKey="id" label="所属项目" name="contractType" :list="projectList" isRequrie isCell clearable />
-            <van-field v-model="form.amount" :disabled="disabled" type=" number" name="amount" placeholder="请输入" input-align="right" required :rules="[{ required: true, message: '格式错误',validator: VerifyFunc.validatorMoney }]" label="合同总金额" />
-            <van-field label="是否收票" required name="isCollect" :disabled="disabled" input-align="right" :rules="[{ required:true, message: '请选择'  }]" label-width="9em">
+            <van-field
+              required
+              right-icon="arrow"
+              :rules="[{ required: true, message: '请选择' }]"
+              :disabled="disabled || oaListIsDisabled"
+              :class="form.startTime ? 'actived-disabled' : ''"
+              placeholder="请选择"
+              v-model="form.startTime1"
+              @click="handleDateShow('startTime')"
+              label="合同开始时间"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              required
+              right-icon="arrow"
+              :rules="[{ required: true, message: '请选择' }]"
+              :disabled="disabled || oaListIsDisabled"
+              :class="form.endTime ? 'actived-disabled' : ''"
+              placeholder="请选择"
+              v-model="form.endTime1"
+              @click="handleDateShow('endTime')"
+              label="合同结束时间"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              v-model="form.managerPhone"
+              :disabled="disabled"
+              type="number"
+              placeholder="请输入"
+              input-align="right"
+              required
+              :rules="[{ required: true, message: '请输入' }]"
+              label="经办人电话"
+              clearable
+            />
+            <RePick
+              v-model="form.supplierId"
+              :disabled="disabled || oaListIsDisabled"
+              titleKey="companyName"
+              idKey="id"
+              label="供应商名称"
+              title="供应商名称"
+              :name="`supplierId`"
+              :list="supplierList"
+              isRequrie
+              isCell
+              clearable
+            />
+            <RePick
+              v-model="form.departmentId"
+              :disabled="disabled"
+              label="签约部门"
+              @change="handleChange"
+              :name="`departmentId`"
+              :list="userDeptTree"
+              isRequrie
+              isCascader
+              isShowSearch
+              title="签约部门"
+              titleKey="name"
+              isCell
+              clearable
+            />
+            <RePick
+              v-model="form.signatoryId"
+              title="签约人员"
+              titleKey="nickname"
+              idKey="id"
+              :name="`signatoryId`"
+              :disabled="disabled"
+              label="签约人员"
+              :list="signatoryList"
+              isRequrie
+              isCell
+              clearable
+            />
+            <!-- <RePick
+              v-model="form.contractType"
+              :disabled="disabled"
+              titleKey="contractName"
+              idKey="id"
+              label="合同类型"
+              name="contractType"
+              :list="typeList"
+              isRequrie
+              isCell
+              clearable
+            /> -->
+            <!-- <RePick
+              v-model="form.projectId"
+              :disabled="disabled"
+              titleKey="projectName"
+              idKey="id"
+              label="所属项目"
+              name="contractType"
+              :list="projectList"
+              isRequrie
+              isCell
+              clearable
+            /> -->
+            <van-field
+              label="是否收票"
+              name="isCollect"
+              :disabled="disabled"
+              input-align="right"
+              label-width="9em"
+            >
               <template #input>
-                <van-radio-group :disabled="disabled" v-model="form.isCollect" direction="horizontal">
+                <van-radio-group
+                  :disabled="disabled"
+                  v-model="form.isCollect"
+                  direction="horizontal"
+                >
                   <van-radio :name="1">是</van-radio>
                   <van-radio :name="0">否</van-radio>
                 </van-radio-group>
               </template>
             </van-field>
-            <van-field v-model="form.managerPhone" :disabled="disabled" name="managerPhone" type="number" placeholder="请输入" input-align="right" required :rules="[{ required: true, message: '格式错误',validator: VerifyFunc.rePhone }]" label="经办人电话" />
-            <van-field v-model="form.dealContent" :disabled="disabled" name="reason" autosize rows="2" label="交易内容" required :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
-            <RePick v-model="form.capitalSource" :disabled="disabled" titleKey="label" idKey="value" label="资金来源" name="capitalSource" :list="capitalSource" isCell clearable />
-            <van-field v-model="form.proposerPerson" :disabled="disabled" name="proposerPerson" type="number" placeholder="请输入" input-align="right" label="申请人" />
+            <van-field
+              v-model="form.amount"
+              :disabled="disabled"
+              type="number"
+              name="amount"
+              placeholder="请输入"
+              input-align="right"
+              required
+              :rules="[{ required: true, message: '请输入' }]"
+              label="合同金额"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              :name="`time`"
+              placeholder="请选择"
+              v-model="form.maintenanceTime1"
+              @click="handleDateShow('maintenanceTime')"
+              label="维保期"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              v-model="form.proposerPerson"
+              :disabled="disabled"
+              name="proposerPerson"
+              type="number"
+              placeholder="请输入"
+              input-align="right"
+              label="申请人"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              :class="form.proposerTime ? 'actived-disabled' : ''"
+              :name="`time`"
+              placeholder="请选择"
+              v-model="form.proposerTime1"
+              @click="handleDateShow('proposerTime')"
+              label="申请时间"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              :class="form.dateSigning ? 'actived-disabled' : ''"
+              :name="`time`"
+              placeholder="请选择"
+              v-model="form.dateSigning1"
+              @click="handleDateShow('dateSigning')"
+              label="签订时间"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              v-model="form.dealContent"
+              :disabled="disabled"
+              name="reason"
+              autosize
+              rows="3"
+              label="交易内容"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            />
+            <van-field
+              v-model="form.other"
+              :disabled="disabled"
+              name="other"
+              autosize
+              rows="3"
+              label="其他"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            />
+            <!-- <RePick
+              v-model="form.capitalSource"
+              :disabled="disabled"
+              titleKey="label"
+              idKey="value"
+              label="资金来源"
+              name="capitalSource"
+              :list="capitalSource"
+              isCell
+              clearable
+            /> -->
+
             <!--            <van-field v-model="form.taxAmount" :disabled="disabled" name="taxAmount" type="number" placeholder="请输入" input-align="right" label="合同金额(含税)" />-->
-            <van-field right-icon="arrow" :rules="[{ required: true, message: '请选择' }]" :disabled="disabled" :class="form.proposerTime ? 'actived-disabled':''" :name="`time`" placeholder="请选择" v-model="form.proposerTime1" @click="handleDateShow('proposerTime')" label="申请时间" clear-trigger="always" input-align="right" />
-            <van-field v-model="form.taxForeheads" :disabled="disabled" name="taxForeheads" type="number" placeholder="请输入" input-align="right" label="税额" />
-            <van-field v-model="form.taxRate" :disabled="disabled" name="taxRate" type="number" placeholder="请输入" input-align="right" label="税率" />
-            <van-field right-icon="arrow" :rules="[{ required: true, message: '请选择' }]" :disabled="disabled" :class="form.dateSigning ? 'actived-disabled':''" :name="`time`" placeholder="请选择" v-model="form.dateSigning1" @click="handleDateShow('dateSigning')" label="签订时间" clear-trigger="always" input-align="right" />
-            <van-field v-model="form.other" :disabled="disabled" name="reason" autosize rows="2" label="合同简述" required :rules="[{ required: true, message: '请输入' }]" clear-trigger="always" input-align="right" placeholder="请输入" type="textarea" />
+
+            <!--  <van-field
+              v-model="form.taxForeheads"
+              :disabled="disabled"
+              name="taxForeheads"
+              type="number"
+              placeholder="请输入"
+              input-align="right"
+              label="税额"
+            />
+            <van-field
+              v-model="form.taxRate"
+              :disabled="disabled"
+              name="taxRate"
+              type="number"
+              placeholder="请输入"
+              input-align="right"
+              label="税率"
+            /> -->
+
+            <!-- <van-field
+              v-model="form.other"
+              :disabled="disabled"
+              name="reason"
+              autosize
+              rows="2"
+              label="合同简述"
+              required
+              :rules="[{ required: true, message: '请输入' }]"
+              clear-trigger="always"
+              input-align="right"
+              placeholder="请输入"
+              type="textarea"
+            /> -->
 
             <!--            元素控制-->
-            <template v-for="(item,index) in form.fieldTemplateList">
-              <van-field v-if="item.type == '1'" :rules="[{ message: `${item.label}不能为空`, required: item.required}]" :required="item.required" v-model="item.value" :label="item.label" :disabled="disabled || oaListIsDisabled" :name="item.field" placeholder="请输入" input-align="right"></van-field>
-              <van-field v-if="item.type == '2'" :label="item.label"  required :name="item.field" :disabled="disabled || oaListIsDisabled" input-align="right" :rules="[{ message: `${item.label}不能为空`, required: false}]" label-width="9em">
+            <!-- <template v-for="(item, index) in form.fieldTemplateList">
+              <van-field
+                v-if="item.type == '1'"
+                :rules="[
+                  { message: `${item.label}不能为空`, required: item.required }
+                ]"
+                :required="item.required"
+                v-model="item.value"
+                :label="item.label"
+                :disabled="disabled || oaListIsDisabled"
+                :name="item.field"
+                placeholder="请输入"
+                input-align="right"
+              ></van-field>
+              <van-field
+                v-if="item.type == '2'"
+                :label="item.label"
+                required
+                :name="item.field"
+                :disabled="disabled || oaListIsDisabled"
+                input-align="right"
+                :rules="[{ message: `${item.label}不能为空`, required: false }]"
+                label-width="9em"
+              >
                 <template #input>
-                  <van-switch v-model="item.value" :disabled="disabled || oaListIsDisabled"/>
+                  <van-switch
+                    v-model="item.value"
+                    :disabled="disabled || oaListIsDisabled"
+                  />
                 </template>
               </van-field>
-              <van-field v-if="item.type == '3'"  right-icon="arrow" :required="item.required" :rules="[{ message: `${item.label}不能为空`, required: item.required}]" :disabled="disabled || oaListIsDisabled" :class="item.value ? 'actived-disabled':''" :name="`time`" placeholder="请选择" v-model="form.fieldTemplateList[index][`${item.field}1`]" @click="handleDateShow(item.field,index)" :label="item.label" clear-trigger="always" input-align="right" />
-              <van-field v-if="item.type == '4'" type="number" :required="item.required" :rules="[{ message: `${item.label}不能为空`, required: item.required}]" v-model="item.value" :label="item.label" :disabled="disabled || oaListIsDisabled" :name="item.field" placeholder="请输入" input-align="right"></van-field>
-              <RePick v-if="item.type == '5'" :isRequrie="item.required" v-model="item.value" :disabled="disabled || oaListIsDisabled" titleKey="label" idKey="value" :label="item.label" :name="item.field" :list="item.map" isCell clearable />
-              <RePick v-if="item.type == '6'" :isRequrie="item.required" v-model="item.value" :disabled="disabled || oaListIsDisabled" titleKey="label" idKey="value" :label="item.label" :name="item.field" :list="item.map" multiple isCell clearable />
-            </template>
+              <van-field
+                v-if="item.type == '3'"
+                right-icon="arrow"
+                :required="item.required"
+                :rules="[
+                  { message: `${item.label}不能为空`, required: item.required }
+                ]"
+                :disabled="disabled || oaListIsDisabled"
+                :class="item.value ? 'actived-disabled' : ''"
+                :name="`time`"
+                placeholder="请选择"
+                v-model="form.fieldTemplateList[index][`${item.field}1`]"
+                @click="handleDateShow(item.field, index)"
+                :label="item.label"
+                clear-trigger="always"
+                input-align="right"
+              />
+              <van-field
+                v-if="item.type == '4'"
+                type="number"
+                :required="item.required"
+                :rules="[
+                  { message: `${item.label}不能为空`, required: item.required }
+                ]"
+                v-model="item.value"
+                :label="item.label"
+                :disabled="disabled || oaListIsDisabled"
+                :name="item.field"
+                placeholder="请输入"
+                input-align="right"
+              ></van-field>
+              <RePick
+                v-if="item.type == '5'"
+                :isRequrie="item.required"
+                v-model="item.value"
+                :disabled="disabled || oaListIsDisabled"
+                titleKey="label"
+                idKey="value"
+                :label="item.label"
+                :name="item.field"
+                :list="item.map"
+                isCell
+                clearable
+              />
+              <RePick
+                v-if="item.type == '6'"
+                :isRequrie="item.required"
+                v-model="item.value"
+                :disabled="disabled || oaListIsDisabled"
+                titleKey="label"
+                idKey="value"
+                :label="item.label"
+                :name="item.field"
+                :list="item.map"
+                multiple
+                isCell
+                clearable
+              />
+            </template> -->
           </div>
         </div>
-        <div class="section mt5"> <span class="line"> </span>附件</div>
+        <div class="section mt5"><span class="line"> </span>附件</div>
         <div class="trips-box">
           <div class="item-box">
-            <UploadFile :typeStr="typeStr" @onConfirm="handleUpload" :fileList="fileList" />
+            <UploadFile
+              :typeStr="typeStr"
+              @onConfirm="handleUpload"
+              :fileList="fileList"
+            />
           </div>
         </div>
-        <div class="section mt5"> <span class="line"> </span>
-          <van-button type="info" size="small" :disabled="disabled || oaListIsDisabled" native-type="button" @click="handleAddPay" round>增加付款计划</van-button>
+        <div class="section mt5">
+          <span class="line"> </span>
+          <van-button
+            type="info"
+            size="small"
+            :disabled="disabled || oaListIsDisabled"
+            native-type="button"
+            @click="handleAddPay"
+            round
+            >增加付款计划</van-button
+          >
         </div>
-        <div class="section mt5"> <span class="line"> </span>付款计划</div>
+        <div class="section mt5"><span class="line"> </span>付款计划</div>
         <div class="trips-box">
-          <div class="item-box" v-for="(item,index) in oaReimburseFeeitemList" :key="index">
+          <div
+            class="item-box"
+            v-for="(item, index) in oaReimburseFeeitemList"
+            :key="index"
+          >
             <div class="oaList">
-              <div>
-                序号 {{index + 1}}
-              </div>
+              <div>序号 {{ index + 1 }}</div>
               <div @click="handleDelOa(index)">
-                <van-icon name="delete-o" size="20" :color="`${disabled || oaListIsDisabled ? '#c8c9cc' : ''}`" />
+                <van-icon
+                  name="delete-o"
+                  size="20"
+                  :color="`${disabled || oaListIsDisabled ? '#c8c9cc' : ''}`"
+                />
               </div>
             </div>
-            <van-field v-model="item.planTime" label="计划付款时间" :disabled="disabled || oaListIsDisabled" :class="disabled ? 'actived-disabled':''" placeholder="请选择" @click="handlePDateShow(item.planTime,index)" :right-icon="item.planTime ?  '' :'arrow' " input-align="right" readonly autosize rows="1" type="textarea">
+            <van-field
+              v-model="item.planTime"
+              label="计划付款时间"
+              :disabled="disabled || oaListIsDisabled"
+              :class="disabled ? 'actived-disabled' : ''"
+              placeholder="请选择"
+              @click="handlePDateShow(item.planTime, index)"
+              :right-icon="item.planTime ? '' : 'arrow'"
+              input-align="right"
+              readonly
+              autosize
+              rows="1"
+              type="textarea"
+            >
             </van-field>
-            <van-field v-model="item.planName" label="计划名称" :disabled="disabled || oaListIsDisabled" name="planName" placeholder="请输入" input-align="right">
+            <van-field
+              v-model="item.planName"
+              label="计划名称"
+              :disabled="disabled || oaListIsDisabled"
+              name="planName"
+              placeholder="请输入"
+              input-align="right"
+            >
             </van-field>
-            <van-field v-model="item.percentage" label="比例(数字)" :disabled="disabled || oaListIsDisabled" @blur="handleBulrPe($event,index)" name="percentage" type="number" placeholder="请输入" input-align="right">
+            <van-field
+              v-model="item.percentage"
+              label="比例(数字)"
+              :disabled="disabled || oaListIsDisabled"
+              @blur="handleBulrPe($event, index)"
+              name="percentage"
+              type="number"
+              placeholder="请输入"
+              input-align="right"
+            >
             </van-field>
-            <van-field v-model="item.actualAmount" name="actualAmount" :disabled="disabled || oaListIsDisabled" type="number" placeholder="请输入" input-align="right" label="实付金额" />
-            <van-field v-model="item.planMemo" label="备注" :disabled="disabled || oaListIsDisabled" name="planMemo" placeholder="请输入" input-align="right">
+            <van-field
+              v-model="item.actualAmount"
+              name="actualAmount"
+              :disabled="disabled || oaListIsDisabled"
+              type="number"
+              placeholder="请输入"
+              input-align="right"
+              label="实付金额"
+            />
+            <van-field
+              v-model="item.planMemo"
+              label="备注"
+              :disabled="disabled || oaListIsDisabled"
+              name="planMemo"
+              placeholder="请输入"
+              input-align="right"
+            >
             </van-field>
           </div>
         </div>
-        <div class="section mt5" v-if="['show'].includes(typeStr)"> <span class="line"> </span>审批流程</div>
-        <ApprovalProcess v-if="['show'].includes(typeStr)" :processInstanceId="form.processInstanceId" @onSetId="handleSetAccessId" />
+        <div class="section mt5" v-if="['show'].includes(typeStr)">
+          <span class="line"> </span>审批流程
+        </div>
+        <ApprovalProcess
+          v-if="['show'].includes(typeStr)"
+          :processInstanceId="form.processInstanceId"
+          @onSetId="handleSetAccessId"
+        />
       </van-form>
     </div>
-    <BottomBtn ref="BottomBtn" :isAuthorised="isAuthorised" @onBtConfirm="handleBtConfirm" :accessId="accessId" />
+    <BottomBtn
+      ref="BottomBtn"
+      :isAuthorised="isAuthorised"
+      @onBtConfirm="handleBtConfirm"
+      :accessId="accessId"
+    />
 
     <!--行程时间范围选择 -->
-    <van-calendar ref="vanCalendar" allow-same-day :maxDate="maxDate" v-model="dateShow" :min-date="minDate" :default-date="defaultDate" color="#0088FE" @confirm="handleDateSelect" />
+    <van-calendar
+      ref="vanCalendar"
+      allow-same-day
+      :maxDate="maxDate"
+      v-model="dateShow"
+      :min-date="minDate"
+      :default-date="defaultDate"
+      color="#0088FE"
+      @confirm="handleDateSelect"
+    />
     <!--预计付款时间选择 -->
-    <van-calendar ref="pVanCalendar" allow-same-day :maxDate="maxDate" v-model="palnTimeShow" :min-date="minDate" :default-date="pDefaultDate" color="#0088FE" @confirm="handlePlanDateSelect" />
-
+    <van-calendar
+      ref="pVanCalendar"
+      allow-same-day
+      :maxDate="maxDate"
+      v-model="palnTimeShow"
+      :min-date="minDate"
+      :default-date="pDefaultDate"
+      color="#0088FE"
+      @confirm="handlePlanDateSelect"
+    />
   </div>
 </template>
 
 <script>
-import dayjs from 'dayjs';
-import { createSupplierContract, getSupplierContract } from '@/api/bs/supplierContract'
-import { getSupplierCompanyPage } from "@/api/bs/quotationSheet";
-import { listData } from "@/api/system/dict/data";
+import dayjs from 'dayjs'
+import {
+  createSupplierContract,
+  getSupplierContract,
+  genCode
+} from '@/api/bs/supplierContract'
+import { getSupplierCompanyPage } from '@/api/bs/quotationSheet'
+import { listData } from '@/api/system/dict/data'
 import VerifyFunc from '@/utils/verify'
-import { getPaymentPlanPage } from "@/api/bs/paymentPlan";
+import { getPaymentPlanPage } from '@/api/bs/paymentPlan'
 import { Dialog } from 'vant'
-import {
-  listUser,
-} from "@/api/system/user";
+import { listUser } from '@/api/system/user'
 import { getCustomerContractTypeListAll } from '@/api/bs/contractType'
-import { getProjectPage } from "@/api/bs/project";
+import { getProjectPage } from '@/api/bs/project'
 import { queryFieldTemplate } from '@/api/bs/template'
 export default {
   //import引入组件才能使用
@@ -118,7 +544,7 @@ export default {
     UploadFile: () => import('@/components/UploadFile'),
     RePick: () => import('@/components/ReComponents/RePick'),
     ApprovalProcess: () => import('@/components/ApprovalProcess'),
-    BottomBtn: () => import('@/components/BottomBtn'),
+    BottomBtn: () => import('@/components/BottomBtn')
   },
   // 计算属性
   computed: {
@@ -136,7 +562,7 @@ export default {
     },
     disabled() {
       return ['show'].includes(this.$route.query.type)
-    },
+    }
   },
   // 生命周期，创建完成时（可以访问当前this实例）
   created() {
@@ -147,9 +573,7 @@ export default {
     })
   },
   // 生命周期：挂载完成时（可以访问DOM元素）
-  mounted() {
-
-  },
+  mounted() {},
   data() {
     return {
       pIndex: 0,
@@ -188,25 +612,32 @@ export default {
         receivedAmount: null,
         dealContent: null,
         other: null,
+        maintenanceTime: null
       },
       oaReimburseFeeitemList: [],
       dateType: '',
       fieldType: '',
       fieldTemplateList: []
-    };
+    }
   },
 
   // 监听data中的数据变化
   watch: {},
   // 方法集合
   methods: {
+    //自动生成编码
+    async handleAutoGenChange() {
+      genCode().then((res) => {
+        this.form.contractNumber = res.data
+      })
+    },
     handleDelOa(index) {
       if (this.disabled || this.oaListIsDisabled) {
         return
       }
       Dialog.confirm({
         title: '提示',
-        message: '你确定要删除吗?',
+        message: '你确定要删除吗?'
       }).then(() => {
         this.oaReimburseFeeitemList.splice(index, 1)
       })
@@ -214,7 +645,11 @@ export default {
     handleBulrPe(e, index) {
       let list = this.oaReimburseFeeitemList
       if (this.form.amount) {
-        this.$set(list[index], 'actualAmount', (this.form.amount * (Number(e.target.value) / 100)).toFixed(2))
+        this.$set(
+          list[index],
+          'actualAmount',
+          (this.form.amount * (Number(e.target.value) / 100)).toFixed(2)
+        )
       } else {
         this.$fm('输入合同金额,自动计算实付金额!')
       }
@@ -250,20 +685,22 @@ export default {
       }).then((res) => {
         if (res.data && res.data.list.length) {
           const { paymentPlanDetailDOList } = res.data.list[0]
-          this.oaReimburseFeeitemList = (paymentPlanDetailDOList || []).map(item => {
-            return {
-              ...item,
-              actualAmount: Math.floor(Number(item.actualAmount) * 100) / 100,
-              planTime: dayjs(item.planTime).format('YYYY-MM-DD')
+          this.oaReimburseFeeitemList = (paymentPlanDetailDOList || []).map(
+            (item) => {
+              return {
+                ...item,
+                actualAmount: Math.floor(Number(item.actualAmount) * 100) / 100,
+                planTime: dayjs(item.planTime).format('YYYY-MM-DD')
+              }
             }
-          })
+          )
         } else {
           this.oaReimburseFeeitemList = []
         }
       })
     },
     handleCtBlur(e) {
-      return new Promise(resolve => {
+      return new Promise((resolve) => {
         if (e.target.value) {
           this.$loading(false)
           getPaymentPlanPage({
@@ -271,52 +708,66 @@ export default {
             pageSize: 10,
             contractNumber: e.target.value,
             type: 1
-          }).then((res) => {
-            if (res.data && res.data.list.length) {
-              const { paymentPlanDetailDOList } = res.data.list[0]
-              this.oaReimburseFeeitemList = (paymentPlanDetailDOList || []).map(item => {
-                return {
-                  ...item,
-                  actualAmount: Math.floor(Number(item.actualAmount) * 100) / 100,
-                  planTime: dayjs(item.planTime).format('YYYY/MM/DD')
+          })
+            .then((res) => {
+              if (res.data && res.data.list.length) {
+                const { paymentPlanDetailDOList } = res.data.list[0]
+                this.oaReimburseFeeitemList = (
+                  paymentPlanDetailDOList || []
+                ).map((item) => {
+                  return {
+                    ...item,
+                    actualAmount:
+                      Math.floor(Number(item.actualAmount) * 100) / 100,
+                    planTime: dayjs(item.planTime).format('YYYY/MM/DD')
+                  }
+                })
+                if (this.oaReimburseFeeitemList.length) {
+                  this.oaListIsDisabled = true
                 }
-              })
-              if (this.oaReimburseFeeitemList.length) {
-                this.oaListIsDisabled = true
-              }
-              let obj = res.data && res.data.list.length ? res.data.list[0] : null
-              if (obj) {
-                const { startTime, endTime, supplierId, actualAmount, managerPhone } = obj
-                this.form = {
-                  contractNumber: this.form.contractNumber,
-                  contractName: null,
-                  contractType: null,
-                  isCollect: null,
-                  receivedAmount: null,
-                  dealContent: null,
-                  other: null,
-                  time: `${dayjs(startTime).format('YYYY-MM-DD')} ~ ${dayjs(endTime).format('YYYY-MM-DD')}`,
-                  date: [startTime, endTime],
-                  supplierId: Number(supplierId),
-                  amount: actualAmount,
-                  startTime,
-                  endTime,
-                  managerPhone
+                let obj =
+                  res.data && res.data.list.length ? res.data.list[0] : null
+                if (obj) {
+                  const {
+                    startTime,
+                    endTime,
+                    supplierId,
+                    actualAmount,
+                    managerPhone
+                  } = obj
+                  this.form = {
+                    contractNumber: this.form.contractNumber,
+                    contractName: null,
+                    contractType: null,
+                    isCollect: null,
+                    receivedAmount: null,
+                    dealContent: null,
+                    other: null,
+                    time: `${dayjs(startTime).format('YYYY-MM-DD')} ~ ${dayjs(
+                      endTime
+                    ).format('YYYY-MM-DD')}`,
+                    date: [startTime, endTime],
+                    supplierId: Number(supplierId),
+                    amount: actualAmount,
+                    startTime,
+                    endTime,
+                    managerPhone
+                  }
                 }
+                this.$loading(false)
+              } else {
+                // this.handleResetForm()
+                this.$loading(false)
+                this.oaListIsDisabled = false
               }
-              this.$loading(false)
-            } else {
-              // this.handleResetForm()
+              resolve()
+            })
+            .catch(() => {
               this.$loading(false)
               this.oaListIsDisabled = false
-            }
-            resolve()
-          }).catch(() => {
-            this.$loading(false)
-            this.oaListIsDisabled = false
-            // this.handleResetForm()
-            resolve()
-          })
+              // this.handleResetForm()
+              resolve()
+            })
         } else {
           this.oaReimburseFeeitemList = []
           this.oaListIsDisabled = false
@@ -330,13 +781,15 @@ export default {
         listUser({
           pageNo: 1,
           pageSize: 100,
-          deptId: val,
+          deptId: val
         }).then((ns) => {
-          this.signatoryList = ns.data && ns.data.list || []
+          this.signatoryList = (ns.data && ns.data.list) || []
           this.signatoryList = this.signatoryList.map((item) => {
             return {
               ...item,
-              nickname: `${item.nickname} ${item.userNumber ? `(${item.userNumber})` : ''}`
+              nickname: `${item.nickname} ${
+                item.userNumber ? `(${item.userNumber})` : ''
+              }`
             }
           })
           if (!type) {
@@ -359,70 +812,91 @@ export default {
         return
       }
       this.$nextTick(() => {
-        this.$refs.form.validate().then(() => {
-          if (this.oaReimburseFeeitemList.length) {
-            let list = this.oaReimburseFeeitemList
-            for (let i = 0; i < list.length; i++) {
-              if (!(list[i].planTime && list[i].percentage && list[i].actualAmount)) {
-                // this.$modal.msgWarning(`该合同暂无付款输入有误！`)
-                if (!list[i].planTime) {
-                  return this.$fm('请选择预计付款时间!')
+        this.$refs.form
+          .validate()
+          .then(() => {
+            if (this.oaReimburseFeeitemList.length) {
+              let list = this.oaReimburseFeeitemList
+              for (let i = 0; i < list.length; i++) {
+                if (
+                  !(
+                    list[i].planTime &&
+                    list[i].percentage &&
+                    list[i].actualAmount
+                  )
+                ) {
+                  // this.$modal.msgWarning(`该合同暂无付款输入有误！`)
+                  if (!list[i].planTime) {
+                    return this.$fm('请选择预计付款时间!')
+                  }
+                  let numreg = /^[1-9]\d*$/
+                  if (
+                    !list[i].percentage ||
+                    !(list[i].percentage && numreg.test(list[i].percentage))
+                  ) {
+                    return this.$fm('比例仅支持整数!')
+                  }
+                  if (
+                    !list[i].actualAmount ||
+                    !(Number(list[i].actualAmount) > 0)
+                  ) {
+                    return this.$fm('实付金额输入有误!')
+                  }
                 }
-                let numreg = /^[1-9]\d*$/
-                if (!list[i].percentage || (!(list[i].percentage && (numreg.test(list[i].percentage))))) {
-                  return this.$fm('比例仅支持整数!')
+              }
+            }
+            // 添加/修改的提交
+            let newForm = {
+              // approvalBiddingIdList: this.form.supplierList.filter(item => item.isWin == 1).map(n => n.id),
+              ...this.form,
+              id: this.form.id,
+              status: key,
+              files: this.fileList,
+              oaReimburseFeeitemList: this.oaReimburseFeeitemList.map(
+                (item) => {
+                  return {
+                    ...item,
+                    planTime: dayjs(item.planTime).valueOf()
+                  }
                 }
-                if (!list[i].actualAmount || (!(Number(list[i].actualAmount) > 0))) {
-                  return this.$fm('实付金额输入有误!')
+              )
+              // proposerPerson:this.userInfo.id
+            }
+            if (!this.oaReimburseFeeitemList.length) {
+              this.$loading(false, 'form')
+              return this.$fm('暂无付款计划,无法提交!')
+            }
+            this.$loading(true, 'form')
+            createSupplierContract(newForm)
+              .then((res) => {
+                this.$loading(false, 'form')
+                this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
+                if (['add'].includes(this.$route.query.type)) {
+                  this.$EventBus.$emit('handleResetLive', 'contract-mySupplier')
                 }
-              }
+                history.back()
+              })
+              .catch(() => {
+                this.$loading(false, 'form')
+              })
+            // })
+          })
+          .catch((err) => {
+            this.$loading(false, 'form')
+            if (err && err.length > 0 && err[0].name) {
+              const fieldElement = this.$refs.form.$el.querySelector(
+                `[name="${err[0].name}"]`
+              )
+              const fieldHeight = fieldElement && fieldElement.offsetHeight
+              const scrollHeight = fieldHeight + 50 // 假设添加了 50px 的额外高度
+              this.$refs.form.scrollToField(err[0].name, scrollHeight)
             }
-          }
-          // 添加/修改的提交
-          let newForm = {
-            // approvalBiddingIdList: this.form.supplierList.filter(item => item.isWin == 1).map(n => n.id),
-            ...this.form,
-            id: this.form.id,
-            status: key,
-            files: this.fileList,
-            oaReimburseFeeitemList: (this.oaReimburseFeeitemList).map(item => {
-              return {
-                ...item,
-                planTime: dayjs(item.planTime).valueOf()
+            if (err && err.length) {
+              if (err[0].name === 'managerPhone') {
+                return this.$fm('经办人手机号码错误!')
               }
-            }),
-            // proposerPerson:this.userInfo.id
-          }
-          if (!this.oaReimburseFeeitemList.length) {
-            this.$loading(false, 'form')
-            return this.$fm('暂无付款计划,无法提交!')
-          }
-          this.$loading(true, 'form')
-          createSupplierContract(newForm).then((res) => {
-            this.$loading(false, 'form')
-            this.$sm(`${this.form.id ? '修改成功!' : '新增成功!'}`)
-            if (['add'].includes(this.$route.query.type)) {
-              this.$EventBus.$emit('handleResetLive', 'contract-mySupplier')
             }
-            history.back()
-          }).catch(() => {
-            this.$loading(false, 'form')
           })
-          // })
-        }).catch((err) => {
-          this.$loading(false, 'form')
-          if (err && err.length > 0 && err[0].name) {
-            const fieldElement = this.$refs.form.$el.querySelector(`[name="${err[0].name}"]`);
-            const fieldHeight = fieldElement && fieldElement.offsetHeight;
-            const scrollHeight = fieldHeight + 50; // 假设添加了 50px 的额外高度
-            this.$refs.form.scrollToField(err[0].name, scrollHeight);
-          }
-          if (err && err.length) {
-            if (err[0].name === "managerPhone") {
-              return this.$fm('经办人手机号码错误!')
-            }
-          }
-        })
       })
     },
     handleInitForm() {
@@ -431,60 +905,103 @@ export default {
       this.typeStr = type
       if (id) {
         this.$loading(true, 'loadingSb')
-        getSupplierContract(id).then((res) => {
-          this.form = res.data || {};
-          this.form = {
-            ...this.form,
-            time: `${dayjs(this.form.startTime).format('YYYY-MM-DD')} ~ ${dayjs(this.form.endTime).format('YYYY-MM-DD')}`,
-            departmentId: Number(this.form.departmentId),
-            signatoryId: Number(this.form.signatoryId),
-            isCollect: Number(this.form.isCollect),
-          }
-          this.handleChange(this.form.departmentId, 1)
-          // this.handleCtBlur({
-          //   target: {
-          //     value: res.data.contractNumber
-          //   }
-          // })
-          // this.handleInitOaReimburseFeeitemList(res.data.contractNumber)
-          this.oaReimburseFeeitemList = this.form.oaReimburseFeeitemList || []
-          this.oaReimburseFeeitemList = this.oaReimburseFeeitemList.map((item) => {
-            return {
-              ...item,
-              planTime: dayjs(item.planTime).format('YYYY/MM/DD')
+        getSupplierContract(id)
+          .then((res) => {
+            this.form = res.data || {}
+            this.form = {
+              ...this.form,
+              time: `${dayjs(this.form.startTime).format(
+                'YYYY-MM-DD'
+              )} ~ ${dayjs(this.form.endTime).format('YYYY-MM-DD')}`,
+              departmentId: Number(this.form.departmentId),
+              signatoryId: Number(this.form.signatoryId),
+              isCollect: Number(this.form.isCollect)
             }
+            this.handleChange(this.form.departmentId, 1)
+            // this.handleCtBlur({
+            //   target: {
+            //     value: res.data.contractNumber
+            //   }
+            // })
+            // this.handleInitOaReimburseFeeitemList(res.data.contractNumber)
+            this.oaReimburseFeeitemList = this.form.oaReimburseFeeitemList || []
+            this.oaReimburseFeeitemList = this.oaReimburseFeeitemList.map(
+              (item) => {
+                return {
+                  ...item,
+                  planTime: dayjs(item.planTime).format('YYYY/MM/DD')
+                }
+              }
+            )
+            this.fileList = res.data.files || []
+            this.isAuthorised = res.data.isAuthorised
+            this.$nextTick(() => {
+              this.$refs.BottomBtn.handleFilterBtnList()
+            })
+            this.$set(
+              this.form,
+              'dateSigning1',
+              this.form.dateSigning
+                ? `${dayjs(this.form.dateSigning).format('YYYY/MM/DD')}`
+                : ''
+            )
+            this.$set(
+              this.form,
+              'proposerTime1',
+              this.form.proposerTime
+                ? `${dayjs(this.form.proposerTime).format('YYYY/MM/DD')}`
+                : ''
+            )
+            this.$set(
+              this.form,
+              'maintenanceTime1',
+              this.form.maintenanceTime
+                ? `${dayjs(this.form.maintenanceTime).format('YYYY/MM/DD')}`
+                : ''
+            )
+            this.$set(
+              this.form,
+              'startTime1',
+              this.form.startTime
+                ? `${dayjs(this.form.startTime).format('YYYY/MM/DD')}`
+                : ''
+            )
+            this.$set(
+              this.form,
+              'endTime1',
+              this.form.endTime
+                ? `${dayjs(this.form.endTime).format('YYYY/MM/DD')}`
+                : ''
+            )
+            res.data.fieldTemplateList.forEach(function (item) {
+              if (item.type == 3) {
+                _this.$set(
+                  item,
+                  `${item.field}1`,
+                  item.value
+                    ? `${dayjs(Number(item.value)).format('YYYY/MM/DD')}`
+                    : ''
+                )
+              }
+              if (item.type == 2) {
+                item.value = item.value ? Boolean(item.value) : false
+              }
+            })
+            console.log('this.form..', this.form)
           })
-          this.fileList = res.data.files || []
-          this.isAuthorised = res.data.isAuthorised
-          this.$nextTick(() => {
-            this.$refs.BottomBtn.handleFilterBtnList()
-          })
-          this.$set(this.form, 'dateSigning1', `${dayjs(this.form.dateSigning).format('YYYY/MM/DD')}`)
-          this.$set(this.form, 'proposerTime1', `${dayjs(this.form.proposerTime).format('YYYY/MM/DD')}`)
-          this.$set(this.form, 'startTime1', `${dayjs(this.form.startTime).format('YYYY/MM/DD')}`)
-          this.$set(this.form, 'endTime1', `${dayjs(this.form.endTime).format('YYYY/MM/DD')}`)
-          res.data.fieldTemplateList.forEach(function (item){
-            if(item.type == 3){
-              _this.$set(item, `${item.field}1`, `${dayjs(Number(item.value)).format('YYYY/MM/DD')}`)
-            }
-            if(item.type == 2){
-              item.value =item.value? Boolean(item.value):false
-            }
+          .finally(() => {
+            this.$loading(false, 'loadingSb')
           })
-          console.log('this.form..', this.form);
-        }).finally(() => {
-          this.$loading(false, 'loadingSb')
-        })
-      }else {
+      } else {
         queryFieldTemplate(2).then((res) => {
-          res.data.forEach(function (item){
-            if(item.type == 6){
-              item.value = item.value?item.value:[]
+          res.data.forEach(function (item) {
+            if (item.type == 6) {
+              item.value = item.value ? item.value : []
             }
           })
           this.fieldTemplateList = res.data
           this.$set(this.form, 'fieldTemplateList', res.data)
-        });
+        })
       }
     },
     handleUpload(list) {
@@ -492,26 +1009,37 @@ export default {
     },
     handleNewConfirmPo(arr, index) {
       let nameArr = []
-      this.userList.forEach(element => {
+      this.userList.forEach((element) => {
         if (arr.includes(element.id)) {
           nameArr.push(element.nickname)
         }
-      });
+      })
       this.$set(this.form.expenseApplyTrips[index], 'tripPartners', arr)
-      this.$set(this.form.expenseApplyTrips[index], 'tripPartnersName', nameArr.join('、'))
+      this.$set(
+        this.form.expenseApplyTrips[index],
+        'tripPartnersName',
+        nameArr.join('、')
+      )
       this.$set(this.form.expenseApplyTrips[index], 'isOpen', false)
     },
     handleConfirmPo(arr, index) {
-      let nameArr = this.form.expenseApplyTrips[index].tripPartnersName && this.form.expenseApplyTrips[index].tripPartnersName.split('、') || []
+      let nameArr =
+        (this.form.expenseApplyTrips[index].tripPartnersName &&
+          this.form.expenseApplyTrips[index].tripPartnersName.split('、')) ||
+        []
       let newArr = this.form.expenseApplyTrips[index].tripPartners || []
-      this.userList.forEach(element => {
+      this.userList.forEach((element) => {
         if (arr.includes(element.id)) {
           nameArr.push(element.nickname)
           newArr.push(element.id)
         }
-      });
+      })
       this.$set(this.form.expenseApplyTrips[index], 'tripPartners', newArr)
-      this.$set(this.form.expenseApplyTrips[index], 'tripPartnersName', nameArr.join('、'))
+      this.$set(
+        this.form.expenseApplyTrips[index],
+        'tripPartnersName',
+        nameArr.join('、')
+      )
       this.$set(this.form.expenseApplyTrips[index], 'isOpen', false)
     },
     handlePoShow(index) {
@@ -522,7 +1050,6 @@ export default {
       } else {
         this.$fm('请先添加同行人！')
       }
-
     },
     handlePoCancel(index) {
       this.$set(this.form.expenseApplyTrips[index], 'isOpen', false)
@@ -546,17 +1073,17 @@ export default {
         tripDay: undefined,
         tripType: null,
         tripPartners: [], // 出差同行人
-        tripPartnersName: "",
+        tripPartnersName: '',
         amount: undefined,
         isOpen: false,
-        type: 0,
+        type: 0
       })
     },
     handleInitList() {
       return new Promise((resolve) => {
         getSupplierCompanyPage({
           pageNo: 1,
-          pageSize: 1000,
+          pageSize: 1000
         }).then((res) => {
           this.supplierList = res.data.list || []
           resolve()
@@ -567,18 +1094,19 @@ export default {
           this.typeList = res.data || []
         })
         getProjectPage({
-          type: 2, pageNo: 1,
+          type: 2,
+          pageNo: 1,
           pageSize: 500
-        }).then(res => {
+        }).then((res) => {
           this.projectList = res.data.list || []
         })
         listData({
           pageNo: 1,
           pageSize: 50,
-          dictType: "capital_source",
+          dictType: 'capital_source'
         }).then((res) => {
-          this.capitalSource = res.data.list || [];
-        });
+          this.capitalSource = res.data.list || []
+        })
       })
     },
     handleDateShow(dateType, type) {
@@ -592,42 +1120,76 @@ export default {
           _this.$refs.vanCalendar && _this.$refs.vanCalendar.reset()
           _this.dateShow = true
           if (date) {
-            let time = dayjs(Number(date)).format('YYYY/MM/DD');
+            let time = dayjs(Number(date)).format('YYYY/MM/DD')
             _this.defaultDate = new Date(time)
           }
         })
       } else {
         _this.$nextTick(() => {
-          let date = dateType == 'dateSigning' ? _this.form.dateSigning : dateType == 'proposerTime' ? _this.form.proposerTime : dateType == 'startTime' ? _this.form.startTime : dateType == 'endTime' ? _this.form.endTime : ''
+          let date =
+            dateType == 'dateSigning'
+              ? _this.form.dateSigning
+              : dateType == 'proposerTime'
+              ? _this.form.proposerTime
+              : dateType == 'startTime'
+              ? _this.form.startTime
+              : dateType == 'endTime'
+              ? _this.form.endTime
+              : dateType == 'maintenanceTime'
+              ? _this.form.maintenanceTime
+              : ''
           _this.$refs.vanCalendar && _this.$refs.vanCalendar.reset()
           _this.dateShow = true
           if (date) {
-            let time = dayjs(Number(date)).format('YYYY/MM/DD');
+            let time = dayjs(Number(date)).format('YYYY/MM/DD')
             _this.defaultDate = new Date(time)
           }
         })
       }
-
     },
     handleDateSelect(val) {
       if (this.fieldType) {
-        this.$set(this.form.fieldTemplateList[this.fieldType], `${this.dateType}1`, `${dayjs(val).format('YYYY/MM/DD')}`)
-        this.$set(this.form.fieldTemplateList[this.fieldType], 'value', `${dayjs(val).valueOf()}`)
+        this.$set(
+          this.form.fieldTemplateList[this.fieldType],
+          `${this.dateType}1`,
+          `${dayjs(val).format('YYYY/MM/DD')}`
+        )
+        this.$set(
+          this.form.fieldTemplateList[this.fieldType],
+          'value',
+          `${dayjs(val).valueOf()}`
+        )
         this.dateShow = false
-        return;
+        return
       }
       if (this.dateType == 'dateSigning') {
-        this.$set(this.form, 'dateSigning1', `${dayjs(val).format('YYYY/MM/DD')}`)
+        this.$set(
+          this.form,
+          'dateSigning1',
+          `${dayjs(val).format('YYYY/MM/DD')}`
+        )
         this.$set(this.form, 'dateSigning', `${dayjs(val).valueOf()}`)
       }
       if (this.dateType == 'proposerTime') {
-        this.$set(this.form, 'proposerTime1', `${dayjs(val).format('YYYY/MM/DD')}`)
+        this.$set(
+          this.form,
+          'proposerTime1',
+          `${dayjs(val).format('YYYY/MM/DD')}`
+        )
         this.$set(this.form, 'proposerTime', `${dayjs(val).valueOf()}`)
       }
       if (this.dateType == 'startTime') {
         this.$set(this.form, 'startTime1', `${dayjs(val).format('YYYY/MM/DD')}`)
         this.$set(this.form, 'startTime', `${dayjs(val).valueOf()}`)
       }
+      if (this.dateType == 'maintenanceTime') {
+        this.$set(
+          this.form,
+          'maintenanceTime1',
+          `${dayjs(val).format('YYYY/MM/DD')}`
+        )
+        this.$set(this.form, 'maintenanceTime', `${dayjs(val).valueOf()}`)
+      }
       if (this.dateType == 'endTime') {
         this.$set(this.form, 'endTime1', `${dayjs(val).format('YYYY/MM/DD')}`)
         this.$set(this.form, 'endTime', `${dayjs(val).valueOf()}`)
@@ -649,35 +1211,59 @@ export default {
     handlePlanDateSelect(date) {
       if (date) {
         let num = this.oaReimburseFeeitemList.length - 1
-        let nextTime = (this.oaReimburseFeeitemList[this.pIndex + 1] || {}).planTime
-        let beforeTime = (this.oaReimburseFeeitemList[this.pIndex - 1] || {}).planTime
+        let nextTime = (this.oaReimburseFeeitemList[this.pIndex + 1] || {})
+          .planTime
+        let beforeTime = (this.oaReimburseFeeitemList[this.pIndex - 1] || {})
+          .planTime
         if (this.pIndex == 0 && nextTime) {
-          if (!(dayjs(nextTime).isAfter(date))) {
-            this.$set(this.oaReimburseFeeitemList[this.pIndex], 'planTime', null)
+          if (!dayjs(nextTime).isAfter(date)) {
+            this.$set(
+              this.oaReimburseFeeitemList[this.pIndex],
+              'planTime',
+              null
+            )
             return this.$fm('当前预计付款时间必须在下一笔付款时间之前！')
           }
-        } else if (num == this.pIndex && beforeTime || beforeTime) {
-          if (!(dayjs(date).isAfter(beforeTime))) {
-            this.$set(this.oaReimburseFeeitemList[this.pIndex], 'planTime', null)
+        } else if ((num == this.pIndex && beforeTime) || beforeTime) {
+          if (!dayjs(date).isAfter(beforeTime)) {
+            this.$set(
+              this.oaReimburseFeeitemList[this.pIndex],
+              'planTime',
+              null
+            )
             return this.$fm('当前预计付款时间必须在上一笔付款时间之后！')
           }
         } else {
           if (beforeTime && nextTime) {
-            if (!((dayjs(date).isAfter(beforeTime)) && (dayjs(nextTime).isAfter(date)))) {
-              this.$set(this.oaReimburseFeeitemList[this.pIndex], 'planTime', null)
-              return this.$fm('当前预计付款时间必须在上一笔和下一笔付款时间之间！')
+            if (
+              !(
+                dayjs(date).isAfter(beforeTime) && dayjs(nextTime).isAfter(date)
+              )
+            ) {
+              this.$set(
+                this.oaReimburseFeeitemList[this.pIndex],
+                'planTime',
+                null
+              )
+              return this.$fm(
+                '当前预计付款时间必须在上一笔和下一笔付款时间之间！'
+              )
             }
           }
         }
-        this.$set(this.oaReimburseFeeitemList[this.pIndex], 'planTime', dayjs(date).format('YYYY/MM/DD'))
+        this.$set(
+          this.oaReimburseFeeitemList[this.pIndex],
+          'planTime',
+          dayjs(date).format('YYYY/MM/DD')
+        )
       } else {
         this.$set(this.oaReimburseFeeitemList[this.pIndex], 'planTime', null)
       }
       this.palnTimeShow = false
-    },
-  },
+    }
+  }
 }
 </script>
 <style scoped lang="scss">
 @import '~@/assets/style/common/form.scss';
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/contract/supplierMsg/index.vue b/src/views/contract/supplierMsg/index.vue
new file mode 100644
index 0000000..460af70
--- /dev/null
+++ b/src/views/contract/supplierMsg/index.vue
@@ -0,0 +1,312 @@
+<template>
+  <div class="common-list-contain">
+    <div class="common-form">
+      <van-form
+        ref="form"
+        :show-error-message="false"
+        validate-trigger=""
+        :submit-on-enter="false"
+      >
+        <div class="trips-box">
+          <div class="item-box">
+            <van-field
+              v-model="form.companyName"
+              required
+              placeholder="请输入"
+              :disabled="disabled"
+              :rules="[{ required: true, message: '请输入' }]"
+              label="供应商名称"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.phone"
+              required
+              placeholder="请输入"
+              :disabled="disabled"
+              :rules="[{ required: true, message: '请输入' }]"
+              label="联系方式"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.postbox"
+              required
+              placeholder="请输入"
+              :disabled="disabled"
+              :rules="[{ required: true, message: '请输入' }]"
+              label="邮箱"
+              clearable
+              input-align="right"
+            />
+            <RePick
+              v-model="form.materialsType"
+              title="供应商材料类别"
+              :name="`materialsType`"
+              titleKey="label"
+              idKey="vulue"
+              :disabled="disabled"
+              label="供应商材料类别"
+              label-width="8rem"
+              :list="gysTypeList"
+              isCell
+              clearable
+            />
+            <van-field
+              v-model="form.legalPerson"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="联系人"
+              clearable
+              input-align="right"
+            />
+            <RePick
+              v-model="form.companyType"
+              titleKey="label"
+              idKey="id"
+              title="供应商类别"
+              :name="`companyType`"
+              :disabled="disabled"
+              label="供应商类别"
+              :list="getDictDatas(DICT_TYPE.BS_ENTERPRISEL_TYPE)"
+              isCell
+              clearable
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.reviewTime"
+              label="评审日期"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              right-icon="arrow"
+              :disabled="disabled"
+              placeholder="请选择"
+              v-model="form.validTime"
+              label="有效日期"
+              clear-trigger="always"
+              input-align="right"
+            />
+            <van-field
+              v-model="form.creditCode"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="同意社会信用代码"
+              label-width="10rem"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.address"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="地址"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.purchaserCode"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="采购员代码"
+              clearable
+              input-align="right"
+            />
+            <van-field
+              v-model="form.purchaserId"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="采购员(昵称)"
+              clearable
+              input-align="right"
+            />
+            <RePick
+              v-model="form.exitStatus"
+              titleKey="label"
+              idKey="value"
+              title="营业状态"
+              :name="`exitStatus`"
+              :disabled="disabled"
+              label="营业状态"
+              :list="signatoryList"
+              isCell
+              clearable
+            />
+            <van-field
+              v-model="form.capital"
+              placeholder="请输入"
+              :disabled="disabled"
+              label="注册资本"
+              clearable
+              input-align="right"
+            />
+            <RePick
+              v-model="form.gradeGys"
+              titleKey="label"
+              idKey="id"
+              title="等级"
+              :name="`gradeGys`"
+              :disabled="disabled"
+              label="等级"
+              :list="getDictDatas(DICT_TYPE.GYS_LEVEL)"
+              isCell
+              clearable
+            />
+            <van-field
+              label="是否注册"
+              name="isRegister"
+              :disabled="disabled"
+              input-align="right"
+              label-width="9em"
+            >
+              <template #input>
+                <van-radio-group
+                  :disabled="disabled"
+                  v-model="form.isRegister"
+                  direction="horizontal"
+                >
+                  <van-radio :name="1">是</van-radio>
+                  <van-radio :name="0">否</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+          </div>
+        </div>
+      </van-form>
+    </div>
+
+    <div class="trips-box">
+      <div class="item-box">
+        <UploadFile :typeStr="typeStr" :fileList="form.files" />
+      </div>
+    </div>
+    <BottomBtn
+      ref="BottomBtn"
+      :isAuthorised="isAuthorised"
+      @onBtConfirm="handleBtConfirm"
+    />
+  </div>
+</template>
+
+<script>
+import { listData } from '@/api/system/dict/data'
+import {
+  getDictDataLabel,
+  handleFilterStatus,
+  getDictDatas
+} from '@/utils/dict'
+import dayjs from 'dayjs'
+import {
+  baiduScanApi,
+  createSupplierCompany,
+  getSupplierCompany,
+  updateSupplierCompany
+} from '@/api/procurement/supplierMsg'
+
+export default {
+  name: 'contract-supplierMsg',
+  components: {
+    UploadFile: () => import('@/components/UploadFile'),
+    RePick: () => import('@/components/ReComponents/RePick'),
+    BottomBtn: () => import('@/components/BottomBtn')
+  },
+  data() {
+    return {
+      signatoryList: [
+        {
+          label: '存续',
+          value: '1'
+        },
+        {
+          label: '注销',
+          value: '2'
+        }
+      ],
+      gysTypeList: [
+        /* {
+          label: '五金类',
+          value: '1'
+        } */
+      ],
+      isAuthorised: false,
+      typeStr: null, // show: 查看 edit: 编辑: 其他新增
+      id: null,
+      // 遮罩层
+      loading: true,
+      // 表单参数
+      form: {}
+    }
+  },
+  computed: {
+    disabled() {
+      return ['show'].includes(this.$route.query.type)
+    }
+  },
+  created() {
+    this.$loading(true)
+    this.handleInitList().then(() => {
+      this.$loading(false)
+      this.handleInitForm()
+    })
+  },
+  methods: {
+    handleInitForm() {
+      const { id, type } = this.$route.query || {}
+      this.typeStr = type
+      if (id) {
+        getSupplierCompany(id).then((res) => {
+          this.form = {
+            // list: res.data.bankVos,
+            exitStatus: null,
+            ...(res.data || {}),
+            logo: res.data.files
+          }
+          this.form.purchaserId = Number(this.form.purchaserId)
+          this.form.gradeGys = String(this.form.gradeGys)
+          this.form.materialsType = String(this.form.materialsType)
+          this.form.companyType = String(this.form.companyType)
+          this.form.validTime = this.form.validTime
+            ? `${dayjs(this.form.validTime).format('YYYY/MM/DD')}`
+            : ''
+          this.form.reviewTime = this.form.reviewTime
+            ? `${dayjs(this.form.reviewTime).format('YYYY/MM/DD')}`
+            : ''
+          this.isAuthorised = res.data.isAuthorised
+          this.$nextTick(() => {
+            this.$refs.BottomBtn.handleFilterBtnList()
+          })
+        })
+      }
+    },
+    handleInitList() {
+      return new Promise((resolve) => {
+        listData({
+          pageNo: 1,
+          pageSize: 50,
+          dictType: 'material_type'
+        }).then((res) => {
+          this.gysTypeList = res.data.list || []
+          resolve()
+        })
+        listData({
+          pageNo: 1,
+          pageSize: 50,
+          dictType: 'gys_level'
+        }).then((res) => {
+          this.gysLevelList = res.data.list || []
+          resolve()
+        })
+      })
+    },
+    handleBtConfirm() {
+      console.log(111)
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import '~@/assets/style/common/form.scss';
+</style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index cafb3e9..499a71d 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -8,7 +8,8 @@
         </div>
       </van-col>
       <van-col span="8">
-        <div class="tt-box">财务数字一体化</div>
+        <!-- <div class="tt-box">财务数字一体化</div> -->
+        <div class="tt-box">合同管理系统</div>
       </van-col>
       <van-col span="8" class="rt-box" @click="handleToWait">
         <div class="msg-box">
@@ -126,44 +127,44 @@ export default {
     handleFilterList() {
       this.roterList = []
       let arr = [
-        {
+        /* {
           row: [
-            // {
-            //   route: '/trips',
-            //   title: '出差申请',
-            //   icon: 'logistics',
-            //   show: this.permission_btns.includes('bs:expense-apply:create'),
-            // },
+            {
+              route: '/trips',
+              title: '出差申请',
+              icon: 'logistics',
+              show: this.permission_btns.includes('bs:expense-apply:create'),
+            },
             {
               route: '/myNewTrips',
               title: '我的申请',
               icon: 'manager-o',
               show: checkPermission('bs/myExpenseApply/index')
             },
-            /* {
+            {
               route: '/myTrips',
               title: '申请单',
               icon: 'exchange',
               show: checkPermission('bs/expenseApply/index'),
-            }, */
-            // {
-            //   route: '/claim',
-            //   title: '报销审批',
-            //   icon: 'orders-o',
-            //   show: this.permission_btns.includes('bs:expense-claim:create'),
-            // },
+            },
+            {
+              route: '/claim',
+              title: '报销审批',
+              icon: 'orders-o',
+              show: this.permission_btns.includes('bs:expense-claim:create'),
+            },
             {
               route: '/myNewClaim',
               title: '我的报销',
               icon: 'bookmark-o',
               show: checkPermission('bs/myExpenseClaim/index')
             },
-            /* {
+            {
               route: '/myClaim',
               title: '报销单',
               icon: 'qr-invalid',
               show: checkPermission('bs/expenseClaim/index'),
-            }, */
+            },
             {
               route: '/myInvoice',
               title: '我的发票',
@@ -172,8 +173,8 @@ export default {
             }
           ],
           title: '报销'
-        },
-        {
+        }, */
+        /* {
           row: [
             {
               route: '/myTrips',
@@ -201,24 +202,22 @@ export default {
             }
           ],
           title: '审批'
-        },
+        }, */
         {
           row: [
             /* {
               route: '/mySupplier',
               title: '供应商合同审批',
               icon: 'friends-o',
-              show: this.permission_btns.includes(
-                'procurement:supplierCt:list'
-              ),
-            },
+              show: this.permission_btns.includes('procurement:supplierCt:list')
+            }, */
             {
               route: '/myCustom',
               title: '客户合同审批',
               icon: 'manager-o',
-              show: this.permission_btns.includes('bs:customer-contract:query'),
-            }, */
-            /* {
+              show: this.permission_btns.includes('bs:customer-contract:query')
+            },
+            {
               route: '/myBidder',
               title: '中标审批',
               icon: 'bookmark-o',
@@ -229,7 +228,7 @@ export default {
               title: '付款审批',
               icon: 'refund-o',
               show: this.permission_btns.includes('procurement:payApply:list')
-            }, */
+            },
             {
               route: '/corporateReceipts',
               title: '对公收款',
@@ -245,7 +244,7 @@ export default {
           ],
           title: '对公'
         },
-        {
+        /* {
           row: [
             {
               route: '/myReportForms',
@@ -255,6 +254,99 @@ export default {
             }
           ],
           title: '报表'
+        }, */
+
+        {
+          row: [
+            {
+              route: '/mySupplier',
+              title: '供应商合同',
+              icon: 'friends-o',
+              show: true
+            },
+            {
+              route: '/mySupplierMsg',
+              title: '供应商信息列表',
+              icon: 'user-o',
+              show: true
+            },
+            {
+              route: '/myPay',
+              title: '付款申请',
+              icon: 'user-o',
+              show: true
+            },
+            {
+              route: '/myPayPlan',
+              title: '付款计划',
+              icon: 'user-o',
+              show: true
+            }
+          ],
+          title: '采购合同'
+        },
+        {
+          row: [
+            {
+              route: '/myCustom',
+              title: '客户合同',
+              icon: 'user-o',
+              show: true
+            },
+            {
+              route: '/contract/cs/customer-company',
+              title: '客户信息列表',
+              icon: 'user-o',
+              show: true
+            },
+            {
+              route: '/contract/cs/getPlan',
+              title: '收款计划',
+              icon: 'user-o',
+              show: true
+            }
+          ],
+          title: '销售合同'
+        },
+        {
+          row: [
+            {
+              route: '/contract/ct/protocolFramework',
+              title: '协议框架',
+              icon: 'user-o',
+              show: true
+            }
+          ],
+          title: '通用合同'
+        },
+        {
+          row: [
+            {
+              route: '/contract/procure/quotation-sheet',
+              title: '报价单管理',
+              icon: 'user-o',
+              show: true
+            },
+            {
+              route: '/contract/procure/quotation-sheet-bidding',
+              title: '报价单中标管理',
+              icon: 'user-o',
+              show: true
+            },
+            {
+              route: '/contract/procure/materiel',
+              title: '物料管理',
+              icon: 'user-o',
+              show: true
+            },
+            {
+              route: '/contract/procure/supplier-ad',
+              title: '供应商招标',
+              icon: 'user-o',
+              show: true
+            }
+          ],
+          title: '报价招标管理'
         },
         {
           row: [
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 467bbd7..2014dad 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -12,7 +12,8 @@
     <div class="login-contaion flex-c flex-c-center">
       <div class="contain-topbg flex flex-center flex-c flex-c-center">
         <img class="logo-img" src="@/assets/logo.png" alt="" />
-        <div class="logo-text">链友融财务数字一体化信息系统</div>
+        <!-- <div class="logo-text">链友融财务数字一体化信息系统</div> -->
+        <div class="logo-text">合同管理系统</div>
         <div class="logo-text logo-text-new">OA办公，每一天都高效</div>
         <div class="round"></div>
       </div>