Skip to content

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

CCAP历史控制计划-CCAP历史控制计划-创建

parent 77537cf2
Hide whitespace changes
Inline Side-by-side
Showing with 106 additions and 23 deletions
src/api/CCAPControlPlanManagement/CCAPControlPlanManagement.js 0 → 100644
View file @ 365e8c7a
import request from '@/utils/request.js'
// 查询CCAP控制计划列表
export function getCCAPPlanList() {
return request({
url: '/control/ccapPlan/list',
method: 'get'
})
}
src/assets/styles/btn.scss
View file @ 365e8c7a
......@@ -43,6 +43,22 @@
color: #0148d6;
}
}
.btn-C{
width: auto;
height: 32px;
background: #ffffff;
color: #0154FB;
border: 1px solid #0154fb;
border-radius: 4px;
&:hover {
background: #dfe9fe;
color: #0154fb;
border: 1px solid #0154fb;
}
&:active {
color: #0148d6;
}
}
.blue-btn {
@include colorBtn($blue);
}
......
src/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/cn.json
View file @ 365e8c7a
......@@ -20,5 +20,6 @@
"keyProcessFormStatus": "关键工序……表单状态",
"COPTestAndChecklistFormStatus": "COP试验和检查表表单状态",
"operation": "操作",
"serialNumber": "序号"
"serialNumber": "序号",
"viewHistoricalControlPlan": "查看历史控制计划"
}
src/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/en.json
View file @ 365e8c7a
......@@ -20,5 +20,6 @@
"keyProcessFormStatus": "Key Process...Form Status",
"COPTestAndChecklistFormStatus": "COP Test and Checklist Form Status",
"operation": "Operation",
"serialNumber": "Ordinal"
"serialNumber": "Ordinal",
"viewHistoricalControlPlan": "View Historical Control Plan"
}
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/history.vue 0 → 100644
View file @ 365e8c7a
<template>
历史控制计划
</template>
<script setup>
</script>
<style scoped lang="scss">
</style>
src/views/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/index.vue
View file @ 365e8c7a
......@@ -64,6 +64,21 @@
style="width: 200px"
/>
</el-form-item>
<!-- 控制计划状态 -->
<el-form-item :label="`${cn.controlPlanStatus}/${en.controlPlanStatus}`" 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>
<el-button style="width: 110px" class="btn-A" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>
......@@ -71,7 +86,11 @@
</el-form-item>
</el-form>
<el-table :data="tableList">
<div class="button-container">
<el-button class="btn-C" @click="toHistory">{{cn.viewHistoricalControlPlan}}/{{en.viewHistoricalControlPlan}}</el-button>
</div>
<el-table :data="tableList">
<el-table-column fixed type="index" width="75" align="center" label="序号">
<template #header>
<div style="display: flex;flex-direction: column">
......@@ -80,7 +99,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="控制计划编号" width="170" align="center" prop="applicableBrand" >
<el-table-column label="控制计划编号" width="170" align="center" prop="controlPlanNumber" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanNumber}}</div>
......@@ -88,7 +107,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="事业部" width="150" align="center" prop="businessDivision" >
<el-table-column label="事业部" width="150" align="center" prop="businessUnitName" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.businessDivision}}</div>
......@@ -136,7 +155,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="创建人" width="170" align="center" prop="creator" >
<el-table-column label="创建人" width="170" align="center" prop="createBy" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creator}}</div>
......@@ -144,7 +163,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="修订日期" width="170" align="center" prop="revisionDate" >
<el-table-column label="修订日期" width="170" align="center" prop="updateTime" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.revisionDate}}</div>
......@@ -152,7 +171,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="创建日期" width="170" align="center" prop="creationDate" >
<el-table-column label="创建日期" width="170" align="center" prop="createTime" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.creationDate}}</div>
......@@ -160,7 +179,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="生产厂" width="170" align="center" prop="productionPlant" >
<el-table-column label="生产厂" width="170" align="center" prop="productionFactory" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionPlant}}</div>
......@@ -168,7 +187,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="生产情况" width="170" align="center" prop="productionSituation" >
<el-table-column label="生产情况" width="170" align="center" prop="productionStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.productionSituation}}</div>
......@@ -176,7 +195,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="关键件清单表单状态" fixed="right" width="190" align="center" prop="keyPartsListFormStatus" >
<el-table-column label="关键件清单表单状态" fixed="right" width="190" align="center" prop="keyPartsListTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyPartsListFormStatus}}</div>
......@@ -184,7 +203,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="关键工序……表单状态" fixed="right" width="190" align="center" prop="keyProcessFormStatus" >
<el-table-column label="关键工序……表单状态" fixed="right" width="190" align="center" prop="keyProcessTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.keyProcessFormStatus}}</div>
......@@ -192,7 +211,7 @@
</div>
</template>
</el-table-column>
<el-table-column label="COP试验和检查表表单状态" fixed="right" width="250" align="center" prop="COPTestAndChecklistFormStatus" >
<el-table-column label="COP试验和检查表表单状态" fixed="right" width="250" align="center" prop="copTestAndInspectionTaskStatus" >
<template #header>
<div style="display: flex;flex-direction: column">
<div>{{cn.COPTestAndChecklistFormStatus}}</div>
......@@ -229,33 +248,59 @@
</template>
<script setup>
import {
getCCAPPlanList
} from "@/api/CCAPControlPlanManagement/CCAPControlPlanManagement.js";
import { ref } from 'vue'
// 中英文页面文字引入
import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/cn.json';
import en from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/en.json';
import { useRouter } from 'vue-router'
const router = useRouter()
const { proxy } = getCurrentInstance();
const total = ref(0);
const tableList = ref([]);
const queryParams = ref({
pageNum: 1,
pageSize: 10,
businessUnitId: null
pageSize: 10
});
const businessList = ref([]);
const handleQuery = () => {
function toHistory() {
proxy.$router.push({ path: '/control/CCAPControlPlan/history' });
}
};
function handleQuery() {
}
const resetQuery = () => {
function resetQuery() {
}
};
const getList = () => {
function getList() {
getCCAPPlanList().then(res => {
tableList.value = res.rows
total.value = res.total
// console.log("列表",tableList.value)
});
}
getList()
};
</script>
<style scoped lang="scss">
.button-container {
display: flex;
justify-content: flex-end;
margin-bottom: 24px;
}
:deep(.el-pagination) {
display: flex;
justify-content: center;
width: 100%;
margin-top: 24px;
}
:deep(.el-pagination.is-background .el-pager li.is-active){
background-color: #0154FB;
}
</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