|
@@ -0,0 +1,108 @@
|
|
|
+<template>
|
|
|
+ <div id="index">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <top topType="2" @upBack="upBack"></top>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="info" :style="{ height: clientHeight + 'px' }">
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <info :form="form"></info>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="two">
|
|
|
+ <contact :contactInfo="form.contactInfo"></contact>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import info from './parts/info.vue';
|
|
|
+import contact from './parts/contact.vue';
|
|
|
+import top from '@/layout/common/top.vue';
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+export default {
|
|
|
+ name: 'index',
|
|
|
+ props: {},
|
|
|
+ components: {
|
|
|
+ info,
|
|
|
+ contact,
|
|
|
+ top,
|
|
|
+ },
|
|
|
+ data: function() {
|
|
|
+ return {
|
|
|
+ clientHeight: '',
|
|
|
+ // 信息详情
|
|
|
+ form: {
|
|
|
+ title: '测试信息',
|
|
|
+ origin: '信息来源',
|
|
|
+ renew_time: '2021-03-31 10:00:00',
|
|
|
+ content: '信息内容',
|
|
|
+ imgUrl: [
|
|
|
+ {
|
|
|
+ name: '第一张',
|
|
|
+ url: require('@a/news1.jpg'),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '第一张',
|
|
|
+ url: require('@a/news1.jpg'),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '第一张',
|
|
|
+ url: require('@a/news1.jpg'),
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ fileUrl: require('@a/video1.mp4'),
|
|
|
+ contactInfo: {
|
|
|
+ name: '联系人',
|
|
|
+ phone: '17319450324',
|
|
|
+ email: 'guhongwei0324@163com',
|
|
|
+ address: '吉林省长春市朝阳区吉林省科技厅科研院1244号一号楼南小二楼',
|
|
|
+ },
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ async created() {
|
|
|
+ await this.search();
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ let clientHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 40;
|
|
|
+ this.$set(this, `clientHeight`, clientHeight);
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ search() {
|
|
|
+ console.log();
|
|
|
+ },
|
|
|
+ // 返回
|
|
|
+ upBack() {
|
|
|
+ this.$router.push({ path: '/service/index' });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ id() {
|
|
|
+ return this.$route.query.id;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.main {
|
|
|
+ .top {
|
|
|
+ height: 40px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-bottom: 1px solid #f1f1f1;
|
|
|
+ }
|
|
|
+ .info {
|
|
|
+ overflow-x: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|