Skip to content

Q
qr-consistency-vue3
Commit c288a701 authored by qiyaxin's avatar qiyaxin
Browse files
Options

CCAP控制计划表单样式修改

parent 5d3b2937
Show whitespace changes
Inline Side-by-side
Showing with 347 additions and 135 deletions
src/locales/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/index/cn.json
View file @ c288a701
...@@ -7,6 +7,8 @@ ...@@ -7,6 +7,8 @@
"businessDivision": "事业部", "businessDivision": "事业部",
"vehicleTypeCode": "车型代码", "vehicleTypeCode": "车型代码",
"vehicleTypeSeries": "车型系列", "vehicleTypeSeries": "车型系列",
"vehicleModelAnnouncementNumber": "车型公告号",
"taskStatus": "任务状态",
"versionNumber": "版本号", "versionNumber": "版本号",
"creator": "创建人", "creator": "创建人",
"controlPlanStatus": "控制计划状态", "controlPlanStatus": "控制计划状态",
......
src/locales/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/index/en.json
View file @ c288a701
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
"vehicleTypeCode": "Vehicle Type Code", "vehicleTypeCode": "Vehicle Type Code",
"vehicleTypeSeries": "Vehicle Type Series", "vehicleTypeSeries": "Vehicle Type Series",
"versionNumber": "Version Number", "versionNumber": "Version Number",
"taskStatus": "Task Status",
"vehicleModelAnnouncementNumber": "Vehicle Model Announcement Number",
"creator": "Creator", "creator": "Creator",
"controlPlanStatus": "Control Plan Status", "controlPlanStatus": "Control Plan Status",
"controlPlanNumber": "Control Plan Number", "controlPlanNumber": "Control Plan Number",
...@@ -24,7 +26,6 @@ ...@@ -24,7 +26,6 @@
"serialNumber": "Ordinal", "serialNumber": "Ordinal",
"viewHistoricalControlPlan": "View Historical Control Plan", "viewHistoricalControlPlan": "View Historical Control Plan",
"view": "View", "view": "View",
"process": "Process",
"revoke": "Revoke", "revoke": "Revoke",
"adjustCompilationResponsiblePerson": "Adjust Compilation Responsible Person", "adjustCompilationResponsiblePerson": "Adjust Compilation Responsible Person",
"generateFile": "Generate File", "generateFile": "Generate File",
......
src/views/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/index.vue
View file @ c288a701
...@@ -2,15 +2,21 @@ ...@@ -2,15 +2,21 @@
<div class="app-container"> <div class="app-container">
<el-tabs v-model="activeTab"> <el-tabs v-model="activeTab">
<el-tab-pane :label="'编制中('+total1+')'" name="first"> <el-tab-pane :label="'编制中('+total1+')'" name="first">
<div>
<el-form v-model="queryParams1" ref="queryRef" :inline="true"> <el-form v-model="queryParams1" ref="queryRef" :inline="true">
<el-row :gutter="20"> <el-row :gutter="20">
<!-- 事业部 --> <!-- 事业部 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId"> <el-form-item :label="`${cn.businessDivision}${en.businessDivision}`" prop="businessUnitId">
<template #label>
<div style="line-height: 15px;">
{{cn.businessDivision}}
<br/>
{{en.businessDivision}}
</div>
</template>
<el-select <el-select
v-model="queryParams1.businessUnitId" v-model="queryParams1.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable clearable
style="width: 200px" style="width: 200px"
> >
...@@ -23,11 +29,18 @@ ...@@ -23,11 +29,18 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 车型代码 --> <!-- 车型代码 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode"> <el-form-item :label="`${cn.vehicleTypeCode}${en.vehicleTypeCode}`" prop="vehicleModelCode">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeCode}}
<br/>
{{en.vehicleTypeCode}}
</div>
</template>
<el-select <el-select
v-model="queryParams1.vehicleModelCode" v-model="queryParams1.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`" :placeholder="`${cn.pleaseChooseOrEnter}${en.pleaseChooseOrEnter}`"
clearable clearable
filterable filterable
style="width: 200px" style="width: 200px"
...@@ -41,11 +54,18 @@ ...@@ -41,11 +54,18 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 车型系列 --> <!-- 车型系列 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries"> <el-form-item :label="`${cn.vehicleTypeSeries}${en.vehicleTypeSeries}`" prop="vehicleSeries">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeSeries}}
<br/>
{{en.vehicleTypeSeries}}
</div>
</template>
<el-select <el-select
v-model="queryParams1.vehicleSeries" v-model="queryParams1.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable clearable
style="width: 200px" style="width: 200px"
> >
...@@ -58,11 +78,16 @@ ...@@ -58,11 +78,16 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <!-- 版本号 -->
<el-row :gutter="20"> <el-col :span="6">
<!-- 车型公告号 --> <el-form-item :label="`${cn.versionNumber}${en.versionNumber}`" prop="versionNumber">
<el-col :span="8"> <template #label>
<el-form-item label="车型公告号" prop="versionNumber"> <div style="line-height: 15px;">
{{cn.versionNumber}}
<br/>
{{en.versionNumber}}
</div>
</template>
<el-input <el-input
v-model="queryParams1.versionNumber" v-model="queryParams1.versionNumber"
placeholder="A0-Z9" placeholder="A0-Z9"
...@@ -72,41 +97,53 @@ ...@@ -72,41 +97,53 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 版本号 --> </el-row>
<el-col :span="8"> <el-row :gutter="20">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber"> <!-- 任务状态 -->
<el-col :span="6">
<el-form-item label="任务状态" prop="productionAddress">
<template #label>
<div style="line-height: 15px;">
{{cn.taskStatus}}
<br/>
{{en.taskStatus}}
</div>
</template>
<el-input <el-input
v-model="queryParams1.versionNumber" v-model="queryParams1.productionAddress"
placeholder="A0-Z9" :placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable clearable
disabled
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 任务状态 --> <!-- 车型公告号 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item label="任务状态" prop="productionAddress"> <el-form-item label="车型公告号" prop="versionNumber">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleModelAnnouncementNumber}}
<br/>
{{en.vehicleModelAnnouncementNumber}}
</div>
</template>
<el-input <el-input
v-model="queryParams1.productionAddress" v-model="queryParams1.versionNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" placeholder="A0-Z9"
clearable clearable
disabled
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="12">
<el-row>
<el-col :span="24">
<div class="button-container"> <div class="button-container">
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button> <el-button style="width: 110px" class="btn-A" @click="handleQuery1">{{ cn.search }}{{ en.search }}</el-button>
<el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button> <el-button style="width: 110px" class="btn-B" @click="resetQuery1">{{ cn.reset }}{{ en.reset }}</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div>
<div>
<el-table :data="tableList1"> <el-table :data="tableList1">
<el-table-column fixed type="index" width="75" align="center" label="序号"> <el-table-column fixed type="index" width="75" align="center" label="序号">
<template #header> <template #header>
...@@ -249,7 +286,6 @@ ...@@ -249,7 +286,6 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<pagination <pagination
v-show="total1>-1" v-show="total1>-1"
:total="total1" :total="total1"
...@@ -258,16 +294,23 @@ ...@@ -258,16 +294,23 @@
@pagination="getList" @pagination="getList"
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="'编制完成('+total2+')'" name="second"> <el-tab-pane :label="'编制完成('+total2+')'" name="second">
<div>
<el-form v-model="queryParams2" ref="queryRef" :inline="true"> <el-form v-model="queryParams2" ref="queryRef" :inline="true">
<el-row :gutter="20"> <el-row :gutter="20">
<!-- 事业部 --> <!-- 事业部 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId"> <el-form-item :label="`${cn.businessDivision}${en.businessDivision}`" prop="businessUnitId">
<template #label>
<div style="line-height: 15px;">
{{cn.businessDivision}}
<br/>
{{en.businessDivision}}
</div>
</template>
<el-select <el-select
v-model="queryParams2.businessUnitId" v-model="queryParams1.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable clearable
style="width: 200px" style="width: 200px"
> >
...@@ -280,11 +323,18 @@ ...@@ -280,11 +323,18 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 车型代码 --> <!-- 车型代码 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode"> <el-form-item :label="`${cn.vehicleTypeCode}${en.vehicleTypeCode}`" prop="vehicleModelCode">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeCode}}
<br/>
{{en.vehicleTypeCode}}
</div>
</template>
<el-select <el-select
v-model="queryParams2.vehicleModelCode" v-model="queryParams1.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`" :placeholder="`${cn.pleaseChooseOrEnter}${en.pleaseChooseOrEnter}`"
clearable clearable
filterable filterable
style="width: 200px" style="width: 200px"
...@@ -298,11 +348,18 @@ ...@@ -298,11 +348,18 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 车型系列 --> <!-- 车型系列 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries"> <el-form-item :label="`${cn.vehicleTypeSeries}${en.vehicleTypeSeries}`" prop="vehicleSeries">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeSeries}}
<br/>
{{en.vehicleTypeSeries}}
</div>
</template>
<el-select <el-select
v-model="queryParams2.vehicleSeries" v-model="queryParams1.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable clearable
style="width: 200px" style="width: 200px"
> >
...@@ -315,13 +372,18 @@ ...@@ -315,13 +372,18 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <!-- 版本号 -->
<el-row :gutter="20"> <el-col :span="6">
<!-- 车型公告号 --> <el-form-item :label="`${cn.versionNumber}${en.versionNumber}`" prop="versionNumber">
<el-col :span="8"> <template #label>
<el-form-item label="车型公告号" prop="versionNumber"> <div style="line-height: 15px;">
{{cn.versionNumber}}
<br/>
{{en.versionNumber}}
</div>
</template>
<el-input <el-input
v-model="queryParams2.versionNumber" v-model="queryParams1.versionNumber"
placeholder="A0-Z9" placeholder="A0-Z9"
clearable clearable
disabled disabled
...@@ -329,41 +391,53 @@ ...@@ -329,41 +391,53 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 版本号 --> </el-row>
<el-col :span="8"> <el-row :gutter="20">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber"> <!-- 任务状态 -->
<el-col :span="6">
<el-form-item label="任务状态" prop="productionAddress">
<template #label>
<div style="line-height: 15px;">
{{cn.taskStatus}}
<br/>
{{en.taskStatus}}
</div>
</template>
<el-input <el-input
v-model="queryParams2.versionNumber" v-model="queryParams1.productionAddress"
placeholder="A0-Z9" :placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable clearable
disabled
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 任务状态 --> <!-- 车型公告号 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item label="任务状态" prop="productionAddress"> <el-form-item label="车型公告号" prop="versionNumber">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleModelAnnouncementNumber}}
<br/>
{{en.vehicleModelAnnouncementNumber}}
</div>
</template>
<el-input <el-input
v-model="queryParams2.productionAddress" v-model="queryParams1.versionNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" placeholder="A0-Z9"
clearable clearable
disabled
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <el-col :span="12">
<el-row>
<el-col :span="24">
<div class="button-container"> <div class="button-container">
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button> <el-button style="width: 110px" class="btn-A" @click="handleQuery2">{{ cn.search }}{{ en.search }}</el-button>
<el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button> <el-button style="width: 110px" class="btn-B" @click="resetQuery2">{{ cn.reset }}{{ en.reset }}</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</div>
<div>
<el-table :data="tableList2"> <el-table :data="tableList2">
<el-table-column fixed type="index" width="75" align="center" label="序号"> <el-table-column fixed type="index" width="75" align="center" label="序号">
<template #header> <template #header>
...@@ -506,7 +580,6 @@ ...@@ -506,7 +580,6 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
<pagination <pagination
v-show="total2>-1" v-show="total2>-1"
:total="total2" :total="total2"
...@@ -669,7 +742,6 @@ function getAllVehicleModelCode() { ...@@ -669,7 +742,6 @@ function getAllVehicleModelCode() {
//编制中 //编制中
function getList1() { function getList1() {
} }
/** 编制中 查看按钮操作 */ /** 编制中 查看按钮操作 */
function handleView1(row) { function handleView1(row) {
...@@ -679,13 +751,15 @@ function handleView1(row) { ...@@ -679,13 +751,15 @@ function handleView1(row) {
function handleProcess1(row) { function handleProcess1(row) {
proxy.$router.push({ path: '' }); proxy.$router.push({ path: '' });
} }
//编制完成 //编制完成
function getList2() { function getList2() {
} }
/** 编制完成 查看按钮操作 */
function handleView2(row) { function handleView2(row) {
proxy.$router.push({ path: '' }); proxy.$router.push({ path: '' });
} }
/** 编制完成 处理按钮操作 */
function handleProcess2(row) { function handleProcess2(row) {
proxy.$router.push({ path: '' }); proxy.$router.push({ path: '' });
} }
......
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/history.vue
View file @ c288a701
...@@ -3,8 +3,15 @@ ...@@ -3,8 +3,15 @@
<el-form v-model="queryParams" ref="queryRef" :inline="true"> <el-form v-model="queryParams" ref="queryRef" :inline="true">
<el-row :gutter="20"> <el-row :gutter="20">
<!-- 控制计划编号 --> <!-- 控制计划编号 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.controlPlanNumber}/${en.controlPlanNumber}`" prop="controlPlanNumber"> <el-form-item :label="`${cn.controlPlanNumber}/${en.controlPlanNumber}`" prop="controlPlanNumber">
<template #label>
<div style="line-height: 15px;">
{{cn.controlPlanNumber}}
<br/>
{{en.controlPlanNumber}}
</div>
</template>
<el-input <el-input
v-model="queryParams.controlPlanNumber" v-model="queryParams.controlPlanNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
...@@ -14,8 +21,15 @@ ...@@ -14,8 +21,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 事业部 --> <!-- 事业部 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId"> <el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId">
<template #label>
<div style="line-height: 15px;">
{{cn.businessDivision}}
<br/>
{{en.businessDivision}}
</div>
</template>
<el-select <el-select
v-model="queryParams.businessUnitId" v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
...@@ -31,8 +45,15 @@ ...@@ -31,8 +45,15 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 车型代码 --> <!-- 车型代码 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode"> <el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeCode}}
<br/>
{{en.vehicleTypeCode}}
</div>
</template>
<el-select <el-select
v-model="queryParams.vehicleModelCode" v-model="queryParams.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`" :placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`"
...@@ -48,11 +69,16 @@ ...@@ -48,11 +69,16 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<!-- 车型系列 --> <!-- 车型系列 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries"> <el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeSeries}}
<br/>
{{en.vehicleTypeSeries}}
</div>
</template>
<el-select <el-select
v-model="queryParams.vehicleSeries" v-model="queryParams.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
...@@ -68,9 +94,37 @@ ...@@ -68,9 +94,37 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> </el-row>
<el-row :gutter="20">
<!-- 版本号 -->
<el-col :span="6">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber">
<template #label>
<div style="line-height: 15px;">
{{cn.versionNumber}}
<br/>
{{en.versionNumber}}
</div>
</template>
<el-input
v-model="queryParams.versionNumber"
placeholder="A0 - Z9"
clearable
disabled
style="width: 200px"
/>
</el-form-item>
</el-col>
<!-- 生产地址 --> <!-- 生产地址 -->
<el-col :span="6">
<el-form-item :label="`${cn.productionAddress}/${en.productionAddress}`" prop="productionAddress"> <el-form-item :label="`${cn.productionAddress}/${en.productionAddress}`" prop="productionAddress">
<template #label>
<div style="line-height: 15px;">
{{cn.productionAddress}}
<br/>
{{en.productionAddress}}
</div>
</template>
<el-input <el-input
v-model="queryParams.productionAddress" v-model="queryParams.productionAddress"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
...@@ -79,23 +133,34 @@ ...@@ -79,23 +133,34 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <!-- 创建人 -->
<!-- 版本号 --> <el-col :span="6">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber"> <el-form-item :label="`${cn.creator}/${en.creator}`" prop="productionFactory">
<template #label>
<div style="line-height: 15px;">
{{cn.creator}}
<br/>
{{en.creator}}
</div>
</template>
<el-input <el-input
v-model="queryParams.versionNumber" v-model="queryParams.productionFactory"
placeholder="A0 - Z9" :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable clearable
disabled
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="16">
<!-- 生产厂 --> <!-- 生产厂 -->
<el-col :span="6">
<el-form-item :label="`${cn.productionPlant}/${en.productionPlant}`" prop="productionFactory"> <el-form-item :label="`${cn.productionPlant}/${en.productionPlant}`" prop="productionFactory">
<template #label>
<div style="line-height: 15px;">
{{cn.productionPlant}}
<br/>
{{en.productionPlant}}
</div>
</template>
<el-input <el-input
v-model="queryParams.productionFactory" v-model="queryParams.productionFactory"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" :placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
...@@ -104,11 +169,14 @@ ...@@ -104,11 +169,14 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> </el-row>
<el-form-item class="button-container"> <el-row >
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button> <!-- 重置搜索按钮 -->
<el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button> <el-col :span="24">
</el-form-item> <div class="button-container">
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}{{ en.search }}</el-button>
<el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}{{ en.reset }}</el-button>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
...@@ -357,6 +425,11 @@ onMounted(()=>{ ...@@ -357,6 +425,11 @@ onMounted(()=>{
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.button-container {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}
:deep(.el-pagination) { :deep(.el-pagination) {
display: flex; display: flex;
justify-content: center; justify-content: center;
......
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index.vue
View file @ c288a701
...@@ -4,22 +4,36 @@ ...@@ -4,22 +4,36 @@
<el-form v-model="queryParams" ref="queryRef" :inline="true"> <el-form v-model="queryParams" ref="queryRef" :inline="true">
<el-row :gutter="20"> <el-row :gutter="20">
<!-- 控制计划编号 --> <!-- 控制计划编号 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.controlPlanNumber}/${en.controlPlanNumber}`" prop="controlPlanNumber"> <el-form-item :label="`${cn.controlPlanNumber}${cn.controlPlanNumber}`" prop="controlPlanNumber">
<template #label>
<div style="line-height: 15px;">
{{cn.controlPlanNumber}}
<br/>
{{en.controlPlanNumber}}
</div>
</template>
<el-input <el-input
v-model="queryParams.controlPlanNumber" v-model="queryParams.controlPlanNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" :placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable clearable
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 事业部 --> <!-- 事业部 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId"> <el-form-item :label="`${cn.businessDivision}${en.businessDivision}`" prop="businessUnitId">
<template #label>
<div style="line-height: 15px;">
{{cn.businessDivision}}
<br/>
{{en.businessDivision}}
</div>
</template>
<el-select <el-select
v-model="queryParams.businessUnitId" v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable clearable
style="width: 200px" style="width: 200px"
> >
...@@ -32,11 +46,18 @@ ...@@ -32,11 +46,18 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 车型代码 --> <!-- 车型代码 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode"> <el-form-item :label="`${cn.vehicleTypeCode}${en.vehicleTypeCode}`" prop="vehicleModelCode">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeCode}}
<br/>
{{en.vehicleTypeCode}}
</div>
</template>
<el-select <el-select
v-model="queryParams.vehicleModelCode" v-model="queryParams.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`" :placeholder="`${cn.pleaseChooseOrEnter}${en.pleaseChooseOrEnter}`"
clearable clearable
filterable filterable
style="width: 200px" style="width: 200px"
...@@ -49,14 +70,19 @@ ...@@ -49,14 +70,19 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<!-- 车型系列 --> <!-- 车型系列 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries"> <el-form-item :label="`${cn.vehicleTypeSeries}${en.vehicleTypeSeries}`" prop="vehicleSeries">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeSeries}}
<br/>
{{en.vehicleTypeSeries}}
</div>
</template>
<el-select <el-select
v-model="queryParams.vehicleSeries" v-model="queryParams.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable clearable
style="width: 200px" style="width: 200px"
> >
...@@ -69,9 +95,18 @@ ...@@ -69,9 +95,18 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<!-- 版本号 --> <!-- 版本号 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber"> <el-form-item :label="`${cn.versionNumber}${en.versionNumber}`" prop="versionNumber">
<template #label>
<div style="line-height: 15px;">
{{cn.versionNumber}}
<br/>
{{en.versionNumber}}
</div>
</template>
<el-input <el-input
v-model="queryParams.versionNumber" v-model="queryParams.versionNumber"
placeholder="A0-Z9" placeholder="A0-Z9"
...@@ -82,46 +117,74 @@ ...@@ -82,46 +117,74 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 生产地址 --> <!-- 生产地址 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.productionAddress}/${en.productionAddress}`" prop="productionAddress"> <el-form-item :label="`${cn.productionAddress}${en.productionAddress}`" prop="productionAddress">
<template #label>
<div style="line-height: 15px;">
{{cn.productionAddress}}
<br/>
{{en.productionAddress}}
</div>
</template>
<el-input <el-input
v-model="queryParams.productionAddress" v-model="queryParams.productionAddress"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" :placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable clearable
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<!-- 创建人 --> <!-- 创建人 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.creator}/${en.creator}`" prop="createBy"> <el-form-item :label="`${cn.creator}${en.creator}`" prop="createBy">
<template #label>
<div style="line-height: 15px;">
{{cn.creator}}
<br/>
{{en.creator}}
</div>
</template>
<el-input <el-input
v-model="queryParams.createBy" v-model="queryParams.createBy"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" :placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable clearable
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- 生产厂 --> <!-- 生产厂 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.productionPlant}/${en.productionPlant}`" prop="productionFactory"> <el-form-item :label="`${cn.productionPlant}${en.productionPlant}`" prop="productionFactory">
<template #label>
<div style="line-height: 15px;">
{{cn.productionPlant}}
<br/>
{{en.productionPlant}}
</div>
</template>
<el-input <el-input
v-model="queryParams.productionFactory" v-model="queryParams.productionFactory"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`" :placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable clearable
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row :gutter="20">
<!-- 控制计划状态 --> <!-- 控制计划状态 -->
<el-col :span="8"> <el-col :span="6">
<el-form-item :label="`${cn.controlPlanStatus}/${en.controlPlanStatus}`" prop="controlPlanStatus"> <el-form-item :label="`${cn.controlPlanStatus}${en.controlPlanStatus}`" prop="controlPlanStatus">
<template #label>
<div style="line-height: 15px;">
{{cn.controlPlanStatus}}
<br/>
{{en.controlPlanStatus}}
</div>
</template>
<el-select <el-select
v-model="queryParams.controlPlanStatus" v-model="queryParams.controlPlanStatus"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`" :placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable clearable
style="width: 200px" style="width: 200px"
> >
...@@ -134,19 +197,18 @@ ...@@ -134,19 +197,18 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> <!-- 重置搜索按钮 -->
<el-row> <el-col :span="18">
<el-col :span="24">
<div class="button-container"> <div class="button-container">
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}/{{ en.search }}</el-button> <el-button style="width: 110px" class="btn-A" @click="handleQuery">{{ cn.search }}{{ en.search }}</el-button>
<el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}/{{ en.reset }}</el-button> <el-button style="width: 110px" class="btn-B" @click="resetQuery">{{ cn.reset }}{{ en.reset }}</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div class="button-container"> <div class="button-container">
<el-button class="btn-C" @click="toHistory">{{cn.viewHistoricalControlPlan}}/{{en.viewHistoricalControlPlan}}</el-button> <el-button class="btn-C" @click="toHistory">{{cn.viewHistoricalControlPlan}}{{en.viewHistoricalControlPlan}}</el-button>
</div> </div>
<el-table :data="tableList"> <el-table :data="tableList">
...@@ -422,7 +484,7 @@ ...@@ -422,7 +484,7 @@
</el-dialog> </el-dialog>
<!-- 提醒下载抽屉--> <!-- 提醒下载抽屉-->
<el-drawer @close="closeDrawer" v-model="drawer" :size="!isDrawer?'40%':'32%'"> <el-drawer @close="closeDrawer" v-model="drawer" :size="!isDrawer?'40%':'32%'" >
<template #header> <template #header>
{{cn.remindDownload}}/{{en.remindDownload}} {{cn.remindDownload}}/{{en.remindDownload}}
</template> </template>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment