index.vue 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <view class="">
  3. <MapView></MapView>
  4. <van-list
  5. v-model="loading"
  6. :immediate-check="false"
  7. :error.sync="error"
  8. error-text="请求失败,点击重新加载"
  9. finished-text="没有更多了~"
  10. @load="getList"
  11. >
  12. <view
  13. class="list-item"
  14. v-for="(item, key) in tableData"
  15. :key="key"
  16. @click="goDetail(item)"
  17. >
  18. <div class="nameTitle">{{ item.name }}</div>
  19. <div>下发时间:{{ item.jsdw }}</div>
  20. <div>结束时间:{{ item.jsdw }}</div>
  21. <div>核查图斑:{{ item.spotsnumber || 0 }}个</div>
  22. <div>核查人员:{{ item.jsdw }}</div>
  23. <view class="status">{{ item.status }}</view>
  24. </view>
  25. </van-list>
  26. </view>
  27. </template>
  28. <script>
  29. import MapView from "./MapView.vue";
  30. import { listPcsjXQList } from "@/api/apis.js";
  31. import { handleNavigation } from "./mapto.js";
  32. export default {
  33. name: "map-view",
  34. components: {
  35. MapView,
  36. },
  37. data() {
  38. return {
  39. queryParams: {
  40. jcbh: "", //监测编号
  41. pageNum: 1,
  42. pageSize: 10,
  43. pcsjid: "",
  44. },
  45. loading: false,
  46. tableData: [{}],
  47. };
  48. },
  49. mounted() {},
  50. onShow(options) {
  51. uni.getStorage({
  52. key: "my_param",
  53. success: (res) => {
  54. this.queryParams.id = res.data.id;
  55. console.log("获取的参数是:", res.data);
  56. this.getList();
  57. this.navigation();
  58. },
  59. });
  60. },
  61. unmounted() {},
  62. methods: {
  63. getList() {
  64. listPcsjXQList(this.queryParams).then((response) => {
  65. this.tableData = response.rows;
  66. this.total = response.total;
  67. // this.open = true;
  68. // this.title = "修改监管批次数据";
  69. // this.initVectorLayer("mapDiv");
  70. // this.initVectorLayer("mapCon1");
  71. // this.initVectorLayer("mapCon2");
  72. // this.addGeoJson("mapDiv");
  73. // this.addGeoJson("mapCon1");
  74. // this.addGeoJson("mapCon2");
  75. });
  76. },
  77. navigation() {
  78. console.log("s-xsx")
  79. handleNavigation({
  80. latitude: 39.9042,
  81. longitude: 116.4074,
  82. name: "地址名称",
  83. address: "地址详情",
  84. });
  85. // uni.openLocation({
  86. // latitude: 39.9042,
  87. // longitude: 116.4074,
  88. // name: "地址名称",
  89. // address: "地址详情",
  90. // success: function (res) {
  91. // console.log("打开系统位置地图成功");
  92. // },
  93. // fail: function (error) {
  94. // console.log(error);
  95. // },
  96. // });
  97. },
  98. },
  99. };
  100. </script>
  101. <style scoped>
  102. </style>