Newer
Older
KaiFengPC / src / views / longoPeration / Patrolmanagement / LsanjianPopup.vue
@鲁yixuan 鲁yixuan on 27 Aug 3 KB updata
  1. <template>
  2. <div class="first">
  3. <!-- 类容 -->
  4. <div class="dialog-form-detail flex flex-r flex-wrap" style="margin-top: 5px">
  5. <div class="flex flex-r">
  6. <div class="detail-label flex flex-align-center">巡查人员</div>
  7. <div class="detail-value flex flex-align-center">
  8. <!-- <div v-for="item in props.DataList.useridlist" style="margin-right: 10px">{{ item.userName }}</div> -->
  9. <div>
  10. {{ props.DataList.userName }}
  11. </div>
  12. </div>
  13. </div>
  14.  
  15. <div class="flex flex-r">
  16. <div class="detail-label flex flex-align-center">巡查项目</div>
  17. <div class="detail-value flex flex-align-center">
  18. {{ props.DataList.projectName }}
  19. </div>
  20. </div>
  21.  
  22. <div class="flex flex-r">
  23. <div class="detail-label flex flex-align-center">巡查位置</div>
  24. <div class="detail-value flex flex-align-center">{{ props.DataList.problemAddress }}</div>
  25. </div>
  26. </div>
  27.  
  28. <el-table :data="dataList" stripe style="margin-bottom: 20px; margin-top: 10px">
  29. <el-table-column type="index" width="55" label="序号" />
  30. <el-table-column label="存在问题" prop="haveProblem" />
  31. <el-table-column label="督办事项" prop="supervisionWork" />
  32. <el-table-column label="整改状态" prop="isRectify">
  33. <template #default="scope">
  34. <span>
  35. {{ scope.row.isRectify == '1' ? '待整改' : scope.row.isRectify == '2' ? '已整改' : '' }}
  36. </span>
  37. </template>
  38. </el-table-column>
  39. <el-table-column label="整改通知单" prop="fileListToNotice">
  40. <template #default="scope">
  41. <p v-for="item in scope.row.fileListToNotice" @click="ClickNmae(item.url)" style="cursor: pointer; color: #00a8ff">
  42. {{ item.originalName }}
  43. </p>
  44. </template>
  45. </el-table-column>
  46.  
  47. <el-table-column label="整改回复单" prop="fileListToReply">
  48. <template #default="scope">
  49. <p v-for="item in scope.row.fileListToReply" @click="ClickReply(item.url)" style="cursor: pointer; color: #00a8ff">
  50. {{ item.originalName }}
  51. </p>
  52. </template>
  53. </el-table-column>
  54. <el-table-column label="整改时限" prop="rectifyTime" />
  55. <el-table-column label="整改方式" prop="rectifyType" />
  56. <el-table-column label="责任人电话" prop="peoplePhone" width="155" />
  57. <el-table-column label="责任人" prop="peopleName" />
  58. <el-table-column label="整改回复时间" prop="replyTime" width="155" />
  59. </el-table>
  60. </div>
  61. </template>
  62.  
  63. <script setup>
  64. import { selectDetailByProblemTypeID } from '@/api/longoPeration/CaseIssues';
  65. const props = defineProps({
  66. // 数据
  67. DataList: {
  68. type: Array,
  69. default: null,
  70. },
  71. });
  72. const { proxy } = getCurrentInstance();
  73. const dataList = ref([]);
  74.  
  75. /** 搜索列表 */
  76. const getList = async IdA => {
  77. let res = await selectDetailByProblemTypeID(IdA);
  78. dataList.value = Array(res.data);
  79. };
  80.  
  81. function ClickNmae(val) {
  82. window.open(val);
  83. }
  84. function ClickReply(val) {
  85. window.open(val);
  86. }
  87.  
  88. watch(
  89. () => props.DataList,
  90. val => {
  91. if (val) {
  92. console.log(props.DataList, 'props.DataList');
  93. getList(props.DataList.id);
  94. }
  95. },
  96. { deep: true, immediate: true }
  97. );
  98. onMounted(() => {});
  99. </script>
  100.  
  101. <style scoped lang="scss">
  102. .first {
  103. }
  104. </style>