页面时间框与表格内容左对齐样式调整

This commit is contained in:
猫猫guowen
2025-07-14 14:54:13 +08:00
parent 3d78a5bd30
commit 570509f61c
6 changed files with 125 additions and 103 deletions

View File

@@ -1,13 +1,13 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="请求时间截 yyyy-MM-dd HH:mm:ss" prop="reqTime">
<el-input
v-model="queryParams.reqTime"
placeholder="请输入请求时间截 yyyy-MM-dd HH:mm:ss"
clearable
@keyup.enter.native="handleQuery"
/>
<el-form-item label="请求时间截" prop="reqTime">
<el-date-picker clearable
v-model="queryParams.reqTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请输入请求时间截">
</el-date-picker>
</el-form-item>
<el-form-item label="起点 " prop="positionCode1">
<el-input
@@ -65,13 +65,15 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="结束时间 yyyy-MM-dd HH:mm:ss" prop="finishTime">
<el-input
v-model="queryParams.finishTime"
placeholder="请输入结束时间 yyyy-MM-dd HH:mm:ss"
clearable
@keyup.enter.native="handleQuery"
/>
<el-form-item label="结束时间" prop="finishTime">
<el-date-picker clearable
v-model="queryParams.finishTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请输入结束时间">
</el-date-picker>
</el-form-item>
<el-form-item label="wms托盘码/容器码" prop="wmsTraycode">
<el-input
@@ -96,27 +98,27 @@
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['agv:queue:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['agv:queue:edit']"
>修改</el-button>
</el-col>
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- plain-->
<!-- icon="el-icon-plus"-->
<!-- size="mini"-->
<!-- @click="handleAdd"-->
<!-- v-hasPermi="['agv:queue:add']"-->
<!-- >新增</el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="success"-->
<!-- plain-->
<!-- icon="el-icon-edit"-->
<!-- size="mini"-->
<!-- :disabled="single"-->
<!-- @click="handleUpdate"-->
<!-- v-hasPermi="['agv:queue:edit']"-->
<!-- >修改</el-button>-->
<!-- </el-col>-->
<el-col :span="1.5">
<el-button
type="danger"
@@ -143,21 +145,21 @@
<el-table v-loading="loading" :data="queueList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="请求编号" align="center" prop="reqCode" />
<el-table-column label="请求时间截 yyyy-MM-dd HH:mm:ss" align="center" prop="reqTime" />
<el-table-column label="起点 " align="center" prop="positionCode1" />
<el-table-column label="终点" align="center" prop="positionCode2" />
<el-table-column label="任务类型 " align="center" prop="taskType" />
<el-table-column label="容器类型" align="center" prop="ctnrType" />
<el-table-column label="容器编号" align="center" prop="ctnrCode" />
<el-table-column label="容器数量" align="center" prop="ctnrNum" />
<el-table-column label="任务模式" align="center" prop="taskMode" />
<el-table-column label="优先级" align="center" prop="priority" />
<el-table-column label="设备类型" align="center" prop="agvType" />
<el-table-column label="继续请求" align="center" prop="request" />
<el-table-column label="结束时间 yyyy-MM-dd HH:mm:ss" align="center" prop="finishTime" />
<el-table-column label="wms托盘码/容器码" align="center" prop="wmsTraycode" />
<el-table-column label="wms任务号" align="center" prop="wmsTaskNo" />
<el-table-column label="请求编号" align="left" prop="reqCode" />
<el-table-column label="请求时间截" align="left" prop="reqTime" />
<el-table-column label="起点 " align="left" prop="positionCode1" />
<el-table-column label="终点" align="left" prop="positionCode2" />
<el-table-column label="任务类型 " align="left" prop="taskType" />
<el-table-column label="容器类型" align="left" prop="ctnrType" />
<el-table-column label="容器编号" align="left" prop="ctnrCode" />
<el-table-column label="容器数量" align="left" prop="ctnrNum" />
<el-table-column label="任务模式" align="left" prop="taskMode" />
<el-table-column label="优先级" align="left" prop="priority" />
<el-table-column label="设备类型" align="left" prop="agvType" />
<el-table-column label="继续请求" align="left" prop="request" />
<el-table-column label="结束时间" align="left" prop="finishTime" />
<el-table-column label="wms托盘码/容器码" align="left" prop="wmsTraycode" />
<el-table-column label="wms任务号" align="left" prop="wmsTaskNo" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@@ -177,7 +179,7 @@
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
@@ -190,7 +192,7 @@
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="请求时间截 yyyy-MM-dd HH:mm:ss" prop="reqTime">
<el-input v-model="form.reqTime" placeholder="请输入请求时间截 yyyy-MM-dd HH:mm:ss" />
<el-input v-model="form.reqTime" placeholder="请输入请求时间截" />
</el-form-item>
<el-form-item label="起点 " prop="positionCode1">
<el-input v-model="form.positionCode1" placeholder="请输入起点 " />
@@ -214,7 +216,7 @@
<el-input v-model="form.request" placeholder="请输入继续请求" />
</el-form-item>
<el-form-item label="结束时间 yyyy-MM-dd HH:mm:ss" prop="finishTime">
<el-input v-model="form.finishTime" placeholder="请输入结束时间 yyyy-MM-dd HH:mm:ss" />
<el-input v-model="form.finishTime" placeholder="请输入结束时间" />
</el-form-item>
<el-form-item label="wms托盘码/容器码" prop="wmsTraycode">
<el-input v-model="form.wmsTraycode" placeholder="请输入wms托盘码/容器码" />
@@ -392,3 +394,13 @@ export default {
}
}
</script>
<style scoped>
.el-table >>> .current-row {
background-color: #f0f9eb;
}
.el-form-item >>> .el-form-item__label {
white-space: nowrap;
width: auto;
min-width: fit-content;
}
</style>

