123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- <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>
|