<template>
  <div style="padding-top: 14vw">
    <TopNav navTitle="警情详情" :showRight="false" :showLeft="true" />
    <div class="ry_info">
      <List :item="jqDetail" path="/yyzx/jqxx/jqDetail" />
    </div>
    <!-- <Steps :data="stepsData">
      <template v-slot:default="{ scope }">
        <div class="content">
          <div class="cont_l">
            <div class="text title">{{ scope.title }}</div>
            <div class="text">执行人:{{ scope.zxr }}</div>
            <div class="text">执行部门:{{ scope.zxbm }}</div>
          </div>
        </div>
      </template>
    </Steps> -->
    <div class="mapPattern">
      <van-button round block type="primary" @click="routerPush('/yyzx/jqxx/gljqList')"> 关联警情 </van-button>
    </div>
  </div>
</template>
<script setup>
import List from "../../../components/JqList.vue";
import TopNav from "../../../components/topNav.vue";
import Steps from "../../../components/Steps.vue";
import { getJqInfo } from "../../../api/jqxx";
import { onMounted, ref } from "vue";
import { useRoute } from "vue-router";
import router from "../../../router";
const route = useRoute()
const jqDetail = ref({});
const stepsData = ref([
  {
    title: "接到警情",
    zxr: "张三",
    zxbm: "高新区派出所",
    time: "2022-10-27 20:11:26",
  },
  {
    title: "接到警情",
    zxr: "张三",
    zxbm: "高新区派出所",
    time: "2022-10-27 20:11:26",
  },
  {
    title: "接到警情",
    zxr: "张三",
    zxbm: "高新区派出所",
    time: "2022-10-27 20:11:26",
  }
]);
//获取详情
function getInfo(){
  getJqInfo(route.query.id).then(res=>{
    jqDetail.value = res
  })
}
function routerPush(path){
  router.push({
    path:path,
    query:{jjdbh:jqDetail.value.jjdbh}
  })
}
onMounted(()=>{
  getInfo()
})
</script>
<style lang="scss" scoped>
@import "../../../assets/styles/mixin.scss";
.ry_info {
  margin: 2vw 3vw;
  border-radius: 2vw;
  @include jrtz_fill_color($jrtz-fill-color-theme);
}
.content {
  display: flex;
  padding-bottom: 20px;
  .cont_l {
    margin-right: 16px;
    .text{
      line-height: 5.5vw;
    }
    .title{
       @include font_size($font_medium);
       font-weight: 550;
    }
    
  }
}
</style>