Sfoglia il codice sorgente

7.19上午的代码

jgdh2 3 anni fa
parent
commit
129ca981b4

+ 29 - 28
src/views/contracts/index.vue

xqd xqd xqd xqd xqd xqd xqd
@@ -1,7 +1,7 @@
 <template>
 	<div class="app-container">
-		<el-row style="">
-			<el-col :xs="24" :sm="24" :md="12" :lg="4" :xl="3">
+		<el-row type="flex" justify="space-between" style="margin-bottom:20px">
+			<!-- <el-col :xs="24" :sm="24" :md="12" :lg="4" :xl="3"> -->
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="handleCommand">
 						<div class="pulldown">
@@ -19,8 +19,8 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="24" :lg="4" :xl="3">
+			<!-- </el-col> -->
+			<!-- <el-col :xs="24" :sm="24" :md="24" :lg="4" :xl="3"> -->
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="handlehpCommand">
 						<div class="pulldown">
@@ -38,8 +38,8 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="12" :lg="4" :xl="3">
+			<!-- </el-col> -->
+			<!-- <el-col :xs="24" :sm="24" :md="12" :lg="4" :xl="3"> -->
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="handleCommandAuditstatus">
 						<div class="pulldown">
@@ -58,8 +58,8 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="5">
+			<!-- </el-col> -->
+			<!-- <el-col :xs="24" :sm="24" :md="24" :lg="6" :xl="5"> -->
 				<div class="grid-content bg-purple">
 					<div class="block">
 						<!-- <el-date-picker v-model="value2" type="daterange" align="right" unlink-panels
@@ -79,16 +79,21 @@
 					</div>
 
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="6">
+			<!-- </el-col> -->
+			<!-- <el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="6"> -->
 				<div class="grid-content bg-purple" style="margin-left: 25px;">
-					<el-input placeholder="合同名称/编号、承兑人名称或出票..." v-model="input4" style="width: 80%;">
+					<el-input placeholder="合同名称/编号、承兑人名称或出票..." v-model="input4" style="width: 100%;">
 						<i slot="prefix" class="el-input__icon el-icon-search"></i>
 					</el-input>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="7">
-				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
+			<!-- </el-col> -->
+			<!-- <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="7"> -->
+				
+			<!-- </el-col> -->
+
+		</el-row>
+		<el-row type="flex" justify="space-between" style="margin-bottom:20px">
+			<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
 					<el-button type="primary" @click="addNewContract" v-if="checked==1">上传合同</el-button>
 					<el-button type="primary" v-if="checked==0">审核失败</el-button>
 					<el-button type="primary" v-if="checked==0">审核成功</el-button>
@@ -96,47 +101,45 @@
 					<el-button type="success">复原</el-button>
 					<el-button type="danger">删除</el-button>
 				</div>
-			</el-col>
-
 		</el-row>
 		<el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit highlight-current-row
 			@select="handleSelectionChange">
 			<el-table-column align="center" label="" width="55" type="selection">
 
 			</el-table-column>
-			<el-table-column label="合同名称" align="center" width="340" prop="name">
+			<el-table-column label="合同名称" align="center"  prop="name">
 
 			</el-table-column>
-			<el-table-column label="合同编号" align="center" prop="contractNo">
+			<el-table-column label="合同编号" align="center" prop="contractNo" width="155">
 
 			</el-table-column>
-			<el-table-column label="承兑人" width="190" align="center" prop="acceptorName">
+			<el-table-column label="承兑人"  align="center" prop="acceptorName">
 
 			</el-table-column>
-			<el-table-column label="出票人" width="190" align="center" prop="drawersName">
+			<el-table-column label="出票人"  align="center" prop="drawersName">
 
 			</el-table-column>
-			<el-table-column label="汇票状态" width="190" align="center">
+			<el-table-column label="汇票状态"  align="center">
 				<template slot-scope="scope">
 					正常
 				</template>
 			</el-table-column>
