Merge branch 'master' of https://git.ngsk.tech/linweidong/besure_app

src/locales/en-US.js

@@ -474,7 +474,8 @@ export default {
     searchPlaceholder: 'Enter task name',
     empty: 'No equipment inspection tasks',
     createTicketSuccess: 'Work order created successfully',
-    createTicketFail: 'Work order creation failed'
+    createTicketFail: 'Work order creation failed',
+    lineFilter: 'Line',
   },
   equipmentInspectionRecord: {
     moduleName: 'Equipment Inspection Records',
@@ -515,7 +516,8 @@ export default {
     images: 'Images',
     maxUploadCount: 'You can upload up to 9 images',
     selectAllDecisionError: 'Please choose a result for all pending items',
-    noResultData: 'No inspection items'
+    noResultData: 'No inspection items',
+    lineFilter: 'Line',
   },
   moldWorkOrder: {
     moduleName: 'Inspection Records',

src/locales/zh-CN.js

@@ -474,7 +474,8 @@ export default {
     searchPlaceholder: '请输入任务名称',
     empty: '暂无设备点检任务数据',
     createTicketSuccess: '工单创建成功',
-    createTicketFail: '工单创建失败'
+    createTicketFail: '工单创建失败',
+    lineFilter: '产线',
   },
   equipmentInspectionRecord: {
     moduleName: '设备点检记录',
@@ -515,7 +516,8 @@ export default {
     images: '图片',
     maxUploadCount: '最多上传 9 张图片',
     selectAllDecisionError: '请为所有待检项选择结果',
-    noResultData: '暂无点检项数据'
+    noResultData: '暂无点检项数据',
+    lineFilter: '产线',
   },
   moldWorkOrder: {
     moduleName: '点检记录',

src/pages_function/pages/equipmentInspectionRecord/index.vue

@@ -3,6 +3,10 @@
     <NavBar :title="t('equipmentInspectionRecord.moduleName')" />
 
     <view class="filter-bar">
+      <view class="line-filter" @click="openLineCascader">
+        <text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
+        <uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
+      </view>
       <view class="keyword-box">
         <input
           v-model="searchKeyword"
@@ -72,6 +76,21 @@
     <view v-if="showGoTop" class="go-top-btn" @click="goTop">
       <uni-icons type="arrow-up" size="20" color="#1a3a5c"></uni-icons>
     </view>
+  
+
+    <up-cascader
+      :key="lineCascaderKey"
+      v-model:show="lineCascaderShow"
+      v-model="lineCascaderValue"
+      :data="lineCascaderOptions"
+      value-key="value"
+      label-key="label"
+      children-key="children"
+      header-direction="row"
+      :options-cols="2"
+      :auto-close="false"
+      @confirm="onLineCascaderConfirm"
+    />
   </view>
 </template>
 
@@ -81,10 +100,21 @@ import { onLoad, onReachBottom, onShow, onUnload } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
 import NavBar from '@/components/common/NavBar.vue'
 import { getEquipmentInspectionRecordPage } from '@/api/mes/equipmentInspectionRecord'
+import { getDeviceLineTree } from '@/api/mes/deviceLine'
 import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
 
 const { t } = useI18n()
 
+const selectedLineId = ref('')
+const lineTree = ref([])
+const lineCascaderShow = ref(false)
+const lineCascaderValue = ref([])
+const lineCascaderKey = ref(0)
+const lineCascaderOptions = computed(() => [
+  { label: t('functionCommon.all'), value: '' },
+  ...normalizeLineTreeForCascader(lineTree.value)
+])
+
 const searchKeyword = ref('')
 const selectedTaskType = ref('')
 const selectedJobStatus = ref('')
@@ -100,6 +130,11 @@ const keywordFocus = ref(false)
 
 let searchTimer = null
 
+const selectedLineLabel = computed(() => {
+  if (selectedLineId.value === '') return t('equipmentInspectionRecord.lineFilter')
+  const found = lineOptions.value.find(item => String(item.id) === String(selectedLineId.value))
+  return found?.name || t('equipmentInspectionRecord.lineFilter')
+})
 const taskTypeOptions = computed(() => [
   { label: t('functionCommon.all'), value: '' },
   { label: t('equipmentInspectionRecord.taskTypeInspect'), value: '1' },
@@ -135,19 +170,114 @@ const currentJobStatusLabel = computed(() => {
 })
 
 onLoad(async () => {
-  activateKeywordFocus()
   await initAllDict()
+  await loadLineTree()
   await fetchList(true)
 })
 
+
 onShow(() => {
   activateKeywordFocus()
+  if (!lineTree.value.length) loadLineTree()
 })
 
 onUnload(() => {
   clearSearchTimer()
 })
 
+async function loadLineTree() {
+  try {
+    const res = await getDeviceLineTree()
+    const root = res && res.data !== undefined ? res.data : res
+    const treeData = Array.isArray(root) ? root : (Array.isArray(root?.data) ? root.data : [])
+    lineTree.value = normalizeLineTree(treeData)
+  } catch (_) {
+    lineTree.value = []
+  }
+}
+function openLineCascader() {
+  lineCascaderShow.value = true
+}
+
+function onLineCascaderConfirm(values) {
+  const selectedValues = Array.isArray(values) ? values : []
+  const nextValue = selectedValues[selectedValues.length - 1] ?? ''
+  selectedLineId.value = nextValue === '' ? '' : String(nextValue)
+  lineCascaderValue.value = nextValue === '' ? [] : selectedValues.map(item => String(item))
+  fetchList(true)
+}
+
+async function resetLineFilter() {
+  selectedLineId.value = ''
+  lineCascaderValue.value = []
+  lineCascaderShow.value = false
+  lineCascaderKey.value += 1
+}
+
+
+const lineOptions = computed(() => {
+  return flattenLineTree(lineTree.value, 1)
+})
+
+function flattenLineTree(nodes, level) {
+  const result = []
+  ;(Array.isArray(nodes) ? nodes : []).forEach((node) => {
+    result.push({
+      id: node.id,
+      name: node.name || node.label || String(node.id || ''),
+      level
+    })
+    if (Array.isArray(node.children) && node.children.length) {
+      result.push(...flattenLineTree(node.children, level + 1))
+    }
+  })
+  return result
+}
+
+function normalizeLineTreeForCascader(nodes) {
+  return (Array.isArray(nodes) ? nodes : []).map((node) => {
+    const children = normalizeLineTreeForCascader(node.children)
+    const item = {
+      label: node.name || node.label || String(node.id || ''),
+      value: String(node.id ?? '')
+    }
+    if (children.length) item.children = children
+    return item
+  })
+}
+
+function normalizeLineTree(nodes) {
+  return (Array.isArray(nodes) ? nodes : []).map((node) => {
+    const children = normalizeLineTree(node.children)
+    const item = {
+      ...node,
+      id: String(node.id ?? ''),
+      children
+    }
+    if (!children.length) delete item.children
+    return item
+  })
+}
+
+function normalizeListData(res) {
+  const root = res && res.data !== undefined ? res.data : res
+  if (Array.isArray(root)) return root
+  if (Array.isArray(res)) return res
+  if (root?.list && Array.isArray(root.list)) return root.list
+  if (root?.rows && Array.isArray(root.rows)) return root.rows
+  if (root?.records && Array.isArray(root.records)) return root.records
+  if (root?.data?.list && Array.isArray(root.data.list)) return root.data.list
+  if (root?.data?.rows && Array.isArray(root.data.rows)) return root.data.rows
+  if (root?.data?.records && Array.isArray(root.data.records)) return root.data.records
+  if (Array.isArray(root?.children)) return root.children
+  if (Array.isArray(root?.data)) return root.data
+  const keys = root ? Object.keys(root) : []
+  for (let i = 0; i < keys.length; i++) {
+    if (Array.isArray(root[keys[i]])) return root[keys[i]]
+  }
+  return []
+}
+
 onReachBottom(() => {
   loadMore()
 })
@@ -168,9 +298,10 @@ async function fetchList(reset) {
     const params = {
       pageNo: pageNo.value,
       pageSize: pageSize.value,
-      planNo: searchKeyword.value.trim() || undefined,
+            planNo: searchKeyword.value.trim() || undefined,
       planType: selectedTaskType.value || undefined,
-      jobStatus: selectedJobStatus.value || undefined
+      jobStatus: selectedJobStatus.value || undefined,
+      deviceLineId: selectedLineId.value || undefined
     }
     const res = await getEquipmentInspectionRecordPage(params)
     const page = normalizePageData(res)
@@ -213,6 +344,7 @@ async function resetFilters() {
   searchKeyword.value = ''
   selectedTaskType.value = ''
   selectedJobStatus.value = ''
+  resetLineFilter()
   activateKeywordFocus()
   await nextTick()
   await fetchList(true)
@@ -329,23 +461,45 @@ function formatDateTime(value) {
 .page-container { min-height: 100vh; background: #f4f5f7; }
 .filter-bar {
   display: grid;
-  grid-template-columns: minmax(0, 0.9fr) 136rpx 136rpx 88rpx;
+  grid-template-columns: minmax(0, 1fr) 136rpx 136rpx 88rpx;
   align-items: center;
   gap: 10rpx;
-  padding: 18rpx 20rpx 20rpx;
+  padding: 18rpx 4rpx 0rpx;
 }
+.line-filter,
 .keyword-box,
 .status-box,
 .reset-filter-btn {
-  height: 64rpx;
+  height: 66rpx;
   background: #ffffff;
   border: 1rpx solid #d9dde5;
   box-sizing: border-box;
   display: flex;
   align-items: center;
 }
+
+.line-filter {
+  grid-column: 1 / -1;
+  justify-content: space-between;
+  padding: 0 28rpx;
+  border-radius: 8rpx;
+}
+
+.line-filter-text {
+  font-size: 26rpx;
+  color: #374151;
+  max-width: 85%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.line-filter-text.placeholder {
+  color: #a8adb7;
+}
+
 .keyword-box {
-  padding: 0 16rpx;
+  padding: 0 28rpx;
 }
 .keyword-input {
   width: 100%;
@@ -354,7 +508,7 @@ function formatDateTime(value) {
 }
 .status-box {
   justify-content: space-between;
-  padding: 0 14rpx;
+  padding: 0 28rpx;
 }
 .status-box-text {
   font-size: 24rpx;
@@ -370,7 +524,7 @@ function formatDateTime(value) {
   color: #4b5563;
 }
 .list-scroll { height: calc(100vh - 194rpx); }
-.list-wrap { padding: 0 24rpx 32rpx; }
+.list-wrap { padding: 0 4rpx 32rpx; }
 .task-card { position: relative; margin-top: 20rpx; padding: 28rpx; background: #fff; border-radius: 22rpx; box-shadow: 0 8rpx 28rpx rgba(15, 23, 42, 0.06); }
 .card-header { margin-bottom: 18rpx; }
 .header-main { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; }

src/pages_function/pages/equipmentInspectionTasks/detail.vue

@@ -70,33 +70,66 @@ import { onLoad } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
 import NavBar from '@/components/common/NavBar.vue'
 import { createTaskManagementTicket } from '@/api/mes/taskManagement'
-
+import { getDeviceLedgerList } from '@/api/mes/deviceLedger'
 const { t } = useI18n()
 
 const detailData = reactive({})
 const ticketLoading = ref(false)
-
+const deviceOptions = ref([])
 const taskTypeText = computed(() => {
   const normalized = Number(detailData.taskType)
   if (normalized === 1) return t('equipmentInspectionTasks.taskTypeInspect')
   if (normalized === 2) return t('equipmentInspectionTasks.taskTypeMaintain')
   return textValue(detailData.taskType)
 })
-
+async function ensureDeviceOptionsLoaded() {
+  try {
+    const res = await getDeviceLedgerList()
+    const root = res && res.data !== undefined ? res.data : res
+    const data = Array.isArray(root) ? root : (Array.isArray(root?.data) ? root.data : root?.list || [])
+    deviceOptions.value = (Array.isArray(data) ? data : [])
+        .filter((item) => item && item.id !== undefined && item.id !== null)
+        .map((item) => ({
+          id: item.id,
+          label: `${item.deviceCode || ''} ${item.deviceName || ''}`.trim(),
+          deviceName: item.deviceName || '',
+          raw: item
+        }))
+  } catch (error) {
+    deviceOptions.value = []
+  }
+}
 const deviceListText = computed(() => {
   const value = detailData.deviceListText || detailData.deviceList
-  if (Array.isArray(value)) return value.join('，') || '-'
-  return textValue(value)
+ /* if (Array.isArray(value)) return value.join('，') || '-'
+  return textValue(value)*/
+  const ids = parseIdsValue(value)
+  if (!ids.length) return '-'
+  const names = ids
+      .map((id) => {
+        const matched = deviceOptions.value.find((item) => String(item.id) === id)
+        return matched?.deviceName || matched?.label || id
+      })
+      .filter(Boolean)
+  return names.length ? names.join('，') : '-'
 })
 
-onLoad(() => {
+function parseIdsValue(value) {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map((item) => String(item).trim()).filter(Boolean)
+  return String(value).split(',').map((item) => item.trim()).filter(Boolean)
+}
+
+onLoad(async () => {
   try {
     const cached = uni.getStorageSync('equipmentInspectionTasksDetail')
     if (cached) {
       Object.assign(detailData, JSON.parse(cached))
       uni.removeStorageSync('equipmentInspectionTasksDetail')
     }
-  } catch (error) {}
+    await Promise.all([ensureDeviceOptionsLoaded()])
+  } catch (error) {
+  }
 })
 
 async function handleCreateTicket() {

src/pages_function/pages/equipmentInspectionTasks/index.vue

@@ -3,6 +3,10 @@
     <NavBar :title="t('equipmentInspectionTasks.moduleName')" />
 
     <view class="filter-bar">
+      <view class="line-filter" @click="openLineCascader">
+        <text :class="['line-filter-text', selectedLineId === '' ? 'placeholder' : '']">{{ selectedLineLabel }}</text>
+        <uni-icons type="bottom" size="14" color="#a8adb7"></uni-icons>
+      </view>
       <view class="keyword-box">
         <input
           v-model="searchKeyword"
@@ -60,6 +64,19 @@
     <view v-if="showGoTop" class="go-top-btn" @click="goTop">
       <uni-icons type="arrow-up" size="20" color="#1a3a5c"></uni-icons>
     </view>
+    <up-cascader
+      :key="lineCascaderKey"
+      v-model:show="lineCascaderShow"
+      v-model="lineCascaderValue"
+      :data="lineCascaderOptions"
+      value-key="value"
+      label-key="label"
+      children-key="children"
+      header-direction="row"
+      :options-cols="2"
+      :auto-close="false"
+      @confirm="onLineCascaderConfirm"
+    />
   </view>
 </template>
 
@@ -69,6 +86,7 @@ import { onLoad, onReachBottom, onShow, onUnload } from '@dcloudio/uni-app'
 import { useI18n } from 'vue-i18n'
 import NavBar from '@/components/common/NavBar.vue'
 import { getTaskManagementPage, createTaskManagementTicket } from '@/api/mes/taskManagement'
+import { getDeviceLineTree } from '@/api/mes/deviceLine'
 import { getDeviceLedgerList } from '@/api/mes/deviceLedger'
 
 const { t } = useI18n()
@@ -86,6 +104,26 @@ const showGoTop = ref(false)
 const ticketLoadingId = ref(null)
 const deviceOptions = ref([])
 const keywordFocus = ref(false)
+const selectedLineId = ref('')
+const lineTree = ref([])
+const lineCascaderShow = ref(false)
+const lineCascaderValue = ref([])
+const lineCascaderKey = ref(0)
+
+const lineCascaderOptions = computed(() => [
+  { label: t('functionCommon.all'), value: '' },
+  ...normalizeLineTreeForCascader(lineTree.value)
+])
+
+const selectedLineLabel = computed(() => {
+  if (selectedLineId.value === '') return t('equipmentInspectionTasks.lineFilter')
+  const found = lineOptions.value.find(item => String(item.id) === String(selectedLineId.value))
+  return found?.name || t('equipmentInspectionTasks.lineFilter')
+})
+
+const lineOptions = computed(() => {
+  return flattenLineTree(lineTree.value, 1)
+})
 
 let searchTimer = null
 
@@ -107,7 +145,7 @@ const currentTaskTypeLabel = computed(() => {
 
 onLoad(async () => {
   activateKeywordFocus()
-  await Promise.all([ensureDeviceOptionsLoaded(), fetchList(true)])
+  await Promise.all([loadLineTree(), ensureDeviceOptionsLoaded(), fetchList(true)])
 })
 
 onShow(() => {
@@ -157,7 +195,8 @@ async function fetchList(reset) {
       pageNo: pageNo.value,
       pageSize: pageSize.value,
       name: searchKeyword.value.trim() || undefined,
-      taskType: selectedTaskType.value || undefined
+      taskType: selectedTaskType.value || undefined,
+      deviceLineId: selectedLineId.value || undefined
     }
     const res = await getTaskManagementPage(params)
     const page = normalizePageData(res)
@@ -172,6 +211,76 @@ async function fetchList(reset) {
   }
 }
 
+async function loadLineTree() {
+  try {
+    const res = await getDeviceLineTree()
+    const root = res && res.data !== undefined ? res.data : res
+    const treeData = Array.isArray(root) ? root : (Array.isArray(root?.data) ? root.data : [])
+    lineTree.value = normalizeLineTree(treeData)
+  } catch (_) {
+    lineTree.value = []
+  }
+}
+
+function openLineCascader() {
+  lineCascaderShow.value = true
+}
+
+function onLineCascaderConfirm(values) {
+  const selectedValues = Array.isArray(values) ? values : []
+  const nextValue = selectedValues[selectedValues.length - 1] ?? ''
+  selectedLineId.value = nextValue === '' ? '' : String(nextValue)
+  lineCascaderValue.value = nextValue === '' ? [] : selectedValues.map(item => String(item))
+  fetchList(true)
+}
+
+async function resetLineFilter() {
+  selectedLineId.value = ''
+  lineCascaderValue.value = []
+  lineCascaderShow.value = false
+  lineCascaderKey.value += 1
+}
+
+function flattenLineTree(nodes, level) {
+  const result = []
+  ;(Array.isArray(nodes) ? nodes : []).forEach((node) => {
+    result.push({
+      id: node.id,
+      name: node.name || node.label || String(node.id || ''),
+      level
+    })
+    if (Array.isArray(node.children) && node.children.length) {
+      result.push(...flattenLineTree(node.children, level + 1))
+    }
+  })
+  return result
+}
+
+function normalizeLineTreeForCascader(nodes) {
+  return (Array.isArray(nodes) ? nodes : []).map((node) => {
+    const children = normalizeLineTreeForCascader(node.children)
+    const item = {
+      label: node.name || node.label || String(node.id || ''),
+      value: String(node.id ?? '')
+    }
+    if (children.length) item.children = children
+    return item
+  })
+}
+
+function normalizeLineTree(nodes) {
+  return (Array.isArray(nodes) ? nodes : []).map((node) => {
+    const children = normalizeLineTree(node.children)
+    const item = {
+      ...node,
+      id: String(node.id ?? ''),
+      children
+    }
+    if (!children.length) delete item.children
+    return item
+  })
+}
+
 function normalizePageData(res) {
   const root = res && res.data !== undefined ? res.data : res
   const candidateList = root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || []
@@ -199,6 +308,7 @@ async function resetFilters() {
   clearSearchTimer()
   searchKeyword.value = ''
   selectedTaskType.value = ''
+  resetLineFilter()
   activateKeywordFocus()
   await nextTick()
   await fetchList(true)
@@ -320,8 +430,9 @@ function formatDate(value) {
   grid-template-columns: minmax(0, 1fr) 150rpx 96rpx;
   align-items: center;
   gap: 14rpx;
-  padding: 18rpx 28rpx 20rpx;
+  padding: 18rpx 4rpx 0rpx;
 }
+.line-filter,
 .keyword-box,
 .status-box,
 .reset-filter-btn {
@@ -332,6 +443,26 @@ function formatDate(value) {
   display: flex;
   align-items: center;
 }
+.line-filter {
+  grid-column: 1 / -1;
+  justify-content: space-between;
+  padding: 0 28rpx;
+  border-radius: 8rpx;
+}
+
+.line-filter-text {
+  font-size: 26rpx;
+  color: #374151;
+  max-width: 85%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.line-filter-text.placeholder {
+  color: #a8adb7;
+}
+
 .keyword-box {
   padding: 0 20rpx;
 }
@@ -354,7 +485,7 @@ function formatDate(value) {
   color: #4b5563;
 }
 .list-scroll { height: calc(100vh - 194rpx); }
-.list-wrap { padding: 0 24rpx 32rpx; }
+.list-wrap { padding: 0 4rpx 32rpx; }
 .task-card { position: relative; margin-top: 20rpx; padding: 28rpx; background: #fff; border-radius: 22rpx; box-shadow: 0 8rpx 28rpx rgba(15, 23, 42, 0.06); }
 .card-header { margin-bottom: 18rpx; }
 .header-main { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; }

src/pages_function/pages/equipmentMaintenance/form.vue

@@ -52,8 +52,9 @@
         <view class="form-item inline-radio">
           <text class="form-label required">{{ t('equipmentMaintenance.faultLevel') }}</text>
           <radio-group class="radio-group" :disabled="readonlyMeta" @change="onFaultLevelChange">
-            <label v-for="item in faultLevelOptions" :key="String(item.value)" class="radio-item">
-              <radio :checked="String(formData.faultLevel || '') === String(item.value)" :disabled="readonlyMeta" :value="String(item.value)" color="#1f4b79" />
+            <label v-for="item in faultLevelOptions" :key="String(item.value)" class="radio-item" @click="selectFaultLevel(item.value)">
+              <radio class="native-radio" hidden :checked="String(formData.faultLevel || '') === String(item.value)" :disabled="readonlyMeta" :value="String(item.value)" />
+              <view :class="['radio-icon', String(formData.faultLevel || '') === String(item.value) ? 'checked' : '', readonlyMeta ? 'disabled' : '']"></view>
               <text>{{ item.label }}</text>
             </label>
           </radio-group>
@@ -62,12 +63,14 @@
         <view class="form-item inline-radio">
           <text class="form-label required">{{ t('equipmentMaintenance.isShutdown') }}</text>
           <radio-group class="radio-group" :disabled="readonlyMeta" @change="onShutdownChange">
-            <label class="radio-item">
-              <radio :checked="formData.isShutdown === true" :disabled="readonlyMeta" value="true" color="#1f4b79" />
+            <label class="radio-item" @click="selectShutdown(true)">
+              <radio class="native-radio" hidden :checked="formData.isShutdown === true" :disabled="readonlyMeta" value="true" />
+              <view :class="['radio-icon', formData.isShutdown === true ? 'checked' : '', readonlyMeta ? 'disabled' : '']"></view>
               <text>{{ t('functionCommon.yes') }}</text>
             </label>
-            <label class="radio-item">
-              <radio :checked="formData.isShutdown === false" :disabled="readonlyMeta" value="false" color="#1f4b79" />
+            <label class="radio-item" @click="selectShutdown(false)">
+              <radio class="native-radio" hidden :checked="formData.isShutdown === false" :disabled="readonlyMeta" value="false" />
+              <view :class="['radio-icon', formData.isShutdown === false ? 'checked' : '', readonlyMeta ? 'disabled' : '']"></view>
               <text>{{ t('functionCommon.no') }}</text>
             </label>
           </radio-group>
@@ -85,12 +88,14 @@
         <view class="form-item inline-radio">
           <text class="form-label">{{ t('equipmentMaintenance.machineryTypeId') }}</text>
           <radio-group class="radio-group" :disabled="readonlyBase" @change="onMachineryTypeChange">
-            <label class="radio-item">
-              <radio :checked="Number(formData.machineryTypeId || 1) === 1" :disabled="readonlyBase" value="1" color="#1f4b79" />
+            <label class="radio-item" @click="selectMachineryType(1)">
+              <radio class="native-radio" hidden :checked="Number(formData.machineryTypeId || 1) === 1" :disabled="readonlyBase" value="1" />
+              <view :class="['radio-icon', Number(formData.machineryTypeId || 1) === 1 ? 'checked' : '', readonlyBase ? 'disabled' : '']"></view>
               <text>{{ t('equipmentMaintenance.machineryTypeDevice') }}</text>
             </label>
-            <label class="radio-item">
-              <radio :checked="Number(formData.machineryTypeId || 1) === 2" :disabled="readonlyBase" value="2" color="#1f4b79" />
+            <label class="radio-item" @click="selectMachineryType(2)">
+              <radio class="native-radio" hidden :checked="Number(formData.machineryTypeId || 1) === 2" :disabled="readonlyBase" value="2" />
+              <view :class="['radio-icon', Number(formData.machineryTypeId || 1) === 2 ? 'checked' : '', readonlyBase ? 'disabled' : '']"></view>
               <text>{{ t('equipmentMaintenance.machineryTypeKeyItem') }}</text>
             </label>
           </radio-group>
@@ -149,12 +154,14 @@
         <view class="form-item inline-radio">
           <text class="form-label required">{{ t('equipmentMaintenance.repairResult') }}</text>
           <radio-group class="radio-group" :disabled="readonlyRepair" @change="onRepairStatusChange">
-            <label class="radio-item">
-              <radio :checked="String(formData.repairStatus || '0') === '1'" :disabled="readonlyRepair" value="1" color="#1f4b79" />
+            <label class="radio-item" @click="selectRepairStatus('1')">
+              <radio class="native-radio" hidden :checked="String(formData.repairStatus || '0') === '1'" :disabled="readonlyRepair" value="1" />
+              <view :class="['radio-icon', String(formData.repairStatus || '0') === '1' ? 'checked' : '', readonlyRepair ? 'disabled' : '']"></view>
               <text>{{ t('equipmentMaintenance.statusPassed') }}</text>
             </label>
-            <label class="radio-item">
-              <radio :checked="String(formData.repairStatus || '0') === '2'" :disabled="readonlyRepair" value="2" color="#1f4b79" />
+            <label class="radio-item" @click="selectRepairStatus('2')">
+              <radio class="native-radio" hidden :checked="String(formData.repairStatus || '0') === '2'" :disabled="readonlyRepair" value="2" />
+              <view :class="['radio-icon', String(formData.repairStatus || '0') === '2' ? 'checked' : '', readonlyRepair ? 'disabled' : '']"></view>
               <text>{{ t('equipmentMaintenance.statusRejected') }}</text>
             </label>
           </radio-group>
@@ -519,8 +526,10 @@ function onComponentChange(event) {
   formData.componentId = current ? current.value : undefined
 }
 
-function onMachineryTypeChange(event) {
-  const nextValue = Number(event?.detail?.value || 1) || 1
+function selectMachineryType(value) {
+  if (readonlyBase.value) return
+  const nextValue = Number(value || 1) || 1
+  if (Number(formData.machineryTypeId || 1) === nextValue) return
   formData.machineryTypeId = nextValue
   formData.deviceId = undefined
   formData.componentId = undefined
@@ -531,6 +540,10 @@ function onMachineryTypeChange(event) {
   formData.machinerySpec = ''
 }
 
+function onMachineryTypeChange(event) {
+  selectMachineryType(event?.detail?.value)
+}
+
 async function handleDeviceScan() {
   try {
     const res = await uni.scanCode({ scanType: ['qrCode', 'barCode'] })
@@ -601,16 +614,31 @@ function matchesComponentDevice(component, deviceId) {
 
 function onShutdownChange(event) {
   const value = String(event?.detail?.value || '')
-  if (value === 'true') formData.isShutdown = true
-  if (value === 'false') formData.isShutdown = false
+  if (value === 'true') selectShutdown(true)
+  if (value === 'false') selectShutdown(false)
+}
+
+function selectShutdown(value) {
+  if (readonlyMeta.value) return
+  formData.isShutdown = value
 }
 
 function onFaultLevelChange(event) {
-  formData.faultLevel = String(event?.detail?.value || '')
+  selectFaultLevel(event?.detail?.value)
+}
+
+function selectFaultLevel(value) {
+  if (readonlyMeta.value) return
+  formData.faultLevel = String(value || '')
 }
 
 function onRepairStatusChange(event) {
-  const value = String(event?.detail?.value || '0')
+  selectRepairStatus(event?.detail?.value)
+}
+
+function selectRepairStatus(value) {
+  if (readonlyRepair.value) return
+  value = String(value || '0')
   formData.repairStatus = value
   formData.repairResult = value
 }
@@ -1015,6 +1043,42 @@ function goBack() {
   color: #111827;
 }
 
+.native-radio {
+  display: none;
+}
+
+.radio-icon {
+  position: relative;
+  width: 34rpx;
+  height: 34rpx;
+  flex: 0 0 34rpx;
+  border: 2rpx solid #d1d5db;
+  border-radius: 50%;
+  background: #ffffff;
+  box-sizing: border-box;
+}
+
+.radio-icon.checked {
+  border-color: #1f4b79;
+  background: #1f4b79;
+}
+
+.radio-icon.checked::after {
+  content: '';
+  position: absolute;
+  left: 10rpx;
+  top: 5rpx;
+  width: 10rpx;
+  height: 18rpx;
+  border: solid #ffffff;
+  border-width: 0 4rpx 4rpx 0;
+  transform: rotate(45deg);
+}
+
+.radio-icon.disabled {
+  opacity: 0.55;
+}
+
 .image-list {
   display: flex;
   gap: 16rpx;
@@ -1097,4 +1161,4 @@ function goBack() {
   background: #1f4b79;
   color: #ffffff;
 }
-</style>
+</style>