7.27 18.01

src/router/index.js

@@ -3,289 +3,370 @@ import Router from 'vue-router'
 
 Vue.use(Router)
 import Layout from '@/layout'
-export const constantRouterMap = [
-  {
-    path: '/',
-    component: Layout,
-    redirect: {
-      name: 'login'
-    }
-  },
-  {
-    path: '/login',
-    name: 'login',
-    component: () => import('@/views/login/index')
-  },
-  {
-    path: '/register',
-    component: () => import('@/views/register/index')
-  },
-  {
-    path: '/home',
-    component: Layout,
-    children: [
-      {
-        path: '/home',
-        component: () => import('@/views/home'),
-        hidden: true
-      }
-    ]
-  },
-  {
-    path: '/404',
-    component: () => import('@/views/404'),
-    hidden: true
-  }
+export const constantRouterMap = [{
+		path: '/',
+		component: Layout,
+		redirect: {
+			name: 'login'
+		}
+	},
+	{
+		path: '/login',
+		name: 'login',
+		component: () => import('@/views/login/index')
+	},
+	{
+		path: '/register',
+		component: () => import('@/views/register/index')
+	},
+	{
+		path: '/home',
+		component: Layout,
+		children: [{
+			path: '/home',
+			component: () => import('@/views/home'),
+			hidden: true
+		}]
+	},
+	{
+		path: '/404',
+		component: () => import('@/views/404'),
+		hidden: true
+	}
 ]
-export const asyncRouterMap = [
-  {
-    path: '/contracts',
-    component: Layout,
-    name: 'Example',
-    meta: { title: '合同列表', icon: 'el-icon-s-order', roles: ['admin', 'salesman', 'supplier'] },
-    redirect: {
-      name: 'contracts'
-    },
-    children: [
-      {
-        path: 'list',
-        name: 'contracts-list',
-        component: () => import('@/views/contracts/list'),
-        meta: { title: '合同列表', icon: 'el-icon-s-order', roles: ['admin', 'salesman', 'supplier'] },
-        hidden: true
-      },
-      {
-        path: 'contracts',
-        name: 'contracts',
-        component: () => import('@/views/contracts/index'),
-        meta: { title: '合同列表', icon: 'el-icon-s-order', roles: ['admin', 'salesman', 'supplier'] }
-      },
-      {
-        path: '/detail',
-        name: 'detail',
-        component: () => import('@/views/contracts/detail'),
-        meta: { title: '合同详情', roles: ['admin', 'salesman', 'supplier'] },
-        hidden: true
-      },
-      // {
-      //   path: 'contracts/addcontract',
-      //   name: 'addcontract',
-      //   component: () => import('@/views/contracts/addcontract'),
-      //   meta: { title: '上传合同', roles: ['admin'] },
-      //   hidden: true
-      // },
+export const asyncRouterMap = [{
+		path: '/contracts',
+		component: Layout,
+		name: 'Example',
+		meta: {
+			title: '合同列表',
+			icon: 'el-icon-s-order',
+			roles: ['admin', 'salesman', 'supplier']
+		},
+		redirect: {
+			name: 'contracts'
+		},
+		children: [{
+				path: 'list',
+				name: 'contracts-list',
+				component: () => import('@/views/contracts/list'),
+				meta: {
+					title: '合同列表',
+					icon: 'el-icon-s-order',
+					roles: ['admin', 'salesman', 'supplier']
+				},
+				hidden: true
+			},
+			{
+				path: 'contracts',
+				name: 'contracts',
+				component: () => import('@/views/contracts/index'),
+				meta: {
+					title: '合同列表',
+					icon: 'el-icon-s-order',
+					roles: ['admin', 'salesman', 'supplier']
+				}
+			},
+			{
+				path: '/detail',
+				name: 'detail',
+				component: () => import('@/views/contracts/detail'),
+				meta: {
+					title: '合同详情',
+					roles: ['admin', 'salesman', 'supplier']
+				},
+				hidden: true
+			},
+			// {
+			//   path: 'contracts/addcontract',
+			//   name: 'addcontract',
+			//   component: () => import('@/views/contracts/addcontract'),
+			//   meta: { title: '上传合同', roles: ['admin'] },
+			//   hidden: true
+			// },
 
-      {
-        path: 'contracts/addnewbill',
-        name: 'addnewbill',
-        component: () => import('@/views/contracts/addnewbill'),
-        meta: { title: '新增汇票', roles: ['admin', 'salesman','supplier'] },
-        hidden: true
-      },
-      {
-        path: 'contracts/billDetail',
-        name: 'billDetail',
-        component: () => import('@/views/contracts/billDetail'),
-        meta: { title: '汇票详情', roles: ['admin', 'salesman','supplier'] },
-        hidden: true
-      },
-      {
-        path: 'contracts/addcontract',
-        name: 'addcontract',
-        component: () => import('@/views/contracts/new_file'),
-        meta: { title: '新增合同', roles: ['admin', 'salesman','supplier'] },
-        hidden: true
-      }
-    ]
-  },
+			{
+				path: 'contracts/addnewbill',
+				name: 'addnewbill',
+				component: () => import('@/views/contracts/addnewbill'),
+				meta: {
+					title: '新增汇票',
+					roles: ['admin', 'salesman', 'supplier']
+				},
+				hidden: true
+			},
+			{
+				path: 'contracts/billDetail',
+				name: 'billDetail',
+				component: () => import('@/views/contracts/billDetail'),
+				meta: {
+					title: '汇票详情',
+					roles: ['admin', 'salesman', 'supplier']
+				},
+				hidden: true
+			},
+			{
+				path: 'contracts/addcontract',
+				name: 'addcontract',
+				component: () => import('@/views/contracts/new_file'),
+				meta: {
+					title: '新增合同',
+					roles: ['admin', 'salesman', 'supplier']
+				},
+				hidden: true
+			}
+		]
+	},
 
-  {
-    path: '/table',
-    component: Layout,
-    redirect: '/table',
-    name: 'Example',
-    meta: { title: '承兑人列表', icon: 'el-icon-s-help', roles: ['admin', 'salesman',] },
-    children: [
-      {
-        path: 'table',
-        name: 'Table',
-        component: () => import('@/views/table/index'),
-        meta: { title: '承兑人列表', icon: 'el-icon-s-help', roles: ['admin', 'salesman',] }
-      },
-      {
-        path: '/table/addAcceptor',
-        name: 'Table',
-        component: () => import('@/views/table/addAcceptor'),
-        meta: { title: '新增承兑人', roles: ['admin', 'salesman',] },
-        hidden: true
-      },
-      {
-        path: 'table/detail',
-        name: 'Table',
-        component: () => import('@/views/table/detail'),
-        meta: { title: '承兑人详情', roles: ['admin', 'salesman',] },
-        hidden: true
-      }
-    ]
-  },
+	{
+		path: '/table',
+		component: Layout,
+		redirect: '/table',
+		name: 'Example',
+		meta: {
+			title: '承兑人列表',
+			icon: 'el-icon-s-help',
+			roles: ['admin', 'salesman', ]
+		},
+		children: [{
+				path: 'table',
+				name: 'Table',
+				component: () => import('@/views/table/index'),
+				meta: {
+					title: '承兑人列表',
+					icon: 'el-icon-s-help',
+					roles: ['admin', 'salesman', ]
+				}
+			},
+			{
+				path: '/table/addAcceptor',
+				name: 'Table',
+				component: () => import('@/views/table/addAcceptor'),
+				meta: {
+					title: '新增承兑人',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			},
+			{
+				path: 'table/detail',
+				name: 'Table',
+				component: () => import('@/views/table/detail'),
+				meta: {
+					title: '承兑人详情',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			}
+		]
+	},
 
-  {
-    path: '/form',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'Form',
-        component: () => import('@/views/form/index'),
-        meta: { title: '出票人列表', icon: 'form', roles: ['admin', 'salesman',] }
-      },
-      {
-        path: '/form/addTicketdrawer',
-        name: 'addTicketdrawer',
-        component: () => import('@/views/form/addTicketdrawer'),
-        meta: { title: '新增出票人', roles: ['admin', 'salesman',] },
-        hidden: true
-      },
-      {
-        path: '/form/detail',
-        name: 'detail',
-        component: () => import('@/views/form/detail'),
-        meta: { title: '出票人详情', roles: ['admin', 'salesman',] },
-        hidden: true
-      }
-    ]
-  },
-  {
-    path: '/delivery',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'delivery',
-        component: () => import('@/views/delivery/index'),
-        meta: { title: '供应商账号', icon: 'el-icon-s-promotion', roles: ['admin', 'salesman',] }
-      },
-      {
-        path: '/edit',
-        name: 'edit',
-        component: () => import('@/views/delivery/edit'),
-        meta: { title: '编辑', roles: ['admin', 'salesman',] },
-        hidden: true
-      }
-    ]
-  },
-  {
-    path: '/shipments',
-    component: Layout,
-    children: [
-      {
-        path: '/shipments/index',
-        name: 'shipments',
-        component: () => import('@/views/shipments/index'),
-        meta: { title: '报表统计', icon: 'el-icon-s-marketing', roles: ['admin', 'salesman',] }
-      },
-      {
-        path: '/shipments1',
-        name: 'shipments1',
-        component: () => import('@/views/shipments/shipments1'),
-        meta: { title: '出票人分类报表', roles: ['admin', 'salesman',] },
-        hidden: true
-      },
-      {
-        path: '/shipments2',
-        name: 'shipments2',
-        component: () => import('@/views/shipments/shipments2'),
-        meta: { title: '合同统计列表', roles: ['admin', 'salesman',] },
-        hidden: true
-      },
-      {
-        path: '/shipments3',
-        name: 'shipments3',
-        component: () => import('@/views/shipments/shipments3'),
-        meta: { title: '供应商统计列表', roles: ['admin', 'salesman',] },
-        hidden: true
-      }
+	{
+		path: '/form',
+		component: Layout,
+		children: [{
+				path: 'index',
+				name: 'Form',
+				component: () => import('@/views/form/index'),
+				meta: {
+					title: '出票人列表',
+					icon: 'form',
+					roles: ['admin', 'salesman', ]
+				}
+			},
+			{
+				path: '/form/addTicketdrawer',
+				name: 'addTicketdrawer',
+				component: () => import('@/views/form/addTicketdrawer'),
+				meta: {
+					title: '新增出票人',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			},
+			{
+				path: '/form/detail',
+				name: 'detail',
+				component: () => import('@/views/form/detail'),
+				meta: {
+					title: '出票人详情',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			}
+		]
+	},
+	{
+		path: '/delivery',
+		component: Layout,
+		children: [{
+				path: 'index',
+				name: 'delivery',
+				component: () => import('@/views/delivery/index'),
+				meta: {
+					title: '供应商账号',
+					icon: 'el-icon-s-promotion',
+					roles: ['admin', 'salesman', ]
+				}
+			},
+			{
+				path: '/edit',
+				name: 'edit',
+				component: () => import('@/views/delivery/edit'),
+				meta: {
+					title: '编辑',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			}
+		]
+	},
+	{
+		path: '/shipments',
+		component: Layout,
+		children: [{
+				path: '/shipments/index',
+				name: 'shipments',
+				component: () => import('@/views/shipments/index'),
+				meta: {
+					title: '报表统计',
+					icon: 'el-icon-s-marketing',
+					roles: ['admin', 'salesman', ]
+				}
+			},
+			{
+				path: '/shipments1',
+				name: 'shipments1',
+				component: () => import('@/views/shipments/shipments1'),
+				meta: {
+					title: '出票人分类报表',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			},
+			{
+				path: '/shipments2',
+				name: 'shipments2',
+				component: () => import('@/views/shipments/shipments2'),
+				meta: {
+					title: '合同统计列表',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			},
+			{
+				path: '/shipments3',
+				name: 'shipments3',
+				component: () => import('@/views/shipments/shipments3'),
+				meta: {
+					title: '供应商统计列表',
+					roles: ['admin', 'salesman', ]
+				},
+				hidden: true
+			}
 
-    ]
-  },
-  {
-    path: '/management',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'management',
-        component: () => import('@/views/management/index'),
-        meta: { title: '业务管理员', icon: 'el-icon-s-management', roles: ['admin'] }
-      }
-    ]
-  },
-  {
-    path: '/sucuirtyaudit',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'sucuirtyaudit',
-        component: () => import('@/views/sucuirtyaudit/index'),
-        meta: { title: '安全审计', icon: 'el-icon-s-check', roles: ['admin'] }
-      },
-      {
-        path: '/annexList',
-        name: 'annexList',
-        component: () => import('@/views/sucuirtyaudit/annexList'),
-        meta: { title: '附件列表', roles: ['admin'] },
-        hidden: true
-      },
-      {
-        path: '/logdetail',
-        name: 'detail',
-        component: () => import('@/views/sucuirtyaudit/detail'),
-        meta: { title: '审计日志详情', roles: ['admin'] },
-        hidden: true
-      }
-    ]
-  },
-  {
-    path: '/databackup',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'databackup',
-        component: () => import('@/views/databackup/index'),
-        meta: { title: '数据备份', icon: 'el-icon-upload', roles: ['admin'] }
-      }
-    ]
-  },
-  {
-    path: '/mine',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        name: 'mine',
-        component: () => import('@/views/mine/index'),
-        meta: { title: '个人资料', icon: 'el-icon-s-custom', roles: ['admin', 'salesman', 'supplier'] }
-      }
-    ]
-  },
+		]
+	},
+	{
+		path: '/management',
+		component: Layout,
+		children: [{
+				path: 'index',
+				name: 'management',
+				component: () => import('@/views/management/index'),
+				meta: {
+					title: '业务管理员',
+					icon: 'el-icon-s-management',
+					roles: ['admin']
+				}
+			},
+		]
+	},
+	{
+		path: '/sucuirtyaudit',
+		component: Layout,
+		children: [{
+				path: 'index',
+				name: 'sucuirtyaudit',
+				component: () => import('@/views/sucuirtyaudit/index'),
+				meta: {
+					title: '安全审计',
+					icon: 'el-icon-s-check',
+					roles: ['admin']
+				}
+			},
+			{
+				path: '/annexList',
+				name: 'annexList',
+				component: () => import('@/views/sucuirtyaudit/annexList'),
+				meta: {
+					title: '附件列表',
+					roles: ['admin']
+				},
+				hidden: true
+			},
+			{
+				path: '/logdetail',
+				name: 'detail',
+				component: () => import('@/views/sucuirtyaudit/detail'),
+				meta: {
+					title: '审计日志详情',
+					roles: ['admin']
+				},
+				hidden: true
+			}
+		]
+	},
+	{
+		path: '/databackup',
+		component: Layout,
+		children: [{
+			path: 'index',
+			name: 'databackup',
+			component: () => import('@/views/databackup/index'),
+			meta: {
+				title: '数据备份',
+				icon: 'el-icon-upload',
+				roles: ['admin']
+			}
+		}]
+	},
+	{
+		path: '/mine',
+		component: Layout,
+		children: [{
+			path: 'index',
+			name: 'mine',
+			component: () => import('@/views/mine/index'),
+			meta: {
+				title: '个人资料',
+				icon: 'el-icon-s-custom',
+				roles: ['admin', 'salesman', 'supplier']
+			}
+		}]
+	},
 
