更新

src/views/market/detail/achiDetail.vue

@@ -15,10 +15,10 @@
               {{ detailInfo.name || '暂无' }}
             </el-col>
             <el-col :span="24">
-              <el-col :span="3" class="otherInfo textOver">
+              <el-col :span="4" class="otherInfo textOver">
                 成果单位
               </el-col>
-              <el-col :span="21" class="otherInfo textOver">
+              <el-col :span="20" class="otherInfo textOver">
                 {{ detailInfo.company }}
                 <el-link v-if="detailInfo.companyweb != null || ''" :href="detailInfo.companyweb" :underline="false" target="_blank"
                   >({{ detailInfo.companyweb }})</el-link
@@ -26,90 +26,90 @@
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 所属领域
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.field || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 合作方式
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.cooperation || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 成果状态
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.achievestatus || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 成果来源
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.achievesource || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 成果权属
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.achieveown || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 意向价格
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.intentionprice || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 联系人
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.contacts || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 电子邮箱
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.email || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="3" class="otherInfo textOver">
+              <el-col :span="4" class="otherInfo textOver">
                 项目路演
               </el-col>
-              <el-col :span="21" class="otherInfo textOver">
+              <el-col :span="20" class="otherInfo textOver">
                 {{ detailInfo.roadshow || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 专利信息
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.patentinfo || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 专利状态
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.patentstatus || '暂无' }}
               </el-col>
             </el-col>

src/views/market/detail/expeDetail.vue

@@ -12,77 +12,69 @@
               {{ detailInfo.name || '暂无' }}
             </el-col>
             <el-col :span="24">
-              <el-col :span="3" class="otherInfo textOver">
+              <el-col :span="4" class="otherInfo textOver">
                 工作单位
               </el-col>
