<div class="jdindentdetail-warpper">
	<!-- <div class="jdindentdetail-header">
		<div>个人中心</div>
		<div>
			<span>欢迎</span>
			<span>1366*565445</span>
			<span>退出</span>
		</div>
	</div> -->
	<div class="jdindentlist-header">
		<div>京东云商标</div>
		<div>
			<span><i class="el-icon-user"></i></span>
			<span>1366*565445</span>
		</div>
	</div>
	<!-- <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;">
                订单详情
            </div>
        </div>
    </div> -->
	
	<div class="jdindentdetail">
		<div class="jdindentdetail-nav">
			<div style="background:#ffffff;
				border:3px solid #3071fe;
				width:6px;
				height:6px;
				border-radius:100%;
				margin: 0 10px 0 0;
				display: inline-block;">
			</div>
			<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">
			<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"  id="steps">
						<el-step v-if="itemCode" title="待上传材料" description=""></el-step>
						<el-step v-if="!itemCode" title="待确认方案"></el-step>
						<!-- <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-steps>
				</div>
				<div class="jdindentdetail-main-hr">

				</div>
				<div class="jdindentdetail-main-step-row">
					<div>
						<el-steps direction="vertical" :active="currentStep">
							<el-step v-for="(item, index) in orderFlow"
								:title="item.createDate +\'   \' +item.opContent"></el-step>
						</el-steps>
					</div>
				</div>
			</div>

			<div class="jdindentdetail-info">
				<div class="jdindentdetail-main-title">
					商标信息 <span v-show="0" @click="showDialog(1)"><i class="el-icon-edit"></i> 修改</span>
				</div>
				<div>
					<p>
						<img :src="deliveryInfo.colorizedPicUrl" alt="">
					</p>
					<p>商标图样</p>
				</div>
				<div>
					<p>商标名称：<span>{{deliveryInfo.tmName?deliveryInfo.tmName:\"-\"}}</span></p>
					<p>商标类型：<span>{{brandType?brandType:\"-\"}}</span></p>
					<p>商标说明：<span>{{deliveryInfo.notes?deliveryInfo.notes:\"-\"}}</span></p>
				</div>

			</div>

			<div class="jdindentdetail-main-infohr"></div>
			<div class="jdindentdetail-main-type-box" v-for="(item, index) in nclInfo" :key="index">
				<div class="jdindentdetail-main-type">
					<div class="jdindentdetail-main-title">
						商标类别
					</div>
					<div class="jdindentdetail-main-type-title">
						{{item.nclOneCodes}}
						<span>{{item.tmRegistNum}}</span>
						<span>{{item.officialTypeName}}</span>
						<span v-show="0" @click="showDialog(2,index)"><i class="el-icon-edit"></i> 修改</span>
					</div>
					<div class="jdindentdetail-main-type-services">
						<p>商品服务项目：</p>
						<ul>
							<li v-for="(item, index) in item.nclSmallCodes" :key="index">{{item.pcode}}{{item.name}}
							</li>
						</ul>
					</div>
				</div>
				<div class="jdindentdetail-main-receipt">
					官方回执文件:
					<span v-for="(el, index) in item.tmOfficials"
						:key="item.officialType">{{el.officialTypeName}}</span>
				</div>
			</div>
			<div class="jdindentdetail-main-infohr"></div>


			<div class="jdindentdetail-main-official">
				<div class="jdindentdetail-main-title">
					交官文件 <span v-show="0" @click="showDialog(3)"><i class="el-icon-edit"></i> 修改</span>
				</div>
				<div class="jdindentdetail-main-official-img">
					<div>
						<div class="license-uploader">
							<img v-if="imageUrl" :src="imageUrl" class="license">
							<div class="license-uploader-icon" v-else>
								<img :src="applyInfo.businessLicensePic ? applyInfo.businessLicensePic : \'/imgs/indent/materialNull.png\'"
									alt="" @click="openPdf(applyInfo.businessLicensePdf)">
							</div>
						</div>
						<p>营业执照</p>
					</div>
					<div>
						<div class="license-uploader">
							<img v-if="imageUrl" :src="imageUrl" class="license">
							<div class="license-uploader-icon" v-else>
								<img :src="deliveryInfo.gzwtsUrl?deliveryInfo.gzwtsUrl:\'/imgs/indent/materialNull.png\'"
									alt="" @click="openPdf(deliveryInfo.gzwtsUrl)">
							</div>
						</div>
						<p>委托书</p>
						<!-- <p style="color:#2692FF;">生成委托书</p> -->
					</div>
					<div>
						<div class="license-uploader">
							<img v-if="imageUrl" :src="imageUrl" class="license">
							<div class="license-uploader-icon" v-else>
								<img :src="deliveryInfo.smwjUrl?deliveryInfo.smwjUrl:\'/imgs/indent/materialNull.png\'"
									alt="" @click="openPdf(deliveryInfo.smwjUrl)">
							</div>
						</div>
						<p>优先权证明</p>
					</div>
					<div v-if=" applyInfo.customerType==\'person\'">
						<div class="license-uploader">
							<img v-if="imageUrl" :src="imageUrl" class="license">
							<div class="license-uploader-icon" v-else>
								<img :src="applyInfo.identityCardPic?applyInfo.identityCardPic:\'/imgs/indent/materialNull.png\'"
									alt="" @click="openPdf(applyInfo.identityCardPic)">
							</div>
						</div>
						<p>身份证</p>
					</div>
				</div>
			</div>
			<div class="jdindentdetail-main-infohr"></div>
			<div class="jdindentdetail-main-applicant">
				<div class="jdindentdetail-main-title">
					申请人信息-（中国大陆-{{applyInfo.customerType == \"person\"?\"个体户\":\"企业"}}） <span v-show="0"
						@click="showDialog(4)"><i class="el-icon-edit"></i> 修改</span>
				</div>
				<ul>
					<li><span>公司名称：</span><span>{{applyInfo.name?applyInfo.name:\"-\"}}</span></li>
					<li><span>统一社会信用代码：</span><span>{{applyInfo.code?applyInfo.code:\'-\'}}</span></li>
					<li><span>公司地址：</span><span>{{applyInfo.applyAddr?applyInfo.applyAddr:\"-\"}}</span></li>
					<li><span>邮编地址：</span><span>{{applyInfo.zipCode?applyInfo.zipCode:\'-\'}}</span></li>
				</ul>
			</div>
			<div class="jdindentdetail-main-infohr"></div>
			<div class="jdindentdetail-main-contact">
				<div class="jdindentdetail-main-title">
					订单联系人 <span v-show="0" @click="showDialog(5)"><i class="el-icon-edit"></i> 修改</span>
				</div>
				<ul>
					<li><span>联系人：</span><span>{{applyInfo.contacts?applyInfo.contacts:\'-\'}}</span></li>
					<li><span>手机号码：</span><span>{{applyInfo.mobile?applyInfo.mobile:\'-\'}}</span></li>
					<li><span>电子邮箱：</span><span>{{applyInfo.email?applyInfo.email:\'-\'}}</span></li>
					<li><span>座机号码：</span><span>{{applyInfo.tel?applyInfo.tel:\'-\'}}</span></li>
				</ul>
			</div>
			<div class="jdindentdetail-main-infohr"></div>
			<div class="jdindentdetail-main-payment">
				<div class="jdindentdetail-main-title">
					付款信息
				</div>
				<div>
					<span>实付金额： <span>¥{{receiptVoucher.totalSum?receiptVoucher.totalSum:\' -\'}}</span></span>
					<!-- <span>官费：<span>¥300.00</span></span>
					<span>服务费：<span>¥213</span></span> -->
				</div>
			</div>
		</div>
	</div>


	<!-- 修改弹窗 -->
	<div class="jdindentdetail-diag">
		<el-drawer :title="headerInfo" custom-class="jdindentdetail-drawer" size="58.3333%"
			:visible.sync="dialogTableVisible" center>
			<div v-show="headerInfo==\'商标信息\'">
				<el-form v-show="step==1" ref="form" :rules="rules" label-position="left" :model="form"
					class="demo-ruleForm" label-width="120px">
					<div class="selftmreg_main">
						<div class="categoryFrom">
							<el-form-item label="商标类型" style="float:left;padding-right:10px;" prop="tmFormType">
								<el-radio-group style="display:inline-block;" v-model="form.tmFormType">
									<el-radio :label="3">文字</el-radio>
									<el-radio :label="4">图形</el-radio>
									<el-radio :label="5">文字及图形</el-radio>
								</el-radio-group>
								<div class="categoryFrom-jieshao" @click="announcementsType = true">如何选择商标类型？
								</div>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label="商标名称" style="width:845px;float:left" prop="tmName"
								v-if="form.tmFormType != 4">
								<el-input v-model="form.tmName" style="width:330px" placeholder="请输入商标名称">
								</el-input>
								<span v-if="form.tmFormType == 5"
									style="font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(99,101,105,1);margin-left: 10px">及图</span>
							</el-form-item>
							<!-- <div style="float:left;padding-left:10px;padding-block-start:0" v-if="form.tmFormType==3">
											  <el-button @click="word2pic" >生成黑白图样</el-button>
											</div> -->

							<div style="clear:both;"></div>
							<el-form-item class="generated-icon" style="width:860px;float:left" label="商标图样"
								prop="picUrl">
								<gsb-upload v-if="form.tmFormType == 3" style="float:left;" flag="picUrl" ref="picUrl"
									:d="d" @setKey="setKey" :action="action" filetype="image/jpeg" :ifshowlist="false"
									@uploadsuccess="uploadsuccess" @error="error">
									<el-button size="mini" style="border-radius:100px;color: #666666;">手动上传
									</el-button>
								</gsb-upload>
								<gsb-upload v-if="form.tmFormType == 4 || form.tmFormType == 5" style="float:left;"
									flag="picUrl" ref="picUrl" :d="d" @setKey="setKey" :action="action"
									filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
									@error="error">
									<div style="margin-top:15px;width: 120px;" v-loading="loading">
										<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
											v-if="form.colorizedPicUrl" :src="form.colorizedPicUrl" />
										<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
											src="/imgs/sctp.png" />
									</div>
								</gsb-upload>
								<div style="float:left;margin-left:10px;" v-if="form.tmFormType == 3">
									<el-button @click="word2pic" style="border-radius:100px;color: #666666;" size="mini">
										自动生成
									</el-button>
								</div>
								<div style="clear:both;"></div>
								<div style="margin-top:15px;width: 120px;" v-loading="loading"
									v-if="form.tmFormType == 3">
									<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
										v-if="form.colorizedPicUrl" :src="form.colorizedPicUrl" />
									<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
										src="/imgs/zwtp.png" />
								</div>
								<div class="categoryFrom-imgjieshao"
									v-if="form.tmFormType == 4 || form.tmFormType == 5">
									<div><i class="el-icon-warning" style="margin-right:6px;"></i>上传黑白图样，注册后可以更换商标颜色使用；
									</div>
									<div style="padding-left:17px">
										上传彩色图样，注册后只能按照该彩色图样使用，并在委托书商标名称后方增加文字“（指定颜色）”；</div>
									<div style="padding-left:17px">上传的彩色图样需与黑白图样的样式一致。</div>
									<div style="padding-left:17px;color:#0F8EE9;cursor: pointer;"
										@click="announcementsImgType = true">
										查看上传商标图样注意事项</div>
								</div>
								<div class="categoryFrom-namejieshao" v-if="form.tmFormType == 3"><i
										class="el-icon-warning"
										style="margin-right: 6px;"></i>自动生成的商标图样默认以“宋体字样自左向右排列”递交官方；
								</div>
							</el-form-item>
							<div style="clear:both;"></div>
						</div>
						<el-drawer title="如何选择商标类型？" :visible.sync="announcementsType" append-to-body>
							<img style="width:100%;margin-top: 30px;" src="/imgs/jdt/shuoming.png" alt="">
						</el-drawer>
						<el-drawer :visible.sync="announcementsImgType" width="60%" append-to-body>
							<h1 style="width:100%;text-align: center;">上传商标图样注意事项</h1>
							<div class="popannouncementsText">
								图样文件格式应为jpg，图形应清晰，图样文件大小应小于“<span>200KB</span>”，且图形像素介于“<span>600X600 -
									1500X1500</span>”之间，如果通过扫描获得图样的，应按
								<span>24</span>位彩色，<span>300dpi</span>分辨率扫描符合《商标法》及其实施条例规定的图形（图形清晰，大于5X5厘米且小于10X10厘米），申请人（或代理人）应确保扫描后的图
								形与原图形的色彩深浅（或灰度）一致，否则，可能影响《商标注册证》上图形的清晰度）如上传图样为黑白，取得注册后，可以更换商标颜色使用；<span>如上传图样为彩色，取得注册后只能按
									照该彩色图样使用；如确认提交彩色图样，需在委托书商标名称后方增加以下文字“（指定颜色）”</span></div>
						</el-drawer>
						<div>
							<div>
								<el-cascader v-if="form.selecttype==\'智能推荐\'" expand-trigger="hover" :options="bigtype"
									v-model="selectedOptions" style="float:left;padding-left:10px"
									placeholder="请选择所属行业">
								</el-cascader>
								<div style="float:left;padding-left:10px;" v-if="form.selecttype==\'智能推荐\'">
									<el-button @click="aiadive" round>推荐</el-button>
								</div>
							</div>
							<div style="clear:both;"></div>

						</div>
					</div>
					<div style="clear:both;"></div>
				</el-form>

			</div>
			<div v-show="headerInfo==\'商标类别\'">
				<el-container style="height: 600px;background-color:white; border: 1px solid #D6DAEB;">
					<el-aside width="35%" style="text-align:center;background-color:white;position: relative;">
						<div class="selftmreg_Stickie">
							<el-button size="small" style="border-radius:0;" @click="checkClick">分类</el-button>
							<el-input @blur="searchInputBlur" style="width:60%;height:31px;margin: 0"
								placeholder="输入关键字进行过滤" @keyup.enter.native="nclSearch" suffix-icon="el-icon-search"
								v-model="filterText">
								<i slot="suffix" style="position:relative;top:8%;right:5%;z-index:1"
									class="el-input__icon" @click="nclSearch">
									<span><i class="tool-query" style="font-size : 1.5em;"></i></span>
								</i>
							</el-input>
							<el-button style="padding: 12px 5px;color:#0989C5; " type="text" @click="clearNclText">取消
							</el-button>
						</div>
						<el-card v-if="showSelectedNclList"
							style="z-index: 1000;font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute;width:100%;margin:0 2%;">
							<div style="margin-bottom:10px;">
								<div style="float:left;width:50%;">
									<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll"
										@change="handleCheckAllChange">
										全选
									</el-checkbox>
								</div>
								<div style="float:left;text-align:right;width:50%;">
									<el-button type="text" style="padding: 0 10px;color:#828282;" @click="checkConfirm">
										确定
									</el-button>
								</div>
								<div style="clear:both">

								</div>
							</div>


							<el-checkbox-group v-model="checkedNcl" @change="handleCheckedNclChange">
								<ul style="list-style:none; padding:0;margin:0;text-align:left;">
									<li v-for="n in ncl" :key="n" style="float:left;width:33.33%">
										<el-checkbox :label="n">{{n}}</el-checkbox>
									</li>
								</ul>
							</el-checkbox-group>
						</el-card>
						<div style="height:100%;overflow: hidden;" v-loading="nclSearchLoading">
							<el-tree class="gsb_tree" class="selftmreg_filter-tree" :data="ncldata"
								:props="defaultProps" node-key="name" default-expand-all show-checkbox accordion
								@check-change="handleCheckChange" @node-click="nodeClick"
								:filter-node-method="filterNode" ref="tree">
							</el-tree>
						</div>
					</el-aside>
					<el-container width="60%">
						<!-- <el-header v-if="false"
							style="text-align: right; font-size: 12px;background-color:white;padding-top:10px;">
							<el-button style="float:right" type="primary">导入Contact</el-button>
							<el-input style="float:right;width:40%" placeholder="请输入历史订单号" clearable></el-input>

						</el-header> -->

						<el-main style="background-color: white; padding:0px;position: relative;">
							<div class="selftmreg_title">已选择的商品/服务项
								<span class="selftmreg_qingchu" @click="removeAll">
									<i class="el-icon-delete"></i>
									清除全部</span>
							</div>
							<div v-if="nclOne.length != 0"
								style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;">
								<div v-for="(nclone,index) in nclOne"
									style="text-align: left;padding-left:5px;padding-bottom:5px;">
									<span style="font-size:16px"><b>{{nclone.code}} {{nclone.name}}</b></span>
									<span style="font-size:16px;float:right"><b>已选择<span
												style="color:#0F8EE9;">{{nclone.nclThree.length}}</span>项</b>
										<!-- <span style="color:#FF2E22;">￥{{nclone.price}}</span> -->
										&nbsp;&nbsp;&nbsp;
										<span @click="removeNclOne(index,nclone)" style="cursor: pointer;"><i
												class="el-icon-delete" style="font-size : 1.2em;"></i></span>
									</span>

									<br />
									<br />
									<span v-for="(nclThree,index2) in nclone.nclThree">
										<el-tag key="nclThree.code" closable="true"
											@close="closeTag(nclThree,index,index2)">
											{{nclThree.code}} {{nclThree.name}}
										</el-tag>
										&nbsp;
									</span>

								</div>
							</div>
							<div v-else
								style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;text-align: center;">
								<img src="/imgs/kong-2.png" style="margin-top: 124px;" alt="">
								<div style="color: #828282;text-align: center;">请点击左侧选择商标类别
								</div>
							</div>

						</el-main>
					</el-container>
				</el-container>

			</div>
			<div v-show="headerInfo==\'交官文件\'">
				<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>交官文件</h4> -->
				<el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply" class="demo-ruleForm"
					label-width="120px">

					<!-- 头部 -->
					<!-- <el-form-item label-width="140px" label="申请人类型"
								style="width:493px;float:left;padding-right:50px;" prop="customerType">
								<div class="selftmregType" v-model="applyInfo.customerType"
									:style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
									@click="applyInfo.customerType = \'ent\'">企业<img v-if="applyInfo.customerType==\'ent\'"
										src="/imgs/sjd.png" alt=""></div>
								<div class="selftmregType" v-model="applyInfo.customerType"
									:style="applyInfo.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
									@click="applyInfo.customerType = \'person\'">个体户<img
										v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div>
							</el-form-item> -->
					<div style="clear:both;"></div>
					<div class="selftmreg_main" style="padding:0;">
						<div style="width: 100%;text-align: left;box-sizing: border-box;">
							<el-form-item class="gsb_items" label="">
								<div class="title special">上传材料：营业执照</div>
								<div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')"
									@mouseleave="mouseLeaveDemo(1,\'a\')">
									<img class="upload-applyimg" v-if="editApply.businessLicensePic"
										:src="editApply.businessLicensePic?editApply.businessLicensePic:\'/imgs/sbzc/yyzzD.png\'" />
									<gsb-upload v-else flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
										filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
										@error="error">
										<div class="upload-button" @click="loadingKey = 0">
											<div><i class="el-icon-plus"></i></div>
											<div>(需盖公章)</div>
										</div>
									</gsb-upload>
									<div class="upload-dialog"
										v-show="editApply.businessLicensePic && toViewImgKey == \'a\'">
										<div @click="window.open(editApply.businessLicensePic)">查看大图
										</div>
										<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
											filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
											@error="error">
											<div @click="loadingKey = 0">重新上传</div>
										</gsb-upload>
									</div>
								</div>
								<div class="upload-img" @mouseover="mouseOverDemo(1)" @mouseleave="mouseLeaveDemo(1)">
									<img
										:src="applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzz1.png\' : \'imgs/sbzc/yyzz.png\'" />
									<div v-if="toViewImgKey == 1" class="toViewImg"
										@click="toViewImg(applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzzD1.png\' : \'imgs/sbzc/yyzzD.png\')">
										查看大图</div>
								</div>

							</el-form-item>
							<el-form-item class="gsb_items" v-if="editApply.customerType==\'person\'" label="">
								<div class="title special">上传材料：身份证明</div>
								<div class="upload-box" v-loading="loading1" @mouseover="mouseOverDemo(4,\'d\')"
									@mouseleave="mouseLeaveDemo(4,\'d\')">
									<img @click="window.open(editApply.identityCardPic)" class="upload-applyimg"
										v-if="editApply.identityCardPic"
										:src="editApply.identityCardPic?editApply.identityCardPic:\'/imgs/sbzc/pdf.png\'" />
									<gsb-upload v-else flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
										filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
										@error="error">
										<div class="upload-button" @click="loadingKey = 1">
											<div><i class="el-icon-plus"></i></div>
											<div>(需盖公章)</div>
										</div>
									</gsb-upload>
									<div class="upload-dialog"
										v-show="editApply.identityCardPic && toViewImgKey == \'d\'">
										<div @click="window.open(editApply.identityCardPic)">查看大图</div>
										<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
											filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
											@error="error">
											<div @click="loadingKey = 1">重新上传</div>
										</gsb-upload>
									</div>
								</div>
								<div class="upload-img" @mouseover="mouseOverDemo(4)" @mouseleave="mouseLeaveDemo(4)">
									<img src="/imgs/sbzc/sfz.png" />
									<div v-if="toViewImgKey == 4" class="toViewImg"
										@click="toViewImg(\'/imgs/sbzc/sfzD.png\')">查看大图</div>
								</div>
								<div class="text"> <i class="el-icon-warning"></i> 格式为<span>PDF</span> 或
									<span>JPG</span>，大小不能超过<span>10M</span></div>
							</el-form-item>
							<el-form-item class="gsb_items">
								<div class="title special">上传材料：代理委托书
									<a href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/igirl_channel_tmwtsdemo001.doc"
										style="color:#0F8EE9;font-size:13px;cursor:pointer;position: absolute;top: 70%;left: 51%;line-height: 0px;border-bottom: 1px solid #0F8EE9;height: 5px;">生成委托书</a>
								</div>
								<div class="upload-box" v-loading="loading2" @mouseover="mouseOverDemo(2,\'b\')"
									@mouseleave="mouseLeaveDemo(2,\'b\')">
									<img @click="window.open(editDeliveryInfo.gzwtsUrl)" class="upload-applyimg"
										v-if="editDeliveryInfo.gzwtsUrl" :src="editDeliveryInfo.gzwtsUrl" />
									<gsb-upload v-else flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
										filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
										@error="error">
										<div class="upload-button" @click="loadingKey = 2">
											<div><i class="el-icon-plus"></i></div>
											<div>(需盖公章)</div>
										</div>
									</gsb-upload>
									<div class="upload-dialog"
										v-show="editDeliveryInfo.gzwtsUrl && toViewImgKey == \'b\'">
										<div @click="window.open(editDeliveryInfo.gzwtsUrl)">查看大图</div>
										<gsb-upload flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
											filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
											@error="error">
											<div @click="loadingKey = 2">重新上传</div>
										</gsb-upload>
									</div>
								</div>
								<div class="upload-img" @mouseover="mouseOverDemo(2)" @mouseleave="mouseLeaveDemo(2)">
									<img
										:src="editApply.customerType == \'ent\' ? \'/imgs/sbzc/wts1.png\' : \'imgs/sbzc/wts.png\'" />
									<div v-if="toViewImgKey == 2" class="toViewImg"
										@click="toViewImg(editApply.customerType == \'ent\' ? \'/imgs/sbzc/wtsD1.png\' : \'imgs/sbzc/wtsD.png\')">
										查看大图</div>
								</div>

							</el-form-item>
							<el-form-item class="gsb_items" label="">
								<div class="title">上传材料：优先权证明
									<a href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/yzq_201908281849646526xujnsedjnqwdoni.doc"
										style="width:95px;color:#0F8EE9;font-size:13px;cursor:pointer;position: absolute;top: 70%;left: 37%;line-height: 0px;border-bottom: 1px solid #0F8EE9;height: 5px;">下载优先权证明</a>
								</div>
								<div class="upload-box" v-loading="loading3" @mouseover="mouseOverDemo(3,\'c\')"
									@mouseleave="mouseLeaveDemo(3,\'c\')">
									<img @click="window.open(editDeliveryInfo.smwjUrl)" class="upload-applyimg"
										v-if="editDeliveryInfo.smwjUrl" :src="editDeliveryInfo.smwjUrl" />
									<gsb-upload v-else flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
										filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
										@error="error">
										<div class="upload-button" @click="loadingKey = 3">
											<div><i class="el-icon-plus"></i></div>
											<div>(需盖公章)</div>
										</div>
									</gsb-upload>
									<div class="upload-dialog"
										v-show="editDeliveryInfo.smwjUrl && toViewImgKey == \'c\'">
										<div @click="window.open(editDeliveryInfo.smwjUrl)">查看大图</div>
										<gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
											filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
											@error="error">
											<div @click="loadingKey = 3">重新上传</div>
										</gsb-upload>
									</div>
								</div>
								<div class="upload-img" @mouseover="mouseOverDemo(3)" @mouseleave="mouseLeaveDemo(3)">
									<img src="/imgs/sbzc/yxq.png" />
									<div v-if="toViewImgKey == 3" class="toViewImg"
										@click="toViewImg(\'/imgs/sbzc/yxqD.png\')">查看大图</div>
								</div>
							</el-form-item>

							<div style="clear:both;"></div>
							<el-dialog title="" :visible.sync="toViewImgType" center width="72%" append-to-body>
								<img :src="toViewImgSrc" style="max-width:100%;display: block;margin: 0 auto;" alt="">
							</el-dialog>
						</div>
					</div>

				</el-form>
			</div>
			<div v-show="headerInfo==\'申请人信息\'">
				<el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply" class="demo-ruleForm"
					label-width="120px">
					<div class="selftmreg_main">
						<div style="clear:both;"></div>
						<div style="width:100%;box-sizing: border-box;">
							<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>申请人信息</h4> -->
							<el-form-item label-width="140px" label="申请人类型"
								style="width:493px;float:left;padding-right:50px;" prop="customerType">

								<div class="selftmregType" v-model="editApply.customerType"
									:style="editApply.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
									@click="editApply.customerType = \'ent\'">企业<img
										v-if="editApply.customerType==\'ent\'" src="/imgs/sjd.png" alt=""></div>
								<div class="selftmregType" v-model="editApply.customerType"
									:style="editApply.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
									@click="editApply.customerType = \'person\'">个体户<img
										v-if="editApply.customerType==\'person\'" src="/imgs/sjd.png" alt="">
								</div>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="editApply.customerType==\'ent\'" label-width="140px" label="公司名称"
								style="width:493px;float:left;padding-right:50px;" prop="name">
								<gsb-selectentjd v-if="currentUser" @historychange="historyapplierchange"
									allowcreate="true" showhistory="false" @change="applierChange" size="medium"
									v-model="editApply.name" refMethod="getCompanyInfoByLikeName" autoComplete="true"
									isFilter="true" refModel="tool" labelField="entName" valueField="entName"
									style="position:relative;width:100%;" placeHolder="请输入选择公司名称">
								</gsb-selectentjd>
								<gsb-selectentjd v-if="!currentUser" @historychange="historyapplierchange"
									frombrowser="true" allowcreate="true" showhistory="false" @change="applierChange"
									size="medium" v-model="editApply.name" refMethod="getCompanyInfoByLikeName"
									autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
									valueField="entName" style="position:relative;width:100%;" placeHolder="请输入选择公司名称">
								</gsb-selectentjd>
							</el-form-item>
							<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px" label="姓名"
								style="width:493px;float:left;padding-right:50px;" prop="name">
								<gsb-selectperson v-if="currentUser" @input="selectpersoninput" allowcreate="true"
									showhistory="true" @historychange="historyapplierchange" size="medium"
									v-model="editApply.name" refMethod="getCompanyInfoByLikeName" autoComplete="true"
									isFilter="true" refModel="tool" labelField="entName" valueField="entName"
									style="position:relative;width:100%;" placeHolder="请输入身份证姓名"></gsb-selectperson>
								<gsb-selectperson v-if="!currentUser" frombrowser="true" @input="selectpersoninput"
									allowcreate="true" showhistory="true" @historychange="historyapplierchange"
									size="medium" v-model="editApply.name" refMethod="getCompanyInfoByLikeName"
									autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
									valueField="entName" style="position:relative;width:100%;" placeHolder="请输入身份证姓名">
								</gsb-selectperson>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px" label="身份证号码"
								style="width:493px;float:left;padding-right:50px;" prop="identityCardNo">
								<el-input placeHolder="请输入身份证号码" v-model="editApply.identityCardNo"> </el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px" label="身份证住址"
								style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
								<el-input placeHolder="请输入身份证住址" v-model="editApply.applyAddr"></el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="统一社会信用代码"
								style="width:493px;float:left;padding-right:50px;" prop="code">
								<el-input placeHolder="请输入统一社会信用代码" v-model="editApply.code"></el-input>
								<div class="floatBox-right">
									<i class="el-icon-question" @mouseover="mouseOverDemo(99)"
										@mouseleave="mouseLeaveDemo(99)"></i>
									<div id="floatBox-demo" v-show="floatBoxDemo">
										由于官方商标注册增加“统一社会信用代码”的填写，企业申请必填，个体工商户申请可不填此项，请仔细核对营业执照填写。 </div>
								</div>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="editApply.customerType==\'ent\'" label-width="140px" label="执照详细地址"
								style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
								<el-input placeHolder="请输入执照详细地址" v-model="editApply.applyAddr"></el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="邮政编码"
								style="width:493px;float:left;padding-right:50px;" prop="zipCode">
								<el-input placeHolder="请输入邮政编码" v-model="editApply.zipCode"></el-input>
							</el-form-item>
							<div style="clear:both;"></div>

						</div>
						<el-form-item class="gsb_items" label="">
							<div class="title special">上传材料：营业执照</div>
							<div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')"
								@mouseleave="mouseLeaveDemo(1,\'a\')">
								<img class="upload-applyimg" v-if="editApply.businessLicensePic"
									:src="editApply.businessLicensePic?editApply.businessLicensePic:\'/imgs/sbzc/yyzzD.png\'" />
								<gsb-upload v-else flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
									filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
									@error="error">
									<div class="upload-button" @click="loadingKey = 0">
										<div><i class="el-icon-plus"></i></div>
										<div>(需盖公章)</div>
									</div>
								</gsb-upload>
								<div class="upload-dialog"
									v-show="editApply.businessLicensePic && toViewImgKey == \'a\'">
									<div @click="window.open(editApply.businessLicensePic)">查看大图</div>
									<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
										filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
										@error="error">
										<div @click="loadingKey = 0">重新上传</div>
									</gsb-upload>
								</div>
							</div>
							<div class="upload-img" @mouseover="mouseOverDemo(1)" @mouseleave="mouseLeaveDemo(1)">
								<img
									:src="editApply.customerType == \'ent\' ? \'/imgs/sbzc/yyzz1.png\' : \'imgs/sbzc/yyzz.png\'" />
								<div v-if="toViewImgKey == 1" class="toViewImg"
									@click="toViewImg(editApply.customerType == \'ent\' ? \'/imgs/sbzc/yyzzD1.png\' : \'imgs/sbzc/yyzzD.png\')">
									查看大图</div>
							</div>

						</el-form-item>
						<el-form-item class="gsb_items" v-if="editApply.customerType==\'person\'" label="">
							<div class="title special">上传材料：身份证明</div>
							<div class="upload-box" v-loading="loading1" @mouseover="mouseOverDemo(4,\'d\')"
								@mouseleave="mouseLeaveDemo(4,\'d\')">
								<img @click="window.open(editApply.identityCardPic)" class="upload-applyimg"
									v-if="editApply.identityCardPic"
									:src="editApply.identityCardPic?editApply.identityCardPic:\'/imgs/sbzc/pdf.png\'" />
								<gsb-upload v-else flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
									filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
									@error="error">
									<div class="upload-button" @click="loadingKey = 1">
										<div><i class="el-icon-plus"></i></div>
										<div>(需盖公章)</div>
									</div>
								</gsb-upload>
								<div class="upload-dialog" v-show="applyInfo.identityCardPic && toViewImgKey == \'d\'">
									<div @click="window.open(applyInfo.identityCardPic)">查看大图</div>
									<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
										filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
										@error="error">
										<div @click="loadingKey = 1">重新上传</div>
									</gsb-upload>
								</div>
							</div>
							<div class="upload-img" @mouseover="mouseOverDemo(4)" @mouseleave="mouseLeaveDemo(4)">
								<img src="/imgs/sbzc/sfz.png" />
								<div v-if="toViewImgKey == 4" class="toViewImg"
									@click="toViewImg(\'/imgs/sbzc/sfzD.png\')">查看大图</div>
							</div>
							<div class="text"> <i class="el-icon-warning"></i> 格式为<span>PDF</span> 或
								<span>JPG</span>，大小不能超过<span>10M</span></div>
						</el-form-item>
					</div>

				</el-form>
			</div>
			<div v-show="headerInfo==\'订单联系人\'">
				<el-form ref="apply" label-position="left" :rules="applyrules" :model="apply" class="demo-ruleForm"
					label-width="120px">
					<!-- <div class="selftmreg_main">
						<h4 style="color:#535353"><i class="selftmreg_shuxian"></i>申请人信息</h4>
						<div style="clear:both;"></div>
						<div style="width:100%;padding-left: 30px;box-sizing: border-box;">

							<el-form-item label-width="140px" label="申请人类型"
								style="width:493px;float:left;padding-right:50px;" prop="customerType">

								<div class="selftmregType" v-model="applyInfo.customerType"
									:style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
									@click="applyInfo.customerType = \'ent\'">企业<img v-if="applyInfo.customerType==\'ent\'"
										src="/imgs/sjd.png" alt=""></div>
								<div class="selftmregType" v-model="applyInfo.customerType"
									:style="applyInfo.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
									@click="applyInfo.customerType = \'person\'">个体户<img
										v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="applyInfo.customerType==\'ent\'" label-width="140px" label="公司名称"
								style="width:493px;float:left;padding-right:50px;" prop="name">
								<gsb-selectent v-if="currentUser" allowcreate="true" showhistory="true"
									@historychange="historyapplierchange" @change="applierChange" size="medium"
									v-model="apply.name" refMethod="getCompanyInfoByLikeName" autoComplete="true"
									isFilter="true" refModel="tool" labelField="entName" valueField="entName"
									style="position:relative;width:100%;" placeHolder="请输入选择公司名称"></gsb-selectent>
								<gsb-selectent v-if="!currentUser" frombrowser="true" allowcreate="true"
									showhistory="true" @historychange="historyapplierchange" @change="applierChange"
									size="medium" v-model="apply.name" refMethod="getCompanyInfoByLikeName"
									autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
									valueField="entName" style="position:relative;width:100%;" placeHolder="请输入选择公司名称">
								</gsb-selectent>
							</el-form-item>
							<el-form-item v-if="applyInfo.customerType==\'person\'" label-width="140px" label="姓名"
								style="width:493px;float:left;padding-right:50px;" prop="name">
								<gsb-selectperson v-if="currentUser" @input="selectpersoninput" allowcreate="true"
									showhistory="true" @historychange="historyapplierchange" size="medium"
									v-model="apply.name" refMethod="getCompanyInfoByLikeName" autoComplete="true"
									isFilter="true" refModel="tool" labelField="entName" valueField="entName"
									style="position:relative;width:100%;" placeHolder="请输入身份证姓名"></gsb-selectperson>
								<gsb-selectperson v-if="!currentUser" frombrowser="true" @input="selectpersoninput"
									allowcreate="true" showhistory="true" @historychange="historyapplierchange"
									size="medium" v-model="apply.name" refMethod="getCompanyInfoByLikeName"
									autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
									valueField="entName" style="position:relative;width:100%;" placeHolder="请输入身份证姓名">
								</gsb-selectperson>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="applyInfo.customerType==\'person\'" label-width="140px" label="身份证号码"
								style="width:493px;float:left;padding-right:50px;" prop="identityCardNo">
								<el-input placeHolder="请输入身份证号码" v-model="apply.identityCardNo"> </el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="applyInfo.customerType==\'person\'" label-width="140px" label="身份证住址"
								style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
								<el-input placeHolder="请输入身份证住址" v-model="apply.applyAddr"></el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="统一社会信用代码"
								style="width:493px;float:left;padding-right:50px;" prop="code">
								<el-input placeHolder="请输入统一社会信用代码" v-model="apply.code"></el-input>
								<div class="floatBox-right">
									<i class="el-icon-question" @mouseover="mouseOverDemo(99)"
										@mouseleave="mouseLeaveDemo(99)"></i>
									<div id="floatBox-demo" v-show="floatBoxDemo">
										由于官方商标注册增加“统一社会信用代码”的填写，企业申请必填，个体工商户申请可不填此项，请仔细核对营业执照填写。 </div>
								</div>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item v-if="applyInfo.customerType==\'ent\'" label-width="140px" label="执照详细地址"
								style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
								<el-input placeHolder="请输入执照详细地址" v-model="apply.applyAddr"></el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="邮政编码"
								style="width:493px;float:left;padding-right:50px;" prop="zipCode">
								<el-input placeHolder="请输入邮政编码" v-model="apply.zipCode"></el-input>
							</el-form-item>
							<div style="clear:both;"></div>

						</div>
					</div> -->
					<div class="selftmreg_main">
						<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>订单联系人</h4> -->
						<div style="clear:both;"></div>
						<div style="width:100%;box-sizing: border-box;">
							<el-form-item label-width="140px" label="客户联系人"
								style="width:493px;float:left;padding-right:50px;" prop="contacts">
								<el-input v-model="editApply.contacts" placeHolder="此信息很重要，官方文件送达需与您联系">
								</el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="联系电话"
								style="width:493px;float:left;padding-right:50px;" prop="mobile">
								<el-input v-model="editApply.mobile" placeHolder="请填写11位手机号码"></el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="电子邮箱"
								style="width:493px;float:left;padding-right:50px;" prop="email">
								<el-input v-model="editApply.email" placeHolder="重要官文会通过邮件通知，请注意查收并及时回复">
								</el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="座机"
								style="width:493px;float:left;padding-right:50px;">
								<el-input v-model="editApply.tel" placeHolder="区号-座机号码"> </el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<el-form-item label-width="140px" label="传真"
								style="width:493px;float:left;padding-right:50px;">
								<el-input v-model="editApply.fax" placeHolder="请输入传真号"> </el-input>
							</el-form-item>
							<div style="clear:both;"></div>
							<div style="clear:both;"></div>
						</div>
					</div>
				</el-form>
			</div>
			<el-dialog title="提示" :visible.sync="showConfrim" width="30%" style="z-Index:9999;" append-to-body>
				<div v-for="(item, index) in nclOne" :key="index" style="margin-bottom:10px;">
					{{item.code}}类{{item.name}}，商品/服务项目<span
						style="color:red;">不足10项</span>，已选{{item.nclThree.length}}项，还可选{{10-item.nclThree.length}}个小项</span>
				</div>
				<div style="margin-top: 10px;">
					<span class="dialog-footer">
						<el-button style="background:#66b1ff;border-color: #66b1ff;color: #FFF;"
							@click="closeConfrim()">修 改
						</el-button>
						<el-button style="background:#fff;border-color: #DCDFE6;color: #606266;" type="primary"
							@click="submitEdit(\'商标类别\',true)">确 定</el-button>
					</span>
				</div>

			</el-dialog>
			<div style="text-align:center;">
				<span class="dialog-footer" style="margin-top:5px;">
					<el-button @click="submitEdit(headerInfo)"
						style="width:140px;height:36px;background:rgba(38,146,255,1);border-radius:4px;color:#fff;">
						提交</el-button>
				</span>
			</div>

		</el-drawer>
	</div>

	<!--  -->
	<transition name="message">
		<div class="selftmreg-message" v-if="message.show">
			<i class="el-icon-warning"></i>
			{{message.info}}
		</div>
	</transition>
</div>