<style>
	.procurementDetail{
		background-color: #fff;
		padding:15px;
	}
	.proDeTitle{
		color:#111111;
		font-weight: bold;
		font-size: 16px;
		width:100%;
		text-align: center;
		margin:5px 0 20px 0;
	}
	.proDeList{
		display: flex;
		width:100%;
		border-bottom:1px solid #F2F3F6;
		height:50px;
		font-size:14px;
		align-items: center;
		justify-content: space-between;
	}
	.proDeLeft{
		color:#7F7F7F;
		margin-left:5px;
	}
	.proDeRight{
		color:#111111;
		margin-right:5px;
	}
	.procurementDetail .ziDetailList{
		display: flex;
		width:100%;
		border-bottom:1px solid #F2F3F6;
		height:50px;
		font-size:14px;
		align-items: center;
		justify-content: space-between;
	}
	.procurementDetail .ziproDeleft{
		color:#7F7F7F;
		margin-left:5px;
	}
	.procurementDetail .zixunQuestion{
		min-height: 150px;
		background-color: #F7F7F7;
		padding:10px;
		color:#111111;
		line-height: 22px;
		border-radius: 3px;
		font-size: 13px;
	}
</style>
<template>
	<view class="procurementDetail">
		<view class="proDeTitle">{{dataList.GoodsCategory}}</view>
		<view class="proDeList" style="border-top:1px solid #E9E9E9;">
			<view class="proDeLeft">进口数量</view>
			<view class="proDeRight">{{dataList.ImportNum}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">产品说明</view>
			<view class="proDeRight">{{dataList.Describe}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">公司名称</view>
			<view class="proDeRight">{{dataList.CompanyName}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">公司名称</view>
			<view class="proDeRight">{{dataList.CompanyEnName}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">手机号码</view>
			<view class="proDeRight">{{dataList.Mobile}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">E-mail</view>
			<view class="proDeRight">{{dataList.EMail}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">企业法人</view>
			<view class="proDeRight">{{dataList.LegalPerson}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">负责人</view>
			<view class="proDeRight">{{dataList.Principal}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">微信号码</view>
			<view class="proDeRight">{{dataList.WechatNo}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">官网</view>
			<view class="proDeRight">{{dataList.DomainUrl}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">行业</view>
			<view class="proDeRight">{{dataList.Industry}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">成立时间</view>
			<view class="proDeRight">{{dataList.FoundingTimeStr}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">员工人数</view>
			<view class="proDeRight">{{dataList.EmployeeNum}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">年销售额(万元)</view>
			<view class="proDeRight">{{dataList.AnnualSales}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">详细地址(中文)</view>
			<view class="proDeRight">{{dataList.Address}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">详细地址(英文)</view>
			<view class="proDeRight">{{dataList.EnAddress}}</view>
		</view>
		<view class="proDeList" style="display: none;">
			<view class="proDeLeft">年进口额</view>
			<view class="proDeRight">{{dataList.AnnualImport}}</view>
		</view>
		<view class="proDeList" style="display: none;">
			<view class="proDeLeft">主要进口品目</view>
			<view class="proDeRight">{{dataList.ImportCategory}}</view>
		</view>
		<view class="proDeList" style="display: none;">
			<view class="proDeLeft">主要进口国</view>
			<view class="proDeRight">{{dataList.ImportCountry}}</view>
		</view>
		<view class="proDeList" style="display: none;">
			<view class="proDeLeft">主要出口国</view>
			<view class="proDeRight">{{dataList.ExportCountry}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">公司介绍</view>
			<view class="proDeRight">{{dataList.CompanyIntro}}</view>
		</view>
		<view class="proDeList">
			<view class="proDeLeft">其它</view>
			<view class="proDeRight">{{dataList.OtherInfo}}</view>
		</view>
		<template v-if="dataList.AuditStatus!=0">
			<view class="proDeList">
				<view class="proDeLeft">审核状态</view>
				<view class="proDeRight">{{dataList.AuditStatusStr}}</view>
			</view>
			<view class="ziDetailList" style="border-bottom:0;">
				<view class="ziproDeleft">审核内容</view>
			</view>
			<view class="zixunQuestion">
				{{dataList.AuditContent}}
			</view>
		</template>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageTitle: '采购详情',
				msg: {
					Id:0
				},
				dataList:{}
			}
		},
		created() {},
		mounted() {
			uni.setNavigationBarTitle({
				title: this.pageTitle,
			});
		},
		onLoad(option) {
			this.msg.Id = option.Id;
			this.getList();
		},
		methods: {
			getList(){
				this.request2({
						url: "/api/AppletTrade/GetInvestmentProcurement",
						data: this.msg,
					},
					(res) => {
						if (res.resultCode == 1) {
							this.dataList = res.data;
						}
					}
				);
			}
		}
	}
</script>