Merge branch 'master' of http://git.cc-lotus.info/service-platform/web-test

src/views/hall/dock/dockDetail.vue

@@ -81,10 +81,9 @@
               <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 type="warning" style="float:left;" @click.native="back()">返回</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>
@@ -102,7 +101,6 @@
         <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>
 

src/views/hallList/zongjie.vue

@@ -6,21 +6,41 @@
           <el-col :span="24" class="top"> {{ zjinfo.top }}展会总结 </el-col>
           <el-col :span="24" class="info">
             <el-col :span="24" class="one">
-              <p>展会由{{ zjinfo.name }}主办，{{ zjinfo.juban }}承办，{{ zjinfo.xieban }}协办，{{ zjinfo.fr }}提供技术支持，展会已经圆满结束。</p>
               <p>
-                本次展会到会人数:{{ zjinfo.person }}人，其中特邀嘉宾{{ zjinfo.jiabin }}人。同时还邀请了{{ zjinfo.school }}所高校、研究机构的{{
-                  zjinfo.zhuanjia
-                }}位专家到参与在线对接。
+                <span>{{ zjinfo.title }}</span
+                >展会由<span>{{ zjinfo.name }}</span
+                >主办,<span>{{ zjinfo.juban }}</span
+                >承办，<span>{{ zjinfo.xieban }}</span
+                >协办，<span>{{ zjinfo.fr }}</span
+                >提供技术支持，展会已经圆满结束。
               </p>
               <p>
-                参加本次展会的项目共{{ zjinfo.xiang }}项。其中，有自于高校院所的项目成果共{{ zjinfo.shcoolxiang }}项；专利共{{
-                  zjinfo.zhuanli
-                }}项成熟度处于中试及产业化阶段的项目成果共{{ zjinfo.chengguo }}项。
+                本次展会到会人数:<span>{{ zjinfo.person }}</span
+                >人，其中特邀嘉宾<span>{{ zjinfo.jiabin }}</span
+                >人。同时还邀请了<span>{{ zjinfo.school }}</span
+                >所高校、研究机构的<span>{{ zjinfo.zhuanjia }}</span
+                >位专家到参与在线对接。
               </p>
-              <p>本次展会共征集到技术需求{{ zjinfo.xuqiu }}项，其中{{ zjinfo.jishu }}项技术需求来自展会主办地区。</p>
               <p>
-                本次在线展会共实现技术对接{{ zjinfo.duijie }}次，达成意向{{ zjinfo.yixiang }}次，实现合作{{ zjinfo.hezuo }}次。此次展会还吸引了
-                {{ zjinfo.fangke }}访客在线观摩，产生了强烈的反响。共收到鲜花{{ zjinfo.hua }}束，掌声{{ zjinfo.sheng }}次。
+                参加本次展会的项目共<span>{{ zjinfo.xiang }}</span
+                >项。其中，有自于高校院所的项目成果共<span>{{ zjinfo.shcoolxiang }}</span
+                >项；专利共<span>{{ zjinfo.zhuanli }}</span
+                >项成熟度处于中试及产业化阶段的项目成果共<span>{{ zjinfo.chengguo }}</span
+                >项。
+              </p>
+              <p>
+                本次展会共征集到技术需求<span>{{ zjinfo.xuqiu }}</span
+                >项，其中<span>{{ zjinfo.jishu }}</span
+                >项技术需求来自展会主办地区。
+              </p>
+              <p>
+                本次在线展会共实现技术对接<span>{{ zjinfo.duijie }}</span
+                >次，达成意向<span>{{ zjinfo.yixiang }}</span
+                >次，实现合作<span>{{ zjinfo.hezuo }}</span
+                >次。此次展会还吸引了<span>{{ zjinfo.fangke }}</span
+                >访客在线观摩，产生了强烈的反响。共收到鲜花<span>{{ zjinfo.hua }}</span
+                >束，掌声<span>{{ zjinfo.sheng }}</span
+                >次。
               </p>
             </el-col>
             <el-col :span="24" class="two">
