ffpark_front.git

			@@ -3,6 +3,14 @@
			<div class="title">订单发票</div>
			<div class="invoiceForm-main">
			<div class="invoiceForm-main-inside">
			<div class="invoice-date-box">
			<el-date-picker
			class="invoice-date-box"
			v-model="date"
			type="date"
			placeholder="选择日期">
			</el-date-picker>
			</div>
			<van-list
			v-model="loading"
			:finished="finished"
			@@ -15,7 +23,6 @@
			<div v-for="(item,index) in invoiceData" :key="index">
			<el-checkbox
			v-model="item.isShow"
			:label="item.isShow"
			class="invoiceForm-block"
			@change="handleCheckedCitiesChange(invoiceData)">
			<div>
			@@ -24,6 +31,7 @@
			<svg class="iconSvg" style="font-size: 12px" aria-hidden="true">
			<use xlink:href="#icon-shijian3"></use>
			</svg>
			{{item.isShow}}
			{{item.enterTime}}
			</div>
			<div class="invoiceForm-content">
			@@ -40,15 +48,18 @@
			{{item.address}}
			</div>
			</div>
			<div>
			<h1 class="money-box">{{item.money}}</h1>
			<div class="money-main">
			<h1 class="money-box">{{item.money}}<font class="money-small">元</font></h1>
			</div>
			</el-checkbox>
			</div>
			</van-list>
			<div class="fapiao-btn">
			<el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
			<el-button size="mini" @click="seeInvoice">下载发票</el-button>
			<div class="fapiao-right">
			<span class="money">金额：<font class="big">235</font>元</span>
			<el-button size="mini" @click="seeInvoice">下载发票</el-button>
			</div>
			</div>
			</div>
			</div>
			@@ -65,6 +76,7 @@
			},
			data() {
			return {
			date:'',
			checkedInvoices: [1,2],
			invoiceData:[],
			checkAll:false,
			@@ -72,7 +84,8 @@
			finished: false,
			current:1,
			size:8,
			total:''
			total:'',
			filedId: []
			}
			},
			mounted() {
			@@ -89,11 +102,15 @@
			let url = this.$systemconfig.basePath + '/orderrecord/getByCarNo';
			let params = {
			carNo: this.$route.query.carNo,
			phone: this.$route.query.phone,
			current: this.current,
			size: this.size
			}
			this.$byutil.postData(this,url,params,res => {
			let row = res.data.records
			row.forEach(e=>{
			this.$set(e,'isShow',false)
			})
			this.total = res.data.total
			if(row == null) {
			this.finished = true
			@@ -107,26 +124,76 @@
			})
			},
			handleCheckAllChange(val) {
			this.filedId = []
			let ids = []
			this.invoiceData.forEach(item => {
			ids.push(item.id)
			item.isShow = val
			this.filedId.push(item.id)
			})
			},
			handleCheckedCitiesChange(value) {
			console.log(value,'value')
			this.filedId = []
			let checkedCount = value.length;
			let ids = value.filter(item => {
			return item.isShow == true
			})

			console.log(ids,'ids=========')
			if(ids.length > 0) {
			ids.forEach(item => {
			this.filedId.push(item.id)
			})
			}
			this.checkAll = checkedCount === ids.length;
			},
			seeInvoice() { //查看发票
			console.log(this.filedId,'this.filedId==========')
			}
			}
			}
			</script>

			<style lang="scss">
			.fapiao-btn{
			.el-checkbox{
			width: 100px!important;

			}
			}
			.invoice-date-box{
			.el-input__prefix{
			right: 0vw /* 10/7.5 */!important;
			top: 0.93vw /* 7/7.5 */;
			}
			.el-input__inner{
			border: none!important;
			color: #303030;
			font-size: 3.2vw /* 24/7.5 */;
			font-weight: 500;
			}
			.el-icon-date:before{
			content: url("../../../assets/images/down.png");
			width: 2.67vw /* 20/7.5 */;
			height: 0.267rem /* 20/75 */;
			}
			input::-webkit-input-placeholder{ /WebKit browsers/
			color: #303030;
			font-size: 3.2vw /* 24/7.5 */;
			font-weight: 500;
			}
			.el-input--prefix .el-input__inner{
			padding-left: 2.67vw /* 20/7.5 */;
			}
			}

			</style>
			<style lang="scss" scoped>
			*{
			font-family: '平方';
			color: #626262;
			}
			::v-deep{
			.el-checkbox__input.is-checked+.el-checkbox__label{
			color: #606266;
			@@ -151,6 +218,10 @@
			justify-content: space-between;
			align-items: center;
			}
			.el-checkbox__inner::after{
			left: 5px;
			top: 2px;
			}
			}
			.iconSvg{
			width: 3.2vw /* 24/7.5 */;
			@@ -171,38 +242,67 @@
			}
			.invoiceForm-main{
			width: 100%;
			padding: 0 1.33vw /* 10/7.5 / 1.33vw / 10/7.5 / 1.33vw / 10/7.5 */;
			box-sizing: border-box;
			height: calc(100% - 11.73vw);
			.invoiceForm-main-inside{
			padding-bottom: 8vw /* 60/7.5 */;
			.invoice-date-box{
			background-color: #fff;
			padding:1.33vw /* 10/7.5 / 2.67vw / 20/7.5 */;
			display: flex;
			}
			}

			}
			.invoiceForm-content{
			font-size: 3.73vw /* 28/7.5 */;
			line-height: 1.5;
			line-height: 1.8;
			}
			.invoiceForm-block{
			border-bottom: 1px solid #e5e5e5;
			padding:4vw /* 30/7.5 / 2.67vw / 20/7.5 */;
			padding:4vw /* 30/7.5 */;
			background-color: #fff;
			margin-top:2.13vw /* 16/7.5 */;
			}
			.fapiao-btn{
			position: fixed;
			bottom: 0;
			left: 0;
			padding:1.33vw /* 10/7.5 / 2.67vw / 20/7.5 */;
			padding:1.87vw /* 14/7.5 / 2.67vw / 20/7.5 */;
			width: 100%;
			display: flex;
			background: #fafafa;
			border-top: 1px solid #e5e5e5;
			z-index: 9;
			justify-content: space-between;
			.fapiao-right{
			display: flex;
			}
			.money{
			display: flex;
			align-self: center;
			justify-content: center;
			font-size: 3.73vw /* 28/7.5 */;
			align-items: baseline;
			margin-right: 4vw /* 30/7.5 */;
			.big{
			font-size: 4.8vw /* 36/7.5 */;
			color: #dd894b;
			}
			}
			}
			.money-main{
			align-self: flex-start;
			line-height: 1.2;
			}
			.money-box{
			font-size: 4.8vw /* 36/7.5 */;

			font-size: 6.4vw /* 48/7.5 */;
			font-weight: normal;
			font-family: '苹方';
			color: #343434;
			}
			.money-small{
			font-size: 3.2vw /* 24/7.5 */;
			font-weight: lighter;
			}
			}
			</style>