Skip to content

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

CCAP控制计划表单样式修改

parent 5d3b2937
Expand all 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/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