gcb_zc/pages/bidding/index.vue

<template>
  <section class="detaile">
    <div class="head">
      <img src="~/static/img/back.png" alt @click="go">
      <span>项目详情</span>
      <img src="~/static/img/NotCollection.png" alt>
      <img src="~/static/img/share.png" alt>
    </div>
    <div class="name">
      <div class="title">
        <p>
          沈阳联通2019-2021年消防设备设施维护维
          修采购项目招标公告
        </p>
        <span class="time">2019-03-02</span>
        <span class="address">
          深圳市南山区深南大道腾讯大厦188室。溢出字符占
          位占位占位。
        </span>
      </div>
    </div>
    <div class="content">
      <div class="title">
        <img src="~/static/img/title.png" alt>
        <span class="con">招标内容</span>
        <span class="time">隐藏</span>
      </div>
      <table class="list">
        <tbody>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td
              class="con"
            >56465465565656撒打算das6dasd56asdas56dasaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaas5dasdasdsa</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="content">
      <div class="title">
        <img src="~/static/img/title.png" alt>
        <span class="con">项目联系人</span>
        <span class="time">隐藏</span>
      </div>
      <table class="list">
        <tbody class="mt40">
          <tr>
            <td colspan="2">
              <p class="img">甲方</p>
            </td>
          </tr>
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
        </tbody>
        <tbody class="mt40">
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
        </tbody>

        <tbody class="mt40">
          <tr>
            <td colspan="2">
              <p class="img">甲方</p>
            </td>
          </tr>
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
        </tbody>
        <tbody class="mt40">
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
        </tbody>

        <tbody class="mt40">
          <tr>
            <td colspan="2">
              <p class="img">甲方</p>
            </td>
          </tr>
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
        </tbody>
        <tbody class="mt40">
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
        </tbody>
        <tbody class="mt40">
          <tr>
            <td colspan="2">
              <p class="img">设计院</p>
            </td>
          </tr>
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
        </tbody>
        <tbody class="mt40">
          <tr>
            <td class="t">单位:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">电风扇</td>
          </tr>
          <tr>
            <td class="t">设备名称:</td>
            <td class="con">{{$store.state.info}}</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="money" v-if="!payment" @click="payments">查看详情</div>
    <payment v-else/>
  </section>
</template>
<script>
import '~/assets/details.scss'
import payment from '~/components/payment.vue'
import { mapMutations } from 'vuex'
export default {
  components: {
    payment
  },
  data() {
    return {
      payment: false,
      url: this.$route.path
    }
  },
  created: function() {
    this.$store.commit('equal', 30)
  },
  mounted() {
    console.log(this.$store.state.counter)
  },
  beforeDestroy: function() {
    if (this.payment) {
      this.$router.push({ path: this.url })
      this.payment = false
    }
  },
  methods: {
    payments(e) {
      this.payment = true
    },
    go(e) {
      this.$router.go(-1)
    }
  }
}
</script>

<style>
</style>