-			<el-table-column label="合同状态" width="180" align="center">
+			<el-table-column label="合同状态"  align="center">
 				<template slot-scope="scope">
 					正常
 				</template>
 			</el-table-column>
-			<el-table-column class-name="status-col" label="审核状态" width="155" align="center" prop="statusText">
+			<el-table-column class-name="status-col" label="审核状态"  align="center" prop="statusText">
 
 			</el-table-column>
-			<el-table-column align="center" label="时间" prop="createdAt">
+			<el-table-column align="center" label="时间" prop="createdAt" width="155">
 
 			</el-table-column>
 			<el-table-column align="center" prop="created_at" label="操作" width="250">
 				<template slot-scope="scope">
 					<el-tag type="primary" style="cursor: pointer;" @click="tapDetail">查看详情</el-tag>
 					<el-tag type="success" style="cursor: pointer;" @click="tapDetail" v-if="checked==0">审核成功</el-tag>
-					<el-tag type="danger" style="cursor: pointer;" @click="tapDetail"v-if="checked==0">审核失败</el-tag>
+					<el-tag type="danger" style="cursor: pointer;" @click="tapDetail" v-if="checked==0">审核失败</el-tag>
 					<el-tag type="success" style="cursor: pointer;" v-if="checked==1">复用</el-tag>
 					<el-tag type="danger" style="cursor: pointer;" v-if="checked==1">删除</el-tag>
 				</template>
@@ -293,9 +296,7 @@
 	}
 
 	.pagesip {
-		position: fixed;
-		bottom: 16px;
-		width: 88%;
+		width: 100%;
 		margin: 20px auto;
 		padding-right: 50px;
 		display: flex;

+ 1 - 3
src/views/databackup/index.vue

xqd
@@ -219,9 +219,7 @@
 	}
 
 	.pagesip {
-		position: fixed;
-		bottom: 16px;
-		width: 88%;
+		width: 100%;
 		margin: 20px auto;
 		display: flex;
 		// align-items: center;

+ 15 - 34
src/views/delivery/index.vue

xqd xqd xqd xqd xqd xqd
@@ -1,14 +1,11 @@
 <template>
 	<div class="app-container">
-		<el-row style="">
-			<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="6">
-				<div class="grid-content bg-purple" style="margin-left: 25px;">
-					<el-input placeholder="请输入供应商名称" v-model="search" @change="Search" clearable style="width: 80%;">
+		<el-row type="flex" justify="space-around" style="margin-bottom:20px">
+				<div class="grid-content bg-purple" >
+					<el-input placeholder="请输入供应商名称" v-model="search" @change="Search" clearable style="width: 90%;">
 						<i slot="prefix" class="el-input__icon el-icon-search"></i>
 					</el-input>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="12" :lg="3" :xl="3">
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="PhandleCommand">
 						<div class="pulldown">
@@ -27,8 +24,6 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="24" :lg="3" :xl="3">
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="AhandleCommand">
 						<div class="pulldown">
@@ -47,8 +42,6 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="24" :lg="8" :xl="5">
 				<div class="grid-content bg-purple">
 					<div class="block">
 						<el-date-picker v-model="value2" type="daterange" align="right" unlink-panels
@@ -56,37 +49,32 @@
 							:picker-options="pickerOptions">
 						</el-date-picker>
 					</div>
-
-				</div>
-			</el-col>
-
-
-			<el-col :xs="24" :sm="24" :md="24" :lg="14" :xl="7">
-				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
+				</div>	
+		</el-row>
+		<el-row  type="flex" justify="end" style="margin-bottom:20px">
+			<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
 					<el-button type="primary">审核失败</el-button>
 					<el-button type="primary">审核成功</el-button>
 					<el-button type="primary">导出</el-button>
 					<el-button type="success">复原</el-button>
 					<el-button type="danger">禁用</el-button>
 				</div>
-			</el-col>
-
 		</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">
+			highlight-current-row  @selection-change="handleSelectionChange">
+			<el-table-column   type="selection">
 			</el-table-column>
-			<el-table-column label="供应商名称" align="center" prop="name">
+			<el-table-column label="供应商名称" align="center" prop="name" width="200">
 				<!-- <template slot-scope="scope">
           {{scope.name}}
         </template> -->
 			</el-table-column>
-			<el-table-column label="社会统一信用代码" width="240" align="center" prop="socialCode">
+			<el-table-column label="社会统一信用代码" width="200" align="center" prop="socialCode">
 				<!-- <template slot-scope="scope">
           {{scope.socialCode}}
         </template> -->
 			</el-table-column>
-			<el-table-column label="账号" width="180" align="center" prop="account">
+			<el-table-column label="账号" width="150" align="center" prop="account">
 				<!-- <template slot-scope="scope">
           {{scope.account}}
         </template> -->
@@ -107,16 +95,12 @@
           {{scope.contactsMobile}}
         </template> -->
 			</el-table-column>
-			<el-table-column label="审核状态" width="180" align="center" prop="statusText">
+			<el-table-column label="审核状态"  align="center" prop="statusText">
 				<!-- <template slot-scope="scope">
           {{scope.statusText}}
         </template> -->
 			</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 align="center" prop="createdAt" label="时间" width="180">
 			</el-table-column>
 			<el-table-column align="center" prop="created_at" label="操作" width="250">
 				<template slot-scope="scope">
@@ -286,11 +270,8 @@
 		padding: 0 20px;
 		color: #999999;
 	}