-  { path: '*', redirect: '/404', hidden: true }
+	{
+		path: '*',
+		redirect: '/404',
+		hidden: true
+	}
 ]
 
 const createRouter = () => new Router({
-  // mode: 'history', // require service support
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRouterMap
+	// mode: 'history', // require service support
+	scrollBehavior: () => ({
+		y: 0
+	}),
+	routes: constantRouterMap
 })
 
 const router = createRouter()
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
-  const newRouter = createRouter()
-  router.matcher = newRouter.matcher // reset router
+	const newRouter = createRouter()
+	router.matcher = newRouter.matcher // reset router
 }
 
-export default router
+export default router

src/views/contracts/new_file.vue

@@ -105,10 +105,7 @@
             v-model="item.expectDiscountDate"
             type="date"
             placeholder="选择日期"
-            @change="
-              changeE;
-              xpectDiscountDate($event, index);
-            "
+             @change="change(index,4)"
           />
         </el-form-item>
         <!-- 出票日期 -->
@@ -118,6 +115,7 @@
             type="date"
             placeholder="选择日期"
             class="ipwidth"
+             @change="change(index,2)"
           />
         </el-form-item>
         <!-- 承兑日期 -->
@@ -136,6 +134,7 @@
             v-model="item.expireDate"
             type="date"
             placeholder="选择日期"
+             @change="change(index,3)"
           />
         </el-form-item>
       </el-form>
@@ -157,7 +156,7 @@
             class="ipwidth"
             placeholder="请填写金额"
             style="width: 220px"
-            @input="getMoney" @blur="getMoneyIndex(index)"
+            @blur="getMoney(index)"
           />
         </el-form-item>
         <!-- 服务费 -->
@@ -242,7 +241,6 @@
             class="ipwidth"
             placeholder="服务费率"
             style="width: 220px"
-            @input="inputServiceRate($event, index)"
           />
         </el-form-item>
         <!-- 利率 -->
@@ -252,7 +250,6 @@
             class="ipwidth"
             placeholder="利率"
             style="width: 220px"
-            @input="inputInterestRate($event, index)"
           />
         </el-form-item>
       </el-form>
@@ -340,22 +337,22 @@ export default {
         /* 汇票的数据 */
         contractDrafts: [
           {
-            name: "",
-            draftNo: "",
-            acceptorId: "",
-            drawersId: "",
-            money: "",
-            acceptDate: "",
-            loanLimit: "",
-            serviceRate: "",
-            serviceMoney: "",
-            interestRate: "",
-            interest: "",
+            name: "1",
+            draftNo: "1",
+            acceptorId: "1",
+            drawersId: "1",
+            money: "1",
+            acceptDate: "1",
+            loanLimit: "1",
+            serviceRate: "1",
+            serviceMoney: "1",
+            interestRate: "1",
+            interest: "1",
             picUrls: [],
-            expectDiscountDate: "",
-            issueDate: "",
-            expireDate: "",
-            limitTime: "",
+            expectDiscountDate: "1",
+            issueDate: "1",
+            expireDate: "1",
+            limitTime: "1",
           },
         ],
       },
@@ -436,6 +433,9 @@ export default {
         }
       }
     });
+
+    /* 调用获取当前的时间 */
+    this.loadTime()
   },
   methods: {
     /* 确实上传按钮 */
@@ -452,6 +452,29 @@ export default {
         });
       });
     },
