1

src/views/halltwo/directTwo.vue

@@ -36,7 +36,7 @@
               <el-col :span="15" class="left"> <span>主办单位：</span>{{ dockInfo.sponsor }} </el-col>
               <el-col :span="8" class="right">
                 <el-button class="btn1">返回展会进行页</el-button>
-                <el-button class="btn2" @click="to()">进入展会总结页</el-button>
+                <el-button class="btn2" @click="$router.push({ path: '/halltwo/detail', query: { id: dockInfo.id } })">进入展会总结页</el-button>
               </el-col>
             </el-col>
             <el-col :span="24" class="twodown">
@@ -198,19 +198,61 @@
               </el-col>
             </el-col>
             <el-col :span="24" class="three8">
-              技术
+              <el-col :span="8" class="left">
+                <el-col :span="24" class="top">
+                  <el-image :src="zdcom"></el-image>
+                  <span>指导单位</span>
+                </el-col>
+                <el-col :span="24" class="down">
+                  <el-link :underline="false">吉林省科技厅</el-link>
+                  <el-link :underline="false">吉林省科学技术协会</el-link>
+                </el-col>
+              </el-col>
+              <el-col :span="8" class="left">
+                <el-col :span="24" class="top">
+                  <el-image :src="jscom"></el-image>
+                  <span>技术支持单位</span>
+                </el-col>
+                <el-col :span="24" class="down">
+                  <el-link :underline="false">长春市福瑞科技有限公司</el-link>
+                </el-col>
+              </el-col>
             </el-col>
           </div>
         </el-col>
         <el-col :span="24" class="four">
-          第四部分
+          <div class="w_1200">
+            <el-col :span="24" class="info">
+              <el-col :span="8" class="left">
+                <h1>专家咨询：</h1>
+                <p>工作日：08:30~17:00</p>
+                <p>咨询电话：</p>
+                <p>0431-81666508</p>
+              </el-col>
+              <el-col :span="8" class="left">
+                <h1>业务联系：</h1>
+                <p>长春中科北斗工程技术有限公司</p>
+                <p>联系人：刘经理</p>
+                <p>电话：18604328977</p>
+                <p>邮箱：18889898@qq.com</p>
+              </el-col>
+              <el-col :span="8" class="left right">
+                <h1>活动帮微信：</h1>
+                <el-image :src="erweima" style="width:132px;height:132px;"></el-image>
+              </el-col>
+            </el-col>
+          </div>
         </el-col>
       </el-col>
+      <div class="pz_down">
+        <live-foot></live-foot>
+      </div>
     </el-row>
   </div>
 </template>
 
 <script>
+import liveFoot from '@/layout/live/foot.vue';
 // 直播实况
 import trainlist from './parts/trainlist.vue';
 // 广告位
@@ -231,6 +273,7 @@ export default {
   name: 'directTwo',
   props: {},
   components: {
+    liveFoot,
     // 直播实况
     trainlist,
     // 广告位
@@ -433,6 +476,10 @@ export default {
           name: '不知道',
         },
       ],
+      // 指导单位
+      zdcom: require('@a/zh_17.png'),
+      jscom: require('@a/zh_18.png'),
+      erweima: require('@a/二维码.jpg'),
     };
   },
   async created() {
@@ -450,7 +497,6 @@ export default {
     },
     to() {
       // this.$router.push({ ptah: '/halltwo/detail' });
-      this.$router.push({ path: '/halltwo/detail', query: { id: this.id } });
     },
   },
   computed: {
@@ -840,7 +886,46 @@ export default {
     }
     .three8 {
       min-height: 110px;
-      border: 1px solid red;
+      .left {
+        margin: 0 15px 0 0;
+        .top {
+          height: 42px;
+          background-color: #d0dce6;
+          .el-image {
+            padding: 5px 0 0 10px;
+          }
+          span {
+            display: inline-block;
+            position: relative;
+            top: -10px;
+            left: 10px;
+          }
+        }
+        .down {
+          margin: 10px;
+        }
+      }
+    }
+  }
+  .four {
+    border-top: 2px solid #305798;
+    height: 250px;
+    .info {
+      .left {
+        h1 {
+          padding: 15px 0;
+          font-weight: bold;
+          color: #4d4d4d;
+        }
+        p {
+          font-size: 16px;
+          color: #4d4d4d;
+          padding: 5px 0;
+        }
+      }
+      .right {
+        text-align: center;
+      }
     }
   }
 }

src/views/halltwo/parts/dockchat.vue

@@ -65,17 +65,32 @@ export default {
   },
   methods: {
     ...chat(['query', 'create']),
+    // 查询列表
     async search() {
       const res = await this.query({ skip: 0, limit: 10, dock_id: this.dock_id });
       if (this.$checkRes(res)) this.$set(this, `list`, _.reverse(res.data));
     },
-    send() {
-      console.log(this.text);
+    // 发言
+    async send() {
+      // if (!this.user.uid) {
+      //   this.$message.error('游客不能发言,请先注册');
+      //   return;
+      // }
+      if (this.text != '') {
+        let object = { sender_name: this.user.name ? this.user.name : this.user.adminuser, content: this.text, dock_id: this.dock_id };
+        if (this.user.uid) {
+          object.sender_id = this.user.uid;
+          object.role = this.user.role;
+        }
+        let res = await this.create(object);
+        this.$checkRes(res, null, res.errmsg || '发言失败');
+      } else this.$message.error('请输入信息后发送');
     },
+    // 切换图片
     isEmotion(word) {
-      // console.log(word.startsWith('<img'));
       return word.startsWith('<img');
     },
+    // mq
     channel() {
       this.$stomp({
         [`/exchange/public_chat/${this.dock_id}`]: this.onMessage,