4 changed files with 199 additions and 3 deletions
			
			
		@ -0,0 +1,186 @@ | 
				
			|||
<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> | 
				
			|||
					Loading…
					
					
				
		Reference in new issue