更新

src/views/market/index copy.vue

@@ -1,678 +0,0 @@
-<template>
-  <div id="index">
-    <el-col :span="24" class="main">
-      <el-col :span="24" class="marketTop">
-        <el-col :span="12" class="left">
-          <el-col :span="24" class="downLeftTop">
-            <el-image :src="downLeftTopImage"></el-image>
-            <span class="topText">
-              <span>产品供求</span>
-              <span
-                ><p>P</p>
-                <p>roduct</p></span
-              >
-              <span @click="toProductList">更多</span>
-            </span>
-          </el-col>
-          <el-col :span="12" class="productList" v-for="(item, index) in productList" :key="index" @click.native="productDetail(item.id)">
-            <template v-if="item.image.length">
-              <el-image :src="item.image[0].url"></el-image>
-            </template>
-            <template v-else>
-              <el-col :span="24" class="noImgTitle">
-                <!-- <p>{{ item.name }}</p> -->
-                <p>{{ item.introduction.substring(0, 180) }}</p>
-              </el-col>
-            </template>
-            <p class="title textOver">{{ item.name || '暂无' }}</p>
-          </el-col>
-        </el-col>
-        <el-col :span="12" class="right">
-          <el-col :span="24" class="downLeftTop">
-            <el-image :src="downLeftTopImage"></el-image>
-            <span class="topText">
-              <span>技术供求</span>
-              <span
-                ><p>T</p>
-                <p>echnology</p></span
-              >
-              <span @click="toTecList">更多</span>
-            </span>
-          </el-col>
-          <el-col :span="24" class="tecList" v-for="(item, index) in tecList" :key="index">
-            <p>
-              <el-col :span="24">
-                <span></span>
-                <span @click="tecDetail(item.id)">{{ item.name || '暂无' }}</span>
-                <span>{{ item.meta | getDate }}</span>
-              </el-col>
-              <!-- <span @click="toChat(item)" style="display:none">对接</span> -->
-              <el-col :span="24">
-                <el-col :span="18" class="coopermode">
-                  合作方式：
-                  {{
-                    item.coopermode == '0'
-                      ? '技术转让'
-                      : item.coopermode == '1'
-                      ? '技术服务'
-                      : item.coopermode == '2'
-                      ? '技术许可'
-                      : item.coopermode == '3'
-                      ? '技术融资'
-                      : item.coopermode == '4'
-                      ? '其他'
-                      : '暂无'
-                  }}</el-col
-                >
-                <el-col :span="6" class="price" v-if="item.price"
-                  >价格：{{ item.price }}/{{
-                    item.priceunit === '0' ? '公斤' : item.priceunit === '1' ? '套' : item.priceunit === '2' ? '件' : '' || '暂无'
-                  }}</el-col
-                >
-                <el-col :span="6" class="price" v-else>价格：{{ '面议' }}</el-col>
-              </el-col>
-            </p>
-          </el-col>
-        </el-col>
-        <el-col :span="24">
-          <el-image :src="gongqiuImage" class="gongqiuImage"></el-image>
-        </el-col>
-      </el-col>
-      <el-col :span="24" class="marketDown">
-        <el-col :span="24" class="downMain">
-          <el-col :span="12" class="left">
-            <el-col :span="24" class="downLeftTop">
-              <el-image :src="downLeftTopImage"></el-image>
-              <span class="topText">
-                <span>服务供求</span>
-                <span
-                  ><p>S</p>
-                  <p>ervice</p></span
-                >
-                <span @click="toServiceList">更多</span>
-              </span>
-            </el-col>
-            <el-col :span="24" class="downLeftInfo">
-              <el-col :span="24" class="bankingList" v-for="(item, index) in serviceList" :key="index" @click.native="serviceDetail(item.id)">
-                <el-col :span="10">
-                  <template v-if="item.image.length">
-                    <el-image :src="item.image[0].url"></el-image>
-                  </template>
-                  <template v-else>暂无图片</template>
-                </el-col>
-                <el-col :span="14">
-                  <span class="textOver">{{ item.name || '暂无' }}</span>
-                  <span>{{ item.introduction || '暂无' }}</span>
-                </el-col>
-              </el-col>
-            </el-col>
-          </el-col>
-          <el-col :span="12" class="right">
-            <el-col :span="24" class="downLeftTop">
-              <el-image :src="downLeftTopImage"></el-image>
-              <span class="topText">
-                <span>专家供求</span>
-                <span
-                  ><p>E</p>
-                  <p>xpert</p></span
-                >
-                <span @click="zhuanjia">更多</span>
-              </span>
-            </el-col>
-            <el-col :span="24">
-              <el-col :span="24" class="downRightList" v-for="(item, index) in expertsList" :key="index" @click.native="zhuanjiaDetail(item.id)">
-                <el-col :span="6">
-                  <el-image :src="item.img_path"></el-image>
-                </el-col>
-                <el-col :span="18" class="infos">
-                  <p>{{ item.name || '暂无' }}</p>
-                  <p>
-                    <span class="textOver">院校:{{ item.school }} </span>
-                    <span class="textOver">学位:{{ item.xw || '暂无' }}</span>
-                  </p>
-                  <p>
-                    <span class="textOver">学历:{{ item.xl || '暂无' }}</span>
-                    <span class="textOver">专业:{{ item.major || '暂无' }}</span>
-                  </p>
-                </el-col>
-              </el-col>
-            </el-col>
-          </el-col>
-        </el-col>
-      </el-col>
-      <el-col :span="24" class="marketPublish" @click.native="fabu()"> <span>我要发布</span></el-col>
-    </el-col>
-  </div>
-</template>
-
-<script>
-import _ from 'lodash';
-import { mapActions, mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: product } = createNamespacedHelpers('marketproduct');
-const { mapActions: expertsuser } = createNamespacedHelpers('expertsuser');
-var moment = require('moment');
-export default {
-  name: 'index',
-  props: {},
-  components: {},
-  data: () => ({
-    gongqiuImage: require('@/assets/live/main2.png'),
-    downLeftTopImage: require('@/assets/live/square_big.png'),
-    productList: [],
-    tecList: [],
-    expertsList: [],
-    serviceList: [],
-    newList: [],
-  }),
-  created() {
-    this.search();
-  },
-  filters: {
-    getDate(meta) {
-      let createdAt = _.get(meta, `createdAt`);
-      let date = new Date(createdAt)
-        .toLocaleDateString()
-        .replace('/', '-')
-        .replace('/', '-');
-      return date;
-    },
-  },
-  computed: {
-    ...mapState(['user']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
-  },
-  metaInfo() {
-    return { title: this.$route.meta.title };
-  },
-
-  methods: {
-    ...product(['newquery']),
-    ...expertsuser({ expertQuery: 'query' }),
-    async search() {
-      let res = await this.newquery({ skip: 0, limit: 5, totaltype: '0', status: '1' });
-      if (this.$checkRes(res)) this.$set(this, `tecList`, res.data);
-      res = await this.newquery({ skip: 0, limit: 4, totaltype: '1', status: '1' });
-      if (this.$checkRes(res)) this.$set(this, `productList`, res.data);
-      if (this.$checkRes(res)) this.$set(this, `newList`, res.data);
-      res = await this.newquery({ skip: 0, limit: 4, totaltype: '2', status: '1' });
-      if (this.$checkRes(res)) this.$set(this, `serviceList`, res.data);
-      res = await this.expertQuery({ skip: 0, limit: 6 });
-      if (this.$checkRes(res)) this.$set(this, `expertsList`, res.data);
-    },
-    toProductList() {
-      this.$router.push({ path: '/market/marketlists', query: { totaltype: 1, column_name: '产品供求', display: 1 } });
-    },
-    productDetail(id) {
-      this.$router.push({ path: '/market/marketlists', query: { totaltype: 1, id: id, display: 2, column_name: '科技产品' } });
-    },
-    toTecList() {
-      this.$router.push({ path: '/market/marketlists', query: { totaltype: 0, column_name: '技术供求', display: 1 } });
-    },
-    tecDetail(id) {
-      this.$router.push({ path: '/market/marketlists', query: { totaltype: 0, id: id, display: 2, column_name: '技术供求' } });
-    },
-    toServiceList() {
-      this.$router.push({ path: '/market/marketlists', query: { totaltype: 2, column_name: '服务供求', display: 1 } });
-    },
-    serviceDetail(id) {
-      this.$router.push({ path: '/market/marketlists', query: { totaltype: 2, id: id, display: 2, column_name: '服务供求' } });
-    },
-    zhuanjia() {
-      this.$router.push({ path: '/market/marketlists', query: { column_name: '专家供求', display: 1 } });
-    },
-    zhuanjiaDetail(id) {
-      this.$router.push({ path: '/market/marketlists', query: { id: id, display: 3, column_name: '专家供求' } });
-    },
-    fabu() {
-      if (this.user.role == '4' || this.user.role == '5') {
-        this.$router.push({ path: '/market/marketfabu' });
-      } else if (this.user.uid == undefined) {
-        this.$router.push({ path: '/webLogin' });
-      } else {
-      }
-    },
-    // toChat(data) {
-    //   this.$router.push({ path: '/market/contact', query: { id: data.id } });
-    // },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.gongqiuImage {
-  width: 100%;
-  height: 100%;
-}
-.main {
-  width: 100%;
-  margin: 20px auto;
-  float: none;
-}
-.marketTop {
-  width: 80%;
-  margin: 20px auto;
-  float: none;
-}
-.left {
-  float: left;
-  height: 500px;
-  margin: 10px 0 20px 0;
-  overflow: hidden;
-  // box-shadow: 2px 2px 2px #888888;
-  border-right: 1px dashed #044b79;
-  width: 49.5%;
-}
-.leftTitle {
-  text-align: center;
-  position: relative;
-}
-.leftTitle p:first-child {
-  font-size: 18px;
-  color: #044b79;
-  font-weight: bold;
-}
-.leftTitle p:last-child {
-  float: left;
-  width: 2px;
-  height: 402px;
-  background-color: #044b79;
-  margin: 0 5px;
-  position: absolute;
-  left: 9px;
-}
-.infoLeft {
-  height: 480px;
-  padding: 0 10px;
-}
-.productList {
-  position: relative;
-  margin: 0 10px 10px 0;
-  width: 48%;
-  height: 220px;
-  cursor: pointer;
-}
-.productList:nth-child(2n) {
-  margin: 0 0 10px 0;
-}
-.productList .el-image {
-  width: 100%;
-  height: 170px;
-}
-.productList .title {
-  position: absolute;
-  text-align: center;
-  bottom: 0;
-  height: 50px;
-  line-height: 50px;
-  text-indent: 5px;
-  // padding: 0 10px;
-  background: #044b799f;
-  color: #fff;
-  width: 100%;
-  font-size: 18px;
-}
-.productList .noImgTitle {
-  height: 170px;
-  padding: 0 15px;
-  p:first-child {
-    font-size: 14px;
-  }
-  // p:last-child {
-  //   font-size: 14px;
-  // }
-}
-.leftListDown {
-  position: relative;
-}
-.leftListDown span:first-child {
-  display: inline-block;
-  width: 80%;
-  height: 3px;
-  background: rgba(4, 75, 121, 0.37);
-  margin: 0 10px 0 0;
-  position: absolute;
-  left: -10px;
-  top: 10px;
-}
-.leftListDown span:last-child {
-  font-size: 16px;
-  float: right;
-  padding: 0 15px 0 0;
-  color: #044b79;
-  font-weight: 700;
-  cursor: pointer;
-}
-.right {
-  float: right;
-  height: 500px;
-  overflow: hidden;
-  margin: 10px 0 20px 0;
-  width: 49.5%;
-}
-.rightListTop {
-  position: relative;
-}
-.rightListTop span:first-child {
-  font-size: 16px;
-  float: left;
-  padding: 0 0 0 15px;
-  color: #044b79;
-  font-weight: 700;
-  cursor: pointer;
-}
-.rightListTop span:last-child {
-  display: inline-block;
-  width: 80%;
-  height: 3px;
-  background: rgba(4, 75, 121, 0.37);
-  margin: 0 10px 0 0;
-  position: absolute;
-  right: -10px;
-  top: 10px;
-}
-.infoRight {
-  height: 480px;
-  padding: 0 10px;
-}
-.tecList {
-  padding: 0 15px;
-  margin: 15px 0;
-}
-.tecList p span:first-child {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  background: #2188c6;
-  border-radius: 90px;
-  overflow: hidden;
-}
-
-.tecList p .coopermode {
-  display: inline-block;
-  font-size: 16px;
-  padding: 5px 24px;
-
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tecList p .price {
-  display: inline-block;
-  text-align: center;
-  overflow: hidden;
-  font-size: 16px;
-  cursor: pointer;
-}
-
-.tecList p span:nth-child(2n) {
-  display: inline-block;
-  width: 65%;
-  font-size: 18px;
-  // height: 20px;
-  padding: 0 15px;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.tecList p span:nth-child(3n) {
-  display: inline-block;
-  width: 27%;
-  text-align: center;
-  overflow: hidden;
-  // height: 20px;
-  // background-color: #044b79;
-  font-size: 16px;
-  padding: 3px 0px;
-  cursor: pointer;
-}
-.tecList span:last-child {
-  display: block;
-  width: 120px;
-  text-align: left;
-  padding: 5px 0 5px 25px;
-  font-size: 14px;
-}
-.rightTitle {
-  text-align: center;
-}
-.rightTitle p:first-child {
-  width: 2px;
-  height: 370px;
-  background: #044b79;
-  position: relative;
-  left: 10px;
-  top: -20px;
-}
-.rightTitle p:last-child {
-  font-size: 18px;
-  font-weight: bold;
-  color: #044b79;
-}
-.marketDown {
-  height: 550px;
-  overflow: hidden;
-  margin: 20px 0 20px 0;
-  background: #e9edf6;
-  padding-top: 30px;
-}
-.downMain {
-  width: 80%;
-  float: none;
-  height: 550px;
-  margin: 0 auto;
-}
-.downLeftTop .el-image {
-  width: 40px;
-}
-
-.topTexts {
-  width: 100%;
-  border-bottom: 2.5px solid #044b79;
-  display: inline-block;
-  position: relative;
-  top: -10px;
-  margin: 0 0 0 5px;
-}
-.topTexts span:first-child {
-  font-size: 24px;
-  font-weight: 700;
-  color: #000000;
-  padding: 0 10px;
-  top: 4px;
-}
-.topTexts span p:first-child {
-  font-weight: 800;
-  font-size: 34px;
-
-  color: #92959a;
-
-  top: 11px;
-  display: inline-block;
-}
-.topTexts span p:last-child {
-  display: inline-block;
-  font-weight: 700;
-  font-size: 18px;
-  color: #92959a;
-}
-.topTexts span:last-child {
-  float: right;
-  font-size: 16px;
-  font-weight: 700;
-  color: #044b79;
-  position: relative;
-  top: 20px;
-  cursor: pointer;
-}
-
-.topText {
-  width: 89%;
-  border-bottom: 2.5px solid #044b79;
-  display: inline-block;
-  position: relative;
-  top: -10px;
-  margin: 0 0 0 5px;
-}
-.topText span:first-child {
-  font-size: 24px;
-  font-weight: 700;
-  color: #000000;
-  padding: 0 10px;
-  top: 4px;
-  padding: 0 10px 0 0;
-}
-.topText span p:first-child {
-  font-weight: 800;
-  font-size: 34px;
-
-  color: #92959a;
-
-  top: 11px;
-  display: inline-block;
-}
-.topText span p:last-child {
-  display: inline-block;
-  font-weight: 700;
-  font-size: 18px;
-  color: #92959a;
-}
-.topText span:last-child {
-  float: right;
-  font-size: 16px;
-  font-weight: 700;
-  color: #044b79;
-  position: relative;
-  top: 20px;
-  cursor: pointer;
-}
-.bankingLists {
-  height: 152px;
-  cursor: pointer;
-}
-.bankingLists .el-image {
-  width: 100%;
-  height: 130px;
-  display: inline-block;
-}
-.bankingLists span {
-  margin: 0 5px 0 5px;
-  display: inline-block;
-  width: 80%;
-  font-size: 18px;
-  padding: 0 0 0 10px;
-  color: #044b79;
-  font-weight: 700;
-}
-.bankingLists span:last-child {
-  margin: 10px 0 0 5px;
-  font-size: 16px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 4;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  padding: 0 0 0 10px;
-  color: #666;
-  line-height: 25px;
-  font-weight: 400;
-}
-
-.bankingList {
-  height: 152px;
-  cursor: pointer;
-}
-.bankingList .el-image {
-  width: 100%;
-  height: 130px;
-  display: inline-block;
-}
-.bankingList span {
-  margin: 0 5px 0 5px;
-  display: inline-block;
-  width: 80%;
-  font-size: 18px;
-  padding: 0 0 0 10px;
-  color: #044b79;
-  font-weight: 700;
-}
-.bankingList span:last-child {
-  margin: 10px 0 0 5px;
-  font-size: 16px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 4;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  padding: 0 0 0 10px;
-  color: #666;
-  line-height: 25px;
-  font-weight: 400;
-}
-.downRightList {
-  width: 50%;
-  cursor: pointer;
-  border-bottom: 1px dashed #044b79;
-  padding: 15px 0;
-  height: 140px;
-  margin: 0 0 12px 0;
-}
-.downRightList .el-image {
-  height: 95px;
-  border-radius: 100%;
-}
-.downRightList .infos {
-  padding: 0 10px;
-}
-.downRightList .infos p {
-  float: left;
-  width: 100%;
-  // font-size: 16px;
-  padding: 0 0 10px 0;
-}
-.downRightList .infos p:first-child {
-  font-size: 18px;
-  font-weight: bold;
-}
-.downRightList .infos p span {
-  display: inline-block;
-  width: 50%;
-  font-size: 14px !important;
-}
-.marketNew {
-  float: none;
-  width: 80%;
-  margin: 30px auto;
-  height: 400px;
-}
-.downLeftInfos {
-  height: 330px;
-}
-.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/market/index.vue

@@ -19,9 +19,8 @@
               <el-col :span="24" class="leftDown">
                 <el-col :span="12" class="achieveList" v-for="(item, index) in achieveList" :key="index">
                   <el-col :span="24" class="achieveImage">
-                    <!-- <el-image v-if="item.image.length > 0" :src="item.image[0].url"></el-image>
-                    <el-image v-else :src="achievezb"></el-image> -->
-                    <el-image :src="achievezb"></el-image>
+                    <el-image v-if="item.image && item.image.length > 0" :src="item.image[0].url"></el-image>
+                    <el-image v-else :src="achievezb"></el-image>
                   </el-col>
                   <el-col :span="24" class="name textOver">
                     {{ item.name }}