| | |
| | | const activeTaskTab = ref(1) |
| | | const projectList = ref([]) |
| | | const productList = ref([]) |
| | | const projectIdArray = ref([]) |
| | | const productIdArray = ref([]) |
| | | const projectIdArray = ref('') |
| | | const productIdArray = ref('') |
| | | const workerList = ref([]) |
| | | const pageData = ref({ page: 1, pageSize: 1000 }) |
| | | const modalObj = ref({ modalValue: false }) |
| | |
| | | if (code == 200) { |
| | | projectList.value = data |
| | | if (Array.isArray(data) && data.length > 0) { |
| | | projectIdArray.value[0] = data[0].id |
| | | projectIdArray.value = data[0].id |
| | | queryProduct() |
| | | } |
| | | } |
| | |
| | | } |
| | | //2.根据项目编号查询产品列表 |
| | | const queryProduct = () => { |
| | | if (projectIdArray.value && projectIdArray.value.length > 0) { |
| | | getProductApi({ projectId: projectIdArray.value[0], ...pageData.value }).then(({ code, data }) => { |
| | | if (projectIdArray.value) { |
| | | getProductApi({ projectId: projectIdArray.value, ...pageData.value }).then(({ code, data }) => { |
| | | if (code == 200) { |
| | | productList.value = data |
| | | if (Array.isArray(data) && data.length > 0) { |
| | | productIdArray.value[0] = data[0].id |
| | | productIdArray.value = data[0].id |
| | | queryQualityProcedure() |
| | | queryQualityCount() |
| | | } |
| | |
| | | }) |
| | | } else { |
| | | productList.value = [] |
| | | productIdArray.value = [] |
| | | productIdArray.value = '' |
| | | } |
| | | } |
| | | //3.查询工序质检列表 |
| | | const queryQualityProcedure = () => { |
| | | const params: any = { status: activeTaskTab.value, projectId: '', productId: '', ...pageData.value, keyword: '' } |
| | | if (Array.isArray(projectIdArray.value) && projectIdArray.value.length > 0) { |
| | | params.projectId = projectIdArray.value[0] + '' |
| | | if (projectIdArray.value) { |
| | | params.projectId = projectIdArray.value + '' |
| | | } else { |
| | | qualityList.value = [] |
| | | return |
| | | } |
| | | if (Array.isArray(productIdArray.value) && productIdArray.value.length > 0) { |
| | | params.productId = productIdArray.value[0] + '' |
| | | if (productIdArray.value) { |
| | | params.productId = productIdArray.value + '' |
| | | } else { |
| | | qualityList.value = [] |
| | | return |
| | |
| | | //6.查询质检数据统计 |
| | | const queryQualityCount = () => { |
| | | const params: IQualityCountParams = { productId: '', projectId: '' } |
| | | if (Array.isArray(projectIdArray.value) && projectIdArray.value.length > 0) { |
| | | params.projectId = projectIdArray.value[0] + '' |
| | | if (projectIdArray.value) { |
| | | params.projectId = projectIdArray.value + '' |
| | | } else { |
| | | qualityCountObj.value = { ...DEFAULT_QUALITY_COUNT } |
| | | return |
| | | } |
| | | if (Array.isArray(productIdArray.value) && productIdArray.value.length > 0) { |
| | | params.productId = productIdArray.value[0] + '' |
| | | if (productIdArray.value) { |
| | | params.productId = productIdArray.value + '' |
| | | } else { |
| | | qualityCountObj.value = { ...DEFAULT_QUALITY_COUNT } |
| | | return |
| | |
| | | v-model="projectIdArray" |
| | | :teleported="false" |
| | | size="large" |
| | | :multiple-limit="1" |
| | | multiple |
| | | placeholder="项目" |
| | | :clearable="true" |
| | | @change="queryProduct" |
| | | > |
| | | <el-option v-for="item in projectList" :key="item.id" :label="item.projectName" :value="item.id" multiple> |
| | | <el-option v-for="item in projectList" :key="item.id" :label="item.projectName" :value="item.id"> |
| | | <div class="item-option"> |
| | | <div>{{ item.id }}</div> |
| | | <div>{{ item.projectName }}</div> |
| | | </div> |
| | | </el-option> |
| | | </el-select> |
| | | <el-select |
| | | v-model="productIdArray" |
| | | :teleported="false" |
| | | size="large" |
| | | :multiple-limit="1" |
| | | multiple |
| | | placeholder="产品" |
| | | > |
| | | <el-option v-for="item in productList" :key="item.id" :label="item.name" :value="item.id" multiple> |
| | | <el-select v-model="productIdArray" :teleported="false" size="large" placeholder="产品" :clearable="true"> |
| | | <el-option v-for="item in productList" :key="item.id" :label="item.name" :value="item.id"> |
| | | <div class="item-option"> |
| | | <div>{{ item.id }}</div> |
| | | <div>{{ item.name }}</div> |
| | |
| | | .el-select { |
| | | width: 256px; |
| | | :deep(.el-select__wrapper) { |
| | | background-color: transparent !important; |
| | | // background-color: transparent !important; |
| | | } |
| | | :deep(.el-select__placeholder) { |
| | | //color: white; |
| | | } |
| | | } |
| | | .el-select-dropdown__item { |
| | | color: white; |
| | | //color: white; |
| | | } |
| | | .el-select-dropdown__item.is-hovering { |
| | | color: #fff; |
| | | background: transparent !important; |
| | | //color: #fff; |
| | | //background: transparent !important; |
| | | /*background: linear-gradient(*/ |
| | | /*to right,*/ |
| | | /*rgba(147, 250, 255, 0),*/ |
| | |
| | | } |
| | | :deep(.el-select__popper) { |
| | | width: 100%; |
| | | border: 1px solid #1ca898; |
| | | background: deepskyblue; |
| | | //border: 1px solid #1ca898; |
| | | // background: deepskyblue; |
| | | } |
| | | .item-option { |
| | | width: 100%; |
| | |
| | | background: transparent; |
| | | font-size: 16px; |
| | | color: white; |
| | | } |
| | | :deep(.el-icon) { |
| | | display: none; |
| | | } |
| | | } |
| | | } |