<template>
	<view>
		<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">法律法规</block>
		</cu-custom>
		<view class="vi-card">
			<view class="vi-card-items" v-for="(item,index) of varList" :key="index">
				<view class="vi-card-title">
					{{item.NAME}}
				</view>
				<view class="vi-card-content">
					<text v-if="item.extension_name == '.docx' || item.extension_name == '.doc'">文件属性：文档</text>
					<text v-else-if="item.extension_name == '.xls' || item.extension_name == '.xlsx'">文件属性：表格</text>
					<text v-else-if="item.extension_name == '.ppt' || item.extension_name == '.pptx'">文件属性：幻灯片</text>
					<text v-else-if="item.extension_name == '.pdf'">文件属性：PDF</text>
					<text v-else>文件属性：</text>
					<text>上传日期：{{item.CTIME | formatDate}}</text>
				</view>
				<view class="vi-card-foot">
					<button class="cu-btn bg-blue sm"  @click="$noMultipleClicks(downloadFile,item.FILEPATH)"><text class="cuIcon-pulldown"></text>下载</button>
					<button
					class="cu-btn bg-cyan sm" @click="$noMultipleClicks(showFile,item)">
						<text class="cuIcon-playfill"></text> 预览
					</button>
				</view>
			</view>
		</view>
	</view>
	<!-- <web-view  src="https://view.officeapps.live.com/op/view.aspx?src=https://qask.qhdsafety.com/file/uploadFiles/file/20210601/8f4f5ad3c0a34b6380ab6b1f20f38b61.docx"></web-view> -->
</template>

<script>
	import {
		basePath,corpinfoId,loginSession,formatDate,loginUser,baseImgPath
	} from '@/common/tool.js';
	export default {
		data() {
			return {
				varList: [],
				noClick:true,
				PARENT_ID:''
			}
		},
		filters: {
			formatDate(time) {
				if(time){
					var subStr=new RegExp('-','ig');//创建正则表达式对象,不区分大小写,全局查找
					time=time.replace(subStr,"/");//把'is'替换为空字符串
				}
				let date = new Date(time)
				return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
			}
		},
		onLoad(event) {
			this.PARENT_ID = event.PARENT_ID;
			this.getData()
		},
		methods: {
			getData(){
				var _this = this;
				uni.showLoading({
					title:"加载中..."
				});//加载中动画
				uni.request({
					url: basePath +'/app/mfolderStipulate/listByParentId',
					method: 'POST',
					dataType: 'json',
					header: {
						'Content-type':'application/x-www-form-urlencoded'
					},
					data: {
						PARENT_ID:this.PARENT_ID,
						TYPE:2,
            CORPINFO_ID:loginUser.CORPINFO_ID,
            USER_ID:loginUser.USER_ID,
					},
					success: (res) => {
						uni.hideLoading();//结束加载中动画
						_this.varList = res.data.varList;

					}
				})
			},
			downloadFile(e){
				var url=baseImgPath + e ;
				var url2 = encodeURI(url);
				plus.runtime.openURL(url2, function(res) {
				});
			},
			showFile(item){
				uni.showLoading({
					title:"加载中..."
				});//加载中动画
				uni.downloadFile({
					url:baseImgPath+item.FILEPATH,
					success:(res)=>{
						uni.hideLoading();//结束加载中动画
						uni.openDocument({
							filePath:res.tempFilePath,
							success:function(){
							}
						})
					}
				})
			}
		}
	}
</script>

<style>

</style>