View File

@@ -177,7 +177,7 @@
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"

View File

@@ -103,15 +103,15 @@
<el-table v-loading="loading" :data="cachePortList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="id" />
<el-table-column label="点位编码" align="center" prop="portCode" />
<el-table-column label="点位名称" align="center" prop="portName" />
<el-table-column label="点位类型" align="center" prop="portType" />
<el-table-column label="点位区域" align="center" prop="portRegion" />
<el-table-column label="备用字段" align="center" prop="spare1" />
<el-table-column label="备用字段" align="center" prop="spare2" />
<el-table-column label="备用字段" align="center" prop="spare3" />
<el-table-column label="点位状态" align="center" prop="status" />
<el-table-column label="主键" align="left" prop="id" />
<el-table-column label="点位编码" align="left" prop="portCode" />
<el-table-column label="点位名称" align="left" prop="portName" />
<el-table-column label="点位类型" align="left" prop="portType" />
<el-table-column label="点位区域" align="left" prop="portRegion" />
<el-table-column label="备用字段" align="left" prop="spare1" />
<el-table-column label="备用字段" align="left" prop="spare2" />
<el-table-column label="备用字段" align="left" prop="spare3" />
<el-table-column label="点位状态" align="left" prop="status" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button

View File

@@ -123,19 +123,19 @@
<el-table v-loading="loading" :data="portList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="center" prop="id" />
<el-table-column label="点位编码" align="center" prop="portCode" />
<el-table-column label="点位名称" align="center" prop="portName" />
<el-table-column label="点位类型" align="center" prop="portType">
<el-table-column label="主键" align="left" prop="id" />
<el-table-column label="点位编码" align="left" prop="portCode" />
<el-table-column label="点位名称" align="left" prop="portName" />
<el-table-column label="点位类型" align="left" prop="portType">
<template slot-scope="scope">
<dict-tag :options="dict.type.port_type" :value="scope.row.portType"/>
</template>
</el-table-column>
<el-table-column label="点位区域" align="center" prop="portRegion" />
<el-table-column label="备用字段" align="center" prop="spare1" />
<el-table-column label="备用字段" align="center" prop="spare2" />
<el-table-column label="备用字段" align="center" prop="spare3" />
<el-table-column label="状态" align="center" prop="status">
<el-table-column label="点位区域" align="left" prop="portRegion" />
<el-table-column label="备用字段" align="left" prop="spare1" />
<el-table-column label="备用字段" align="left" prop="spare2" />
<el-table-column label="备用字段" align="left" prop="spare3" />
<el-table-column label="状态" align="left" prop="status">
<template slot-scope="scope">
<dict-tag :options="dict.type.cache_port_status" :value="scope.row.status"/>
</template>
@@ -159,7 +159,7 @@
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"

View File

