From d435de943589eb60a76ca0844efe2aa96cb68a3c Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期二, 12 十一月 2024 09:46:52 +0800
Subject: [PATCH] feat: 统计日报表
---
src/components/page/IndexXTYH.vue | 1393 ++++++++++++++++++++++++++++++++++++++--------------------
1 files changed, 912 insertions(+), 481 deletions(-)
diff --git a/src/components/page/IndexXTYH.vue b/src/components/page/IndexXTYH.vue
index cc560d8..1e80da9 100644
--- a/src/components/page/IndexXTYH.vue
+++ b/src/components/page/IndexXTYH.vue
@@ -1,532 +1,963 @@
<template>
- <div class="weizhang-box">
- <!--<div class="weizhang-header">-->
- <!--<div class="iconfont leftjiantou"></div>-->
- <!--<div class="text"><h1>宄板嘲鐭垮尯缁煎悎琛屾斂鎵ф硶灞�</h1></div>-->
- <!--<div class="right"></div>-->
- <!--</div>-->
- <div class="weizhang-main-box">
- <div class="weizhang-main-top">
- <img class="logoPhone" src="../../assets/images/logoImg.png" alt="">
- <span class="weizhang">鍋滆溅鏀惰垂</span>
- <span class="money">锟{this.statisticData.price}}</span>
- </div>
- <div class="weizhang-main-bootom">
- <div class="weizhang-main-form">
- <el-form label-width="80px" :model="statisticData" label-position="left">
- <el-form-item label="杞︾墝鍙�" style="margin-left: 25px;">
- {{this.statisticData.carNo}}
- </el-form-item>
- <el-form-item label="杩涘満鏃堕棿" style="margin-left: 25px;">
- {{this.statisticData.enterTime}}
- </el-form-item>
- <el-form-item label="鍑哄満鏃堕棿" style="margin-left: 25px;">
- {{this.statisticData.createTime}}
- </el-form-item>
- <el-form-item label="鍋滅暀鏃堕棿" style="margin-left: 25px;">
- {{this.statisticData.timeStr}}
- </el-form-item>
- <el-form-item label="浣嶇疆" style="margin-left: 25px;">
- {{this.statisticData.parkName}}
- </el-form-item>
- <el-form-item label="璁㈠崟鍙�" style="margin-left: 25px;">
- {{this.statisticData.code}}
- <!--<el-input v-model="statisticData.code" readonly></el-input>-->
- </el-form-item>
- <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 4.498vh" label-width="0" v-show="showFlag">
- <el-button class="jiaofei-btn" type="primary" @click="pay()" :loading="payFlag">鍘荤即璐�</el-button>
- </el-form-item>
- </el-form>
- <el-form
- class="carSearch"
- label-position="left">
- <el-form-item
- class='formLabel'
- style="display: flex;
+ <div class="weizhang-box" v-loading="dataLoading">
+ <!--<div class="weizhang-header">-->
+ <!--<div class="iconfont leftjiantou"></div>-->
+ <!--<div class="text"><h1>宄板嘲鐭垮尯缁煎悎琛屾斂鎵ф硶灞�</h1></div>-->
+ <!--<div class="right"></div>-->
+ <!--</div>-->
+ <div class="weizhang-main-box">
+ <div class="weizhang-main-top">
+ <!-- <img class="logoPhone" src="../../assets/images/logoImg.png" alt="">-->
+ <span class="weizhang">鍋滆溅鏀惰垂</span>
+ <span class="money">锟{this.statisticData.price}}</span>
+ </div>
+ <div class="weizhang-main-bootom">
+ <div class="weizhang-main-form">
+ <el-form label-width="80px" :model="statisticData" label-position="left">
+ <el-form-item label="杞︾墝鍙�" style="margin-left: 25px;">
+ {{this.statisticData.carNo}}
+ </el-form-item>
+ <el-form-item label="杩涘満鏃堕棿" style="margin-left: 25px;">
+ {{this.statisticData.enterTime}}
+ </el-form-item>
+ <el-form-item label="鍑哄満鏃堕棿" style="margin-left: 25px;">
+ {{this.statisticData.createTime}}
+ </el-form-item>
+ <el-form-item label="鍋滅暀鏃堕棿" style="margin-left: 25px;">
+ {{this.statisticData.timeStr}}
+ </el-form-item>
+ <el-form-item label="浣嶇疆" style="margin-left: 25px;">
+ {{this.statisticData.parkName}}
+ </el-form-item>
+ <el-form-item label="璁㈠崟鍙�" style="margin-left: 25px;">
+ {{this.statisticData.code}}
+ <!--<el-input v-model="statisticData.code" readonly></el-input>-->
+ </el-form-item>
+ <el-form-item v-if="isShowjiaofei" class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 4.498vh" label-width="0" v-show="showFlag">
+ <el-button class="jiaofei-btn" type="primary" @click="pay()" :loading="payFlag">鍘荤即璐�</el-button>
+ </el-form-item>
+ </el-form>
+ <el-form
+ class="carSearch"
+ label-position="left">
+ <el-form-item
+ class='formLabel'
+ style="display: flex;
flex-direction: column;align-items: center;justify-content: center"
- label="鏃� 鐗� 杞� 杈� 鏌� 璇�">
- <el-input prefix-icon="el-icon-search" style="margin-top: 20px;border: solid 1px #ccc!important;" v-model="carNo" placeholder="璇疯緭鍏ユ墜鏈哄彿"></el-input>
- </el-form-item>
- <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">
- <el-button
- style="borderColor:'none';background:#121215e0 "
- class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">鏌ヨ</el-button>
- </el-form-item>
- </el-form>
+ label="鏃� 鐗� 杞� 杈� 鏌� 璇�">
+ <el-input prefix-icon="el-icon-search" style="margin-top: 20px;border: solid 1px #ccc!important;" v-model="carNo" placeholder="璇疯緭鍏ユ墜鏈哄彿"></el-input>
+ </el-form-item>
+ <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">
+ <el-button
+ style="borderColor:'none';background:#121215e0 "
+ class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
- </div>
-
- </div>
</div>
- <div class="dialog-box">
- <el-dialog
- title="鏀粯"
- :close-on-click-modal="false"
- :visible.sync="dialogVisible"
- width="100%">
- <div class="dialog-main-box">
- <div class="dialog-main-line">
- <h1>鍚堣璐圭敤</h1>
- <h1>{{this.statisticData.price}}鍏�</h1>
+
+ </div>
+ </div>
+ <div class="moreCarNum" v-if="pipaiCarNumShow">
+ <h1 class="title">浠ヤ笅鏄笌鎮ㄨ溅鐗屽彿鐩镐技鐨勫叆鍦鸿褰�</h1>
+ <div class="moreCarNum-main">
+ <el-table :data="moreCarNumData">
+ <el-table-column
+ prop="carNo"
+ label="杞︾墝"
+ align="left"
+ header-align="center"
+ min-width="30%"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="createTime"
+ label="鍏ュ満鏃堕棿"
+ align="left"
+ header-align="center"
+ min-width="50%"
+ >
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ header-align="center"
+ min-width="20%"
+ >
+ <template slot-scope="scope">
+ <el-button size="mini" type="success" @click="handleClickCarNum(scope.row)">纭畾</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ </div>
+ <div class="dialog-box">
+ <el-dialog
+ title="鏀粯"
+ :close-on-click-modal="false"
+ :visible.sync="dialogVisible"
+ width="100%">
+ <div class="dialog-main-box">
+ <div class="dialog-main-line">
+ <h1>鍚堣璐圭敤</h1>
+ <h1>{{this.statisticData.price}}鍏�</h1>
+ </div>
+ <div class="dialog-main-line">
+ <h1>鍋滆溅鏃堕暱</h1>
+ <h1>{{this.statisticData.timeStr}}</h1>
+ </div>
+ <div class="dialog-main-line-middle">
+ <h1>{{this.statisticData.price}}<font>鍏�</font></h1>
+ </div>
+ <div class="wx-img-box">
+ <div class="wx-img-l">
+ <img src="../../assets/images/wxIcon.png" alt="">
+ <h1>寰俊鏀粯</h1>
</div>
- <div class="dialog-main-line">
- <h1>鍋滆溅鏃堕暱</h1>
- <h1>{{this.statisticData.timeStr}}</h1>
- </div>
- <div class="dialog-main-line-middle">
- <h1>{{this.statisticData.price}}<font>鍏�</font></h1>
- </div>
- <div class="wx-img-box">
- <div class="wx-img-l">
- <img src="../../assets/images/wxIcon.png" alt="">
- <h1>寰俊鏀粯</h1>
- </div>
- <div class="wx-img-r">
- <img src="../../assets/images/duigouIcon.png" alt="">
- </div>
+ <div class="wx-img-r">
+ <img src="../../assets/images/duigouIcon.png" alt="">
</div>
</div>
- <span slot="footer" class="dialog-footer">
- <el-button type="primary" @click="pay()" :loading="payNowFlag">绔� 鍗� 鏀� 浠�</el-button>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="parkXT(outParkId)" :loading="payNowFlag">绔� 鍗� 鏀� 浠�</el-button>
</span>
- </el-dialog>
- </div>
-
+ </el-dialog>
</div>
+ <div class="again-dialog-box">
+ <el-dialog
+ title="鎻愮ず"
+ :visible.sync="againDialogVisible"
+ :close-on-click-modal="false"
+ :show-close="false"
+ width="100%">
+ <div class="again-dialog-main">
+ <h1>
+ 鎮ㄥ凡鍙戣捣杩囨璁㈠崟缂磋垂鐢宠锛屽纭缂磋垂鎴愬姛锛岃鍘熷湴绛夊緟鎶潌鎴栬仈绯荤鐞嗗憳锛屽缂磋垂鏈垚鍔燂紝璇风户缁敮浠�
+ </h1>
+ </div>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="againDialogVisible = false" type="primary">鍙栨秷</el-button>
+ <el-button @click="againPay" type="success">纭畾</el-button>
+ </span>
+ </el-dialog>
+ </div>
+ <div class="pipeicarNum-dialog-box">
+ <el-dialog
+ title="璇烽�夋嫨璇嗗埆姝ｇ‘鐨勮褰�"
+ :close-on-click-modal="false"
+ :visible.sync="pipeicardialogVisible"
+ width="100%">
+ <div class="peipeiCarnum">
+ <el-button size="mini" type="primary" @click="handleCarType(0)">鍏ュ満姝ｇ‘</el-button>
+ <el-button size="mini" type="primary" @click="handleCarType(1)">鍑哄満姝ｇ‘</el-button>
+ </div>
+ </el-dialog>
+ </div>
+ <tishi-dialog ref="TishiDialog" v-if="tishiDialogVisiable"></tishi-dialog>
+ <tishi-dialog2 ref="TishiDialog" v-if="tishiDialogVisiable2"></tishi-dialog2>
+ </div>
</template>
<script>
import wx from 'weixin-js-sdk'
+import TishiDialog from "@/components/page/TishiDialog";
+import TishiDialog2 from "@/components/page/TishiDialog2";
export default {
- name: 'dashboard',
- data() {
- return {
- dialogVisible:false,
- payFlag:false,
- payNowFlag:false,
- outParkId:"",
- type:null,
- statisticData:{
+ name: 'dashboard',
+ components: {
+ TishiDialog,
+ TishiDialog2,
- },
- showFlag:true,
- showFlag2:true,
- status3:0,
- carNo:"",
- code2:"",
- code:""
- }
- },
- created(){
- this.code = ''
- this.code2 = ''
- let ua = window.navigator.userAgent.toLowerCase();
- //鍒ゆ柇鏄笉鏄井淇�
- if (ua.match(/MicroMessenger/i) == "micromessenger") {
- // 寰俊
- this.type = 0
- }
- //鍒ゆ柇鏄笉鏄敮浠樺疂
- if (ua.match(/AlipayClient/i) == "alipayclient") {
- //鏀粯瀹�
- this.type = 1
- }
- // if(this.type == null){
- // this.$message.error("璇风敤寰俊鎴栨敮浠樺疂鎵弿浜岀淮鐮�")
- // return;
- // }
+ },
+ data() {
+ return {
+ moreCarNumData:[], //鍖归厤杞︾墝Data
+ pipaiCar:false, //鍖归厤杞︾墝
+ pipeicardialogVisible: false, //鍖归厤寮规
+ enterParkId:null, //鍏ュ満id
+ pipaiCarNumShow:false, //鍖归厤鍐呭
+ tishiDialogVisiable: false,
+ tishiDialogVisiable2: false,
+ isShowjiaofei: true,
+ dialogVisible:false,
+ againDialogVisible: false, //
+ payFlag:false,
+ payNowFlag:false,
+ outParkId:"",
+ type:null,
+ statisticData:{
- var url = window.location.href;
- var count = url.split('?').length-1;
- if(count >1){
- let codeONE = this.getCodeFromUrl(url)
- let codeTWO = this.getCode2FromUrl(url)
- window.location.href = "http://hesuancj.cn/#/index2?code="+codeONE+"&state=STATE&code2="+codeTWO
+ },
+ showFlag:true,
+ showFlag2:true,
+ status3:0,
+ carNo:"",
+ code2:"",
+ code:"",
+ dataLoading:false, //鏁版嵁鍥炴樉鍓嶅姞loading锛岄槻姝㈡病鏈夋暟鎹� 鐐瑰嚮鈥樼珛鍗虫敮浠樻寜閽��
+ }
+ },
+ created(){
+ this.code = ''
+ this.code2 = ''
+ let ua = window.navigator.userAgent.toLowerCase();
+ //鍒ゆ柇鏄笉鏄井淇�
+ if (ua.match(/MicroMessenger/i) == "micromessenger") {
+ // 寰俊
+ this.type = 0
+ }
+ //鍒ゆ柇鏄笉鏄敮浠樺疂
+ if (ua.match(/AlipayClient/i) == "alipayclient") {
+ //鏀粯瀹�
+ this.type = 1
+ }
+ if(this.type == null){
+ this.$message.error("璇风敤寰俊鎴栨敮浠樺疂鎵弿浜岀淮鐮�")
+ return;
+ }
+
+ var url = window.location.href;
+ url = decodeURIComponent(url)
+ var count = url.split('?').length-1;
+ if(count >1){ //鑾峰彇鐢ㄦ埛淇℃伅鍚庤烦鍥炴潵鏈〉闈�
+ let data = this.getCodeFromUrl(url)
+ //window.location.href = "http://localhost:8082/#/IndexXTYH39?code="+data.code+"&state=STATE&code2="+data.code2
+ window.location.href = `http://hesuancj.cn/#/index2?code=${encodeURIComponent(data.code)}&state=STATE&code2=${encodeURIComponent(data.code2)}`
+ return;
+ }
+ var cs = url.split('?')[1];
+ var cs_arr = cs.split('&');
+ var cs={};
+ for(var i=0;i<cs_arr.length;i++){
+ cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
+ }
+ this.code2 = cs.code2;
+ this.code = cs.code;
+ //鍒濆鍖栬烦杞� 39 鏈嶅姟鍣�
+ if(this.code2 == null || this.code2 == ''){
+ // this.$message({
+ // message: '1绉掑悗鑷姩璺宠浆锛岃绋嶇瓑',
+ // type: 'success',
+ // duration:1000,
+ // });
+ window.location.href = "http://hesuancj.cn/#/index2?code2="+cs.code //姝ｅ紡
+ // window.location.href = "http://localhost:8082/#/IndexXTYH39?code2="+cs.code //娴嬭瘯鐢ㄧ殑
+ //window.location.href = "http://60.0.121.40:8889/#/IndexXTYH39?code2="+cs.code //娴嬭瘯鐢ㄧ殑
+ return;
+ }
+ if(this.code != null && this.code != '') {
+ this.dialogVisible = true //绔嬪嵆鏀粯寮规
+ }else {
+ this.dialogVisible = false
+ }
+ this.getDataList()
+ },
+ methods: {
+ getDataList() { //鏁版嵁鍥炴樉鎺ュ彛
+ //鏁版嵁鍥炴樉鎺ュ彛
+ try{
+ this.dataLoading = true //鍥炴樉鏁版嵁鐨刲oading
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode2', {code2:this.code2}, res => {
+ this.statisticData = res.data;
+ this.outParkId = this.statisticData.id;
+ this.status3 = this.statisticData.status3;
+ this.oldCarNo = this.statisticData.carNo;
+ this.dataLoading = false
+ this.payFlag = false
+ if(!this.statisticData.enterTime) { //娌℃湁鍏ュ満
+ if(this.statisticData.carNo =='_鏃燺' || this.statisticData.carNo=='鏃犺溅鐗�'){
+ this.isShowjiaofei = false
+ }else {
+ this.isShowjiaofei = false
+ this.pipaiCarNumShow = true //鍖归厤鍖哄煙鏄剧ず
+ this.$byutil.getData(this,this.$systemconfig.basePath + '/ffzf/outpark/getLikeCar',{outParkId:this.outParkId},res => {
+ if(res.code == 0) {
+ if(res.data.length > 0) {
+ this.moreCarNumData = res.data.map(item => {
+ return {
+ ...item,
+ createTime: this.$moment(item.createTime).format('YYYY-MM-DD HH:mm:ss')
+ }
+ })
+ }else {
+ this.tishiDialogVisiable = true //鍏ュ満淇℃伅 寮傚父鎻愮ず
+ }
+ }
+ })
}
- var cs = url.split('?')[1];
- var cs_arr = cs.split('&');
- var cs={};
- for(var i=0;i<cs_arr.length;i++){
- cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
+ }else if(this.statisticData.enterTime && (!this.statisticData.price || this.statisticData.price == 0)) { //閲戦涓�0
+ this.isShowjiaofei = false
+ if(this.statisticData.carNo !='_鏃燺' && this.statisticData.carNo!='鏃犺溅鐗�') {
+ this.tishiDialogVisiable2 = true
}
- //this.outParkId = cs.code;
- this.code2 = cs.code2;
- this.code = cs.code;
- if(this.code2 == null || this.code2 == ''){
- this.$message({
- message: '1绉掑悗鑷姩璺宠浆锛岃绋嶇瓑',
- type: 'success',
- duration:1000,
- });
- setTimeout(function(){window.location.href = "http://hesuancj.cn/#/index2?code2="+cs.code},1000);
- return;
- }
- if(this.code != null && this.code != '') {
- this.dialogVisible = true
}else {
- this.dialogVisible = false
+ this.isShowjiaofei = true
}
- this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode2', {code2:cs.code2}, res => {
- this.statisticData = res.data;
- this.outParkId = this.statisticData.id;
- this.status3 = this.statisticData.status3;
- this.oldCarNo = this.statisticData.carNo;
- this.payFlag = false
- if(this.status3==1){
+ if(this.status3==1){
+ this.$message({
+ message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
+ type: 'error',
+ duration:5000,
+ });
+ }
+ })
+ } catch (err) {
+ this.dataLoading = false
+ }finally {
+ // this.dataLoading = false
+ }
+ },
+ handleClickCarNum(item) { //鐐瑰嚮鍖归厤鍖哄煙鐨勭‘瀹氭寜閽�
+ console.log(item,'纭畾鎸夐挳')
+ this.pipeicardialogVisible = true
+ this.enterParkId = item.id
+
+ },
+ handleCarType(type) { //璇嗗埆姝ｇ‘鐨勮褰�
+ this.$byutil.getData(this,this.$systemconfig.basePath + '/ffzf/outpark/editOutPark',{type:type,outParkId:this.outParkId,enterParkId:this.enterParkId},res => {
+ console.log(res,'res==========')
+ if(res.code == 0) {
+ this.pipeicardialogVisible = false
+ this.statisticData = res.data
+ this.isShowjiaofei = true //缂磋垂鎸夐挳鏄剧ず
+ this.pipaiCarNumShow = false //鍏虫帀杞︾墝鍖归厤鍖哄煙
+ this.$message.success(res.msg)
+ }else {
+ this.pipeicardialogVisible = false
+ this.$message.error('鏇存柊澶辫触,璇疯仈绯荤鐞嗗憳')
+ }
+ })
+ },
+ pay(){
+ this.payFlag = true; //鍘荤即璐筶oading
+ // this.payNowFlag = true;
+ // this.showFlag = true
+ if(this.status3==1){
+ this.$message({
+ message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
+ type: 'error',
+ duration:3000,
+ });
+ return;
+ }
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkJudg', {id:this.outParkId}, res => {
+ if(res.code === 0){
+ this.payFlag = false; //鍘荤即璐筶oading
+ if(res.data == 1) { //1 寮瑰嚭寮规(宸茬即璐规彁绀�)
+ this.againDialogVisible = true
+ }else {
+ // this.dialogVisible = true; //绔嬪嵆鏀粯鐨勫脊妗�
+ this.parkXT(this.outParkId) //鍘昏幏鍙栧井淇′俊鎭�
+ }
+ // this.getCode()
+ // this.showFlag = false
+ }else {
+ this.$message({
+ message:res.msg,
+ type: 'error',
+ duration:3000,
+ });
+ this.payFlag = false;
+ }
+ })
+ },
+ againPay() {
+ this.againDialogVisible = false
+ this.dataLoading = true //椤甸潰loading鎵撳紑
+ this.parkXT(this.outParkId) //鑾峰彇寰俊鐢ㄦ埛淇℃伅
+
+ // this.dialogVisible = true //鎵撳紑绔嬪嵆鏀粯寮规
+ // this.parkXT(this.outParkId)
+ },
+ parkXT(outParkId) {
+ this.payNowFlag = true //绔嬪嵆鏀粯loading
+ this.dataLoading = false //椤甸潰loading鎵撳紑
+ try{
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:outParkId}, res => {
+ if(res.code === 0){
+ this.payNowFlag = false;
+ this.getCode()
+ // this.showFlag = false
+ }else {
+ this.$message({
+ message: '鏀粯閿欒锛岃閲嶆柊鏀粯',
+ type: 'error',
+ duration:3000,
+ });
+ this.payNowFlag = false;
+ }
+ })
+ } catch (err) {
+ this.payNowFlag = false;
+ }
+ },
+ noCarOut(){
+ if(this.oldCarNo == '鏃犺溅鐗�' || this.oldCarNo == '_鏃燺'){
+ if(this.carNo){
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/car/outParkByPhone', {code2:this.code2,carNo:this.carNo}, res => {
+ if(res.code===0){
+ this.statisticData = res.data;
+ this.outParkId = this.statisticData.id;
this.$message({
- message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
+ message: '鏌ヨ鎴愬姛',
+ type: 'success',
+ });
+ }else {
+ this.$message({
+ message: res.message,
type: 'error',
- duration:5000,
});
}
})
- },
- methods: {
- pay(){
- console.log('code',this.code)
- console.log('code2',this.code2)
- this.payFlag = true;
- this.payNowFlag = true;
- if(this.status3==1){
- this.$message({
- message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
- type: 'error',
- duration:3000,
- });
- return;
- }
- this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:this.outParkId}, res => {
- if(res.code === 0){
- this.getCode()
- this.showFlag = false
- }
- })
- },
- noCarOut(){
- if(this.carNo){
- this.$byutil.postData(this, this.$systemconfig.basePath + '/outPark/outPark2', {code2:this.code2,carNo:this.carNo}, res => {
- if(res.success){
- this.outParkId = res.data.id;
- this.pay();
- this.showFlag = false;
- }else{
- this.$message({
- message: res.msg, type: 'error', duration:2000,
- });
- }
-
- })
- }else{
- this.$message({
- message: '璇疯緭鍏ユ墜鏈哄彿',
- type: 'error',
- duration:2000,
- });
- }
-
- },
- GetQueryString(name) {
- var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
- var r = window.location.search.substr(1).match(reg);
- if (r != null) return unescape(r[2]); return null;
- },
- /**
- * 瑙ｆ瀽寰俊redirect_uri鍦板潃涓殑code
- */
- getCodeFromUrl (cur_url) {
- let index = cur_url.split('?')[1]
- let paramStr =index.split('&')[0];
- let code =paramStr.split('=')[1];
- return code
- },
- /**
- * 瑙ｆ瀽寰俊redirect_uri鍦板潃涓殑code2
- */
- getCode2FromUrl (cur_url) {
- let index = cur_url.split('?')[2]
- let code2 =index.split('=')[1];
- return code2
- },
-
- getCode(){
- if(this.type == 0 ){
- //寰俊锛岃幏鍙朿ode
- if(this.code==null||this.code==""){
- var url = encodeURIComponent("http://hesuancj.cn/#/index2?code2="+this.code2);
- window.location.href ="https://open.weixin.qq.com/connect/oauth2/authorize?" +
- "appid=wx46e756aed958f895&redirect_uri="+url+"&response_type=code" +
- "&scope=snsapi_userinfo&state=STATE#wechat_redirect";
- //"&scope=SCOPE&state=STATE#wechat_redirect";
- }else{
- this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/getOpenId', {id:this.outParkId,code:this.code}, res => {
- if(res.code === 0){
- var param = res.data;
- // 鐐瑰嚮鏀粯鏃跺�欒皟鐢�
- if (typeof WeixinJSBridge === 'undefined') {
- if (document.addEventListener) {
- document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(param), false)
- } else if (document.attachEvent) {
- document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(param))
- document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(param))
- }
- } else {
- this.onBridgeReady(param)
- }
-
- this.showFlag = false
- }else {
- alert('寰俊鏀粯璋冭捣澶辫触锛�')
- }
- })
- }
- }else if(this.type == 1){
- //鏀粯瀹濓紝涓嶈幏鍙朿ode
- this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/payByAli', {id:this.outParkId}, res => {
- if(res.code != 0){
- alert(res.data)
- this.showFlag = false
- }else {
- this.$message({
- message: '2绉掑悗鑷姩璺宠浆鍒版敮浠橀〉闈紝闃叉鍐呭缃戞暟鎹悓姝ュ欢杩燂紝璇风◢绛�',
- type: 'success',
- duration:2000,
- });
- setTimeout(function(){window.location.href = res.msg;},2000);
- this.showFlag = false;
- }
- })
-
- }
- },
- onBridgeReady (params) {
- const that = this
- WeixinJSBridge.invoke(
- 'getBrandWCPayRequest',
- {
- appId: params.appId, // 鍏紬鍙峰悕绉帮紝鐢卞晢鎴蜂紶鍏�
- timeStamp: params.timeStamp, // 鏀粯绛惧悕鏃堕棿鎴筹紝娉ㄦ剰寰俊jssdk涓殑鎵�鏈変娇鐢╰imestamp瀛楁鍧囦负灏忓啓銆備絾鏈�鏂扮増鐨勬敮浠樺悗鍙扮敓鎴愮鍚嶄娇鐢ㄧ殑timeStamp瀛楁鍚嶉渶澶у啓鍏朵腑鐨凷瀛楃
- nonceStr: params.nonceStr, // 鏀粯绛惧悕闅忔満涓诧紝涓嶉暱浜� 32 浣�
- package: params.package, // 缁熶竴鏀粯鎺ュ彛杩斿洖鐨刾repay_id鍙傛暟鍊硷紝鎻愪氦鏍煎紡濡傦細prepay_id=\*\*\*锛�
- signType: params.signType, // 绛惧悕鏂瑰紡锛岄粯璁や负'SHA1'锛屼娇鐢ㄦ柊鐗堟敮浠橀渶浼犲叆'MD5'
- paySign: params.paySign // 鏀粯绛惧悕
- },
- (res) => {
- if (res.err_msg === 'get_brand_wcpay_request:ok') {
- that.queryOrder() // 杩欓噷鏄煡璇㈣鍗曟槸鍚︽敮浠樺畬鎴愶紝鐒跺悗鎵ц鎴愬姛鍜屽け璐ョ殑涓氬姟閫昏緫
- } else if (res.err_msg === 'get_brand_wcpay_request:fail') {
- alert('鏀粯澶辫触锛�')
- } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
- alert('鏀粯鍙栨秷锛�')
- }
- }
- )
- },
- queryOrder() {
- this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/getById', {id: this.outParkId}, res => {
- if (res.code === 0) {
- let outpark = res.data
- if(outpark.status === 1){
- window.location.href = "http://hesuancj.cn/#/indexOk?code2="+this.code2
- return;
- }else {
- window.location.href = "http://hesuancj.cn/#/indexFail?code2="+this.code2
- return;
- }
- }
- })
- }
+ }else{
+ this.$message({
+ message: '璇疯緭鍏ユ墜鏈哄彿',
+ type: 'error',
+ });
+ }
+ }else {
+ this.$message({
+ message: '闈炴硶杈撳叆',
+ type: 'error',
+ });
}
+ },
+ GetQueryString(name) {
+ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+ var r = window.location.search.substr(1).match(reg);
+ if (r != null) return unescape(r[2]); return null;
+ },
+ /**
+ * 瑙ｆ瀽寰俊redirect_uri鍦板潃涓殑code
+ */
+ getCodeFromUrl (cur_url) {
+
+ console.log(cur_url,'cur_url-----iiiii')
+ let index = cur_url.split('?')[1]
+ let index2 = cur_url.split('?')[2]
+ let code = null
+ let code2 = null
+ let data = {}
+ console.log(index,'1111111111111111index')
+ let paramStr =index.split('&');
+
+ if(paramStr.length>1) {
+ code = paramStr[0].split('=')[1]
+ code2 = index2.split('=')[1]
+ }else {
+ code2 = paramStr[0].split('=')[1]
+ code = index2.split('&')[0].split('=')[1]
+ }
+ console.log(code,'code=====')
+ console.log(code2,'code2=====')
+ data.code = code
+ data.code2 = code2
+ return data
+ },
+ /**
+ * 瑙ｆ瀽寰俊redirect_uri鍦板潃涓殑code2
+ */
+ getCode2FromUrl (cur_url) {
+ let index = cur_url.split('?')[2]
+ let code2 =index.split('=')[1];
+ return code2
+ },
+
+ getCode(){ //鑾峰彇鐢ㄦ埛寰俊鐧诲綍淇℃伅
+ if(this.type == 0 ){
+ //寰俊锛岃幏鍙朿ode
+ if(this.code==null||this.code==""){
+ var url = encodeURIComponent("http://hesuancj.cn/#/index2?code2="+this.code2);
+ // window.location.href = `http://192.168.0.8:8082/#/Index2?code=${encodeURIComponent('123')}&state=STATE?code2=${encodeURIComponent(this.code2)}`
+ // window.location.href =url;
+ window.location.href ="https://open.weixin.qq.com/connect/oauth2/authorize?" +
+ "appid=wx46e756aed958f895&redirect_uri="+url+"&response_type=code" +
+ "&scope=snsapi_userinfo&state=STATE#wechat_redirect";
+ }else{
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/getOpenId', {id:this.outParkId,code:this.code}, res => {
+ if(res.code === 0){
+ var param = res.data;
+ // 鐐瑰嚮鏀粯鏃跺�欒皟鐢�
+ if (typeof WeixinJSBridge === 'undefined') {
+ if (document.addEventListener) {
+ document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(param), false)
+ } else if (document.attachEvent) {
+ document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(param))
+ document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(param))
+ }
+ } else {
+ this.onBridgeReady(param)
+ }
+
+ this.showFlag = false
+ }else {
+ alert('寰俊鏀粯璋冭捣澶辫触锛�')
+ }
+ })
+ }
+ }else if(this.type == 1){
+ //鏀粯瀹濓紝涓嶈幏鍙朿ode
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/payByAli', {id:this.outParkId}, res => {
+ if(res.code != 0){
+ alert(res.data)
+ this.showFlag = false
+ }else {
+ this.$message({
+ message: '2绉掑悗鑷姩璺宠浆鍒版敮浠橀〉闈紝闃叉鍐呭缃戞暟鎹悓姝ュ欢杩燂紝璇风◢绛�',
+ type: 'success',
+ duration:2000,
+ });
+ setTimeout(function(){window.location.href = res.msg;},2000);
+ this.showFlag = false;
+ }
+ })
+
+ }
+ },
+ onBridgeReady (params) {
+ const that = this
+ WeixinJSBridge.invoke(
+ 'getBrandWCPayRequest',
+ {
+ appId: params.appId, // 鍏紬鍙峰悕绉帮紝鐢卞晢鎴蜂紶鍏�
+ timeStamp: params.timeStamp, // 鏀粯绛惧悕鏃堕棿鎴筹紝娉ㄦ剰寰俊jssdk涓殑鎵�鏈変娇鐢╰imestamp瀛楁鍧囦负灏忓啓銆備絾鏈�鏂扮増鐨勬敮浠樺悗鍙扮敓鎴愮鍚嶄娇鐢ㄧ殑timeStamp瀛楁鍚嶉渶澶у啓鍏朵腑鐨凷瀛楃
+ nonceStr: params.nonceStr, // 鏀粯绛惧悕闅忔満涓诧紝涓嶉暱浜� 32 浣�
+ package: params.package, // 缁熶竴鏀粯鎺ュ彛杩斿洖鐨刾repay_id鍙傛暟鍊硷紝鎻愪氦鏍煎紡濡傦細prepay_id=\*\*\*锛�
+ signType: params.signType, // 绛惧悕鏂瑰紡锛岄粯璁や负'SHA1'锛屼娇鐢ㄦ柊鐗堟敮浠橀渶浼犲叆'MD5'
+ paySign: params.paySign // 鏀粯绛惧悕
+ },
+ (res) => {
+ if (res.err_msg === 'get_brand_wcpay_request:ok') {
+ that.queryOrder() // 杩欓噷鏄煡璇㈣鍗曟槸鍚︽敮浠樺畬鎴愶紝鐒跺悗鎵ц鎴愬姛鍜屽け璐ョ殑涓氬姟閫昏緫
+ } else if (res.err_msg === 'get_brand_wcpay_request:fail') {
+ alert('鏀粯澶辫触锛�')
+ } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
+ alert('鏀粯鍙栨秷锛�')
+ }
+ }
+ )
+ },
+ queryOrder() {
+ this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/getById', {id: this.outParkId}, res => {
+ if (res.code === 0) {
+ let outpark = res.data
+ if(outpark.status === 1){
+ window.location.href = "http://hesuancj.cn/#/indexOk?code2="+this.code2
+ return;
+ }else {
+ window.location.href = "http://hesuancj.cn/#/indexFail?code2="+this.code2
+ return;
+ }
+ }
+ })
}
+ }
+
+}
</script>
<style lang="scss">
- .weizhang-main-bootom{
- .el-input__inner{
- border:none;
- }
- .el-form-item__label{
- color: #000;
- font-weight: 600;
- }
+//.el-message{
+// padding: 6.944vh /* 75/10.8 */ 0.78125vw /* 15/19.2 */ 6.944vh /* 75/10.8 */ 1.042vw /* 20/19.2 */;
+//}
+.weizhang-box{
+ .el-form-item{
+ margin-bottom: 3.8vw!important;
+ }
+ .el-form-item__label{
+ font-size: 3.73vw /* 28/7.5 */;
+ line-height: 2.5;
+ }
+ .el-form-item__content{
+ font-size: 3.73vw /* 28/7.5 */;
+ line-height: 2.5;
+ }
+ .el-icon-success:before{
+ content: none;
+ }
+ .el-message__content{
+ font-size: 5vw;
+ }
+ .el-icon-error:before{
+ font-size: 5vw
+ }
+ .weizhang-main-bootom{
+ .el-input__inner{
+ border:none;
}
- .weizhang-footer-box{
- .el-form-item__content{
- width: 100%;
- display: flex;
- justify-content: center;
- }
- .el-button--small{
- padding: 11px 15px;
- font-size: 0.347rem /* 26/75 */;
- }
+ .el-form-item__label{
+ color: #000;
+ font-weight: 600;
}
- .dialog-box{
- .el-dialog{
- bottom: 0;
- position: fixed;
- left: 0;
- margin: 0;
- }
- .el-dialog__body{
- padding: 2.67vw /* 20/7.5 */ 5.33vw /* 40/7.5 */;
- }
- .el-dialog__header{
+ }
+ .weizhang-footer-box{
+ .el-form-item__content{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ }
+ .el-button--small{
+ padding: 11px 15px;
+ font-size: 0.347rem /* 26/75 */;
+ }
+ }
+ .dialog-box{
+ .el-dialog{
+ bottom: 0;
+ position: fixed;
+ left: 0;
+ margin: 0;
+ }
+ .el-dialog__header{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 1.87vw /* 14/7.5 */;
+ background: rgba(103,201,122,0.1);
+ }
+ }
+ .dialog-box,.again-dialog-box{
+ .el-dialog__body{
+ padding: 2.67vw /* 20/7.5 */ 5.33vw /* 40/7.5 */;
+ }
+ .el-dialog__title{
+ font-size: 4vw /* 30/7.5 */;
+ }
+ .el-dialog__headerbtn{
+ top: 2.67vw /* 20/7.5 */;
+ }
+ .dialog-footer{
+ display: flex;
+ width: 100% !important;
+ .el-button{
width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 1.87vw /* 14/7.5 */;
- background: rgba(103,201,122,0.1);
+ background: rgba(74,76,89,1);
+ //padding: 1.056vh /* 12/11.36 */ 1.761vh /* 20/11.36 */;
}
- .el-dialog__title{
- font-size: 4vw /* 30/7.5 */;
- }
- .el-dialog__headerbtn{
- top: 2.67vw /* 20/7.5 */;
- }
- .dialog-footer{
- display: flex;
- width: 100% !important;
- .el-button{
- width: 100%;
- background: rgba(74,76,89,1);
+ }
+ }
+ .again-dialog-box{
+ .el-button--success{
+ background: linear-gradient(to right, #33b1fe, #0679dc)!important;
+ }
+ .el-dialog__body{
+ padding: 8.67vw 5.33vw;
+ }
+ .el-dialog{
+ width: 80%!important;
+ margin-top: 47vh!important;
+ border-radius: 2.67vw /* 20/7.5 */;
+ }
+ .el-dialog__header{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 1.87vw /* 14/7.5 */;
+ background: rgba(103,201,122,0.1);
+ }
+ }
+ .moreCarNum{
+ tr{
+ td{
+ &:nth-child(3) {
+ .cell{
+ padding-left: 0;
+ }
}
}
}
+ .el-button--mini, .el-button--mini.is-round{
+ padding: 0.816vh /* 7/11.36 */ 4vw /* 15/7.5 */;
+ }
+ .el-button--mini, .el-button--small{
+ font-size: 3.2vw /* 24/7.5 */;
+ }
+ .el-table td, .el-table th{
+ padding: 2.5vw /* 12/7.5 */ 0;
+ }
+ //.el-table td, .el-table th.is-leaf{
+ // border-bottom: 1px solid transparent;
+ //}
+ .el-table::before{
+ height: 0;
+ }
+ .el-table{
+ font-size: 3.47vw /* 26/7.5 */;
+ }
+ tbody{
+ tr:last-child {
+ td{
+ border-bottom:1px solid transparent;
+ }
+ }
+ }
+ }
+ .pipeicarNum-dialog-box{
+ .el-dialog{
+ width: 85%!important;
+ margin-top: 45vh!important;
+ border-radius: 2.67vw /* 20/7.5 */;
+ }
+ .el-dialog__title{
+ font-size: 4vw /* 30/7.5 */;
+ }
+ .el-button--mini{
+ padding: 3vw /* 18/7.5 */ 8vw /* 44/7.5 */;
+ font-size:3.73vw /* 28/7.5 */;
+ }
+ .el-dialog__header{
+ padding: 7vw /* 48/7.5 */ 6.4vw 4vw /* 30/7.5 */;
+ }
+ .el-dialog__body{
+ padding: 10vw /* 60/7.5 */ 5.33vw /* 40/7.5 */ 14vw 5.33vw;
+ }
+ }
+}
+.weizhang-footer-box{
+ .el-form-item__content{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ }
+ .el-button--small{
+ padding: 11px 15px;
+ font-size: 0.347rem /* 26/75 */;
+ }
+}
+
</style>
<style lang="scss" scoped>
- h1,h2,h3,h4,h5{
- font-family: '鑻规柟 涓瓑';
- font-weight: normal;
+.weizhang-box{
+ height: 100%;
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ padding-bottom: 2.67vw /* 20/7.5 */;
+}
+h1,h2,h3,h4,h5{
+ font-family: '鑻规柟 涓瓑';
+ font-weight: normal;
+}
+.weizhang-header{
+ display: flex;
+ height: 12.8vw /* 96/7.5 */;
+ align-items: center;
+ border-bottom:1px solid rgba(154,154,154,0.2);
+ .text{
+ flex: 1;
+ text-align: center;
+ h1{
+ font-size: 2.699vh /* 36/13.34 */;
}
- .weizhang-header{
- display: flex;
- height: 12.8vw /* 96/7.5 */;
- align-items: center;
- border-bottom:1px solid rgba(154,154,154,0.2);
- .text{
- flex: 1;
- text-align: center;
- h1{
- font-size: 2.699vh /* 36/13.34 */;
- }
- }
- .right{
- width: 6.747vh /* 90/13.34 */;
- }
- .leftjiantou{
- font-size: 5.33vw;
- width: 6.747vh /* 90/13.34 */;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- }
- .weizhang-main-box{
- width: 100%;
- display: flex;
- flex-direction: column;
- padding:5.33vw /* 40/7.5 */;
- }
- .weizhang-main-top{
- height: 22.489vh /* 300/13.34 */;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border-bottom: 1px solid #f0f0f0;
- .money{
- font-size: 6.93vw /* 52/7.5 */;
- font-weight: 550;
- color: #000;
- }
- .weizhang{
- font-size: 0.4rem /* 30/75 */;
- line-height: 2;
- font-weight: normal;
- margin-top:1.33vw /* 10/7.5 */;
- color: #000;
- }
- }
- .weizhang-main-form{
- }
- .weizhang-tiaokuan{
- margin-top: 2.67vw /* 20/7.5 */;
- h1{
- font-size:3.2vw /* 24/7.5 */;
- color: #999999;
- text-indent: 2.5em;
- line-height: 2;
- }
- }
- .jiaofei-btn{
- width: 80%;
- border-radius: 5.33vw /* 40/7.5 */;
- background-image: linear-gradient(to right,#33b1fe,#0679dc);
- }
+ }
+ .right{
+ width: 6.747vh /* 90/13.34 */;
+ }
+ .leftjiantou{
+ font-size: 5.33vw;
+ width: 6.747vh /* 90/13.34 */;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+}
+.weizhang-main-box{
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ padding:0 /* 20/7.5 */ 5.33vw /* 40/7.5 */ 2.67vw /* 20/7.5 */ 5.33vw;
+}
+.weizhang-main-top{
+ height: 15vh /* 300/13.34 */;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ border-bottom: 1px solid #f0f0f0;
+ .money{
+ font-size: 7.6vw /* 52/7.5 */;
+ font-weight: 550;
+ color: #000;
+ margin-top: 1vw;
+ }
+ .weizhang{
+ font-size: 0.4rem /* 30/75 */;
+ line-height: 2;
+ font-weight: normal;
+ margin-top:1.33vw /* 10/7.5 */;
+ color: #000;
+ }
+}
+.weizhang-main-form{
+}
+.weizhang-tiaokuan{
+ margin-top: 2.67vw /* 20/7.5 */;
+ h1{
+ font-size:3.2vw /* 24/7.5 */;
+ color: #999999;
+ text-indent: 2.5em;
+ line-height: 2;
+ }
+}
+.jiaofei-btn{
+ width: 80%;
+ border-radius: 5.33vw /* 40/7.5 */;
+ background-image: linear-gradient(to right,#33b1fe,#0679dc);
+}
- .logoPhone{
- margin-top: 0.67vw;
- width: 1.333rem /* 100/75 */;
- height: 1.333rem /* 100/75 */;
+.logoPhone{
+ margin-top: 0.67vw;
+ width: 1.333rem /* 100/75 */;
+ height: 1.333rem /* 100/75 */;
+}
+.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
+ margin-bottom: 10px;
+}
+.weizhang-main-bootom{
+ margin-top: 0.333rem /* 25/75 */;
+}
+.dialog-main-box{
+ .dialog-main-line{
+ display: flex;
+ justify-content: space-between;
+ h1{
+ font-size: 3.2vw /* 24/7.5 */;
+ color: rgba(0,0,0,0.9);
+ line-height: 2;
}
- .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
- margin-bottom: 10px;
- }
- .weizhang-main-bootom{
- margin-top: 0.333rem /* 25/75 */;
- }
- .dialog-main-box{
- .dialog-main-line{
- display: flex;
- justify-content: space-between;
- h1{
- font-size: 3.2vw /* 24/7.5 */;
- color: rgba(0,0,0,0.9);
- line-height: 2;
- }
+ }
+ .dialog-main-line-middle{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ padding: 2.67vw /* 20/7.5 */ 0;
+ h1{
+ font-size: 8vw /* 60/7.5 */;
+ line-height: 2;
+ color: rgba(0,0,0,1);
+ font{
+ font-size: 3.73vw /* 28/7.5 */;
+ margin-left: 0.67vw /* 5/7.5 */;
}
- .dialog-main-line-middle{
+ }
+ }
+ .wx-img-box{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ .wx-img-l{
+ display: flex;
+ img{
+ width: 5.33vw /* 40/7.5 */;
+ object-fit: contain;
+ }
+ h1{
+ font-size: 3.47vw /* 26/7.5 */;
+ margin-left: 1.33vw /* 10/7.5 */;
+ }
+ }
+ .wx-img-r{
+ width: 4vw /* 30/7.5 */;
+ height: 4vw /* 30/7.5 */;
+ img{
width: 100%;
- display: flex;
- justify-content: center;
- padding: 2.67vw /* 20/7.5 */ 0;
- h1{
- font-size: 8vw /* 60/7.5 */;
- line-height: 2;
- color: rgba(0,0,0,1);
- font{
- font-size: 3.73vw /* 28/7.5 */;
- margin-left: 0.67vw /* 5/7.5 */;
- }
- }
- }
- .wx-img-box{
- width: 100%;
- display: flex;
- justify-content: space-between;
- .wx-img-l{
- display: flex;
- img{
- width: 5.33vw /* 40/7.5 */;
- object-fit: contain;
- }
- h1{
- font-size: 3.47vw /* 26/7.5 */;
- margin-left: 1.33vw /* 10/7.5 */;
- }
- }
- .wx-img-r{
- width: 4vw /* 30/7.5 */;
- height: 4vw /* 30/7.5 */;
- img{
- width: 100%;
- }
- }
}
}
+ }
+}
+.again-dialog-box{
+ .again-dialog-main{
+ h1{
+ font-size: 4vw /* 30/7.5 */;
+ }
+ }
+}
+.moreCarNum{
+ width: 90%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+
+ .title{
+ font-size: 3.47vw /* 26/7.5 */;
+ margin-bottom: 2.67vw /* 20/7.5 */;
+ padding-left: 2.67vw /* 20/7.5 */;
+ font-weight: 550;
+ letter-spacing: 1px;
+ }
+ .moreCarNum-heard{
+ width: 100%;
+ display: flex;
+ .moreCarNum-block{
+ text-align: center;
+ h1{
+ font-size: 3.47vw /* 26/7.5 */;
+ }
+ &:nth-child(1){
+ width: 30%;
+ }
+ &:nth-child(2){
+ width: 50%;
+ }
+ &:nth-child(3){
+ width: 20%;
+ }
+ }
+ }
+ .moreCarNum-main{
+ border: 1px solid #dbdbdb;
+ border-radius: 2.67vw /* 20/7.5 */;
+ padding: 1.07vw /* 8/7.5 */ 2.67vw /* 20/7.5 */;
+ box-sizing: border-box;
+ width: 100%;
+ min-height: 17.366vh /* 220/11.36 */;
+ max-height: 25vh /* 250/11.36 */;
+ overflow-y: auto;
+ }
+ .moreCarNum-line{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ margin-top: 3.2vw /* 24/7.5 */;
+ .moreCarNum-block{
+ display: flex;
+ h1{
+ font-size: 3.73vw /* 28/7.5 */;
+ font-weight: 550;
+ margin-right: 5.33vw /* 40/7.5 */;
+ }
+ h2{
+ font-size: 3.73vw /* 28/7.5 */;
+ }
+ }
+ }
+}
+.peipeiCarnum{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+}
+.formLabel{
+ ::v-deep .el-form-item__label{
+ font-size: 18px;
+ }
+ ::v-deep el-input{
+ border: solid 1px #ccc!important;
+
+ }
+
+}
+.carSearch{
+ border:solid 1px #ccc;
+ margin-top: 15%;
+ border-radius: 4%;
+ box-shadow: 0px 0px 0px 10px;
+
+}
</style>
--
Gitblit v1.9.1