更新

src/views/hall/dock/dockDetail.vue

@@ -72,16 +72,24 @@
                     </el-col>
                   </el-col>
                 </span>
-                <span v-if="display === '2'">
+                <!-- <span v-if="display === '2'">
                   <el-col :span="24" class="two">
                     <chat :room="room"></chat>
                   </el-col>
-                </span>
+                </span> -->
               </el-col>
               <el-col class="mainDown">
-                <el-button @click="btnInfo()" type="info">项目详情</el-button>
-                <el-button v-if="this.user.uid != detailInfo.userid" @click="btnPhone()" type="primary">对接聊天</el-button>
+                <!-- <el-button @click="btnInfo()" type="info">项目详情</el-button> -->
+                <!-- <el-button v-if="this.user.uid != detailInfo.userid" @click="btnPhone()" type="primary">对接聊天</el-button> -->
+                <el-button type="primary" @click="btnPhone()" v-if="this.user.uid != detailInfo.userid">对接聊天</el-button>
+
                 <el-button v-if="this.user.uid != detailInfo.userid" @click="btnTrade()" type="success">洽谈交易</el-button>
+
+                <el-dialog title="对接聊天" :visible.sync="dialogTableVisible">
+                  <el-col :span="24" class="two">
+                    <chat :room="room"></chat>
+                  </el-col>
+                </el-dialog>
               </el-col>
             </el-col>
           </div>
@@ -94,6 +102,7 @@
         <el-table-column prop="memo" label="参数内容" align="center"> </el-table-column>
       </el-table>
     </el-dialog>
+    <el-col :span="24" class="marketPublish" @click.native="back()"> <span>返回</span></el-col>
   </div>
 </template>
 
@@ -118,6 +127,7 @@ export default {
     introduction: '123',
     dialogVisible: false,
     tableData: [],
+    dialogTableVisible: false,
     room: {},
   }),
   created() {
@@ -167,6 +177,7 @@ export default {
     },
     // 线下对接
     async btnPhone() {
+      this.dialogTableVisible = true;
       if (!this.room.id) {
         //TODO 请求房间号
         let obj = {};
@@ -190,7 +201,7 @@ export default {
           this.$set(this, `room`, res.data);
         }
       }
-      this.display = '2';
+      // this.display = '2';
     },
     async btnTrade() {
       let form = {};
@@ -211,6 +222,9 @@ export default {
     //     this.countDelete(room_id);
     //   }
     // },
+    back() {
+      history.back();
+    },
   },
   computed: {
     ...mapState(['user']),
@@ -372,4 +386,32 @@ p {
     text-align: center;
   }
 }
+
+/deep/.el-dialog__body {
+  padding: 30px 20px;
+  color: #606266;
+  font-size: 14px;
+  height: 800px;
+  word-break: break-all;
+}
+.marketPublish {
+  position: fixed;
+  background: #0279d5;
+  width: 100px;
+  height: 100px;
+  z-index: 999;
+  left: 2%;
+  top: 80%;
+  border-radius: 20px;
+  box-shadow: 2px 2px 2px #055c9f;
+  text-align: center;
+  line-height: 100px;
+  font-size: 20px;
+  color: #fff;
+  font-weight: bold;
+}
+.marketPublish:hover {
+  background: #f60;
+  cursor: pointer;
+}
 </style>

src/views/hall/dock/parts/chat.vue

@@ -138,6 +138,7 @@ export default {
 .senderTime {
   float: left;
   width: 100%;
+  text-align: left;
 }
 .receverTime {
   float: right;