|
|
|
|
@ -0,0 +1,759 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view class="page-container">
|
|
|
|
|
<NavBar :title="t('moldMaintain.addTitle')" />
|
|
|
|
|
|
|
|
|
|
<scroll-view scroll-y class="detail-scroll">
|
|
|
|
|
<view class="content-section">
|
|
|
|
|
<!-- 模具信息 -->
|
|
|
|
|
<view class="section-card">
|
|
|
|
|
<view class="section-header">
|
|
|
|
|
<view class="section-icon">
|
|
|
|
|
<uni-icons type="info" size="24" color="#1f7cff"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
<text class="section-title">{{ t('moldMaintain.currentMoldInfo') }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="form-field mold-select-field">
|
|
|
|
|
<text class="form-label">{{ t('moldMaintain.selectMold') }}<text class="required-star">*</text></text>
|
|
|
|
|
<view :class="['mold-select-area', moldInfo.id ? 'selected' : '']" @click="openMoldPicker">
|
|
|
|
|
<view class="mold-select-content">
|
|
|
|
|
<text :class="moldInfo.id ? 'mold-select-value' : 'mold-select-placeholder'">{{ moldInfo.id ? (moldInfo.name || moldInfo.code || '-') : t('moldMaintain.selectMold') }}</text>
|
|
|
|
|
<text v-if="moldInfo.id" class="mold-select-subtext">{{ moldInfo.code || t('moldMaintain.reSelectMold') }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<uni-icons type="right" size="18" color="#9ca3af"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="moldInfo.id" class="mold-info-panel">
|
|
|
|
|
<view class="mold-info-grid">
|
|
|
|
|
<view class="mold-info-item">
|
|
|
|
|
<text class="mold-info-label">{{ t('moldMaintain.moldGroupCode') }}</text>
|
|
|
|
|
<text class="mold-info-value">{{ moldInfo.code || '-' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="mold-info-item">
|
|
|
|
|
<text class="mold-info-label">{{ t('moldMaintain.moldGroupName') }}</text>
|
|
|
|
|
<text class="mold-info-value">{{ moldInfo.name || '-' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="mold-info-item">
|
|
|
|
|
<text class="mold-info-label">{{ t('moldMaintain.cavityCount') }}</text>
|
|
|
|
|
<text class="mold-info-value">{{ moldInfo.moldSize || '-' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="mold-info-item">
|
|
|
|
|
<text class="mold-info-label">{{ t('moldMaintain.product') }}</text>
|
|
|
|
|
<text class="mold-info-value">{{ moldInfo.productName || '-' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="mold-info-item">
|
|
|
|
|
<text class="mold-info-label">{{ t('moldMaintain.status') }}</text>
|
|
|
|
|
<text :class="['mold-info-value', 'status-tag', statusClass]">{{ moldInfo.statusLabel || '-' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="mold-info-item">
|
|
|
|
|
<text class="mold-info-label">{{ t('moldMaintain.currentDevice') }}</text>
|
|
|
|
|
<text class="mold-info-value">{{ moldInfo.currentDevice || '-' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 任务信息 -->
|
|
|
|
|
<view class="section-card">
|
|
|
|
|
<view class="section-header">
|
|
|
|
|
<view class="section-icon">
|
|
|
|
|
<uni-icons type="compose" size="24" color="#1f7cff"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
<text class="section-title">{{ t('moldMaintain.taskInfo') }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="form-field">
|
|
|
|
|
<text class="form-label">{{ t('moldMaintain.taskName') }}<text class="required-star">*</text></text>
|
|
|
|
|
<input
|
|
|
|
|
v-model="taskName"
|
|
|
|
|
class="form-input"
|
|
|
|
|
:placeholder="t('moldMaintain.placeholderTaskName')"
|
|
|
|
|
/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="form-field">
|
|
|
|
|
<text class="form-label">{{ t('moldMaintain.templateSelection') }}<text class="required-star">*</text></text>
|
|
|
|
|
<view class="template-select" @click="openTemplatePicker">
|
|
|
|
|
<text :class="['template-text', selectedTemplate ? '' : 'placeholder']">{{ selectedTemplate?.planName || t('moldMaintain.selectTemplate') }}</text>
|
|
|
|
|
<uni-icons type="right" size="18" color="#9ca3af"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 点检项列表 -->
|
|
|
|
|
<view v-if="selectedTemplate" class="inspection-section">
|
|
|
|
|
<view class="inspection-toolbar">
|
|
|
|
|
<text class="inspection-toolbar-title">{{ t('moldMaintain.resultListTitle') }}</text>
|
|
|
|
|
<view :class="['edit-toggle-btn', ticketResultEditable ? 'active' : '']" @click="toggleTicketResultEditable">
|
|
|
|
|
<uni-icons :type="ticketResultEditable ? 'closeempty' : 'compose'" size="18" :color="ticketResultEditable ? '#ef4444' : '#1f7cff'"></uni-icons>
|
|
|
|
|
<text>{{ ticketResultEditable ? t('moldMaintain.cancelEdit') : t('moldMaintain.editResult') }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="inspection-list">
|
|
|
|
|
<view v-for="(item, index) in inspectionItems" :key="item.id || index" class="inspection-card">
|
|
|
|
|
<view class="inspection-header">
|
|
|
|
|
<view class="inspection-index">{{ index + 1 }}</view>
|
|
|
|
|
<text class="inspection-title">{{ textValue(item.inspectionItemName || item.subjectName) }}</text>
|
|
|
|
|
<view v-if="isRequiredItem(item)" class="required-tag">{{ t('moldMaintain.requiredText') }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="inspection-fields">
|
|
|
|
|
<view class="field-row">
|
|
|
|
|
<text class="field-label">{{ t('moldMaintain.inspectionMethod') }}</text>
|
|
|
|
|
<text class="field-value">{{ inspectionMethodText(item.inspectionMethod) }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="field-row">
|
|
|
|
|
<text class="field-label">{{ t('moldMaintain.judgmentCriteria') }}</text>
|
|
|
|
|
<text class="field-value">{{ textValue(item.judgmentCriteria) }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="shouldShowInput(item) && isNumericValueType(item.valueType)" class="field-row">
|
|
|
|
|
<text class="field-label">{{ t('moldMaintain.textInput') }}</text>
|
|
|
|
|
<view class="number-box-wrap number-box-wrap-inline">
|
|
|
|
|
<uni-number-box
|
|
|
|
|
:modelValue="numberInputValue(item)"
|
|
|
|
|
:min="-999999999"
|
|
|
|
|
:max="999999999"
|
|
|
|
|
:step="1"
|
|
|
|
|
:disabled="!ticketResultEditable"
|
|
|
|
|
@change="onNumberInputChange(item, $event)"
|
|
|
|
|
/>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-else-if="shouldShowInput(item)" class="field-block">
|
|
|
|
|
<text class="field-label block-label">{{ t('moldMaintain.textInput') }}</text>
|
|
|
|
|
<textarea
|
|
|
|
|
v-model="item.textInput"
|
|
|
|
|
class="form-textarea"
|
|
|
|
|
:placeholder="t('moldMaintain.inputPlaceholder')"
|
|
|
|
|
maxlength="500"
|
|
|
|
|
:disabled="!ticketResultEditable"
|
|
|
|
|
/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="field-block">
|
|
|
|
|
<text class="field-label block-label">{{ t('moldMaintain.images') }}</text>
|
|
|
|
|
<view class="image-list">
|
|
|
|
|
<view v-for="(img, imgIndex) in parseImages(item.images)" :key="imgIndex" class="image-item">
|
|
|
|
|
<image
|
|
|
|
|
:src="img"
|
|
|
|
|
class="result-image"
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
@click="previewImage(img, parseImages(item.images))"
|
|
|
|
|
/>
|
|
|
|
|
<view v-if="ticketResultEditable" class="image-remove" @click="removeImage(item, imgIndex)">×</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="ticketResultEditable && parseImages(item.images).length < 3" class="image-upload" @click="chooseImages(item)">
|
|
|
|
|
<text class="image-upload-icon">+</text>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="field-block">
|
|
|
|
|
<text class="field-label block-label">{{ t('moldMaintain.remark') }}</text>
|
|
|
|
|
<textarea
|
|
|
|
|
v-model="item.remark"
|
|
|
|
|
class="form-textarea"
|
|
|
|
|
:placeholder="t('moldMaintain.inputPlaceholder')"
|
|
|
|
|
maxlength="500"
|
|
|
|
|
:disabled="!ticketResultEditable"
|
|
|
|
|
/>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="field-block">
|
|
|
|
|
<text class="field-label block-label">{{ t('moldMaintain.resultText') }}</text>
|
|
|
|
|
<view class="result-option-group">
|
|
|
|
|
<view
|
|
|
|
|
:class="['result-option', resultOptionClass(item, '1'), ticketResultEditable ? '' : 'result-option-disabled']"
|
|
|
|
|
@click="setDecision(item, '1')"
|
|
|
|
|
>
|
|
|
|
|
{{ t('moldMaintain.inspectionResultPass') }}
|
|
|
|
|
</view>
|
|
|
|
|
<view
|
|
|
|
|
:class="['result-option', resultOptionClass(item, '2'), ticketResultEditable ? '' : 'result-option-disabled']"
|
|
|
|
|
@click="setDecision(item, '2')"
|
|
|
|
|
>
|
|
|
|
|
{{ t('moldMaintain.inspectionResultFail') }}
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="String(item?.inspectionResult || '0') === '0'" class="pending-tag">{{ t('moldMaintain.inspectionResultPending') }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
|
|
|
|
|
<view class="action-bar">
|
|
|
|
|
<view class="action-btn back-btn" @click="goBack">{{ t('dashboard.back') }}</view>
|
|
|
|
|
<view :class="['action-btn', 'submit-btn', submitLoading ? 'action-btn-disabled' : '']" @click="handleSubmit">{{ t('moldMaintain.submit') }}</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 妯″叿閫夋嫨寮圭獥 -->
|
|
|
|
|
<view v-if="showMoldPicker" class="picker-mask" @click="closeMoldPicker">
|
|
|
|
|
<view class="picker-popup" @click.stop>
|
|
|
|
|
<view class="picker-header">
|
|
|
|
|
<text class="picker-title">{{ t('moldMaintain.selectMold') }}</text>
|
|
|
|
|
<view class="picker-close" @click="closeMoldPicker">
|
|
|
|
|
<uni-icons type="close" size="24" color="#6b7280"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="picker-search">
|
|
|
|
|
<input v-model="moldSearchKeyword" class="picker-search-input" :placeholder="t('moldMaintain.searchMold')" confirm-type="search" @confirm="searchMold" />
|
|
|
|
|
</view>
|
|
|
|
|
<scroll-view scroll-y class="picker-content">
|
|
|
|
|
<view
|
|
|
|
|
v-for="mold in moldList"
|
|
|
|
|
:key="mold.id"
|
|
|
|
|
:class="['picker-item', moldInfo.id === String(mold.id) ? 'picker-item-active' : '']"
|
|
|
|
|
@click="selectMold(mold)"
|
|
|
|
|
>
|
|
|
|
|
<view class="picker-item-main">
|
|
|
|
|
<text class="picker-item-name">{{ mold.name || mold.code || '-' }}</text>
|
|
|
|
|
<text class="picker-item-code">{{ mold.code || '' }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<text v-if="mold.productName" class="picker-item-desc">{{ mold.productName }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="moldLoading" class="picker-loading">{{ t('functionCommon.loading') }}</view>
|
|
|
|
|
<view v-else-if="!moldList.length" class="picker-empty">{{ t('moldMaintain.noMoldData') }}</view>
|
|
|
|
|
<view v-else-if="moldFinished" class="picker-loading">{{ t('functionCommon.noMoreData') }}</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
<!-- 模板选择弹窗 -->
|
|
|
|
|
<view v-if="showTemplatePicker" class="picker-mask" @click="closeTemplatePicker">
|
|
|
|
|
<view class="picker-popup" @click.stop>
|
|
|
|
|
<view class="picker-header">
|
|
|
|
|
<text class="picker-title">{{ t('moldMaintain.selectTemplate') }}</text>
|
|
|
|
|
<view class="picker-close" @click="closeTemplatePicker">
|
|
|
|
|
<uni-icons type="close" size="24" color="#6b7280"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<scroll-view scroll-y class="picker-content" @scrolltolower="loadMoreTemplates">
|
|
|
|
|
<view
|
|
|
|
|
v-for="template in templateList"
|
|
|
|
|
:key="template.id"
|
|
|
|
|
:class="['picker-item', selectedTemplate?.id === template.id ? 'picker-item-active' : '']"
|
|
|
|
|
@click="selectTemplate(template)"
|
|
|
|
|
>
|
|
|
|
|
<view class="picker-item-main">
|
|
|
|
|
<text class="picker-item-name">{{ template.planName || '-' }}</text>
|
|
|
|
|
<text :class="['picker-item-type', String(template.planType) === '1' ? 'type-inspect' : 'type-maintain']">
|
|
|
|
|
{{ String(template.planType) === '1' ? t('moldMaintain.taskTypeInspect') : t('moldMaintain.taskTypeMaintain') }}
|
|
|
|
|
</text>
|
|
|
|
|
</view>
|
|
|
|
|
<text v-if="template.description" class="picker-item-desc">{{ template.description }}</text>
|
|
|
|
|
</view>
|
|
|
|
|
<view v-if="templateLoading" class="picker-loading">{{ t('functionCommon.loading') }}</view>
|
|
|
|
|
<view v-else-if="!templateList.length" class="picker-empty">{{ t('moldMaintain.noTemplate') }}</view>
|
|
|
|
|
<view v-else-if="templateFinished" class="picker-loading">{{ t('functionCommon.noMoreData') }}</view>
|
|
|
|
|
</scroll-view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
import { reactive, ref } from 'vue'
|
|
|
|
|
import { onLoad } from '@dcloudio/uni-app'
|
|
|
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
|
import NavBar from '@/components/common/NavBar.vue'
|
|
|
|
|
import { createMoldTicketDirect, getPlanMaintenancePage, getSubjectList, getMoldBrandDetail, uploadMoldCheckImage } from '@/api/mes/moldCheck'
|
|
|
|
|
import { getBrandList } from '@/api/mes/mold'
|
|
|
|
|
import { DICT_TYPE, getDictLabel, initAllDict } from '@/utils/dict'
|
|
|
|
|
|
|
|
|
|
const { t } = useI18n()
|
|
|
|
|
|
|
|
|
|
// Mold info, loaded from route params or picker.
|
|
|
|
|
const moldInfo = reactive({
|
|
|
|
|
id: '',
|
|
|
|
|
code: '',
|
|
|
|
|
name: '',
|
|
|
|
|
productName: '',
|
|
|
|
|
moldSize: '',
|
|
|
|
|
status: '',
|
|
|
|
|
statusLabel: '',
|
|
|
|
|
currentDevice: ''
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
const taskName = ref('')
|
|
|
|
|
const selectedTemplate = ref(null)
|
|
|
|
|
const templateList = ref([])
|
|
|
|
|
const showTemplatePicker = ref(false)
|
|
|
|
|
const templateLoading = ref(false)
|
|
|
|
|
const templateFinished = ref(false)
|
|
|
|
|
const templatePageNo = ref(1)
|
|
|
|
|
const templatePageSize = ref(20)
|
|
|
|
|
const inspectionItems = ref([])
|
|
|
|
|
const ticketResultEditable = ref(false)
|
|
|
|
|
const ticketResultBackup = ref(null)
|
|
|
|
|
const submitLoading = ref(false)
|
|
|
|
|
const statusClass = ref('')
|
|
|
|
|
|
|
|
|
|
// Mold picker.
|
|
|
|
|
const showMoldPicker = ref(false)
|
|
|
|
|
const moldList = ref([])
|
|
|
|
|
const moldLoading = ref(false)
|
|
|
|
|
const moldFinished = ref(true)
|
|
|
|
|
const moldSearchKeyword = ref('')
|
|
|
|
|
|
|
|
|
|
onLoad(async (query) => {
|
|
|
|
|
await initAllDict()
|
|
|
|
|
|
|
|
|
|
const moldId = String(query?.id || '')
|
|
|
|
|
|
|
|
|
|
if (moldId) {
|
|
|
|
|
// 从列表页传入了模具ID
|
|
|
|
|
const urlCode = query?.code ? decodeURIComponent(query.code) : ''
|
|
|
|
|
const urlName = query?.name ? decodeURIComponent(query.name) : ''
|
|
|
|
|
|
|
|
|
|
if (urlCode || urlName) {
|
|
|
|
|
// 列表页传入了模具基本信息
|
|
|
|
|
moldInfo.id = moldId
|
|
|
|
|
moldInfo.code = urlCode
|
|
|
|
|
moldInfo.name = urlName
|
|
|
|
|
moldInfo.productName = query?.productName ? decodeURIComponent(query.productName) : ''
|
|
|
|
|
moldInfo.moldSize = query?.moldSize ? decodeURIComponent(query.moldSize) : ''
|
|
|
|
|
moldInfo.status = String(query?.status || '')
|
|
|
|
|
moldInfo.currentDevice = query?.currentDevice ? decodeURIComponent(query.currentDevice) : ''
|
|
|
|
|
moldInfo.statusLabel = getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, moldInfo.status, moldInfo.status)
|
|
|
|
|
updateStatusClass()
|
|
|
|
|
} else {
|
|
|
|
|
await loadMoldInfo(moldId)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 如果没有传入模具ID，用户需要通过模具选择器选择
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
async function loadMoldInfo(id) {
|
|
|
|
|
try {
|
|
|
|
|
const res = await getMoldBrandDetail(id)
|
|
|
|
|
const data = res && res.data !== undefined ? res.data : res
|
|
|
|
|
moldInfo.id = String(data?.id || id)
|
|
|
|
|
moldInfo.code = String(data?.code || '')
|
|
|
|
|
moldInfo.name = String(data?.name || '')
|
|
|
|
|
moldInfo.productName = String(data?.productName || '')
|
|
|
|
|
moldInfo.moldSize = String(data?.moldSize || '')
|
|
|
|
|
moldInfo.status = String(data?.status || '')
|
|
|
|
|
moldInfo.currentDevice = String(data?.currentDevice || '')
|
|
|
|
|
moldInfo.statusLabel = getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, moldInfo.status, moldInfo.status)
|
|
|
|
|
updateStatusClass()
|
|
|
|
|
} catch (error) {
|
|
|
|
|
uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function updateStatusClass() {
|
|
|
|
|
const status = String(moldInfo.status)
|
|
|
|
|
if (status === '1') {
|
|
|
|
|
statusClass.value = 'status-success'
|
|
|
|
|
} else if (status === '2') {
|
|
|
|
|
statusClass.value = 'status-warning'
|
|
|
|
|
} else if (status === '3') {
|
|
|
|
|
statusClass.value = 'status-danger'
|
|
|
|
|
} else {
|
|
|
|
|
statusClass.value = 'status-default'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function openMoldPicker() {
|
|
|
|
|
showMoldPicker.value = true
|
|
|
|
|
if (!moldList.value.length) {
|
|
|
|
|
loadMoldList(true)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function closeMoldPicker() {
|
|
|
|
|
showMoldPicker.value = false
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function loadMoldList(reset) {
|
|
|
|
|
if (moldLoading.value) return
|
|
|
|
|
if (reset) {
|
|
|
|
|
moldList.value = []
|
|
|
|
|
}
|
|
|
|
|
moldLoading.value = true
|
|
|
|
|
try {
|
|
|
|
|
const params = {}
|
|
|
|
|
if (moldSearchKeyword.value.trim()) {
|
|
|
|
|
params.name = moldSearchKeyword.value.trim()
|
|
|
|
|
}
|
|
|
|
|
const res = await getBrandList(params)
|
|
|
|
|
const root = res && res.data !== undefined ? res.data : res
|
|
|
|
|
const list = Array.isArray(root) ? root : (root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || [])
|
|
|
|
|
moldList.value = reset ? list : [...moldList.value, ...list]
|
|
|
|
|
moldFinished.value = true
|
|
|
|
|
} catch (error) {
|
|
|
|
|
uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
|
|
|
|
|
} finally {
|
|
|
|
|
moldLoading.value = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function searchMold() {
|
|
|
|
|
loadMoldList(true)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function selectMold(mold) {
|
|
|
|
|
moldInfo.id = String(mold.id || '')
|
|
|
|
|
moldInfo.code = String(mold.code || '')
|
|
|
|
|
moldInfo.name = String(mold.name || '')
|
|
|
|
|
moldInfo.productName = String(mold.productName || '')
|
|
|
|
|
moldInfo.moldSize = String(mold.moldSize || '')
|
|
|
|
|
moldInfo.status = String(mold.status || '')
|
|
|
|
|
moldInfo.currentDevice = String(mold.currentDevice || '')
|
|
|
|
|
moldInfo.statusLabel = getDictLabel(DICT_TYPE.ERP_MOLD_STATUS, moldInfo.status, moldInfo.status)
|
|
|
|
|
updateStatusClass()
|
|
|
|
|
closeMoldPicker()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function openTemplatePicker() {
|
|
|
|
|
showTemplatePicker.value = true
|
|
|
|
|
if (!templateList.value.length) {
|
|
|
|
|
loadTemplates(true)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function closeTemplatePicker() {
|
|
|
|
|
showTemplatePicker.value = false
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function loadTemplates(reset) {
|
|
|
|
|
if (templateLoading.value) return
|
|
|
|
|
if (reset) {
|
|
|
|
|
templatePageNo.value = 1
|
|
|
|
|
templateFinished.value = false
|
|
|
|
|
}
|
|
|
|
|
templateLoading.value = true
|
|
|
|
|
try {
|
|
|
|
|
const res = await getPlanMaintenancePage({
|
|
|
|
|
pageNo: templatePageNo.value,
|
|
|
|
|
pageSize: templatePageSize.value
|
|
|
|
|
})
|
|
|
|
|
const root = res && res.data !== undefined ? res.data : res
|
|
|
|
|
const list = root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || []
|
|
|
|
|
const total = root?.total ?? root?.data?.total ?? 0
|
|
|
|
|
templateList.value = reset ? list : [...templateList.value, ...list]
|
|
|
|
|
templateFinished.value = templateList.value.length >= total || list.length < templatePageSize.value
|
|
|
|
|
} catch (error) {
|
|
|
|
|
uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
|
|
|
|
|
} finally {
|
|
|
|
|
templateLoading.value = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function loadMoreTemplates() {
|
|
|
|
|
if (templateLoading.value || templateFinished.value) return
|
|
|
|
|
templatePageNo.value += 1
|
|
|
|
|
await loadTemplates(false)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function selectTemplate(template) {
|
|
|
|
|
selectedTemplate.value = template
|
|
|
|
|
ticketResultEditable.value = false
|
|
|
|
|
ticketResultBackup.value = null
|
|
|
|
|
loadInspectionItems(template.id)
|
|
|
|
|
closeTemplatePicker()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function loadInspectionItems(planId) {
|
|
|
|
|
try {
|
|
|
|
|
inspectionItems.value = []
|
|
|
|
|
const res = await getSubjectList(planId)
|
|
|
|
|
const root = res && res.data !== undefined ? res.data : res
|
|
|
|
|
const items = Array.isArray(root) ? root : (root?.list || root?.rows || root?.records || root?.data?.list || root?.data?.rows || root?.data?.records || root?.data || [])
|
|
|
|
|
inspectionItems.value = Array.isArray(items) ? items.map((item, index) => ({
|
|
|
|
|
id: item.id,
|
|
|
|
|
subjectId: item.id,
|
|
|
|
|
inspectionItemName: item.subjectName ?? item.inspectionItemName ?? '',
|
|
|
|
|
inspectionMethod: item.inspectionMethod ?? '',
|
|
|
|
|
judgmentCriteria: item.judgmentCriteria ?? item.subjectStandard ?? '',
|
|
|
|
|
valueType: item.valueType ?? '',
|
|
|
|
|
textInput: item.textInput ?? '',
|
|
|
|
|
inspectionResult: String(item.inspectionResult ?? '0'),
|
|
|
|
|
images: item.images ?? '',
|
|
|
|
|
remark: item.remark ?? '',
|
|
|
|
|
required: item.required ?? item.isRequired ?? item.needCheck ?? item.mustCheck ?? false,
|
|
|
|
|
sort: index + 1
|
|
|
|
|
})) : []
|
|
|
|
|
} catch (error) {
|
|
|
|
|
uni.showToast({ title: t('functionCommon.loadFailed'), icon: 'none' })
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function isRequiredItem(item) {
|
|
|
|
|
const value = item?.required ?? item?.isRequired ?? item?.needCheck ?? item?.mustCheck
|
|
|
|
|
return value === true || value === 1 || value === '1'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function shouldShowInput(item) {
|
|
|
|
|
const valueType = String(item?.valueType ?? '')
|
|
|
|
|
return valueType === '0' || valueType === '2' || !!String(item?.textInput || '').trim()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function isNumericValueType(value) {
|
|
|
|
|
const normalized = String(value ?? '')
|
|
|
|
|
const label = String(valueTypeText(value) || '').toLowerCase()
|
|
|
|
|
return normalized === '2' || /鏁板€紎鏁板瓧|number|numeric|digit|decimal/.test(label)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function numberInputValue(item) {
|
|
|
|
|
const value = Number(item?.textInput)
|
|
|
|
|
return Number.isFinite(value) ? value : 0
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function onNumberInputChange(item, value) {
|
|
|
|
|
if (!ticketResultEditable.value) return
|
|
|
|
|
item.textInput = String(value)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function inspectionMethodText(value) {
|
|
|
|
|
return getDictLabel(DICT_TYPE.INSPECTION_METHOD, value, textValue(value))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function valueTypeText(value) {
|
|
|
|
|
return getDictLabel(DICT_TYPE.VALUE_TYPES, value, textValue(value))
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function parseImages(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)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function joinImages(value) {
|
|
|
|
|
return parseImages(value).join(',')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function resultOptionClass(item, value) {
|
|
|
|
|
const current = String(item?.inspectionResult || '')
|
|
|
|
|
if (current !== String(value)) return ''
|
|
|
|
|
return String(value) === '1' ? 'result-option-active' : 'result-option-danger'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function setDecision(item, value) {
|
|
|
|
|
if (!ticketResultEditable.value) return
|
|
|
|
|
item.inspectionResult = String(value)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function chooseImages(item) {
|
|
|
|
|
if (!ticketResultEditable.value) return
|
|
|
|
|
try {
|
|
|
|
|
const currentCount = parseImages(item.images).length
|
|
|
|
|
const remain = Math.max(0, 3 - currentCount)
|
|
|
|
|
if (!remain) {
|
|
|
|
|
uni.showToast({ title: t('moldMaintain.maxUploadCount'), icon: 'none' })
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
const res = await uni.chooseImage({ count: remain, sizeType: ['compressed'] })
|
|
|
|
|
const files = Array.isArray(res?.tempFilePaths) ? res.tempFilePaths : []
|
|
|
|
|
if (!files.length) return
|
|
|
|
|
uni.showLoading({ title: t('functionCommon.uploading'), mask: true })
|
|
|
|
|
const uploaded = []
|
|
|
|
|
for (const filePath of files) {
|
|
|
|
|
const uploadRes = await uploadMoldCheckImage(filePath)
|
|
|
|
|
const url = String(uploadRes?.data?.fileUrl || uploadRes?.data?.url || uploadRes?.data || uploadRes?.url || '').trim()
|
|
|
|
|
if (url) uploaded.push(url)
|
|
|
|
|
}
|
|
|
|
|
item.images = joinImages([...parseImages(item.images), ...uploaded])
|
|
|
|
|
} catch (error) {
|
|
|
|
|
const message = String(error?.errMsg || '')
|
|
|
|
|
if (!message.includes('cancel')) {
|
|
|
|
|
uni.showToast({ title: t('functionCommon.uploadImageFailed'), icon: 'none' })
|
|
|
|
|
}
|
|
|
|
|
} finally {
|
|
|
|
|
uni.hideLoading()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function removeImage(item, index) {
|
|
|
|
|
if (!ticketResultEditable.value) return
|
|
|
|
|
const next = parseImages(item.images)
|
|
|
|
|
next.splice(index, 1)
|
|
|
|
|
item.images = next.join(',')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function previewImage(current, urls) {
|
|
|
|
|
uni.previewImage({ current, urls })
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function normalizeTextInput(value) {
|
|
|
|
|
if (value === 0 || value === '0') return '0'
|
|
|
|
|
const text = String(value ?? '').trim()
|
|
|
|
|
return text || undefined
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function textValue(value) {
|
|
|
|
|
if (value === 0) return '0'
|
|
|
|
|
if (value === null || value === undefined) return '-'
|
|
|
|
|
const text = String(value).trim()
|
|
|
|
|
return text || '-'
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function goBack() {
|
|
|
|
|
uni.navigateBack()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function toggleTicketResultEditable() {
|
|
|
|
|
if (ticketResultEditable.value) {
|
|
|
|
|
if (ticketResultBackup.value) {
|
|
|
|
|
inspectionItems.value = JSON.parse(JSON.stringify(ticketResultBackup.value))
|
|
|
|
|
ticketResultBackup.value = null
|
|
|
|
|
}
|
|
|
|
|
ticketResultEditable.value = false
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
ticketResultBackup.value = JSON.parse(JSON.stringify(inspectionItems.value))
|
|
|
|
|
ticketResultEditable.value = true
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function handleSubmit() {
|
|
|
|
|
if (submitLoading.value) return
|
|
|
|
|
|
|
|
|
|
if (!moldInfo.id) {
|
|
|
|
|
uni.showToast({ title: t('moldMaintain.selectMoldError'), icon: 'none' })
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!taskName.value.trim()) {
|
|
|
|
|
uni.showToast({ title: t('moldMaintain.placeholderTaskName'), icon: 'none' })
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!selectedTemplate.value) {
|
|
|
|
|
uni.showToast({ title: t('moldMaintain.selectTemplateError'), icon: 'none' })
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const hasUnselected = inspectionItems.value.some((item) => String(item?.inspectionResult || '0') === '0')
|
|
|
|
|
if (ticketResultEditable.value && inspectionItems.value.length && hasUnselected) {
|
|
|
|
|
uni.showToast({ title: t('moldMaintain.selectAllDecisionError'), icon: 'none' })
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
submitLoading.value = true
|
|
|
|
|
try {
|
|
|
|
|
await createMoldTicketDirect({
|
|
|
|
|
name: taskName.value.trim(),
|
|
|
|
|
taskType: '2',
|
|
|
|
|
moldList: String(moldInfo.id),
|
|
|
|
|
projectForm: String(selectedTemplate.value.id),
|
|
|
|
|
ticketResultsList: inspectionItems.value.map((item) => ({
|
|
|
|
|
id: item.id,
|
|
|
|
|
subjectId: item.subjectId,
|
|
|
|
|
inspectionItemName: item.inspectionItemName,
|
|
|
|
|
inspectionMethod: item.inspectionMethod,
|
|
|
|
|
judgmentCriteria: item.judgmentCriteria,
|
|
|
|
|
valueType: item.valueType,
|
|
|
|
|
textInput: normalizeTextInput(item.textInput),
|
|
|
|
|
inspectionResult: String(item.inspectionResult || '0'),
|
|
|
|
|
images: joinImages(item.images),
|
|
|
|
|
remark: item.remark,
|
|
|
|
|
sort: item.sort
|
|
|
|
|
}))
|
|
|
|
|
})
|
|
|
|
|
uni.setStorageSync('moldMaintainListNeedRefresh', '1')
|
|
|
|
|
uni.showToast({ title: t('moldMaintain.submitSuccess'), icon: 'success' })
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
uni.navigateBack()
|
|
|
|
|
}, 1500)
|
|
|
|
|
} catch (error) {
|
|
|
|
|
uni.showToast({ title: t('moldMaintain.submitFailed'), icon: 'none' })
|
|
|
|
|
} finally {
|
|
|
|
|
submitLoading.value = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.page-container { min-height: 100vh; background-color: #f5f7fb; }
|
|
|
|
|
.detail-scroll { height: calc(100vh - 172rpx); }
|
|
|
|
|
.content-section { padding: 20rpx 24rpx 28rpx; }
|
|
|
|
|
.section-card { background: #ffffff; border-radius: 20rpx; padding: 24rpx; margin-bottom: 20rpx; border: 1rpx solid #eef2f7; box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.04); }
|
|
|
|
|
.section-header { display: flex; align-items: center; gap: 12rpx; margin-bottom: 22rpx; padding-bottom: 18rpx; border-bottom: 1rpx solid #f1f5f9; }
|
|
|
|
|
.section-icon { width: 40rpx; height: 40rpx; border-radius: 10rpx; background: #eff6ff; display: flex; align-items: center; justify-content: center; }
|
|
|
|
|
.section-title { font-size: 32rpx; font-weight: 600; color: #1f2937; }
|
|
|
|
|
.mold-select-field { margin-bottom: 20rpx; }
|
|
|
|
|
.mold-select-area { display: flex; align-items: center; justify-content: space-between; min-height: 92rpx; padding: 16rpx 22rpx; background: #f8fafc; border: 1rpx solid #e5e7eb; border-radius: 14rpx; box-sizing: border-box; }
|
|
|
|
|
.mold-select-area.selected { background: #f9fbff; border-color: #bfdbfe; box-shadow: 0 4rpx 12rpx rgba(31, 124, 255, 0.08); }
|
|
|
|
|
.mold-select-content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6rpx; }
|
|
|
|
|
.mold-select-placeholder { font-size: 28rpx; color: #9ca3af; }
|
|
|
|
|
.mold-select-value { font-size: 28rpx; font-weight: 600; color: #1f2937; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
|
|
|
.mold-select-subtext { font-size: 24rpx; color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
|
|
|
.mold-info-panel { padding: 20rpx; background: #f8fafc; border: 1rpx solid #e8eef6; border-radius: 16rpx; }
|
|
|
|
|
.mold-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; background: #ffffff; border: 1rpx solid #eef2f7; border-radius: 14rpx; overflow: hidden; }
|
|
|
|
|
.mold-info-item { min-width: 0; display: flex; flex-direction: column; gap: 8rpx; padding: 18rpx 20rpx; border-right: 1rpx solid #f1f5f9; border-bottom: 1rpx solid #f1f5f9; }
|
|
|
|
|
.mold-info-item:nth-child(2n) { border-right: 0; }
|
|
|
|
|
.mold-info-item:nth-last-child(-n + 2) { border-bottom: 0; }
|
|
|
|
|
.mold-info-label { font-size: 23rpx; color: #8a94a6; }
|
|
|
|
|
.mold-info-value { font-size: 28rpx; color: #334155; line-height: 1.35; word-break: break-all; }
|
|
|
|
|
.status-tag { display: inline-flex; align-items: center; align-self: flex-start; padding: 6rpx 16rpx; border-radius: 999rpx; font-size: 24rpx; }
|
|
|
|
|
.status-success { color: #15803d; background: #dcfce7; }
|
|
|
|
|
.status-warning { color: #d97706; background: #fef3c7; }
|
|
|
|
|
.status-danger { color: #dc2626; background: #fee2e2; }
|
|
|
|
|
.status-default { color: #6b7280; background: #f3f4f6; }
|
|
|
|
|
.form-field { display: flex; flex-direction: column; gap: 12rpx; }
|
|
|
|
|
.form-field + .form-field { margin-top: 24rpx; }
|
|
|
|
|
.form-label { font-size: 26rpx; color: #4b5563; font-weight: 500; }
|
|
|
|
|
.required-star { color: #ef4444; font-size: 28rpx; margin-left: 4rpx; }
|
|
|
|
|
.form-input { width: 100%; height: 88rpx; padding: 0 24rpx; background: #f8fafc; border-radius: 14rpx; font-size: 28rpx; color: #374151; box-sizing: border-box; }
|
|
|
|
|
.template-select { display: flex; align-items: center; justify-content: space-between; height: 88rpx; padding: 0 24rpx; background: #f8fafc; border-radius: 14rpx; }
|
|
|
|
|
.template-text { font-size: 28rpx; color: #374151; }
|
|
|
|
|
.template-text.placeholder { color: #9ca3af; }
|
|
|
|
|
.inspection-section { display: flex; flex-direction: column; gap: 16rpx; }
|
|
|
|
|
.inspection-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; padding: 0 4rpx; }
|
|
|
|
|
.inspection-toolbar-title { font-size: 30rpx; font-weight: 700; color: #1f2937; }
|
|
|
|
|
.edit-toggle-btn { height: 60rpx; padding: 0 18rpx; border-radius: 999rpx; border: 1rpx solid #bfdbfe; background: #eff6ff; color: #1f7cff; font-size: 24rpx; font-weight: 600; display: flex; align-items: center; gap: 8rpx; flex-shrink: 0; }
|
|
|
|
|
.edit-toggle-btn.active { border-color: #fecaca; background: #fef2f2; color: #ef4444; }
|
|
|
|
|
.inspection-list { display: flex; flex-direction: column; gap: 20rpx; }
|
|
|
|
|
.inspection-card { background: #ffffff; border-radius: 24rpx; padding: 24rpx; box-shadow: 0 6rpx 18rpx rgba(15, 23, 42, 0.05); }
|
|
|
|
|
.inspection-header { display: flex; align-items: center; gap: 16rpx; }
|
|
|
|
|
.inspection-index { width: 44rpx; height: 44rpx; border-radius: 50%; background: #1f7cff; color: #ffffff; font-size: 24rpx; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
|
|
|
|
|
.inspection-title { flex: 1; min-width: 0; font-size: 30rpx; font-weight: 600; color: #1f2937; }
|
|
|
|
|
.required-tag { padding: 8rpx 16rpx; border-radius: 10rpx; background: #e8fff2; color: #22c55e; font-size: 24rpx; }
|
|
|
|
|
.inspection-fields { margin-top: 16rpx; display: flex; flex-direction: column; gap: 14rpx; }
|
|
|
|
|
.field-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 20rpx; }
|
|
|
|
|
.field-label { width: 170rpx; font-size: 27rpx; color: #9ca3af; flex-shrink: 0; }
|
|
|
|
|
.field-value { flex: 1; text-align: right; font-size: 28rpx; color: #374151; line-height: 1.5; }
|
|
|
|
|
.field-block { display: flex; flex-direction: column; gap: 14rpx; }
|
|
|
|
|
.block-label { width: auto; }
|
|
|
|
|
.result-option-group { display: flex; align-items: center; gap: 16rpx; flex-wrap: wrap; }
|
|
|
|
|
.result-option { min-width: 160rpx; height: 72rpx; padding: 0 24rpx; border-radius: 14rpx; border: 1rpx solid #d1d5db; color: #6b7280; font-size: 30rpx; display: flex; align-items: center; justify-content: center; background: #ffffff; }
|
|
|
|
|
.result-option-active { border-color: #60a5fa; background: #eff6ff; color: #1f7cff; }
|
|
|
|
|
.result-option-danger { border-color: #fca5a5; background: #fef2f2; color: #ef4444; }
|
|
|
|
|
.result-option-disabled { opacity: 0.55; }
|
|
|
|
|
.pending-tag { padding: 8rpx 14rpx; border-radius: 10rpx; background: #f3f4f6; color: #9ca3af; font-size: 24rpx; }
|
|
|
|
|
.form-textarea { width: 100%; min-height: 76rpx; max-height: 108rpx; background: #f8fafc; border-radius: 12rpx; padding: 10rpx 16rpx; font-size: 26rpx; color: #374151; box-sizing: border-box; }
|
|
|
|
|
.number-box-wrap { width: 100%; }
|
|
|
|
|
.number-box-wrap-inline { width: 320rpx; }
|
|
|
|
|
.number-box-wrap :deep(.uni-numbox) { width: 100%; }
|
|
|
|
|
.number-box-wrap :deep(.uni-numbox__value) { flex: 1; height: 60rpx; font-size: 24rpx; }
|
|
|
|
|
.number-box-wrap :deep(.uni-numbox-btns) { min-width: 60rpx; justify-content: center; }
|
|
|
|
|
.number-box-wrap :deep(.uni-numbox--text) { font-size: 18px; }
|
|
|
|
|
.image-list { display: flex; flex-wrap: wrap; gap: 12rpx; }
|
|
|
|
|
.image-item { position: relative; }
|
|
|
|
|
.result-image { width: 140rpx; height: 140rpx; border-radius: 16rpx; background: #f3f4f6; }
|
|
|
|
|
.image-remove { position: absolute; top: -12rpx; right: -12rpx; width: 36rpx; height: 36rpx; border-radius: 18rpx; background: rgba(15, 23, 42, 0.72); color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 24rpx; }
|
|
|
|
|
.image-upload { width: 140rpx; height: 140rpx; border-radius: 16rpx; border: 2rpx dashed #cbd5e1; background: #f8fafc; display: flex; align-items: center; justify-content: center; }
|
|
|
|
|
.image-upload-icon { font-size: 60rpx; color: #94a3b8; line-height: 1; }
|
|
|
|
|
.hint { padding: 48rpx 0; text-align: center; color: #9ca3af; font-size: 26rpx; }
|
|
|
|
|
.action-bar { position: fixed; left: 0; right: 0; bottom: 0; display: flex; gap: 18rpx; padding: 18rpx 24rpx calc(18rpx + env(safe-area-inset-bottom)); background: #ffffff; box-shadow: 0 -8rpx 24rpx rgba(15, 23, 42, 0.06); }
|
|
|
|
|
.action-btn { flex: 1; height: 84rpx; border-radius: 16rpx; display: flex; align-items: center; justify-content: center; font-size: 30rpx; font-weight: 600; }
|
|
|
|
|
.back-btn { background: #eef2f7; color: #475569; }
|
|
|
|
|
.submit-btn { background: #1f4b79; color: #ffffff; }
|
|
|
|
|
.action-btn-disabled { background: #94a3b8; }
|
|
|
|
|
.picker-mask { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 100; display: flex; align-items: flex-end; }
|
|
|
|
|
.picker-popup { width: 100%; background: #ffffff; border-radius: 24rpx 24rpx 0 0; padding-bottom: env(safe-area-inset-bottom); }
|
|
|
|
|
.picker-header { display: flex; align-items: center; justify-content: space-between; padding: 28rpx 32rpx; border-bottom: 1rpx solid #e5e7eb; }
|
|
|
|
|
.picker-title { font-size: 34rpx; font-weight: 600; color: #1f2937; }
|
|
|
|
|
.picker-close { width: 48rpx; height: 48rpx; display: flex; align-items: center; justify-content: center; }
|
|
|
|
|
.picker-search { padding: 16rpx 32rpx; }
|
|
|
|
|
.picker-search-input { width: 100%; height: 72rpx; padding: 0 20rpx; background: #f3f4f6; border-radius: 12rpx; font-size: 26rpx; box-sizing: border-box; }
|
|
|
|
|
.picker-content { max-height: 60vh; }
|
|
|
|
|
.picker-item { padding: 24rpx 32rpx; border-bottom: 1rpx solid #f3f4f6; }
|
|
|
|
|
.picker-item-main { display: flex; align-items: center; justify-content: space-between; gap: 16rpx; }
|
|
|
|
|
.picker-item-name { font-size: 28rpx; color: #374151; flex: 1; min-width: 0; }
|
|
|
|
|
.picker-item-code { font-size: 24rpx; color: #9ca3af; flex-shrink: 0; }
|
|
|
|
|
.picker-item-type { padding: 6rpx 16rpx; border-radius: 8rpx; font-size: 22rpx; flex-shrink: 0; }
|
|
|
|
|
.type-inspect { color: #1d4ed8; background: #dbeafe; }
|
|
|
|
|
.type-maintain { color: #15803d; background: #dcfce7; }
|
|
|
|
|
.picker-item-desc { font-size: 24rpx; color: #9ca3af; margin-top: 8rpx; }
|
|
|
|
|
.picker-item-active { background: #eff6ff; }
|
|
|
|
|
.picker-item-active .picker-item-name { color: #1f7cff; font-weight: 600; }
|
|
|
|
|
.picker-loading { padding: 24rpx 0; text-align: center; color: #9ca3af; font-size: 26rpx; }
|
|
|
|
|
.picker-empty { padding: 48rpx; text-align: center; color: #9ca3af; font-size: 26rpx; }
|
|
|
|
|
</style>
|
liutao
1 week ago