+
+
+    /* 默认时间 */
+    loadTime() {
+				let myDate = new Date()
+				let wk = parseInt(Date.now() / 100000).toFixed(0) * 100000
+				let yy = String(myDate.getFullYear())
+				// let mm = myDate.getMonth() + 1
+				let mm = String(myDate.getMonth() + 1 < 10 ? '0' + (myDate.getMonth() + 1) : myDate.getMonth() + 1)
+				let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())
+				let nowDate = yy + '-' + mm + '-' + dd
+				this.form.contractDrafts.forEach(item => {
+					item.acceptDate = nowDate
+					item.issueDate = nowDate
+					item.expireDate = nowDate
+					item.expectDiscountDate = nowDate
+					item.expectDiscountDateTime = wk
+					item.acceptDateTime = wk
+					let nTime = item.acceptDateTime - item.expectDiscountDateTime
+					item.limitTime = Math.floor(nTime / 86400000);
+				})
+			},
+
     /* 合同附件上传 */
     handlepics(res) {
       // 解构
@@ -473,7 +496,6 @@ export default {
     },
 
     /* 上传图片到浏览器成功回调 */
-
     handlepicUrls(res) {
       // 解构
       const { file } = res.data;
@@ -534,38 +556,51 @@ export default {
         this.$message.error("至少一个");
       }
     },
-    // 服务费率
-    inputServiceRate(val, index) {
-      console.log(val, index);
-    },
-    // 利率
-    inputInterestRate(val, index) {
-      console.log(val, index);
-    },
-    // 预计贴现日
-    changeExpectDiscountDate(val, index) {
-      console.log(val, index);
-    },
-    // 承兑日期
-    changeIssueDate(val, index) {
-      console.log(val, index);
-    },
+   
+    /* 计算时间段 */
+    change(e,number){
+      // if (number == 1) {
+			// 		let ino = parseInt(e.value / 10000).toFixed(0) * 10000
+			// 		form[this.index].acceptDateTime = ino
+			// 		let nTime = form[this.index].acceptDateTime - form[this.index].expectDiscountDateTime
+			// 		let limitTime = Math.floor(nTime / 86400000)
+			// 		if (limitTime <= -1) {
+			// 			this.$toast('承兑日期应该大于预计贴现日')
+			// 			return
+			// 		}
+			// 		form[this.index].limitTime = limitTime
+			// 		form[this.index].acceptDate = timeFormat(e.value, 'yyyy-mm-dd')
+			// 		this.getloanLimt(this.index)
+			// 		this.getSerMoney(this.index)
+			// 		this.getInterMoney(this.index)
+			// 	} else if (this.opdanum == 2) {
+
+			// 		form[this.index].issueDate = timeFormat(e.value, 'yyyy-mm-dd')
+			// 	} else if (this.opdanum == 3) {
+			// 		form[this.index].expireDate = timeFormat(e.value, 'yyyy-mm-dd')
+			// 	} else if (this.opdanum == 4) {
+			// 		form[this.index].expectDiscountDateTime = e.value
+			// 		let nTime = form[this.index].acceptDateTime - form[this.index].expectDiscountDateTime
+			// 		let limitTime = Math.floor(nTime / 86400000)
+			// 		if (limitTime <= -1) {
+			// 			this.$toast('预计贴现日应该小于承兑日期')
+			// 			return
+			// 		}
+			// 		form[this.index].limitTime = limitTime
+			// 		form[this.index].expectDiscountDate = timeFormat(e.value, 'yyyy-mm-dd')
+			// 		this.getloanLimt(this.index)
+			// 		this.getSerMoney(this.index)
+			// 		this.getInterMoney(this.index)
+			// 	}
 
-    /* 汇票的索引 */
-    getMoneyIndex(index){
-     this.myindex = index
-    },
-    change(index,number){
-      console.log(index);
     },
+
     /* 获取金额 */
-    getMoney(event,index) {
-      this.form.contractDrafts[this.myindex].money = event
-				this.getloanLimt(this.myindex)
-				this.getSerMoney(this.myindex)
-				this.getInterMoney(this.myindex)
+    getMoney(index) {
+				this.getloanLimt(index)
+				this.getSerMoney(index)
+				this.getInterMoney(index)
     },
-
     /* 计算最高贷款额度 */
    getloanLimt(i) {
 				if (this.form.contractDrafts[i].money && this.form.contractDrafts[i].serviceRate && this.form

src/views/delivery/edit.vue

@@ -1,55 +1,163 @@
 <template>
-  <div>
-    <el-descriptions title="供应商详情" :column="3" :size="size" border style="margin: 20px;">
-      <el-descriptions-item label="供应商名称">{{ list.name }}</el-descriptions-item>
-      <el-descriptions-item label="id">{{ list.id }}</el-descriptions-item>
-      <el-descriptions-item label="社会统一信用代码">{{ list.socialCode }}</el-descriptions-item>
-      <el-descriptions-item label="账号">{{ list.account }}</el-descriptions-item>
-      <el-descriptions-item label="创建时间">{{ list.createdAt }}</el-descriptions-item>
-      <el-descriptions-item label="法人名称">{{ list.legalPerson }}</el-descriptions-item>
-      <el-descriptions-item label="联系人">{{ list.contacts }}</el-descriptions-item>
-      <el-descriptions-item label="电话">{{ list.contactsMobile }}</el-descriptions-item>
-      <el-descriptions-item label="审核状态">{{ list.statusText }}</el-descriptions-item>
-      <el-descriptions-item label="认证照片">
-        <el-image v-for="(item,index) in list.proxyFileList" :key="index" style="width: 100px; height: 100px" :src="item" />
-      </el-descriptions-item>
-      <el-descriptions-item label="授权委托书">
-        <el-image v-for="(item,index) in list.identifyPicList" :key="index" style="width: 100px; height: 100px" :src="item" />
-      </el-descriptions-item>
-    </el-descriptions>
-    <div style="display: flex;justify-content: center;">
-      <!-- <el-button type="primary" style="width: 100px; " @click="update">修改信息</el-button> -->
-      <el-button type="primary" style="width: 100px; " @click="back">返回</el-button>
-    </div>
-  </div>
+	<div>
+		<el-descriptions title="供应商详情" :column="3" :size="size" border style="margin: 20px;">
+			<el-descriptions-item label="供应商名称">{{ list.name }}</el-descriptions-item>
+			<el-descriptions-item label="id">{{ list.id }}</el-descriptions-item>
+			<el-descriptions-item label="社会统一信用代码">{{ list.socialCode }}</el-descriptions-item>
+			<el-descriptions-item label="账号">{{ list.account }}</el-descriptions-item>
+			<el-descriptions-item label="创建时间">{{ list.createdAt }}</el-descriptions-item>
+			<el-descriptions-item label="法人名称">{{ list.legalPerson }}</el-descriptions-item>
+			<el-descriptions-item label="联系人">{{ list.contacts }}</el-descriptions-item>
+			<el-descriptions-item label="电话">{{ list.contactsMobile }}</el-descriptions-item>
+			<el-descriptions-item label="审核状态">{{ list.statusText }}</el-descriptions-item>
+			<el-descriptions-item label="认证照片">
+				<el-image v-for="(item,index) in list.proxyFileList" :key="index" style="width: 100px; height: 100px"
+					:src="item" />
+			</el-descriptions-item>
+			<el-descriptions-item label="授权委托书">
+				<el-image v-for="(item,index) in list.identifyPicList" :key="index" style="width: 100px; height: 100px"
+					:src="item" />
+			</el-descriptions-item>
+		</el-descriptions>
+		<el-dialog title="修改供应商" :visible.sync="dialogVisible" width="40%">
+			<el-form ref="form" :model="form" label-width="100px">
+				<el-form-item label="账户">
+					<el-input v-model="form.account" style="width: 300px;"></el-input>
+				</el-form-item>
+				<el-form-item label="姓名">
+					<el-input v-model="form.name" style="width: 300px;"></el-input>
+				</el-form-item>
+				<el-form-item label="密码">
+					<el-input v-model="form.password" style="width: 300px;"></el-input>
+				</el-form-item>
+				<el-form-item label="社会信用码">
+					<el-input v-model="form.socialCode" style="width: 300px;"></el-input>
+				</el-form-item>
+				<el-form-item label="法人名称">
+					<el-input v-model="form.legalPerson" style="width: 300px;"></el-input>
+				</el-form-item>
+				<el-form-item label="联系人">
+					<el-input v-model="form.contacts" style="width: 300px;"></el-input>
+				</el-form-item>
+				<el-form-item label="联系电话">
+					<el-input v-model="form.contactsMobile" style="width: 300px;"></el-input>
+				</el-form-item>
+				<el-form-item label="认证照片">
+					<div class="boximg">
+						<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
+							:on-success="handleAvatarSuccess">
+							<i class="el-icon-plus" />
+						</el-upload>
+						<el-dialog :visible.sync="dialogVisibleimg">
+							<img width="100%" :src="form.identifyPics" alt="" />
+						</el-dialog>
+					</div>
+				</el-form-item>
+				<el-form-item label="授权委托书">
+					
+					<div class="boximg">
+						<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
+							:on-success="handleSuccess">
+							<i class="el-icon-plus" />
+						</el-upload>
+						<el-dialog :visible.sync="dialogVisibleimg">
+							<img width="100%" :src="form.proxyFile" alt="" />
+						</el-dialog>
+					</div>
+				</el-form-item>
+			</el-form>
+			<span slot="footer" class="dialog-footer">
+				<el-button @click="dialogVisible = false">取 消</el-button>
+				<el-button type="primary" @click="update">确 定</el-button>
+			</span>
+		</el-dialog>
+		<div style="display: flex;justify-content: center;">
+			<el-button type="primary" style="width: 100px; " @click="dialogVisible=true">修改信息</el-button>
+			<el-button type="primary" style="width: 100px; " @click="back">返回</el-button>
+		</div>
+	</div>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      list: []
-    }
-  },
-  mounted() {
-    const id = this.$route.query.id
-    this.$request({
-      url: '/api/Supplier/' + id,
-      method: 'get'
-    }).then((res) => {
-      this.list = res.data
-      console.log(this.list)
-    })
-  },
-  methods: {
-    back() {
-      this.$router.go(-1)
-    },
-    update() {
-      console.log('更新信息')
-    }
-  }
-}
+	export default {
+		data() {
+			return {
+				form: {
+					account: '',
+					password: '',
+					name: '',
+					socialCode: '',
+					legalPerson: '',
+					contacts: '',
+					contactsMobile: '',
+					identifyPics: [],
+					proxyFile: [],
+					id: ''
+				},
+				dialogVisibleimg:false,
+				dialogVisible: false,
+				list: [],
+				/* 供应商上传身份证图片用数组保存 */
+				identifyPicsArray:[],
+				/* 供应商上传委托书图片用数组保存 */
+				 proxyFileArray: [],
+			}
+		},
+		mounted() {
+			const id = this.$route.query.id
+			this.$request({
+				url: '/api/Supplier/' + id,
+				method: 'get'
+			}).then((res) => {
+				this.list = res.data
+			})
+		},
+		methods: {
+			back() {
+				this.$router.go(-1)
+			},
+			update() {
+				const id = this.$route.query.id
+				this.form.id=id
+				this.$request({
+					url:'/api/Supplier/update',
+					method:'post',
+					data:this.form
+				}).then((res)=>{
+					console.log(res)
+					if(res.code===200){
+						this.$message({
+							type:'success',
+							message:'修改成功!'
+						})
+						this.$router.go(0)
+					}else{
+						this.$message({
+							type:'error',
+							message:'修改失败!'
+						})
+					}
+				})
+				this.dialogVisible = false
+			},
+			/* 供应商上传身份证图片上传成功 */
+			handleAvatarSuccess(res) {
+			  //解构
+			  let { file } = res.data;
+			  this.identifyPicsArray.push(file);
+			  this.form.identifyPics = this.identifyPicsArray;
+			},
+			/* 供应商上传委托书图片上传成功  */
+			handleSuccess(res) {
+				//解构
+				let {
+					file
+				} = res.data;
+				this.proxyFileArray.push(file);
+				this.form.proxyFile = this.proxyFileArray;
+			},
+		}
+	}
 </script>
 
 <style>

src/views/delivery/index.vue

@@ -55,6 +55,8 @@
 			highlight-current-row @selection-change="handleSelectionChange" @select-all="handleAll">
 			<el-table-column type="selection">
 			</el-table-column>
+			<el-table-column label="id" align="center" prop="id" >
+			</el-table-column>
 			<el-table-column label="供应商名称" align="center" prop="name" width="200">
 			</el-table-column>
 			<el-table-column label="社会统一信用代码" width="200" align="center" prop="socialCode">

src/views/form/index.vue

@@ -24,55 +24,26 @@
 					</el-dropdown-menu>
 				</el-dropdown>
 			</div>
-			
-
-			<!-- <el-col :xs="24" :sm="11" :md="9" :lg="7" :xl="5" >
-        <div class="grid-content bg-purple">
-          <div class="block">
-            <el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至"
-              start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
-            </el-date-picker>
-          </div>
-
-        </div>
-      </el-col> -->
-
-			<!-- <el-col :span="1">
-        <div class="grid-content bg-purple"></div>
-      </el-col> -->
 			<div class="grid-content bg-purple" style="display: flex; justify-content: flex-end">
 				<el-button type="primary" @click="addTicketdrawer">新增出票人</el-button>
 				<el-button type="primary" @click="Exports">批量导出</el-button>
-				<!--         <el-button type="success">复原</el-button>
-          <el-button type="danger">删除</el-button> -->
+
 			</div>
 		</el-row>
 		<el-table v-loading="listLoading" :data="temporaryList" element-loading-text="Loading" border fit
 			highlight-current-row @select="handleSelectionChange" @select-all="handleAll">
 			<el-table-column align="center" type="selection"> </el-table-column>
+			<el-table-column label="id" align="center" prop="id">
+			</el-table-column>
 			<el-table-column label="出票人名称" align="center" prop="name">
-				<!-- <template slot-scope="scope" >
-
-        </template> -->
 			</el-table-column>
 			<el-table-column label="账号" align="center" prop="bankAccount">
-				<!-- <template slot-scope="scope">
-          XXXXXXXXXXX
-        </template> -->
 			</el-table-column>
 			<el-table-column align="center" prop="bankName" label="开户行名称">
-				<!-- <template slot-scope="scope">
-          <span>XXX</span>
-        </template> -->
 			</el-table-column>
-
 			<el-table-column align="center" prop="statusText" label="状态">
 			</el-table-column>
 			<el-table-column align="center" prop="createdAt" label="时间">
-				<!-- <template slot-scope="scope">
-          <i class="el-icon-time" />
-          <span>{{ scope.row.display_time }}</span>
-        </template> -->
 			</el-table-column>
 			<el-table-column align="center" prop="created_at" label="操作" width="250">
 				<template slot-scope="scope">

src/views/management/detail.vue

@@ -1,8 +0,0 @@
-<template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>

src/views/management/index.vue

@@ -53,6 +53,7 @@
 		<el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit
 			highlight-current-row @selection-change="handleSelectionChange" @select-all="handleAll">
 			<el-table-column align="center" label="" width="55" type="selection" />
+			<el-table-column label="id" align="center"  prop="id" />
 			<el-table-column label="业务管理员姓名" align="center" width="180" prop="realName" />
 			<el-table-column label="账号" align="center" prop="account" />
 			<el-table-column label="联系电话" width="180" align="center" prop="mobile" />
@@ -61,7 +62,6 @@
 			<el-table-column label="时间" width="180" align="center" prop='createdAt' />
 			<el-table-column align="center" prop="created_at" label="操作" width="300">
 				<template slot-scope="scope">
-					<!-- <el-tag type="primary" style="cursor: pointer; margin:0 5px;" @click="">编辑</el-tag> -->
 					<el-tag type="success" style="cursor: pointer; margin:0 5px;" @click="Srecover(scope.row.id)"
 						v-if="scope.row.status==1">恢复</el-tag>
 					<el-tag type="danger" style="cursor: pointer; margin:0 5px;" @click="Sdeleted(scope.row.id)"
@@ -163,11 +163,6 @@
 					this.getPageData()
 				})
 			},
