1

src/views/twoweb/service/detail-model/model-0.vue

@@ -29,11 +29,7 @@
         </el-col>
         <el-col :span="12" class="two_12">
           <el-col :span="5" class="left">申请人</el-col>
-          <el-col :span="19" class="right textOver">{{ data.basic.apply_personal || '暂无' }}</el-col>
-        </el-col>
-        <el-col :span="12" class="two_12">
-          <el-col :span="5" class="left">申请人电话</el-col>
-          <el-col :span="19" class="right textOver">{{ data.basic.apply_phone || '暂无' }}</el-col>
+          <el-col :span="19" class="right textOver">{{ getData(data.basic.apply_personal, 'apply_personal') }}</el-col>
         </el-col>
         <el-col :span="12" class="two_12">
           <el-col :span="5" class="left">申请单位</el-col>
@@ -47,18 +43,6 @@
           <el-col :span="5" class="left">申请人单位(属性)</el-col>
           <el-col :span="19" class="right textOver">{{ data.basic.apply_nature || '暂无' }}</el-col>
         </el-col>
-        <el-col :span="12" class="two_12">
-          <el-col :span="5" class="left">联系人</el-col>
-          <el-col :span="19" class="right textOver">{{ data.basic.contacts || '暂无' }}</el-col>
-        </el-col>
-        <el-col :span="12" class="two_12">
-          <el-col :span="5" class="left">联系电话</el-col>
-          <el-col :span="19" class="right textOver">{{ data.basic.phone || '暂无' }}</el-col>
-        </el-col>
-        <el-col :span="12" class="two_12">
-          <el-col :span="5" class="left">邮箱</el-col>
-          <el-col :span="19" class="right textOver">{{ data.basic.email || '暂无' }}</el-col>
-        </el-col>
         <el-col :span="12" class="two_12">
           <el-col :span="5" class="left">传真</el-col>
           <el-col :span="19" class="right textOver">{{ data.basic.fax || '暂无' }}</el-col>
@@ -81,14 +65,15 @@
             {{ data.brief.achieve_brief || '暂无' }}
           </el-col>
         </el-col>
-        <el-col :span="24" class="downInfo">
-          <el-col :span="5" class="tit">
-            <h2>应用领域和技术原理</h2>
+        <el-col :span="24" class="imageInfo">
+          <el-col :span="24" class="tit">
+            <h2>成果专家评价意见</h2>
           </el-col>
-          <el-col :span="19" class="info">
-            {{ data.brief.field || '暂无' }}
+          <el-col :span="24" class="info">
+            <el-image :src="data.file.page6"></el-image>
           </el-col>
         </el-col>
+        <!-- 
         <el-col :span="24" class="downInfo">
           <el-col :span="5" class="tit">
             <h2>性能指标</h2>
@@ -136,7 +121,7 @@
           <el-col :span="19" class="info">
             {{ data.brief.opinion || '暂无' }}
           </el-col>
-        </el-col>
+        </el-col> -->
       </el-col>
     </el-col>
   </div>
@@ -144,6 +129,7 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
+const _ = require('lodash');
 export default {
   name: 'model-0',
   props: {
@@ -153,8 +139,36 @@ export default {
   data: function() {
     return {};
   },
-  created() {},
-  methods: {},
+  created() {
+    console.log(this.data);
+  },
+  methods: {
+    getData(data, model) {
+      if (data) {
+        if (model == 'apply_personal') {
+          let start = data.slice(0, 1);
+          let end = data.slice(-1);
+          return `${start}***${end}`;
+        }
+      } else {
+        return '暂无';
+      }
+    },
+
+    // getphone(value) {
+    //   if (value == undefined) {
+    //     return '暂无';
+    //   } else {
+    //     if (value.length === 11) {
+    //       let start = value.slice(0, 4);
+    //       let end = value.slice(-3);
+    //       return `${start}****${end}`;
+    //     } else {
+    //       return value;
+    //     }
+    //   }
+    // },
+  },
   computed: {
     ...mapState(['user']),
   },
@@ -200,16 +214,26 @@ export default {
     .downInfo {
       border: 1px solid #ccc;
       .tit {
-        height: 150px;
+        height: 200px;
         text-align: center;
         border-right: 1px solid #ccc;
       }
       .info {
         font-size: 16px;
         padding: 10px;
-        height: 150px;
-        overflow-y: auto;
-        line-height: 25px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        -webkit-line-clamp: 8;
+        word-break: break-all;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+      }
+    }
+    .imageInfo {
+      border: 1px solid #ccc;
+      .tit {
+        text-align: center;
+        border-bottom: 1px solid #ccc;
       }
     }
   }

src/views/twoweb/service/list/achieve.vue

@@ -27,7 +27,11 @@ export default {
     return {
       list: [],
       total: 0,
-      detail: {},
+      detail: {
+        basic: {},
+        brief: {},
+        file: {},
+      },
     };
   },
   created() {