|
@@ -1,153 +0,0 @@
|
|
|
-<template>
|
|
|
- <div id="semDetail">
|
|
|
- <el-row>
|
|
|
- <div class="w_1200">
|
|
|
- <el-col :span="24" class="semDetail">
|
|
|
- <el-col :soan="24"> <el-image :src="gongqiuImage" class="gongqiuImage" style="width:100%;height:160px;"></el-image></el-col>
|
|
|
- <el-col :span="24" class="title"
|
|
|
- ><span>浏览次数:{{ plany.cishu }}</span
|
|
|
- ><span>{{ plany.title }}</span></el-col
|
|
|
- >
|
|
|
- <el-col :span="24" v-for="(item, index) in fabiaolist" :key="index" class="list">
|
|
|
- <el-col :span="4" class="lefts">
|
|
|
- <el-col :span="24" class="name">会员名称</el-col>
|
|
|
- <el-image :src="squareImage" style="width:65%;height: 128px;padding:5px 0 0 0;"></el-image>
|
|
|
- <p>
|
|
|
- <span>{{ item.name }}</span>
|
|
|
- </p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="19" class="under">
|
|
|
- <el-col :span="24" class="underspan"
|
|
|
- ><span style="color:green"><i class="el-icon-user-solid"></i></span><span>{{ item.ceng }} {{ item.date }}</span></el-col
|
|
|
- >
|
|
|
- <p>{{ item.context }}</p>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="chatInfo">
|
|
|
- <el-col :span="24" class="message">
|
|
|
- <el-col :span="24" class="info chat_frame" id="chat"> </el-col>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="input">
|
|
|
- <el-col :span="24" class="title"><i class="el-icon-edit"></i> 发布评论 </el-col>
|
|
|
- <wang-editor v-model="inputInfo" ref="editor" class="huifu"></wang-editor>
|
|
|
- <el-button type="primary">发布评论</el-button>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </el-col>
|
|
|
- </div>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import wangEditor from '@/components/wang-editor.vue';
|
|
|
-import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
-const { mapActions: news } = createNamespacedHelpers('news');
|
|
|
-export default {
|
|
|
- name: 'semDetail',
|
|
|
- props: {},
|
|
|
- components: {
|
|
|
- wangEditor,
|
|
|
- },
|
|
|
- data: () => ({
|
|
|
- plany: { cishu: '100', title: '2020年度中德医疗项目顺利进行' },
|
|
|
-
|
|
|
- detailinfo: {},
|
|
|
- gongqiuImage: require('@/assets/live/111.png'),
|
|
|
- squareImage: require('@/assets/live/222.png'),
|
|
|
- inputInfo: '',
|
|
|
- fabiaolist: [{ name: '测试1', context: '测试内容', ceng: '1楼', date: '2020-03-05' }],
|
|
|
- }),
|
|
|
- created() {
|
|
|
- this.search();
|
|
|
- },
|
|
|
- computed: {
|
|
|
- id() {
|
|
|
- return this.$route.query.id;
|
|
|
- },
|
|
|
- ...mapState(['user']),
|
|
|
- pageTitle() {
|
|
|
- return `${this.$route.meta.title}`;
|
|
|
- },
|
|
|
- },
|
|
|
- methods: {
|
|
|
- ...news(['fetch']),
|
|
|
- async search() {
|
|
|
- const res = await this.fetch(this.id);
|
|
|
- this.$set(this, `detailinfo`, res.data);
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.w_1200 {
|
|
|
- width: 80%;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-.semDetail {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- min-height: 600px;
|
|
|
- margin: 30px 0;
|
|
|
-}
|
|
|
-.semDetail .title {
|
|
|
- height: 60px;
|
|
|
- border-bottom: 10px solid #5096d2;
|
|
|
-}
|
|
|
-.semDetail .title span:first-child {
|
|
|
- background-color: #a5d2f5;
|
|
|
- height: 50px;
|
|
|
- display: inline-block;
|
|
|
- color: #5096d2;
|
|
|
- line-height: 50px;
|
|
|
- padding: 0 0 0 30px;
|
|
|
- width: 14%;
|
|
|
- border-bottom: 10px solid #5096d2;
|
|
|
-}
|
|
|
-.semDetail .title span:nth-child(2) {
|
|
|
- height: 40px;
|
|
|
- display: inline-block;
|
|
|
- line-height: 40px;
|
|
|
- text-align: center;
|
|
|
- width: 80%;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bold;
|
|
|
- letter-spacing: 8px;
|
|
|
-}
|
|
|
-
|
|
|
-.semDetail .list .lefts {
|
|
|
- background-color: #a5d2f5;
|
|
|
- height: 220px;
|
|
|
- text-align: center;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.semDetail .list .lefts .name {
|
|
|
- padding: 20px 0 5px 0;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 18px;
|
|
|
- border-bottom: 1px dashed #fff;
|
|
|
-}
|
|
|
-.semDetail .list .lefts span {
|
|
|
- padding: 5px 0 5px 0;
|
|
|
- color: #fff;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.under .underspan {
|
|
|
- font-size: 16px;
|
|
|
- margin: 0 20px 0 20px;
|
|
|
- border-bottom: 1px dashed red;
|
|
|
- margin: 0 0 10px 0;
|
|
|
-}
|
|
|
-.under p {
|
|
|
- height: 170px;
|
|
|
- margin: 30px 10px 20px 10px !important;
|
|
|
- border: 1px dashed #000000;
|
|
|
-}
|
|
|
-.chatInfo .input .el-button {
|
|
|
- margin: 20px 0 0 0;
|
|
|
-}
|
|
|
-</style>
|