-			toDetail() {
-				this.$router.push({
-					path: '/detail'
-				})
-			},
 			handleSelectionChange(data) {
 				this.multipleSelection = data
 				console.log(this.multipleSelection)

src/views/register/index.vue

@@ -1,830 +1,651 @@
 <template>
-  <div class="login-container">
-    <el-row>
-      <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="flex1">
-        <div v-if="checked == 0" class="overcicle">
-          <el-form
-            ref="loginForm"
-            :model="loginForm"
-            :rules="loginRules"
-            class="login-form"
-            auto-complete="on"
-            label-position="left"
-          >
-            <div class="title-container">
-              <p class="title">业务管理员注册</p>
-            </div>
-            <el-form-item prop="name">
-              <span class="svg-container"> 姓名 </span>
-              <el-input
-                ref="name"
-                v-model="loginForm.realName"
-                placeholder="输入业务员真实姓名"
-                name="name"
-                type="text"
-                tabindex="1"
-              />
-            </el-form-item>
-            <el-form-item prop="username">
-              <span class="svg-container"> 账户 </span>
-              <el-input
-                ref="username"
-                v-model="loginForm.account"
-                placeholder="输入账户名称"
-                name="username"
-                type="text"
-                tabindex="2"
-              />
-            </el-form-item>
-            <el-form-item prop="username">
-              <span class="svg-container"> 密码 </span>
-              <el-input
-                ref="password"
-                v-model="loginForm.password"
-                placeholder="至少6位数的字母数字组合"
-                name="password"
-                :type="passwordType"
-                tabindex="3"
-              />
-            </el-form-item>
-            <el-form-item prop="password">
-              <span class="svg-container"> 确认密码 </span>
-              <el-input
-                :key="passwordType"
-                ref="password"
-                v-model="loginForm.surepsd"
-                :type="passwordType"
-                placeholder="至少6位数的字母数字组合"
-                name="password"
-                tabindex="4"
-                auto-complete="on"
-                @keyup.enter.native="handleLogin"
-              />
-              <!-- <span class="show-pwd" @click="showPwd">
+	<div class="login-container">
+		<el-row>
+			<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="flex1">
+				<div v-if="checked == 0" class="overcicle">
+					<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"
+						auto-complete="on" label-position="left">
+						<div class="title-container">
+							<p class="title">业务管理员注册</p>
+						</div>
+						<el-form-item prop="name">
+							<span class="svg-container"> 姓名 </span>
+							<el-input ref="name" v-model="loginForm.realName" placeholder="输入业务员真实姓名" name="name"
+								type="text" tabindex="1" />
+						</el-form-item>
+						<el-form-item prop="username">
+							<span class="svg-container"> 账户 </span>
+							<el-input ref="username" v-model="loginForm.account" placeholder="输入账户名称" name="username"
+								type="text" tabindex="2" />
+						</el-form-item>
+						<el-form-item prop="username">
+							<span class="svg-container"> 密码 </span>
+							<el-input ref="password" v-model="loginForm.password" placeholder="至少6位数的字母数字组合"
+								name="password" :type="passwordType" tabindex="3" />
+						</el-form-item>
+						<el-form-item prop="password">
+							<span class="svg-container"> 确认密码 </span>
+							<el-input :key="passwordType" ref="password" v-model="loginForm.surepsd"
+								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" tabindex="4"
+								auto-complete="on" @keyup.enter.native="handleLogin" />
+							<!-- <span class="show-pwd" @click="showPwd">
                     <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
                   </span> -->
-            </el-form-item>
-            <el-form-item prop="mobile">
-              <span class="svg-container"> 联系电话 </span>
-              <el-input
-                ref="mobile"
-                v-model="loginForm.mobile"
-                type="text"
-                placeholder="请输入业务员联系电话"
-                name="mobile"
-                tabindex="5"
-                auto-complete="on"
-                @keyup.enter.native="handleLogin"
-              />
-            </el-form-item>
-
-            <el-button
-              :loading="loading"
-              type="primary"
-              class="loginbtn"
-              @click.native.prevent="handleLogin(loginForm)"
-              >注册账号
-            </el-button>
-            <div class="registerbtn flex3">
-              <div class="forgect">
-                <p class="asp">已有账号？</p>
-              </div>
-              <div class="forgect" @click="backLogin()">
-                <p class="nes">马上登录</p>
-              </div>
-            </div>
-          </el-form>
-        </div>
-
-        <div v-if="checked == 1 && showNext" class="overcicle">
-          <div class="title-container">
-            <p class="title">供货商注册</p>
-          </div>
-          <el-form
-            ref="providerForm"
-            :model="providerForm"
-            :rules="loginRules"
-            class="login-form"
-            auto-complete="on"
-            label-position="left"
-          >
-            <el-form-item prop="username">
-              <span class="svg-container"> 账户 </span>
-              <el-input
-                ref="username"
-                v-model="providerForm.username"
-                placeholder="输入账户名称"
-                name="username"
-                type="text"
-                tabindex="2"
-              />
-            </el-form-item>
-            <el-form-item prop="username">
-              <span class="svg-container"> 密码 </span>
-              <el-input
-                ref="password"
-                v-model="providerForm.password"
-                placeholder="至少6位数的字母数字组合"
-                name="password"
-                type="passwordType"
-                tabindex="3"
-              />
-            </el-form-item>
-            <el-form-item prop="password">
-              <span class="svg-container"> 确认密码 </span>
-              <el-input
-                :key="passwordType"
-                ref="password"
-                v-model="providerForm.surepsd"
-                :type="passwordType"
-                placeholder="至少6位数的字母数字组合"
-                name="password"
-                tabindex="4"
-                auto-complete="on"
-                @keyup.enter.native="handleLogin"
-              />
-              <!-- <span class="show-pwd" @click="showPwd">
+						</el-form-item>
+						<el-form-item prop="mobile">
+							<span class="svg-container"> 联系电话 </span>
+							<el-input ref="mobile" v-model="loginForm.mobile" type="text" placeholder="请输入业务员联系电话"
+								name="mobile" tabindex="5" auto-complete="on" @keyup.enter.native="handleLogin" />
+						</el-form-item>
+
+						<el-button :loading="loading" type="primary" class="loginbtn"
+							@click.native.prevent="handleLogin(loginForm)">注册账号
+						</el-button>
+						<div class="registerbtn flex3">
+							<div class="forgect">
+								<p class="asp">已有账号？</p>
+							</div>
+							<div class="forgect" @click="backLogin()">
+								<p class="nes">马上登录</p>
+							</div>
+						</div>
+					</el-form>
+				</div>
+
+				<div v-if="checked == 1 && showNext" class="overcicle">
+					<div class="title-container">
+						<p class="title">供货商注册</p>
+					</div>
+					<el-form ref="providerForm" :model="providerForm" :rules="loginRules" class="login-form"
+						auto-complete="on" label-position="left">
+						<el-form-item prop="username">
+							<span class="svg-container"> 账户 </span>
+							<el-input ref="username" v-model="providerForm.username" placeholder="输入账户名称"
+								name="username" type="text" tabindex="2" />
+						</el-form-item>
+						<el-form-item prop="username">
+							<span class="svg-container"> 密码 </span>
+							<el-input ref="password" v-model="providerForm.password" placeholder="至少6位数的字母数字组合"
+								name="password" type="passwordType" tabindex="3" />
+						</el-form-item>
+						<el-form-item prop="password">
+							<span class="svg-container"> 确认密码 </span>
+							<el-input :key="passwordType" ref="password" v-model="providerForm.surepsd"
+								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" tabindex="4"
+								auto-complete="on" @keyup.enter.native="handleLogin" />
+							<!-- <span class="show-pwd" @click="showPwd">
                     <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
                   </span> -->
-            </el-form-item>
-            <el-form-item prop="mobile">
-              <span class="svg-container"> 联系电话 </span>
-              <el-input
-                ref="mobile"
-                v-model="providerForm.mobile"
-                type="text"
-                placeholder="请输入业务员联系电话"
-                name="mobile"
-                tabindex="5"
-                auto-complete="on"
-                @keyup.enter.native="handleLogin"
-              />
-            </el-form-item>
-
-            <el-button
-              :loading="loading"
-              type="primary"
-              class="loginbtn"
-              @click.native.prevent="handleLogin"
-              >注册账号
-            </el-button>
-            <div class="registerbtn flex3">
-              <div class="forgect">
-                <p class="asp">已有账号？</p>
-              </div>
-              <div class="forgect" @click="backLogin()">
-                <p class="nes">马上登录</p>
-              </div>
-            </div>
-          </el-form>
-        </div>
-
-        <!-- 供货商注册 -->
-        <div
-          v-if="checked == 1 && !showNext"
-          style="margin-top: 670px"
-          class="overcicle"
-        >
-          <el-form
-            ref="providerForm"
-            :model="providerForm"
-            :rules="loginRules"
-            class="login-form"
-            auto-complete="on"
-            label-position="left"
-          >
-            <div class="title-container">
-              <p class="title">供货商注册</p>
-            </div>
-            <el-form-item prop="name">
-              <span class="svg-container"> 供货商 </span>
-              <el-input
-                ref="name"
-                v-model="providerForm.name"
-                placeholder="输入供货商名称"
-                name="name"
-                type="text"
-                tabindex="1"
-              />
-            </el-form-item>
-            <el-form-item prop="username">
-              <span class="svg-container"> 账户 </span>
-              <el-input
-                ref="username"
-                v-model="providerForm.account"
-                placeholder="输入账户名称"
-                name="username"
-                type="text"
-                tabindex="2"
-              />
-            </el-form-item>
-            <el-form-item prop="username">
-              <span class="svg-container"> 联系人 </span>
-              <el-input
-                ref="password"
-                v-model="providerForm.contacts"
-                placeholder="输入联系人的真实姓名"
-                name="password"
-                type="passwordType"
-                tabindex="3"
-              />
-            </el-form-item>
-            <el-form-item prop="username">
-              <span class="svg-container"> 统一社会信用代码 </span>
-              <el-input
-                ref="username"
-                v-model="providerForm.socialCode"
-                placeholder="输入统一社会信用代码"
-                name="username"
-                type="text"
-                tabindex="2"
-              />
-            </el-form-item>
-            <el-form-item prop="username">
-              <span class="svg-container"> 法人姓名 </span>
-              <el-input
-                ref="password"
-                v-model="providerForm.legalPerson"
-                placeholder="输入法人的真实姓名"
-                name="password"
-                type="passwordType"
-                tabindex="3"
-              />
-            </el-form-item>
-            <el-form-item prop="password">
-              <span class="svg-container"> 密码 </span>
-              <el-input
-                :key="passwordType"
-                ref="password"
-                v-model="providerForm.password"
-                :type="passwordType"
-                placeholder="至少6位数的字母数字组合"
-                name="password"
-                tabindex="4"
-                auto-complete="on"
-                @keyup.enter.native="handleLogin"
-              />
-              <!-- <span class="show-pwd" @click="showPwd">
+						</el-form-item>
+						<el-form-item prop="mobile">
+							<span class="svg-container"> 联系电话 </span>
+							<el-input ref="mobile" v-model="providerForm.mobile" type="text" placeholder="请输入业务员联系电话"
+								name="mobile" tabindex="5" auto-complete="on" @keyup.enter.native="handleLogin" />
+						</el-form-item>
+
+						<el-button :loading="loading" type="primary" class="loginbtn"
+							@click.native.prevent="handleLogin">注册账号
+						</el-button>
+						<div class="registerbtn flex3">
+							<div class="forgect">
+								<p class="asp">已有账号？</p>
+							</div>
+							<div class="forgect" @click="backLogin()">
+								<p class="nes">马上登录</p>
+							</div>
+						</div>
+					</el-form>
+				</div>
+
+				<!-- 供货商注册 -->
+				<div v-if="checked == 1 && !showNext" style="margin-top: 670px" class="overcicle">
+					<el-form ref="providerForm" :model="providerForm" :rules="loginRules" class="login-form"
+						auto-complete="on" label-position="left">
+						<div class="title-container">
+							<p class="title">供货商注册</p>
+						</div>
+						<el-form-item prop="name">
+							<span class="svg-container"> 供货商 </span>
+							<el-input ref="name" v-model="providerForm.name" placeholder="输入供货商名称" name="name"
+								type="text" tabindex="1" />
+						</el-form-item>
+						<el-form-item prop="username">
+							<span class="svg-container"> 账户 </span>
+							<el-input ref="username" v-model="providerForm.account" placeholder="输入账户名称" name="username"
+								type="text" tabindex="2" />
+						</el-form-item>
+						<el-form-item prop="username">
+							<span class="svg-container"> 联系人 </span>
+							<el-input ref="password" v-model="providerForm.contacts" placeholder="输入联系人的真实姓名"
+								name="password" type="passwordType" tabindex="3" />
+						</el-form-item>
+						<el-form-item prop="username">
+							<span class="svg-container"> 统一社会信用代码 </span>
+							<el-input ref="username" v-model="providerForm.socialCode" placeholder="输入统一社会信用代码"
+								name="username" type="text" tabindex="2" />
+						</el-form-item>
+						<el-form-item prop="username">
+							<span class="svg-container"> 法人姓名 </span>
+							<el-input ref="password" v-model="providerForm.legalPerson" placeholder="输入法人的真实姓名"
+								name="password" type="passwordType" tabindex="3" />
+						</el-form-item>
+						<el-form-item prop="password">
+							<span class="svg-container"> 密码 </span>
+							<el-input :key="passwordType" ref="password" v-model="providerForm.password"
+								:type="passwordType" placeholder="至少6位数的字母数字组合" name="password" tabindex="4"
+								auto-complete="on" @keyup.enter.native="handleLogin" />
+							<!-- <span class="show-pwd" @click="showPwd">
                     <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
                   </span> -->
-            </el-form-item>
-            <el-form-item prop="mobile" style="margin-bottom: 0">
-              <span class="svg-container"> 联系电话 </span>
-              <el-input
-                ref="mobile"
-                v-model="providerForm.contactsMobile"
-                type="text"
-                placeholder="请输入业务员联系电话"
-                name="mobile"
-                tabindex="5"
-              />
-            </el-form-item>
-
-            <!-- 供应商上传身份证图片 -->
-            <div class="choosepic">
-              <el-form-item
-                style="background-color: transparent; margin: 0; padding: 0"
-              >
-                <span
-                  class="svg-container"
-                  style="
+						</el-form-item>
+						<el-form-item prop="mobile" style="margin-bottom: 0">
+							<span class="svg-container"> 联系电话 </span>
+							<el-input ref="mobile" v-model="providerForm.contactsMobile" type="text"
+								placeholder="请输入业务员联系电话" name="mobile" tabindex="5" />
+						</el-form-item>
+
+						<!-- 供应商上传身份证图片 -->
+						<div class="choosepic">
+							<el-form-item style="background-color: transparent; margin: 0; padding: 0">
+								<span class="svg-container" style="
                     background-color: transparent;
                     margin: 0;
                     padding: 0;
                     margin-top: 5px;
-                  "
-                >
-                  认证照片
-                </span>
-                <div class="boximg">
-                  <el-upload
-                    action="https://ht.9026.com/api/File"
-                    list-type="picture-card"
-                    :on-success="handleAvatarSuccess"
-                  >
-                    <i class="el-icon-plus" />
-                  </el-upload>
-
-                  <el-dialog :visible.sync="dialogVisible">
-                    <img width="100%" :src="providerForm.identifyPics" alt="" />
-                  </el-dialog>
-                </div>
-                <p class="usa">*注意上传法人手持身份证半身照</p>
-              </el-form-item>
-            </div>
-
-            <!-- 供应商上传委托书图片 -->
-            <div class="choosepic">
-              <el-form-item
-                style="background-color: transparent; margin: 0; padding: 0"
-              >
-                <span
-                  class="svg-container"
-                  style="background-color: transparent; margin: 0; padding: 0"
-                >
-                  授权委托书
-                </span>
-                <div class="boximg">
-                  <!-- <el-upload
-                    action="https://ht.9026.com/api/File"
-                    list-type="picture-card"
-                    :auto-upload="false"
-                    :on-change="handleSuccess"
-                    :file-list="providerForm.proxyFile"
-                  >
-                    <i slot="default" class="el-icon-plus" />
-                    <div slot="file" slot-scope="{ file }">
-                      <img
-                        class="el-upload-list__item-thumbnail"
-                        :src="file.url"
-                        alt=""
-                      />
-                    </div>
-                  </el-upload>
-                  <el-dialog :visible.sync="dialogVisible">
-                    <img width="" :src="providerForm.proxyFile" alt="" />
-                  </el-dialog> -->
-				<el-upload
-                    action="https://ht.9026.com/api/File"
-                    list-type="picture-card"
-                    :on-success="handleSuccess"
-                  >
-                    <i class="el-icon-plus" />
-                  </el-upload>
-                  <el-dialog :visible.sync="dialogVisible">
-                    <img width="100%" :src="providerForm.proxyFile" alt="" />
-                  </el-dialog>
-                </div>
-                <p class="usa">*注意上传法人签署的授权委托书</p>
-              </el-form-item>
-            </div>
-            <!-- <el-button :loading="loading" type="primary" class="loginbtn" @click.native.prevent="nextStep">下一步
-            </el-button> -->
-            <el-button
-              :loading="loading"
-              type="primary"
-              class="loginbtn"
-              @click.native.prevent="handleLogin(providerForm)"
-              >注册账号
-            </el-button>
-            <div class="registerbtn flex3">
-              <div class="forgect">
-                <p class="asp">已有账号？</p>
-              </div>
-              <div class="forgect" @click="backLogin()">
-                <p class="nes">马上登录</p>
-              </div>
-            </div>
-          </el-form>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
+                  ">
+									认证照片
+								</span>
+								<div class="boximg">
+									<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
+										:on-success="handleAvatarSuccess">
+										<i class="el-icon-plus" />
+									</el-upload>
+
+									<el-dialog :visible.sync="dialogVisible">
+										<img width="100%" :src="providerForm.identifyPics" alt="" />
+									</el-dialog>
+								</div>
+								<p class="usa">*注意上传法人手持身份证半身照</p>
+							</el-form-item>
+						</div>
+
+						<!-- 供应商上传委托书图片 -->
+						<div class="choosepic">
+							<el-form-item style="background-color: transparent; margin: 0; padding: 0">
+								<span class="svg-container"
+									style="background-color: transparent; margin: 0; padding: 0">
+									授权委托书
+								</span>
+								<div class="boximg">
+									<el-upload action="https://ht.9026.com/api/File" list-type="picture-card"
+										:on-success="handleSuccess">
+										<i class="el-icon-plus" />
+									</el-upload>
+									<el-dialog :visible.sync="dialogVisible">
+										<img width="100%" :src="providerForm.proxyFile" alt="" />
+									</el-dialog>
+								</div>
+								<p class="usa">*注意上传法人签署的授权委托书</p>
+							</el-form-item>
+						</div>
+						<el-button :loading="loading" type="primary" class="loginbtn"
+							@click.native.prevent="handleLogin(providerForm)">注册账号
+						</el-button>
+						<div class="registerbtn flex3">
+							<div class="forgect">
+								<p class="asp">已有账号？</p>
+							</div>
+							<div class="forgect" @click="backLogin()">
+								<p class="nes">马上登录</p>
+							</div>
+						</div>
+					</el-form>
+				</div>
+			</el-col>
+		</el-row>
+	</div>
 </template>
 
 <script>
-let that;
-import { validUsername } from "@/utils/validate";
-import logo from "/src/assets/img/logo.png";
-import upself from "/src/assets/img/upuer.png";
-import upweituo from "/src/assets/img/upattor.png";
-import request from "@/utils/request";
-export default {
-  name: "Login",
-  data() {
-    const validatename = (rule, value, callback) => {
-      if (value.length == 0) {
-        callback(new Error("请输入业务员真实姓名"));
-      } else {
-        callback();
-      }
-    };
-    const validateUsername = (rule, value, callback) => {
-      if (!validUsername(value)) {
-        callback(new Error("请输入账户名称"));
-      } else {
-        callback();
-      }
-    };
-    const validatePassword = (rule, value, callback) => {
-      if (value.length < 6) {
-        callback(new Error("请输入大于6位数密码"));
-      } else {
-        callback();
-      }
-    };
-    const validatemobile = (rule, value, callback) => {
-      if (value.length == 0) {
-        callback(new Error("请输入电话号码"));
-      } else {
-        callback();
-      }
-    };
-    return {
-      dialogVisible: false,
-      disabled: false,
-      upself: upself,
-      upweituo: upweituo,
-      fit: "cover",
-      imageUrl: "",
-      loginForm: {
-        realName: "",
-        account: "",
-        password: "",
-        surepsd: "",
-        mobile: "",
-      },
-      /* 供应商数据 */
-      providerForm: {
-        account: "",
-        password: "",
-        name: "",
-        socialCode: "",
-        legalPerson: "",
-        contacts: "",
-        contactsMobile: "",
-        identifyPics: [],
-        proxyFile: [],
-      },
-
-      /* 供应商上传身份证图片用数组保存 */
-      identifyPicsArray: [],
-	   /* 供应商上传委托书图片用数组保存 */
-      proxyFileArray: [],
-
-      loginRules: {
-        realName: [
-          {
-            required: true,
-            trigger: "blur",
-            validator: validatename,
-          },
-        ],
-        account: [
-          {
-            required: true,
-            trigger: "blur",
-            validator: validateUsername,
-          },
-        ],
-        password: [
-          {
-            required: true,
-            trigger: "blur",
-            validator: validatePassword,
-          },
-        ],
-        mobile: [
-          {
-            required: true,
-            trigger: "blur",
-            validator: validatemobile,
-          },
-        ],
-      },
-      loading: false,
-      passwordType: "password",
-      redirect: undefined,
-      src: logo,
-      checked: 0,
-      showNext: false,
-    };
-  },
-  watch: {
-    $route: {
-      handler: function (route) {
-        this.redirect = route.query && route.query.redirect;
-      },
-      immediate: true,
-    },
-  },
-  mounted() {
-    that = this;
-    this.checked = this.$route.query.checked;
-  },
-  methods: {
-    nextStep() {
-      this.showNext = true;
-    },
-    /* 供应商上传身份证图片上传成功 */
-    handleAvatarSuccess(res) {
-      //解构
-      let { file } = res.data;
-      this.identifyPicsArray.push(file);
-      this.providerForm.identifyPics = this.identifyPicsArray;
-    },
-
-	 /* 供应商上传委托书图片上传成功  */ 
-    handleSuccess(res) {
-	 //解构
-      let { file } = res.data;
-      this.proxyFileArray.push(file);
-      this.providerForm.proxyFile = this.proxyFileArray;
-    },
-    handlePictureCardPreview(file) {
-      console.log(file, 88);
-      this.imageUrl = file.url;
-    },
-    showPwd() {
-      if (this.passwordType === "password") {
-        this.passwordType = "";
-      } else {
-        this.passwordType = "password";
-      }
-      this.$nextTick(() => {
-        this.$refs.password.focus();
-      });
-    },
-    backLogin() {
-      this.$router.replace({
-        path: "/login",
-        query: {},
-      });
-    },
-
-    /* 供应商注册发送请求 */
-    handleLogin(form) {
-      if (form == this.loginForm) {
-        request({
-          url: "/api/Account/register",
-          method: "post",
-          data: form,
-        }).then((res) => {
-          this.$message("注册成功");
-          this.$router.push({
-            path: "/login",
-          });
-        });
-      } else {
-        this.$request({
-          url: "/api/Supplier/register",
-          method: "post",
-          data: form,
-        }).then((res) => {
-          this.$message("注册成功");
-          this.$router.push({
-            path: "/login",
-            query: {
-              checked: this.checked,
-            },
-          });
-        });
-      }
-    },
-  },
-};
+	let that;
+	import {
+		validUsername
+	} from "@/utils/validate";
+	import logo from "/src/assets/img/logo.png";
+	import upself from "/src/assets/img/upuer.png";
+	import upweituo from "/src/assets/img/upattor.png";
+	import request from "@/utils/request";
+	export default {
+		name: "Login",
+		data() {
+			const validatename = (rule, value, callback) => {
+				if (value.length == 0) {
+					callback(new Error("请输入业务员真实姓名"));
+				} else {
+					callback();
+				}
+			};
+			const validateUsername = (rule, value, callback) => {
+				if (!validUsername(value)) {
+					callback(new Error("请输入账户名称"));
+				} else {
+					callback();
+				}
+			};
+			const validatePassword = (rule, value, callback) => {
+				if (value.length < 6) {
+					callback(new Error("请输入大于6位数密码"));
+				} else {
+					callback();
+				}
+			};
+			const validatemobile = (rule, value, callback) => {
+				if (value.length == 0) {
+					callback(new Error("请输入电话号码"));
+				} else {
+					callback();
+				}
+			};
+			return {
+				dialogVisible: false,
+				disabled: false,
+				upself: upself,
+				upweituo: upweituo,
+				fit: "cover",
+				imageUrl: "",
+				loginForm: {
+					realName: "",
+					account: "",
+					password: "",
+					surepsd: "",
+					mobile: "",
+				},
+				/* 供应商数据 */
+				providerForm: {
+					account: "",
+					password: "",
+					name: "",
+					socialCode: "",
+					legalPerson: "",
+					contacts: "",
+					contactsMobile: "",
+					identifyPics: [],
+					proxyFile: [],
+				},
+
+				/* 供应商上传身份证图片用数组保存 */
+				identifyPicsArray: [],
+				/* 供应商上传委托书图片用数组保存 */
+				proxyFileArray: [],
+
+				loginRules: {
+					realName: [{
+						required: true,
+						trigger: "blur",
+						validator: validatename,
+					}, ],
+					account: [{
+						required: true,
+						trigger: "blur",
+						validator: validateUsername,
+					}, ],
+					password: [{
+						required: true,
+						trigger: "blur",
+						validator: validatePassword,
+					}, ],
+					mobile: [{
+						required: true,
+						trigger: "blur",
+						validator: validatemobile,
+					}, ],
+				},
+				loading: false,
+				passwordType: "password",
+				redirect: undefined,
+				src: logo,
+				checked: 0,
+				showNext: false,
+			};
+		},
+		watch: {
+			$route: {
+				handler: function(route) {
+					this.redirect = route.query && route.query.redirect;
+				},
+				immediate: true,
+			},
+		},
+		mounted() {
+			that = this;
+			this.checked = this.$route.query.checked;
+		},
+		methods: {
+			nextStep() {
+				this.showNext = true;
+			},
+			/* 供应商上传身份证图片上传成功 */
+			handleAvatarSuccess(res) {
+				//解构
+				let {
+					file
+				} = res.data;
+				this.identifyPicsArray.push(file);
+				this.providerForm.identifyPics = this.identifyPicsArray;
+			},
+
+			/* 供应商上传委托书图片上传成功  */
+			handleSuccess(res) {
+				//解构
+				let {
+					file
+				} = res.data;
+				this.proxyFileArray.push(file);
+				this.providerForm.proxyFile = this.proxyFileArray;
+			},
+			handlePictureCardPreview(file) {
+				console.log(file, 88);
+				this.imageUrl = file.url;
+			},
+			showPwd() {
+				if (this.passwordType === "password") {
+					this.passwordType = "";
+				} else {
+					this.passwordType = "password";
+				}
+				this.$nextTick(() => {
+					this.$refs.password.focus();
+				});
+			},
+			backLogin() {
+				this.$router.replace({
+					path: "/login",
+					query: {},
+				});
+			},
+
+			/* 供应商注册发送请求 */
+			handleLogin(form) {
+				if (form == this.loginForm) {
+					request({
+						url: "/api/Account/register",
+						method: "post",
+						data: form,
+					}).then((res) => {
+						this.$message("注册成功");
+						this.$router.push({
+							path: "/login",
+						});
+					});
+				} else {
+					this.$request({
+						url: "/api/Supplier/register",
+						method: "post",
+						data: form,
+					}).then((res) => {
+						this.$message("注册成功");
+						this.$router.push({
+							path: "/login",
+							query: {
+								checked: this.checked,
+							},
+						});
+					});
+				}
+			},
+		},
+	};
 </script>
 
 <style lang="scss">
-$bg: #f6f6f6;
-$light_gray: #bebdbb;
-$cursor: #bebdbb;
-
-@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
-  .login-container .el-input input {
-    color: $cursor;
-  }
-}
-
-/* reset element-ui css */
-.login-container {
-  overflow: auto;
-  background: url("../../assets/img/registerbg.png") no-repeat;
-  background-size: 100%;
-
-  .el-input {
-    display: inline-block;
-    height: 47px;
-    width: 70%;
-    background-color: #f6f6f6;
-
-    input {
-      background: #f6f6f6;
-      border: 0px;
-      -webkit-appearance: none;
-      border-radius: 0px;
-      padding: 12px 5px 12px 15px;
-      color: $light_gray;
-      height: 47px;
-      caret-color: $cursor;
-
-      &:-webkit-autofill {
-        box-shadow: 0 0 0px 1000px $bg inset !important;
-        -webkit-text-fill-color: $cursor !important;
-      }
-    }
-  }
-
-  .el-form-item {
-    border: 1px solid rgba(255, 255, 255, 0.1);
-    background: #f6f6f6;
-    border-radius: 5px;
-    color: #454545;
-  }
-}
+	$bg: #f6f6f6;
+	$light_gray: #bebdbb;
+	$cursor: #bebdbb;
+
+	@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
+		.login-container .el-input input {
+			color: $cursor;
+		}
+	}
+
+	/* reset element-ui css */
+	.login-container {
+		overflow: auto;
+		background: url("../../assets/img/registerbg.png") no-repeat;
+		background-size: 100%;
+
+		.el-input {
+			display: inline-block;
+			height: 47px;
+			width: 70%;
+			background-color: #f6f6f6;
+
+			input {
+				background: #f6f6f6;
+				border: 0px;
+				-webkit-appearance: none;
+				border-radius: 0px;
+				padding: 12px 5px 12px 15px;
+				color: $light_gray;
+				height: 47px;
+				caret-color: $cursor;
+
+				&:-webkit-autofill {
+					box-shadow: 0 0 0px 1000px $bg inset !important;
+					-webkit-text-fill-color: $cursor !important;
+				}
+			}
+		}
+
+		.el-form-item {
+			border: 1px solid rgba(255, 255, 255, 0.1);
+			background: #f6f6f6;
+			border-radius: 5px;
+			color: #454545;
+		}
+	}
 </style>
 
 <style lang="scss" scoped>
