加上车辆编码搜索//工单中心-输入框修改//测试计划操作显示//测试订单详情
| | |
| | | |
| | | :item-count="count" |
| | | :display-order="displayOrder" |
| | | :show-quick-jump-dropdown="false" |
| | | show-size-picker |
| | | show-quick-jumper |
| | | @update:page="handleUpdatePage" |
| | |
| | | .drag-handle { |
| | | cursor: move; |
| | | } |
| | | /* 禁用分页省略号的 hover 和点击事件 */ |
| | | .n-pagination-item:not(.n-pagination-item--clickable):not(.n-pagination-item--button) { |
| | | pointer-events: none !important; |
| | | cursor: default !important; |
| | | } |
| | |
| | | pageNum: number |
| | | pageSize: number |
| | | }) => Promise<any> |
| | | showVehicleCodeSearch?: boolean |
| | | } |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | existingVehicles: () => [], |
| | | requestList: undefined, |
| | | showVehicleCodeSearch: false, |
| | | }) |
| | | |
| | | const emit = defineEmits<{ |
| | |
| | | <div class="flex flex-col h-full overflow-hidden"> |
| | | <!-- 搜索区域 --> |
| | | <div class="mb-3 flex items-end gap-24px" style="flex-shrink: 0"> |
| | | <div class="w-300px"> |
| | | <div v-if="showVehicleCodeSearch" class="w-220px"> |
| | | <div class="mb-2 text-sm"> |
| | | 车辆编码 |
| | | </div> |
| | | <n-input |
| | | v-model:value="searchModel.vehicleCode" |
| | | placeholder="请输入" |
| | | clearable |
| | | /> |
| | | </div> |
| | | <div :class="showVehicleCodeSearch ? 'w-220px' : 'w-300px'"> |
| | | <div class="mb-2 text-sm"> |
| | | 车牌号 |
| | | </div> |
| | |
| | | clearable |
| | | /> |
| | | </div> |
| | | <div class="w-300px"> |
| | | <div :class="showVehicleCodeSearch ? 'w-220px' : 'w-300px'"> |
| | | <div class="mb-2 text-sm"> |
| | | 车队 |
| | | </div> |
| | |
| | | v-model:value="formModel.problemDescription" |
| | | type="textarea" |
| | | :placeholder="t('workOrder.modal.placeholder')" |
| | | :rows="4" |
| | | :autosize="{ minRows: 4 }" |
| | | maxlength="200" |
| | | clearable |
| | | show-count |
| | | /> |
| | | </n-form-item> |
| | |
| | | :options="handleUserOptions" |
| | | :placeholder="t('workOrder.modal.selectPlaceholder')" |
| | | clearable |
| | | filterable |
| | | placement="bottom" |
| | | @update:show="(val) => (isHandleUserSelectOpen = val)" |
| | | > |
| | | <template #arrow> |
| | |
| | | height: 56px; |
| | | } |
| | | |
| | | :deep(.n-form-item-blank) { |
| | | div:nth-child(1) { |
| | | width: 100%; |
| | | } |
| | | :deep(.n-form-item-blank > div) { |
| | | width: 100%; |
| | | } |
| | | |
| | | :deep(.n-upload-file-list.n-upload-file-list--grid) { |
| | |
| | | { |
| | | title: '操作', |
| | | key: 'actions', |
| | | width: 240, |
| | | width: 160, |
| | | align: 'left', |
| | | fixed: 'right' as const, |
| | | render: (row: TestOrderRow) => { |
| | | return ( |
| | | <n-space size={2}> |
| | | <n-space justify="space-between"> |
| | | {(row.status === 1 || row.status === 2 || row.status === 3 || row.status === 4) && ( |
| | | <n-button text type="primary" size="small" onClick={() => handleCancelOrder(row)}> |
| | | 取消订单 |
| | |
| | | { |
| | | title: '操作', |
| | | key: 'actions', |
| | | width: 280, |
| | | width: 160, |
| | | align: 'left', |
| | | render: (_row, index) => ( |
| | | <n-space size={2}> |
| | | <n-space justify="space-between"> |
| | | <n-button |
| | | text |
| | | type="primary" |
| | |
| | | <VehicleSelectModal |
| | | v-model:visible="vehicleSelectModalVisible" :existing-vehicles="selectedVehicles" |
| | | :request-list="getTargetedVehiclePageList" |
| | | show-vehicle-code-search |
| | | @confirm="handleVehicleSelectConfirm" |
| | | /> |
| | | |
| | |
| | | </n-gi> |
| | | <n-gi> |
| | | <div class="info-item"> |
| | | <span class="label">起点:</span><span class="value">{{ model.startPointName || '-' |
| | | <span class="label">起点:</span><span class="value">{{ model.startPointName || model.startAddress || '-' |
| | | }}</span> |
| | | </div> |
| | | </n-gi> |
| | | <n-gi> |
| | | <div class="info-item"> |
| | | <span class="label">终点:</span><span class="value">{{ model.endPointName || '-' |
| | | <span class="label">终点:</span><span class="value">{{ model.endPointName || model.endAddress || '-' |
| | | }}</span> |
| | | </div> |
| | | </n-gi> |