<template>
  <div>
    <div class="topbar">
      <div class="topbar_left" @click="goback">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-fanhui"></use>
        </svg>
      </div>
      <div class="topbar_middle">工组进度(油漆组)</div>
      <div class="topbar_right">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-caidan"></use>
        </svg>
      </div>
    </div>

    <div id="content">
      <orderwkp-list v-for="(item,index) in wkplist" :key="index"></orderwkp-list>
    </div>

  </div>

</template>
<script>
  import OrderwkpList from "./components/orderwkplist";
  export default {
    components: {
      OrderwkpList
    },
    data() {
      return {
        wkplist: [1, 2, 3, 4, 5, 6, 7, 8, 9]
      }
    },
    methods: {
      goback() {
        {
          history.back();
        }
      }
    }
  }

</script>
<style>
  body {
    margin: 0;
    padding: 0;
    /* background-color: #fff; */
    font-family: "微软雅黑";
    font-size: 15px;
  }
  .topbar {
    min-height: 44px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 9993;
    display: flex;
    font-size: 18px;
    align-items: center;
  }

  .topbar_left {
    /* flex: 0 0 %; */
    margin-left: 10px;
  }

  .topbar_middle {
    text-align: center;
    flex: 0 0 85%;
  }

  .topbar_right {
    /* flex: 0 0 10%; */
    position: absolute;
    right: 10px;
  }

  #content {
    position: absolute;
    top: 44px;
    background-color: #fff;
    width: 100%;
    padding-bottom: 60px;
  }

</style>
