<div class="warpper-bg">
	<div class="jdindentlist-header" v-if="channelFrom == \'jd\'">
		<div>京东云PLUS工商、商标注册平台</div>
		<div v-if="user_Name">
			<span v-if="user_Name"><i class="el-icon-user"></i></span>
			<span>{{user_Name}}</span>
			<span @click="loginOut" v-if="user_Name">退出</span>
		</div>
		<div v-else>
			<a href="https://login.jdcloud.com/?returnUrl=http%3A%2F%2Ftm.plus.jdcloud.com%2F%23%2Fjd%2Fjdindentlist"
				class="jdindentlist-header-login">登录</a>
			<a href="https://user.jdcloud.com/register?source=jdcloud&ReturnUrl=https%3A%2F%2Fwww.jdcloud.com" style="display:inline-block;color: #fff;padding: 0 15px;background:linear-gradient(80deg,#3171ff 0,#a14faf 100%);border-radius:13px;height: 26px;
									line-height: 26px;">免费注册</a>
		</div>
	</div>
	<div class="companydetail-warpper">
		<div>
			<div style="display:flex;height: 60px;align-items: center;">
				<div style="background:#ffffff;
						border:3px solid #3071fe;
						width:6px;
						height:6px;
						border-radius:100%;margin: 0 10px 0 20px;">
				</div>
				<div style="font-size: 16px;">
					{{companyName}}
				</div>
			</div>
		</div>
		<div class="jdindentdetail">
			<!-- <div class="jdindentdetail-nav">
						<span>当前位置：</span>
						<el-breadcrumb separator-class="el-icon-arrow-right">
							<el-breadcrumb-item :to="listPath">交付中心
							</el-breadcrumb-item>
							<el-breadcrumb-item>订单详情</el-breadcrumb-item>
						</el-breadcrumb>
					</div> -->
			<div class="jdindentdetail-main-title">
				交付流程
			</div>
			<div class="jdindentdetail-flow">
				<div class="jdindentdetail-main-step-col">
					<el-steps :active="currentStep" align-center process-status="process">
						<!-- <el-step v-show="itemCode" title="方案不通过"></el-step> -->
						<el-step title="已下单"></el-step>
						<el-step title="园区入驻审核"></el-step>
						<el-step title="上传工商注册材料"></el-step>
						<el-step title="工商审核环节"></el-step>
						<el-step title="刻章环节"></el-step>
						<el-step title="证件邮寄环节"></el-step>
						<el-step title="已签收"></el-step>
					</el-steps>
				</div>
			</div>
			<div class="jdindentdetail-main-title">
				企业信息
			</div>
			<div class="companydetail-name">
				<el-table :data="enterprise" style="margin:0 auto" header-row-class-name="companydetail-name-header">
					<el-table-column prop="companyName" label="公司名称" width="180">

					</el-table-column>
					<el-table-column prop="alternative" label="备选名称" width="180">
						<template slot-scope="scope">
							<div v-for="(item, index) in scope.row.alternative" :key="index">
								{{item}}
							</div>
						</template>
					</el-table-column>
					<el-table-column prop="companyType" label="公司类型">
					</el-table-column>
					<el-table-column prop="taxpayerType" label="纳税人类型">
					</el-table-column>
					<el-table-column prop="orgType" label="组织形式">
					</el-table-column>
					<el-table-column prop="area" label="注册地区">
					</el-table-column>
					<el-table-column prop="detailAddress" label="注册地址">
					</el-table-column>
					<el-table-column prop="industryType" label="行业分类">
					</el-table-column>
					<el-table-column prop="depositRatio" label="公积金缴存比例">
					</el-table-column>
					<el-table-column prop="scope" label="公司经营范围">
					</el-table-column>
				</el-table>
			</div>
			<div class="jdindentdetail-main-title">
				注册资本 / 出资比例
			</div>
			<div class="companydetail-info">
				<table>
					<tr style="background: #f6f9ff;">
						<!-- <td rowspan="7" width="50" style="text-align:center;background: #f6f9ff;">注 <br>
							册<br>资<br>本<br>/<br>出<br>资<br>比<br>例
						</td> -->
						<td colspan="2">注册资金（万元）{{capital}}</td>
						<td colspan="2">经营期限（年）{{deadline}}</td>
						<td colspan="2">注册资本实缴日期（年）{{capiDate}}</td>
					</tr>
					<tr>
						<td>法人股东姓名</td>
						<td>出资金额（万）</td>
						<td>出资比例</td>
						<td>证件号</td>
						<td>联系电话/手机</td>
						<td>联系地址</td>
					</tr>
					<tr v-for="(item, index) in legalShareholder" :key="index">
						<td>{{item.stockName}}</td>
						<td>{{item.shouldCapi}}</td>
						<td>{{item.stockPercent}}</td>
						<td>{{item.creditCode}}</td>
						<td>{{item.phone}}</td>
						<td>{{item.address}}</td>
					</tr>
					<tr>
						<td>自然人股东姓名</td>
						<td>出资金额（万）</td>
						<td>出资比例</td>
						<td>证件号</td>
						<td>联系电话/手机</td>
						<td>联系地址</td>
					</tr>
					<tr v-for="(item, index) in shareholder" :key="index">
						<td>{{item.stockName}}</td>
						<td>{{item.shouldCapi}}</td>
						<td>{{item.stockPercent}}</td>
						<td>{{item.idCard}}</td>
						<td>{{item.phone}}</td>
						<td>{{item.address}}</td>
					</tr>

				</table>
			</div>

			<div class="jdindentdetail-main-title">
				基本信息
			</div>
			<div class="companydetail-baseinfo">
				<el-table :data="employees" header-row-class-name="companydetail-name-header">
					<el-table-column prop="position" label="任职信息" width="180">
					</el-table-column>
					<el-table-column prop="name" label="姓名" width="180">
					</el-table-column>
					<el-table-column prop="phone" label="手机">
					</el-table-column>
					<el-table-column prop="fixPhone" label="固话">
					</el-table-column>
					<el-table-column prop="address" label="住宅地址">
					</el-table-column>
					<el-table-column prop="email" label="邮箱">
					</el-table-column>
				</el-table>

			</div>
			<div class="jdindentdetail-main-title">
				材料
			</div>
			<div class="companydetail-official">
				<div v-for="(item, index) in attachFiles" :key="index">
					<p>
						<img :src="item.url" alt="">
					</p>
					<p>{{item.name}}</p>
				</div>
			</div>
			<!-- <div class="jdindentdetail-main-title">
				官方回执
			</div>
			<div class="companydetail-reply">
				<div>
					<p>
						<img src="" alt="">
					</p>
					<p>营业执照</p>
				</div>
			</div> -->
			<div class="jdindentdetail-main-title">
				收件人信息
			</div>
			<div class="companydetail-consignee">
				<el-table :data="logistics" style="margin:0 auto;margin-top: 30px;"
					header-row-class-name="companydetail-name-header">
					<el-table-column prop="recipient" label="收件人" width="180">
					</el-table-column>
					<el-table-column prop="recipientAddress" label="收件人地址" width="180">
					</el-table-column>
					<el-table-column prop="recipientPhone" label="收件人联系方式">
					</el-table-column>
					<el-table-column prop="recipientPostcode" label="收件人邮编">
					</el-table-column>
				</el-table>
			</div>
		</div>

	</div>

</div>