Newer
Older
KaiFengPC / src / views / sponeScreen / longYW / PatrolDialog.vue
@鲁yixuan 鲁yixuan on 27 Jun 2 KB update
  1. <template>
  2. <div class="BOx">
  3. <!-- <div class="ditu">地图</div> -->
  4. <el-table v-loading="tableLoading" :data="tableData" max-height="650" style="margin-top: 5px">
  5. <el-table-column label="巡查名称" prop="nickName" />
  6. <el-table-column label="巡查项目名称" prop="openId1" />
  7. <el-table-column label="巡查人" prop="nickName2" />
  8. <el-table-column label="巡查里程(km)" prop="num" />
  9. <el-table-column label="巡查状态" prop="nickName1" />
  10. <el-table-column label="巡查时段" prop="nickName" />
  11. <el-table-column label="巡查位置" prop="weiz" />
  12. <el-table-column label="巡查描述" prop="miaoshhu" />
  13. </el-table>
  14. <div style="width: 100%; display: flex; margin-top: 5px">
  15. <div>
  16. <div class="detail-title1">问题图片</div>
  17. <div style="flex-wrap: wrap; width: 100%">
  18. <el-image :src="url" :preview-src-list="[url]" style="width: 240px; height: 120px; margin-top: 5px"> </el-image>
  19. </div>
  20. <!-- <el-empty v-else description="暂无图片" :image-size="50" /> -->
  21. </div>
  22.  
  23. <!-- <Empty :width="220" :height="120" :emptyText="'暂无数据...'" style="margin-top: 5px"></Empty> -->
  24. </div>
  25. <el-table v-loading="tableLoading" :data="tableData1" max-height="650" style="margin-top: 5px">
  26. <el-table-column label="案件名称" prop="a" />
  27. <el-table-column label="案件等级" prop="b" />
  28. <el-table-column label="问题类型" prop="c" />
  29. <el-table-column label="上报人" prop="nickName2" />
  30. <el-table-column label="上报时间" prop="t" />
  31. <el-table-column label="截止时间" prop="y" />
  32. <el-table-column label="状态" prop="openId" />
  33. <el-table-column label="操作" prop="openId" />
  34. </el-table>
  35. </div>
  36. </template>
  37.  
  38. <script setup>
  39. const url = 'https://server1.wh-nf.cn:9000/newfiber-standard/2024/03/02/微信图片_20240302202056_20240302202204A004.jpg';
  40. const tableData = ref([
  41. {
  42. openId1: '海绵项目1',
  43. nickName1: '正在巡查',
  44. nickName2: '李强',
  45. num: '5',
  46. weiz: '开封市魏嘟路',
  47. miaoshhu: '无',
  48. },
  49. ]);
  50. const tableData1 = ref([
  51. {
  52. a: '巡查',
  53. b: 'I',
  54. c: '管网',
  55. t: '2024-06-26',
  56. y: '2024-06-30',
  57. nickName2: '李强',
  58. },
  59. ]);
  60. // const tableLoading = ref(true);
  61. </script>
  62. <style scoped lang="scss">
  63. .BOx {
  64. padding-bottom: 20px;
  65. }
  66. .ditu {
  67. width: 100%;
  68. height: 300px;
  69. border: 1px solid #c6c6c6;
  70. }
  71. .detail-title1 {
  72. color: #c6c6c6;
  73. }
  74. </style>