-
 	.pagesip {
-		position: fixed;
-		bottom: 16px;
-		width: 88%;
+		width: 100%;
 		margin: 20px auto;
 		display: flex;
 		// align-items: center;

+ 296 - 259
src/views/form/index.vue

xqd xqd
@@ -1,38 +1,37 @@
 <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-item command="删除">删除</el-dropdown-item>
-						</el-dropdown-menu>
-					</el-dropdown>
-				</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="search" @change="Search" clearable style="width: 80%;">
-							<i slot="prefix" class="el-input__icon el-icon-search"></i>
-						</el-input>
-					</div>
-				</div>
-			</el-col>
+  <div class="app-container">
+    <el-row type="flex" justify="space-between" style="margin-bottom: 20px">
+      <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-item command="删除">删除</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
+      <div class="grid-content bg-purple">
+        <div class="grid-content bg-purple" style="margin-left: 30px">
+          <el-input
+            placeholder="请输入出票人名称"
+            v-model="search"
+            @change="Search"
+            clearable
+            style="width: 100%"
+          >
+            <i slot="prefix" class="el-input__icon el-icon-search"></i>
+          </el-input>
+        </div>
+      </div>
 
-			<!-- <el-col :xs="24" :sm="11" :md="9" :lg="7" :xl="5" >
+      <!-- <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="至"
@@ -43,252 +42,290 @@
         </div>
       </el-col> -->
 
-			<!-- <el-col :span="1">
+      <!-- <el-col :span="1">
         <div class="grid-content bg-purple"></div>
       </el-col> -->
-			<el-col :xs="24" :sm="7" :md="6" :lg="8" :xl="16">
-				<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">导出</el-button>
-					<!--         <el-button type="success">复原</el-button>
+      <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">导出</el-button>
+        <!--         <el-button type="success">复原</el-button>
           <el-button type="danger">删除</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">
-			<el-table-column align="center" width="100" type="selection">
-			</el-table-column>
-			<el-table-column label="出票人名称" align="center" width="380" prop="name">
-				<!-- <template slot-scope="scope" >
+      </div>
+    </el-row>
+    <el-table
+      v-loading="listLoading"
+      :data="temporaryList"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+      @select="handleSelectionChange"
+    >
+      <el-table-column align="center" type="selection"> </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">
+      </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="开户行名称" width="300">
-				<!-- <template slot-scope="scope">
+      </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>
 
-			<el-table-column align="center" prop="statusText" label="状态" width="200">
-				<!-- <template slot-scope="scope">
-          <span>XXX</span>
-        </template> -->
-			</el-table-column>
-			<el-table-column align="center" prop="createdAt" label="时间">
-				<!-- <template slot-scope="scope">
+      <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">
-					<el-tag type="success" style="cursor: pointer;margin-right: 15px;" @click="todetail(scope.row.id)">
-						详情</el-tag>
-					<el-tag type="warning" style="cursor: pointer;margin-right: 15px;">复原</el-tag>
-					<el-tag type="danger" style="cursor: pointer;margin-right: 15px;"
-						@click.native.prevent="deleteRow(scope.$index,list)">删除</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>
+      </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(scope.row.id)"
+          >
+            详情</el-tag
+          >
+          <el-tag type="warning" style="cursor: pointer; margin-right: 15px"
+            >复原</el-tag
+          >
+          <el-tag
+            type="danger"
+            style="cursor: pointer; margin-right: 15px"
+            @click.native.prevent="deleteRow(scope.$index, list)"
+            >删除</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 {
-				request: {
-					pageIndex: 1,
-					pageSize: 50,
-					// startTime:'',
-					// endTime:'',
-					// name:'',
-					// status:,
-				},
-				srcList: [],
-				list: [],
-				temporaryList:[],
-				listLoading: false,
-				status: '',
-				hpstatus: '',
-				search: '',
-				currentPage: 1,
-				pagesize: 11,
-				checked: '',
-				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()
-		},
-		mounted() {
-			this.$request({
-				url: '/api/Drawer/search',
-				method: 'post',
-				data: this.request
-			}).then((res) => {
-				console.log(res.data.result)
-				this.list = res.data.result
-				this.getPageData()
-			})
-		},
-		methods: {
-			handleSelectionChange(data) {
-				this.multipleSelection = data
-				console.log(this.multipleSelection)
-			},
-			handleCommand(command) {
-				this.status = command
-				if(this.status=="正常"||this.status=="删除"){
-					this.temporaryList=this.srcList.filter(item=>item.statusText==this.status)
-				}else {
-					this.temporaryList=this.srcList
-				}				
-				console.log(this.srcList,"command")
-			},
-			handlehpCommand(command) {
-				this.hpstatus = command
-
-			},
-			addTicketdrawer() {
-				this.$router.push({
-					path: '/form/addTicketdrawer'
-				})
-			},
-			todetail(id) {
-				console.log(id)
-				this.$router.push({
-					path: '/form/detail',
-					query: {
-						id: id
-					}
-				}, )
-			},
-			deleteRow(index, rows) {
-				console.log(rows)
-				rows.splice(index, 1);
-			},
-			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
-			},
-			Search(){
-				if(this.search==""){
-					this.temporaryList=this.srcList
-				}else{
-					this.temporaryList=this.list.filter(item=>item.name==this.search)
-				}
-			},
+import { getList } from "@/api/table";
 
-		}
-	}
+export default {
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: "success",
+        draft: "gray",
+        deleted: "danger",
+      };
+      return statusMap[status];
+    },
+  },
+  data() {
+    return {
+      request: {
+        pageIndex: 1,
+        pageSize: 50,
+        // startTime:'',
+        // endTime:'',
+        // name:'',
+        // status:,
+      },
+      srcList: [],
+      list: [],
+      temporaryList: [],
+      listLoading: false,
+      status: "",
+      hpstatus: "",
+      search: "",
+      currentPage: 1,
+      pagesize: 11,
+      checked: "",
+      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()
+  },
+  mounted() {
+    this.$request({
+      url: "/api/Drawer/search",
+      method: "post",
+      data: this.request,
+    }).then((res) => {
+      console.log(res.data.result);
+      this.list = res.data.result;
+      this.getPageData();
+    });
+  },
+  methods: {
+    handleSelectionChange(data) {
+      this.multipleSelection = data;
+      console.log(this.multipleSelection);
+    },
+    handleCommand(command) {
+      this.status = command;
+      if (this.status == "正常" || this.status == "删除") {
+        this.temporaryList = this.srcList.filter(
+          (item) => item.statusText == this.status
+        );
+      } else {
+        this.temporaryList = this.srcList;
+      }
+      console.log(this.srcList, "command");
+    },
+    handlehpCommand(command) {
+      this.hpstatus = command;
+    },
+    addTicketdrawer() {
+      this.$router.push({
+        path: "/form/addTicketdrawer",
+      });
+    },
+    todetail(id) {
+      console.log(id);
+      this.$router.push({
+        path: "/form/detail",
+        query: {
+          id: id,
+        },
+      });
+    },
+    deleteRow(index, rows) {
+      console.log(rows);
+      rows.splice(index, 1);
+    },
+    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;
+    },
+    Search() {
+      if (this.search == "") {
+        this.temporaryList = this.srcList;
+      } else {
+        this.temporaryList = this.list.filter(
+          (item) => item.name == this.search
+        );
+      }
+    },
+  },
+};
 </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;
