Skip to content

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

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

parent 77537cf2
Show 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 @@ ...@@ -43,6 +43,22 @@
color: #0148d6; 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 { .blue-btn {
@include colorBtn($blue); @include colorBtn($blue);
} }
......
src/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/cn.json
View file @ 365e8c7a
...@@ -20,5 +20,6 @@ ...@@ -20,5 +20,6 @@
"keyProcessFormStatus": "关键工序……表单状态", "keyProcessFormStatus": "关键工序……表单状态",
"COPTestAndChecklistFormStatus": "COP试验和检查表表单状态", "COPTestAndChecklistFormStatus": "COP试验和检查表表单状态",
"operation": "操作", "operation": "操作",
"serialNumber": "序号" "serialNumber": "序号",
"viewHistoricalControlPlan": "查看历史控制计划"
} }
src/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/en.json
View file @ 365e8c7a
...@@ -20,5 +20,6 @@ ...@@ -20,5 +20,6 @@
"keyProcessFormStatus": "Key Process...Form Status", "keyProcessFormStatus": "Key Process...Form Status",
"COPTestAndChecklistFormStatus": "COP Test and Checklist Form Status", "COPTestAndChecklistFormStatus": "COP Test and Checklist Form Status",
"operation": "Operation", "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 @@ ...@@ -64,6 +64,21 @@
style="width: 200px" style="width: 200px"
/> />
</el-form-item> </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-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-A" @click="handleQuery">{{cn.search}}/{{en.search}}</el-button>
...@@ -71,6 +86,10 @@ ...@@ -71,6 +86,10 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="button-container">
<el-button class="btn-C" @click="toHistory">{{cn.viewHistoricalControlPlan}}/{{en.viewHistoricalControlPlan}}</el-button>
</div>
<el-table :data="tableList"> <el-table :data="tableList">
<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>
...@@ -80,7 +99,7 @@ ...@@ -80,7 +99,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.controlPlanNumber}}</div> <div>{{cn.controlPlanNumber}}</div>
...@@ -88,7 +107,7 @@ ...@@ -88,7 +107,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.businessDivision}}</div> <div>{{cn.businessDivision}}</div>
...@@ -136,7 +155,7 @@ ...@@ -136,7 +155,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.creator}}</div> <div>{{cn.creator}}</div>
...@@ -144,7 +163,7 @@ ...@@ -144,7 +163,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.revisionDate}}</div> <div>{{cn.revisionDate}}</div>
...@@ -152,7 +171,7 @@ ...@@ -152,7 +171,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.creationDate}}</div> <div>{{cn.creationDate}}</div>
...@@ -160,7 +179,7 @@ ...@@ -160,7 +179,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.productionPlant}}</div> <div>{{cn.productionPlant}}</div>
...@@ -168,7 +187,7 @@ ...@@ -168,7 +187,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.productionSituation}}</div> <div>{{cn.productionSituation}}</div>
...@@ -176,7 +195,7 @@ ...@@ -176,7 +195,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.keyPartsListFormStatus}}</div> <div>{{cn.keyPartsListFormStatus}}</div>
...@@ -184,7 +203,7 @@ ...@@ -184,7 +203,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.keyProcessFormStatus}}</div> <div>{{cn.keyProcessFormStatus}}</div>
...@@ -192,7 +211,7 @@ ...@@ -192,7 +211,7 @@
</div> </div>
</template> </template>
</el-table-column> </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> <template #header>
<div style="display: flex;flex-direction: column"> <div style="display: flex;flex-direction: column">
<div>{{cn.COPTestAndChecklistFormStatus}}</div> <div>{{cn.COPTestAndChecklistFormStatus}}</div>
...@@ -229,33 +248,59 @@ ...@@ -229,33 +248,59 @@
</template> </template>
<script setup> <script setup>
import {
getCCAPPlanList
} from "@/api/CCAPControlPlanManagement/CCAPControlPlanManagement.js";
import { ref } from 'vue' import { ref } from 'vue'
// 中英文页面文字引入
import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/cn.json'; import cn from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/cn.json';
import en from '@/locales/controlPlan/CCAPControlPlan/CCAPControlPlanManagement/en.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 total = ref(0);
const tableList = ref([]); const tableList = ref([]);
const queryParams = ref({ const queryParams = ref({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10
businessUnitId: null
}); });
const businessList = ref([]); const businessList = ref([]);
const handleQuery = () => { function toHistory() {
proxy.$router.push({ path: '/control/CCAPControlPlan/history' });
}
}; function handleQuery() {
}
const resetQuery = () => { function resetQuery() {
}
}; function getList() {
const getList = () => { getCCAPPlanList().then(res => {
tableList.value = res.rows
total.value = res.total
// console.log("列表",tableList.value)
});
}
getList()
};
</script> </script>
<style scoped lang="scss"> <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> </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