7.22

src/router/index.js

@@ -300,7 +300,7 @@ export const constantRoutes = [
         path: 'index',
         name: 'sucuirtyaudit',
         component: () => import('@/views/sucuirtyaudit/index'),
-        meta: { title: '安全审计', icon: 'el-icon-s-check' }
+        meta: { title: '安全审计', icon: 'el-icon-s-check' },
       },
       {
         path:'/annexList',
@@ -308,7 +308,14 @@ export const constantRoutes = [
         component:()=>import('@/views/sucuirtyaudit/annexList'),
         meta:{title:'附件列表'},
         hidden:true
-      }
+      },
+	  {
+		path:'/logdetail',
+		name:'detail',
+		component:()=>import('@/views/sucuirtyaudit/detail'),
+		meta:{title:'审计日志详情'},
+		hidden:true
+	  }
     ]
   },
   {

src/views/databackup/index.vue

@@ -1,7 +1,13 @@
 <template>
 	<div class="app-container">
-		<el-row>
-			<el-col :xs="24" :sm="7" :md="6" :lg="4" :xl="3">
+		<el-row type="flex" justify="space-between" style="margin-bottom: 20px">
+			<div class="grid-content bg-purple">
+				<div class="grid-content bg-purple" style="margin-left: 30px;">
+					<el-input placeholder="请输入查询内容" v-model="input4" style="width: 80%;">
+						<i slot="prefix" class="el-input__icon el-icon-search"></i>
+					</el-input>
+				</div>
+			</div>
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="handleCommand">
 						<div class="pulldown">
@@ -19,10 +25,6 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-
-
-			<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
@@ -30,67 +32,36 @@
 							:picker-options="pickerOptions">
 						</el-date-picker>
 					</div>
-
-				</div>
-			</el-col>
-			<el-col :xs="24" :sm="10" :md="8" :lg="5" :xl="5">
-				<div class="grid-content bg-purple">
-					<div class="grid-content bg-purple" style="margin-left: 30px;">
-						<el-input placeholder="请输入查询内容" v-model="input4" style="width: 80%;">
-							<i slot="prefix" class="el-input__icon el-icon-search"></i>
-						</el-input>
-					</div>
 				</div>
-			</el-col>
-			<!-- <el-col :span="1">
-       <div class="grid-content bg-purple"></div>
-     </el-col> -->
-			<el-col :xs="13" :sm="7" :md="6" :lg="8" :xl="11">
 				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
-
 					<el-button type="primary">下载</el-button>
-					<el-button type="danger">删除</el-button>
+					<el-button type="danger" @click="moreDelete">删除</el-button>
 				</div>
-			</el-col>
-
 		</el-row>
-		<el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit highlight-current-row>
-			<el-table-column align="center" label="" width="55">
-				<template slot-scope="scope">
-					<el-checkbox v-model="checked"></el-checkbox>
-				</template>
+		<el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit 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="文件名称" align="center">
-				<template slot-scope="scope">
-					DNDFDFN_20220244
-				</template>
+			<el-table-column label="文件名称" align="center" prop='fileName'>
+				
 			</el-table-column>
-			<el-table-column label="存储对象" width="180" align="center">
-				<template slot-scope="scope">
-					<span>本地</span>
-				</template>
+			<el-table-column label="存储对象" align="center" prop="storeType">
+				
 			</el-table-column>
-			<el-table-column label="文件大小" width="150" align="center">
-				<template slot-scope="scope">
-					10.05KB
-				</template>
+			<el-table-column label="文件大小"  align="center" prop="fileSize">
+				
 			</el-table-column>
-			<el-table-column align="center" prop="created_at" label="时间">
-				<template slot-scope="scope">
-					<i class="el-icon-time" />
-					<span>{{ scope.row.display_time }}</span>
-				</template>
+			<el-table-column align="center"  label="时间" prop="backupTime">
+				
 			</el-table-column>
-			<el-table-column label="备注" align="center">
-				<template slot-scope="scope">
-					无
-				</template>
+			<el-table-column label="备注" align="center" prop="remark">
+				
 			</el-table-column>
 			<el-table-column align="center" prop="created_at" label="操作" width="250">
 				<template slot-scope="scope">
-					<el-tag type="success" style="cursor: pointer;margin-right: 15px;">恢复</el-tag>
-					<el-tag type="warning" style="margin-right: 15px;cursor: pointer;">下载</el-tag>
-					<el-tag type="danger" style="cursor: pointer;">删除</el-tag>
+					<el-tag type="success" style="cursor: pointer;margin-right: 15px;" @click="recover(scope.row.fileName)">恢复</el-tag>
+					<el-tag type="warning" style="margin-right: 15px;cursor: pointer;" @click="download(scope.row.fileName)">下载</el-tag>
+					<el-tag type="danger" style="cursor: pointer;" @click="deleted(scope.row.fileName)">删除</el-tag>
 				</template>
 			</el-table-column>
 		</el-table>
@@ -129,9 +100,11 @@
 			return {
 				srcList: [],
 				list: [],
+				temporaryList: [],
 				listLoading: false,
 				status: '',
 				hpstatus: '',
+				removeList:[],
 				currentPage: 1,
 				pagesize: 11,
 				input4: '',
@@ -170,6 +143,19 @@
 		created() {
 			// this.fetchData()
 		},
+		mounted() {
+			this.$request({
+				url:"/api/Database/backups",
+				method:'post',
+				data:{
+					pageIndex:1,
+					pageSize:100
+				}
+			}).then((res)=>{
+				this.list=res.data.result
+				this.getPageData();
+			})
+		},
 		methods: {
 			handleCommand(command) {
 				this.status = command
@@ -192,11 +178,100 @@
 				let start = (this.currentPage - 1) * this.pagesize;
 				let end = start + this.pagesize;
 				this.srcList = this.list.slice(start, end);
+				this.temporaryList = this.srcList;
 			},
 			handleCurrentChange(val) {
 				this.currentPage = val;
 				this.getPageData();
 			},
+			handleSelectionChange(data) {
+				this.multipleSelection = data;
+				console.log(this.multipleSelection);
+			},
+			handleAll(data) {
+				this.multipleSelection = data
+				console.log(this.multipleSelection)
+			},
+			download(fileName){
+				window.open('https://ht.9026.com/api/Database/export?fileName='+fileName)
+				// this.$request({
+				// 	url:'/api/Database/export',
+				// 	method:'post',
+				// 	data:{
+				// 		fileName:fileName
+				// 	}
+				// }).then((res)=>{
+				// 	console.log(res)
+				// })
+			},
+			recover(fileName){
+				this.$request({
+					url:'/api/Database/restore',
+					method:'post',
+					headers: { 
+					      'Content-Type': 'application/json'
+					   },
+					data:{
+						fileName:fileName
+					}
+				}).then((res)=>{
+					console.log(res)
+					if(res.code==200){
+						this.$message({
+							type:'success',
+							message:'恢复成功'
+						})
+					}else{
+						this.$message({
+							type:'danger',
+							message:'恢复失败'
+						})
+					}
+				})
+			},
+			deleted(fileName){
+				this.$request({
+					url:'/api/Database/delete',
+					method:'post',
+					data:{
+						fileNameList:[fileName]
+					}
+				}).then((res)=>{
+					if(res.code==200){
+						this.$message({
+							type:'success',
+							message:'删除成功!'
+						})
+					}else{
+						this.$message({
+							type:'danger',
+							message:'删除失败!'
+						})
+					}
+				})
+			},
+			moreDelete(){
+			 let fileNameList=Array.from(this.multipleSelection,({fileName})=>fileName)
+			 this.$request({
+				 url:'/api/Database/delete',
+				 method:'post',
+				 data:{
+					 fileNameList:fileNameList
+				 }
+			 }).then((res)=>{
+				 if(res.code==200){
+				 	this.$message({
+				 		type:'success',
+				 		message:'删除成功!'
+				 	})
+				 }else{
+				 	this.$message({
+				 		type:'danger',
+				 		message:'删除失败!'
+				 	})
+				 }
+			 })
+			}
 		}
 	}
 </script>

src/views/form/detail.vue

@@ -1,5 +1,5 @@
 <template>
-<el-descriptions title="详情信息">
+	<!-- <el-descriptions title="详情信息">
     <el-descriptions-item label="姓名">{{tableData.name}}</el-descriptions-item>
     <el-descriptions-item label="id">{{tableData.id}}</el-descriptions-item>
     <el-descriptions-item label="起始时间">{{tableData.createdAt}}</el-descriptions-item>
@@ -8,26 +8,69 @@
     <el-descriptions-item label="银行名称">{{tableData.bankName}}</el-descriptions-item>
 		<el-descriptions-item label="deletedAt">{{tableData.deletedAt}}</el-descriptions-item>
 		<el-descriptions-item label="isDeleted">{{tableData.isDeleted}}</el-descriptions-item>
-</el-descriptions>
+</el-descriptions> -->
+	<div class="form">
+		<el-form ref="form" :model="tableData" label-width="80px">
+			<el-form-item label="姓名" prop="tableData.name">
+				<el-input v-model="tableData.name" style="width: 300px;"></el-input>
+			</el-form-item>
+			<el-form-item label="银行账户" prop="tableData.bankAccount">
+				<el-input v-model="tableData.bankAccount" style="width: 300px;"></el-input>
+			</el-form-item>
+			<el-form-item label="银行名称" prop="tableData.bankName">
+				<el-input v-model="tableData.bankName" style="width: 300px;"></el-input>
+			</el-form-item>
+			<el-form-item>
+				<el-button type="primary" @click="onSubmit">提交修改</el-button>
+			</el-form-item>
+		</el-form>
+	</div>
 </template>
 
 <script>
-   export default {
-        data() {
-          return {
-            tableData:{},
-          }
-        },
-        mounted() {
-		  let id=this.$route.query.id
-          this.$request({
-            url:'/api/Drawer/'+id,
-            method:'get',
-          }).then((res)=>{
-            this.tableData=res.data
-          })
-        }
-      }
+	export default {
+		data() {
+			return {
+				tableData: {
+					name: '',
+					bankAccount: '',
+					bankName: '',
+					id: ''
+				},
+			}
+		},
+		mounted() {
+			let id = this.$route.query.id
+			this.$request({
+				url: '/api/Drawer/' + id,
+				method: 'get',
+			}).then((res) => {
+				this.tableData = res.data
+				this.talbeData=this.$route.query.id
+			})
+		},
+		methods:{
+			onSubmit(){
+				this.$request({
+					url:'/api/Drawer/update',
+					method:'post',
+					data:this.tableData
+				}).then((res)=>{
+					if(res.code==200){
+						this.$message({
+							type:'success',
+							message:'修改成功!'
+						})
+					}else{
+						this.$message({
+							type:'danger',
+							message:'修改失败!'
+						})
+					}
+				})
+			}
+		}
+	}
 </script>
 
 <style>

src/views/register/index.vue

@@ -436,13 +436,13 @@ export default {
         mobile: "",
       },
       providerForm: {
-        account: "赵云",
-        password: "123456",
-        name: "zhaoyun",
-        socialCode: "512368515646666",
-        legalPerson: "三泰魔方集团",
-        contacts: "张三",
-        contactsMobile: "136956235686",
+        account: "",
+        password: "",
+        name: "",
+        socialCode: "",
+        legalPerson: "",
+        contacts: "",
+        contactsMobile: "",
         identifyPics: [
           "https://easygolf.oss-ap-southeast-6.aliyuncs.com/golf/2022-03/18/88df7532ff7de229b617.jpg",
           "https://easygolf.oss-ap-southeast-6.aliyuncs.com/golf/2022-03/18/ab37cbd176e12cef2f82.jpg",

src/views/sucuirtyaudit/annexList.vue

@@ -1,227 +1,246 @@
 <template>
-  <div class="app-container">
-    <el-row  >
-      <el-col :xs="24" :sm="7" :md="6" :lg="4" :xl="3">
-        <div class="grid-content bg-purple">
-          <el-dropdown @command="handleCommand">
-            <div class="pulldown">
-              <span class="el-dropdown-link" v-if="!status">
-                操作人员
-              </span>
-              <span class="el-dropdown-link" v-if="status">
-                {{status}}
-              </span>
-              <i class="el-icon-arrow-down el-icon--right"></i>
-            </div>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item command="供应商">供应商</el-dropdown-item>
-              <el-dropdown-item command="业务管理员">业务管理员</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-        </div>
-      </el-col>
+	<div class="app-container">
+		<el-row type="flex" justify="space-between" style="margin-bottom:20px">
+			<div class="grid-content bg-purple">
+				<div class="grid-content bg-purple" style="margin-left: 30px;">
+					<el-input placeholder="请输入查询内容" v-model="input4" style="width: 80%;">
+						<i slot="prefix" class="el-input__icon el-icon-search"></i>
+					</el-input>
+				</div>
+			</div>
+				<div class="grid-content bg-purple">
+					<el-dropdown @command="handleCommand">
+						<div class="pulldown">
+							<span class="el-dropdown-link" v-if="!status">
+								操作人员
+							</span>
+							<span class="el-dropdown-link" v-if="status">
+								{{status}}
+							</span>
+							<i class="el-icon-arrow-down el-icon--right"></i>
+						</div>
+						<el-dropdown-menu slot="dropdown">
+							<el-dropdown-item command="供应商">供应商</el-dropdown-item>
+							<el-dropdown-item command="业务管理员">业务管理员</el-dropdown-item>
+						</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 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 :xs="24" :sm="10" :md="8" :lg="5" :xl="5">
-      <div class="grid-content bg-purple">
-        <div class="grid-content bg-purple" style="margin-left: 30px;">
-          <el-input
-              placeholder="请输入查询内容"
-              v-model="input4" style="width: 80%;">
-              <i slot="prefix" class="el-input__icon el-icon-search"></i>
-            </el-input>
-        </div>
-      </div>
-      </el-col>
-     <!-- <el-col :span="1">
-        <div class="grid-content bg-purple"></div>
-      </el-col> -->
-      <el-col :xs="13" :sm="7" :md="6" :lg="8" :xl="11">
-        <div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
+				</div>
+				
+				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
+					<el-button type="primary" @click="toindex">操作日志</el-button>
+					<el-button type="primary" disabled>附件列表</el-button>
+				</div>
 
-          <!-- <el-button type="primary">数据备份</el-button> -->
-           <el-button type="primary" @click="toindex">操作日志</el-button>
-            <el-button type="primary" disabled>附件列表</el-button>
-        </div>
-      </el-col>
+		</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" label="" width="55" type="selection">
+				
+			</el-table-column>
+			<el-table-column align="center"  label="合同名称" width="200" prop="name">
+				
+			</el-table-column>
+			
+			<el-table-column label="供应商" align="center" width="340" prop="supplierName">
+				
+			</el-table-column>
+			<el-table-column label="日期" width="200" align="center">
+				<template slot-scope="scope">
+					<i class="el-icon-time" />
+					<span>{{ scope.row.createdAt }}</span>
+				</template>
+				
+			</el-table-column>
+			<el-table-column align="center"  label="附件图" width="800" prop="attachments">
+				<template slot-scope="scope">
+					<!-- <span>{{ scope.row.attachments }}</span> -->
+					<img width='100' height="100" v-for="item in scope.row.attachments" :src="item"  >
+				</template>
+			</el-table-column>
+			<el-table-column align="center" prop="created_at" label="操作" width="250">
+				<template slot-scope="scope">
+					<el-tag type="success" style="cursor: pointer;margin-right: 15px;" @click="todetail">查看详情</el-tag>
 
-    </el-row>
-    <el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit highlight-current-row>
-      <el-table-column align="center" label="" width="55">
-        <template slot-scope="scope">
-         <el-checkbox v-model="checked"></el-checkbox>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" prop="created_at" label="合同名称" width="200">
-        <template slot-scope="scope">
-          <span>张俊杰</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="供应商"  align="center" width="340">
-        <template slot-scope="scope">
-         XXXXXXXXXXX
-        </template>
-      </el-table-column>
-      <el-table-column label="日期" width="200" align="center">
-        <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">
-          <el-tag type="success" style="cursor: pointer;margin-right: 15px;" @click="todetail">查看详情</el-tag>
-
-        </template>
-      </el-table-column>
-    </el-table>
-   <div class="pagesip">
-   	<el-button type="primary" size="small"
-   		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="11" prev-text="上一页" next-text="下一页"
-   		:hide-on-single-page="false" ref="pagination">
-   	</el-pagination>
-   	<el-button type="primary" size="small"
-   		style="background-color:#D8AB5A ;border-color:#D8AB5A ;margin: 0 20px;" @click="jumpLastPage">尾页
-   	</el-button>
-   </div>
-  </div>
+				</template>
+			</el-table-column>
+		</el-table>
+		<div class="pagesip">
+			<el-button type="primary" size="small"
+				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="11" prev-text="上一页" next-text="下一页" :hide-on-single-page="false"
+				ref="pagination">
+			</el-pagination>
+			<el-button type="primary" size="small"
+				style="background-color:#D8AB5A ;border-color:#D8AB5A ;margin: 0 20px;" @click="jumpLastPage">尾页
+			</el-button>
+		</div>
+	</div>
 </template>
 
 <script>
-  import {
-    getList
-  } from '@/api/table'
+	import {
+		getList
+	} from '@/api/table'
 
-  export default {
-    filters: {
-      statusFilter(status) {
-        const statusMap = {
-          published: 'success',
-          draft: 'gray',
-          deleted: 'danger'
-        }
-        return statusMap[status]
-      }
-    },
-    data() {
-      return {
-		srcList:[],
-        list: [],
-        listLoading: false,
-        status: '',
-		currentPage: 1,
-		pagesize: 11,
-        hpstatus:'',
-        input4:'',
-         checked:false,
-        pickerOptions: {
-          shortcuts: [{
-            text: '最近一周',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit('pick', [start, end]);
-            }
-          }, {
-            text: '最近一个月',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit('pick', [start, end]);
-            }
-          }, {
-            text: '最近三个月',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-              picker.$emit('pick', [start, end]);
-            }
-          }]
-        },
-        value1: '',
-        value2: ''
-      }
-    },
-    created() {
-      // this.fetchData()
-    },
-    methods: {
-      handleCommand(command) {
-        this.status = command
+	export default {
+		filters: {
+			statusFilter(status) {
+				const statusMap = {
+					published: 'success',
+					draft: 'gray',
+					deleted: 'danger'
+				}
+				return statusMap[status]
+			}
+		},
+		data() {
+			return {
+				temporaryList:[],
+				srcList: [],
+				list: [],
+				listLoading: false,
+				status: '',
+				currentPage: 1,
+				pagesize: 11,
+				hpstatus: '',
+				input4: '',
+				checked: false,
+				pickerOptions: {
+					shortcuts: [{
+						text: '最近一周',
+						onClick(picker) {
+							const end = new Date();
+							const start = new Date();
+							start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+							picker.$emit('pick', [start, end]);
+						}
+					}, {
+						text: '最近一个月',
+						onClick(picker) {
+							const end = new Date();
+							const start = new Date();
+							start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+							picker.$emit('pick', [start, end]);
+						}
+					}, {
+						text: '最近三个月',
+						onClick(picker) {
+							const end = new Date();
+							const start = new Date();
+							start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+							picker.$emit('pick', [start, end]);
+						}
+					}]
+				},
+				value1: '',
+				value2: ''
+			}
+		},
+		created() {
+		},
+		mounted() {
+			this.$request({
+				url:'/api/AuditLog/attachments',
+				method:'post',
+				data:{
+					pageIndex:1,
+					pageSize:100
+				}
+			}).then((res)=>{
+				this.list=res.data.result
+				console.log(res)
+				this.getPageData();
+			})
+		},
+		methods: {
+			handleCommand(command) {
+				this.status = command
 
-      },
-      handlehpCommand(command) {
-        this.hpstatus = command
+			},
+			handlehpCommand(command) {
+				this.hpstatus = command
 
-      },
-     
-      todetail(){
-        this.$router.push({path:'/detail'})
-      },
-      toindex(){
-        this.$router.push({path:'/sucuirtyaudit/index'})
-      },
-	  handleCurrentChange(val) {
-	  	this.currentPage = val;
-	  	this.getPageData();
-	  },
-	  jumpFirstPage() {
-	  	this.$refs.pagination.handleCurrentChange(1);
-	  	this.$emit('handleCurrentChange', 1);
-	  },
-	  jumpLastPage() {
-	  	let font = this.$refs.pagination
-	  	let cpage = Math.ceil(font.total / font.pageSize);
-	  	font.handleCurrentChange(cpage);
-	  },
-	  getPageData() {
-	  	let start = (this.currentPage - 1) * this.pagesize;
-	  	let end = start + this.pagesize;
-	  	this.srcList = this.list.slice(start, end);
-	  },
-    }
-  }
+			},
+			handleSelectionChange(data) {
+				this.multipleSelection = data;
+				console.log(this.multipleSelection);
+			},
+			handleAll(data) {
+				this.multipleSelection = data
+				console.log(this.multipleSelection)
+			},
+			todetail() {
+				this.$router.push({
+					path: '/detail'
+				})
+			},
+			toindex() {
+				this.$router.push({
+					path: '/sucuirtyaudit/index'
+				})
+			},
+			handleCurrentChange(val) {
+				this.currentPage = val;
+				this.getPageData();
+			},
+			jumpFirstPage() {
+				this.$refs.pagination.handleCurrentChange(1);
+				this.$emit('handleCurrentChange', 1);
+			},
+			jumpLastPage() {
+				let font = this.$refs.pagination
+				let cpage = Math.ceil(font.total / font.pageSize);
+				font.handleCurrentChange(cpage);
+			},
+			getPageData() {
+				let start = (this.currentPage - 1) * this.pagesize;
+				let end = start + this.pagesize;
+				this.srcList = this.list.slice(start, end);
+				this.temporaryList = this.srcList;
+			},
+		}
+	}
 </script>
 <style lang="scss">
