<template>
	<div>
		<div class="container resource clearfix close-left-menu contaNEW">
			<div class="pop-banner clearfix">
				<div class="operate-btns">
					<a href="javascript:void(0)" @click="modifyInfo" v-if="'/supplier/relation:modify' | myqx ($route.params.guid!=0)" class="fbtn fb-modify">修改11</a>
					<a @click="addRelation" href="javascript:void(0)" v-if="'/supplier/relation:add' | myqx" class="fbtn fb-add">添加关系</a>
					<a href="javascript:void(0)" v:disabled="false" v-if="'/supplier/relation:deleteRelation' | myqx !canDelete"  style="color:#DCDCDC" class="fbtn fb-remove">删除</a>
					<a href="javascript:void(0)" @click="deleteRelation" v-if="'/supplier/relation:deleteRelation' | myqx canDelete" class="fbtn fb-remove">删除</a>
					<a v:disabled="false" v-if="'/supplier/relation:saveRelation' | myqx !canSave"  style="color:#DCDCDC" href="javascript:void(0)" class="fbtn fb-save">保存</a>
					<a @click="saveRealtion" v-if="'/supplier/relation:saveRelation' | myqx canSave" href="javascript:void(0)" class="fbtn fb-save">保存</a>
					<a href="javascript:void(0)" v:disabled="false" v-if="!canSubmit"  style="color:#DCDCDC" class="fbtn fb-submit">提交</a>
					<a href="javascript:void(0)" @click="submitRelation" v-if="canSubmit" class="fbtn fb-submit">提交</a>
				</div>
				<imagebox v-bind:imgarr="imgArry">
                	<span class="pic-max blue-search" id="bigImgs"></span>
            	</imagebox>
				<h3 class="current-module">供应关系维护</h3>
			</div>
			<div class="pd-form fl w260 mr-30">
				<div class="group-row-3">
					<div class="form-group">
						<label for="cn1" class="label">供应方式</label>
						<div class="control">
							<select-ui :list="supplierMethodList"  id="cn2"	:selected.sync="relation.supplymethod" empty-text="请选供应方式"></select-ui>
						</div>
					</div>
					<br>
					<div class="form-group">
						<label for="cn2" class="label">医疗机构</label>
						<div class="control">
							<button @click="selIframePage(1,0)" class="btn-d btn-d-lg btn-d-activate fl mb-20">选择</button>
							<textarea name="" id="" cols="5" rows="3" readonly>{{selHospitalName}}</textarea>
						</div>
					</div>
					<br>
					<div class="form-group" v-if="relation.supplymethod!=1">
						<label for="cn2" class="label">配送商</label>

						<div class="control">
							<button @click="selIframePage(2,0)" class="btn-d btn-d-lg btn-d-activate fl mb-20">选择</button>
							<textarea name="" id="" cols="5" rows="3" readonly>{{selDistributionName}}</textarea>
						</div>
					</div>
					<div class="form-group mb-20">
						<label for="cn2" class="label">结算方式</label>
						<div class="control">
							<select-ui :list="settlemethodList" :selected.sync="relation.settlemethod" empty-text="请选择结算方式"></select-ui>
						</div>
					</div>
					<div class="form-group mb-20">
						<label for="cn2" class="label">供应品种</label>
						<div class="control">
							<button @click="selIframePage(3,0)" class=" btn-d btn-d-lg btn-d-activate fl mb-20">选择</button>

							<p class="clear-l">
								<a href="###" class="text-color-blue">{{checkedGoods.length}}个商品</a>
							</p>
						</div>
					</div>
					<div class="fheader no-bottom ml-50">
						<h4 class="fh-cert">合规证照</h4>
					</div>
					<div class="form-group clearfix">
						<label for="cn2" class="label w120">
							承诺书&nbsp;&nbsp;
							<span class="{{uploads1.length>
								0?'text-color-blue':'text-color-red'}}">{{uploads1.length>0?"有":"无"}}
							</span>
						</label>

						<div class="control">
							<button @click="selIframePage(4,1)" class="btn-d btn-d-lg btn-d-activate fl mb-20 ml-20">选择</button>
						</div>
					</div>
					<div class="form-group clearfix">
						<label for="cn2" class="label w120">
							法人委托书&nbsp;&nbsp;
							<span class="{{uploads2.length>
								0?'text-color-blue':'text-color-red'}}">{{uploads2.length>0?"有":"无"}}
							</span>
						</label>

						<div class="control">
							<button @click="selIframePage(4,2)" class="btn-d btn-d-lg btn-d-activate fl mb-20 ml-20">选择</button>
						</div>
					</div>
					<div class="form-group clearfix">
						<label for="cn2" class="label w120">
							供销合同&nbsp;&nbsp;
							<span class="{{uploads3.length>
								0?'text-color-blue':'text-color-red'}}">{{uploads3.length>0?"有":"无"}}
							</span>
						</label>

						<div class="control ">
							<button @click="selIframePage(4,3)" class="btn-d btn-d-lg btn-d-activate fl mb-20 ml-20">选择</button>
						</div>
					</div>
				</div>
			</div>
			<!-- 供应关系 医疗机构start-->
			<div class="relation" v-if="iframePage==1">
				<div class="fheader no-bottom">
					<h4 class="no-icon ml-20">医疗机构</h4>
					<div class="pd-form">
						<div class="group-row">
							<div class="form-group">
								<label for="cn5" class="label">地区选择</label>
								<div class="control" style="width:510px;">
								    <city-long :province.sync="searchHospital.province"
	                                  :city.sync="searchHospital.city"
	                                  :area.sync="searchHospital.district"></city-long>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="relation-left clearfix">
					<div class="relation-paging-position" v-if="hospitals.length>0">
						<div class="pagination m-20-0 relation-paging">
							<ul>
								<li>
									<span class="bd-gray2" @click="turnHospitalPage(-1)">上一页</span>
								</li>
								<li>
									<span class="bd-gray2" @click="turnHospitalPage(1)">下一页</span>
								</li>
							</ul> <em class="page">第{{searchHospital.page}}页</em> <em>共{{searchHospital.totalPages}}页</em>
						</div>
					</div>
					<div class="group-row">
						<div class="itable t-left" v-for="hospital in hospitals" track-by="$index">
							<div class="control radio-control mt-20">
								<input type="radio" name="selHospital" id="radio{{$index}}" @click="selHospiatlInfo(hospital)"  v-model="selHospitalName" value="{{hospital.name}}">
								<label class="radio" for="radio{{$index}}">
								<img :src="hospital.pictcontent | thumbnail" v-if="hospital.pictcontent!=null && hospital.pictcontent!=''" class="hosp-img" @click="showBigImgs(1,hospital.pictcontent)" >
								<img src="/images/user.png" class="hosp-img" style="width: 42px;height50px;" v-if="hospital.pictcontent==null || hospital.pictcontent==''"
									@click="showBigImgs2()"			
								>
									{{hospital.name}}
								</label>
							</div>
						</div>
						<div class="itable t-left" v-if="hospitals.length==0">
							<div class="control radio-control mt-20">
								没有检索到医院信息！
							</div>
						</div>
					</div>
				</div>
				<div class="relation-right clearfix">
					<div class="fheader no-bottom">
						<h4 class="no-icon">业务授权书</h4>
						<div class="search-block">
							<div class="filter-form fl">
								<input type="text" v-model="searchUser.realname" placeholder="查找业务员" class="w140">
								<input type="submit" @click="listUser" value="搜索"></div>
						</div>
					</div>
					<div class="cert-exhibit pb10 mb-10 clearfix" v-for="user in userList"  track-by="$index" style="overflow:inherit;">
						<div class="cert-item w330">
							<div class="cert-title">
								<div class="checkbox-control">
									<input type="checkbox"  name="ywy"  id="ywy{{user.guid}}" v-model="checkedUsers" value="{{user.guid+'@@'+user.realname}}"> 
										<label class="checkbox" for="ywy{{user.guid}}">{{user.realname}}</label>
								</div>
							</div>
							<ul class="cert-list bd-none">
								<li class="list-li" style="overflow:inherit;">
									<div class="cert-box list-box cp-box big-imgs" v-if="user.path!=null" :style="{backgroundImage:'url('+user.path+')'}">
                						<span class="rm-pic" v-on:click="deleteimg($index)"></span>
                						<div class="big-imgs" @click="showBigImgs(2,user)" style="top:108px;left:0px;z-index: 99;">
                      					</div>
                      					<span @click="modifyPic($index)">修改图片</span> 
             						 </div>
			               			 <uploads v-bind:class="['cert-box list-box cp-box big-imgs']" 
			               			 	:display="'block'" 
			               			 	v-if="user.path==null"	
			               			 	id="showupload{{$index}}"
			                  			v-on:file-change="fileChangeywy" 
			                  			v-bind:sdguid="user.guid" 
			                  			v-bind:multiple="false" 
			                  			v-bind:readonly="readonly"> 
			                  			<span>选择图片</span> 
			                  			<img src="/images/add.png" alt="">
			                 		 </uploads>
									<div class="cert-msg">
										<p>
											开始日期

											<datepicker :target.sync="user.begindate | getYMD" :readonly="readonlyFlag" class='relation'></datepicker>
										<!-- 	<datepicker_relation 
											class="top288"  :target.sync="user.begindate | getYMD" :readonly="readonlyFlag"></datepicker_relation> -->
										</p>
										<p>
											有效期至
												<datepicker  :target.sync="user.enddate"  :readonly="readonlyFlag" class='relation'  v-if="user.isunlimited!='Y'"></datepicker>
										<!-- 	<datepicker_relation
											class="top288" style="margin-left: 5px;" :width="'87px'" :target.sync="user.enddate" :readonly="readonlyFlag" v-if="user.isunlimited!='Y'"></datepicker_relation> -->


