article

components/artical-deatil/index.vue

@@ -13,6 +13,15 @@
 		<u-parse :content="model.artical"  @navigate="navigateUrl" />
       </view>
     </view>
+	
+	<view style="margin-bottom: 12%;">
+		<view class="closure-font" v-if="enClosureList.length">附件:</view>
+		<view class="enClosure-box" v-for="(item,index) in enClosureList" :key="item.id">
+			<view @click="showEnclosure(item.url)">{{index + 1}}.{{item.name}}</view>
+		</view>
+	</view>
+	
+	
     <view class="footer">
       <view style="width: 100%">
         <footer-share
@@ -40,13 +49,26 @@ export default {
       type: String,
       default: "",
     },
-  },
-  components: {
-    FooterShare,
-	uParse
-  },
+	enclosureIds: {
+	  type: String,
+	  default: "",
+	},
+	},
+    components: {
+		FooterShare,
+		uParse
+	},
+	watch:{
+		enclosureIds:function(val){
+	        if(val){
+				this.getEnclosure(val)
+			}
+		},
+	},
   data() {
     return {
+		enClosureList:[],
+		shareUrl:getApp().globalData.shareUrl
       // model: {
       //   title: " 线上直播课程 | 《精准识人 - 人才面试评估分享会》",
       //   // way: "区人力资源局",
@@ -67,6 +89,53 @@ export default {
 	  		}
 	  	  });
 	  },
+	showEnclosure(url){
+		uni.showLoading({
+			title:'加载中...'
+		})
+		let urls = this.shareUrl + url;
+		uni.downloadFile({
+		  url: urls,
+		  success: function (res) {
+			var filePath = res.tempFilePath;
+			uni.openDocument({
+			  filePath: filePath,
+			  showMenu: true,
+			  success: function (res) {
+				uni.hideLoading();
+			  }
+			});
+		  }
+		});
+	},
+	getEnclosure(athId){
+		let md5Sign = md5(
+		  "method=" +"common" +"&timestamp=" + getApp().globalData.globalTimestamp +"&secret=" +getApp().globalData.secret
+		);
+		let url =
+		  getApp().globalData.shareUrl + "api/api.php" +"?method=common&action=attach_ids&timestamp=" +
+		  getApp().globalData.globalTimestamp + "&sign=" + md5Sign;
+		let postData = {
+		  attach_ids: athId,
+		};
+		//获取文章
+		uni.request({
+		  url: url,
+		  method: "POST",
+		  header: {
+		    "content-type": "application/x-www-form-urlencoded",
+		  },
+		  data: postData,
+		  success: (res) => {
+		    if (res.data.code === 200) {
+				this.enClosureList = res.data.data;
+		    }
+		  },
+		  fail: () => {
+		    console.log("连接失败");
+		  },
+		});
+	},  
     sharePage() {
     let that = this;
     console.log('点击分享');
@@ -158,5 +227,20 @@ export default {
       padding: 30rpx;
     }
   }
+  .closure-font {
+  	font-size: 28rpx;
+  	padding-left: 40rpx;
+  	margin-bottom: 20rpx;
+  }
+  .enClosure-box {
+  	width: 100%;
+  	display: flex;
+  	flex-direction: column;
+  	font-size: 28rpx;
+  	color: cornflowerblue;
+  	cursor: pointer;
+  	margin-bottom: 20rpx;
+	text-indent: 50rpx;
+  }
 }
 </style>

pages/makeField/fieldForm.vue

@@ -197,7 +197,7 @@ export default {
 		uni.requestSubscribeMessage({
 		  tmplIds: [
 		  "XQcYMt2Tz4OZnrpXMTjetRIwPVftkJeM_XUkNPBtu8c",
-		  "ctLFsDd_HZ-lemoovoRPZAqjS8-1Gh2ELFSVz4FYtUY"    //第一次上线的时候把这两个都放开，然后再去掉这一条
+		 // "ctLFsDd_HZ-lemoovoRPZAqjS8-1Gh2ELFSVz4FYtUY",    //第一次上线的时候把这两个都放开，然后再去掉这一条
 		//   "iZ3IABacOX7-EjGIyKnPtX2x3eJoYcwVqsOdEdRGvqU",//测试环境模板id
 		  ],
 		  success(res) {

pages/notice/notice_deatil.vue

@@ -1,6 +1,6 @@
 <template>
   <view>
-    <artical-deatil :model="model"></artical-deatil>
+    <artical-deatil :model="model" :enclosureIds="enclosureId"></artical-deatil>
   </view>
 </template>
 
@@ -17,6 +17,7 @@ export default {
         artical: "",
         id: "",
       },
+	  enclosureId:'',
     };
   },
   components: {
@@ -59,6 +60,8 @@ export default {
             let data = res.data.data;
             this.model.title = data.title;
             this.model.way = data.sponsor;
+			this.enclosureId = data.attach_ids;
+			console.log(this.enclosureId)
             let time = this.$options.filters["globalTime"](data.publish_time);
             let timeSecond = this.$options.filters["globalTimeSecond"](
               data.publish_time
@@ -116,4 +119,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
 </style>