-  .pulldown {
-    width: 185px;
-    height: 40px;
-    border: 1px solid #E8E8E8;
-    border-radius: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 20px;
-    color: #999999;
-  }
-  .pagesip{
-    width: 100%;
-    margin: 20px auto;
-    display: flex;
-    // align-items: center;
-    justify-content: flex-end;
-  }
-  .el-pagination.is-background .el-pager li:not(.disabled).active{
-    background-color:#D8AB5A;
-  }
-  .el-col{
-    margin-bottom: 20px;
-  }
+	.pulldown {
+		width: 185px;
+		height: 40px;
+		border: 1px solid #E8E8E8;
+		border-radius: 10px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 20px;
+		color: #999999;
+	}
+
+	.pagesip {
+		width: 100%;
+		margin: 20px auto;
+		display: flex;
+		// align-items: center;
+		justify-content: flex-end;
+	}
+
+	.el-pagination.is-background .el-pager li:not(.disabled).active {
+		background-color: #D8AB5A;
+	}
+
+	.el-col {
+		margin-bottom: 20px;
+	}
 </style>

src/views/sucuirtyaudit/detail.vue

@@ -0,0 +1,35 @@
+<template>
+<el-descriptions title="详情信息">
+    <el-descriptions-item label="姓名">{{tableData.name}}</el-descriptions-item>
+    <el-descriptions-item label="id">{{tableData.id}}</el-descriptions-item>
+    <el-descriptions-item label="起始时间">{{tableData.createdAt}}</el-descriptions-item>
+		<el-descriptions-item label="结束时间">{{tableData.updatedAt}}</el-descriptions-item>
+    <el-descriptions-item label="银行账户">{{tableData.bankAccount}}</el-descriptions-item>
+    <el-descriptions-item label="银行名称">{{tableData.bankName}}</el-descriptions-item>
+		<el-descriptions-item label="deletedAt">{{tableData.deletedAt}}</el-descriptions-item>
+		<el-descriptions-item label="isDeleted">{{tableData.isDeleted}}</el-descriptions-item>
+</el-descriptions>
+</template>
+
+<script>
+   export default {
+        data() {
+          return {
+            tableData:{},
+          }
+        },
+        mounted() {
+		  // let id=this.$route.query.id
+          this.$request({
+            url:'/api/AuditLog/detail/?id=34',
+            method:'get',
+          }).then((res)=>{
+						console.log(res)
+            // this.tableData=res.data
+          })
+        }
+      }
+</script>
+
+<style>
+</style>

