1

src/views/hall/direct.vue

@@ -50,14 +50,14 @@
                 <el-col :span="24" class="video">
                   <video
                     :src="dockInfo.file_path"
-                    autoplay="autoplay"
+                    autoplay=""
                     controls="controls"
                     :style="{ height: `${this.user.role == 3 ? '350px' : '395px'}`, width: '100%' }"
                   >
                     您的浏览器不支持 video 标签。
                   </video>
                   <div class="box">
-                    <div class="con1" ref="con1" :class="{ anim: animate == true }" @mouseenter="mEnter" @mouseleave="mLeave">
+                    <div class="con1">
                       <el-col class="lunboList" :span="24" v-for="(item, index) in lunboList" :key="index">
                         <p>
                           <span>[{{ item.date }}]</span>
@@ -151,7 +151,7 @@
             </el-col>
             <el-col :span="24" class="tabsData">
               <el-tabs type="border-card" @tab-click="handleClick">
-                <el-tab-pane label="找技术">
+                <el-tab-pane label="科技需求">
                   <el-col :span="24" class="one">
                     <el-row class="jishulist">
                       <el-col :span="24" class="topList">
@@ -197,7 +197,7 @@
                     </el-row>
                   </el-col>
                 </el-tab-pane>
-                <el-tab-pane label="找产品">
+                <el-tab-pane label="技术成果">
                   <el-col :span="24" class="one">
                     <el-row>
                       <el-col :span="24" class="demandList">
@@ -250,7 +250,7 @@
                     </el-row>
                   </el-col>
                 </el-tab-pane>
-                <el-tab-pane label="找服务">
+                <el-tab-pane label="商务服务">
                   <el-col :span="24" class="one">
                     <el-row>
                       <el-col :span="24" class="serviceList">
@@ -290,11 +290,11 @@
                     </el-row>
                   </el-col>
                 </el-tab-pane>
-                <el-tab-pane label="找专家">
+                <el-tab-pane label="专家服务">
                   <el-col :span="24" class="two">
                     <el-col :span="12" class="twoList" v-for="(item, index) in expertList" :key="index">
                       <el-col :span="4" class="image">
-                        <el-image :src="item.expertimage" style="height: 92px;" v-if="item.expertimage != ''"></el-image>
+                        <el-image :src="item.expertimage" style="height: 92px;" v-if="item.expertimage != '' && null"></el-image>
                         <el-image :src="expertimage" style="height: 92px;" v-else></el-image>
                       </el-col>
                       <el-col :span="20" class="info">
@@ -310,10 +310,10 @@
                             >对接</el-button
                           >
                         </el-col>
-                        <el-col :span="12" class="txt"> 毕业院校：{{ item.school }} </el-col>
-                        <el-col :span="12" class="txt"> 最高学历：{{ item.education }} </el-col>
-                        <el-col :span="12" class="txt"> QQ/微信：{{ item.qqwx }} </el-col>
-                        <el-col :span="12" class="txt"> 电子邮箱：{{ item.email }} </el-col>
+                        <el-col :span="12" class="txt"> 毕业院校：{{ item.school || '暂无' }} </el-col>
+                        <el-col :span="12" class="txt"> 最高学历：{{ item.education || '暂无' }} </el-col>
+                        <el-col :span="12" class="txt"> QQ/微信：{{ item.qqwx || '暂无' }} </el-col>
+                        <el-col :span="12" class="txt"> 电子邮箱：{{ item.email || '暂无' }} </el-col>
                       </el-col>
                     </el-col>
                     <el-col :span="24" class="onmore">