-	}
+.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 {
-		position: fixed;
-		bottom: 16px;
-		width: 88%;
-		margin: 20px auto;
-		display: flex;
-		// align-items: center;
-		justify-content: flex-end;
-	}
+.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-pagination.is-background .el-pager li:not(.disabled).active {
+  background-color: #d8ab5a;
+}
 
-	.el-col {
-		margin-bottom: 20px;
-	}
+.el-col {
+  margin-bottom: 20px;
+}
 </style>

+ 13 - 22
src/views/management/index.vue

xqd xqd xqd xqd
@@ -1,14 +1,11 @@
 <template>
 	<div class="app-container">
-		<el-row style="">
-			<el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="6">
-				<div class="grid-content bg-purple" style="margin-left: 10px;">
-					<el-input placeholder="业务管理员名称搜索" v-model="input4" style="width: 80%;">
+		<el-row type="flex" justify="space-between" style="margin-bottom:20px ;">
+				<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>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="12" :lg="4" :xl="3">
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="handleCommand">
 						<div class="pulldown">
@@ -26,8 +23,6 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="24" :md="24" :lg="4" :xl="3">
 				<div class="grid-content bg-purple">
 					<el-dropdown @command="handlehpCommand()">
 						<div class="pulldown">
@@ -45,23 +40,19 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
 			<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;margin-left: 10px;">
