内容展示

src/project/saas/AppCooperationPropaganda/detail.vue

@@ -50,16 +50,27 @@
           </div>
           <!-- 文件 -->
           <div class="file" v-show="fileList.length">
-            <AiUploader v-for="(item, index) in fileList" :key="index" :src="item.imgPicUrl"/>
+            <div class="file_item" v-for="(item,index) in fileList" :key="index" @click="prevFile(item.sysFile)">
+              <img src="./images/files.png" alt="">
+              <div>{{ item.sysFile.name }}</div>
+            </div>
           </div>
           <!-- 网页 -->
           <div class="webpage" v-show="webpage.length">
-            <video v-for="(item, index) in picList" :key="index" :src="item.imgPicUrl"/>
+            <p>链接地址</p>
+            <a v-for="(item, index) in webpage" :key="index" :href="item.linkUrl">
+              <div v-if="item.linkTitle">{{item.linkTitle}}</div>
+              <div v-else>{{ item.linkUrl }}</div>
+            </a>
           </div>
           <!-- 小程序 -->
           <div class="miniapp" v-show="miniapp.length">
-            <!-- <video v-for="(item, index) in picList" :key="index" :src="item.imgPicUrl"/> -->
+            <p>小程序地址</p>
+            <navigator target="miniProgram" open-type="navigate" 
+             v-for="(item, index) in webpage" :key="index"
+             :app-id="item.mpAppid" path="item.mpPage" version="release"></navigator>
           </div>
+
         </div>
       </div>
     </div>
@@ -71,6 +82,7 @@
 </template>
 
 <script>
+import { mapActions } from "vuex";
 export default {
   data() {
     return {
@@ -82,7 +94,8 @@ export default {
       fileList: [],
       webpage: [],
       miniapp: [],
-    }
+      pictres: [],
+    } 
   },
   onLoad(o) {
     this.id = o.id
@@ -107,6 +120,10 @@ export default {
         current: img
       })
     },
+    ...mapActions(['previewFile']),
+    prevFile(file) {
+      this.previewFile(file)
+    },
     // 拒绝
     refuseBtn() {
       this.pass = 0
@@ -206,7 +223,6 @@ export default {
     .content {
       p {
         color: #999;
-        margin-bottom: 26px;
       }
       .textarea,
       .pictures,
@@ -218,6 +234,7 @@ export default {
         border-radius: 4px;
         padding: 20px;
         box-sizing: border-box;
+        margin-top: 26px;
       }
       .pictures {
         margin-top: 16px;
@@ -231,6 +248,21 @@ export default {
           margin-right: 0;
         }
       }
+      .video {
+        video {
+          height: 300px;
+        }
+      }
+      .file {
+        .file_item {
+          display: flex;
+          align-items: center;
+          img {
+            width: 96px;
+            height: 96px;
+          }
+        }
+      }
     }
   }