-$bg: #2d3a4b;
-$dark_gray: #f6f6f6;
-$light_gray: #eee;
-
-.login-container {
-  height: 100%;
-  width: 100%;
-  // background-color: $bg;
-  // overflow: hidden;
-
-  .login-form {
-    position: relative;
-    width: 470px;
-    max-width: 100%;
-    padding: 0 35px 0;
-    margin: 0 auto;
-    // overflow: hidden;
-  }
-
-  .tips {
-    font-size: 14px;
-    color: #fff;
-    margin-bottom: 10px;
-
-    span {
-      &:first-of-type {
-        margin-right: 16px;
-      }
-    }
-  }
-
-  .svg-container {
-    padding: 6px 5px 6px 15px;
-    color: #1f242a;
-    vertical-align: middle;
-    // width: 30px;
-    display: inline-block;
-  }
-
-  .title-container {
-    position: relative;
-
-    .title {
-      font-size: 48px;
-      color: #1f242a;
-      margin: 0px auto 40px auto;
-      text-align: center;
-      font-weight: bold;
-    }
-  }
-
-  .show-pwd {
-    position: absolute;
-    right: 10px;
-    top: 7px;
-    font-size: 16px;
-    color: $dark_gray;
-    cursor: pointer;
-    user-select: none;
-  }
-}
-
-.el-row {
-  height: 100%;
-}
-
-.el-col {
-  height: 100%;
-}
-
-.business {
-  width: 305px;
-  height: 90px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  // background-color: #D8AB5A;
-  border-raotherdius: 20rpx;
-  color: #ffffff;
-  margin-top: 57rpx;
-}
-
-.business {
-  width: 305rpx;
-  height: 90rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  // background-color: #D8AB5A;
-  border-raotherdius: 20rpx;
-  color: #ffffff;
-  margin-top: 57rpx;
-  // line-height: 110rpx;
-}
-
-.bnesper {
-  background-size: 100%;
-  background-image: url("../../assets/img/loginbtn4.png");
-  background-repeat: no-repeat;
-  padding-top: 10rpx;
-  color: #fff1d8;
-
-  .asp {
-    padding-bottom: 5px;
-  }
-}
-
-.applyper {
-  background-image: url("../../assets/img/loginbt1.png");
-  background-repeat: no-repeat;
-  background-size: 100%;
-  padding-top: 10rpx;
-  color: #fff1d8;
-
-  .asp {
-    padding-bottom: 5px;
-  }
-}
-
-.actapp {
-  background-image: url("../../assets/img/loginbtn3.png");
-  background-repeat: no-repeat;
-  background-size: 100%;
-  color: #d05c39;
-  margin-bottom: 80rpx;
-
-  .as {
-    padding-bottom: 20px;
-  }
-
-  // line-height: 180rpx;
-}
-
-.actbnes {
-  background-image: url("../../assets/img/loginbt2.png");
-  background-repeat: no-repeat;
-  background-size: 100%;
-  color: #d05c39;
-
-  .asp {
-    padding-bottom: 20px;
-  }
-}
-
-.loginbtn {
-  width: 100%;
-  margin-top: 30px;
-  background: linear-gradient(to right, #ffe1ad, #d07539);
-  border: none;
-  height: 56px;
-  border-radius: 10px;
-  font-size: 18px;
-}
-
-.registerbtn {
-  margin-top: 0px;
-  margin-bottom: 30px;
-  font-size: 16px;
-
-  .forgect {
-    cursor: pointer;
-  }
-
-  .nes {
-    color: #d05c39;
-  }
-}
-
-.boximg {
-  width: 100%;
-  height: 240px;
-  border-radius: 10px;
-  background-color: #f6f6f6;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  image {
-    width: 290px;
-    height: 150px;
-  }
-}
-
-.choosepic {
-  .el-form-item__content {
-  }
-}
-
-.usa {
-  color: #d05c39;
-  text-align: center;
-  padding: 0 !important;
-  margin: 0;
-}
-
-.overcicle {
-  border: 1px solid #ffe2ae;
-  padding-top: 50px;
-  box-sizing: border-box;
-}
+	$bg: #2d3a4b;
+	$dark_gray: #f6f6f6;
+	$light_gray: #eee;
+
+	.login-container {
+		height: 100%;
+		width: 100%;
+		// background-color: $bg;
+		// overflow: hidden;
+
+		.login-form {
+			position: relative;
+			width: 470px;
+			max-width: 100%;
+			padding: 0 35px 0;
+			margin: 0 auto;
+			// overflow: hidden;
+		}
+
+		.tips {
+			font-size: 14px;
+			color: #fff;
+			margin-bottom: 10px;
+
+			span {
+				&:first-of-type {
+					margin-right: 16px;
+				}
+			}
+		}
+
+		.svg-container {
+			padding: 6px 5px 6px 15px;
+			color: #1f242a;
+			vertical-align: middle;
+			// width: 30px;
+			display: inline-block;
+		}
+
+		.title-container {
+			position: relative;
+
+			.title {
+				font-size: 48px;
+				color: #1f242a;
+				margin: 0px auto 40px auto;
+				text-align: center;
+				font-weight: bold;
+			}
+		}
+
+		.show-pwd {
+			position: absolute;
+			right: 10px;
+			top: 7px;
+			font-size: 16px;
+			color: $dark_gray;
+			cursor: pointer;
+			user-select: none;
+		}
+	}
+
+	.el-row {
+		height: 100%;
+	}
+
+	.el-col {
+		height: 100%;
+	}
+
+	.business {
+		width: 305px;
+		height: 90px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		// background-color: #D8AB5A;
+		border-raotherdius: 20rpx;
+		color: #ffffff;
+		margin-top: 57rpx;
+	}
+
+	.business {
+		width: 305rpx;
+		height: 90rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		// background-color: #D8AB5A;
+		border-raotherdius: 20rpx;
+		color: #ffffff;
+		margin-top: 57rpx;
+		// line-height: 110rpx;
+	}
+
+	.bnesper {
+		background-size: 100%;
+		background-image: url("../../assets/img/loginbtn4.png");
+		background-repeat: no-repeat;
+		padding-top: 10rpx;
+		color: #fff1d8;
+
+		.asp {
+			padding-bottom: 5px;
+		}
+	}
+
+	.applyper {
+		background-image: url("../../assets/img/loginbt1.png");
+		background-repeat: no-repeat;
+		background-size: 100%;
+		padding-top: 10rpx;
+		color: #fff1d8;
+
+		.asp {
+			padding-bottom: 5px;
+		}
+	}
+
+	.actapp {
+		background-image: url("../../assets/img/loginbtn3.png");
+		background-repeat: no-repeat;
+		background-size: 100%;
+		color: #d05c39;
+		margin-bottom: 80rpx;
+
+		.as {
+			padding-bottom: 20px;
+		}
+
+		// line-height: 180rpx;
+	}
+
+	.actbnes {
+		background-image: url("../../assets/img/loginbt2.png");
+		background-repeat: no-repeat;
+		background-size: 100%;
+		color: #d05c39;
+
+		.asp {
+			padding-bottom: 20px;
+		}
+	}
+
+	.loginbtn {
+		width: 100%;
+		margin-top: 30px;
+		background: linear-gradient(to right, #ffe1ad, #d07539);
+		border: none;
+		height: 56px;
+		border-radius: 10px;
+		font-size: 18px;
+	}
+
+	.registerbtn {
+		margin-top: 0px;
+		margin-bottom: 30px;
+		font-size: 16px;
+
+		.forgect {
+			cursor: pointer;
+		}
+
+		.nes {
+			color: #d05c39;
+		}
+	}
+
+	.boximg {
+		width: 100%;
+		height: 240px;
+		border-radius: 10px;
+		background-color: #f6f6f6;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		image {
+			width: 290px;
+			height: 150px;
+		}
+	}
+
+	.choosepic {
+		.el-form-item__content {}
+	}
+
+	.usa {
+		color: #d05c39;
+		text-align: center;
+		padding: 0 !important;
+		margin: 0;
+	}
+
+	.overcicle {
+		border: 1px solid #ffe2ae;
+		padding-top: 50px;
+		box-sizing: border-box;
+	}
 </style>

