This commit is contained in:
shijing 2024-08-15 16:43:29 +08:00
commit 599a117a96
1 changed files with 85 additions and 32 deletions

View File

@ -37,39 +37,57 @@
</div>
</el-header>
<el-main>
<scTable ref="table" :apiObj="apiObj" :params="params" :query="query" size="large" style=""
<scTable ref="table" :data="data" :params="params" :query="query" size="large" style=""
@row-click="rowClick" @dataChange="updateCount">
<el-table-column label="出入口编号"></el-table-column>
<el-table-column label="道闸编号"></el-table-column>
<el-table-column label="抬杆方式"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column label="进厂时间"></el-table-column>
<el-table-column prop="vehicle_number" label="车牌号码"></el-table-column>
<el-table-column prop="access_time" label="过门禁时间"></el-table-column>
<el-table-column prop="type" label="进出厂类型">
<template #default="scope">
<span>{{ type_[scope.row.type] }}</span>
</template>
</el-table-column>
<el-table-column prop="door_name" label="门禁名称"></el-table-column>
<el-table-column prop="vehicle_number" label="车辆识别代号VIN"></el-table-column>
<el-table-column prop="emission_standard" label="排放标准"></el-table-column>
<el-table-column prop="" label="新能源">
<template #default="scope">
<el-tag type="info" v-if="scope.row.is_new_energy"></el-tag>
<el-tag v-else type="danger"></el-tag>
</template>
</el-table-column>
<el-table-column prop="index" label="序号"></el-table-column>
<el-table-column prop="bcrkbh" label="出入口编号"></el-table-column>
<el-table-column prop="dzbh" label="道闸编号"></el-table-column>
<el-table-column prop="dtgfs" label="抬杆方式"></el-table-column>
<el-table-column prop="jcsj" label="进厂时间"></el-table-column>
<el-table-column prop="ccsj" label="出场时间"></el-table-column>
<el-table-column prop="gcllx" label="车俩类型"></el-table-column>
<el-table-column prop="hclys" label="车辆颜色"></el-table-column>
<el-table-column prop="cph" label="车牌号"></el-table-column>
<el-table-column prop="zcdjsj" label="注册登记日期"></el-table-column>
<el-table-column prop="lclppxh" label="车辆品牌型号"></el-table-column>
<el-table-column prop="fdjhm" label="发动机号码"></el-table-column>
</scTable>
<el-dialog width="650px" v-model="dialogFormVisible" title="车辆运输台账详情" >
<el-descriptions :column="2" width="600px">
<el-descriptions-item label="出入口编号">{{ ysdata.crkbh }}</el-descriptions-item>
<el-descriptions-item label="道闸编号">{{ ysdata.dzbh }}</el-descriptions-item>
<el-descriptions-item label="抬杆方式">{{ ysdata.tgfs }}</el-descriptions-item>
<el-descriptions-item label="进厂时间">{{ ysdata.jcsj }}</el-descriptions-item>
<el-descriptions-item label="出厂时间">{{ ysdata.ccsj }}</el-descriptions-item>
<el-descriptions-item label="车辆类型">{{ ysdata.cllx }}</el-descriptions-item>
<el-descriptions-item label="车牌颜色">{{ ysdata.clys }}</el-descriptions-item>
<el-descriptions-item label="车牌号">{{ ysdata.cph }}</el-descriptions-item>
<el-descriptions-item label="注册登记日期">{{ ysdata.zcdjsj }}</el-descriptions-item>
<el-descriptions-item label="车辆识别代码VIN">{{ ysdata.cpsbdm }}</el-descriptions-item>
<el-descriptions-item label="车辆品牌型号">{{ ysdata.clppxh }}</el-descriptions-item>
<el-descriptions-item label="发动机号码">{{ ysdata.fdjhm }}</el-descriptions-item>
<el-descriptions-item label="燃料类型">{{ ysdata.rllx }}</el-descriptions-item>
<el-descriptions-item label="排放阶段">{{ ysdata.pfjd }}</el-descriptions-item>
<el-descriptions-item label="使用性质">{{ ysdata.syxz }}</el-descriptions-item>
<el-descriptions-item label="联网状态">{{ ysdata.lwzt }}</el-descriptions-item>
<el-descriptions-item label="进厂运输货物名称">{{ ysdata.jcyshwmc }}</el-descriptions-item>
<el-descriptions-item label="进厂运输货物量">{{ ysdata.jchwl }}</el-descriptions-item>
<el-descriptions-item label="出厂运输货物名称">{{ ysdata.cchwmc }}</el-descriptions-item>
<el-descriptions-item label="出厂运输货物量">{{ ysdata.cchwl }}</el-descriptions-item>
<el-descriptions-item label="车队名称">{{ ysdata.cdmc }}</el-descriptions-item>
<el-descriptions-item label="进厂照片">{{ ysdata.jczp }}</el-descriptions-item>
<el-descriptions-item label="随车清单">{{ ysdata.sdqd }}</el-descriptions-item>
<el-descriptions-item label="行驶证">{{ ysdata.xsz }}</el-descriptions-item>
<el-descriptions-item label="手动抬杆照片">{{ ysdata.sdtgzp }}</el-descriptions-item>
</el-descriptions>
<template #footer>
<div class="dialog-footer">
<el-button @click="dialogFormVisible = false">取消</el-button>
</div>
</template>
</el-dialog>
</el-main>
</el-container>
</el-main>
@ -79,6 +97,37 @@
export default {
data() {
return {
data:[{index:1,
crkbh:'123456',
dzbh:'25356',
tgfs:"自动",
jcsj:"2024-08-02",
ccsj:"2024-08-02",
cllx:"运输车辆",
clys:"白色",
cph:"Ad1233",
zcdjsj:"",
cpsbdm:"",
clppxh:"",
fdjhm:"",
rllx:"",
pfjd:"",
syxz:"",
lxzt:"",
jcyshwmc:"",
jchwl:"",
cchwmc:"",
cchwl:"",
cdmc:"",
jczp:"",
sdqd:"",
xsz:"",
sdtgzp:""
}],
dialogFormVisible:false,
ysdata:{},
query: {},
count: 0,
timeRange: [],
@ -108,6 +157,10 @@ export default {
updateCount(res, tableData) {
this.count = res.count
},
rowClick(row){
this.ysdata = row;
this.dialogFormVisible=true;
},
handleQuery() {
if (this.timeRange) {
this.query.access_time__gte = this.timeRange[0]