更新登录页及优化相关功能

2026-10-08 14:13:05 +08:00
parent 9a14b692e3
commit 56e646bcc1
139 changed files with 77587 additions and 811 deletions
@@ -0,0 +1,180 @@
+<template>
+  <div class="app-container master-page">
+    <el-form ref="queryRef" v-show="showSearch" class="master-query page-filter" :model="queryParams" :inline="true">
+      <el-form-item label="现场ID" prop="siteId">
+        <el-input-number v-model="queryParams.siteId" :min="1" :controls="false" placeholder="请输入现场ID" />
+      </el-form-item>
+      <el-form-item label="隧道编号" prop="tunnelCode">
+        <el-input v-model="queryParams.tunnelCode" placeholder="请输入隧道编号" clearable maxlength="64" @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item label="隧道名称" prop="tunnelName">
+        <el-input v-model="queryParams.tunnelName" placeholder="请输入隧道名称" clearable maxlength="100" @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item label="状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择状态" clearable style="width: 160px">
+          <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery" v-hasPermi="['master:tunnel:list']">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery" v-hasPermi="['master:tunnel:list']">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8 master-toolbar">
+      <template v-if="isMasterWriteAllowed">
+        <el-col :span="1.5"><el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['master:tunnel:add']">新增</el-button></el-col>
+        <el-col :span="1.5">
+          <el-button
+            v-if="proxy.$auth.hasPermiAnd(['master:tunnel:query', 'master:tunnel:edit'])"
+            type="success" plain icon="Edit" :disabled="single || detailLoading" :loading="detailLoading"
+            @click="handleUpdate()" v-hasPermi="['master:tunnel:edit']"
+          >修改</el-button>
+        </el-col>
+        <el-col v-if="userStore.admin === true && !testBatchStore.isTestMode" :span="1.5">
+          <el-button type="warning" plain icon="FolderAdd" :disabled="!selectedIds.length" @click="openAdoptionDialog" v-hasPermi="['system:testbatch:adopt']">纳入测试批次</el-button>
+        </el-col>
+      </template>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
+    </el-row>
+
+    <el-alert v-if="loadError" :title="loadError" type="error" :closable="false" show-icon class="mb8" />
+    <el-table class="master-table data-table" v-loading="loading" empty-text="暂无数据" :data="tunnelList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="隧道ID" prop="tunnelId" align="center" width="90" />
+      <el-table-column label="现场ID" prop="siteId" align="center" width="100" />
+      <el-table-column label="隧道编号" prop="tunnelCode" align="center" :show-overflow-tooltip="true" />
+      <el-table-column label="隧道名称" prop="tunnelName" align="center" :show-overflow-tooltip="true" />
+      <el-table-column label="当前溯源号" prop="currentTraceNo" align="center" min-width="180" :show-overflow-tooltip="true">
+        <template #default="scope">{{ scope.row.currentTraceNo || '暂无物料' }}</template>
+      </el-table-column>
+      <el-table-column label="状态" prop="status" align="center" width="100">
+        <template #default="scope"><dict-tag :options="sys_normal_disable" :value="scope.row.status" /></template>
+      </el-table-column>
+      <el-table-column label="创建时间" prop="createTime" align="center" width="180">
+        <template #default="scope"><span>{{ parseTime(scope.row.createTime) }}</span></template>
+      </el-table-column>
+      <el-table-column v-if="isMasterWriteAllowed" label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-button
+            v-if="proxy.$auth.hasPermiAnd(['master:tunnel:query', 'master:tunnel:edit'])"
+            link type="primary" icon="Edit" :disabled="detailLoading" @click="handleUpdate(scope.row)" v-hasPermi="['master:tunnel:edit']"
+          >修改</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    <test-batch-adoption-dialog ref="adoptionDialogRef" :root-type="'tunnel'" :resource-ids="selectedIds" @success="getList" />
+
+    <el-dialog v-model="open" :title="title" width="min(520px, 92vw)" append-to-body :close-on-click-modal="!submitLoading" :close-on-press-escape="!submitLoading" :show-close="!submitLoading">
+      <el-alert v-if="formError" :title="formError" type="error" :closable="false" show-icon class="mb8" />
+      <el-form ref="tunnelRef" :model="form" :rules="rules" label-width="90px">
+        <el-form-item label="现场ID" prop="siteId"><el-input-number v-model="form.siteId" :min="1" :controls="false" /></el-form-item>
+        <el-form-item label="隧道编号" prop="tunnelCode"><el-input v-model="form.tunnelCode" placeholder="请输入隧道编号" maxlength="64" show-word-limit /></el-form-item>
+        <el-form-item label="隧道名称" prop="tunnelName"><el-input v-model="form.tunnelName" placeholder="请输入隧道名称" maxlength="100" show-word-limit /></el-form-item>
+        <el-form-item label="状态" prop="status"><el-radio-group v-model="form.status"><el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio></el-radio-group></el-form-item>
+        <el-form-item label="备注" prop="remark"><el-input v-model="form.remark" type="textarea" :rows="3" maxlength="500" show-word-limit placeholder="请输入备注" /></el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button v-if="!form.tunnelId" type="primary" :loading="submitLoading" @click="submitCreate" v-hasPermi="['master:tunnel:add']">确 定</el-button>
+          <el-button v-else type="primary" :loading="submitLoading" @click="submitUpdate" v-hasPermi="['master:tunnel:edit']">确 定</el-button>
+          <el-button :disabled="submitLoading" @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<style scoped>
+.master-query { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:0 14px; padding:16px 18px 4px; margin-bottom:14px; background:var(--el-bg-color); border:1px solid var(--el-border-color-lighter); border-radius:8px; }
+.master-query :deep(.el-form-item) { margin-right:0; width:100%; } .master-query :deep(.el-form-item__content) { flex:1; min-width:0; } .master-query :deep(.el-input), .master-query :deep(.el-input-number), .master-query :deep(.el-select) { width:100% !important; min-width:0; } .master-query :deep(.el-form-item:last-child) { align-self:end; }
+.master-toolbar { display:flex; flex-wrap:wrap; gap:8px; } .master-toolbar :deep(.el-col) { width:auto; }
+.master-table :deep(.el-table__header th) { background:var(--el-fill-color-light); font-weight:600; } .master-table :deep(.el-table__cell) { padding:10px 0; } .master-table :deep(.fixed-width) { position:sticky; right:0; z-index:2; background:var(--el-bg-color); box-shadow:-4px 0 8px rgba(0,0,0,.04); }
+@media (max-width:768px) { .master-query { grid-template-columns:1fr; padding:14px 14px 2px; } .master-query :deep(.el-form-item:last-child) { margin-bottom:12px; } .master-toolbar :deep(.el-button) { margin-left:0; } }
+</style>
+
+<script setup name="Tunnel">
+import { addTunnel, getTunnel, listTunnel, updateTunnel } from '@/api/master/tunnel'
+import TestBatchAdoptionDialog from '@/components/TestBatchAdoptionDialog'
+import useUserStore from '@/store/modules/user'
+import useTestBatchStore from '@/store/modules/testBatch'
+
+const { proxy } = getCurrentInstance()
+const userStore = useUserStore()
+const testBatchStore = useTestBatchStore()
+const { sys_normal_disable } = proxy.useDict('sys_normal_disable')
+const tunnelList = ref([])
+const showSearch = ref(true)
+const selectedIds = ref([])
+const single = ref(true)
+const total = ref(0)
+const loading = ref(false)
+const detailLoading = ref(false)
+const submitLoading = ref(false)
+const loadError = ref('')
+const formError = ref('')
+const open = ref(false)
+const title = ref('')
+const adoptionDialogRef = ref()
+const isMasterWriteAllowed = computed(() => userStore.admin === true || !testBatchStore.isTestMode)
+const data = reactive({
+  form: {},
+  queryParams: { pageNum: 1, pageSize: 10, siteId: undefined, tunnelCode: undefined, tunnelName: undefined, status: undefined },
+  rules: {
+    siteId: [{ required: true, message: '请输入现场ID', trigger: 'change' }],
+    tunnelCode: [{ required: true, message: '请输入隧道编号', trigger: 'blur' }],
+    tunnelName: [{ required: true, message: '请输入隧道名称', trigger: 'blur' }],
+    status: [{ required: true, message: '请选择状态', trigger: 'change' }]
+  }
+})
+const { form, queryParams, rules } = toRefs(data)
+
+function getList() {
+  loading.value = true
+  loadError.value = ''
+  listTunnel({ ...queryParams.value }).then((response) => {
+    tunnelList.value = response.rows
+    total.value = response.total
+  }).catch(() => {
+    tunnelList.value = []
+    total.value = 0
+    loadError.value = '隧道列表加载失败，请稍后重试'
+  }).finally(() => { loading.value = false })
+}
+function reset() {
+  formError.value = ''
+  form.value = { tunnelId: undefined, siteId: undefined, tunnelCode: '', tunnelName: '', status: '0', remark: '' }
+  proxy.resetForm('tunnelRef')
+}
+function handleQuery() { queryParams.value.pageNum = 1; getList() }
+function resetQuery() { proxy.resetForm('queryRef'); handleQuery() }
+function handleSelectionChange(selection) { selectedIds.value = selection.map((item) => item.tunnelId); single.value = selectedIds.value.length !== 1 }
+function openAdoptionDialog() { adoptionDialogRef.value?.open() }
+function handleAdd() { reset(); title.value = '新增隧道'; open.value = true }
+function handleUpdate(row = {}) {
+  const tunnelId = row.tunnelId || selectedIds.value[0]
+  if (!tunnelId) return
+  detailLoading.value = true
+  getTunnel(tunnelId).then((response) => {
+    const detail = response.data
+    form.value = { tunnelId: detail.tunnelId, siteId: detail.siteId, tunnelCode: detail.tunnelCode, tunnelName: detail.tunnelName, status: detail.status, remark: detail.remark || '' }
+    title.value = '修改隧道'
+    open.value = true
+  }).catch(() => { formError.value = '隧道详情加载失败，请稍后重试' }).finally(() => { detailLoading.value = false })
+}
+function cancel() { if (submitLoading.value) return; open.value = false; reset() }
+function submitCreate() { submitForm(addTunnel, '新增成功') }
+function submitUpdate() { submitForm(updateTunnel, '修改成功') }
+function submitForm(action, successMessage) {
+  if (submitLoading.value) return
+  proxy.$refs.tunnelRef.validate((valid) => {
+    if (!valid) return
+    submitLoading.value = true
+    action({ ...form.value }).then(() => { proxy.$modal.msgSuccess(successMessage); open.value = false; reset(); getList() }).catch(() => { formError.value = '保存失败，请检查现场和隧道编号后重试' }).finally(() => { submitLoading.value = false })
+  })
+}
+
+getList()
+</script>