@@ -463,7 +463,41 @@ export default {
     // 找技术
     jishulist: [],
     // 找产品
-    demandList: [],
+    demandList: [
+      {
+        achievebrief: '1',
+        achieveown: '权属',
+        achievesource: '国家项目',
+        achievestatus: '原理样机',
+        company: '高新技术企业',
+        condition: '1',
+        contacts: '高新技术企业',
+        cooperation: '合作开发',
+        expectations: '1',
+        features: '1',
+        field: '电子信息技术',
+        id: '5f72a7f78ee21ce51c076da7',
+        image: [
+          {
+            url: '/files/image/20200929112017.jpg',
+            _id: '5f72a7f78ee21ce51c076dab',
+          },
+          {
+            url: '/files/image/20200929112021.jpg',
+            _id: '5f72a7f78ee21ce51c076daa',
+          },
+        ],
+        intentionprice: '123',
+        name: '测试专利信息',
+        phone: '18000000008',
+        qqwx: '12345678',
+        roadshow: '/files/roadshow/20200929112010.xlsx',
+        status: '1',
+        team: '1',
+        type: '1',
+        userid: '5f7043b5114497e1d0bb452a',
+      },
+    ],
     // 找服务
     serviceList: [],
     // 找专家
@@ -505,47 +539,17 @@ export default {
     dockInfo: {},
     //对接会创建人id
     user_id: '',
-    videoSrc: '',
-    videoOptions: {
-      playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
-      autoplay: false, //如果true,浏览器准备好时开始回放。
-      muted: false, // 默认情况下将会消除任何音频。
-      loop: false, // 导致视频一结束就重新开始。
-      preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
-      language: 'zh-CN',
-      aspectRatio: '16:9', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
-      techOrder: ['flash', 'html5'], // 兼容顺序
-      fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
-      sources: [
-        {
-          // 流配置，数组形式，会根据兼容顺序自动切换
-          type: 'rtmp/hls',
-          src: 'rtmp://58.200.131.2:1935/livetv/hunantv',
-          // src: 'rtmp://play.liaoningdoupo.com/live/1',
-        },
-      ],
-      poster: '', //你的封面地址
-      // width: document.documentElement.clientWidth,
-      notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
-      controlBar: {
-        timeDivider: true,
-        durationDisplay: true,
-        remainingTimeDisplay: false,
-        fullscreenToggle: true, //全屏按钮
-      },
-    },
     name: '',
     dock_id: '',
     // 测试轮播
     lunboList: [],
-    animate: false,
     //现场直播对话框
     text: '',
   }),
-  created() {
+  async created() {
     this.$set(this, `dock_id`, this.$route.query.id);
     // 对接会详情
-    this.searchdock();
+    await this.searchdock();
   },
   methods: {
     ...mapProduct({ mapProductQuery: 'newquery' }),
@@ -575,7 +579,7 @@ export default {
         this.$set(this, `jishulist`, jishuData);
         // 找产品
         var chanpinData = czxmNew.filter(item => item.type === '1');
-        this.$set(this, `demandList`, chanpinData);
+        // this.$set(this, `demandList`, chanpinData);
         // 找服务
         var fuwuData = czxmNew.filter(item => item.type === '2');
         this.$set(this, `serviceList`, fuwuData);
@@ -725,28 +729,6 @@ export default {
     handleCloseExport(done) {
       done();
     },
-
-    // 测试轮播
-    scroll() {
-      let con1 = this.$refs.con1;
-      console.log(con1);
-      con1.style.marginTop = '-30px';
-      this.animate = !this.animate;
-      var that = this; // 在异步函数中会出现this的偏移问题，此处一定要先保存好this的指向
-      setTimeout(function() {
-        that.lunboList.push(that.lunboList[0]);
-        that.lunboList.shift();
-        con1.style.marginTop = '0px';
-        that.animate = !that.animate; // 这个地方如果不把animate 取反会出现消息回滚的现象，此时把ul 元素的过渡属性取消掉就可以完美实现无缝滚动的效果了
-      }, 500);
-    },
-    mEnter() {
-      clearInterval(this.timer1);
-    },
-    mLeave() {
-      this.timer1 = setInterval(this.scroll, 1000);
-    },
-    //
     async send() {
       if (this.text != '') {
         let object = { login_role: 3, type: 2, login_name: this.user.adminuser, remark: this.text, dockid: this.dock_id };
@@ -754,7 +736,6 @@ export default {
         this.$checkRes(res, null, res.errmsg || '发言失败');
       } else this.$message.error('请输入信息后发送');
     },
-
     channel() {
       this.$stomp({
         [`/exchange/bullet_chat/${this.dock_id}`]: this.onMessage,
@@ -773,7 +754,6 @@ export default {
     },
   },
   mounted() {
-    this.timer1 = setInterval(this.scroll, 2000);
     this.channel();
   },
   computed: {
@@ -1248,7 +1228,6 @@ export default {
       }
     }
   }
-
   .two {
     padding: 15px 15px 0 15px;
     height: 466px;
@@ -1303,6 +1282,15 @@ export default {
       // }
     }
   }
+  /deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
+    font-weight: bold;
+    font-size: 16px;
+    background-color: #6e042c;
+    color: #fff;
+  }
+  /deep/.el-tabs__item {
+    font-size: 16px;
+  }
 }
 /deep/.el-tabs--border-card > .el-tabs__content {
   padding: 0;