10.21 11:44 表格宽度调整

property_main
zz 1 month ago
parent 32992668ce
commit dac0789a79

@ -1227,7 +1227,7 @@ export const SysHomePageApiFp = function (configuration?: Configuration) {
async apiGetChargMonitorChargBinData(options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => Promise<AxiosResponse<AdminResultSysUser>>> { async apiGetChargMonitorChargBinData(options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => Promise<AxiosResponse<AdminResultSysUser>>> {
const localVarAxiosArgs = await SysHomePageApiAxiosParamCreator(configuration).apiGetChargMonitorChargBinData(options); const localVarAxiosArgs = await SysHomePageApiAxiosParamCreator(configuration).apiGetChargMonitorChargBinData(options);
const second_url = 'http://localhost:5035' const second_url = 'http://192.168.2.14:6035'
return (axios: AxiosInstance = globalAxios, basePath: string = second_url) => { return (axios: AxiosInstance = globalAxios, basePath: string = second_url) => {
const axiosRequestArgs: AxiosRequestConfig = { ...localVarAxiosArgs.options, url: second_url + localVarAxiosArgs.url }; const axiosRequestArgs: AxiosRequestConfig = { ...localVarAxiosArgs.options, url: second_url + localVarAxiosArgs.url };

@ -47,7 +47,7 @@
<el-tag v-else> </el-tag> <el-tag v-else> </el-tag>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column prop="" :label="$t('message.change_car.reservationLock')" align="center" show-overflow-tooltip> <el-table-column prop="" :label="$t('message.change_car.reservationLock')" align="center" width="140" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.amtLock === 0" type="info"> {{$t('message.change_car.notLocked')}} </el-tag> <el-tag v-if="scope.row.amtLock === 0" type="info"> {{$t('message.change_car.notLocked')}} </el-tag>
<el-tag v-else type="success"> {{$t('message.change_car.locked')}} </el-tag> <el-tag v-else type="success"> {{$t('message.change_car.locked')}} </el-tag>
@ -57,8 +57,8 @@
<!-- <el-table-column prop="soe" label="soe" align="center" show-overflow-tooltip /> --> <!-- <el-table-column prop="soe" label="soe" align="center" show-overflow-tooltip /> -->
<!-- <el-table-column prop="soh" label="soh" align="center" show-overflow-tooltip /> --> <!-- <el-table-column prop="soh" label="soh" align="center" show-overflow-tooltip /> -->
<!-- <el-table-column prop="batteryEnterSeq" label="电池入仓顺序" align="center" show-overflow-tooltip /> --> <!-- <el-table-column prop="batteryEnterSeq" label="电池入仓顺序" align="center" show-overflow-tooltip /> -->
<el-table-column prop="inTime" :label="$t('message.change_car.entryTime')" align="center" show-overflow-tooltip /> <el-table-column prop="inTime" :label="$t('message.change_car.entryTime')" align="center" width="140" show-overflow-tooltip />
<el-table-column prop="" :label="$t('message.change_car.chargingStatus')" align="center" show-overflow-tooltip> <el-table-column prop="" :label="$t('message.change_car.chargingStatus')" align="center" width="140" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.chargeStatus === 0"> {{$t('message.change_car.unknown')}} </el-tag> <el-tag v-if="scope.row.chargeStatus === 0"> {{$t('message.change_car.unknown')}} </el-tag>
<el-tag v-else-if="scope.row.chargeStatus === 1"> {{ $t('message.change_car.charging') }} </el-tag> <el-tag v-else-if="scope.row.chargeStatus === 1"> {{ $t('message.change_car.charging') }} </el-tag>
@ -74,14 +74,14 @@
<el-tag v-else> </el-tag> <el-tag v-else> </el-tag>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column prop="exists" :label="$t('message.change_car.isBatteryInPosition')" align="center" show-overflow-tooltip> <el-table-column prop="exists" :label="$t('message.change_car.isBatteryInPosition')" align="center" width="140" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.exists === 0" type="info"> {{ $t('message.change_car.notInPosition') }} </el-tag> <el-tag v-if="scope.row.exists === 0" type="info"> {{ $t('message.change_car.notInPosition') }} </el-tag>
<el-tag v-else-if="scope.row.exists === 1" type="success"> {{ $t('message.change_car.inPosition') }} </el-tag> <el-tag v-else-if="scope.row.exists === 1" type="success"> {{ $t('message.change_car.inPosition') }} </el-tag>
<el-tag v-else type="danger"> {{ $t('message.change_car.invalid') }} </el-tag> <el-tag v-else type="danger"> {{ $t('message.change_car.invalid') }} </el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="lastChargeFinishTime" :label="$t('message.change_car.lastChargingEndTime')" align="center" show-overflow-tooltip /> <el-table-column prop="lastChargeFinishTime" :label="$t('message.change_car.lastChargingEndTime')" align="center" width="140" show-overflow-tooltip />
<el-table-column :label="$t('message.change_car.operation')" width="550" fixed="right" align="center" show-overflow-tooltip> <el-table-column :label="$t('message.change_car.operation')" width="550" fixed="right" align="center" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-button icon="ele-Edit" size="small" text @click="uploadcloud(scope.row)"> {{ $t('message.change_car.edit') }} </el-button> <el-button icon="ele-Edit" size="small" text @click="uploadcloud(scope.row)"> {{ $t('message.change_car.edit') }} </el-button>

@ -8,7 +8,7 @@
</div> </div>
<div class="main_info"> <div class="main_info">
<div> <div>
<el-form :model="ruleForm_vin" :rules="rules_vin" ref="ruleFormRef" label-width="150px"> <el-form :model="ruleForm_vin" :rules="rules_vin" ref="ruleFormRef" label-width="200px">
<el-form-item :label="$t('message.missingPiece.vin_code')" prop="vehicleVin"> <el-form-item :label="$t('message.missingPiece.vin_code')" prop="vehicleVin">
<el-input v-model="ruleForm_vin.vehicleVin" size="large" :placeholder="$t('message.missingPiece.Please_enter_valid_VIN_code')" style="width: 300px; margin-left: 30px" clearable></el-input> <el-input v-model="ruleForm_vin.vehicleVin" size="large" :placeholder="$t('message.missingPiece.Please_enter_valid_VIN_code')" style="width: 300px; margin-left: 30px" clearable></el-input>
</el-form-item> </el-form-item>

@ -45,8 +45,8 @@
<el-table-column type="selection" width="55" fixed> </el-table-column> <el-table-column type="selection" width="55" fixed> </el-table-column>
<el-table-column type="index" :label="$t('message.charging_real_result.serialNumber')" width="55" align="center" fixed /> <el-table-column type="index" :label="$t('message.charging_real_result.serialNumber')" width="55" align="center" fixed />
<el-table-column prop="sn" :label="$t('message.charging_real_result.orderNumber')" align="center" show-overflow-tooltip /> <el-table-column prop="sn" :label="$t('message.charging_real_result.orderNumber')" align="center" show-overflow-tooltip />
<el-table-column prop="batteryNo" :label="$t('message.charging_real_result.batteryCode')" align="center" show-overflow-tooltip /> <el-table-column prop="batteryNo" :label="$t('message.charging_real_result.batteryCode')" align="center" width="150" show-overflow-tooltip />
<el-table-column prop="cmdStatus" :label="$t('message.charging_real_result.startMessageStatus')" width="100" align="center" show-overflow-tooltip> <el-table-column prop="cmdStatus" :label="$t('message.charging_real_result.startMessageStatus')" width="120" align="center" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.cmdStatus === 0"> {{ $t('message.charging_real_result.initialization') }} </el-tag> <el-tag v-if="scope.row.cmdStatus === 0"> {{ $t('message.charging_real_result.initialization') }} </el-tag>
<el-tag v-if="scope.row.cmdStatus === 1"> {{ $t('message.charging_real_result.startSuccess') }} </el-tag> <el-tag v-if="scope.row.cmdStatus === 1"> {{ $t('message.charging_real_result.startSuccess') }} </el-tag>
@ -71,8 +71,8 @@
<el-table-column prop="startAcElec" :label="$t('message.charging_real_result.chargingStartAcMeterReadingKwh')" align="center" show-overflow-tooltip /> <el-table-column prop="startAcElec" :label="$t('message.charging_real_result.chargingStartAcMeterReadingKwh')" align="center" show-overflow-tooltip />
<el-table-column prop="stopAcElec" :label="$t('message.charging_real_result.chargingEndAcMeterReadingKwh')" align="center" show-overflow-tooltip /> <el-table-column prop="stopAcElec" :label="$t('message.charging_real_result.chargingEndAcMeterReadingKwh')" align="center" show-overflow-tooltip />
<el-table-column prop="startDcElec" :label="$t('message.charging_real_result.chargingStartDcMeterReadingKwh')" align="center" show-overflow-tooltip /> <el-table-column prop="startDcElec" :label="$t('message.charging_real_result.chargingStartDcMeterReadingKwh')" align="center" show-overflow-tooltip />
<el-table-column prop="stopDcElec" :label="$t('message.charging_real_result.chargingEndDcMeterReadingKwh')" align="center" show-overflow-tooltip /> <el-table-column prop="stopDcElec" :label="$t('message.charging_real_result.chargingEndDcMeterReadingKwh')" width="120" align="center" show-overflow-tooltip />
<el-table-column :label="$t('message.charging_real_result.startType')" align="center" show-overflow-tooltip width="120"> <el-table-column :label="$t('message.charging_real_result.startType')" align="center" width="190" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.startType === 0"> {{ $t('message.charging_real_result.stationControlAutoStart') }} </el-tag> <el-tag v-if="scope.row.startType === 0"> {{ $t('message.charging_real_result.stationControlAutoStart') }} </el-tag>
<el-tag v-if="scope.row.startType === 1"> {{ $t('message.charging_real_result.stationControlManualStart') }} </el-tag> <el-tag v-if="scope.row.startType === 1"> {{ $t('message.charging_real_result.stationControlManualStart') }} </el-tag>
@ -90,7 +90,7 @@
<el-table-column prop="flatElecCount" :label="$t('message.charging_real_result.flatPeriodEnergy')" align="center" show-overflow-tooltip /> <el-table-column prop="flatElecCount" :label="$t('message.charging_real_result.flatPeriodEnergy')" align="center" show-overflow-tooltip />
<el-table-column prop="valleyElecCount" :label="$t('message.charging_real_result.offPeakPeriodEnergy')" align="center" show-overflow-tooltip /> <el-table-column prop="valleyElecCount" :label="$t('message.charging_real_result.offPeakPeriodEnergy')" align="center" show-overflow-tooltip />
<el-table-column prop="elecPriceModelVersion" :label="$t('message.charging_real_result.tariffVersionNumber')" align="center" show-overflow-tooltip /> <el-table-column prop="elecPriceModelVersion" :label="$t('message.charging_real_result.tariffVersionNumber')" align="center" show-overflow-tooltip />
<el-table-column prop="swapOrderSn" :label="$t('message.charging_real_result.batteryChangeOrderNumber')" width="100" align="center" show-overflow-tooltip /> <el-table-column prop="swapOrderSn" :label="$t('message.charging_real_result.batteryChangeOrderNumber')" width="220" align="center" show-overflow-tooltip />
<!-- <el-table-column prop="cloudReportStatus" :label="$t('message.charging_real_result.cloudPlatformUploadStatus')" width="130" align="center" show-overflow-tooltip> <!-- <el-table-column prop="cloudReportStatus" :label="$t('message.charging_real_result.cloudPlatformUploadStatus')" width="130" align="center" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.cloudReportStatus === 0"> {{ $t('message.charging_real_result.notUploaded') }} </el-tag> <el-tag v-if="scope.row.cloudReportStatus === 0"> {{ $t('message.charging_real_result.notUploaded') }} </el-tag>

@ -173,7 +173,7 @@ const initLineChart = () => {
const option = { const option = {
backgroundColor: '', backgroundColor: '',
grid: { top: 70, right: 60, bottom: 30, left: 78 }, grid: { top: 70, right: 80, bottom: 30, left: 78 },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
}, },

@ -140,10 +140,9 @@
<!-- <div> --> <!-- <div> -->
<div > <div >
<div class="tops_title"> <div class="tops_title">
<span scope="col" style="font-size: 18px">{{ $t('message.missingPiece.Position_position') }}</span> <span scope="col" style="font-size:18px;">{{ $t('message.missingPiece.Position_position') }}</span>
<span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Charging_pile_number') }}</span> <span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Charging_pile_number') }}</span>
<span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Connection_status') }}</span> <span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Connection_status') }}</span>
<!-- -->
<span scope="col" style="font-size:18px">{{ $t('message.change_car.chargingStatus') }}</span> <span scope="col" style="font-size:18px">{{ $t('message.change_car.chargingStatus') }}</span>
<span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Total_charging_time') }}/h</span> <span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Total_charging_time') }}/h</span>
<span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Total_charge') }}/kwh</span> <span scope="col" style="font-size:18px">{{ $t('message.missingPiece.Total_charge') }}/kwh</span>
@ -332,24 +331,16 @@ const getchargerList = async () => {
// //
.tops_title { .tops_title {
color: #fff; color: #fff;
height: 100px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
line-height: 35px;
border: 1px solid #fff; border: 1px solid #fff;
box-sizing: border-box; box-sizing: border-box;
span { span {
flex: 1; flex: 1;
height: 100px;
margin: auto ;
// line-height: 100px;
// width: 11.11;
text-align: center; text-align: center;
// border: 1px solid #fff;
// border-top: 1px solid #fff;
border-right: 1px solid #fff; border-right: 1px solid #fff;
box-sizing: border-box; box-sizing: border-box;
} }

Loading…
Cancel
Save