| | |
| | | </div> |
| | | |
| | | <!-- 子任务表格表单 --> |
| | | <div class="task-table-section" v-if="selectedWorkOrderId"> |
| | | <div |
| | | class="task-table-section" |
| | | :class="{ 'disabled-section': !selectedWorkOrderId }" |
| | | @click="handleTaskSectionClick" |
| | | > |
| | | <div class="detail-title" :style="{ marginTop: pxToRem(10) }">添加子任务</div> |
| | | <div class="task-table-container"> |
| | | <el-table :data="taskList"> |
| | |
| | | 任务执行时间 |
| | | </template> |
| | | <template v-slot="{ row }"> |
| | | <!-- gd-date-picker-popper--> |
| | | <!-- gd-date-picker-popper--> |
| | | <el-date-picker |
| | | class="gd-date-picker" |
| | | popper-class="" |
| | |
| | | } |
| | | } |
| | | |
| | | // 处理任务区域点击事件(未选择工单时提示) |
| | | function handleTaskSectionClick() { |
| | | if (!selectedWorkOrderId.value) { |
| | | ElMessage.warning('请先选择工单') |
| | | } |
| | | } |
| | | |
| | | // 获取工单列表 |
| | | async function getWorkOrderList() { |
| | | const res = await gdWorkOrderPageApi({ size: 999, workOrderStatus: dialogMode.value === 'add' ? '20' : '' }) |
| | |
| | | .grayText { |
| | | color: #9f9f9f !important; |
| | | } |
| | | |
| | | // 禁用区域样式 - 使用 pointer-events: none 禁用所有子元素的点击 |
| | | .disabled-section { |
| | | .task-table-container { |
| | | * { |
| | | pointer-events: none; |
| | | } |
| | | } |
| | | opacity: 0.6; |
| | | cursor: not-allowed; |
| | | } |
| | | </style> |