src/views/sucuirtyaudit/index.vue

@@ -1,224 +1,230 @@
 <template>
-  <div class="app-container">
-    <el-row  >
-      <el-col :xs="24" :sm="7" :md="6" :lg="4" :xl="3">
-        <div class="grid-content bg-purple">
-          <el-dropdown @command="handleCommand">
-            <div class="pulldown">
-              <span class="el-dropdown-link" v-if="!status">
-                操作人员
-              </span>
-              <span class="el-dropdown-link" v-if="status">
-                {{status}}
-              </span>
-              <i class="el-icon-arrow-down el-icon--right"></i>
-            </div>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item command="供应商">供应商</el-dropdown-item>
-              <el-dropdown-item command="业务管理员">业务管理员</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-        </div>
-      </el-col>
+	<div class="app-container">
+		<el-row type="flex" justify="space-between" style="margin-bottom: 20px">
+			<div class="grid-content bg-purple">
+				<div class="grid-content bg-purple" >
+					<el-input placeholder="请输入查询内容" v-model="input4" style="width: 100%;">
+						<i slot="prefix" class="el-input__icon el-icon-search"></i>
+					</el-input>
+				</div>
+			</div>
+				<div class="grid-content bg-purple">
+					<el-dropdown @command="handleCommand">
+						<div class="pulldown">
+							<span class="el-dropdown-link" v-if="!status">
+								操作人员
+							</span>
+							<span class="el-dropdown-link" v-if="status">
+								{{status}}
+							</span>
+							<i class="el-icon-arrow-down el-icon--right"></i>
+						</div>
+						<el-dropdown-menu slot="dropdown">
+							<el-dropdown-item command="供应商">供应商</el-dropdown-item>
+							<el-dropdown-item command="业务管理员">业务管理员</el-dropdown-item>
+						</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 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 :xs="24" :sm="10" :md="8" :lg="5" :xl="5">
-      <div class="grid-content bg-purple">
-        <div class="grid-content bg-purple" style="margin-left: 30px;">
-          <el-input
-              placeholder="请输入查询内容"
-              v-model="input4" style="width: 80%;">
-              <i slot="prefix" class="el-input__icon el-icon-search"></i>
-            </el-input>
-        </div>
-      </div>
-      </el-col>
-     <!-- <el-col :span="1">
-        <div class="grid-content bg-purple"></div>
-      </el-col> -->
-      <el-col :xs="13" :sm="7" :md="6" :lg="8" :xl="11">
-        <div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
+				</div>
+				
+	
+				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
 
