|
@@ -10,29 +10,9 @@
|
|
|
<span>{{ info.sponsor }}</span>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="thr">
|
|
|
- <p>
|
|
|
- <span>同时在线</span>
|
|
|
- <span>{{ 1000 + statNum.tszx || 0 }}人</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span>特邀嘉宾</span>
|
|
|
- <span>{{ statNum.tyjb || 0 }}人</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span>洽谈合作</span>
|
|
|
- <span>{{ statNum.qthz || 0 }}项</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span>达成意愿</span>
|
|
|
- <span>{{ statNum.dcyx || 0 }}项</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span>交易完成</span>
|
|
|
- <span>{{ statNum.jywc || 0 }}项</span>
|
|
|
- </p>
|
|
|
- <p>
|
|
|
- <span>参展项目</span>
|
|
|
- <span>{{ statNum.czxm || 0 }}项</span>
|
|
|
+ <p v-for="(item, index) in list" :key="index">
|
|
|
+ <span>{{ item.name }}</span>
|
|
|
+ <span>{{ item.num || 0 }}{{ item.unit }}</span>
|
|
|
</p>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -42,6 +22,7 @@
|
|
|
|
|
|
<script>
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const { mapActions: statistics } = createNamespacedHelpers('statistics');
|
|
|
export default {
|
|
|
name: 'topInfo',
|
|
|
props: {
|
|
@@ -50,13 +31,26 @@ export default {
|
|
|
components: {},
|
|
|
data: function() {
|
|
|
return {
|
|
|
- statNum: {},
|
|
|
+ list: [],
|
|
|
};
|
|
|
},
|
|
|
- created() {},
|
|
|
- methods: {},
|
|
|
+ async created() {
|
|
|
+ await this.search();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...statistics(['dockQuery']),
|
|
|
+ async search() {
|
|
|
+ let res = await this.dockQuery({ dock_id: this.id });
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$set(this, `list`, res.data);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
+ id() {
|
|
|
+ return this.$route.query.id;
|
|
|
+ },
|
|
|
},
|
|
|
watch: {},
|
|
|
};
|