aaaa

src/views/market/index.vue

@@ -31,33 +31,6 @@
                   <el-col :span="24" class="name textOver">
                     {{ item.name }}
                   </el-col>
-                  <!-- <el-col :span="2" class="achieveListLeft">
-                    <span>
-                      a<br />c<br />h<br />i<br />e<br />v<br />e<br />m<br />e<br />n<br />t<br />s<br />s<br />u<br />p<br />e<br />r<br />m<br />a<br />r<br />k<br />e<br />t</span
-                    >
-                  </el-col>
-                  <el-col :span="22" class="achieveListRight">
-                    <el-col :span="24" class="company">
-                      <p class="textOver">{{ item.company }}</p>
-                      <p></p>
-                      <p></p>
-                    </el-col>
-                    <el-col :span="6" class="achimage">
-                      <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="18" class="achname">
-                      {{ item.name }}
-                    </el-col>
-                    <el-col :span="24" class="brief">
-                      {{ item.achievebrief || '暂无' }}
-                    </el-col>
-                    <el-col :span="24" class="companyInfo">
-                      <p>企业网址：{{ item.companyweb || '暂无' }}</p>
-                      <p>联系人：{{ item.contacts || '暂无' }}</p>
-                      <p>电子邮箱：{{ item.email || '暂无' }}</p>
-                    </el-col>
-                  </el-col> -->
                 </el-col>
               </el-col>
             </el-col>
@@ -775,75 +748,6 @@ export default {
         margin: 0 0 5px 0;
         border: 1px dashed #ccc;
         padding: 5px;
-        // .achieveListLeft {
-        //   text-align: center;
-        //   background-color: #ec6c2d;
-        //   text-align: center;
-        //   span {
-        //     color: #fff;
-        //     font-size: 14px;
-        //     font-weight: bold;
-        //   }
-        // }
-        // .achieveListRight {
-        //   .company {
-        //     p:first-child {
-        //       font-size: 20px;
-        //       font-family: cursive;
-        //       font-style: italic;
-        //       color: #ec6c2d;
-        //       font-weight: bold;
-        //       padding: 0 10px 5px 10px;
-        //     }
-        //     p:nth-child(2) {
-        //       border: 1px solid #ec6c2d;
-        //     }
-        //     p:nth-child(3) {
-        //       border: 2px solid #f3e639;
-        //       margin: 5px 0 0 0;
-        //       width: 70%;
-        //     }
-        //   }
-        //   .achimage {
-        //     padding: 10px 5px;
-        //   }
-        //   .achname {
-        //     padding: 0px 10px;
-        //     font-size: 20px;
-        //     font-family: cursive;
-        //     font-style: italic;
-        //     -webkit-text-fill-color: white;
-        //     -webkit-text-stroke-color: #ec6c2d;
-        //     -webkit-text-stroke-width: 1px;
-        //     overflow: hidden;
-        //     text-overflow: ellipsis;
-        //     -webkit-line-clamp: 3;
-        //     word-break: break-all;
-        //     display: -webkit-box;
-        //     -webkit-box-orient: vertical;
-        //     margin: 10px 0 0 0;
-        //   }
-        //   .brief {
-        //     font-size: 16px;
-        //     padding: 0px 7px;
-        //     font-weight: bold;
-        //     line-height: 26px;
-        //     overflow: hidden;
-        //     text-overflow: ellipsis;
-        //     -webkit-line-clamp: 9;
-        //     word-break: break-all;
-        //     display: -webkit-box;
-        //     -webkit-box-orient: vertical;
-        //   }
-        //   .companyInfo {
-        //     position: absolute;
-        //     bottom: 14px;
-        //     p {
-        //       font-size: 10px;
-        //       padding: 0 10px;
-        //     }
-        //   }
-        // }
         .achieveImage .el-image {
           width: 100%;
           height: 210px;

src/views/market/re.vue

@@ -0,0 +1,75 @@
+<template>
+  <div id="re">
+    <el-row>
+      <el-col :span="24">
+        <el-col
+          :span="12"
+          class="achieveList"
+          v-for="(item, index) in achieveList"
+          :key="index"
+          @click.native="$router.push({ path: '/market/marketlists', query: { type: '1', column_name: '技术成果', id: item.id } })"
+        >
+          <el-col :span="24" class="achieveImage">
+            <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 }}
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo: { title: 're' },
+  name: 're',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.achieveList {
+  position: relative;
+  height: 220px;
+  margin: 0 0 5px 0;
+  border: 1px dashed #ccc;
+  padding: 5px;
+  .achieveImage .el-image {
+    width: 100%;
+    height: 210px;
+    overflow: hidden;
+    border-radius: 5px;
+  }
+  .name {
+    position: absolute;
+    bottom: 0;
+    width: 97%;
+    height: 40px;
+    line-height: 40px;
+    background: #0085d25f;
+    font-size: 16px;
+    padding: 0 10px;
+    color: #333;
+  }
+}
+.achieveList:hover {
+  cursor: pointer;
+  .name {
+    color: #0085d2;
+    font-weight: bold;
+  }
+}
+</style>