<template>
  <div class="m-pop">
    <div class="wrap">
      <cpt-card>
        <div class="title">
          <img src="@/assets/img/shuju/title-tip.png" />
          <span>需求详情</span>
        </div>

        <div class="btn-close" @click="handleClose">
          <img src="@/assets/img/shuju/people/close.png" />
        </div>
        <div class="list-title">需求内容</div>
        <div class="list-wr">
          <div class="list">
            
            <div class="item-desc">
              <!-- <span class="item-field">所属网格：</span> -->
              <span>市北区同德花园小区物业管理服务，公司的同志每天对该小区 公共部位，喷洒消毒液进行消毒。为杀灭新型冠状病毒，近几 天以来，市北区</span>
            </div>
            <div class="item">
              <span class="item-field">所属网格：</span>
              <span>哈哈哈</span>
            </div>
            <div class="item">
              <span class="item-field">需求类型：</span>
              <span>的是法撒旦法</span>
            </div>
            <div class="item">
              <span class="item-field">需求状态：</span>
              <span>第三方士大夫</span>
            </div>
            <div class="item">
              <span class="item-field">上报类型：</span>
              <span>撒打发斯蒂芬</span>
            </div>
            <div class="item">
              <span class="item-field">上 报 人：</span>
              <span>撒打发斯蒂芬</span>
            </div>
            <div class="item">
              <span class="item-field">上报人联系方式：</span>
              <span>撒打发斯蒂芬</span>
            </div>
            <div class="item">
              <span class="item-field">上报时间：</span>
              <span>2021-09-17 12:52</span>
            </div>
            <div class="item">
              <span class="item-field">服务时间：</span>
              <span>2021-09-17 12:52</span>
            </div>
          </div>
          <div class="list">
            <div class="item">
              <span class="item-field">服务方：</span>
              <span>哈哈哈</span>
            </div>
            <div class="item">
              <span class="item-field">实际服务时间：</span>
              <span>2021-09-17 12:52 至 <br/>
                2021-09-17 17:52</span>
            </div>
            <div class="item">
              <span class="item-field">完成情况：</span>
              <span>第三方士大夫</span>
            </div>
            <div class="item">
              <span class="item-field">评价：</span>
              <span>
                <el-rate value="4" disabled></el-rate>
              </span>
            </div>
          </div>
        </div>

        <div class="tabs">
          <div
            class="tab-btn"
          >
            <img src="@/assets/img/shuju/people/arrow-double-left.png" />
          </div>
          <div
            class="tab z-on"
          >
            研判分析
          </div>
          <div
            class="tab-btn"
          >
            <img src="@/assets/img/shuju/people/arrow-double-right.png" />
          </div>
        </div>

        
      </cpt-card>
    </div>
  </div>
</template>

<script>
import cptCard from "@/views/modules/visual/cpts/card";
import { requestPost } from "@/js/dai/request";

export default {
  name: "dialogInfo",
  props: {
    userId: {
      type: String,
      default: "",
    },
    gridName: {
      type: String,
      default: "",
    },
  },

  components: {
    cptCard,
  },

  data() {
    return {
      fieldList: [],
      groupList: [],
      groupIndex: 0,
      startGroupIndex: 0,
      info: {},
      allInfo: {},

      xiaoquList: [],
      louList: [],
      danyuanList: [],
      homeList: [],
    };
  },

  
  mounted() {
  },

  methods: {
    handleClose() {
      this.$emit("close");
    },
  }
};
</script>

<style lang="scss" src="@/assets/scss/modules/visual/people.scss" scoped></style>
<style lang="scss" scoped>
.m-pop {
  .wrap {
    .list {
      display: block;
      width: 50%;
      .item {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 16px;
        cursor: pointer;
      }
      .item-desc {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 24px;
      }
    }
  }
  .list-title {
      width: 100%;
      box-sizing: border-box;
      padding: 20px 0 10px 62px;
      font-size: 20px;
      cursor: pointer;
    }
}
.list-wr {
  display: flex;
  padding: 0 32px;
  
}
</style>
