|
@@ -1,96 +1,83 @@
|
|
|
-
|
|
|
<template>
|
|
|
<div class="layout-pd">
|
|
|
<el-row>
|
|
|
-<!--操作-->
|
|
|
- <el-col :xs="24" >
|
|
|
- <el-card class="mt8" shadow="hover" >
|
|
|
-<el-form :model="state.filter" :inline="true" @submit.stop.prevent>
|
|
|
+ <!--操作-->
|
|
|
+ <el-col :xs="24">
|
|
|
+ <el-card class="mt8" shadow="hover">
|
|
|
+ <el-form :model="state.filter" :inline="true" @submit.stop.prevent>
|
|
|
<el-form-item prop="name" style="width: 100%">
|
|
|
-<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="序列号">
|
|
|
- <el-input v-model="state.filter.serno" placeholder="单行输入" clearable></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="外部序列号">
|
|
|
- <el-input v-model="state.filter.exserno" placeholder="单行输入" clearable></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="主板类型">
|
|
|
- <el-select v-model="state.filter.boardType" placeholder="">
|
|
|
- <el-option v-for="(value, key) in PCBABoardType" :key="key" :label="value[1].name"
|
|
|
- :value="Number(value[1].value)" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="功能码">
|
|
|
- <el-select v-model="state.filter.code" default-first-option="true" filterable allow-create
|
|
|
- value-key="code"
|
|
|
- @blur="codeblur()"
|
|
|
- title='可直接输入具体功能码'
|
|
|
- ref="codeSel">
|
|
|
- <el-option v-for="item in options" :key="item.key" :label="item.name"
|
|
|
- :value="Number(item.value)" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="测试结果">
|
|
|
- <el-select v-model="state.filter.result" placeholder="">
|
|
|
- <el-option v-for="(value, key) in PCBATestState" :key="key" :label="value[1].name"
|
|
|
- :value="Number(value[1].value)" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="开始创建日期">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.filter.beginCreateTime"
|
|
|
- type="datetime"
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
- range-separator="To"
|
|
|
- start-placeholder="Start date"
|
|
|
- end-placeholder="End date"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="结束创建日期">
|
|
|
- <el-date-picker
|
|
|
- v-model="state.filter.endCreateTime"
|
|
|
- type="datetime"
|
|
|
- value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
- range-separator="To"
|
|
|
- start-placeholder="Start date"
|
|
|
- end-placeholder="End date"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-<el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
- <el-form-item label="最新测试员">
|
|
|
- <el-input v-model="state.filter.lastTestUser" placeholder="单行输入" clearable></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-</el-form-item>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <!-- 第一行 -->
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="序列号">
|
|
|
+ <el-input v-model="state.filter.serno" placeholder="单行输入" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="外部序列号">
|
|
|
+ <el-input v-model="state.filter.exserno" placeholder="单行输入" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="主板类型">
|
|
|
+ <el-select v-model="state.filter.boardType" placeholder="">
|
|
|
+ <el-option v-for="(value, key) in PCBABoardType" :key="key" :label="value[1].name"
|
|
|
+ :value="Number(value[1].value)" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- 第二行 -->
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="功能码">
|
|
|
+ <el-select v-model="state.filter.code" default-first-option="true" filterable allow-create
|
|
|
+ value-key="code"
|
|
|
+ @blur="codeblur()"
|
|
|
+ title='可直接输入具体功能码'
|
|
|
+ ref="codeSel">
|
|
|
+ <el-option v-for="item in options" :key="item.key" :label="item.name"
|
|
|
+ :value="Number(item.value)" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="测试结果">
|
|
|
+ <el-select v-model="state.filter.result" placeholder="">
|
|
|
+ <el-option v-for="(value, key) in PCBATestState" :key="key" :label="value[1].name"
|
|
|
+ :value="Number(value[1].value)" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="16" :md="12" :lg="10" :xl="8" class="mb20">
|
|
|
+ <el-form-item label="创建时间范围">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.filter.createTimeRange"
|
|
|
+ type="daterange"
|
|
|
+ value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
+ range-separator="To"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4" class="mb20">
|
|
|
+ <el-form-item label="最新测试员">
|
|
|
+ <el-input v-model="state.filter.lastTestUser" placeholder="单行输入" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
-<div class="my-flex my-flex-start" >
|
|
|
-<el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
|
|
-</div>
|
|
|
-</el-card>
|
|
|
+ <div class="my-flex my-flex-start" style="margin-top: -35px;">
|
|
|
+ <el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
</el-col>
|
|
|
-<!--表格-->
|
|
|
- <el-col :xs="24" >
|
|
|
- <el-card style="height: 70vh" class="my-fill mt8" shadow="hover">
|
|
|
-<el-table v-loading="state.loading" stripe :data="state.tableModel" row-key="id" style="width: 100%">
|
|
|
- <!--<el-table-column v-for="column in state.dynamicColumns" :key="column.prop" :prop="column.prop" :label="column.label" >
|
|
|
- </el-table-column>-->
|
|
|
-
|
|
|
-
|
|
|
- <el-table-column prop="serno" label="序列号" />
|
|
|
- <el-table-column prop="exserno" label="外部序列号" />
|
|
|
+ <!--表格-->
|
|
|
+ <el-col :xs="24">
|
|
|
+ <el-card style="height: 50vh" class="my-fill mt8" shadow="hover">
|
|
|
+ <el-table v-loading="state.loading" stripe :data="state.tableModel" row-key="id" style="width: 100%">
|
|
|
+ <el-table-column prop="serno" label="序列号" />
|
|
|
+ <el-table-column prop="exserno" label="外部序列号" />
|
|
|
<el-table-column prop="boardType" label="主板类型">
|
|
|
<template #default="{ row }">
|
|
|
<div :style="{ color: getPCBABoardType(row.boardType).color }" class="bold-font">
|
|
@@ -107,10 +94,10 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="onceTestPass" label="是否一次通过" >
|
|
|
+ <el-table-column prop="onceTestPass" label="是否一次通过">
|
|
|
<template #default="{ row }">
|
|
|
- <el-text v-if="row.onceTestPass">是</el-text>
|
|
|
- <el-text v-else>否</el-text>
|
|
|
+ <el-text v-if="row.onceTestPass">是</el-text>
|
|
|
+ <el-text v-else>否</el-text>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="testTimes" label="测试次数" />
|
|
@@ -119,169 +106,177 @@
|
|
|
<el-table-column prop="lastTestTime" label="最近测试时间" />
|
|
|
<el-table-column prop="lastTestUser" label="最新检测员" />
|
|
|
<el-table-column prop="info" label="备注" />
|
|
|
-</el-table>
|
|
|
-<div class="my-flex my-flex-end" style="margin-top: 20px">
|
|
|
+ </el-table>
|
|
|
+ <div class="my-flex my-flex-end" style="margin-top: 20px">
|
|
|
<el-pagination
|
|
|
- v-model:currentPage="state.pageInput.CurrentPage"
|
|
|
- v-model:page-size="state.pageInput.PageSize"
|
|
|
- :total="state.total"
|
|
|
- :page-sizes="[10, 20, 50, 100]"
|
|
|
- small
|
|
|
- background
|
|
|
- @size-change="onSizeChange"
|
|
|
- @current-change="onCurrentChange"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ v-model:currentPage="state.pageInput.CurrentPage"
|
|
|
+ v-model:page-size="state.pageInput.PageSize"
|
|
|
+ :total="state.total"
|
|
|
+ :page-sizes="[10, 20, 50, 100]"
|
|
|
+ small
|
|
|
+ background
|
|
|
+ @size-change="onSizeChange"
|
|
|
+ @current-change="onCurrentChange"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
/>
|
|
|
</div>
|
|
|
-</el-card>
|
|
|
+ </el-card>
|
|
|
</el-col>
|
|
|
-</el-row>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <script setup lang="ts">
|
|
|
- import {onBeforeMount, onMounted, reactive, watch,ref} from "vue";
|
|
|
- import eventBus from "/@/utils/mitt";
|
|
|
-import { BoardFunctionResultApi } from '/@/api/admin/PCBA/BoardFunctionResultApi'
|
|
|
-import { BoardFunctionResultDto } from '/@/api/admin/PCBA/BoardFunctionResultDto'
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script setup lang="ts">
|
|
|
+import { onBeforeMount, onMounted, reactive, watch, ref } from "vue";
|
|
|
+import eventBus from "/@/utils/mitt";
|
|
|
+import { BoardFunctionResultApi } from '/@/api/admin/PCBA/BoardFunctionResultApi';
|
|
|
+import { BoardFunctionResultDto } from '/@/api/admin/PCBA/BoardFunctionResultDto';
|
|
|
import type { pageInput } from "/@/api/admin/shareDto/shareDto";
|
|
|
import { useGlobalCacheStore } from "/@/stores/globalCacheStore";
|
|
|
import { getCurrentInstance } from 'vue';
|
|
|
const { proxy: ctx } = getCurrentInstance();
|
|
|
|
|
|
-
|
|
|
/**获取全局缓存*/
|
|
|
-const globalCacheStore = useGlobalCacheStore()
|
|
|
+const globalCacheStore = useGlobalCacheStore();
|
|
|
/**数据字典缓存*/
|
|
|
-const PCBATestState = ref(globalCacheStore.getGlobalStore().get('pcbaTestState'))
|
|
|
-const PCBABoardType = ref(globalCacheStore.getGlobalStore().get('pcbaBoardType'))
|
|
|
+const PCBATestState = ref(globalCacheStore.getGlobalStore().get('pcbaTestState'));
|
|
|
+const PCBABoardType = ref(globalCacheStore.getGlobalStore().get('pcbaBoardType'));
|
|
|
|
|
|
const getPCBATestState = (val) => {
|
|
|
- val = String(val)
|
|
|
- if(PCBATestState.value?.has(val)){
|
|
|
- return PCBATestState.value.get(val)
|
|
|
- }else {
|
|
|
- return val
|
|
|
+ val = String(val);
|
|
|
+ if (PCBATestState.value?.has(val)) {
|
|
|
+ const stateObj = PCBATestState.value.get(val);
|
|
|
+ if (stateObj.name === '未测试') {
|
|
|
+ return { ...stateObj, color:'royalblue' };
|
|
|
+ }
|
|
|
+ return stateObj;
|
|
|
+ } else {
|
|
|
+ return { name: val, color: 'inherit' };
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
+
|
|
|
|
|
|
const getPCBABoardType = (val) => {
|
|
|
- val = String(val)
|
|
|
- if(PCBABoardType.value?.has(val)){
|
|
|
- return PCBABoardType.value.get(val)
|
|
|
- }else {
|
|
|
- return val
|
|
|
+ val = String(val);
|
|
|
+ if (PCBABoardType.value?.has(val)) {
|
|
|
+ return PCBABoardType.value.get(val);
|
|
|
+ } else {
|
|
|
+ return val;
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-const codeblur = ()=>{
|
|
|
+};
|
|
|
|
|
|
-let value = ctx.$refs.codeSel.selectedLabel
|
|
|
-
|
|
|
-if(value == '所有' || value == '')
|
|
|
-{
|
|
|
- value = -1
|
|
|
-}
|
|
|
-state.filter.code = value
|
|
|
-}
|
|
|
-
|
|
|
-const options= [{
|
|
|
- value: -1,
|
|
|
- name: '所有',
|
|
|
- key:"-1"
|
|
|
- }]
|
|
|
+const codeblur = () => {
|
|
|
+ let value = ctx.$refs.codeSel.selectedLabel;
|
|
|
+ if (value == '所有' || value == '') {
|
|
|
+ value = -1;
|
|
|
+ }
|
|
|
+ state.filter.code = value;
|
|
|
+};
|
|
|
|
|
|
+const options = [{
|
|
|
+ value: -1,
|
|
|
+ name: '所有',
|
|
|
+ key: "-1"
|
|
|
+}];
|
|
|
|
|
|
/**数据对象*/
|
|
|
- const state = reactive({
|
|
|
- /**加载显示 */
|
|
|
- loading: false,
|
|
|
- /**条件查询模块 */
|
|
|
- filter: {
|
|
|
-/**序列号 */
|
|
|
- serno: "",
|
|
|
-/**外部序列号 */
|
|
|
- exserno: "",
|
|
|
-/**boardType */
|
|
|
- boardType: -1,
|
|
|
-/**code */
|
|
|
- code: -1,
|
|
|
-/**测试结果 */
|
|
|
- result: -1,
|
|
|
-/**起始创建时间 */
|
|
|
- beginCreateTime: "",
|
|
|
-/**结束创建时间 */
|
|
|
- endCreateTime: "",
|
|
|
-/**最新测试员 */
|
|
|
- lastTestUser: "",},
|
|
|
+const state = reactive({
|
|
|
+ /**加载显示 */
|
|
|
+ loading: false,
|
|
|
+ /**条件查询模块 */
|
|
|
+ filter: {
|
|
|
+ /**序列号 */
|
|
|
+ serno: "",
|
|
|
+ /**外部序列号 */
|
|
|
+ exserno: "",
|
|
|
+ /**boardType */
|
|
|
+ boardType: -1,
|
|
|
+ /**code */
|
|
|
+ code: -1,
|
|
|
+ /**测试结果 */
|
|
|
+ result: -1,
|
|
|
+ /**创建时间范围 */
|
|
|
+ createTimeRange: [],
|
|
|
+ /**最新测试员 */
|
|
|
+ lastTestUser: "",
|
|
|
+ },
|
|
|
/**表格信息 */
|
|
|
-tableModel: [] as BoardFunctionResultDto,
|
|
|
- /**动态表头 */
|
|
|
- dynamicColumns: [
|
|
|
-{ prop: 'serno', label: '序列号' },
|
|
|
-{ prop: 'boardType', label: '主板类型' },
|
|
|
-{ prop: 'code', label: '功能码' },
|
|
|
-{ prop: 'name', label: '功能名称' },
|
|
|
-{ prop: 'result', label: '测试结果' },
|
|
|
-{ prop: 'onceTestPass', label: '是否一次通过' },
|
|
|
-{ prop: 'testTimes', label: '测试次数' },
|
|
|
-{ prop: 'successTimes', label: '成功次数' },
|
|
|
-{ prop: 'createTime', label: '创建时间' },
|
|
|
-{ prop: 'lastTestTime', label: '最新测试时间' },
|
|
|
-{ prop: 'lastTestUser', label: '最新测试员' },
|
|
|
-{ prop: 'duration', label: '测试总耗时' },
|
|
|
-{ prop: 'info', label: '备注' },],
|
|
|
-/**分页标识 */
|
|
|
- pageInput:{
|
|
|
- CurrentPage: 1,
|
|
|
- PageSize: 10,
|
|
|
- } as pageInput,
|
|
|
- /**分页总数 */
|
|
|
- total: 0,
|
|
|
-})
|
|
|
- onMounted(() => {
|
|
|
- init()
|
|
|
- eventBus.off('refreshView')
|
|
|
- eventBus.on('refreshView', async () => {
|
|
|
- await init()
|
|
|
- })
|
|
|
- })
|
|
|
- onBeforeMount(() => {
|
|
|
- eventBus.off('refreshView')
|
|
|
- })
|
|
|
+ tableModel: [] as BoardFunctionResultDto,
|
|
|
+ /**动态表头 */
|
|
|
+ dynamicColumns: [
|
|
|
+ { prop:'serno', label: '序列号' },
|
|
|
+ { prop: 'boardType', label: '主板类型' },
|
|
|
+ { prop: 'code', label: '功能码' },
|
|
|
+ { prop: 'name', label: '功能名称' },
|
|
|
+ { prop:'result', label: '测试结果' },
|
|
|
+ { prop: 'onceTestPass', label: '是否一次通过' },
|
|
|
+ { prop: 'testTimes', label: '测试次数' },
|
|
|
+ { prop:'successTimes', label: '成功次数' },
|
|
|
+ { prop: 'createTime', label: '创建时间' },
|
|
|
+ { prop: 'lastTestTime', label: '最新测试时间' },
|
|
|
+ { prop: 'lastTestUser', label: '最新检测员' },
|
|
|
+ { prop: 'duration', label: '测试总耗时' },
|
|
|
+ { prop: 'info', label: '备注' },
|
|
|
+ ],
|
|
|
+ /**分页标识 */
|
|
|
+ pageInput: {
|
|
|
+ CurrentPage: 1,
|
|
|
+ PageSize: 10,
|
|
|
+ } as pageInput,
|
|
|
+ /**分页总数 */
|
|
|
+ total: 0,
|
|
|
+});
|
|
|
|
|
|
+onMounted(() => {
|
|
|
+ init();
|
|
|
+ eventBus.off('refreshView');
|
|
|
+ eventBus.on('refreshView', async () => {
|
|
|
+ await init();
|
|
|
+ });
|
|
|
+});
|
|
|
+onBeforeMount(() => {
|
|
|
+ eventBus.off('refreshView');
|
|
|
+});
|
|
|
|
|
|
- /**页条数变化*/
|
|
|
+/**页条数变化*/
|
|
|
const onSizeChange = () => {
|
|
|
- init()
|
|
|
-}
|
|
|
+ init();
|
|
|
+};
|
|
|
|
|
|
/**页数变化*/
|
|
|
const onCurrentChange = () => {
|
|
|
- init()
|
|
|
-}
|
|
|
+ init();
|
|
|
+};
|
|
|
|
|
|
+/**
|
|
|
+ * 监听变换
|
|
|
+ */
|
|
|
+watch(() => {}, () => {});
|
|
|
|
|
|
- /**
|
|
|
- * 监听变换
|
|
|
- */
|
|
|
- watch(() => {},() => {})
|
|
|
/**条件查询 */
|
|
|
- const onQuery = () => {
|
|
|
- init()
|
|
|
- }
|
|
|
- /**初始化 */
|
|
|
- const init = async () => {
|
|
|
- state.loading = true
|
|
|
-
|
|
|
-
|
|
|
+const onQuery = () => {
|
|
|
+ init();
|
|
|
+};
|
|
|
|
|
|
-const res:any = await new BoardFunctionResultApi().getList({...state.pageInput, Filter:state.filter})
|
|
|
- state.total = res?.data?.total ?? 0
|
|
|
-
|
|
|
-
|
|
|
-state.tableModel = res?.data?.list ?? []
|
|
|
- state.loading = false
|
|
|
- }
|
|
|
+/**初始化 */
|
|
|
+const init = async () => {
|
|
|
+ state.loading = true;
|
|
|
+ // 处理时间范围,将数组中的开始和结束时间分别赋值给API需要的字段
|
|
|
+ const { createTimeRange, ...filterWithoutTimeRange } = state.filter;
|
|
|
+ const beginCreateTime = createTimeRange.length > 0? createTimeRange[0] : "";
|
|
|
+ const endCreateTime = createTimeRange.length > 1? createTimeRange[1] : "";
|
|
|
+ const res: any = await new BoardFunctionResultApi().getList({
|
|
|
+ ...state.pageInput,
|
|
|
+ Filter: {
|
|
|
+ ...filterWithoutTimeRange,
|
|
|
+ beginCreateTime,
|
|
|
+ endCreateTime,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ state.total = res?.data?.total?? 0;
|
|
|
+ state.tableModel = res?.data?.list?? [];
|
|
|
+ state.loading = false;
|
|
|
+};
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
- </style>
|
|
|
+
|
|
|
+</style>
|