Commit 431a82d9 authored by qiyaxin's avatar qiyaxin

CAPP控制计划-CAPP控制计划管理前端页面绘制

parent 129b8680
{
"search": "搜索",
"reset": "重置"
"reset": "重置",
"pleaseChoose": "请选择",
"pleaseEnter": "请输入",
"businessDivision": "事业部",
"vehicleTypeCode": "车型代码",
"vehicleTypeSeries": "车型系列",
"versionNumber": "版本号",
"creator": "创建人",
"controlPlanStatus": "控制计划状态",
"controlPlanNumber": "控制计划编号",
"productionAddress": "生产地址",
"compilationDeadline": "编制截止日期",
"revisionDate": "修订日期",
"creationDate": "创建日期",
"productionPlant": "生产厂",
"productionSituation": "生产情况",
"keyPartsListFormStatus": "关键件清单表单状态",
"keyProcessFormStatus": "关键工序……表单状态",
"COPTestAndChecklistFormStatus": "COP试验和检查表表单状态",
"operation": "操作",
"serialNumber": "序号"
}
{
"search": "search",
"reset": "reset"
"search": "Search",
"reset": "Reset",
"pleaseChoose": "Please Choose",
"pleaseEnter": "Please Enter",
"businessDivision": "Business division",
"vehicleTypeCode": "Vehicle Type Code",
"vehicleTypeSeries": "Vehicle Type Series",
"versionNumber": "Version Number",
"creator": "Creator",
"controlPlanStatus": "Control Plan Status",
"controlPlanNumber": "Control Plan Number",
"productionAddress": "Production Address",
"compilationDeadline": "Compilation Deadline",
"revisionDate": "Revision Date",
"creationDate": "Creation Date",
"productionPlant": "Production Plant",
"productionSituation": "Production Situation",
"keyPartsListFormStatus": "Key Parts List Form Status",
"keyProcessFormStatus": "Key Process...Form Status",
"COPTestAndChecklistFormStatus": "COP Test and Checklist Form Status",
"operation": "Operation",
"serialNumber": "Ordinal"
}
<script setup>
<template>
<div class="app-container">
<el-form v-model="queryParams" ref="queryRef" :inline="true" >
<!-- 事业部 -->
<el-form-item :label="`${cn.businessDivision}/${en.businessDivision}`" prop="status">
<el-select
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="dict in businessList"
:label="dict.businessUnitName"
:value="dict.id"
/>
</el-select>
</el-form-item>
<!-- 车型代码 -->
<el-form-item :label="`${cn.vehicleTypeCode}/${en.vehicleTypeCode}`" prop="status">
<el-select
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="dict in businessList"
:label="dict.businessUnitName"
:value="dict.id"
/>
</el-select>
</el-form-item>
<!-- 车型系列 -->
<el-form-item :label="`${cn.vehicleTypeSeries}/${en.vehicleTypeSeries}`" prop="status">
<el-select
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseChoose}/${en.pleaseChoose}`"
clearable
style="width: 200px"
>
<el-option
v-for="dict in businessList"
:label="dict.businessUnitName"
:value="dict.id"
/>
</el-select>
</el-form-item>
<!-- 版本号 -->
<el-form-item :label="`${cn.versionNumber}/${en.versionNumber}`" prop="templateCode">
<el-input
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
<!-- 创建人 -->
<el-form-item :label="`${cn.creator}/${en.creator}`" prop="templateCode">
<el-input
v-model="queryParams.businessUnitId"
:placeholder="`${cn.pleaseEnter}/${en.pleaseEnter}`"
clearable
style="width: 200px"
/>
</el-form-item>
<!-- 搜索、重置 按钮 -->
<el-form-item>
<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-form>
</script>
<el-table :data="tableList">
<el-table-column fixed type="index" width="75" align="center" label="序号">
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.serialNumber}}</div>
<div>{{en.serialNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="控制计划编号" width="170" align="center" prop="applicableBrand" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanNumber}}</div>
<div>{{en.controlPlanNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="事业部" width="150" align="center" prop="businessDivision" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.businessDivision}}</div>
<div>{{en.businessDivision}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="车型代码" width="150" align="center" prop="vehicleTypeCode" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.vehicleTypeCode}}</div>
<div>{{en.vehicleTypeCode}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="车型系列" width="150" align="center" prop="vehicleTypeSeries" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.vehicleTypeSeries}}</div>
<div>{{en.vehicleTypeSeries}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="版本号" width="150" align="center" prop="versionNumber" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.versionNumber}}</div>
<div>{{en.versionNumber}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产地址" width="150" align="center" prop="productionAddress" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionAddress}}</div>
<div>{{en.productionAddress}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="编制截止日期" width="170" align="center" prop="compilationDeadline" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.compilationDeadline}}</div>
<div>{{en.compilationDeadline}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="创建人" width="170" align="center" prop="creator" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creator}}</div>
<div>{{en.creator}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="修订日期" width="170" align="center" prop="revisionDate" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.revisionDate}}</div>
<div>{{en.revisionDate}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="创建日期" width="170" align="center" prop="creationDate" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creationDate}}</div>
<div>{{en.creationDate}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产厂" width="170" align="center" prop="productionPlant" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionPlant}}</div>
<div>{{en.productionPlant}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="生产情况" width="170" align="center" prop="productionSituation" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionSituation}}</div>
<div>{{en.productionSituation}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="关键件清单表单状态" fixed="right" width="190" align="center" prop="keyPartsListFormStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyPartsListFormStatus}}</div>
<div>{{en.keyPartsListFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="关键工序……表单状态" fixed="right" width="190" align="center" prop="keyProcessFormStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyProcessFormStatus}}</div>
<div>{{en.keyProcessFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="COP试验和检查表表单状态" fixed="right" width="250" align="center" prop="COPTestAndChecklistFormStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.COPTestAndChecklistFormStatus}}</div>
<div>{{en.COPTestAndChecklistFormStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="控制计划状态" fixed="right" width="150" align="center" prop="controlPlanStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanStatus}}</div>
<div>{{en.controlPlanStatus}}</div>
</div>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.operation}}</div>
<div>{{en.operation}}</div>
</div>
</template>
</el-table-column>
</el-table>
<template>
<div>
CCAP控制计划管理页面
</div>
<pagination
v-show="total>0"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script setup>
import { ref } from 'vue'
// 中英文页面文字引入
import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/cn.json';
import en from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/en.json';
const total = ref(0);
const tableList = ref([]);
const queryParams = ref({
pageNum: 1,
pageSize: 10,
businessUnitId: null
});
const businessList = ref([]);
const handleQuery = () => {
};
const resetQuery = () => {
};
const getList = () => {
};
</script>
<style scoped lang="scss">
</style>
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