@@ -56,6 +76,7 @@ export default {
   data: () => ({
     zjinfo: {
       top: '计算中心',
+      title: '测试直播',
       name: '吉林省计算中心',
       juban: '中科院长春分院',
       xieban: '中科院计算机网络信息中心和吉林省计算中心',
@@ -114,10 +135,16 @@ p {
   font-size: 20px;
   padding: 0 200px;
 }
-.main .info .one {
-}
+// .main .info .one {
+// }
 .main .info .one p {
   line-height: 50px;
+  font-size: 20px;
+}
+.main .info .one p span {
+  text-decoration: underline;
+  padding: 0 10px;
+  color: red;
 }
 .main .info .two {
   text-align: center;

src/views/service/list.vue

@@ -6,8 +6,24 @@
           <el-col :span="5" class="menu">
             <el-image :src="squareImage"></el-image>
             <span>Menu</span>
-            <el-col class="menuList" :span="24" v-for="(item, index) in menuList" :key="index">
+            <!-- <el-col class="menuList" :span="24" v-for="(item, index) in menuList" :key="index">
               <p @click="changeMenu(item.name, index)" :style="`color:${menuIndex == index ? menuColor : ''}`">{{ item.name }}</p>
+            </el-col> -->
+            <el-col :span="24">
+              <el-collapse v-model="activeNames" accordion>
+                <el-collapse-item name="1">
+                  <template slot="title">本地服务</template>
+                  <el-col class="menuList" :span="24" v-for="(item, index) in menuList" :key="index">
+                    <p @click="changeMenu(item.name, index)" :style="`color:${menuIndex == index ? menuColor : ''}`">{{ item.name }}</p>
+                  </el-col>
+                </el-collapse-item>
+                <el-collapse-item name="2">
+                  <template slot="title">合作服务</template>
+                  <el-col class="menuList" :span="24" v-for="(item, index) in menuLists" :key="index">
+                    <p @click="changeMenus(item.name, index)" :style="`color:${menuIndexs == index ? menuColor : ''}`">{{ item.name }}</p>
+                  </el-col>
+                </el-collapse-item>
+              </el-collapse>
             </el-col>
           </el-col>
           <el-col :span="19" class="info">
@@ -61,9 +77,21 @@ export default {
   },
   data: () => ({
     squareImage: require('@/assets/live/square_big.png'),
+    activeNames: ['1'],
     menuList: [{ name: '智慧推荐' }, { name: '展会管理' }, { name: '科技评估' }, { name: '合同在线' }, { name: '信用认证' }, { name: '绩效评价' }],
+    menuLists: [
+      { name: '知识产权' },
+      { name: '科技文献' },
+      { name: '项目申报' },
+      { name: '科技金融' },
+      { name: '科技孵化' },
+      { name: '成果登记' },
+      { name: '技术合同' },
+      { name: '高企认证' },
+    ],
     menuColor: 'rgb(254, 149, 14)',
     menuIndex: '0',
+    menuIndexs: '0',
     columnName: '',
   }),
   created() {
@@ -88,6 +116,11 @@ export default {
       this.columnName = name;
       this.menuColor = 'rgb(254, 149, 14)';
     },
+    changeMenus(name, index) {
+      this.menuIndexs = index;
+      this.columnName = name;
+      this.menuColor = 'rgb(254, 149, 14)';
+    },
   },
 };
 </script>
@@ -98,12 +131,12 @@ export default {
   margin: 0 auto;
 }
 .main {
-  min-height: 600px;
+  min-height: 900px;
   margin: 20px 0;
 }
 .menu {
   float: left;
-  min-height: 600px;
+  min-height: 900px;
   background: no-repeat bottom right;
   background-image: url(/img/menu_back.81f4b7e7.jpg);
   padding: 10px 0 0 10px;
@@ -134,7 +167,7 @@ export default {
 .info {
   float: right;
   width: 77%;
-  min-height: 600px;
+  min-height: 900px;
   padding: 20px;
   box-shadow: 0 0 10px #2d64b3;
   .infoTop {
@@ -149,4 +182,8 @@ export default {
     margin: 15px 0 0 0;
   }
 }
+/deep/.el-collapse-item__header {
+  font-size: 18px;
+  font-weight: bold;
+}
 </style>