<template>
  <div class="handle">
    <div class="card" v-for="(data,i) in $store.state.handleList" :key="i">
      <div class="title">
        <p>{{data.title}}</p>
        <span>{{data.address}}</span>
      </div>
      <!-- <div class="body">
        <ul>
          <li>
            <p>协同事项</p>
            <span>{{data.matter}}</span>
          </li>
          <li>
            <p>发现方式</p>
            <span>{{data.style}}</span>
          </li>
          <li>
            <p>接受部门</p>
            <span>{{data.department}}</span>
          </li>
          <li>
            <p>推送时间</p>
            <span>{{data.sendTime}}</span>
          </li>
        </ul>
      </div>
      <div class="foot">
        <m-step
          :steps="data.step"
          :current="data.current"

        ></m-step>
      </div> -->
    </div>
  </div>
</template>

<script>
export default {
  name: 'handle'

}
</script>

<style lang="stylus" scoped>
.handle
  width 100%
  height 100%
  display flex
  align-items center
  >.title
    width 100%
    display flex
    align-items center
    justify-content flex-start
    >p
      width 50%
    >span
      width 50%



</style>
