分公司统计

src/api/statistics.js

@@ -36,3 +36,22 @@ export function excel(query) {
     responseType: 'blob'
   });
 }
+
+// 分公司业绩
+export function company_performance(query) {
+  return fetch({
+    url: 'api/order/statistics/company_performance',
+    method: 'post',
+    data: query
+  });
+}
+
+// 員工業績導出
+export function excelExport(query) {
+  return fetch({
+    url: 'api/order/statistics/export',
+    method: 'post',
+    data: query,
+    responseType: 'blob'
+  });
+}
\ No newline at end of file

src/api/vehicle/departureLog/index.js

@@ -19,7 +19,7 @@ export function statistic(param) {
 
 export function findReserveType(param) {
   return fetch({
-    url: '/departure/findReserveType ',
+    url: '/vehicle/departure/findReserveType ',
     method: 'get',
     params: param
   })

src/router/index.js

@@ -555,7 +555,8 @@ export const asyncRouterMap = [{
       component: _import('userManagement/imCustomerServiceManger/cusomterServiceList'),
       name: '客服列表',
       authority: 'imCustomerServiceManger'
-    },{
+    },
+    {
       path: 'employeesInput',
       component: _import('userManagement/employeesInput'),
       name: '员工录入',
@@ -587,7 +588,7 @@ export const asyncRouterMap = [{
       component: _import('appManagement/selectedActivities/index'),
       name: '首页精选活动',
       authority: 'selectedActivities'
-    },
+    }
 	// {
  //      path: 'pushManagement',
  //      component: _import('appManagement/pushManagement/index'),
@@ -753,6 +754,11 @@ export const asyncRouterMap = [{
       component: _import('financial/memberPerformance'),
       name: '总公司报表',
       authority: 'memberPerformance'
+    }, {
+      path: 'branchCompany',
+      component: _import('financial/branchCompany'),
+      name: '总公司报表',
+      authority: 'branchCompany'
     }
   ]
 }

src/views/financial/branchCompany.vue

+<template>
+	<div class="app-container calendar-list-container">
+		<div class="filter-container">
+			<el-form :inline="true" label-position="left">
+				<el-form-item label="统计周期">
+					<el-date-picker v-model="time" type="daterange" placeholder="请选择统计周期" @change="changeTime"></el-date-picker>
+				</el-form-item>
+				<el-form-item label="统计方式">
+					<el-radio-group v-model="listQuery.statisticalWay" @change="changeType">
+						<el-radio-button label=1>日</el-radio-button>
+						<el-radio-button label=2>周</el-radio-button>
+						<el-radio-button label=3>月</el-radio-button>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="所属公司">
+					<el-select
+						v-model="listQuery.companyId"
+						filterable
+						placeholder="请选择业绩所属公司"
+						clearable
+						@change="changeCompany"
+					>
+						<el-option label="全部" value>全部</el-option>
+						<el-option v-for="item in allCompaniesArr" :key="item.id" :label="item.name" :value="item.id"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-button type="primary" @click="clearSearch">清空搜索</el-button>
+				<el-button type="primary" :loading="excelLoading" @click="downloadExcel">导出报表</el-button>
+			</el-form>
+
+			<el-table :data="tableData" border style="width: 100%" header-align="center">
+				<el-table-column
+					prop="date"
+					label="时间"
+					align="center"
+					width="200"
+					v-if="listQuery.statisticalWay == 1"
+				></el-table-column>
+				<el-table-column
+					prop="weekOfYear"
+					label="时间"
+					align="center"
+					width="200"
+					v-else-if="listQuery.statisticalWay == 2"
+				></el-table-column>
+				<el-table-column prop="month" label="时间" align="center" width="200" v-else></el-table-column>
+				<el-table-column prop="companyName" label="公司" align="center"></el-table-column>
+				<el-table-column prop="memberAmount" label="会员费" align="center"></el-table-column>
+				<el-table-column prop="rentVehilceAmount" label="租车费" align="center"></el-table-column>
+				<el-table-column prop="depositAmount" label="押金" align="center"></el-table-column>
+				<el-table-column prop="noDeductibleAmount" label="不计免赔费" align="center"></el-table-column>
+				<el-table-column prop="travelAmount" label="旅游费" align="center"></el-table-column>
+				<el-table-column prop="rentDays" label="租借天数" align="center"></el-table-column>
+				<el-table-column prop="extralAmount" label="其他费用" align="center"></el-table-column>
+				<el-table-column prop="departureNum" label="出车服务次数" align="center"></el-table-column>
+				<el-table-column prop="arrivalNum" label="收车服务次数" align="center"></el-table-column>
+			</el-table>
+
+			<el-pagination
+				@size-change="handleSizeChange"
+				@current-change="handleCurrentChange"
+				:current-page.sync="listQuery.page"
+				:page-sizes="[10,20,30, 50]"
+				:page-size="listQuery.limit"
+				layout="total, sizes, prev, pager, next, jumper"
+				:total="total"
+				style="margin-top:20px"
+			></el-pagination>
+		</div>
+	</div>
+</template>
+<script>
+import { company_performance, excelExport } from 'api/statistics'
+import { getAll } from 'api/base_info/branch_company'
+export default {
+	created() {
+		//表格数据
+		this.getList()
+		//获取分公司
+		getAll().then(data => {
+			this.allCompaniesArr = data.data
+		})
+	},
+	data() {
+		return {
+			tableData: [], //表格数据
+			time: null, //时间
+			excelLoading: false, //导出loading
+			allCompaniesArr: [],
+			total: null,
+			listQuery: {
+				statisticalWay: 1, //统计方式
+				companyId: null, //公司
+				page: 1,
+				limit: 10
+			}
+		}
+	},
+	methods: {
+		//统计周期筛选
+		changeTime(val, value) {
+			this.listQuery.page = 1
+			if (!!val) {
+				let value = val.split(' - ')
+				this.listQuery.startDate = value[0] + ' 00:00:00'
+				this.listQuery.endDate = value[1] + ' 23:59:59'
+				this.getList()
+			} else {
+				this.listQuery.startDate = null
+				this.listQuery.endDate = null
+				this.getList()
+			}
+		},
+		//统计方式筛选
+		changeType() {
+			this.listQuery.page = 1
+			this.getList()
+		},
+		//公司筛选
+		changeCompany() {
+			this.listQuery.page = 1
+			this.getList()
+		},
+		//清空搜索
+		clearSearch() {
+			this.time = null
+			this.listQuery = {
+				statisticalWay: 1, //统计方式
+				companyId: null, //公司
+				page: 1,
+				limit: 10
+			}
+		},
+		//导出
+		downloadExcel() {
+			this.excelLoading = true
+			var u = navigator.userAgent,
+				app = navigator.appVersion
+			excelExport(this.listQuery, { responseType: 'arraybuffer' }).then(res => {
+				const content = res
+				const blob = new Blob([content], {
+					type: 'application/vnd.ms-excel'
+				})
+				const fileName = '报表.xlsx'
+				if (u.indexOf('Edge') > -1) {
+					window.navigator.msSaveBlob(blob, fileName)
+				} else {
+					const elink = document.createElement('a')
+					elink.download = fileName
+					elink.style.display = 'none'
+					elink.href = URL.createObjectURL(blob)
+					document.body.appendChild(elink)
+					elink.click()
+					URL.revokeObjectURL(elink.href) // 释放URL 对象
+					document.body.removeChild(elink)
+				}
+				this.excelLoading = false
+			})
+		},
+		//表格数据
+		getList() {
+			company_performance(this.listQuery).then(data => {
+				if (data.status == 200) {
+					this.tableData = data.data.data
+					this.total = data.data.totalCount
+				} else {
+					this.$message.error(data.message)
+				}
+			})
+		},
+		//分页
+		handleSizeChange(val) {
+			this.listquery.limit = val
+			this.getList()
+		},
+		handleCurrentChange(val) {
+			this.listquery.page = val
+			this.getList()
+		}
+	}
+}
+</script>
+<style>
+</style>
\ No newline at end of file

src/views/vehicle/vehicleDepartureLog/index.vue

@@ -5,16 +5,27 @@
 				<el-row>
 					<el-col :span="5">
 						<el-form-item label="车辆编码" prop="code">
-                <el-input type="number" style="width: 200px;" v-model.number="listQuery.code"
-                          placeholder="请输入车辆编码"></el-input>
+							<el-input
+								type="number"
+								style="width: 200px;"
+								v-model.number="listQuery.code"
+								placeholder="请输入车辆编码"
+							></el-input>
 						</el-form-item>
 					</el-col>
+
 					<el-col :span="5">
 						<el-form-item label="车牌号" prop="code">
-              <el-input @keyup.enter.native="handleFilter" style="width: 200px;" class="filter-item" placeholder="车牌号"
-                        v-model="listQuery.numberPlate"></el-input>
+							<el-input
+								@keyup.enter.native="handleFilter"
+								style="width: 200px;"
+								class="filter-item"
+								placeholder="车牌号"
+								v-model="listQuery.numberPlate"
+							></el-input>
 						</el-form-item>
 					</el-col>
+
 					<el-col :span="5">
 						<el-form-item label="出车日期" prop="startTime">
 							<el-date-picker
@@ -23,10 +34,11 @@
 								:editable="false"
 								format="yyyy-MM-dd"
 								prop="startTime"
-					      placeholder="请选择出车日期">
-					    </el-date-picker>
+								placeholder="请选择出车日期"
+							></el-date-picker>
 						</el-form-item>
 					</el-col>
+
 					<el-col :span="5">
 						<el-form-item label="还车日期" prop="endTime">
 							<el-date-picker
@@ -35,14 +47,15 @@
 								:editable="false"
 								format="yyyy-MM-dd"
 								prop="endTime"
-					      placeholder="请选择还车日期">
-					    </el-date-picker>
+								placeholder="请选择还车日期"
+							></el-date-picker>
 						</el-form-item>
 					</el-col>
 				</el-row>
+
 				<el-row>
 					<el-col :span="5">
-            <el-form-item label="分公司" prop="departureId">
+						<el-form-item label="出车公司" prop="departureId">
 							<el-autocomplete
 								class="inline-input"
 								v-model="state1"
@@ -52,6 +65,33 @@
 							></el-autocomplete>
 						</el-form-item>
 					</el-col>
+
+					<el-col :span="5">
+						<el-form-item label="收车公司">
+							<el-autocomplete
+								class="inline-input"
+								v-model="arrivalBranchCompanyId"
+								:fetch-suggestions="querySearch"
+								placeholder="请输入内容"
+								@select="putCompanyChange"
+							></el-autocomplete>
+						</el-form-item>
+					</el-col>
+
+					<el-col :span="5">
+						<el-form-item label="用途">
+							<el-select v-model="listQuery.use" filterable placeholder="请选择车辆用途" @change="changeUse">
+								<el-option label="全部" value>全部</el-option>
+								<el-option
+									v-for="item in useArr"
+									:key="item.code"
+									:label="item.name"
+									:value="item.code"
+								></el-option>
+							</el-select>
+						</el-form-item>
+					</el-col>
+
 					<el-col :span="5">
 						<el-form-item>
 							<el-button class="filter-item" type="primary" v-waves icon="search" @click="handleFilter">搜索</el-button>
@@ -61,38 +101,50 @@
 				</el-row>
 			</el-form>
 		</div>
+
 		<div v-show="statisticVisiable">
 			<el-row style="text-align: center;margin-top: 10px;margin-bottom: 10px">
 				<el-col :span="8">
 					<span class="statistic_number">{{statisticData.departureCount}}</span>
-          <br><br>
+					<br />
+					<br />
 					<span class="statistic_title">出行次数</span>
 				</el-col>
 				<el-col :span="8">
 					<span class="statistic_number">{{statisticData.departureDay}}</span>
-          <br><br>
+					<br />
+					<br />
 					<span class="statistic_title">出行天数</span>
 				</el-col>
 				<el-col :span="8">
 					<span class="statistic_number">{{statisticData.departureMileage}}</span>
-          <br><br>
+					<br />
+					<br />
 					<span class="statistic_title">公里</span>
 				</el-col>
 			</el-row>
 		</div>
-    <el-button class="filter-item" type="primary" :icon=" showMoreMoreCol ? 'caret-left' : 'caret-right' " v-waves
-               @click="showMoreMoreCol=!showMoreMoreCol">
-      更多列
-    </el-button>
-    <el-table :key='tableKey' :data="list" v-loading.body="listLoading" border fit highlight-current-row
-              style="width: 100%">
-      <el-table-column
-        type="index"
-        label="编号"
-        width="65">
-      </el-table-column>
-<!--      <el-table-column align="center" label="编号" width="65">
- -->      <!--<template scope="scope">-->
+
+		<el-button
+			class="filter-item"
+			type="primary"
+			:icon=" showMoreMoreCol ? 'caret-left' : 'caret-right' "
+			v-waves
+			@click="showMoreMoreCol=!showMoreMoreCol"
+		>更多列</el-button>
+		<el-table
+			:key="tableKey"
+			:data="list"
+			v-loading.body="listLoading"
+			border
+			fit
+			highlight-current-row
+			style="width: 100%"
+		>
+			<el-table-column type="index" label="编号" width="65"></el-table-column>
+			<!--      <el-table-column align="center" label="编号" width="65">
+			-->
+			<!--<template scope="scope">-->
 			<!--<span>{{scope.row.id}}</span>-->
 			<!--</template>-->
 			<!--</el-table-column>-->
@@ -101,12 +153,53 @@
 					<span>{{scope.row.numberPlate}}</span>
 				</template>
 			</el-table-column>
-      <el-table-column width="200" align="center" label="出车时间">
+			<el-table-column align="center" label="预约出/收车时间">
+				<template scope="scope">
+					<p>{{scope.row.bookStartDate}}</p>
+					<p>{{scope.row.bookEndDate}}</p>
+				</template>
+			</el-table-column>
+			<el-table-column align="center" label="实际出/收车时间">
+				<template scope="scope">
+					<p>{{scope.row.actualStartDate}}</p>
+					<p>{{scope.row.actualEndDate}}</p>
+				</template>
+			</el-table-column>
+			<el-table-column align="center" label="出/收车公司">
+				<template scope="scope">
+					<p>{{scope.row.departureName}}</p>
+					<p>{{scope.row.arrivalName}}</p>
+				</template>
+			</el-table-column>
+			<el-table-column align="center" label="出/收车人">
 				<template scope="scope">
 					<span>{{scope.row.departureTime}}</span>
 				</template>
 			</el-table-column>
-      <el-table-column width="100" align="center" label="使用人">
+			<el-table-column align="center" label="出行天数/公里数">
+				<template scope="scope">
+					<p>{{scope.row.departureDay}}</p>
+					<p>{{scope.row.mileage}}</p>
+				</template>
+			</el-table-column>
+			<el-table-column align="center" label="客户/手机号">
+				<template scope="scope">
+					<p>{{scope.row.user}}</p>
+					<p>{{scope.row.userTel}}</p>
+				</template>
+			</el-table-column>
+			<el-table-column align="center" label="用途">
+				<template scope="scope">
+					<span>{{scope.row.use}}</span>
+				</template>
+			</el-table-column>
+			<el-table-column align="center" label="备注">
+				<template scope="scope">
+					<span>{{scope.row.departureTime}}</span>
+				</template>
+			</el-table-column>
+
+			<!-- <el-table-column width="100" align="center" label="使用人">
 				<template scope="scope">
 					<span>{{scope.row.user}}</span>
 				</template>
@@ -150,9 +243,9 @@
 				<template scope="scope">
 					<span>{{scope.row.use}}</span>
 				</template>
-      </el-table-column>
+			</el-table-column>-->
 
-      <el-table-column width="200" align="center" label="使用人电话" v-if="showMoreMoreCol">
+			<!-- <el-table-column width="200" align="center" label="使用人电话" v-if="showMoreMoreCol">
 				<template scope="scope">
 					<span>{{scope.row.userTel}}</span>
 				</template>
@@ -164,7 +257,6 @@
 				</template>
 			</el-table-column>
 
-
 			<el-table-column width="100" align="center" label="开始公里数" v-if="showMoreMoreCol">
 				<template scope="scope">
 					<span>{{scope.row.mileageStart}}</span>
@@ -174,13 +266,19 @@
 				<template scope="scope">
 					<span>{{scope.row.mileageEnd}}</span>
 				</template>
-      </el-table-column>
+			</el-table-column>-->
 		</el-table>
 
 		<div v-show="!listLoading" class="pagination-container">
-      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                     :current-page.sync="listQuery.page" :page-sizes="[10,20,30, 50]" :page-size="listQuery.limit"
-                     layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
+			<el-pagination
+				@size-change="handleSizeChange"
+				@current-change="handleCurrentChange"
+				:current-page.sync="listQuery.page"
+				:page-sizes="[10,20,30, 50]"
+				:page-size="listQuery.limit"
+				layout="total, sizes, prev, pager, next, jumper"
+				:total="total"
+			></el-pagination>
 		</div>
 
 		<!--    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">-->
@@ -198,41 +296,36 @@
 	</div>
 </template>
 <style>
-  .statistic_number {
+.statistic_number {
 	font-size: x-large;
 	font-weight: bolder;
-  }
+}
 
-  .statistic_title {
+.statistic_title {
 	font-size: x-large;
-  }
+}
 </style>
 <script>
-    import {mapGetters} from 'vuex';
-    import {
+import { mapGetters } from 'vuex'
+import {
 	page,
-        statistic
-    } from '../../../api/vehicle/departureLog';
-    import {
-        getAllCompany,
-        getAll
-    } from 'api/base_info/branch_company/';
-    import {
-        getAllZone
-    } from 'api/base_info/constant/';
-    import {
-        getAllBranchCompanyByZoneId
-    } from 'api/order/rentVehicle';
-    import {
+	statistic,
+	findReserveType
+} from '../../../api/vehicle/departureLog'
+import { getAllCompany, getAll } from 'api/base_info/branch_company/'
+import { getAllZone } from 'api/base_info/constant/'
+import { getAllBranchCompanyByZoneId } from 'api/order/rentVehicle'
+import {
 	toEast8Date,
 	deepCopyDate,
 	newEast8Date,
 	getYMD_date
-    } from 'utils/dateUtils';
-				export default {
+} from 'utils/dateUtils'
+export default {
 	name: 'vehicleDepartureLog',
 	data() {
 		return {
+			purpose:null,
 			showMoreMoreCol: false,
 			form: {
 				id: null,
@@ -250,8 +343,8 @@
 				mileageStart: null,
 				mileageEnd: null,
 				state: null,
-                    allCompaniesArr:[],
-                    selectArry: [],
+				allCompaniesArr: [],
+				selectArry: []
 			},
 			rules: {
 				name: [
@@ -265,19 +358,23 @@
 			list: null,
 			total: null,
 			listLoading: true,
-                allBranchCompany:[],
+			allBranchCompany: [],
 			baranchQuery: {
-                    zoneId:null
+				zoneId: null
 			},
-                allZoneArr:[],//全部片区
-                state1:'',
+			allZoneArr: [], //全部片区
+			state1: '',
+			arrivalBranchCompanyId:null,
+			useArr:[],//用途
 			listQuery: {
 				page: 1,
 				limit: 20,
 				startTime: undefined,
-                    endTime:undefined,
+				endTime: undefined,
 				numberPlate: undefined,
-                    departureId:undefined,
+				departureId: undefined,
+				arrivalBranchCompanyId: null,
+				use:null
 			},
 			dialogStatus: '',
 			textMap: {
@@ -295,144 +392,184 @@
 		}
 	},
 	created() {
-          let t = this;
-          const numberPlate = this.$route.query.numberPlate;
+		let t = this
+		const numberPlate = this.$route.query.numberPlate
 		if (numberPlate) {
-            this.listQuery.numberPlate = numberPlate;
+			this.listQuery.numberPlate = numberPlate
 		}
-          getAll() .then(response => {
-            this.allCompaniesArr = response.data;
-            let query =  localStorage.getItem("vehicleDepartureLog");
-            if(query !="null" && query && !numberPlate){
-              this.listQuery = JSON.parse(query);
-              if(t.listQuery.departureId){
-                t.allCompaniesArr.map(function (item) {
-                  if(item.id == t.listQuery.departureId){
-                    t.state1 = item.name;
+		getAll().then(response => {
+			this.allCompaniesArr = response.data
+			let query = localStorage.getItem('vehicleDepartureLog')
+			if (query != 'null' && query && !numberPlate) {
+				this.listQuery = JSON.parse(query)
+				if (t.listQuery.departureId) {
+					t.allCompaniesArr.map(function(item) {
+						if (item.id == t.listQuery.departureId) {
+							t.state1 = item.name
 						}
-                });
+					})
 				}
 			}
-            t.handleFilter();
+			t.handleFilter()
+		})
+		findReserveType().then(data=>{
+			this.useArr = JSON.parse(data.data).type
+			console.log(this.useArr);
+			
 		})
 	},
 	computed: {
-            ...mapGetters([
-                'elements'
-            ]),
+		...mapGetters(['elements']),
 		//获取大区列表
 		getAllZoneList() {
-                return getAllZone();
-            },
+			return getAllZone()
+		}
 	},
 	methods: {
+		//收车公司筛选
+		putCompanyChange(val) {
+			if (val) {
+				this.listQuery.arrivalBranchCompanyId = val.id
+			} else {
+				this.listQuery.arrivalBranchCompanyId = null
+			}
+		},
+		changeUse(val){
+			if(!val) this.listQuery.use = null
+		},
 		/**
 		 * 重置
 		 * */
 		reloadPage() {
-            this.state1='';
+			this.state1 = ''
+			this.arrivalBranchCompanyId = null
 			this.listQuery = {
 				page: 1,
 				limit: 20,
 				startTime: undefined,
-                endTime:undefined,
+				endTime: undefined,
 				numberPlate: undefined,
-                departureId:undefined,
-            };
-            if(this.listQuery){
-              localStorage.setItem("vehicleDepartureLog", JSON.stringify(this.listQuery));
+				departureId: undefined,
+				arrivalBranchCompanyId: undefined,
+				use:undefined
 			}
-            this.handleFilter();
+			if (this.listQuery) {
+				localStorage.setItem(
+					'vehicleDepartureLog',
+					JSON.stringify(this.listQuery)
+				)
+			}
+			this.handleFilter()
 		},
 		handleFilter() {
 			this.listQuery.page = 1
-              if(this.listQuery){
-                localStorage.setItem("vehicleDepartureLog", JSON.stringify(this.listQuery));
+			if (this.listQuery) {
+				localStorage.setItem(
+					'vehicleDepartureLog',
+					JSON.stringify(this.listQuery)
+				)
 			}
-              this.getList();
+			this.getList()
 			if (this.listQuery.numberPlate) {
-                  statistic({numberPlate: this.listQuery.numberPlate}).then(response => {
-                      this.statisticData = response.data;
-                  });
-                  this.statisticVisiable = true;
+				statistic({ numberPlate: this.listQuery.numberPlate }).then(
+					response => {
+						if (response.status == 200) {
+							this.statisticData = response.data
+							this.statisticVisiable = true
+						} else {
+							this.$message(response.message)
+						}
+					}
+				)
 			}
 		},
-            dateToString: function (date) {
-                var year = date.getFullYear();
-                var month = (date.getMonth() + 1).toString();
-                var day = (date.getDate()).toString();
+		dateToString: function(date) {
+			var year = date.getFullYear()
+			var month = (date.getMonth() + 1).toString()
+			var day = date.getDate().toString()
 			if (month.length == 1) {
-                    month = "0" + month;
+				month = '0' + month
 			}
 			if (day.length == 1) {
-                    day = "0" + day;
+				day = '0' + day
 			}
-                var dateTime = year + "-" + month + "-" + day;
-                return dateTime;
+			var dateTime = year + '-' + month + '-' + day
+			return dateTime
 		},
 		getList() {
-                this.listLoading = true;
+			this.listLoading = true
 			if (!this.listQuery.numberPlate) {
-                    this.statisticVisiable = false;
+				this.statisticVisiable = false
 			}
 			if (this.listQuery.startTime) {
-               	this.listQuery.startTime = getYMD_date(new Date(this.listQuery.startTime));
+				this.listQuery.startTime = getYMD_date(
+					new Date(this.listQuery.startTime)
+				)
 			}
-               if(this.listQuery.endTime) {
-               	this.listQuery.endTime = getYMD_date(new Date(this.listQuery.endTime));
+			if (this.listQuery.endTime) {
+				this.listQuery.endTime = getYMD_date(
+					new Date(this.listQuery.endTime)
+				)
 			}
 			if (!this.state1) {
-                    this.listQuery.departureId = undefined;
+				this.listQuery.departureId = undefined
 			}
-                page(this.listQuery)
-                    .then(response => {
-                        this.list = response.data.list;
-                        this.total = response.data.total;
-                        this.listLoading = false;
+			page(this.listQuery).then(response => {
+				this.list = response.data.list
+				this.total = response.data.total
+				this.listLoading = false
 			})
 		},
 		querySearch(queryString, cb) {
-                let selectArry = [];
+			let selectArry = []
 			let iitem = {
-                    value: "全部",
-                    name: "全部"
-                };
-                selectArry.push(iitem);
-                this.allCompaniesArr.map(function (item) {
-                    item.value = item.name;
-                    selectArry.push(item);
-                });
-                this.selectArry = selectArry;
-                var results = queryString ? selectArry.filter(this.createFilter(queryString)) : selectArry;
+				value: '全部',
+				name: '全部'
+			}
+			selectArry.push(iitem)
+			this.allCompaniesArr.map(function(item) {
+				item.value = item.name
+				selectArry.push(item)
+			})
+			this.selectArry = selectArry
+			var results = queryString
+				? selectArry.filter(this.createFilter(queryString))
+				: selectArry
 			// 调用 callback 返回建议列表的数据
-                cb(results);
+			cb(results)
 		},
 		createFilter(queryString) {
-                return (restaurant) => {
-                    return (restaurant.name.indexOf(queryString.toLowerCase()) != -1);
-                };
+			return restaurant => {
+				return restaurant.name.indexOf(queryString.toLowerCase()) != -1
+			}
 		},
 		handleSelect(item) {
-                if (item.value == "全部") {
-                    this.listQuery.departureId = undefined;
+			if (item.value == '全部') {
+				this.listQuery.departureId = undefined
 			} else {
-                    this.listQuery.departureId = item.id;
+				this.listQuery.departureId = item.id
 			}
 		},
 		handleSizeChange(val) {
-              this.listQuery.limit = val;
-              if(this.listQuery){
-                localStorage.setItem("vehicleDepartureLog", JSON.stringify(this.listQuery));
+			this.listQuery.limit = val
+			if (this.listQuery) {
+				localStorage.setItem(
+					'vehicleDepartureLog',
+					JSON.stringify(this.listQuery)
+				)
 			}
-              this.getList();
+			this.getList()
 		},
 		handleCurrentChange(val) {
-              this.listQuery.page = val;
-              if(this.listQuery){
-                localStorage.setItem("vehicleDepartureLog", JSON.stringify(this.listQuery));
+			this.listQuery.page = val
+			if (this.listQuery) {
+				localStorage.setItem(
+					'vehicleDepartureLog',
+					JSON.stringify(this.listQuery)
+				)
 			}
-              this.getList();
-            },
+			this.getList()
 		}
 	}
+}
 </script>