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

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

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

View File

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

View File

@@ -151,20 +151,20 @@
<el-table v-loading="loading" :data="DeviceCarList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="DeviceCarList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="id" align="center" prop="id" /> <el-table-column label="id" align="left" prop="id" />
<el-table-column label="设备唯一编码" align="center" prop="deviceCode" /> <el-table-column label="设备唯一编码" align="left" prop="deviceCode" />
<el-table-column label="设备名称" align="center" prop="name" /> <el-table-column label="设备名称" align="left" prop="name" />
<el-table-column label="类型" align="center" prop="type" /> <el-table-column label="类型" align="left" prop="type" />
<el-table-column label="设备IP" align="center" prop="ipAddress" /> <el-table-column label="设备IP" align="left" prop="ipAddress" />
<el-table-column label="关联缓冲区" align="center" prop="bufferAreaId" /> <el-table-column label="关联缓冲区" align="left" prop="bufferAreaId" />
<el-table-column label="0-F 1-T" align="center" prop="isActive" /> <el-table-column label="0-F 1-T" align="left" prop="isActive" />
<el-table-column label="状态" align="center" prop="status" /> <el-table-column label="状态" align="left" prop="status" />
<el-table-column label="备用字段" align="center" prop="spare1" /> <el-table-column label="备用字段" align="left" prop="spare1" />
<el-table-column label="备用字段" align="center" prop="spare2" /> <el-table-column label="备用字段" align="left" prop="spare2" />
<el-table-column label="备用字段" align="center" prop="spare3" /> <el-table-column label="备用字段" align="left" prop="spare3" />
<el-table-column label="备用字段" align="center" prop="spare4" /> <el-table-column label="备用字段" align="left" prop="spare4" />
<el-table-column label="任务号" align="center" prop="taskNo" /> <el-table-column label="任务号" align="left" prop="taskNo" />
<el-table-column label="执行阶段" align="center" prop="zxjd" /> <el-table-column label="执行阶段" align="left" prop="zxjd" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@@ -402,3 +402,13 @@ export default {
} }
} }
</script> </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 v-loading="loading" :data="apiList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="请求id" align="center" prop="requestId" /> <el-table-column label="请求id" align="left" prop="requestId" />
<el-table-column label="请求时间" align="center" prop="requestTime" /> <el-table-column label="请求时间" align="left" prop="requestTime" />
<el-table-column label="来源系统" align="center" prop="sourceSystem" /> <el-table-column label="来源系统" align="left" prop="sourceSystem" />
<el-table-column label="目标系统" align="center" prop="targetSystem" /> <el-table-column label="目标系统" align="left" prop="targetSystem" />
<el-table-column label="接口名称" align="center" prop="endpoint" /> <el-table-column label="接口名称" align="left" prop="endpoint" />
<el-table-column label="url路径" align="center" prop="requestUrl" /> <el-table-column label="url路径" align="left" prop="requestUrl" />
<el-table-column label="请求方式" align="center" prop="requestMethod" /> <el-table-column label="请求方式" align="left" prop="requestMethod" />
<el-table-column label="请求头信息" align="center" prop="requestHeaders" /> <el-table-column label="请求头信息" align="left" prop="requestHeaders" />
<el-table-column label="请求参数" align="center" prop="requestBody" /> <el-table-column label="请求参数" align="left" prop="requestBody" />
<el-table-column label="响应时间" align="center" prop="responseTime" /> <el-table-column label="响应时间" align="left" prop="responseTime" />
<el-table-column label="响应主体" align="center" prop="responseBody" /> <el-table-column label="响应主体" align="left" prop="responseBody" />
<el-table-column label="响应状态" align="center" prop="responseStatus" /> <el-table-column label="响应状态" align="left" prop="responseStatus" />
<el-table-column label="错误信息" align="center" prop="errorDetails" /> <el-table-column label="错误信息" align="left" prop="errorDetails" />
<el-table-column label="耗时" align="center" prop="duration" /> <el-table-column label="耗时" align="left" prop="duration" />
<el-table-column label="是否成功" align="center" prop="isSuccessful"> <el-table-column label="是否成功" align="left" prop="isSuccessful">
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.interface_status" :value="scope.row.isSuccessful"/> <dict-tag :options="dict.type.interface_status" :value="scope.row.isSuccessful"/>
</template> </template>