<template>
	<view class="file">
		<navbar title="安装规范" :isCenter="true" :back="true"></navbar>
		<view class="fileList">
			<u-cell-group>
				<u-cell  title="产品通用文件" :isLink="true" @click="goText(1)" arrow-direction="right"></u-cell>
				<u-cell  title="产品选型文件" :isLink="true" @click="goText(2)" arrow-direction="right"></u-cell>
				<u-cell  title="产品安装文件" :isLink="true" @click="goText(3)" arrow-direction="right"></u-cell>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	import navbar from '@/components/navbar.vue'
	import {getFile} from '@/common/api.js'
	export default {
		components:{navbar},
		data() {
			return {
				common_file:'',
				selection_file:'',
				install_file:''
			}
		},
		onLoad(option) {
			console.log(option)
			this.id=option.id
			
		},
		onShow() {
			this.getFile()
		},
		methods: {
			getFile(){
				getFile({wordorder_id:this.id,custom: { auth: true }}).then(res=>{
					for(let i in res.data){
						this[i] = res.data[i]
					}
				})
			},
			goText(item){
				if(item==1){
					uni.navigateTo({
						url: '/pages/webview/webview?url=' + this.common_file
					})
				}else if(item==2){
					uni.navigateTo({
						url: '/pages/webview/webview?url=' + this.selection_file
					})
					
				}else if(item==3){
					uni.navigateTo({
						url: '/pages/webview/webview?url=' + this.install_file
					})
				}
			}
		}

	}
</script>

<style lang="scss" scoped>
.file{
	min-height: calc(100vh);
	background-color: #F4F5F7;
	display: flex;
	flex-direction: column;
	.fileList{
		flex:1;
		margin:24rpx;
		background-color: #ffffff;
		border-radius:10px;
		padding:0 24rpx;
		/deep/.u-cell__body{
			padding:30rpx 0;
		}
	}
}

</style>
