<template>
  <div class="qdInfo">
    <div class="list flex">
      <div class="flex-1 flex">
        <div class="name">本队同行人员:</div>
        {{Getproperties.colleagues}}
      </div>
      <div class="flex-1 flex">
        <div class="name">所属街道:</div>
        {{Getproperties.areaCodeName}}
      </div>
    </div>
    <div class="list flex">
      <div class="flex-1 flex">
        <div class="name">本队人员个数:</div>
        {{Getproperties.peersNumber}}
      </div>
      <div class="flex-1 flex">
        <div class="name">街道现场人员:</div>
        {{Getproperties.streetPerson}}
      </div>
    </div>
    <div class="list flex">
      <div class="flex-1 flex">
        <div class="name">城管现场人员:</div>
        {{Getproperties.urbanManagementPerson}}
      </div>
      <div class="flex-1 flex">
        <div class="name">交管现场人员:</div>
        {{Getproperties.trafficManagementPerson}}
      </div>
    </div>
    <div class="list flex">
      <div class="flex-1 flex">
        <div class="name">园区现场人员:</div>
        {{Getproperties.parkPerson}}
      </div>
      <div class="flex-1 flex">
        <div class="name">签到人员:</div>
        {{Getproperties.updateBy}}
      </div>
    </div>
    <div class="list flex"><div class="name">现场照片:</div>
      <el-image
        style="width: 80px; height: 80px"
        :zoom-rate="1.2"
        :max-scale="7"
        :min-scale="0.2"
        :src="JSON.parse(Getproperties.scenePicList)"
        fit="cover"
        :preview-src-list="[JSON.parse(Getproperties.scenePicList)]"
        v-if="JSON.parse(Getproperties.scenePicList).length>0"
      ></el-image>
    </div>
    <div class="list flex"><div class="name">现场视频:</div>
      <el-image
        style="width: 80px; height: 80px"
        :zoom-rate="1.2"
        :max-scale="7"
        :min-scale="0.2"
        :src="JSON.parse(Getproperties.sceneVideoList)"
        fit="cover"
        :preview-src-list="[JSON.parse(Getproperties.sceneVideoList)]"
        v-if="JSON.parse(Getproperties.sceneVideoList).length>0"
      ></el-image>
      </div>
  </div>
</template>

<script setup name="qdInfo">
const { proxy } = getCurrentInstance();
const props = defineProps({
  Getproperties: {
    type: Object,
  },
});
</script>

<style lang="scss" scoped>
.qdInfo{
  overflow: auto;
  .list{
    margin-top: 10px;
    color: #fff;
  }
  .name{
    width: 110px;
    padding-right: 14px;
    text-align: right;
  }
}
</style>