-				<el-button type="primary">审核成功</el-button>
-				<el-button type="primary">审核失败</el-button>
-				<el-button type="primary">禁用</el-button>
-				<el-button type="success">复原</el-button>
+				<el-button type="success">审核成功</el-button>
+				<el-button type="danger">审核失败</el-button>
+				<el-button type="warning">禁用</el-button>
+				<el-button type="primary">复原</el-button>
 				<el-button type="primary">批量导出</el-button>
 			</div>
 		</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>
+			highlight-current-row @selection-change="handleSelectionChange"> 
+			<el-table-column align="center" label="" width="55" type="selection">
 			</el-table-column>
-			<el-table-column label="业务管理员姓名" align="center" width="340" prop="realName">
+			<el-table-column label="业务管理员姓名" align="center" width="180" prop="realName">
 				<!-- <template slot-scope="scope">
           成都韩晶供应商公司
         </template> -->
@@ -71,17 +62,17 @@
           <span>合同编号</span>
         </template> -->
 			</el-table-column>
-			<el-table-column label="联系电话" width="190" align="center" prop="mobile">
+			<el-table-column label="联系电话" width="180" align="center" prop="mobile">
 				<!-- <template slot-scope="scope">
           承兑人
         </template> -->
 			</el-table-column>
-			<el-table-column label="业务管理员状态" width="190" align="center">
+			<el-table-column label="业务管理员状态"  align="center" prop="statusText">
 				<!-- <template slot-scope="scope">
           出票人
         </template> -->
 			</el-table-column>
-			<el-table-column label="审核状态" width="190" align="center">
+			<el-table-column label="审核状态"  align="center" prop="approveStatusText">
 				<!-- <template slot-scope="scope">
           汇票状态
         </template> -->

+ 8 - 24
src/views/shipments/index.vue