-              <el-col :span="21" class="otherInfo textOver">
+              <el-col :span="20" class="otherInfo textOver">
                 {{ detailInfo.company || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 毕业院校
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.school || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 最高学历
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.education || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 出生日期
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.birthDate || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 职务职称
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.zwzc || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 QQ/微信
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.qqwx || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 电子邮箱
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.email || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="3" class="otherInfo textOver">
+              <el-col :span="4" class="otherInfo textOver">
                 擅长领域
               </el-col>
-              <el-col :span="21" class="otherInfo textOver">
+              <el-col :span="20" class="otherInfo textOver">
                 {{ detailInfo.expertise || '暂无' }}
               </el-col>
             </el-col>
-            <!-- <el-col :span="12" class="otherInfo textOver"> 毕业院校：{{ detailInfo.school }} </el-col>
-            <el-col :span="12" class="otherInfo textOver"> 最高学历：{{ detailInfo.education }} </el-col>
-            <el-col :span="12" class="otherInfo textOver"> 出生日期：{{ detailInfo.birthDate }} </el-col>
-            <el-col :span="12" class="otherInfo textOver"> 工作单位：{{ detailInfo.company }} </el-col>
-            <el-col :span="12" class="otherInfo textOver"> QQ/微信：{{ detailInfo.qqwx }} </el-col>
-            <el-col :span="12" class="otherInfo textOver"> 电子邮箱：{{ detailInfo.email }} </el-col>
-            <el-col :span="12" class="otherInfo textOver"> 职务职称：{{ detailInfo.zwzc }} </el-col>
-            <el-col :span="12" class="otherInfo textOver"> 擅长领域：{{ detailInfo.expertise }} </el-col> -->
           </el-col>
         </el-col>
         <el-col :span="24" class="down">

src/views/market/detail/techDetail.vue

@@ -15,10 +15,10 @@
               {{ detailInfo.name || '暂无' }}
             </el-col>
             <el-col :span="24">
-              <el-col :span="3" class="otherInfo textOver">
+              <el-col :span="4" class="otherInfo textOver">
                 需求方
               </el-col>
-              <el-col :span="21" class="otherInfo textOver">
+              <el-col :span="20" class="otherInfo textOver">
                 {{ detailInfo.company }}
                 <el-link v-if="detailInfo.companyweb != null || ''" :href="detailInfo.companyweb" :underline="false" target="_blank"
                   >({{ detailInfo.companyweb }})</el-link
@@ -26,71 +26,71 @@
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="3" class="otherInfo textOver">
+              <el-col :span="4" class="otherInfo textOver">
                 所属领域
               </el-col>
-              <el-col :span="21" class="otherInfo textOver">
+              <el-col :span="20" class="otherInfo textOver">
                 {{ detailInfo.degreeurgency || '暂无' }}
               </el-col>
             </el-col>
 
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 注册类型
               </el-col>
-              <el-col :span="18" class="otherInfo textOver"> {{ detailInfo.companytype || '暂无' }} </el-col>
+              <el-col :span="16" class="otherInfo textOver"> {{ detailInfo.companytype || '暂无' }} </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 注册时间
               </el-col>
-              <el-col :span="18" class="otherInfo textOver"> {{ detailInfo.companydate || '暂无' }} </el-col>
+              <el-col :span="16" class="otherInfo textOver"> {{ detailInfo.companydate || '暂无' }} </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 注册资金
               </el-col>
-              <el-col :span="18" class="otherInfo textOver"> {{ detailInfo.companycapital || '暂无' }}</el-col>
+              <el-col :span="16" class="otherInfo textOver"> {{ detailInfo.companycapital || '暂无' }}</el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 投资预算
               </el-col>
-              <el-col :span="18" class="otherInfo textOver"> {{ detailInfo.budget || '暂无' }}万元 </el-col>
+              <el-col :span="16" class="otherInfo textOver"> {{ detailInfo.budget || '暂无' }}万元 </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 紧急程度
               </el-col>
-              <el-col :span="18" class="otherInfo textOver"> {{ detailInfo.degreeurgency || '暂无' }} </el-col>
+              <el-col :span="16" class="otherInfo textOver"> {{ detailInfo.degreeurgency || '暂无' }} </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 合作方式
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.cooperation || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="24">
-              <el-col :span="3" class="otherInfo textOver">
+              <el-col :span="4" class="otherInfo textOver">
                 机构代码
               </el-col>
-              <el-col :span="21" class="otherInfo textOver"> {{ detailInfo.zzjgdm || '暂无' }} </el-col>
+              <el-col :span="20" class="otherInfo textOver"> {{ detailInfo.zzjgdm || '暂无' }} </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 联系人
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.contacts || '暂无' }}
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="6" class="otherInfo textOver">
+              <el-col :span="8" class="otherInfo textOver">
                 电子邮箱
               </el-col>
-              <el-col :span="18" class="otherInfo textOver">
+              <el-col :span="16" class="otherInfo textOver">
                 {{ detailInfo.email || '暂无' }}
               </el-col>
             </el-col>

src/views/market/index.vue

@@ -24,12 +24,39 @@
                   :key="index"
                   @click.native="$router.push({ path: '/market/marketlists', query: { type: '1', column_name: '技术成果', id: item.id } })"
                 >
-                  <el-col :span="24" class="achieveImage">
+                  <!-- <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 :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>
@@ -743,27 +770,90 @@ export default {
       height: 450px;
       .achieveList {
         position: relative;
-        height: 220px;
+        height: 445px;
         margin: 0 0 5px 0;
         border: 1px dashed #ccc;
         padding: 5px;
-        .achieveImage .el-image {
-          width: 100%;
-          height: 210px;
-          overflow: hidden;
-          border-radius: 5px;
+        .achieveListLeft {
+          text-align: center;
+          background-color: #ec6c2d;
+          text-align: center;
+          span {
+            color: #fff;
+            font-size: 14px;
+            font-weight: bold;
+          }
         }
-        .name {
-          position: absolute;
-          bottom: 0;
-          width: 97%;
-          height: 40px;
-          line-height: 40px;
-          background: #0085d25f;
-          font-size: 16px;
-          padding: 0 10px;
-          color: #333;
+        .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;
+          }
+          .companyInfo {
+            position: absolute;
+            bottom: 14px;
+            p {
+              font-size: 10px;
+              padding: 0 10px;
+            }
+          }
         }
+        // .achieveImage .el-image {
+        //   width: 100%;
+        //   height: 435px;
+        //   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;