更新

src/router/index.js

@@ -52,6 +52,12 @@ const live = [
         name: 'live_technical',
         component: () => import('../views/live/technical/index.vue'),
       },
+      {
+        path: '/live/liveApply',
+        meta: { title: '项目申请', subSite: true },
+        name: 'live_apply',
+        component: () => import('../views/live/hall/liveApply.vue'),
+      },
     ],
   },
   {

src/style/style.css

@@ -335,9 +335,9 @@ p {
 }
 
 .livemain .liveMainImage {
-	height: 140px;
-	overflow: hidden;
-	margin: 0 0 15px 0;
+  height: 175px;
+  overflow: hidden;
+  margin: 0 0 15px 0;
 }
 
 .livemain .gongqiu {

src/views/live/hall/hall.vue

@@ -68,7 +68,15 @@
               </div>
             </div>
             <div class="liveMainImage">
-              <img :src="img.main1" />
+              <!-- <img :src="img.main1" /> -->
+              <el-carousel :interval="4000" type="card" height="150px">
+                <el-carousel-item class="liveMainImageList" v-for="(item, index) in liveMainImageList" :key="index">
+                  <el-image :src="item.pic"></el-image>
+                  <el-col :span="24" class="btn">
+                    <el-button @click="apply()">立即申请</el-button>
+                  </el-col>
+                </el-carousel-item>
+              </el-carousel>
             </div>
             <div class="gongqiu">
               <div class="gongqiuTop">
@@ -269,6 +277,17 @@ export default {
       logo20: require('@/assets/live/logo20.png'),
       img: require('@/assets/live/测试图片.jpg'),
     },
+    liveMainImageList: [
+      {
+        pic: require('@/assets/live/main1.png'),
+      },
+      {
+        pic: require('@/assets/live/main1.png'),
+      },
+      {
+        pic: require('@/assets/live/main1.png'),
+      },
+    ],
     // 找技术
     technologyList: [],
     // 找产品
@@ -424,10 +443,14 @@ export default {
         this.$set(this, `serviceList`, res.data);
       }
     },
+    // 实况直播
     clickBtn() {
-      // console.log('你好');
       this.$router.push({ path: '/live/liveList' });
     },
+    // 申请
+    apply() {
+      this.$router.push({ path: '/live/liveApply' });
+    },
   },
   filters: {
     getDate(meta) {
@@ -709,4 +732,21 @@ export default {
 .suspenInfo:hover {
   background: #f60;
 }
+.liveMainImageList .el-image {
+  height: 150px;
+  position: absolute;
+}
+.liveMainImageList .btn {
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  bottom: 50px;
+}
+.liveMainImageList .btn .el-button {
+  border: none;
+  background: #ffff009f;
+  color: #fff;
+  border-radius: 25px;
+  font-weight: bold;
+}
 </style>

src/views/live/hall/liveApply.vue

@@ -0,0 +1,140 @@
+<template>
+  <div id="liveApply">
+    <div class="w_0100">
+      <div class="w_1200">
+        <div class="liveApply">
+          <el-col :span="24" class="liveApplyTop">
+            <el-col :span="3">
+              <el-image :src="logo" style="width:105px;height:105px;"></el-image>
+            </el-col>
+            <el-col :span="20">
+              <p>温馨提示：</p>
+              <p>1、为了保证您的信息能顺利通过我们的审核，请将信息的真实情况尽可能全面的发布出来！</p>
+              <p>
+                2、根据我们的长期跟踪统计，信息完整度越高，越容易获得目标客户的关注！3、信息完整度越高，将在我们的平台搜索结果排序靠前、获得推荐机会，以及享受增值服务试用机会！
+              </p>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="liveApplyInfo">
+            <el-form ref="form" :model="form" label-width="120px">
+              <el-form-item label="技术名称">
+                <el-input v-model="form.name"></el-input>
+              </el-form-item>
+              <el-form-item label="行业类别">
+                <el-select v-model="form.region" placeholder="请选择行业类别">
+                  <el-option label="类别一" value="0"></el-option>
+                  <el-option label="类别二" value="1"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="是否专利技术">
+                <el-radio-group v-model="form.resource">
+                  <el-radio label="是专利技术"></el-radio>
+                  <el-radio label="非专利技术"></el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="技术简介">
+                <el-input type="textarea" v-model="form.desc"></el-input>
+              </el-form-item>
+              <el-form-item label="转让方式">
+                <el-select v-model="form.business" placeholder="请选择转让方式">
+                  <el-option label="公用" value="0"></el-option>
+                  <el-option label="转用" value="1"></el-option>
+                  <el-option label="竞价" value="2"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="研发阶段">
+                <el-select v-model="form.phase" placeholder="请选择研发阶段">
+                  <el-option label="阶段成果" value="1"></el-option>
+                  <el-option label="最终成果" value="2"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="技术图片">
+                <upload :limit="1" :data="form.image.url" type="url" :url="'/files/image/upload'" @upload="uploadSuccess"></upload>
+              </el-form-item>
+              <el-form-item label="联系人">
+                <el-input v-model="form.name"></el-input>
+              </el-form-item>
+              <el-form-item label="联系电话">
+                <el-input v-model="form.name"></el-input>
+              </el-form-item>
+              <el-form-item label="电子邮箱">
+                <el-input v-model="form.name"></el-input>
+              </el-form-item>
+              <el-form-item label="单位名称">
+                <el-input v-model="form.name"></el-input>
+              </el-form-item>
+              <el-row style="text-align:center">
+                <el-button type="primary" @click="onSubmit">立即创建</el-button>
+                <el-button>取消</el-button>
+              </el-row>
+            </el-form>
+          </el-col>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+import upload from '@/components/upload.vue';
+export default {
+  name: 'liveApply',
+  props: {},
+  components: {
+    upload,
+  },
+  data: () => ({
+    form: {
+      image: {},
+    },
+    logo: require('@/assets/live/d10_fbb1.png'),
+  }),
+  created() {},
+  methods: {
+    onSubmit() {
+      console.log(this.form);
+    },
+    uploadSuccess({ type, data }) {
+      this.$set(this.form, `${type}`, data.uri);
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.liveApply {
+  float: left;
+  margin: 30px 0;
+}
+.liveApply .liveApplyTop {
+  float: left;
+  background: #f3faff;
+  padding: 15px;
+  border: 1px solid #ccc;
+  margin: 0 0 15px 0;
+}
+.liveApplyTop p:first-child {
+  font-size: 14px;
+  font-weight: bold;
+}
+.liveApplyTop p:nth-child(2n) {
+  font-size: 12px;
+  padding: 15px 0;
+}
+.liveApplyTop p:last-child {
+  font-size: 12px;
+}
+.liveApplyInfo {
+  padding: 0 100px;
+}
+</style>

src/views/live/hall/liveList.vue

@@ -98,6 +98,7 @@
 </template>
 
 <script>
+import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'liveList',
   props: {},
@@ -157,12 +158,20 @@ export default {
     ],
   }),
   created() {},
-  computed: {},
   methods: {},
+  computed: {
+    ...mapState(['user']),
+    pageTitle() {
+      return `${this.$route.meta.title}`;
+    },
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
 };
 </script>
 
-<style lang="less" scoped>
+<style lang="less">
 @import '~@/style/style.css';
 // 直播中心
 .liveList {