Skip to content

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

CCAP控制计划表单样式修改

parent 5d3b2937
Expand all Hide 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 @@
"businessDivision": "事业部",
"vehicleTypeCode": "车型代码",
"vehicleTypeSeries": "车型系列",
"vehicleModelAnnouncementNumber": "车型公告号",
"taskStatus": "任务状态",
"versionNumber": "版本号",
"creator": "创建人",
"controlPlanStatus": "控制计划状态",
......
src/locales/controlPlan/CCAPControlPlan/CCAPCompileTaskProcessing/index/en.json
View file @ c288a701
......@@ -8,6 +8,8 @@
"vehicleTypeCode": "Vehicle Type Code",
"vehicleTypeSeries": "Vehicle Type Series",
"versionNumber": "Version Number",
"taskStatus": "Task Status",
"vehicleModelAnnouncementNumber": "Vehicle Model Announcement Number",
"creator": "Creator",
"controlPlanStatus": "Control Plan Status",
"controlPlanNumber": "Control Plan Number",
......@@ -24,7 +26,6 @@
"serialNumber": "Ordinal",
"viewHistoricalControlPlan": "View Historical Control Plan",
"view": "View",
"process": "Process",
"revoke": "Revoke",
"adjustCompilationResponsiblePerson": "Adjust Compilation Responsible Person",
"generateFile": "Generate File",
......
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/history.vue
View file @ c288a701
......@@ -3,8 +3,15 @@
<el-form v-model="queryParams" ref="queryRef" :inline="true">
<el-row :gutter="20">
<!-- 控制计划编号 -->
<el-col :span="8">
<el-col :span="6">
<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
v-model="queryParams.controlPlanNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
......@@ -14,8 +21,15 @@
</el-form-item>
</el-col>
<!-- 事业部 -->
<el-col :span="8">
<el-col :span="6">
<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
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
......@@ -31,8 +45,15 @@
</el-form-item>
</el-col>
<!-- 车型代码 -->
<el-col :span="8">
<el-col :span="6">
<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
v-model="queryParams.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`"
......@@ -48,11 +69,16 @@
</el-select>
</el-form-item>
</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">
<template #label>
<div style="line-height: 15px;">
{{cn.vehicleTypeSeries}}
<br/>
{{en.vehicleTypeSeries}}
</div>
</template>
<el-select
v-model="queryParams.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
......@@ -68,9 +94,37 @@
</el-select>
</el-form-item>
</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">
<template #label>
<div style="line-height: 15px;">
{{cn.productionAddress}}
<br/>
{{en.productionAddress}}
</div>
</template>
<el-input
v-model="queryParams.productionAddress"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
......@@ -79,23 +133,34 @@
/>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- 版本号 -->
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber">
<!-- 创建人 -->
<el-col :span="6">
<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
v-model="queryParams.versionNumber"
placeholder="A0 - Z9"
v-model="queryParams.productionFactory"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
disabled
style="width: 200px"
/>
</el-form-item>
</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">
<template #label>
<div style="line-height: 15px;">
{{cn.productionPlant}}
<br/>
{{en.productionPlant}}
</div>
</template>
<el-input
v-model="queryParams.productionFactory"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
......@@ -104,11 +169,14 @@
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item 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>
</el-form-item>
</el-row>
<el-row >
<!-- 重置搜索按钮 -->
<el-col :span="24">
<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-row>
</el-form>
......@@ -357,6 +425,11 @@ onMounted(()=>{
</script>
<style scoped lang="scss">
.button-container {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}
:deep(.el-pagination) {
display: flex;
justify-content: center;
......
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index.vue
View file @ c288a701
......@@ -4,22 +4,36 @@
<el-form v-model="queryParams" ref="queryRef" :inline="true">
<el-row :gutter="20">
<!-- 控制计划编号 -->
<el-col :span="8">
<el-form-item :label="`${cn.controlPlanNumber}/${en.controlPlanNumber}`" prop="controlPlanNumber">
<el-col :span="6">
<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
v-model="queryParams.controlPlanNumber"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
:placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
</el-col>
<!-- 事业部 -->
<el-col :span="8">
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="businessUnitId">
<el-col :span="6">
<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
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
:placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable
style="width: 200px"
>
......@@ -32,11 +46,18 @@
</el-form-item>
</el-col>
<!-- 车型代码 -->
<el-col :span="8">
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="vehicleModelCode">
<el-col :span="6">
<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
v-model="queryParams.vehicleModelCode"
:placeholder="`${cn.pleaseChooseOrEnter}/${en.pleaseChooseOrEnter}`"
:placeholder="`${cn.pleaseChooseOrEnter}${en.pleaseChooseOrEnter}`"
clearable
filterable
style="width: 200px"
......@@ -49,14 +70,19 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 车型系列 -->
<el-col :span="8">
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="vehicleSeries">
<el-col :span="6">
<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
v-model="queryParams.vehicleSeries"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
:placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable
style="width: 200px"
>
......@@ -69,9 +95,18 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 版本号 -->
<el-col :span="8">
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="versionNumber">
<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"
......@@ -82,46 +117,74 @@
</el-form-item>
</el-col>
<!-- 生产地址 -->
<el-col :span="8">
<el-form-item :label="`${cn.productionAddress}/${en.productionAddress}`" prop="productionAddress">
<el-col :span="6">
<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
v-model="queryParams.productionAddress"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
:placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 创建人 -->
<el-col :span="8">
<el-form-item :label="`${cn.creator}/${en.creator}`" prop="createBy">
<el-col :span="6">
<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
v-model="queryParams.createBy"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
:placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
</el-col>
<!-- 生产厂 -->
<el-col :span="8">
<el-form-item :label="`${cn.productionPlant}/${en.productionPlant}`" prop="productionFactory">
<el-col :span="6">
<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
v-model="queryParams.productionFactory"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
:placeholder="`${cn.pleaseEnter}${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<!-- 控制计划状态 -->
<el-col :span="8">
<el-form-item :label="`${cn.controlPlanStatus}/${en.controlPlanStatus}`" prop="controlPlanStatus">
<el-col :span="6">
<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
v-model="queryParams.controlPlanStatus"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
:placeholder="`${cn.pleaseChoose}${en.pleaseChoose}`"
clearable
style="width: 200px"
>
......@@ -134,19 +197,18 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<!-- 重置搜索按钮 -->
<el-col :span="18">
<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>
<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-row>
</el-form>
<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>
<el-table :data="tableList">
......@@ -422,7 +484,7 @@
</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>
{{cn.remindDownload}}/{{en.remindDownload}}
</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