@@ -151,20 +151,20 @@
<el-table v-loading="loading" :data="DeviceCarList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="id" align="center" prop="id" />
<el-table-column label="设备唯一编码" align="center" prop="deviceCode" />
<el-table-column label="设备名称" align="center" prop="name" />
<el-table-column label="类型" align="center" prop="type" />
<el-table-column label="设备IP" align="center" prop="ipAddress" />
<el-table-column label="关联缓冲区" align="center" prop="bufferAreaId" />
<el-table-column label="0-F 1-T" align="center" prop="isActive" />
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="备用字段" align="center" prop="spare1" />
<el-table-column label="备用字段" align="center" prop="spare2" />
<el-table-column label="备用字段" align="center" prop="spare3" />
<el-table-column label="备用字段" align="center" prop="spare4" />
<el-table-column label="任务号" align="center" prop="taskNo" />
<el-table-column label="执行阶段" align="center" prop="zxjd" />
<el-table-column label="id" align="left" prop="id" />
<el-table-column label="设备唯一编码" align="left" prop="deviceCode" />
<el-table-column label="设备名称" align="left" prop="name" />
<el-table-column label="类型" align="left" prop="type" />
<el-table-column label="设备IP" align="left" prop="ipAddress" />
<el-table-column label="关联缓冲区" align="left" prop="bufferAreaId" />
<el-table-column label="0-F 1-T" align="left" prop="isActive" />
<el-table-column label="状态" align="left" prop="status" />
<el-table-column label="备用字段" align="left" prop="spare1" />
<el-table-column label="备用字段" align="left" prop="spare2" />
<el-table-column label="备用字段" align="left" prop="spare3" />
<el-table-column label="备用字段" align="left" prop="spare4" />
<el-table-column label="任务号" align="left" prop="taskNo" />
<el-table-column label="执行阶段" align="left" prop="zxjd" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@@ -402,3 +402,13 @@ export default {
}
}
</script>
<style scoped>
.el-table >>> .current-row {
background-color: #f0f9eb;
}
.el-form-item >>> .el-form-item__label {
white-space: nowrap;
width: auto;
min-width: fit-content;
}
</style>

View File

@@ -81,21 +81,21 @@
<el-table v-loading="loading" :data="apiList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="请求id" align="center" prop="requestId" />
<el-table-column label="请求时间" align="center" prop="requestTime" />
<el-table-column label="来源系统" align="center" prop="sourceSystem" />
<el-table-column label="目标系统" align="center" prop="targetSystem" />
<el-table-column label="接口名称" align="center" prop="endpoint" />
<el-table-column label="url路径" align="center" prop="requestUrl" />
<el-table-column label="请求方式" align="center" prop="requestMethod" />
<el-table-column label="请求头信息" align="center" prop="requestHeaders" />
<el-table-column label="请求参数" align="center" prop="requestBody" />
<el-table-column label="响应时间" align="center" prop="responseTime" />
<el-table-column label="响应主体" align="center" prop="responseBody" />
<el-table-column label="响应状态" align="center" prop="responseStatus" />
<el-table-column label="错误信息" align="center" prop="errorDetails" />
<el-table-column label="耗时" align="center" prop="duration" />
<el-table-column label="是否成功" align="center" prop="isSuccessful">
<el-table-column label="请求id" align="left" prop="requestId" />
<el-table-column label="请求时间" align="left" prop="requestTime" />
<el-table-column label="来源系统" align="left" prop="sourceSystem" />
<el-table-column label="目标系统" align="left" prop="targetSystem" />
<el-table-column label="接口名称" align="left" prop="endpoint" />
<el-table-column label="url路径" align="left" prop="requestUrl" />
<el-table-column label="请求方式" align="left" prop="requestMethod" />
<el-table-column label="请求头信息" align="left" prop="requestHeaders" />
<el-table-column label="请求参数" align="left" prop="requestBody" />
<el-table-column label="响应时间" align="left" prop="responseTime" />
<el-table-column label="响应主体" align="left" prop="responseBody" />
<el-table-column label="响应状态" align="left" prop="responseStatus" />
<el-table-column label="错误信息" align="left" prop="errorDetails" />
<el-table-column label="耗时" align="left" prop="duration" />
<el-table-column label="是否成功" align="left" prop="isSuccessful">
<template slot-scope="scope">
<dict-tag :options="dict.type.interface_status" :value="scope.row.isSuccessful"/>
</template>
@@ -119,7 +119,7 @@
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"