From df76c64ca6a49dbff88ea972a68a02ce53ffdbe3 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期四, 04 六月 2026 16:59:17 +0800
Subject: [PATCH] 指标绑定选择产品时，加上工序选择框（过程检、出厂检），支持多选。出厂检验及指标维护给出厂检增加工序字段
---
src/views/qualityManagement/metricMaintenance/index.vue | 1680 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 879 insertions(+), 801 deletions(-)
diff --git a/src/views/qualityManagement/metricMaintenance/index.vue b/src/views/qualityManagement/metricMaintenance/index.vue
index 89cc08f..6282edd 100644
--- a/src/views/qualityManagement/metricMaintenance/index.vue
+++ b/src/views/qualityManagement/metricMaintenance/index.vue
@@ -1,860 +1,938 @@
<template>
<div class="app-container metric-maintenance">
- <el-tabs v-model="activeTab" @tab-change="handleTabChange" class="metric-tabs">
- <el-tab-pane label="鍘熸潗鏂欐楠�" name="0" />
- <el-tab-pane label="杩囩▼妫�楠�" name="1" />
- <el-tab-pane label="鍑哄巶妫�楠�" name="2" />
+ <el-tabs v-model="activeTab"
+ @tab-change="handleTabChange"
+ class="metric-tabs">
+ <el-tab-pane label="鍘熸潗鏂欐楠�"
+ name="0" />
+ <el-tab-pane label="杩囩▼妫�楠�"
+ name="1" />
+ <el-tab-pane label="鍑哄巶妫�楠�"
+ name="2" />
</el-tabs>
- <el-row :gutter="16" class="metric-maintenance-row">
+ <el-row :gutter="16"
+ class="metric-maintenance-row">
<!-- 宸︿晶锛氭娴嬫爣鍑嗗垪琛� -->
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="left-col">
+ <el-col :xs="24"
+ :sm="24"
+ :md="12"
+ :lg="12"
+ :xl="12"
+ class="left-col">
<div class="left-panel">
- <div class="toolbar">
- <div class="toolbar-left"></div>
- <div class="toolbar-right">
- <el-button type="primary" @click="openStandardDialog('add')">鏂板</el-button>
- <el-button type="success" plain @click="handleBatchAudit(1)">鎵瑰噯</el-button>
- <el-button type="warning" plain @click="handleBatchAudit(2)">鎾ら攢</el-button>
- <el-button type="danger" plain @click="handleBatchDelete">鍒犻櫎</el-button>
- </div>
- </div>
- <PIMTable
- rowKey="id"
- :column="standardColumns"
- :tableData="standardTableData"
- :page="page"
- :isSelection="true"
- :tableLoading="tableLoading"
- :rowClassName="rowClassNameCenter"
- :rowClick="handleTableRowClick"
- @selection-change="handleSelectionChange"
- @pagination="handlePagination"
- :total="page.total"
- >
- <template #standardNoCell="{ row }">
- <span class="clickable-link" @click="handleStandardRowClick(row)">
- {{ row.standardNo }}
- </span>
- </template>
-
- <!-- 琛ㄥご鎼滅储鎻掓Ы -->
- <template #standardNoHeader>
- <el-input
- v-model="searchForm.standardNo"
- placeholder="鏍囧噯缂栧彿"
- clearable
- size="small"
- @change="handleQuery"
- @clear="handleQuery"
- />
- </template>
- <template #standardNameHeader>
- <el-input
- v-model="searchForm.standardName"
- placeholder="鏍囧噯鍚嶇О"
- clearable
- size="small"
- @change="handleQuery"
- @clear="handleQuery"
- />
- </template>
- <template #stateHeader>
- <el-select
- v-model="searchForm.state"
- placeholder="鐘舵��"
- clearable
- size="small"
- style="width: 110px"
- @change="handleQuery"
- @clear="handleQuery"
- >
- <el-option label="鑽夌" value="0" />
- <el-option label="閫氳繃" value="1" />
- <el-option label="鎾ら攢" value="2" />
- </el-select>
- </template>
- </PIMTable>
+ <div class="toolbar">
+ <div class="toolbar-left"></div>
+ <div class="toolbar-right">
+ <el-button type="primary"
+ @click="openStandardDialog('add')">鏂板</el-button>
+ <el-button type="success"
+ plain
+ @click="handleBatchAudit(1)">鎵瑰噯</el-button>
+ <el-button type="warning"
+ plain
+ @click="handleBatchAudit(2)">鎾ら攢</el-button>
+ <el-button type="danger"
+ plain
+ @click="handleBatchDelete">鍒犻櫎</el-button>
+ </div>
+ </div>
+ <PIMTable rowKey="id"
+ :column="standardColumns"
+ :tableData="standardTableData"
+ :page="page"
+ :isSelection="true"
+ :tableLoading="tableLoading"
+ :rowClassName="rowClassNameCenter"
+ :rowClick="handleTableRowClick"
+ @selection-change="handleSelectionChange"
+ @pagination="handlePagination"
+ :total="page.total">
+ <template #standardNoCell="{ row }">
+ <span class="clickable-link"
+ @click="handleStandardRowClick(row)">
+ {{ row.standardNo }}
+ </span>
+ </template>
+ <!-- 琛ㄥご鎼滅储鎻掓Ы -->
+ <template #standardNoHeader>
+ <el-input v-model="searchForm.standardNo"
+ placeholder="鏍囧噯缂栧彿"
+ clearable
+ size="small"
+ @change="handleQuery"
+ @clear="handleQuery" />
+ </template>
+ <template #standardNameHeader>
+ <el-input v-model="searchForm.standardName"
+ placeholder="鏍囧噯鍚嶇О"
+ clearable
+ size="small"
+ @change="handleQuery"
+ @clear="handleQuery" />
+ </template>
+ <template #stateHeader>
+ <el-select v-model="searchForm.state"
+ placeholder="鐘舵��"
+ clearable
+ size="small"
+ style="width: 110px"
+ @change="handleQuery"
+ @clear="handleQuery">
+ <el-option label="鑽夌"
+ value="0" />
+ <el-option label="閫氳繃"
+ value="1" />
+ <el-option label="鎾ら攢"
+ value="2" />
+ </el-select>
+ </template>
+ </PIMTable>
</div>
</el-col>
-
<!-- 鍙充晶锛氭爣鍑嗗弬鏁板垪琛� -->
- <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="right-col">
+ <el-col :xs="24"
+ :sm="24"
+ :md="12"
+ :lg="12"
+ :xl="12"
+ class="right-col">
<div class="right-panel">
- <div class="right-header">
- <div class="title">鏍囧噯鍙傛暟</div>
- <div class="desc" v-if="currentStandard">
- 鎮ㄥ綋鍓嶉�夋嫨鐨勬娴嬫爣鍑嗙紪鍙锋槸锛�
- <span class="link-text">{{ currentStandard.standardNo }}</span>
- </div>
- <div class="desc" v-else>璇峰厛鍦ㄥ乏渚ч�夋嫨涓�涓娴嬫爣鍑�</div>
- </div>
-
- <div class="right-toolbar">
- <el-button type="primary" :disabled="!currentStandard || isStandardReadonly" @click="openParamDialog('add')">
- 鏂板
- </el-button>
- <el-button type="danger" plain :disabled="!currentStandard || isStandardReadonly" @click="handleParamBatchDelete">
- 鍒犻櫎
- </el-button>
- </div>
-
- <el-table
- v-loading="detailLoading"
- :data="detailTableData"
- border
- :row-class-name="() => 'row-center'"
- class="center-table"
- style="width: 100%"
- height="calc(100vh - 220px)"
- @selection-change="handleParamSelectionChange"
- >
- <el-table-column type="selection" width="48" align="center" />
- <el-table-column type="index" label="搴忓彿" width="60" align="center" />
- <el-table-column prop="parameterItem" label="鍙傛暟椤�" min-width="120" />
- <el-table-column prop="unit" label="鍗曚綅" width="80" />
- <el-table-column prop="standardValue" label="鏍囧噯鍊�" min-width="120" />
- <el-table-column prop="controlValue" label="鍐呮帶鍊�" min-width="120" />
- <el-table-column prop="defaultValue" label="榛樿鍊�" min-width="120" />
- <el-table-column label="鎿嶄綔" width="140" fixed="right" align="center">
- <template #default="{ row }">
- <el-button link type="primary" size="small" :disabled="isStandardReadonly" @click="openParamDialog('edit', row)">
- 缂栬緫
+ <div class="right-header">
+ <div class="title">鏍囧噯鍙傛暟</div>
+ <div class="desc"
+ v-if="currentStandard">
+ 鎮ㄥ綋鍓嶉�夋嫨鐨勬娴嬫爣鍑嗙紪鍙锋槸锛�
+ <span class="link-text">{{ currentStandard.standardNo }}</span>
+ </div>
+ <div class="desc"
+ v-else>璇峰厛鍦ㄥ乏渚ч�夋嫨涓�涓娴嬫爣鍑�</div>
+ </div>
+ <div class="right-toolbar">
+ <el-button type="primary"
+ :disabled="!currentStandard || isStandardReadonly"
+ @click="openParamDialog('add')">
+ 鏂板
</el-button>
- <el-button link type="danger" size="small" :disabled="isStandardReadonly" @click="handleParamDelete(row)">
+ <el-button type="danger"
+ plain
+ :disabled="!currentStandard || isStandardReadonly"
+ @click="handleParamBatchDelete">
鍒犻櫎
</el-button>
- </template>
- </el-table-column>
- </el-table>
+ </div>
+ <el-table v-loading="detailLoading"
+ :data="detailTableData"
+ border
+ :row-class-name="() => 'row-center'"
+ class="center-table"
+ style="width: 100%"
+ height="calc(100vh - 220px)"
+ @selection-change="handleParamSelectionChange">
+ <el-table-column type="selection"
+ width="48"
+ align="center" />
+ <el-table-column type="index"
+ label="搴忓彿"
+ width="60"
+ align="center" />
+ <el-table-column prop="parameterItem"
+ label="鍙傛暟椤�"
+ min-width="120" />
+ <el-table-column prop="unit"
+ label="鍗曚綅"
+ width="80" />
+ <el-table-column prop="standardValue"
+ label="鏍囧噯鍊�"
+ min-width="120" />
+ <el-table-column prop="controlValue"
+ label="鍐呮帶鍊�"
+ min-width="120" />
+ <el-table-column prop="defaultValue"
+ label="榛樿鍊�"
+ min-width="120" />
+ <el-table-column label="鎿嶄綔"
+ width="140"
+ fixed="right"
+ align="center">
+ <template #default="{ row }">
+ <el-button link
+ type="primary"
+ size="small"
+ :disabled="isStandardReadonly"
+ @click="openParamDialog('edit', row)">
+ 缂栬緫
+ </el-button>
+ <el-button link
+ type="danger"
+ size="small"
+ :disabled="isStandardReadonly"
+ @click="handleParamDelete(row)">
+ 鍒犻櫎
+ </el-button>
+ </template>
+ </el-table-column>
+ </el-table>
</div>
</el-col>
</el-row>
-
<!-- 鏂板 / 缂栬緫妫�娴嬫爣鍑� -->
- <StandardFormDialog
- ref="standardFormDialogRef"
- v-model="standardDialogVisible"
- :operation-type="standardOperationType"
- :form="standardForm"
- :rules="standardRules"
- :inspect-type="activeTab"
- :process-options="processOptions"
- @confirm="submitStandardForm"
- @close="closeStandardDialog"
- @cancel="closeStandardDialog"
- />
-
- <ParamFormDialog
- ref="paramFormDialogRef"
- v-model="paramDialogVisible"
- :operation-type="paramOperationType"
- :inspectType="activeTab.value"
- :form="paramForm"
- @confirm="submitParamForm"
- @close="closeParamDialog"
- @cancel="closeParamDialog"
- />
+ <StandardFormDialog ref="standardFormDialogRef"
+ v-model="standardDialogVisible"
+ :operation-type="standardOperationType"
+ :form="standardForm"
+ :rules="standardRules"
+ :inspect-type="activeTab"
+ :process-options="processOptions"
+ @confirm="submitStandardForm"
+ @close="closeStandardDialog"
+ @cancel="closeStandardDialog" />
+ <ParamFormDialog ref="paramFormDialogRef"
+ v-model="paramDialogVisible"
+ :operation-type="paramOperationType"
+ :inspectType="activeTab.value"
+ :form="paramForm"
+ @confirm="submitParamForm"
+ @close="closeParamDialog"
+ @cancel="closeParamDialog" />
</div>
</template>
<script setup>
-import { Search } from '@element-plus/icons-vue'
-import { ref, reactive, toRefs, onMounted, getCurrentInstance, computed } from 'vue'
-import { ElMessageBox } from 'element-plus'
-import {
- qualityTestStandardListPage,
- qualityTestStandardAdd,
- qualityTestStandardUpdate,
- qualityTestStandardDel,
- qualityTestStandardCopyParam,
- qualityTestStandardAudit,
- qualityTestStandardParamList,
- qualityTestStandardParamAdd,
- qualityTestStandardParamUpdate,
- qualityTestStandardParamDel
-} from '@/api/qualityManagement/metricMaintenance.js'
-import { productProcessListPage } from '@/api/basicData/productProcess.js'
-import StandardFormDialog from './StandardFormDialog.vue'
-import ParamFormDialog from './ParamFormDialog.vue'
+ import { Search } from "@element-plus/icons-vue";
+ import {
+ ref,
+ reactive,
+ toRefs,
+ onMounted,
+ getCurrentInstance,
+ computed,
+ } from "vue";
+ import { ElMessageBox } from "element-plus";
+ import {
+ qualityTestStandardListPage,
+ qualityTestStandardAdd,
+ qualityTestStandardUpdate,
+ qualityTestStandardDel,
+ qualityTestStandardCopyParam,
+ qualityTestStandardAudit,
+ qualityTestStandardParamList,
+ qualityTestStandardParamAdd,
+ qualityTestStandardParamUpdate,
+ qualityTestStandardParamDel,
+ } from "@/api/qualityManagement/metricMaintenance.js";
+ import { productProcessListPage } from "@/api/basicData/productProcess.js";
+ import StandardFormDialog from "./StandardFormDialog.vue";
+ import ParamFormDialog from "./ParamFormDialog.vue";
-const { proxy } = getCurrentInstance()
+ const { proxy } = getCurrentInstance();
-// 绫诲埆 Tab锛�0=鍘熸潗鏂欙紝1=杩囩▼锛�2=鍑哄巶锛�
-const activeTab = ref('0')
+ // 绫诲埆 Tab锛�0=鍘熸潗鏂欙紝1=杩囩▼锛�2=鍑哄巶锛�
+ const activeTab = ref("0");
-// 宸︿晶鏍囧噯鍒楄〃锛氭暣琛屽唴瀹瑰眳涓紙閰嶅悎鏍峰紡锛�
-const rowClassNameCenter = () => 'row-center'
+ // 宸︿晶鏍囧噯鍒楄〃锛氭暣琛屽唴瀹瑰眳涓紙閰嶅悎鏍峰紡锛�
+ const rowClassNameCenter = () => "row-center";
-// 鏍囧噯鐘舵�佷负鈥滈�氳繃(1)鈥濇椂锛屽彸渚у弬鏁扮姝㈠鍒犳敼
-const isStandardReadonly = computed(() => {
- const state = currentStandard.value?.state
- return state === 1 || state === '1'
-})
+ // 鏍囧噯鐘舵�佷负鈥滈�氳繃(1)鈥濇椂锛屽彸渚у弬鏁扮姝㈠鍒犳敼
+ const isStandardReadonly = computed(() => {
+ const state = currentStandard.value?.state;
+ return state === 1 || state === "1";
+ });
-// 鎼滅储鏉′欢
-const data = reactive({
- searchForm: {
- standardNo: '',
- standardName: '',
- remark: '',
- state: '',
- inspectType: '',
- processId: ''
- },
- standardForm: {
- id: undefined,
- standardNo: '',
- standardName: '',
- remark: '',
- state: '0',
- inspectType: '',
- processId: ''
- },
- standardRules: {
- standardNo: [{ required: true, message: '璇疯緭鍏ユ爣鍑嗙紪鍙�', trigger: 'blur' }],
- standardName: [{ required: true, message: '璇疯緭鍏ユ爣鍑嗗悕绉�', trigger: 'blur' }],
- processId: [{
- validator: (_rule, value, callback) => {
- const inspectType = String(standardForm.value.inspectType ?? activeTab.value ?? '')
- if (inspectType === '1' && (value === '' || value === null || value === undefined)) {
- callback(new Error('璇烽�夋嫨宸ュ簭'))
- return
- }
- callback()
- },
- trigger: 'change'
- }]
- }
-})
-
-const { searchForm, standardForm, standardRules } = toRefs(data)
-
-// 宸︿晶琛ㄦ牸
-const standardTableData = ref([])
-const selectedRows = ref([])
-const tableLoading = ref(false)
-const page = reactive({
- current: 1,
- size: 10,
- total: 0
-})
-
-// 宸ュ簭涓嬫媺
-const processOptions = ref([])
-
-// 鑾峰彇宸ュ簭鍒楄〃
-const getProcessList = async () => {
- try {
- const res = await productProcessListPage({ current: 1, size: 1000 })
- if (res?.code === 200) {
- const records = res?.data?.records || []
- processOptions.value = records.map(item => ({
- label: item.processName || item.name || item.label,
- value: item.id || item.processId || item.value
- }))
- }
- } catch (error) {
- console.error('鑾峰彇宸ュ簭鍒楄〃澶辫触:', error)
- }
-}
-
-// 褰撳墠閫変腑鐨勬爣鍑� & 鍙充晶璇︽儏
-const currentStandard = ref(null)
-const detailTableData = ref([])
-const detailLoading = ref(false)
-const paramSelectedRows = ref([])
-const paramDialogVisible = ref(false)
-const paramOperationType = ref('add') // add | edit
-const paramFormDialogRef = ref(null)
-const paramForm = reactive({
- id: undefined,
- parameterItem: '',
- unit: '',
- standardValue: '',
- controlValue: '',
- defaultValue: ''
-})
-
-// 寮圭獥
-const standardDialogVisible = ref(false)
-const standardOperationType = ref('add') // add | edit | copy
-const standardFormDialogRef = ref(null)
-
-// 鍒楀畾涔�
-const standardColumns = ref([
- {
- label: '鏍囧噯缂栧彿',
- prop: 'standardNo',
- dataType: 'slot',
- slot: 'standardNoCell',
- minWidth: 160,
- align: 'center',
- headerSlot: 'standardNoHeader'
- },
- {
- label: '鏍囧噯鍚嶇О',
- prop: 'standardName',
- minWidth: 180,
- align: 'center',
- headerSlot: 'standardNameHeader'
- },
- {
- label: '绫诲埆',
- prop: 'inspectType',
- align: 'center',
- dataType: 'tag',
- minWidth: 120,
- formatData: (val) => {
- const map = {
- 0: '鍘熸潗鏂欐楠�',
- 1: '杩囩▼妫�楠�',
- 2: '鍑哄巶妫�楠�'
- }
- return map[val] || val
- }
- },
- {
- label: '宸ュ簭',
- prop: 'processId',
- align: 'center',
- dataType: 'tag',
- visible: visible => activeTab.value === '1',
- formatData: (val) => {
- const target = processOptions.value.find(
- (item) => String(item.value) === String(val)
- )
- return target?.label || val
- }
- },
- {
- label: '鐘舵��',
- prop: 'state',
- headerSlot: 'stateHeader',
- align: 'center',
- dataType: 'tag',
- formatData: (val) => {
- const map = {
- 0: '鑽夌',
- 1: '閫氳繃',
- 2: '鎾ら攢'
- }
- return map[val] || val
+ // 鎼滅储鏉′欢
+ const data = reactive({
+ searchForm: {
+ standardNo: "",
+ standardName: "",
+ remark: "",
+ state: "",
+ inspectType: "",
+ processId: "",
},
- formatType: (val) => {
- if (val === '1' || val === 1) return 'success'
- if (val === '2' || val === 2) return 'warning'
- return 'info'
- }
- },
- {
- label: '澶囨敞',
- prop: 'remark',
- minWidth: 160,
- align: 'center'
- },
- {
- dataType: 'action',
- label: '鎿嶄綔',
- align: 'center',
- fixed: 'right',
- width: 220,
- operation: [
- {
- name: '缂栬緫',
- type: 'text',
- clickFun: (row) => {
- openStandardDialog('edit', row)
- }
- },
- {
- name: '澶嶅埗',
- type: 'text',
- clickFun: async (row) => {
- if (!row?.id) return
- try {
- await ElMessageBox.confirm('纭澶嶅埗璇ユ爣鍑嗗弬鏁帮紵', '鎻愮ず', { type: 'warning' })
- } catch {
- return
- }
- await qualityTestStandardCopyParam(row.id)
- proxy.$message.success('澶嶅埗鎴愬姛')
- getStandardList()
- if (currentStandard.value?.id === row.id) {
- loadDetail(row.id)
- }
- }
- },
- {
- name: '鍒犻櫎',
- type: 'text',
- clickFun: (row) => {
- handleDelete(row)
- }
+ standardForm: {
+ id: undefined,
+ standardNo: "",
+ standardName: "",
+ remark: "",
+ state: "0",
+ inspectType: "",
+ processId: "",
+ },
+ standardRules: {
+ standardNo: [
+ { required: true, message: "璇疯緭鍏ユ爣鍑嗙紪鍙�", trigger: "blur" },
+ ],
+ standardName: [
+ { required: true, message: "璇疯緭鍏ユ爣鍑嗗悕绉�", trigger: "blur" },
+ ],
+ processId: [
+ {
+ validator: (_rule, value, callback) => {
+ const inspectType = String(
+ standardForm.value.inspectType ?? activeTab.value ?? ""
+ );
+ if (
+ (inspectType === "1" || inspectType === "2") &&
+ (value === "" || value === null || value === undefined)
+ ) {
+ callback(new Error("璇烽�夋嫨宸ュ簭"));
+ return;
+ }
+ callback();
+ },
+ trigger: "change",
+ },
+ ],
+ },
+ });
+
+ const { searchForm, standardForm, standardRules } = toRefs(data);
+
+ // 宸︿晶琛ㄦ牸
+ const standardTableData = ref([]);
+ const selectedRows = ref([]);
+ const tableLoading = ref(false);
+ const page = reactive({
+ current: 1,
+ size: 10,
+ total: 0,
+ });
+
+ // 宸ュ簭涓嬫媺
+ const processOptions = ref([]);
+
+ // 鑾峰彇宸ュ簭鍒楄〃
+ const getProcessList = async () => {
+ try {
+ const res = await productProcessListPage({ current: 1, size: 1000 });
+ if (res?.code === 200) {
+ const records = res?.data?.records || [];
+ processOptions.value = records.map(item => ({
+ label: item.processName || item.name || item.label,
+ value: item.id || item.processId || item.value,
+ }));
}
- ]
- }
-])
-const handleTabChange = () => {
- searchForm.value.standardNo = ''
- searchForm.value.standardName = ''
- searchForm.value.remark = ''
- searchForm.value.state = ''
- searchForm.value.processId = ''
- searchForm.value.inspectType = activeTab.value
- page.current = 1
- currentStandard.value = null
- detailTableData.value = []
- paramSelectedRows.value = []
- getStandardList()
-}
+ } catch (error) {
+ console.error("鑾峰彇宸ュ簭鍒楄〃澶辫触:", error);
+ }
+ };
-// 鏌ヨ鍒楄〃
-const getStandardList = () => {
- tableLoading.value = true
- const params = {
- ...searchForm.value,
- current: page.current,
- size: page.size
- }
- qualityTestStandardListPage(params)
- .then((res) => {
- const records = res?.data?.records || []
- standardTableData.value = records
- page.total = res?.data?.total || records.length
+ // 褰撳墠閫変腑鐨勬爣鍑� & 鍙充晶璇︽儏
+ const currentStandard = ref(null);
+ const detailTableData = ref([]);
+ const detailLoading = ref(false);
+ const paramSelectedRows = ref([]);
+ const paramDialogVisible = ref(false);
+ const paramOperationType = ref("add"); // add | edit
+ const paramFormDialogRef = ref(null);
+ const paramForm = reactive({
+ id: undefined,
+ parameterItem: "",
+ unit: "",
+ standardValue: "",
+ controlValue: "",
+ defaultValue: "",
+ });
+
+ // 寮圭獥
+ const standardDialogVisible = ref(false);
+ const standardOperationType = ref("add"); // add | edit | copy
+ const standardFormDialogRef = ref(null);
+
+ // 鍒楀畾涔�
+ const standardColumns = ref([
+ {
+ label: "鏍囧噯缂栧彿",
+ prop: "standardNo",
+ dataType: "slot",
+ slot: "standardNoCell",
+ minWidth: 160,
+ align: "center",
+ headerSlot: "standardNoHeader",
+ },
+ {
+ label: "鏍囧噯鍚嶇О",
+ prop: "standardName",
+ minWidth: 180,
+ align: "center",
+ headerSlot: "standardNameHeader",
+ },
+ {
+ label: "绫诲埆",
+ prop: "inspectType",
+ align: "center",
+ dataType: "tag",
+ minWidth: 120,
+ formatData: val => {
+ const map = {
+ 0: "鍘熸潗鏂欐楠�",
+ 1: "杩囩▼妫�楠�",
+ 2: "鍑哄巶妫�楠�",
+ };
+ return map[val] || val;
+ },
+ },
+ {
+ label: "宸ュ簭",
+ prop: "processId",
+ align: "center",
+ dataType: "tag",
+ visible: visible => ["1", "2"].includes(String(activeTab.value)),
+ formatData: val => {
+ const target = processOptions.value.find(
+ item => String(item.value) === String(val)
+ );
+ return target?.label || val;
+ },
+ },
+ {
+ label: "鐘舵��",
+ prop: "state",
+ headerSlot: "stateHeader",
+ align: "center",
+ dataType: "tag",
+ formatData: val => {
+ const map = {
+ 0: "鑽夌",
+ 1: "閫氳繃",
+ 2: "鎾ら攢",
+ };
+ return map[val] || val;
+ },
+ formatType: val => {
+ if (val === "1" || val === 1) return "success";
+ if (val === "2" || val === 2) return "warning";
+ return "info";
+ },
+ },
+ {
+ label: "澶囨敞",
+ prop: "remark",
+ minWidth: 160,
+ align: "center",
+ },
+ {
+ dataType: "action",
+ label: "鎿嶄綔",
+ align: "center",
+ fixed: "right",
+ width: 220,
+ operation: [
+ {
+ name: "缂栬緫",
+ type: "text",
+ clickFun: row => {
+ openStandardDialog("edit", row);
+ },
+ },
+ {
+ name: "澶嶅埗",
+ type: "text",
+ clickFun: async row => {
+ if (!row?.id) return;
+ try {
+ await ElMessageBox.confirm("纭澶嶅埗璇ユ爣鍑嗗弬鏁帮紵", "鎻愮ず", {
+ type: "warning",
+ });
+ } catch {
+ return;
+ }
+ await qualityTestStandardCopyParam(row.id);
+ proxy.$message.success("澶嶅埗鎴愬姛");
+ getStandardList();
+ if (currentStandard.value?.id === row.id) {
+ loadDetail(row.id);
+ }
+ },
+ },
+ {
+ name: "鍒犻櫎",
+ type: "text",
+ clickFun: row => {
+ handleDelete(row);
+ },
+ },
+ ],
+ },
+ ]);
+ const handleTabChange = () => {
+ searchForm.value.standardNo = "";
+ searchForm.value.standardName = "";
+ searchForm.value.remark = "";
+ searchForm.value.state = "";
+ searchForm.value.processId = "";
+ searchForm.value.inspectType = activeTab.value;
+ page.current = 1;
+ currentStandard.value = null;
+ detailTableData.value = [];
+ paramSelectedRows.value = [];
+ getStandardList();
+ };
+
+ // 鏌ヨ鍒楄〃
+ const getStandardList = () => {
+ tableLoading.value = true;
+ const params = {
+ ...searchForm.value,
+ current: page.current,
+ size: page.size,
+ };
+ qualityTestStandardListPage(params)
+ .then(res => {
+ const records = res?.data?.records || [];
+ standardTableData.value = records;
+ page.total = res?.data?.total || records.length;
+ })
+ .finally(() => {
+ tableLoading.value = false;
+ });
+ };
+
+ const handleQuery = () => {
+ page.current = 1;
+ getStandardList();
+ };
+
+ const resetQuery = () => {
+ searchForm.value.standardNo = "";
+ searchForm.value.standardName = "";
+ searchForm.value.remark = "";
+ searchForm.value.state = "";
+ searchForm.value.inspectType = "";
+ searchForm.value.processId = "";
+ handleQuery();
+ };
+
+ const handlePagination = obj => {
+ page.current = obj.page;
+ page.size = obj.limit;
+ getStandardList();
+ };
+
+ const handleSelectionChange = selection => {
+ selectedRows.value = selection;
+ };
+
+ // 鎵归噺瀹℃牳锛氱姸鎬� 1=鎵瑰噯锛�2=鎾ら攢
+ const handleBatchAudit = async state => {
+ if (!selectedRows.value.length) {
+ proxy.$message.warning("璇烽�夋嫨鏁版嵁");
+ return;
+ }
+ const text = state === 1 ? "鎵瑰噯" : "鎾ら攢";
+ const payload = selectedRows.value
+ .filter(i => i?.id)
+ .map(item => ({ id: item.id, state }));
+
+ if (!payload.length) {
+ proxy.$message.warning("璇烽�夋嫨鏈夋晥鏁版嵁");
+ return;
+ }
+
+ try {
+ await ElMessageBox.confirm(`纭${text}閫変腑鐨勬爣鍑嗭紵`, "鎻愮ず", {
+ type: "warning",
+ });
+ } catch {
+ return;
+ }
+ await qualityTestStandardAudit(payload);
+ proxy.$message.success(`${text}鎴愬姛`);
+ getStandardList();
+ };
+
+ // 琛ㄦ牸琛岀偣鍑伙紝鍔犺浇鍙充晶鍙傛暟
+ const handleTableRowClick = row => {
+ currentStandard.value = row;
+ loadDetail(row.id);
+ };
+
+ // 宸︿晶琛岀偣鍑伙紝鍔犺浇鍙充晶鍙傛暟锛堜繚鐣欑敤浜庢爣鍑嗙紪鍙峰垪鐨勭偣鍑伙級
+ const handleStandardRowClick = row => {
+ currentStandard.value = row;
+ loadDetail(row.id);
+ };
+
+ const loadDetail = standardId => {
+ if (!standardId) {
+ detailTableData.value = [];
+ return;
+ }
+ detailLoading.value = true;
+ qualityTestStandardParamList({ testStandardId: standardId })
+ .then(res => {
+ detailTableData.value = res?.data || [];
+ })
+ .finally(() => {
+ detailLoading.value = false;
+ });
+ };
+
+ const handleParamSelectionChange = selection => {
+ paramSelectedRows.value = selection;
+ };
+
+ const openParamDialog = (type, row) => {
+ if (!currentStandard.value?.id) return;
+ if (isStandardReadonly.value) {
+ proxy.$message.warning("璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�");
+ return;
+ }
+ paramOperationType.value = type;
+ if (type === "add") {
+ Object.assign(paramForm, {
+ id: undefined,
+ parameterItem: "",
+ unit: "",
+ standardValue: "",
+ controlValue: "",
+ defaultValue: "",
+ });
+ } else if (type === "edit" && row) {
+ Object.assign(paramForm, row);
+ }
+ paramDialogVisible.value = true;
+ };
+
+ const closeParamDialog = () => {
+ paramDialogVisible.value = false;
+ paramFormDialogRef.value?.resetFields?.();
+ };
+
+ const submitParamForm = async () => {
+ const testStandardId = currentStandard.value?.id;
+ if (!testStandardId) return;
+ if (isStandardReadonly.value) {
+ proxy.$message.warning("璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�");
+ return;
+ }
+ const payload = { ...paramForm, testStandardId };
+ if (paramOperationType.value === "edit") {
+ await qualityTestStandardParamUpdate(payload);
+ proxy.$message.success("鎻愪氦鎴愬姛");
+ } else {
+ await qualityTestStandardParamAdd(payload);
+ proxy.$message.success("鎻愪氦鎴愬姛");
+ }
+ closeParamDialog();
+ loadDetail(testStandardId);
+ };
+
+ const handleParamDelete = async row => {
+ if (!row?.id) return;
+ if (isStandardReadonly.value) {
+ proxy.$message.warning("璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�");
+ return;
+ }
+ try {
+ await ElMessageBox.confirm("纭鍒犻櫎璇ュ弬鏁帮紵", "鎻愮ず", { type: "warning" });
+ } catch {
+ return;
+ }
+ await qualityTestStandardParamDel([row.id]);
+ proxy.$message.success("鍒犻櫎鎴愬姛");
+ loadDetail(currentStandard.value?.id);
+ };
+
+ const handleParamBatchDelete = async () => {
+ if (isStandardReadonly.value) {
+ proxy.$message.warning("璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�");
+ return;
+ }
+ if (!paramSelectedRows.value.length) {
+ proxy.$message.warning("璇烽�夋嫨鏁版嵁");
+ return;
+ }
+ const ids = paramSelectedRows.value.map(i => i.id);
+ try {
+ await ElMessageBox.confirm(
+ "閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�",
+ "鍒犻櫎鎻愮ず",
+ { type: "warning" }
+ );
+ } catch {
+ return;
+ }
+ await qualityTestStandardParamDel(ids);
+ proxy.$message.success("鍒犻櫎鎴愬姛");
+ loadDetail(currentStandard.value?.id);
+ };
+
+ // 鏂板 / 缂栬緫 / 澶嶅埗
+ const openStandardDialog = (type, row) => {
+ standardOperationType.value = type;
+ if (type === "add") {
+ Object.assign(standardForm.value, {
+ id: undefined,
+ standardNo: "",
+ standardName: "",
+ remark: "",
+ state: "0",
+ inspectType: activeTab.value,
+ processId: ["1", "2"].includes(String(activeTab.value)) ? "" : null,
+ });
+ } else if (type === "edit" && row) {
+ Object.assign(standardForm.value, {
+ ...row,
+ // 纭繚 inspectType 鍜� state 杞崲涓哄瓧绗︿覆锛屼互鍖归厤 el-select 鐨� value 绫诲瀷
+ inspectType:
+ row.inspectType !== null && row.inspectType !== undefined
+ ? String(row.inspectType)
+ : "",
+ state:
+ row.state !== null && row.state !== undefined ? String(row.state) : "0",
+ // 纭繚 processId 杞崲涓哄瓧绗︿覆鎴栨暟瀛楋紙鏍规嵁瀹為檯闇�瑕侊級
+ processId:
+ ["1", "2"].includes(String(row.inspectType)) &&
+ row.processId !== null &&
+ row.processId !== undefined
+ ? row.processId
+ : null,
+ });
+ } else if (type === "copy" && row) {
+ const { id, ...rest } = row;
+ Object.assign(standardForm.value, {
+ ...rest,
+ id: undefined,
+ standardNo: "",
+ state: "0",
+ // 纭繚 inspectType 杞崲涓哄瓧绗︿覆
+ inspectType: activeTab.value,
+ processId: ["1", "2"].includes(String(activeTab.value))
+ ? rest.processId ?? ""
+ : null,
+ });
+ }
+ standardDialogVisible.value = true;
+ };
+
+ const closeStandardDialog = () => {
+ standardDialogVisible.value = false;
+ standardFormDialogRef.value?.resetFields?.();
+ };
+
+ const submitStandardForm = () => {
+ const payload = { ...standardForm.value };
+ payload.inspectType = activeTab.value;
+ if (!["1", "2"].includes(String(payload.inspectType))) {
+ payload.processId = null;
+ }
+ const isEdit = standardOperationType.value === "edit";
+ if (isEdit) {
+ qualityTestStandardUpdate(payload).then(() => {
+ proxy.$message.success("鎻愪氦鎴愬姛");
+ standardDialogVisible.value = false;
+ getStandardList();
+ });
+ } else {
+ qualityTestStandardAdd(payload).then(() => {
+ proxy.$message.success("鎻愪氦鎴愬姛");
+ standardDialogVisible.value = false;
+ getStandardList();
+ });
+ }
+ };
+
+ // 鍒犻櫎锛堝崟鏉★級
+ const handleDelete = row => {
+ const ids = [row.id];
+ ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+ confirmButtonText: "纭",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
})
- .finally(() => {
- tableLoading.value = false
+ .then(() => {
+ tableLoading.value = true;
+ qualityTestStandardDel(ids)
+ .then(() => {
+ proxy.$message.success("鍒犻櫎鎴愬姛");
+ getStandardList();
+ if (currentStandard.value && currentStandard.value.id === row.id) {
+ currentStandard.value = null;
+ detailTableData.value = [];
+ }
+ })
+ .finally(() => {
+ tableLoading.value = false;
+ });
+ })
+ .catch(() => {
+ proxy.$modal?.msg("宸插彇娑�");
+ });
+ };
+
+ // 鎵归噺鍒犻櫎
+ const handleBatchDelete = () => {
+ if (!selectedRows.value.length) {
+ proxy.$message.warning("璇烽�夋嫨鏁版嵁");
+ return;
+ }
+ const ids = selectedRows.value.map(item => item.id);
+ ElMessageBox.confirm("閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�", "鍒犻櫎鎻愮ず", {
+ confirmButtonText: "纭",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
})
-}
+ .then(() => {
+ tableLoading.value = true;
+ qualityTestStandardDel(ids)
+ .then(() => {
+ proxy.$message.success("鍒犻櫎鎴愬姛");
+ getStandardList();
+ if (currentStandard.value && ids.includes(currentStandard.value.id)) {
+ currentStandard.value = null;
+ detailTableData.value = [];
+ }
+ })
+ .finally(() => {
+ tableLoading.value = false;
+ });
+ })
+ .catch(() => {
+ proxy.$modal?.msg("宸插彇娑�");
+ });
+ };
-const handleQuery = () => {
- page.current = 1
- getStandardList()
-}
-
-const resetQuery = () => {
- searchForm.value.standardNo = ''
- searchForm.value.standardName = ''
- searchForm.value.remark = ''
- searchForm.value.state = ''
- searchForm.value.inspectType = ''
- searchForm.value.processId = ''
- handleQuery()
-}
-
-const handlePagination = (obj) => {
- page.current = obj.page
- page.size = obj.limit
- getStandardList()
-}
-
-const handleSelectionChange = (selection) => {
- selectedRows.value = selection
-}
-
-// 鎵归噺瀹℃牳锛氱姸鎬� 1=鎵瑰噯锛�2=鎾ら攢
-const handleBatchAudit = async (state) => {
- if (!selectedRows.value.length) {
- proxy.$message.warning('璇烽�夋嫨鏁版嵁')
- return
- }
- const text = state === 1 ? '鎵瑰噯' : '鎾ら攢'
- const payload = selectedRows.value
- .filter(i => i?.id)
- .map((item) => ({ id: item.id, state }))
-
- if (!payload.length) {
- proxy.$message.warning('璇烽�夋嫨鏈夋晥鏁版嵁')
- return
- }
-
- try {
- await ElMessageBox.confirm(`纭${text}閫変腑鐨勬爣鍑嗭紵`, '鎻愮ず', { type: 'warning' })
- } catch {
- return
- }
- await qualityTestStandardAudit(payload)
- proxy.$message.success(`${text}鎴愬姛`)
- getStandardList()
-}
-
-// 琛ㄦ牸琛岀偣鍑伙紝鍔犺浇鍙充晶鍙傛暟
-const handleTableRowClick = (row) => {
- currentStandard.value = row
- loadDetail(row.id)
-}
-
-// 宸︿晶琛岀偣鍑伙紝鍔犺浇鍙充晶鍙傛暟锛堜繚鐣欑敤浜庢爣鍑嗙紪鍙峰垪鐨勭偣鍑伙級
-const handleStandardRowClick = (row) => {
- currentStandard.value = row
- loadDetail(row.id)
-}
-
-const loadDetail = (standardId) => {
- if (!standardId) {
- detailTableData.value = []
- return
- }
- detailLoading.value = true
- qualityTestStandardParamList({ testStandardId: standardId }).then((res) => {
- detailTableData.value = res?.data || []
- })
- .finally(() => {
- detailLoading.value = false
- })
-}
-
-const handleParamSelectionChange = (selection) => {
- paramSelectedRows.value = selection
-}
-
-const openParamDialog = (type, row) => {
- if (!currentStandard.value?.id) return
- if (isStandardReadonly.value) {
- proxy.$message.warning('璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�')
- return
- }
- paramOperationType.value = type
- if (type === 'add') {
- Object.assign(paramForm, {
- id: undefined,
- parameterItem: '',
- unit: '',
- standardValue: '',
- controlValue: '',
- defaultValue: ''
- })
- } else if (type === 'edit' && row) {
- Object.assign(paramForm, row)
- }
- paramDialogVisible.value = true
-}
-
-const closeParamDialog = () => {
- paramDialogVisible.value = false
- paramFormDialogRef.value?.resetFields?.()
-}
-
-const submitParamForm = async () => {
- const testStandardId = currentStandard.value?.id
- if (!testStandardId) return
- if (isStandardReadonly.value) {
- proxy.$message.warning('璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�')
- return
- }
- const payload = { ...paramForm, testStandardId }
- if (paramOperationType.value === 'edit') {
- await qualityTestStandardParamUpdate(payload)
- proxy.$message.success('鎻愪氦鎴愬姛')
- } else {
- await qualityTestStandardParamAdd(payload)
- proxy.$message.success('鎻愪氦鎴愬姛')
- }
- closeParamDialog()
- loadDetail(testStandardId)
-}
-
-const handleParamDelete = async (row) => {
- if (!row?.id) return
- if (isStandardReadonly.value) {
- proxy.$message.warning('璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�')
- return
- }
- try {
- await ElMessageBox.confirm('纭鍒犻櫎璇ュ弬鏁帮紵', '鎻愮ず', { type: 'warning' })
- } catch {
- return
- }
- await qualityTestStandardParamDel([row.id])
- proxy.$message.success('鍒犻櫎鎴愬姛')
- loadDetail(currentStandard.value?.id)
-}
-
-const handleParamBatchDelete = async () => {
- if (isStandardReadonly.value) {
- proxy.$message.warning('璇ユ爣鍑嗗凡閫氳繃锛屽弬鏁颁笉鍙紪杈�')
- return
- }
- if (!paramSelectedRows.value.length) {
- proxy.$message.warning('璇烽�夋嫨鏁版嵁')
- return
- }
- const ids = paramSelectedRows.value.map((i) => i.id)
- try {
- await ElMessageBox.confirm('閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�', '鍒犻櫎鎻愮ず', { type: 'warning' })
- } catch {
- return
- }
- await qualityTestStandardParamDel(ids)
- proxy.$message.success('鍒犻櫎鎴愬姛')
- loadDetail(currentStandard.value?.id)
-}
-
-// 鏂板 / 缂栬緫 / 澶嶅埗
-const openStandardDialog = (type, row) => {
- standardOperationType.value = type
- if (type === 'add') {
- Object.assign(standardForm.value, {
- id: undefined,
- standardNo: '',
- standardName: '',
- remark: '',
- state: '0',
- inspectType: activeTab.value,
- processId: activeTab.value === '1' ? '' : null
- })
- } else if (type === 'edit' && row) {
- Object.assign(standardForm.value, {
- ...row,
- // 纭繚 inspectType 鍜� state 杞崲涓哄瓧绗︿覆锛屼互鍖归厤 el-select 鐨� value 绫诲瀷
- inspectType: row.inspectType !== null && row.inspectType !== undefined ? String(row.inspectType) : '',
- state: row.state !== null && row.state !== undefined ? String(row.state) : '0',
- // 纭繚 processId 杞崲涓哄瓧绗︿覆鎴栨暟瀛楋紙鏍规嵁瀹為檯闇�瑕侊級
- processId: String(row.inspectType) === '1' && row.processId !== null && row.processId !== undefined ? row.processId : null
- })
- } else if (type === 'copy' && row) {
- const { id, ...rest } = row
- Object.assign(standardForm.value, {
- ...rest,
- id: undefined,
- standardNo: '',
- state: '0',
- // 纭繚 inspectType 杞崲涓哄瓧绗︿覆
- inspectType: activeTab.value,
- processId: activeTab.value === '1' ? (rest.processId ?? '') : null
- })
- }
- standardDialogVisible.value = true
-}
-
-const closeStandardDialog = () => {
- standardDialogVisible.value = false
- standardFormDialogRef.value?.resetFields?.()
-}
-
-const submitStandardForm = () => {
- const payload = { ...standardForm.value }
- payload.inspectType = activeTab.value
- if (String(payload.inspectType) !== '1') {
- payload.processId = null
- }
- const isEdit = standardOperationType.value === 'edit'
- if (isEdit) {
- qualityTestStandardUpdate(payload).then(() => {
- proxy.$message.success('鎻愪氦鎴愬姛')
- standardDialogVisible.value = false
- getStandardList()
- })
- } else {
- qualityTestStandardAdd(payload).then(() => {
- proxy.$message.success('鎻愪氦鎴愬姛')
- standardDialogVisible.value = false
- getStandardList()
- })
- }
-}
-
-// 鍒犻櫎锛堝崟鏉★級
-const handleDelete = (row) => {
- const ids = [row.id]
- ElMessageBox.confirm('閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�', '鍒犻櫎鎻愮ず', {
- confirmButtonText: '纭',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- })
- .then(() => {
- tableLoading.value = true
- qualityTestStandardDel(ids)
- .then(() => {
- proxy.$message.success('鍒犻櫎鎴愬姛')
- getStandardList()
- if (currentStandard.value && currentStandard.value.id === row.id) {
- currentStandard.value = null
- detailTableData.value = []
- }
- })
- .finally(() => {
- tableLoading.value = false
- })
- })
- .catch(() => {
- proxy.$modal?.msg('宸插彇娑�')
- })
-}
-
-// 鎵归噺鍒犻櫎
-const handleBatchDelete = () => {
- if (!selectedRows.value.length) {
- proxy.$message.warning('璇烽�夋嫨鏁版嵁')
- return
- }
- const ids = selectedRows.value.map((item) => item.id)
- ElMessageBox.confirm('閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�', '鍒犻櫎鎻愮ず', {
- confirmButtonText: '纭',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- })
- .then(() => {
- tableLoading.value = true
- qualityTestStandardDel(ids)
- .then(() => {
- proxy.$message.success('鍒犻櫎鎴愬姛')
- getStandardList()
- if (currentStandard.value && ids.includes(currentStandard.value.id)) {
- currentStandard.value = null
- detailTableData.value = []
- }
- })
- .finally(() => {
- tableLoading.value = false
- })
- })
- .catch(() => {
- proxy.$modal?.msg('宸插彇娑�')
- })
-}
-
-onMounted(() => {
- searchForm.value.inspectType = activeTab.value
- getProcessList()
- getStandardList()
-})
+ onMounted(() => {
+ searchForm.value.inspectType = activeTab.value;
+ getProcessList();
+ getStandardList();
+ });
</script>
<style scoped>
-.metric-maintenance {
- padding: 0;
- min-width: 0;
-}
+ .metric-maintenance {
+ padding: 0;
+ min-width: 0;
+ }
-.metric-tabs {
- margin: 10px;
-}
+ .metric-tabs {
+ margin: 10px;
+ }
-.metric-maintenance-row {
- width: 100%;
-}
+ .metric-maintenance-row {
+ width: 100%;
+ }
-.metric-maintenance-row .left-col,
-.metric-maintenance-row .right-col {
- margin-bottom: 16px;
-}
+ .metric-maintenance-row .left-col,
+ .metric-maintenance-row .right-col {
+ margin-bottom: 16px;
+ }
-.left-panel,
-.right-panel {
- min-width: 0;
- background: #ffffff;
- padding: 16px;
- box-sizing: border-box;
- overflow: hidden;
- height: 100%;
- min-height: 400px;
-}
-
-@media (max-width: 768px) {
.left-panel,
.right-panel {
- padding: 12px;
+ min-width: 0;
+ background: #ffffff;
+ padding: 16px;
+ box-sizing: border-box;
+ overflow: hidden;
+ height: 100%;
+ min-height: 400px;
}
-}
-.toolbar {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 12px;
- flex-wrap: wrap;
- gap: 8px;
-}
+ @media (max-width: 768px) {
+ .left-panel,
+ .right-panel {
+ padding: 12px;
+ }
+ }
-.toolbar-left {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- gap: 4px;
-}
+ .toolbar {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 12px;
+ flex-wrap: wrap;
+ gap: 8px;
+ }
-.toolbar-right {
- flex-shrink: 0;
- display: flex;
- flex-wrap: wrap;
- gap: 8px;
-}
+ .toolbar-left {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 4px;
+ }
-.search-label {
- margin: 0 4px 0 12px;
-}
+ .toolbar-right {
+ flex-shrink: 0;
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ }
-.search-label:first-of-type {
- margin-left: 0;
-}
+ .search-label {
+ margin: 0 4px 0 12px;
+ }
-.right-header {
- display: flex;
- align-items: baseline;
- justify-content: space-between;
- margin-bottom: 10px;
-}
+ .search-label:first-of-type {
+ margin-left: 0;
+ }
-.right-header .title {
- font-size: 16px;
- font-weight: 600;
-}
+ .right-header {
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+ margin-bottom: 10px;
+ }
-.right-header .desc {
- font-size: 13px;
- color: #666;
-}
+ .right-header .title {
+ font-size: 16px;
+ font-weight: 600;
+ }
-.right-toolbar {
- display: flex;
- justify-content: flex-end;
- gap: 10px;
- margin-bottom: 10px;
-}
+ .right-header .desc {
+ font-size: 13px;
+ color: #666;
+ }
-.link-text {
- color: #409eff;
- cursor: default;
-}
+ .right-toolbar {
+ display: flex;
+ justify-content: flex-end;
+ gap: 10px;
+ margin-bottom: 10px;
+ }
-.clickable-link {
- color: #409eff;
- cursor: pointer;
-}
+ .link-text {
+ color: #409eff;
+ cursor: default;
+ }
-.clickable-link:hover {
- text-decoration: underline;
-}
+ .clickable-link {
+ color: #409eff;
+ cursor: pointer;
+ }
-:deep(.row-center td) {
- text-align: center !important;
-}
+ .clickable-link:hover {
+ text-decoration: underline;
+ }
-/* el-table 琛ㄥご/鍐呭缁熶竴灞呬腑锛坮ow-class-name 涓嶄綔鐢ㄤ簬琛ㄥご锛� */
-:deep(.center-table .el-table__header-wrapper th .cell) {
- text-align: center !important;
-}
-:deep(.center-table .el-table__body-wrapper td .cell) {
- text-align: center !important;
-}
+ :deep(.row-center td) {
+ text-align: center !important;
+ }
-/* PIMTable 琛ㄥご灞呬腑 */
-:deep(.lims-table .pim-table-header-cell) {
- text-align: center;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-}
+ /* el-table 琛ㄥご/鍐呭缁熶竴灞呬腑锛坮ow-class-name 涓嶄綔鐢ㄤ簬琛ㄥご锛� */
+ :deep(.center-table .el-table__header-wrapper th .cell) {
+ text-align: center !important;
+ }
+ :deep(.center-table .el-table__body-wrapper td .cell) {
+ text-align: center !important;
+ }
-:deep(.lims-table .pim-table-header-title) {
- text-align: center;
- width: 100%;
-}
+ /* PIMTable 琛ㄥご灞呬腑 */
+ :deep(.lims-table .pim-table-header-cell) {
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ }
-:deep(.lims-table .pim-table-header-extra) {
- width: 100%;
- margin-top: 4px;
-}
+ :deep(.lims-table .pim-table-header-title) {
+ text-align: center;
+ width: 100%;
+ }
+
+ :deep(.lims-table .pim-table-header-extra) {
+ width: 100%;
+ margin-top: 4px;
+ }
</style>
--
Gitblit v1.9.3