| | |
| | | <template> |
| | | <div class="wrapper"> |
| | | <el-row justify="space-between" class="m-t-4"> |
| | | <el-col :span="20"> |
| | | <el-col :span="24"> |
| | | <div class="text-title"> |
| | | <el-tag |
| | | size="small" |
| | |
| | | <div class="text-info"> |
| | | <div class="text-label"> |
| | | <el-icon class="m-r-4" size="16"><LocationInformation /></el-icon> |
| | | <span>任务地址:</span> |
| | | <span>地址:</span> |
| | | </div> |
| | | {{ item.scenseaddress }} |
| | | </div> |
| | |
| | | <div class="text-label"> |
| | | <!-- <el-icon><Clock /></el-icon> --> |
| | | <el-icon class="m-r-4" size="16"><AlarmClock /></el-icon> |
| | | <span>任务时间:</span> |
| | | <span>时间:</span> |
| | | </div> |
| | | {{ $fm.formatYMD(item.planstarttime) }} |
| | | {{ $fm.formatYMDHM(item.executionstarttime) }}至{{ |
| | | $fm.formatYMDHM(item.executionendtime) |
| | | }} |
| | | </div> |
| | | <div class="text-info"> |
| | | <div class="text-label"> |
| | | <el-icon class="m-r-4" size="16"><User /></el-icon> |
| | | 任务人员: |
| | | 人员: |
| | | </div> |
| | | {{ item.executorrealtimes }} |
| | | </div> |
| | | <el-space class="m-t-4"> |
| | | <el-tag size="small" type="info" effect="" |
| | | >问题:{{ status.proNum }}</el-tag |
| | | > |
| | | <el-tag size="small" type="info" effect="" |
| | | >整改:{{ status.changeNum }}</el-tag |
| | | > |
| | | <el-tag size="small" :type="changePerType" effect="" |
| | | >整改率:{{ status.changePer }}</el-tag |
| | | > |
| | | </el-space> |
| | | <el-row justify="space-between"> |
| | | <el-space class="m-t-4"> |
| | | <el-tag size="small" type="info" effect="" |
| | | >问题:{{ status.proNum }}</el-tag |
| | | > |
| | | <el-tag size="small" type="info" effect="" |
| | | >整改:{{ status.changeNum }}</el-tag |
| | | > |
| | | <el-tag size="small" :type="changePerType" effect="" |
| | | >整改率:{{ status.changePer }}</el-tag |
| | | > |
| | | </el-space> |
| | | <slot :item="item"></slot> |
| | | </el-row> |
| | | </el-col> |
| | | <el-col :span="4"> |
| | | <slot :item="item"></slot> |
| | | </el-col> |
| | | <!-- <el-col :span="4"> </el-col> --> |
| | | </el-row> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | | import { ref, watch, computed } from 'vue'; |
| | | import taskApi from '@/api/fysp/taskApi'; |
| | | import problemApi from '@/api/fysp/problemApi'; |
| | | import ProCheckProxy from '@/views/fysp/check/ProCheckProxy'; |
| | | |
| | | /** |
| | |
| | | |
| | | function fetchProblems(subtask) { |
| | | loading.value = true; |
| | | taskApi |
| | | problemApi |
| | | .getProBySubtask(subtask.stguid) |
| | | .then((res) => { |
| | | proList.value = res; |