src/views/sucuirtyaudit/index.vue

@@ -70,7 +70,7 @@
 			</el-table-column>
 			<el-table-column align="center"  label="操作" width="250">
 				<template slot-scope="scope">
-					<el-tag type="success" style="cursor: pointer;margin-right: 15px;" @click="todetail(scope.row.id)">查看详情</el-tag>
+					<el-tag type="primary" style="cursor: pointer;margin-right: 15px;" @click="todetail(scope.row.id)">查看详情</el-tag>
 				</template>
 			</el-table-column>
 		</el-table>

src/views/table/index.vue

@@ -42,6 +42,9 @@
 			highlight-current-row @select="handleSelectionChange" @select-all="handleAll">
 			<el-table-column align="center" label="" width="55" type="selection">
 
+			</el-table-column>
+			<el-table-column label="id" align="center" prop="id">
+			
 			</el-table-column>
 			<el-table-column label="承兑人名称" align="center" prop="name">
 
@@ -85,7 +88,7 @@
 				style="background-color:#D8AB5A ;border-color:#D8AB5A ; margin: 0 20px;" @click="jumpFirstPage">首页
 			</el-button>
 			<el-pagination background @current-change="handleCurrentChange" layout="prev, pager, next"
-				:total="list.length" :page-size="10" prev-text="上一页" next-text="下一页" :hide-on-single-page="false"
+				:total="srcList.length" :page-size="pagesize" prev-text="上一页" next-text="下一页" :hide-on-single-page="false"
 				ref="pagination">
 			</el-pagination>
 			<el-button type="primary" size="small"