-          <!-- <el-button type="primary">数据备份</el-button> -->
-           <el-button type="primary" disabled>操作日志</el-button>
-            <el-button type="primary" @click="toannexList">附件列表</el-button>
-        </div>
-      </el-col>
+					<!-- <el-button type="primary">数据备份</el-button> -->
+					<el-button type="primary" disabled>操作日志</el-button>
+					<el-button type="primary" @click="toannexList">附件列表</el-button>
+				</div>
 
-    </el-row>
-    <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border fit highlight-current-row>
-      <el-table-column align="center" label="" width="55">
-        <template slot-scope="scope">
-         <el-checkbox v-model="checked"></el-checkbox>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" prop="created_at" label="操作日" >
-        <template slot-scope="scope">
-          <i class="el-icon-time" />
-          <span>{{ scope.row.display_time }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="事件"  align="center" width="340">
-        <template slot-scope="scope">
-         XXXXXXXXXXX
-        </template>
-      </el-table-column>
-      <el-table-column label="操作人员" width="200" align="center">
-        <template slot-scope="scope">
-          <span>张俊杰</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作状态" width="200" align="center">
-        <template slot-scope="scope">
-          成功
-        </template>
-      </el-table-column>
+		</el-row>
+		<el-table v-loading="listLoading" :data="temporaryList" element-loading-text="Loading" border fit highlight-current-row>
+			<el-table-column align="center" label="" width="55" type="selection">
+				
+			</el-table-column>
+			<el-table-column align="center" prop="created_at" label="操作日">
+				<template slot-scope="scope">
+					<i class="el-icon-time" />
+					<span>{{ scope.row.createdAt }}</span>
+				</template>
+			</el-table-column>
+			<el-table-column label="事件" align="center" width="340" prop="event">
+				
+			</el-table-column>
+			<el-table-column label="操作人员"  align="center" prop="userName">
+				
+			</el-table-column>
+			<el-table-column label="操作状态"  align="center" prop="status">
+				
+			</el-table-column>
 
-      <el-table-column label="操作说明"  align="center">
-        <template slot-scope="scope">
-          无
-        </template>
-      </el-table-column>
-      <el-table-column align="center" prop="created_at" label="操作" width="250">
-        <template slot-scope="scope">
-          <el-tag type="success" style="cursor: pointer;margin-right: 15px;">查看详情</el-tag>
-
-        </template>
-      </el-table-column>
-    </el-table>
-    <div class="pagesip">
-    	<el-button type="primary" size="small"
-    		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="11" prev-text="上一页" next-text="下一页"
-    		:hide-on-single-page="false" ref="pagination">
-    	</el-pagination>
-    	<el-button type="primary" size="small"
-    		style="background-color:#D8AB5A ;border-color:#D8AB5A ;margin: 0 20px;" @click="jumpLastPage">尾页
-    	</el-button>
-    </div>
-  </div>
+			<el-table-column label="操作说明" align="center" prop="remark">
+				
+			</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>
+				</template>
+			</el-table-column>
+		</el-table>
+		<div class="pagesip">
+			<el-button type="primary" size="small"
+				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"
+				ref="pagination">
+			</el-pagination>
+			<el-button type="primary" size="small"
+				style="background-color: #d8ab5a; border-color: #d8ab5a; margin: 0 20px" @click="jumpLastPage">尾页
+			</el-button>
+		</div>
+	</div>
 </template>
 
 <script>
-  import {
-    getList
-  } from '@/api/table'
-
-  export default {
-    filters: {
-      statusFilter(status) {
-        const statusMap = {
-          published: 'success',
-          draft: 'gray',
-          deleted: 'danger'
-        }
-        return statusMap[status]
-      }
-    },
-    data() {
-      return {
-		srcList:[],
-		currentPage: 1,
-		pagesize: 11,
-        list: [],
-        listLoading: false,
-        status: '',
-        hpstatus:'',
-        input4:'',
-         checked:false,
-        pickerOptions: {
-          shortcuts: [{
-            text: '最近一周',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit('pick', [start, end]);
-            }
-          }, {
-            text: '最近一个月',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-              picker.$emit('pick', [start, end]);
-            }
-          }, {
-            text: '最近三个月',
-            onClick(picker) {
-              const end = new Date();
-              const start = new Date();
-              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-              picker.$emit('pick', [start, end]);
-            }
-          }]
-        },
-        value1: '',
-        value2: ''
-      }
-    },
-    created() {
-    },
-    methods: {
-      handleCommand(command) {
-        this.status = command
+	import {
+		getList
+	} from '@/api/table'
 
-      },
-      handlehpCommand(command) {
-        this.hpstatus = command
+	export default {
+		filters: {
+			statusFilter(status) {
+				const statusMap = {
+					published: 'success',
+					draft: 'gray',
+					deleted: 'danger'
+				}
+				return statusMap[status]
+			}
+		},
+		data() {
+			return {
+				temporaryList:[],
+				srcList: [],
+				currentPage: 1,
+				pagesize: 11,
+				list: [],
+				listLoading: false,
+				status: '',
+				hpstatus: '',
+				input4: '',
+				checked: false,
+				pickerOptions: {
+					shortcuts: [{
+						text: '最近一周',
+						onClick(picker) {
+							const end = new Date();
+							const start = new Date();
+							start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+							picker.$emit('pick', [start, end]);
+						}
+					}, {
+						text: '最近一个月',
+						onClick(picker) {
+							const end = new Date();
+							const start = new Date();
+							start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+							picker.$emit('pick', [start, end]);
+						}
+					}, {
+						text: '最近三个月',
+						onClick(picker) {
+							const end = new Date();
+							const start = new Date();
+							start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+							picker.$emit('pick', [start, end]);
+						}
+					}]
+				},
+				value1: '',
+				value2: ''
+			}
+		},
+		created() {},
+		mounted() {
+			this.$request({
+				url:'/api/AuditLog/search',
+				method:'post',
+				data:{
+					pageIndex:1,
+					pageSize:100,
+				}
+			}).then((res)=>{
+				console.log(res)
+				this.list=res.data.result
+				this.getPageData();
+			})
+		},
+		methods: {
+			handleCommand(command) {
+				this.status = command
 
-      },
-      
-      toannexList(){
-        this.$router.push({path:'/annexList'})
-      },
-			jumpFirstPage () {
-			    this.$refs.pagination.handleCurrentChange(1);
-			    this.$emit('handleCurrentChange', 1);
 			},
-			jumpLastPage () {
-			    let font = this.$refs.pagination
-			    let cpage = Math.ceil(font.total / font.pageSize);
-			    font.handleCurrentChange(cpage);
+			handlehpCommand(command) {
+				this.hpstatus = command
+			},
+			todetail(id){
+				this.$router.push({path:'/logdetail',query:{id:id}})
+			},
+			toannexList() {
+				this.$router.push({
+					path: '/annexList'
+				})
+			},
+			handleCurrentChange(val) {
+				this.currentPage = val;
+				this.getPageData();
 			},
-    }
-  }
+			jumpFirstPage() {
+				this.$refs.pagination.handleCurrentChange(1);
+				this.$emit('handleCurrentChange', 1);
+			},
+			jumpLastPage() {
+				let font = this.$refs.pagination
+				let cpage = Math.ceil(font.total / font.pageSize);
+				font.handleCurrentChange(cpage);
+			},
+			getPageData() {
+				let start = (this.currentPage - 1) * this.pagesize;
+				let end = start + this.pagesize;
+				this.srcList = this.list.slice(start, end);
+				this.temporaryList = this.srcList;
+			},
+		}
+	}
 </script>
 <style lang="scss">
-  .pulldown {
-    width: 185px;
-    height: 40px;
-    border: 1px solid #E8E8E8;
-    border-radius: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 20px;
-    color: #999999;
-  }
-  .pagesip{
-    width: 100%;
-    margin: 20px auto;
-    display: flex;
-    // align-items: center;
-    justify-content: flex-end;
-  }
-  .el-pagination.is-background .el-pager li:not(.disabled).active{
-    background-color:#D8AB5A;
-  }
-  .el-col{
-    margin-bottom: 20px;
-  }
+	.pulldown {
+		width: 185px;
+		height: 40px;
+		border: 1px solid #E8E8E8;
+		border-radius: 10px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		justify-content: space-between;
+		padding: 0 20px;
+		color: #999999;
+	}
+
+	.pagesip {
+		width: 100%;
+		margin: 20px auto;
+		display: flex;
+		// align-items: center;
+		justify-content: flex-end;
+	}
+
+	.el-pagination.is-background .el-pager li:not(.disabled).active {
+		background-color: #D8AB5A;
+	}
 </style>

src/views/table/detail.vue

@@ -1,18 +1,55 @@
 <template>
-	<el-descriptions title="详情信息">
+	<!-- <el-descriptions title="详情信息">
 		<el-descriptions-item label="姓名">{{tableData.name}}</el-descriptions-item>
 		<el-descriptions-item label="服务费率">{{tableData.serviceRate}}%</el-descriptions-item>
 		<el-descriptions-item label="利率">{{tableData.interest}}%</el-descriptions-item>
 		<el-descriptions-item label="银行账户">{{tableData.bankAccount}}</el-descriptions-item>
 		<el-descriptions-item label="银行名称">{{tableData.bankName}}</el-descriptions-item>
-	</el-descriptions>
+	</el-descriptions> -->
+	<div class="form">
+		<!-- <el-descriptions title="详情信息">
+			<el-descriptions-item label="姓名">{{tableData.name}}</el-descriptions-item>
+			<el-descriptions-item label="服务费率">{{tableData.serviceRate}}%</el-descriptions-item>
+			<el-descriptions-item label="利率">{{tableData.interest}}%</el-descriptions-item>
+			<el-descriptions-item label="银行账户">{{tableData.bankAccount}}</el-descriptions-item>
+			<el-descriptions-item label="银行名称">{{tableData.bankName}}</el-descriptions-item>
+		</el-descriptions> -->
+		<el-form ref="form" :model="tableData" label-width="80px" >
+		  <el-form-item label="姓名" prop="tableData.name">
+		    <el-input v-model="tableData.name" style="width: 300px;"></el-input>
+		  </el-form-item>
+		  <el-form-item label="服务费率" prop="tableData.serviceRate">
+		    <el-input v-model="tableData.serviceRate" style="width: 300px;"></el-input>
+		  </el-form-item>
+		  <el-form-item label="利率" prop="tableData.interest">
+		    <el-input v-model="tableData.interest" style="width: 300px;"></el-input>
+		  </el-form-item>
+		  <el-form-item label="银行账户" prop="tableData.bankAccount">
+		    <el-input v-model="tableData.bankAccount" style="width: 300px;"></el-input>
+		  </el-form-item>
+		  <el-form-item label="银行名称" prop="tableData.bankName">
+		    <el-input v-model="tableData.bankName" style="width: 300px;"></el-input>
+		  </el-form-item>
+		   <el-form-item>
+		      <el-button type="primary" @click="onSubmit">提交修改</el-button>
+		    </el-form-item>
+		</el-form>
+	</div>
+	
 </template>
 
 <script>
 	export default {
 		data() {
 			return {
-				tableData: {},
+				tableData: {
+					name:'',
+					serviceRate:'',
+					interest:'',
+					bankAccount:'',
+					bankName:'',
+					id:''
+				},
 			}
 		},
 		mounted() {
@@ -22,10 +59,38 @@
 				method: 'get',
 			}).then((res) => {
 				this.tableData = res.data
+				this.tableData.id=this.$route.query.id
+				console.log(this.tableData)
 			})
+		},
+		methods:{
+			onSubmit(){
+				this.$request({
+					url:'/api/Acceptor/update',
+					method:'post',
+					data:this.tableData
+				}).then((res)=>{
+					if(res.code==200){
+						this.$message({
+							type:'success',
+							message:'修改成功!'
+						})
+					}else{
+						this.$message({
+							type:'danger',
+							message:'修改失败!'
+						})
+					}
+				})
+			},
 		}
 	}
 </script>
 
-<style>
+<style lang="scss">
+	.form{
+		margin: auto 0;
+		display: flex;
+		justify-content: center;
+	}
 </style>