<!-- 
											<datepicker_relation style="margin-left: 5px;" :width="'87px'" :target.sync="user.begindate | getYMD" :readonly="readonlyFlag"></datepicker_relation>
										</p>
										<p>
											有效期至
											<datepicker_relation style="margin-left: 5px;" :width="'87px'" :target.sync="user.enddate" :readonly="readonlyFlag" v-if="user.isunlimited!='Y'"></datepicker_relation>

											<input class="cert-num" v-if="user.isunlimited=='Y'" placeholder="长期" readonly="readonly">
												 -->
										</p>
										<div class="checkbox-control fr">
											<input type="checkbox"  @click="setDateVal($index)" 
												v-model="user.isunlimited"
												v-bind:true-value="'Y'"
												v-bind:false-value="'N'"
												name="iswx" id="iswx{{$index}}">
											<label class="checkbox mr-0" for="iswx{{$index}}">无期限</label>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="pagination m-20-0">
						<ul>
							<li>
								<span class="bd-gray2" @click="turnUserPage(-1)">上一页</span>
							</li>
							<li>
								<span class="bd-gray2" @click="turnUserPage(1)">下一页</span>
							</li>
						</ul>
						<em class="page">第{{searchUser.page}}页</em>
						<em>共{{searchUser.totalPages}}页</em>
					</div>
				</div>
			</div>
			<!-- 供应关系 医疗机构end-->

			<!-- 配送商start -->
			<div class="relation"  v-if="iframePage==2">
				<div class="relation-top clearfix bgc-gray">
					<div class="relation1 clearfix">
						<div class="fheader no-bottom h-30 pd0">
							<h4 class="no-icon ml-20">配送商</h4>
						</div>
						<div class="group-row">
							<div class="itable t-left" v-for="distribution in distributions" track-by="$index">
								<div class="control radio-control mt-20">
									<input type="radio" id="radioD{{$index}}" name="selDistribution"  @click="chooseDistribution(distribution)"  v-model="selDistributionName" value="{{distribution.name}}"/>
									<label class="radio" for="radioD{{$index}}">
										<img :src="distribution.pictcontent | thumbnail" v-if="distribution.pictcontent!=null && distribution.pictcontent!=''" class="hosp-img" @click="showBigImgs(1,distribution.pictcontent)" >
										<img src="/images/user.png" class="hosp-img" style="width: 42px;height50px;" v-if="distribution.pictcontent==null || distribution.pictcontent==''"
										@click="showBigImgs2()"
										>
										{{distribution.name}}</label>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 配送商end -->

			<!-- 供应品种 strat -->
			<div class="relation"  v-if="iframePage==3 || iframePage==5">
				<div class="relation-top clearfix bgc-gray">
					<div class="relation1 clearfix">
						<div class="fheader no-bottom">
							<h4 class="no-icon ml-20">供应品种</h4>
							<div class="pd-form">
								<div class="group-row">
									<div class="form-group">
										<label for="cn1" class="label">业务员</label>
										<div class="control">
											<select-ui :list="userArry" :selected.sync="chooseUser" empty-text="请选择业务员"></select-ui>
										</div>
									</div>
									<div class="checkbox-control fr">
										<input type="checkbox" v-model="allApplications" value="yes" id="useAll">
										<label class="checkbox" for="useAll">全部应用</label>
									</div>
								</div>
							</div>
						</div>
						<div class="search-block fr">
							<div class="filter-form">
								<input type="text" v-model="searchGoods.search_LIKE_goodsname">
								<input type="submit" @click="listGoods" value="搜索"></div>
						</div>
					</div>
				</div>
				<div class="relation-bottom clearfix bgc-gray">
					<div class="relation1 clearfix">
						<!-- 表格 start-->
						<div class="ctable ct-parentr">
							<div class="ct-head">
								<span class="ct-col w70">序号</span>
								<span class="ct-col w70">商品编号</span>
								<span class="ct-col w90">商品名称</span>
								<span class="ct-col w70">规格</span>
								<span class="ct-col w50">图片</span>
								<span class="ct-col w100">医院采购单位</span>
								<span class="ct-col w90">供应商单位</span>
								<span class="ct-col w70">品牌</span>
							</div>
							<div class="ct-row" v-for="good  in checkedGoods"  track-by="checkedGoodsID{{$index}}">
								<div class="row-line">
									<span class="ct-col w70">
										<div class="checkbox-control">
											<input type="checkbox" @click="cancelSelGoods(good,$index)"  name="selfinish" id="selfinish{{$index}}" checked/>
											<label class="checkbox" for="selfinish{{$index}}">{{$index+1}}</label>
										</div>
									</span>
									<span class="ct-col w70 break-it">
										<div class="p-lr-10">{{good.goodscode}}</div>
									</span>
									<span class="ct-col w90">{{good.goodsname}}</span>
									<span class="ct-col w70">{{good.goodsspec}}</span>
									<span class="ct-col w50">
										
										<img :src="good.pictcontent | thumbnail" v-if="good.pictcontent!=null && good.pictcontent!=''" 
										@click="showBigImgs(1,good.pictcontent)" style="height: 45px;width:45px;"/>

										<img src="/images/default.jpg"  style="height: 45px;width:45px;" 
										v-if="good.pictcontent==null || good.pictcontent==''" 
										@click="showBigImgs2()" 
										>
									</span>
									<span class="ct-col w100">{{good.hunit}}</span>
									<span class="ct-col w90">
										{{good.sunit}}
										<br>
										{{good.sunitbs/good.hunitbs}}{{good.hunit}}=1{{good.sunit}}
									</span>
									<span class="ct-col w70">{{good.brand}}</span>
								</div>
								<div class="row-line">
									<span class="ct-col w80">
										<span class="td-head"></span>
										<span></span>
									</span>
									<span class="ct-col w70">
										<span class="td-head">使用状态</span>
										<span>
											{{good.bizstate | BIZSTATE}}
										</span>
									</span>
									<span class="ct-col w150">
										<span class="td-head">生产厂商</span>
										<span>{{good.producer}}</span>
									</span>
									<span class="ct-col w150">
										<span class="td-head">注册证号/批准文号</span>
										<span>{{good.registkey}}</span>
									</span>
									<span class="ct-col w100">
										<span class="td-head">生产来源</span>
										<span>{{good.importedflag | IMPORTEDFLAG}}</span>
									</span>
									<span class="ct-col w70">
										<span class="td-head">业务员</span>
										<span>
											<select-ui :list="userArry" :selected.sync="good.goodsywy" disabled="disabled" empty-text="请选择" style="border-color:#DFE2E4;width:70px;"></select-ui>
										</span>
									</span>
								</div>
							</div>
							<div v-if="checkedGoods.length==0">
								<div class="row-line" style="text-align:center;height:60px;color:red;">您还没有选择供应品种！</div>
							</div>
						</div>
						<!-- 表格 end -->
						<div class="pagination page-line">
							<ul>
								<li>
									<span class="text-color-blue bd-none f-size16">已选供应{{checkedGoods.length}}个商品</span>
								</li>
							</ul>
						</div>
						<div class="ctable ct-parentr  mt-30">
							<div class="ct-head">
								<span class="ct-col w70">序号</span>
								<span class="ct-col w70">商品编号</span>
								<span class="ct-col w90">商品名称</span>
								<span class="ct-col w70">规格</span>
								<span class="ct-col w50">图片</span>
								<span class="ct-col w100">医院采购单位</span>
								<span class="ct-col w90">供应商单位</span>
								<span class="ct-col w70">品牌</span>

							</div>
							<div class="ct-row" v-if="goods.length==0">
								<div class="row-line">
									<span class="ct-col" style="width:100%;text-align: center;">
										没有可选择的商品数据！
									</span>
								</div>
							</div>
							<div class="ct-row" v-for="good in goods" track-by="$index">
								<div class="row-line">
									<span class="ct-col w70">
										<div class="checkbox-control">
											<input type="checkbox" @click="checkSelGoods(good,$index)" 
											v-model="checkedGoods" value="{{good}}" name="selGood" id="cballG{{$index}}">
											<label class="checkbox" for="cballG{{$index}}">{{$index+1}}</label>
										</div>
									</span>
									<span class="ct-col w70 break-it">
										<div class="p-lr-10">{{good.goodscode}}</div>
									</span>
									<span class="ct-col w90">{{good.goodsname}}</span>
									<span class="ct-col w70">{{good.goodsspec}}</span>
									<span class="ct-col w50">
										<img :src="good.pictcontent | thumbnail" v-if="good.pictcontent!=null && good.pictcontent!=''" @click="showBigImgs(1,good.pictcontent)" style="height: 45px;width:45px;"/>
										<img src="/images/default.jpg"  style="height: 45px;width:45px;" 
										@click="showBigImgs2()">
									</span>
									<span class="ct-col w100">
										<input type="text" id="h{{good.guid}}" readonly  v-model="good.hunit" placeholder="点击选择" @click="selIframePage5(5,good.guid,'h',$index)" class="edit-number w90 text-color-green" ></span>
									<span class="ct-col w90">
										<input type="text" id="s{{good.guid}}" readonly  v-model="good.sunit" placeholder="点击选择"  @click="selIframePage5(5,good.guid,'s',$index)" class="edit-number w90 text-color-green"></span>
									<span class="ct-col w70">{{good.brand}}</span>
								</div>
								<div class="row-line">
									<span class="ct-col w80">
										<span class="td-head"></span>
										<span></span>
									</span>
									<span class="ct-col w70">
										<span class="td-head">使用状态</span>
										<span>
											{{good.bizstate | BIZSTATE}}
										</span>
									</span>
									<span class="ct-col w150">
										<span class="td-head">生产厂商</span>
										<span>{{good.producer}}</span>
									</span>
									<span class="ct-col w150">
										<span class="td-head">注册证号/批准文号</span>
										<span>{{good.registkey}}</span>
									</span>
									<span class="ct-col w100">
										<span class="td-head">生产来源</span>
										<span>{{good.importedflag | IMPORTEDFLAG}}</span>
									</span>
									<span class="ct-col w70">
										<span class="td-head">业务员</span>
										<span>
											<select-ui :list="userArry" :selected.sync="good.goodsywy" empty-text="请选择" style="border-color:#DFE2E4;width:70px;"></select-ui>
										</span>
									</span>
								</div>
							</div>
						</div>
						<!-- 表格 end -->
						<div class="pagination page-line">
							<pagination 
							   @page-change="listGoods" 						
							   :page-no.sync="searchGoods.page" 
							   :total-pages.sync="searchGoods.totalPages"></pagination>
						</div>
					</div>
				</div>
			</div>
			<!-- 供应品种关系end -->

			<!-- 承诺书/法人委托书/供销合同start -->
			<div class="relation" v-if="iframePage==4">
				<div class="relation-top clearfix bgc-gray">
					<div class="container resource">
						<div class="fheader no-bottom">
							<h4 class="no-icon ml-20">{{imgType==1?"承诺书":imgType==2?"法人委托书":imgType==3?"供销合同":""}}</h4>
						</div>
						<div class="pic-viewer no-list">
							<div class="pv-body">
								<div class="pv-list">
									<div class="cert-slider">
										<div class="prev" @click="prevImage"></div>
										<div class="pv-box slider-box" id="show{{$index}}" :style="{background:'url('+showOnePath+') no-repeat 50% 50%/450px 580px'}">
											<img src="/images/add@2x.png" v-if="showOnePath==''" class="slider-img">
										</div>
										<div class="next" @click="nextImage"></div>
									</div>
								</div>
							</div>
						</div>

						<!-- 上传 start -->

						<uploads v-bind:class="['only_select']"  :display="'block'" style="float:left"	id="showupload{{$index}}"
                  			v-on:file-change="fileChange" v-bind:multiple="true" v-bind:readonly="readonly">
							<button class="btn-d btn-d-lg btn-d-activate">选择照片</button>
						</uploads>
						<!-- 上传 end -->
						<button class="btn-d bgc-red btn-d-lg btn-trash ml-10" style="float:left;" v-on:click="deleteimg">删除照片</button>
					</div>
				</div>
			</div>
			<!-- 配送商end -->

		</div>
		<div class="modal" v-if="iframePage==5" style='overflow:auto;'>
			<div class="container resource">
				<div class="audit-detail">
					<span class="close-win" v-on:click="selIframePage(3,0)"></span>
					<div class="status-process wbe-0 clearfix pd30">
						<div class="sp-head">
							<span class="sp-col w70">序号</span>
							<span class="sp-col w150">包装单位名称</span>
							<span class="sp-col w100">是否最小单位</span>
							<span class="sp-col w100">最小单位含量倍数</span>
							<span class="sp-col w100">操作</span>
						</div>
						<div class="sp-head" v-for="unit in units" track-by="$index" id="ts{{$index}}">
							<span class="sp-col w70">{{$index+1}}</span>
							<span class="sp-col w150" v-if="unit.guid!=''">{{unit.unit}}</span>
							<span class="sp-col w150" v-if="unit.guid==''">
								<input type="text" style="width:120px;height:25px;text-align:center;" name="unit" ></span>
							<span class="sp-col w100" v-if="unit.guid!=''">{{unit.isminunit=='Y'?"是":unit.isminunit=='N'?"否":""}}</span>
							<span class="sp-col w100" v-if="unit.guid==''">
								<select name="isminunit" style="width:60px;height:25px;border-color:#DFE2E4;text-align:center;">
									<option value="N">否</option>
									<option value="Y">是</option>
								</select>
							</span>
							<span class="sp-col w100" v-if="unit.guid!=''">{{unit.minunittimes}}</span>
							<span class="sp-col w100" v-if="unit.guid==''">
								<input type="text" style="width:60px;height:25px;text-align:center;" name="minunittimes" ></span>
							<span class="sp-col w100" >
								<a @click="deleteRow('ts'+$index,unit.guid,$index)"  class="btn-d-red">删除</a>
								<a @click="selUnitForGoods(unit)" v-if="unit.guid!=null && unit.guid!=''" class="btn-d btn-d-activate">选择</a>
								<a disabled="disabled" style="background-color: gray;border-color: gray;" v-if="unit.guid==null || unit.guid==''" class="btn-d btn-d-activate">选择</a>
							</span>
						</div>
						<div class="sp-head" v-if="units.length==0">
							<span class="sp-col" style="width:100%;">暂无符合条件的记录</span>
						</div>
						<div class="dif group-btns fl" id="firstRow">
							<a href="javascript:void(0);" @click="addRow" class="tbtn tb-add">添加</a>
							<a href="javascript:void(0);" @click="saveUnit" class="tbtn tb-save">保存</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script> 
  module.exports = {
    data: function () {
      return {
      		imgArry:[],
      		testIII:'测试',
      		//供应关系
      		relation:{},
      		supplierMethodList :[{
                value: '1',
                label: '直供'
            }, {
               value: '2',
               label: '托管' 
            }, {
               value: '3',
               label: '代管' 
            }],
            settlemethodList :[{
                value: '1',
                label: '消耗后结算'
            }, {
               value: '2',
               label: '到货结算' 
            }],
            index: 1,
      		radiohos: 1,
      		iframePage: 1,
      		mfmed:{
      			guid:'',
      			city:'',
      			province:'',
      			district:'',
      		},
      		hospitals:[],
      		searchHospital: {
	          pageSize: 10,
	          page: 1,
	          totalPages: 0,
	          search_EQ_province: '',
	          search_EQ_city: '',
	          search_EQ_district:'',
	          guid:'',
	        },
      		selHospitalName:'',
      		selDistributionName:'',
      		userList:[],
      		searchUser: {
      		  pageSize: 4,
	          page: 1,
	          totalPages: 0,
	          realname: '',
	        },
      		//业务员授权资料书
      		userList_bak: [],
	        distributions:[],
	        goods:[],
	        //选中的商品封装
	        goods_bak:[],
	        //修改时用到的(供应品种关系)
	        gr_bak:[],
	        //选中的商品
	        checkedGoods:[],
	        searchGoods: {
	          pageSize: 5,
	          page: 1,
	          totalPages: 0,
	          search_EQ_bizstate: '',
	          search_LIKE_goodsname: '',
	          guids:'',
	        },
	        //选择业务员
	        userArry:[],
	        //选中的业务员
	        checkedUsers:[],
	        checkedUsers_bak:[],
	        //全部应用
	        allApplications:'',
	        //商品品种页面选中业务员
	        chooseUser:'',
	        //查询包装单位
	        units:[],
	        //保存包装单位
	        goodsguid:'',
	        listUnits:[],
	        saveUnits:{},
	        //删除计数
	        tiaoshu: 0,
	        //是医院采购单位还是供应商采购单位
	        isHorS:'',
	        goodsIndex: 0,
	        imgType:0,
	        uploadsywy:[],
	        imgIndex:0,
	        picJson:'',
	        uploads:[],
	        uploads1:[],
	        uploads2:[],
	        uploads3:[],
	        picJson1:'',
	        picJson2:'',
	        picJson3:'',
	        //要提交的医疗机构专属合规证照
	        compliancelic:[],
	        compliancelic_bak:[],
	        tempLic:{},
	        showOnePath:'',
	        //图片翻页计数
	        turnImage1:0,
	        turnImage2:0,
	        turnImage3:0,
	        canSave:true,
	        canDelete:true,
	        canSubmit:true,
	        paramguid:'',
        };
    },
    methods: {
      open: function (num) {
        this.index = num;
      },
      close: function () {
        this.index = 0;
      },
      getRelation:function(num,guid){
      	var self = this;
      	if(num==1){
			self.paramguid=this.$route.params.guid;
      	}
      	self.checkedUsers_bak=[];
      	self.checkedUsers=[];
      	self.hospitals=[];
        if (self.paramguid!= '0') {
        	Ajax.get('/relation/getRelation/' + self.paramguid)
        	  .then(function (response) {
        	  	var data = response.data.data;
        	    self.$set('relation', data);
        	    self.selHospitalName = data.medname;
        	    self.selDistributionName = data.distrbname;
        	    //循环业务授权书
        	    var listywyinfo=data.listtrywys, imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
        	    // alert(listywyinfo.length);
				//循环业务授权书
        	    if(listywyinfo.length>0){
        	    	var usl=self.userList;
        	    	for(var i=0;i<usl.length;i++){
        	    		if(JSON.stringify(listywyinfo).indexOf(usl[i].guid)!=-1){
        	    			//isunlimited、authorize、begindate、enddate
        	    			for(var m=0;m<listywyinfo.length;m++){
        	    				if(listywyinfo[m].staffguid==usl[i].guid){
        	    					var str=listywyinfo[i].staffguid+"@@"+listywyinfo[i].staffname;
        	    					self.checkedUsers.push(str);
        	    					self.userList[i].isunlimited=listywyinfo[m].isunlimited;
        	    					self.userList[i].authorize=listywyinfo[m].authorize;
        	    					self.userList[i].begindate=listywyinfo[m].begindate;
        	    					self.userList[i].enddate=listywyinfo[m].enddate;
        	    					//业务授权书的实际id
        	    					self.userList[i].realGuid=listywyinfo[m].guid;
        	    					if(self.userList[i].authorize!=null && self.userList[i].authorize.trim()!=''){
        	    						var authorize=JSON.parse(self.userList[i].authorize);
        	    						var path=imgReg.test(authorize[0].mobile.path) ? authorize[0].mobile.path : authorize[0].mobile.path+authorize[0].mobile.name;
        								self.$set('userList['+i+'].path', path);
        								self.$set('userList['+i+'].pic', authorize);
        							}
        	    				}
        	    			}
			            	self.checkedUsers_bak=self.userList;
        	    		}
        	    	}
				}

				//循环商品信息
				self.gr_bak=data.listtrgoods;
				var listgoods=data.listtrgoods;
				var listgoodsinfo=data.listgoodsinfo;
				alert(listgoodsinfo.length);
				self.checkedGoods=[];
				if(listgoods.length>0){
					for(var i=0;i<listgoods.length;i++){
						for(var m=0;m<listgoodsinfo.length;m++){
    	    				if(listgoodsinfo[m].guid==listgoods[i].suppliergoodsguid){
    	    					listgoodsinfo[m].hunit=listgoods[i].purchaseunit;
    	    					listgoodsinfo[m].hunitguid=listgoods[i].purchaseunitguid;
    	    					listgoodsinfo[m].hunitbs=listgoods[i].h_minunittimes;
    	    					listgoodsinfo[m].sunit=listgoods[i].supplyunit;
    	    					listgoodsinfo[m].sunitguid=listgoods[i].supplyunitguid;
    	    					listgoodsinfo[m].sunitbs=listgoods[i].s_minunittimes;
    	    					listgoodsinfo[m].goodsywy=listgoods[i].staffguid;
    	    					self.checkedGoods.push(listgoodsinfo[m]);
    	    				}
    	    			}
					}
				}
				self.listGoods();
				//合规证照
				self.compliancelic_bak=data.listtrcompliancelics;
				var compliancelicinfo=data.listtrcompliancelics;
			    if(compliancelicinfo.length>0){
			    	for(var m=0;m<compliancelicinfo.length;m++){
			    		if(compliancelicinfo[m].compliancetype==1){
			    			var picsStr=compliancelicinfo[m].pictcontent;
			    			var objPic=JSON.parse(picsStr);
			    			for(var i=0;i<objPic.length;i++){
				        		var path=imgReg.test(objPic[i].original.path) ? objPic[i].original.path : objPic[i].original.path+objPic[i].original.name;
				        		var json='{"path":"'+path+'"}';
				        		var obj=JSON.parse(json);
				        		obj.pic=objPic[i];
				        		obj.compliancetype=1;
				        		self.uploads1.push(obj);
				        	}
			    		}else if(compliancelicinfo[m].compliancetype==2){
			    			var picsStr=compliancelicinfo[m].pictcontent;
			    			var objPic=JSON.parse(picsStr);
			    			for(var i=0;i<objPic.length;i++){
				        		var path=imgReg.test(objPic[i].original.path) ? objPic[i].original.path : objPic[i].original.path+objPic[i].original.name;
				        		var json='{"path":"'+path+'"}';
				        		var obj=JSON.parse(json);
				        		obj.pic=objPic[i];
				        		obj.compliancetype=2;
				        		self.uploads2.push(obj);
				        	}
			    		}else if(compliancelicinfo[m].compliancetype==3){
			    			var picsStr=compliancelicinfo[m].pictcontent;
			    			var objPic=JSON.parse(picsStr);
			    			for(var i=0;i<objPic.length;i++){
				        		var path=imgReg.test(objPic[i].original.path) ? objPic[i].original.path : objPic[i].original.path+objPic[i].original.name;
				        		var json='{"path":"'+path+'"}';
				        		var obj=JSON.parse(json);
				        		obj.pic=objPic[i];
				        		obj.compliancetype=3;
				        		self.uploads3.push(obj);
				        	}
			    		}
			    	}
			    }
			    if(num==1){
			    	self.canSave=false;
			    }
				self.listHospital();
        	});
        }else{
         	self.$set('relation', {});
         	self.$set('relation.supplymethod','');
            self.$set('relation.settlemethod','');
            self.selHospitalName='';
            self.selDistributionName='';
            self.uploads1=[];
            self.uploads2=[];
            self.uploads3=[];
            self.uploads4=[];
            self.checkedGoods=[];
            self.checkedUsers=[];
         	self.listHospital();
         	self.listGoods();
         	self.canSave=true;
        }
        if(num==1){
			self.canDelete=false;
			self.canSubmit=false;
		}else{
			self.canSave=false;
			self.canSubmit=true;
		}
      },
      modifyInfo:function(){
      	var self=this;
      	self.canSave=true;
		self.canDelete=true;
		self.canSubmit=true;
      },
      addRelation:function(){
      	   var self=this;
      	   self.$route.router.go('/relationEdit2/0');
      	   self.$set('relation', {});
           self.$set('relation.supplymethod','');
           self.$set('relation.settlemethod','');
           self.selHospitalName='';
           self.selDistributionName='';
           self.uploads1=[];
           self.uploads2=[];
           self.uploads3=[];
           self.uploads4=[];
           self.checkedGoods=[];
           self.checkedUsers=[];
           self.checkedUsers_bak=[];
           self.canSave=true;
           self.listUser();
      },
      selIframePage: function(iPage,num){
      	this.iframePage=iPage;
  		if(iPage==4){
  			this.$set('imgType',num);
  			if(num==1){
  				if(this.uploads1.length>0){
					this.showOnePath=this.uploads1[0].path;
				}else{
					this.showOnePath='';
				}
  			}else if(num==2){
				if(this.uploads2.length>0){
					this.showOnePath=this.uploads2[0].path;
				}else{
					this.showOnePath='';
				}
  			}else if(num==3){
  				if(this.uploads3.length>0){
					this.showOnePath=this.uploads3[0].path;
				}else{
					this.showOnePath='';
				}
  			}
  		}
      },
      //业务员选择图片是否无限期
      setDateVal:function(index){
      	 var self=this;
      	 if(self.userList[index].isunlimited==undefined || self.userList[index].isunlimited=='N'){
      	 	self.$set('userList['+index+'].isunlimited','Y');
      	 }else{
      	 	self.$set('userList['+index+'].enddate',null);
      	 	self.$set('userList['+index+'].isunlimited','N');
      	 }
      },
      //选单位用的
      selIframePage5: function(iPage,num,hors,index){
      	this.iframePage=iPage;
  		this.goodsguid=num;
  		this.isHorS=hors;
  		this.goodsIndex=index;
  		this.listUnit();
      },
      //选择医院
      selHospiatlInfo: function(hospital){
      	this.relation.medguid=hospital.guid;
      },
      //选择配送商
      chooseDistribution: function (distribution){
      	this.relation.distrbguid=distribution.guid;
      },
      turnHospitalPage:function(num){
      	 var self=this;
      	 var currentPage=self.searchHospital.page;
      	 if(num==1){
      	 	if(currentPage==self.searchHospital.totalPages){
                layer.msg('已到最后一页！');

                return;
            }
      	 	self.searchHospital.page=self.searchHospital.page+1;
      	 }else{
      	 	if(currentPage==1){
               layer.msg('已到第一页！');

                return;
            }
      	 	self.searchHospital.page=self.searchHospital.page-1;
      	 }
      	 self.listHospital();
      },
      listHospital: function () {
        var self = this;
        
        self.searchHospital.guid=self.relation.medguid;
        if(self.searchHospital.province=="请选择"){
	        self.searchHospital.province=null;
	    }
	    if(self.searchHospital.city=="请选择"){
	        self.searchHospital.city=null;
	    }
        if(self.searchHospital.district=="请选择"){
	        self.searchHospital.district=null;
	    }
      	Ajax.get('/relation/hospital', self.searchHospital)
        .then(function (response) {
        	var data=response.data.data;
          	self.$set('hospitals', data.list);
          	self.searchHospital.totalPages = data.totalPages;
        });
      },
 	  listDistribution: function () {
        var self = this;
      	Ajax.get('/relation/distribution')
        .then(function (response) {
          self.$set('distributions', response.data.data);
        });
      },
      turnUserPage:function(num){
      	 var self=this;
      	 var currentPage=self.searchUser.page;
      	 if(num==1){
      	 	if(currentPage==self.searchUser.totalPages){
                layer.msg('已到最后一页！');

                return;
            }
      	 	self.searchUser.page=self.searchUser.page+1;
      	 }else{
      	 	if(currentPage==1){
                layer.msg('已到第一页！');

                return;
            }
      	 	self.searchUser.page=self.searchUser.page-1;
      	 }
      	 self.listUser();
      },
      listUser: function () {
        var self = this;
        Ajax.get('/user/list/listPage',  self.searchUser)
          .then(function (response) {
            var data = response.data.data;
        	var ul=data.list;
        	for(var j=0;j<ul.length;j++){
            	for(var i=0;i<self.checkedUsers_bak.length;i++){
            		if(ul[j].guid==self.checkedUsers_bak[i].guid){
    					ul[j]=self.checkedUsers_bak[i];
            		}
            	}
        	}
        	self.$set('userList', ul);
            self.$set('userList', data.list);
            self.searchUser.totalPages = data.totalPages;
        });
      },
      listGoods: function () {
        var self = this;
        self.searchGoods.guids="";
        if(self.checkedGoods.length>0){
        	var guids="";
        	for(var i=0;i<self.checkedGoods.length;i++){
        		if(i==(self.checkedGoods.length-1)){
        			guids+="'"+self.checkedGoods[i].guid+"'";
        		}else{
        			guids+="'"+self.checkedGoods[i].guid+"',";
        		}
        	}
			self.searchGoods.guids=guids;
        }
        Ajax.get('/relation/goods', self.searchGoods)
          .then(function (response) {
            var data = response.data.data;
            var goods_bak=self.goods;
            self.$set('goods', data.list);
            self.searchGoods.totalPages = data.totalPages;
            if(self.allApplications){
        		if(self.goods.length>0){
	        		for(var i=0;i<self.goods.length;i++){
	        			self.goods[i].goodsywy=self.chooseUser;
	        			self.goods[i].sunit=goods_bak[i].sunit;
	        			self.goods[i].sunitguid=goods_bak[i].sunitguid;
	        			self.goods[i].sunitbs=goods_bak[i].sunitbs;
	        			self.goods[i].hunit=goods_bak[i].hunit;
	        			self.goods[i].hunitguid=goods_bak[i].hunitguid;
	        			self.goods[i].hunitbs=goods_bak[i].hunitbs;	  	
	        		}
        		}	
        	}else{
        		if(self.goods.length>0){
	        		for(var i=0;i<self.goods.length;i++){
	        			self.goods[i].goodsywy="";
	        		}
        		}
        	}
          });
      },
      listUnit: function () {
        var self = this;
        self.units=[];
        Ajax.get('/relation/unit/'+this.goodsguid)
          .then(function (response) {
            var data = response.data.data;
            self.$set('units', data);
            if(self.units.length==0){
            	 var jsonStr='{"unit":"","isminunit":"","minunittimes":"",';
		      	 jsonStr+='"goodsguid":"'+self.goodsguid+'","guid":""}';
		      	 self.units.push(JSON.parse(jsonStr));
            }
         });
      },
      //取消选中商品
      cancelSelGoods: function(good,index){
		var self = this;
      	self.checkedGoods.splice(index, 1);
      	self.listGoods();
      },
      //选中商品
      checkSelGoods:function(good,index){
      	var self = this;
      	if(good.hunit=='' || good.hunit==undefined){
      		$("#cballG"+index).removeAttr("checked");
            layer.msg('请选择医院采购单位！');

            return;
      	}
      	if(good.sunit=='' || good.sunit==undefined){
			$("#cballG"+index).removeAttr("checked")
            layer.msg('请选择供应商采购单位！');

            return;
      	}
      	if(good.goodsywy=='' || good.goodsywy==undefined){
			$("#cballG"+index).removeAttr("checked");
            layer.msg('请选择业务员！');

            return;
      	}
      	good.index=index;
      	self.checkedGoods.push(good);
      	self.listGoods();
      },
      //新增包装单位添加行
      addRow: function(){
      	  var jsonStr='{"unit":"","isminunit":"","minunittimes":"",';
      	  jsonStr+='"goodsguid":"'+self.goodsguid+'","guid":""}';
      	  this.units.push(JSON.parse(jsonStr));
      },
      //删除包装单位
      deleteRow: function(sign,guid,index){
      	var self = this;
      	if(guid!=''){
	        Ajax.get('/relation/deleteUnit/' + guid)
	          .then(function (response) {
	          	if(response.data.errorCode==0){
	            	self.MessageBox({title:'提示',message:'删除成功！',type:'alert'
	                },function(action){
	                	self.listUnit();
	                }); 
	          	}else{
                    layer.msg(response.data.message);

                }
	        });
        }else{
        	this.units.splice(index, 1);
        }
      },
      //保存包装单位信息
      saveUnit: function(){
      	var self = this;
      	var isminunit="";
      	var minunittimes="";
      	self.listUnits=[];
      	$("input[name='unit']").each(function(index){
      		isminunit=$("select[name='isminunit']")[index].value;
      		minunittimes=$("input[name='minunittimes']")[index].value;
      		if(minunittimes==''){
                layer.msg('请输入最小单位含量倍数！');

                return;
      		}
      		if(!(Number(minunittimes)>0 && Number(minunittimes)<100)){
                layer.msg('输入的倍数在0-100！');

                return;
      		}
      		if(isminunit==''){
                layer.msg('请输入包装单位名称！');

                return;
      		}
      		var jsonStr='{"unit":"'+$(this).val()+'","isminunit":"'+isminunit+'","minunittimes":"'+minunittimes+'",';
      		jsonStr+='"goodsguid":"'+self.goodsguid+'"}';
      		self.listUnits.push(JSON.parse(jsonStr));
      		//循环到最后一个保存
      		if($("input[name='unit']").length==(index+1)){
      			self.saveUnits.list=self.listUnits;
		      	if(self.saveUnits.list.length==0){
                    layer.msg('没有需要保存的数据！');

                    return;
		      	}
		        Ajax.post('/relation/saveUnit', self.saveUnits)
		          .then(function (response) {
		          	if(response.data.errorCode==0){
			            self.MessageBox({title:'提示',message:'保存成功',type:'alert'
				        },function(action){
				        	self.listUnit();
				        });
			        }else{
			        	self.MessageBox({title:'提示',message:'保存失败！',type:'alert'
				        },function(action){
				        	self.listUnit();
				        });
			        }
		        });
      		}
      	});
      },
      //选择包装单位
      selUnitForGoods:function(unitObj){
      	var guid = unitObj.guid;
      	var unit = unitObj.unit;
      	var minunittimes = unitObj.minunittimes;
      	var goodsguid=this.goodsguid;
  		if(this.isHorS=='h'){
  			$("#h"+goodsguid).val(unit);
  			this.goods[this.goodsIndex].hunit=unit; 
  			this.goods[this.goodsIndex].hunitguid=guid; 
  			this.goods[this.goodsIndex].hunitbs=minunittimes; 	
  		}else if(this.isHorS=='s'){
			$("#s"+goodsguid).val(unit);
			this.goods[this.goodsIndex].sunit=unit; 
  			this.goods[this.goodsIndex].sunitguid=guid; 
  			this.goods[this.goodsIndex].sunitbs=minunittimes; 	
  		} 
  		this.iframePage=3;
      },
      modifyPic:function(index){
      	this.$set('userList['+index+'].path', null);
      },
      //业务员上传图片
      fileChangeywy: function(data){
      	var self=this;
      	var backObj = JSON.parse(data), imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
        if(self.userList.length>0){
        	for(var i=0;i<self.userList.length;i++){
        		if(self.userList[i].guid == backObj.sdguid){
        			self.userList[i].authorize=JSON.stringify(backObj.data);
        			var path=imgReg.test(backObj.data[0].mobile.path) ? backObj.data[0].mobile.path : backObj.data[0].mobile.path+backObj.data[0].mobile.name;
        			self.$set('userList['+i+'].path', path);
        		}
        	}
        }
      },
      fileChange:function(data){
		var backObj=JSON.parse(data), imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径
        data=backObj.data;
        if(this.imgType==1){
        	for(var i=0;i<data.length;i++){
        		var path=imgReg.test(data[i].original.path) ? data[i].original.path : data[i].original.path+data[i].original.name;
        		var json='{"path":"'+path+'"}';
        		var obj=JSON.parse(json);
        		obj.pic=data[i];
        		this.uploads1.push(obj);
        	}
        	this.showOnePath=this.uploads1[0].path;
        }else if(this.imgType==2){
        	for(var i=0;i<data.length;i++){
        		var path=imgReg.test(data[i].original.path) ? data[i].original.path : data[i].original.path+data[i].original.name;
        		var json='{"path":"'+path+'"}';
        		var obj=JSON.parse(json);
        		obj.pic=data[i];
        		this.uploads2.push(obj);
        	}
        	this.showOnePath=this.uploads2[0].path;
        }else if(this.imgType==3){
        	for(var i=0;i<data.length;i++){
        	var path=imgReg.test(data[i].original.path) ? data[i].original.path : data[i].original.path+data[i].original.name;
        		var json='{"path":"'+path+'"}';
        		var obj=JSON.parse(json);
        		obj.pic=data[i];
        		this.uploads3.push(obj);
        	}
        	this.showOnePath=this.uploads3[0].path;
        }    
      },
      deleteimg:function(){
      	var self = this;
      	if(self.imgType==1){
      		if(self.uploads1.length>0){
      			self.uploads1.splice(self.turnImage1, 1);
      			self.turnImage1=0;
      			if(self.uploads1.length==0){
					self.showOnePath='';
      			}else{
      				self.showOnePath=self.uploads1[0].path;
      			}
      		}else{
      			self.showOnePath='';
      		}
        }else if(self.imgType==2){
        	if(self.uploads2.length>0){
        		self.uploads2.splice(self.turnImage2, 1);
        		self.turnImage2=0;
        		if(self.uploads2.length==0){
					self.showOnePath='';
      			}else{
      				self.showOnePath=self.uploads2[0].path;
      			}
        	}else{
        		self.showOnePath='';
        	}
        }else if(self.imgType==3){
        	if(self.uploads3.length>0){
        		self.uploads3.splice(self.turnImage3, 1);
        		self.turnImage3=0;
        		if(self.uploads3.length==0){
					self.showOnePath='';
      			}else{
      				self.showOnePath=self.uploads3[0].path;
      			}
        	}else{
        		self.showOnePath='';
        	}
        }  
      },
      //上一张图片
      prevImage:function(){
      	 var self = this;
      	 if(self.imgType==1 && self.uploads1.length>0){
      	 	if(self.turnImage1==0){
                layer.msg('已经到第一张！');

            }else{
      	 		self.turnImage1=self.turnImage1-1;
      	 		self.$set('showOnePath', self.uploads1[self.turnImage1].path);
      	 	}
      	 }else if(self.imgType==2 && self.uploads2.length>0){
      	 	if(self.turnImage2==0){
                layer.msg('已经到第一张！');

            }else{
      	 		self.turnImage2=self.turnImage2-1;
      	 		self.$set('showOnePath', self.uploads2[self.turnImage2].path);
      	 	}
      	 }else if(self.imgType==3 && self.uploads3.length>0){
      	 	if(self.turnImage3==0){
                layer.msg('已经到第一张！');

            }else{
      	 		self.turnImage3=self.turnImage3-1;
      	 		self.$set('showOnePath', self.uploads3[self.turnImage3].path);
      	 	}
      	 }
      },
      //下一张图片
	  nextImage:function(){
	  	var self = this;
	  	if(self.imgType==1 && self.uploads1.length>0){
      	 	if(self.turnImage1==(self.uploads1.length-1)){
                layer.msg('已经到最后一张！');

            }else{
      	 		self.turnImage1=self.turnImage1+1;
      	 		self.$set('showOnePath', self.uploads1[self.turnImage1].path);
      	 	}
      	 }else if(self.imgType==2 && self.uploads2.length>0){
      	 	if(self.turnImage2==(self.uploads2.length-1)){
                layer.msg('已经到最后一张！');

            }else{
      	 		self.turnImage2=self.turnImage2+1;
      	 		self.$set('showOnePath', self.uploads2[self.turnImage2].path);
      	 	}
      	 }else if(self.imgType==3 && self.uploads3.length>0){
      	 	if(self.turnImage3==(self.uploads3.length-1)){
                layer.msg('已经到最后一张！');

            }else{
      	 		self.turnImage3=self.turnImage3+1;
      	 		self.$set('showOnePath', self.uploads3[self.turnImage3].path);
      	 	}
      	 } 
      },
      //保存供应关系
	  saveRealtion:function(){
	  	var self = this;
	  	if(self.relation.approvalstate=='A'){
            layer.msg('此供应关系正在审核中，不能进行修改操作！');

            return;
	  	}
	  	if(self.relation.approvalstate=='W'){
            layer.msg('请提交供应关系！');

            return;
	  	}
		if(self.relation.supplymethod==""){
            layer.msg('请选择供应关系！');

            return;
		}
		//选择医疗机构
		if(self.relation.medguid=="" || self.relation.medguid==undefined){
            layer.msg('请选择医疗机构！');

            return;
		}
		//选业务员
		if(self.checkedUsers.length==0){
            layer.msg('请选择业务员！');

            return;
		}
		//封装业务员数据
		self.checkedUsers_bak=[];
		for(var i=0;i<self.checkedUsers.length;i++){
			var attrArry=self.checkedUsers[i].split("@@");
			var jsonStr='{"staffguid":"'+attrArry[0]+'","staffname":"'+attrArry[1]+'"}';
			self.checkedUsers_bak.push(JSON.parse(jsonStr));
		}
		self.relation.listywy=[];
		self.relation.listywy=self.checkedUsers_bak;
		//封装业务员授权书资料信息
		for(var j=0;j<self.userList.length;j++){
			var user=self.userList[j];
			if(JSON.stringify(self.checkedUsers).indexOf(user.guid)!=-1){
				var isunlimited=(user.isunlimited?"Y":"N");
				var jsonStr='{"begindate":"'+self.removeUndefined(user.begindate)+'","enddate":"'+self.removeUndefined(user.enddate)+'","isunlimited":"'+isunlimited+'","guid":"'+user.guid+'"}';
				var obj=JSON.parse(jsonStr);
				obj.authorize=user.authorize;
				//业务授权书的实际id，只有修改的时候才有
				obj.realGuid=user.realGuid;
				self.userList_bak.push(obj);
			}
		}
		if(self.relation.guid!=null && self.relation.guid!=''){
			self.relation.listywyinfotemp=[];
			self.relation.listywyinfotemp=self.userList_bak;
		}else{
			self.relation.listywyinfo=[];
			self.relation.listywyinfo=self.userList_bak;
		}
		
		//选择供应商
		if(self.relation.supplymethod!=1){
			if(self.relation.distrbguid=="" || self.relation.distrbguid==undefined){
                layer.msg('请选择供应商！');

                return;
            }
		}
		//结算方式
		if(self.relation.settlemethod==""){
            layer.msg('请选择结算方式！');

            return;
		}
		//封装商品品种信息
		if(self.checkedGoods.length==0){
            layer.msg('请选供应品种！');

            return;
		}
		//封装选中的商品信息
		self.goods_bak=[];
		for(var m=0;m<self.checkedGoods.length;m++){
			var goods=self.checkedGoods[m];
			var staffname="";
			for(var n=0;n<self.userArry.length;n++){
				var aArry=self.userArry[n];
				if(aArry.value==goods.goodsywy){
					staffname=aArry.label;
				}
			}
			var jsonStr='{"goodsguid":"'+goods.guid+'","purchaseunitguid":"'+goods.hunitguid+'","purchaseunit":"'+goods.hunit+'","supplyunitguid":"'+goods.sunitguid+'","supplyunit":"'+goods.sunit+'","staffguid":"'+goods.goodsywy+'","staffname":"'+staffname+'"}';
			var obj=JSON.parse(jsonStr);
			//修改的时候将数据库信息跟页面提交信息整合
			if(self.gr_bak.length>0){
				for(var z=0;z<self.gr_bak.length;z++){
					if(self.gr_bak[z].suppliergoodsguid==obj.goodsguid){
						obj.guid=self.gr_bak[z].guid;
						obj.suppliergoodsguid=self.gr_bak[z].suppliergoodsguid;
						obj.goodsguid=self.gr_bak[z].goodsguid;
					}
				}
			}
			self.goods_bak.push(obj);
		}
		self.relation.listgoods=self.goods_bak;
		//保存承诺书
		if(self.uploads1.length>0){
			self.tempLic={};
			var arry=new Array();
			for(var i=0;i<self.uploads1.length;i++){
				arry.push(self.uploads1[i].pic);
			}
			self.tempLic.pictcontent=JSON.stringify(arry);
			self.tempLic.compliancetype="1";
			if(self.compliancelic_bak.length>0){
				for(var m=0;m<self.compliancelic_bak.length;m++){
					if(self.compliancelic_bak[m].compliancetype=="1"){
						self.tempLic=self.compliancelic_bak[m];
						self.tempLic.pictcontent=JSON.stringify(arry);
					}
				}
			}
			self.compliancelic[0]=self.tempLic;
		}
		//法人委托书
		if(self.uploads2.length>0){
			self.tempLic={};
			var arry=new Array();
			for(var i=0;i<self.uploads2.length;i++){
				arry.push(self.uploads2[i].pic);
			}
			self.tempLic.pictcontent=JSON.stringify(arry);
			self.tempLic.compliancetype="2";
			if(self.compliancelic_bak.length>0){
				for(var m=0;m<self.compliancelic_bak.length;m++){
					if(self.compliancelic_bak[m].compliancetype=="2"){
						self.tempLic=self.compliancelic_bak[m];
						self.tempLic.pictcontent=JSON.stringify(arry);
					}
				}
			}
			self.compliancelic[1]=self.tempLic;
		}
		//供销合同
		if(self.uploads3.length>0){
			self.tempLic={};
			var arry=new Array();
			for(var i=0;i<self.uploads3.length;i++){
				arry.push(self.uploads3[i].pic);
			}
			self.tempLic.pictcontent=JSON.stringify(arry);
			self.tempLic.compliancetype="3";
			if(self.compliancelic_bak.length>0){
				for(var m=0;m<self.compliancelic_bak.length;m++){
					if(self.compliancelic_bak[m].compliancetype=="3"){
						self.tempLic=self.compliancelic_bak[m];
						self.tempLic.pictcontent=JSON.stringify(arry);
					}
				}
			}
			self.compliancelic[2]=self.tempLic;
		}
		self.relation.compliancelic=self.compliancelic;
		self.MessageBox({
            title: '提示',
            message: '请认真核查填写的供应关系，保存后只能进行提交操作！',
            type: 'success',
            showCancelButton: true
          },function(action) {
            if(action=='confirm'){
	            Ajax.post('/relation/saveRelation',self.relation)
		        .then(function(response){
		        	var data=response.data;
		        	if(data.errorCode==0){
			             self.MessageBox({title:'提示',message:'保存成功！',type:'alert'
		                 },function(action){
		                 	 self.paramguid=data.data;
		                     self.getRelation(2);
		                 });  
		            }else{
                        layer.msg('保存失败！');

                    }
		        });	
            } 
          }); 
	  },
	  submitRelation:function(){
	  	var self=this;
	  	if(self.relation.approvalstate!='W'){
	  		var msg=(self.relation.approvalstate=="A"?"此供应关系正在审核中，":self.relation.approvalstate=="Y" || self.relation.approvalstate=="R"?"您还没修改供应关系，":"");
            layer.msg('不能进行提交操作！');

            return;
	  	}
	  	Ajax.get('/relation/submitRelation/' + self.relation.guid)
        .then(function(response){
        	if(response.data.errorCode==0){
	            self.MessageBox({title:'提示',message:'提交成功！',type:'alert'
				},function(action){
					self.$route.router.go('/relation');
				});
            }else{
                layer.msg('服务器出现异常！');

            }  
        });
	  },
	  deleteRelation:function(){
	  	var self=this;
	  	if(self.relation.approvalstate=='A'){
            layer.msg('此供应关系正在审核中，不能进行删除操作！');

            return;
	  	}
	  	self.MessageBox({
            title: '提示',
            message: '供应关系删除会将供应关系生成的变更、专属资料等信息一并删除，确定删除该供应关系吗？',
            type: 'success',
            showCancelButton: true
          },function(action) {
            if(action=='confirm'){
              Ajax.get('/relation/deleteRelation/' + self.relation.guid)
        		.then(function(response){
        		  if(response.data.errorCode==0){
	                  self.MessageBox({title:'提示',message:'删除成功！',type:'alert'
	                  },function(action){
	                      self.$route.router.go('/relation');
	                  }); 
                  }else{
                      layer.msg('删除失败！');

                  }
              }); 
            } 
          }); 
	  },
	  showBigImgs2:function(){
	  	this.$set('imgArry',[{img:'/images/default.jpg',txt:''}]);
	  	$("#bigImgs").click();
	  },
	  showBigImgs:function(num,obj){
		var imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径
	  	 if(num==2){
	  	 	 var txt="";
	         if(obj.isunlimited=='Y'){
	            txt="有效期限："+this.delNull(obj.begindate)+" 至 "+"无期限";
	         }else{
	            txt="有效期限："+this.delNull(obj.begindate)+" 至 "+this.delNull(obj.enddate);
	         }
	         var jsonStr='[{"img":"'+imgReg.test(obj.path) ? obj.path:obj.path+obj.name+'","txt":"'+txt+'"}]';
	         this.$set('imgArry',JSON.parse(jsonStr));
	  	 }else{
	  	 	  var jsonStr='[';
	          if(obj!=null && obj.length>0){
	            obj=JSON.parse(obj);
	            for(var i=0;i<obj.length;i++){
	               var path=imgReg.test(obj[i].original.path) ? obj[i].original.path : obj[i].original.path+obj[i].original.name;
	               jsonStr+='"'+path+'",';
	            }
	            jsonStr=jsonStr.substring(0,jsonStr.length-1);
	         }
	         jsonStr+=']';
	         this.$set('imgArry',JSON.parse(jsonStr));
	  	 }
         $("#bigImgs").click();
      },
      delNull:function(val){
         if(val==null || val==undefined){
            return '';
         }
         val=val.replace('00:00:00','');
         return val;
      },
	  removeUndefined:function(val){
	  	 if(val==undefined){
	  	 	return '';
	  	 }else{
	  	 	return val;
	  	 }
	  }
    },
    route: {
      activate: function () {
      	this.getRelation(1);
        this.listUser();
        this.listDistribution();
        this.selIframePage(1,0);
      }
    },
    watch: {
        // 实时监听复选框勾选变化
        'checkedUsers': function (val) {
        	this.userArry=_.map(val,function(item){
        		return{
        			label:item.split("@@")[1],
        			value:item.split("@@")[0]
        		}
        	});
        },
        'searchHospital.province':function(val){
        	this.searchHospital.search_EQ_province=val;
        	this.listHospital();
        },
         'searchHospital.city':function(val){
         	this.searchHospital.search_EQ_city=val;
        	this.listHospital();
        },
        'searchHospital.district':function(val){
        	this.searchHospital.search_EQ_district=val;
        	this.listHospital();
        },
        'allApplications': function (val) {
        	this.listGoods();
        }
    }
  };

</script>