@@ -122,7 +125,7 @@
 				search: '',
 				temporaryList: [],
 				currentPage: 1,
-				pagesize: 11,
+				pagesize: 10,
 				multipleSelection: [],
 				pickerOptions: {
 					shortcuts: [{
@@ -170,7 +173,7 @@
 				}).then((res) => {
 					console.log(res.data.result);
 					this.list = res.data.result;
-					this.getPageData();
+					this.getPageData(this.list);
 				})
 			},
 			handleCommand(command) {
@@ -192,9 +195,10 @@
 			},
 			Search() {
 				if (this.search == "") {
-					this.temporaryList = this.srcList
+					this.getPageData(this.list)
 				} else {
-					this.temporaryList = this.list.filter(item => item.name == this.search)
+					let SearchList= this.list.filter(item => item.name == this.search)
+					this.getPageData(SearchList) 
 				}
 			},
 			addAcceptor() {
@@ -272,11 +276,12 @@
 				let cpage = Math.ceil(font.total / font.pageSize);
 				font.handleCurrentChange(cpage);
 			},
-			getPageData() {
+			getPageData(temporaryList) {
+				console.log(temporaryList,"tempor")
 				let start = (this.currentPage - 1) * this.pagesize;
 				let end = start + this.pagesize;
-				this.srcList = this.list.slice(start, end);
-				// this.temporaryList = this.srcList
+				this.srcList = temporaryList.slice(start, end);
+				console.log(this.srcList,"srcList")
 			},
 			Exports() {
 				if(this.multipleSelection==""){