|
|
|
|
@ -19,7 +19,7 @@
|
|
|
|
|
:row-style="{height:'60px'}"
|
|
|
|
|
v-loading="tableLoading"
|
|
|
|
|
>
|
|
|
|
|
<!-- <el-table-column prop="__row_number__" label="序号" align="center" width="80"></el-table-column>-->
|
|
|
|
|
<!-- <el-table-column prop="__row_number__" label="序号" align="center" width="80"></el-table-column>-->
|
|
|
|
|
<el-table-column prop="tollStationName" label="入口站名" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="ACARNO" label="车牌号码" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="colortext" label="车牌颜色" align="center"></el-table-column>
|
|
|
|
|
@ -30,16 +30,27 @@
|
|
|
|
|
<el-table-column prop="INWEIGHT" label="车货总重(千克)" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="BACKUP4" label="超载重量(千克)" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="overWeight" label="超限重量(千克)" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="overRate" label="超限率(‰)" align="center"></el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column fixed="right" label="操作" width="150" align="center">
|
|
|
|
|
<el-table-column fixed="right" label="操作" width="140" align="center">
|
|
|
|
|
<template v-slot="scope">
|
|
|
|
|
<el-tooltip effect="dark" placement="top" content="查看详情">
|
|
|
|
|
<el-button
|
|
|
|
|
style="margin-top: 0%;"
|
|
|
|
|
@click="viewThis(scope.row)" type="success"
|
|
|
|
|
size="default"
|
|
|
|
|
:icon="View">查看详情
|
|
|
|
|
:icon="View">
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
<el-tooltip effect="dark" placement="top" content="车辆档案">
|
|
|
|
|
<el-button
|
|
|
|
|
style="margin-top: 0%;"
|
|
|
|
|
@click="viewThis2(scope.row)" type="info"
|
|
|
|
|
size="default"
|
|
|
|
|
:icon="ZoomIn">
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
@ -60,8 +71,10 @@
|
|
|
|
|
</el-row>
|
|
|
|
|
<!-- :style="{ maxHeight: '700px' }"-->
|
|
|
|
|
<el-dialog title="治超详情" v-model="viewShow" width="80%" top="0.5%" destroy-on-close
|
|
|
|
|
ref="viewThisRow"
|
|
|
|
|
:close-on-click-modal="false">
|
|
|
|
|
<el-form :model="viewThisRow" size="medium" ref="viewThisRow">
|
|
|
|
|
<div id="print-content">
|
|
|
|
|
<el-form :model="viewThisRow" size="medium" ref="viewThisRow" id="rowFrom">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="流水号:" :label-width="formLabelWidth" prop="LISTNO">
|
|
|
|
|
@ -291,7 +304,7 @@
|
|
|
|
|
<el-divider/>
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="12" v-loading="platePicLoad" v-if="isDisplayed">
|
|
|
|
|
<span style="font-size: 15px;" >
|
|
|
|
|
<span style="font-size: 15px;">
|
|
|
|
|
车侧身照片</span>
|
|
|
|
|
<el-image style="width: 400px; height: 300px;left: 80px" :src="platePic"
|
|
|
|
|
:zoom-rate="1.2"
|
|
|
|
|
@ -302,7 +315,7 @@
|
|
|
|
|
未查询到车侧身照片</span>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-loading="platePicLoad" v-if="!isDisplayed">
|
|
|
|
|
<span style="font-size: 15px;" >
|
|
|
|
|
<span style="font-size: 15px;">
|
|
|
|
|
车牌照片</span>
|
|
|
|
|
<el-image style="width: 400px; height: 300px;left: 80px" :src="platePic"
|
|
|
|
|
:zoom-rate="1.2"
|
|
|
|
|
@ -314,19 +327,20 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="12" v-loading="shortVideoLoad">
|
|
|
|
|
<span style="font-size: 15px;">短视频</span>
|
|
|
|
|
<!-- <br v-if="showShortVideo"/>-->
|
|
|
|
|
<video style="width: 500px;height: 300px;left: 80px" controls="controls" autoPlay="autoplay" v-if="showShortVideo">
|
|
|
|
|
<!-- <br v-if="showShortVideo"/>-->
|
|
|
|
|
<video style="width: 500px;height: 300px;left: 80px" controls="controls" autoPlay="autoplay"
|
|
|
|
|
v-if="showShortVideo">
|
|
|
|
|
<source
|
|
|
|
|
:src="videoSrc"
|
|
|
|
|
type="video/mp4">
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<!-- <br v-if="showShortVideo"/>-->
|
|
|
|
|
<!-- <br v-if="showShortVideo"/>-->
|
|
|
|
|
<!-- <el-button type="success" @click="openNewPage()" :icon="View"-->
|
|
|
|
|
<!-- v-if="showShortVideo">-->
|
|
|
|
|
<!-- 视频查看-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
<!-- <br v-if="showShortVideo"/>-->
|
|
|
|
|
<!-- <br v-if="showShortVideo"/>-->
|
|
|
|
|
<!-- <el-button type="success" @click="openNewPage()" :icon="View"-->
|
|
|
|
|
<!-- v-if="showShortVideo">-->
|
|
|
|
|
<!-- 视频查看-->
|
|
|
|
|
<!-- </el-button>-->
|
|
|
|
|
<span v-if="notShortVideo" style="font-size: 15px;left: 50px">
|
|
|
|
|
<br/>
|
|
|
|
|
未查询到短视频</span>
|
|
|
|
|
@ -334,10 +348,11 @@
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-divider/>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<span class="dialog-footer">
|
|
|
|
|
<el-button @click="viewShow=false" type="primary"> 关闭</el-button>
|
|
|
|
|
|
|
|
|
|
<el-button @click="viewShow=false" type="warning"> 关闭</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
@ -346,6 +361,26 @@
|
|
|
|
|
:close-on-click-modal="false">
|
|
|
|
|
<el-form :model="searchForm" size="medium" ref="searchForm">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="10">
|
|
|
|
|
<el-form-item label="超限率(‰):" :label-width="searchFormLabelWidth" prop="overRate">
|
|
|
|
|
|
|
|
|
|
<el-input-number v-model="searchForm.overRate" :step="10" :min="0" :max="1000"
|
|
|
|
|
:precision="0"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="10">
|
|
|
|
|
<el-form-item label="是否开启自动查询:" :label-width="searchFormLabelWidth">
|
|
|
|
|
<el-switch
|
|
|
|
|
v-model="isAutomatic"
|
|
|
|
|
active-text="开启"
|
|
|
|
|
inactive-text="关闭"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="统计日期:" :label-width="searchFormLabelWidth" prop="dT">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
@ -485,9 +520,200 @@
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="车辆档案" v-model="viewShow2" width="90%" top="0.5%" destroy-on-close
|
|
|
|
|
:close-on-click-modal="false">
|
|
|
|
|
<div id="printJS-form">
|
|
|
|
|
<el-descriptions
|
|
|
|
|
class="margin-top"
|
|
|
|
|
:column="3"
|
|
|
|
|
border
|
|
|
|
|
>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="入口站名:"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.tollStationName }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="车牌号码:"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.ACARNO }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="车牌颜色:"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.colortext }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="车型:"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.typetext }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="轴数:"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.AXISCOUNT }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="检测时间:"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.checkTime }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="超载重量(千克):"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.BACKUP4 }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="超限重量(千克):"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.overWeight }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="超限率(‰):"
|
|
|
|
|
>
|
|
|
|
|
{{ viewThisRow2.overRate }}
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="车头照片:"
|
|
|
|
|
:span="1"
|
|
|
|
|
>
|
|
|
|
|
<div v-loading="carFrontPicLoad" element-loading-text="图像加载中...">
|
|
|
|
|
<el-image
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
style="min-width:100px;max-width: 370px; height: 270px"
|
|
|
|
|
:src="carFrontPic"
|
|
|
|
|
:zoom-rate="1.2"
|
|
|
|
|
:max-scale="7"
|
|
|
|
|
:min-scale="0.2"
|
|
|
|
|
:preview-src-list="carFrontPicList"
|
|
|
|
|
:initial-index="4"
|
|
|
|
|
fit="fill"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<template #error>
|
|
|
|
|
<div class="image-slot" style="min-width:100px;max-width: 370px; height: 270px">
|
|
|
|
|
图片不存在
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="车尾照片:"
|
|
|
|
|
:span="1"
|
|
|
|
|
>
|
|
|
|
|
<div v-loading="carRearPicLoad" element-loading-text="图像加载中...">
|
|
|
|
|
<el-image
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
style="min-width:100px;max-width: 370px; height: 270px"
|
|
|
|
|
:src="carRearPic"
|
|
|
|
|
:zoom-rate="1.2"
|
|
|
|
|
:max-scale="7"
|
|
|
|
|
:min-scale="0.2"
|
|
|
|
|
:preview-src-list="carRearPicList"
|
|
|
|
|
:initial-index="4"
|
|
|
|
|
fit="fill"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<template #error>
|
|
|
|
|
<div class="image-slot" style="min-width:100px;max-width: 370px; height: 270px">
|
|
|
|
|
图片不存在
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="车侧身照片:"
|
|
|
|
|
:span="1"
|
|
|
|
|
v-if="isDisplayed"
|
|
|
|
|
>
|
|
|
|
|
<div v-loading="platePicLoad" element-loading-text="图像加载中...">
|
|
|
|
|
<el-image
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
style="min-width:100px;max-width: 370px; height: 270px"
|
|
|
|
|
:src="platePic"
|
|
|
|
|
:zoom-rate="1.2"
|
|
|
|
|
:max-scale="7"
|
|
|
|
|
:min-scale="0.2"
|
|
|
|
|
:preview-src-list="platePicList"
|
|
|
|
|
:initial-index="4"
|
|
|
|
|
fit="fill"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<template #error>
|
|
|
|
|
<div class="image-slot" style="min-width:100px;max-width: 370px; height: 270px">
|
|
|
|
|
图片不存在
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item
|
|
|
|
|
label-align="center" align="center"
|
|
|
|
|
label="车牌照片:"
|
|
|
|
|
:span="1"
|
|
|
|
|
v-if="!isDisplayed"
|
|
|
|
|
>
|
|
|
|
|
<div v-loading="platePicLoad" element-loading-text="图像加载中...">
|
|
|
|
|
<el-image
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
style="min-width:100px;max-width: 370px; height: 270px"
|
|
|
|
|
:src="platePic"
|
|
|
|
|
:zoom-rate="1.2"
|
|
|
|
|
:max-scale="7"
|
|
|
|
|
:min-scale="0.2"
|
|
|
|
|
:preview-src-list="platePicList"
|
|
|
|
|
:initial-index="4"
|
|
|
|
|
fit="fill"
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<template #error>
|
|
|
|
|
<div class="image-slot" style="min-width:100px;max-width: 370px; height: 270px">
|
|
|
|
|
图片不存在
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-image>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
</div>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<span class="dialog-footer">
|
|
|
|
|
<el-button @click="printDetails()" type="primary" icon="Printer"> 打印 </el-button>
|
|
|
|
|
<el-button @click="viewShow2=false" type="warning"> 关闭</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import printJS from "print-js";
|
|
|
|
|
// import zhCn from 'element-plus/lib/locale/lang/zh-cn'
|
|
|
|
|
import zhCn from "element-plus/dist/locale/zh-cn.mjs";
|
|
|
|
|
import {
|
|
|
|
|
@ -511,6 +737,9 @@ export default {
|
|
|
|
|
data() {
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
//是否自动查询
|
|
|
|
|
isAutomatic: true,
|
|
|
|
|
timer: null, // 定时器
|
|
|
|
|
version: '', // 初始版本号为空
|
|
|
|
|
fieldMapping: {
|
|
|
|
|
LISTNO: "LISTNO",
|
|
|
|
|
@ -594,9 +823,9 @@ export default {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
isDisplayed:false,
|
|
|
|
|
isDisplayed: false,
|
|
|
|
|
|
|
|
|
|
videoSrc:'',
|
|
|
|
|
videoSrc: '',
|
|
|
|
|
carFrontPic: '',
|
|
|
|
|
carFrontPicList: [],
|
|
|
|
|
showCarFrontPic: false,
|
|
|
|
|
@ -644,6 +873,7 @@ export default {
|
|
|
|
|
total: 0,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
overRate: 50,// 超限率(‰)
|
|
|
|
|
dT: [moment(new Date().setTime(new Date().getTime())).format('YYYY-MM-DD'), moment(new Date()).format('YYYY-MM-DD')],
|
|
|
|
|
},
|
|
|
|
|
searchShow: false,
|
|
|
|
|
@ -659,9 +889,140 @@ export default {
|
|
|
|
|
tableLoading: false,
|
|
|
|
|
viewShow: false,
|
|
|
|
|
viewThisRow: {},
|
|
|
|
|
viewShow2: false,
|
|
|
|
|
viewThisRow2: {},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// 启动定时任务
|
|
|
|
|
startTimer() {
|
|
|
|
|
if (!this.timer) {
|
|
|
|
|
this.timer = setInterval(() => {
|
|
|
|
|
this.network(); // 每15秒执行一次查询方法
|
|
|
|
|
}, 15000); // 15秒
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 停止定时任务
|
|
|
|
|
stopTimer() {
|
|
|
|
|
if (this.timer) {
|
|
|
|
|
clearInterval(this.timer);
|
|
|
|
|
this.timer = null;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
printDetails() {
|
|
|
|
|
this.dateFormat(); // 获取当前时间
|
|
|
|
|
|
|
|
|
|
printJS({
|
|
|
|
|
printable: "printJS-form",
|
|
|
|
|
type: 'html',
|
|
|
|
|
scanStyle: true,
|
|
|
|
|
targetStyles: ['*', '.el-descriptions', '.el-image', '#page-break'],
|
|
|
|
|
header: `
|
|
|
|
|
<div class="titleDiv">
|
|
|
|
|
<h3 style='text-align: center;color:#000;width:100%' class="title">车辆档案</h3>
|
|
|
|
|
<div style='float: right' class="label">打印时间：${this.nowTime}</div>
|
|
|
|
|
<div style="clear: both;"></div>
|
|
|
|
|
</div>
|
|
|
|
|
`,
|
|
|
|
|
style: `
|
|
|
|
|
@media print {
|
|
|
|
|
body {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
orientation: landscape !important;
|
|
|
|
|
}
|
|
|
|
|
.titleDiv {
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
.margin-top {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* el-descriptions 占满整行 */
|
|
|
|
|
.margin-top .el-descriptions {
|
|
|
|
|
width: 100% ;
|
|
|
|
|
display: block; /* 强制块级布局 */
|
|
|
|
|
page-break-inside: avoid; /* 避免内容被分割到两页 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 清除默认边距和内边距 */
|
|
|
|
|
.margin-top .el-descriptions__body {
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 描述项独占一行 */
|
|
|
|
|
.margin-top .el-descriptions__item {
|
|
|
|
|
display: block;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.el-descriptions {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.el-descriptions-item {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
.el-image {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
.image-slot {
|
|
|
|
|
min-width: 100px;
|
|
|
|
|
max-width: 370px;
|
|
|
|
|
height: 270px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
dateFormat() {
|
|
|
|
|
const date = new Date();
|
|
|
|
|
const year = date.getFullYear();
|
|
|
|
|
const month = (date.getMonth() + 1).toString().padStart(2, '0');
|
|
|
|
|
const day = date.getDate().toString().padStart(2, '0');
|
|
|
|
|
const hours = date.getHours().toString().padStart(2, '0');
|
|
|
|
|
const minutes = date.getMinutes().toString().padStart(2, '0');
|
|
|
|
|
const seconds = date.getSeconds().toString().padStart(2, '0');
|
|
|
|
|
this.nowTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
viewThis2(row) { //查看明细
|
|
|
|
|
// console.log(row)
|
|
|
|
|
this.viewThisRow2 = row
|
|
|
|
|
this.viewThisRow = row
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.viewShow2 = true
|
|
|
|
|
//查询车头照片
|
|
|
|
|
this.showCarFrontPic = false;
|
|
|
|
|
this.notCarFrontPic = false;
|
|
|
|
|
this.queryCarFrontPic();
|
|
|
|
|
//查询车尾照片
|
|
|
|
|
this.showCarRearPic = false;
|
|
|
|
|
this.notCarRearPic = false;
|
|
|
|
|
this.queryCarRearPic();
|
|
|
|
|
//查询车侧身照片
|
|
|
|
|
this.showPlatePic = false;
|
|
|
|
|
this.notPlatePic = false;
|
|
|
|
|
this.queryPlatePic();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//获取用户的基础信息
|
|
|
|
|
queryUserBasic() {
|
|
|
|
|
//获取当前的用户id
|
|
|
|
|
@ -685,9 +1046,7 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
queryJurisdictionStaList() {
|
|
|
|
|
getJurisdictionStaList({
|
|
|
|
|
|
|
|
|
|
}).then((res) => {
|
|
|
|
|
getJurisdictionStaList({}).then((res) => {
|
|
|
|
|
this.StaList = res;
|
|
|
|
|
this.network();
|
|
|
|
|
|
|
|
|
|
@ -758,14 +1117,14 @@ export default {
|
|
|
|
|
queryShortVideoUrl() {
|
|
|
|
|
const videNo = this.viewThisRow.vehicleSignId2;
|
|
|
|
|
// const videNo = '0F058E042D1D62A895B';
|
|
|
|
|
if (videNo === null || videNo === ''||videNo === '0' || videNo === undefined || videNo === 'undefined') {
|
|
|
|
|
if (videNo === null || videNo === '' || videNo === '0' || videNo === undefined || videNo === 'undefined') {
|
|
|
|
|
this.notShortVideo = true;
|
|
|
|
|
this.shortVideoLoad = false;
|
|
|
|
|
this.showShortVideo = false;
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this.showShortVideo = true;
|
|
|
|
|
this.videoSrc=axios.defaults.baseURL+'/AggregationProgram/getVideo?videNo='+videNo;
|
|
|
|
|
this.videoSrc = axios.defaults.baseURL + '/AggregationProgram/getVideo?videNo=' + videNo;
|
|
|
|
|
// this.shortVideoLoad = true;
|
|
|
|
|
// const shortvideo = this.viewThisRow.vehicleSignId2;
|
|
|
|
|
// if (shortvideo === null || shortvideo === '' || shortvideo === undefined || shortvideo === 'undefined') {
|
|
|
|
|
@ -802,18 +1161,20 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
queryPlatePic() {
|
|
|
|
|
this.platePicLoad = true;
|
|
|
|
|
let platepic ='';
|
|
|
|
|
let imgType ='';
|
|
|
|
|
if (this.isDisplayed){
|
|
|
|
|
this.platePic = '';
|
|
|
|
|
this.platePicList = [];
|
|
|
|
|
let platepic = '';
|
|
|
|
|
let imgType = '';
|
|
|
|
|
if (this.isDisplayed) {
|
|
|
|
|
platepic = this.viewThisRow.BAK8;
|
|
|
|
|
imgType='1'
|
|
|
|
|
}else {
|
|
|
|
|
imgType = '1'
|
|
|
|
|
} else {
|
|
|
|
|
platepic = this.viewThisRow.vehicleSignId;
|
|
|
|
|
imgType='15'
|
|
|
|
|
imgType = '15'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// console.log(platepic)
|
|
|
|
|
if (platepic === null || platepic === ''||platepic === '0' || platepic === undefined || platepic === 'undefined') {
|
|
|
|
|
if (platepic === null || platepic === '' || platepic === '0' || platepic === undefined || platepic === 'undefined') {
|
|
|
|
|
this.notPlatePic = true;
|
|
|
|
|
this.platePicLoad = false;
|
|
|
|
|
return;
|
|
|
|
|
@ -846,8 +1207,10 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
queryCarRearPic() {
|
|
|
|
|
this.carRearPicLoad = true;
|
|
|
|
|
this.carRearPic = '';
|
|
|
|
|
this.carRearPicList = [];
|
|
|
|
|
const tailpic = this.viewThisRow.vehicleSignId1;
|
|
|
|
|
if (tailpic === null || tailpic === ''||tailpic === '0' || tailpic === undefined || tailpic === 'undefined') {
|
|
|
|
|
if (tailpic === null || tailpic === '' || tailpic === '0' || tailpic === undefined || tailpic === 'undefined') {
|
|
|
|
|
this.notCarRearPic = true;
|
|
|
|
|
this.carRearPicLoad = false;
|
|
|
|
|
return;
|
|
|
|
|
@ -878,9 +1241,11 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
queryCarFrontPic() {
|
|
|
|
|
this.carFrontPic = '';
|
|
|
|
|
this.carFrontPicList = [];
|
|
|
|
|
this.carFrontPicLoad = true;
|
|
|
|
|
const headpic = this.viewThisRow.LISTNO;
|
|
|
|
|
if (headpic === null || headpic === '' ||headpic === '0'|| headpic === undefined || headpic === 'undefined') {
|
|
|
|
|
if (headpic === null || headpic === '' || headpic === '0' || headpic === undefined || headpic === 'undefined') {
|
|
|
|
|
this.notCarFrontPic = true;
|
|
|
|
|
this.carFrontPicLoad = false;
|
|
|
|
|
return;
|
|
|
|
|
@ -937,13 +1302,14 @@ export default {
|
|
|
|
|
total: 0,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
overRate: 50, // 超限率(‰)
|
|
|
|
|
dT: [moment(new Date().setTime(new Date().getTime())).format('YYYY-MM-DD'), moment(new Date()).format('YYYY-MM-DD')],
|
|
|
|
|
};
|
|
|
|
|
this.network()
|
|
|
|
|
},
|
|
|
|
|
network() {
|
|
|
|
|
this.tableLoading = true;
|
|
|
|
|
this.searchForm.staList=this.StaList;
|
|
|
|
|
this.searchForm.staList = this.StaList;
|
|
|
|
|
getEntrancePage(this.searchForm).then((res) => {
|
|
|
|
|
if (res.records != null) {
|
|
|
|
|
// console.log(res.records)
|
|
|
|
|
@ -973,7 +1339,7 @@ export default {
|
|
|
|
|
this.searchForm.pageNum = val
|
|
|
|
|
this.network()
|
|
|
|
|
},
|
|
|
|
|
fetchVersion(){
|
|
|
|
|
fetchVersion() {
|
|
|
|
|
queryProgramVersion().then((res) => {
|
|
|
|
|
// console.log(res)
|
|
|
|
|
this.version = res.data;
|
|
|
|
|
@ -981,6 +1347,18 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
// 监听 isAutomatic 的变化
|
|
|
|
|
isAutomatic(newVal) {
|
|
|
|
|
if (newVal) {
|
|
|
|
|
// 如果 isAutomatic 为 true，启动定时任务
|
|
|
|
|
this.startTimer();
|
|
|
|
|
} else {
|
|
|
|
|
// 如果 isAutomatic 为 false，停止定时任务
|
|
|
|
|
this.stopTimer();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.queryUserBasic();
|
|
|
|
|
this.queryJurisdictionStaList();
|
|
|
|
|
@ -992,16 +1370,20 @@ export default {
|
|
|
|
|
})
|
|
|
|
|
getPortNoList().then((res) => {
|
|
|
|
|
// console.log(res)
|
|
|
|
|
this.portnoList= res;
|
|
|
|
|
this.portnoList = res;
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// document.documentElement.style.setProperty('--el-bg-color', '#2f39a4')
|
|
|
|
|
this.myHeight = (document.documentElement.clientHeight) * 0.86;
|
|
|
|
|
this.fetchVersion();
|
|
|
|
|
}
|
|
|
|
|
// 如果需要在页面加载时自动启动定时任务，可以在这里设置
|
|
|
|
|
this.startTimer();
|
|
|
|
|
},
|
|
|
|
|
beforeDestroy() {
|
|
|
|
|
// 组件销毁时，确保定时器被清除
|
|
|
|
|
this.stopTimer();
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
@ -1015,4 +1397,14 @@ export default {
|
|
|
|
|
color: #332f2f;
|
|
|
|
|
z-index: 1000; /* 确保版本号在最上层 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.titleDiv {
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.label {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
gaoshuguang
7 months ago