fjjgpt/src/views/InspectDC/wtxqIndex.vue

<template>
  <div class="wtxq">
    <van-nav-bar title="问题说明" left-arrow @click-left="onClickLeft" />
    <div class="wtxqDiv">
      <div class="wtxqConten">
        <div class="wtxqItem">
          水库名称：<span>{{ wtxqValue.name }}</span>
        </div>
        <div class="wtxqItem">
          问题类别：<span>{{ wtxqValue.wtlb }}</span>
        </div>
        <div class="wtxqItem">
          检查项目：<span>{{ wtxqValue.jcxm }}</span>
        </div>
        <div class="wtxqItem">
          问题描述：<span>{{ wtxqValue.wtms }}</span>
        </div>
        <div class="wtxqItem">
          详细描述：<span>{{ wtxqValue.xxms }}</span>
        </div>
        <div class="wtxqItem">问题责任单位：{{ wtxqValue.inspPblmOrgName }}</div>
        <div class="wtxqItem">扣分值：{{ wtxqValue.kfz }}</div>
        <div class="wtxqItem">典型问题：{{ wtxqValue.dxwt }}</div>
        <div class="wtxqItem">经度：{{ wtxqValue.jd }}</div>
        <div class="wtxqItem">维度：{{ wtxqValue.wd }}</div>
        <div class="wtxqItem">
          备注：<span>{{ wtxqValue.bz }}</span>
        </div>
      </div>
      <div class="wtxqConten">
        <div class="wtxqItem">上报人员：{{ wtxqValue.sbry }}</div>
        <div class="wtxqItem">上报时间：{{ wtxqValue.tm }}</div>
      </div>
      <div class="wtxqConten">
        <div class="wtxqItem">多媒体</div>
        <div class="dmtList"></div>
      </div>
    </div>
  </div>
</template>
<script setup>
import { defineEmits, ref, watch } from "vue";
import { getCurrGroup } from "@/api/inspect.js";
import { jumpPage } from "@/utils/page";
import { useRoute, useRouter } from "vue-router";
const router = useRouter();
const wtxqValue = ref({
  name: "枫山水库",
  wtlb: "工程实体",
  jcxm: "工程管理、保护范围内禁止性行为",
  wtms: "工程管理和保护范围内有危害性工程安全的活动",
  xxms: "库区管理范围内存在恢复耕地施工行为",
  kfz: "",
  dxwt: 0,
  jd: "119.09487468",
  wd: "25.57170182",
  bz: "",
  sbry: "张盛友",
  tm: "2025-03-28 16:41",
  dmt: "枫山水库",
});

function onClickLeft() {
  router.go(-1);
}
</script>
<style lang="scss" scoped>
.wtxqConten {
  margin: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 3px 5px;
  .wtxqItem {
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    border-bottom: 1px solid #ccc;
    span {
      flex: 1;
    }
  }
  .dmtList {
    height: 60px;
  }
  .wtxqItem:last-child {
    border: none;
  }
}
.wtxqDiv {
  height: 92vh;
  overflow-y: auto;
}
</style>
<style>
.wtxq .van-nav-bar__content {
  background-color: #007bff;
}
.wtxq .van-nav-bar__title {
  color: #fff;
}
.wtxq .van-nav-bar .van-icon {
  color: #fff;
}
</style>