xqd xqd xqd xqd xqd xqd xqd xqd
@@ -1,7 +1,6 @@
 <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">
          <el-dropdown @command="handleCommand">
            <div class="pulldown">
@@ -18,10 +17,8 @@
            </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 range-separator="至"
@@ -30,7 +27,6 @@
          </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;">
@@ -42,10 +38,6 @@
        </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="16">
        <div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
          <el-button type="primary" disabled>承兑人分类报表</el-button>
          <el-button type="primary" @click="shipments1">出票人分类报表</el-button>
@@ -53,7 +45,6 @@
          <el-button type="primary" @click="shipments3">供应商统计列表</el-button>
         <el-button type="primary" @click="Export">导出</el-button>
        </div>
-     </el-col>
 
    </el-row>
     <el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit highlight-current-row>
@@ -65,19 +56,19 @@
       <el-table-column label="承兑人姓名"  align="center" prop="acceptorName">
 
       </el-table-column>
-      <el-table-column label="统计周期(按照承兑日)"  align="center" prop="period">
+      <el-table-column label="统计周期(按照承兑日)" width="180" align="center" prop="period">
 
       </el-table-column>
-      <el-table-column label="汇票笔数" width="320" align="center" prop="count">
+      <el-table-column label="汇票笔数"  align="center" prop="count">
 
       </el-table-column>
-     <el-table-column label="汇票金额" width="320" align="center" prop="money">
+     <el-table-column label="汇票金额"  align="center" prop="money">
 
      </el-table-column>
-     <el-table-column label="服务费" width="300" align="center" prop="serviceMoney">
+     <el-table-column label="服务费"  align="center" prop="serviceMoney">
 
      </el-table-column>
-     <el-table-column label="利息" width="280" align="center" prop="interest">
+     <el-table-column label="利息"  align="center" prop="interest">
 
      </el-table-column>
 
@@ -200,12 +191,6 @@
         this.$router.push({path:"/shipments3"})
       },
       Export(){
-      //   this.$request({
-      //     url:'/api/Report/export/acceptorClassification?frequency=1&startDate=&endDate=',
-      //     method:'get',
-      //   }).then((res)=>{
-        
-      // })
 				window.open('http://123.207.180.167:8700/api/Report/export/acceptorClassification?frequency=1&startDate=&endDate=')
       },
 			handleCurrentChange(val) {
@@ -243,9 +228,8 @@
     color: #999999;
   }
   .pagesip{
-    position: fixed;
-    bottom: 16px;
-    width: 88%;
+
+    width: 100%;
     margin: 20px auto;
     display: flex;
     // align-items: center;

+ 7 - 21
src/views/shipments/shipments1.vue

xqd xqd xqd xqd xqd xqd xqd xqd
@@ -1,7 +1,6 @@
 <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">
 					<el-dropdown @command="handleCommand">
 						<div class="pulldown">
@@ -18,10 +17,8 @@
 						</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
@@ -31,7 +28,6 @@
 					</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;">
@@ -46,7 +42,6 @@
 			<!-- <el-col :span="1">
        <div class="grid-content bg-purple"></div>
      </el-col> -->
-			<el-col :xs="13" :sm="7" :md="6" :lg="8" :xl="16">
 				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
 					<el-button type="primary" @click="index">承兑人分类报表</el-button>
 					<el-button type="primary" disabled>出票人分类报表</el-button>
@@ -55,7 +50,6 @@
 					<el-button type="primary" @click="Export">导出</el-button>
 
 				</div>
-			</el-col>
 
 		</el-row>
 		<el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit
@@ -68,17 +62,17 @@
 			<el-table-column label="出票人" align="center" prop="drawerName">
 
 			</el-table-column>
-			<el-table-column label="统计周期(按照出票日)" align="center" prop="period">
+			<el-table-column label="统计周期(按照出票日)" align="center" prop="period" width="180">
 
 			</el-table-column>
-			<el-table-column label="汇票笔数" width="320" align="center" prop="count">
+			<el-table-column label="汇票笔数"  align="center" prop="count">
 
 			</el-table-column>
-			<el-table-column label="汇票金额" width="320" align="center" prop="money">
+			<el-table-column label="汇票金额"  align="center" prop="money">
 			</el-table-column>
-			<el-table-column label="服务费" width="300" align="center" prop="serviceMoney">
+			<el-table-column label="服务费"  align="center" prop="serviceMoney">
 			</el-table-column>
-			<el-table-column label="利息" width="280" align="center" prop="interest">
+			<el-table-column label="利息"  align="center" prop="interest">
 			</el-table-column>
 		</el-table>
 		<div class="pagesip">
@@ -97,12 +91,6 @@
 </template>
 
 <script>
-	import {
-		getList
-	} from '@/api/table';
-	import FileSaver from "file-saver";
-	import XLSX from "xlsx";
-
 	export default {
 		filters: {
 			statusFilter(status) {
@@ -232,9 +220,7 @@
 	}
 
 	.pagesip {
-		position: fixed;
-		bottom: 16px;
-		width: 88%;
+		width: 100%;
 		margin: 20px auto;
 		display: flex;
 		// align-items: center;

+ 7 - 15
src/views/shipments/shipments2.vue

xqd xqd xqd xqd xqd xqd xqd
@@ -1,7 +1,6 @@
 <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">
          <el-dropdown @command="handleCommand">
            <div class="pulldown">
@@ -18,10 +17,8 @@
            </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 range-separator="至"
@@ -30,7 +27,6 @@
          </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;">
@@ -45,7 +41,6 @@
     <!-- <el-col :span="1">
        <div class="grid-content bg-purple"></div>
      </el-col> -->
-     <el-col :xs="13" :sm="7" :md="6" :lg="8" :xl="16">
        <div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
         <el-button type="primary" @click="index">承兑人分类报表</el-button>
         <el-button type="primary" @click="shipments1">出票人分类报表</el-button>
@@ -54,7 +49,6 @@
          <el-button type="primary" @click="Export">导出</el-button>
 
        </div>
-     </el-col>
 
    </el-row>
     <el-table v-loading="listLoading" :data="srcList" element-loading-text="Loading" border fit highlight-current-row>
@@ -69,19 +63,19 @@
       <el-table-column label="汇票承兑日"  align="center" prop="acceptDate">
 
       </el-table-column>
-      <el-table-column label="汇票贴现日" width="320" align="center" prop="expectDiscountDate">
+      <el-table-column label="汇票贴现日"  align="center" prop="expectDiscountDate">
 
       </el-table-column>
-     <el-table-column label="汇票笔数" width="320" align="center" prop="count">
+     <el-table-column label="汇票笔数"  align="center" prop="count">
 
      </el-table-column>
-     <el-table-column label="汇票金额" width="320" align="center" prop="money">
+     <el-table-column label="汇票金额" align="center" prop="money">
 
      </el-table-column>
-     <el-table-column label="服务费" width="300" align="center" prop="serviceMoney">
+     <el-table-column label="服务费"  align="center" prop="serviceMoney">
 
      </el-table-column>
-     <el-table-column label="利息" width="280" align="center">
+     <el-table-column label="利息"  align="center">
        <template slot-scope="scope">
          xxxx
        </template>
@@ -237,9 +231,7 @@
     color: #999999;
   }
   .pagesip{
-    position: fixed;
-    bottom: 16px;
-    width: 88%;
+    width: 100%;
     margin: 20px auto;
     display: flex;
     // align-items: center;

+ 7 - 15
src/views/shipments/shipments3.vue

xqd xqd xqd xqd xqd xqd xqd
@@ -1,7 +1,6 @@
 <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">
 					<el-dropdown @command="handleCommand">
 						<div class="pulldown">
@@ -18,10 +17,8 @@
 						</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
@@ -31,7 +28,6 @@
 					</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;">
@@ -46,7 +42,6 @@
 			<!-- <el-col :span="1">
        <div class="grid-content bg-purple"></div>
      </el-col> -->
-			<el-col :xs="13" :sm="7" :md="6" :lg="8" :xl="16">
 				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
 					<el-button type="primary" @click="index">承兑人分类报表</el-button>
 					<el-button type="primary" @click="shipments1">出票人分类报表</el-button>
@@ -54,7 +49,6 @@
 					<el-button type="primary" disabled>供应商统计列表</el-button>
 					<el-button type="primary" @click="Export">导出</el-button>
 				</div>
-			</el-col>
 			<!-- <el-col :xs="13" :sm="7" :md="6" :lg="8" :xl="16">
        <div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
 
@@ -76,19 +70,19 @@
 			<el-table-column label="汇票承兑日" align="center" prop="acceptDate">
 
 			</el-table-column>
-			<el-table-column label="汇票贴现日" width="320" align="center" prop="expectDiscountDate">
+			<el-table-column label="汇票贴现日"  align="center" prop="expectDiscountDate">
 
 			</el-table-column>
-			<el-table-column label="汇票笔数" width="320" align="center" prop="count">
+			<el-table-column label="汇票笔数"  align="center" prop="count">
 
 			</el-table-column>
-			<el-table-column label="汇票金额" width="320" align="center" prop="money">
+			<el-table-column label="汇票金额"  align="center" prop="money">
 
 			</el-table-column>
-			<el-table-column label="服务费" width="300" align="center" prop="serviceMoney">
+			<el-table-column label="服务费"  align="center" prop="serviceMoney">
 
 			</el-table-column>
-			<el-table-column label="利息" width="280" align="center" prop="interest">
+			<el-table-column label="利息"  align="center" prop="interest">
 
 			</el-table-column>
 		</el-table>
@@ -241,9 +235,7 @@
 	}
 
 	.pagesip {
-		position: fixed;
-		bottom: 16px;
-		width: 88%;
+		width: 100%;
 		margin: 20px auto;
 		display: flex;
 		// align-items: center;

+ 1 - 3
src/views/sucuirtyaudit/index.vue

xqd
@@ -209,9 +209,7 @@
     color: #999999;
   }
   .pagesip{
-    position: fixed;
-    bottom: 16px;
-    width: 88%;
+    width: 100%;
     margin: 20px auto;
     display: flex;
     // align-items: center;

+ 10 - 12
src/views/table/index.vue

xqd xqd xqd
@@ -1,7 +1,7 @@
 <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">
+			<!-- <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">
@@ -20,24 +20,24 @@
 						</el-dropdown-menu>
 					</el-dropdown>
 				</div>
-			</el-col>
-			<el-col :xs="24" :sm="10" :md="8" :lg="5" :xl="5">
+			<!-- </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="search" @change="Search" clearable style="width: 80%;">
+					<div class="grid-content bg-purple" >
+						<el-input placeholder="请输入承兑人名称" v-model="search" @change="Search" clearable style="width: 100%;">
 							<i slot="prefix" class="el-input__icon el-icon-search"></i>
 						</el-input>
 					</div>
 				</div>
-			</el-col>
+			<!-- </el-col> -->
 
-			<el-col :xs="24" :sm="7" :md="6" :lg="8" :xl="16">
+			<!-- <el-col :xs="24" :sm="7" :md="6" :lg="8" :xl="16"> -->
 				<div class="grid-content bg-purple" style="display: flex;justify-content: flex-end;">
 					<el-button type="primary" @click="addAcceptor">新增承兑人</el-button>
 					<el-button type="primary" @click="Exports()">导出</el-button>
 
 				</div>
-			</el-col>
+			<!-- </el-col> -->
 
 		</el-row>
 		<el-table v-loading="listLoading" :data="temporaryList" element-loading-text="Loading" border fit
@@ -256,9 +256,7 @@
 	}
 
 	.pagesip {
-		position: fixed;
-		bottom: 16px;
-		width: 88%;
+		width: 100%;
 		display: flex;
 		justify-content: flex-end;
 	}