<template>
	<div class="container resource close-left-menu contaNEW">
		<div class="pop-banner clearfix">
			<div class="operate-btns" id="productAdd1">
				<a @click="addGood(false)" href="javascript:void(0)" class="fbtn fb-add">添加</a>
				<a @click="addGood(true)" href="javascript:void(0)" class="fbtn fb-copy">复制</a>
				<a @click="deleteGoodChange" href="javascript:void(0)" class="fbtn fb-remove">删除</a>
				<a @click="saveGoodChange(0)" href="javascript:void(0)" class="fbtn fb-save" :class="{'prevent':btndow}">保存</a>
				<a href="javascript:void(0)" class="fbtn  fb-book" v-link="{path:'/productList'}">商品清单</a>
			</div>
			<div class="operate-btns margin-10" style="display:none;" id="productAdd2">
				<a v-on:click="downModel" class="fbtn fb-download">导出模板</a>
				<upload-excel :class="['fbtn fb-upload']" :tag="tagType" :type="fileType" :label="fileLabel" v-on:file-change="getBackTips"></upload-excel>

				<a @click="deleteGoodChange" href="javascript:void(0)" class="fbtn fb-remove">删除</a>
				<a @click="saveGoodChange(0)" href="javascript:void(0)" class="fbtn fb-save" v-if='issuccess=="Y"' :class="{'prevent':btndow}">保存</a>
			</div>
			<h3 class="current-module">新增商品</h3>
		</div>

		<div class="new-add-left" id="isShowFor2">
			<div class="new-add-count">
				本次共{{addOrExport==2?'导入':'新增'}}
				<br>
				<em>{{listGoods.length}}</em> 条<br> 商品明细
			</div>
			<!-- 11-25 赵志杰   -->
			<div class="new-add-list">
				<ul class="new-add-list-ul">
					<li class="clearfix">
						<div class="fl">
							<div class="checkbox-control checkbox-alone">
								<input type="checkbox" id="cc31" v-model="selAll">
								<label for="cc31" class="checkbox"></label>
							</div>
						</div>
						<span>商品信息</span>
					</li>
				</ul>
				<ul style='overflow-y:visible;height:400px;' id='sortable'>
					<li class="clearfix" v-for="gd in listGoods" @click="setShowGood(gd)">
						<div class="fl">{{$index+1}}<br>
							<div class="checkbox-control checkbox-alone">
								<input type="checkbox" value="{{gList.guid}}" id="cc{{$index}}" v-model="checkGoods[$index]">
								<label for="cc{{$index}}" class="checkbox"></label>
							</div>
						</div>
						<span>
            {{gd.goodsname}}<br>
            {{gd.goodsspec}}
          </span>
					</li>
					<li v-if="listGoods.length==0">
						您还未新增商品！
					</li>
				</ul>
			</div>
		</div>

		<!--   <div class="new-add-left"  id="isShowFor2">
    <div class="new-add-count t-right">
      本次共{{addOrExport==2?'导入':'新增'}} <br>
      <em>{{listGoods.length}}</em>
      条<br>
      商品明细
    </div>


    <div class="new-add-list">
      <table>
        <thead>
          <tr>
            <th>
              <div class="checkbox-control checkbox-alone">
                <input type="checkbox" id="cc31" v-model="selAll">
                <label for="cc31" class="checkbox"></label>
              </div>
            </th>
            <th>商品信息</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="gd in listGoods" @click="setShowGood(gd)">
            <td>
              <div>{{$index+1}}</div>
              <div class="checkbox-control checkbox-alone">
                <input type="checkbox" id="cc{{$index}}" v-model="checkGoods" value="{{gd.guid}}">
                <label for="cc{{$index}}" class="checkbox"></label>
              </div>
            </td>
            <td>
              {{gd.goodsname}}
              <br>{{gd.goodsspec}}
            </td>
          </tr>
          <tr v-if="listGoods.length==0">
            <td>
              <div>&nbsp;</div>
            </td>
            <td>
              您还未新增商品！<br><br>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div> -->
		<div class="new-add-right">
			<div class="step-tips step-2 clearfix">
				<div class="step-item active" @click="showProductAdd(1)" id="showBtn1">
					<span>1</span>
					<span>手工录入</span>
					<i>?</i>
					<small>
        将商品资料通过手工的方式逐一录入系统。</small>
				</div>
				<div class="step-item" @click="showProductAdd(2)" id="showBtn2">
					<span>2</span>
					<span>批量导入</span>
					<i>?</i>
					<small>
          通过外部EXCEL模板将制作好的商品资料文件导入系统，批量增加商品。</small>
				</div>
			</div>

			<div class="pd-form pd-form-add">
				<div class="pd-form">
					<div class="group-row">
						<div class="form-group form-label must">
							<label for="cn1" class="label ">商品编号</label>
							<div class="control">
								<input type="text" v-model="good.goodscode" id="cn1" @change="checkGoodsRepeat" class="inp4" maxlength="20" ></div>
						</div>
						<div class="form-group form-label must">
							<label for="cn2" class="label">商品名称</label>
							<div class="control">
								<input type="text" v-model="good.goodsname" id="cn2" class="inp4" maxlength="50" ></div>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group">
							<label class="label w70">生产来源</label>
							<div class="control radio-control">
								<radio :list="importedFlag" :checked.sync="good.importedflag"></radio>
							</div>
						</div>
						<div class="form-group form-label">
							<label for="cn4" class="label w150">批准文号／注册证号</label>
							<div class="control">
								<input type="text" v-model="good.registkey" id="cn4" class="inp9" maxlength="30" ></div>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group form-label must">
							<label for="producerId" class="label">生产厂商</label>
							<div class="control">
								<input type="text" v-model="good.producer" id="producerId" class="inp4" maxlength="50" ></div>
						</div>
						<div class="form-group form-label">
							<label for="cn8" class="label">售后服务机构</label>
							<div class="control">
								<!-- <input type="hidden" v-model="good.aftersalescorpguid" id='cn8' class="inp6"> -->
								<input type="text" v-model="good.aftersalescorpname" id="cn8" class="inp6" maxlength="50" >
							</div>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group form-label must">
							<label for="agentnameId" class="label">一级代理商</label>
							<div class="control">
								<!-- <input type="hidden" v-model="good.agentguid" id='agentnameId' class="inp5"> -->
								<input type="text" v-model="good.agentname" readonly="readonly" id="agentnameId" class="inp5" maxlength="50" >
							</div>
						</div>
						<div class="form-group form-label must">
							<label for="cn7" class="label">规格</label>
							<div class="control">
								<input type="text" v-model="good.goodsspec" id="cn7" class="inp2"></div>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group form-label">
							<label for="cn16" class="label">产地</label>
							<div class="control">
								<input type="text" v-model="good.productionaddress" id="cn16" class="inp2"></div>
						</div>
						<div class="form-group form-label">
							<label for="cn17" class="label">品牌</label>
							<div class="control">
								<input type="text" v-model="good.brand" id="cn17" class="inp2"></div>
						</div>
						<div class="form-group form-label">
							<label for="cn18" class="label">商品型号</label>
							<div class="control">
								<input type="text" v-model="good.goodsmodel" id="cn18" class="inp4" maxlength="50" ></div>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group form-label">
							<label for="c18" class="label">商品大类</label>
							<div class="control must">
								<select-ui :list="goodscateList" :selected.sync="good.goodscate" empty-text="请选择商品大类" id='c18' class='inp4'>
								</select-ui>
							</div>
						</div>
						<div class="form-group">
							<label class="label w70">器械分类</label>
							<div class="radio-control" id="goodscateRadio">
								<radio :list="itemCatagory" :checked.sync="good.itemcatagory"></radio>
							</div>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group form-label must">
							<label for="cn19" class="label">计量单位</label>
							<div class="control">
								<input type="text" v-model="good.unitstyle" id="cn19" class="inp4"></div>
						</div>
						<div class="form-group">
							<label class="label w150">是否需要批号管理</label>
							<div class="radio-control">
								<radio :list="isLotCtrlInput" :checked.sync="good.islotctrlinput"></radio>
							</div>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group form-label">
							<label for="cn23" class="label">药品本位码</label>
							<div class="control">
								<input type="text" v-model="good.productstandardcode" id="cn23" class="inp5"></div>
						</div>
						<div class="form-group form-label" v-if="higSel">
							<label class="label" for="higSel">高值分类</label>
							<div class="control must">
								<select-ui id="higSel" :list="highvaluecateList" :selected.sync="good.highvaluecate" empty-text="请选择高值分类" class='inp4'>
								</select-ui>
							</div>
						</div>


						<!--<div class="form-group form-label" v-if="higJx">
            <label for="cn33" class="label">剂型</label>
            <div class="control">
              <input type="text" v-model="good.dosageform" id="cn33" class="inp2">
            </div>
          </div>-->
					</div>
					<div class="group-row">
						<div class="form-group form-label">
							<label for="cn22" class="label">器械产品DI</label>
							<div class="control">
								<input type="text" v-model="good.specstandardcode" id="cn22" class="inp5"></div>
						</div>
						<div class="form-group form-label ">
							<label for="cn241" class="label">采购流通方式</label>
							<div class="control">
								<select-ui id="cn241" :list="purchaseType" :selected.sync="good.purchasetype" empty-text="请选择流通方式"  class="inp6"></select-ui>
							</div>
						</div>

					</div>
					<div class="group-row">
						<div class="form-group">
							<label class="label w70">是否灭菌</label>
							<radio :list="issterilizationList" :checked.sync="good.issterilization"></radio>
						</div>
					</div>
					<div class="group-row">
						<div class="form-group form-label">
							<label for="cn16" class="label">器械分类68码</label>
							<div class="control">
								<input type="text" v-model="good.apparatus68code" id="cn16" class="inp6"></div>
						</div>
						<div class="form-group form-label">
							<label for="cn17" class="label">招标平台编码</label>
							<div class="control">
								<input type="text" v-model="good.bidplatformcode" id="cn17" class="inp6"></div>
						</div>
					</div>
						<div class="group-row">
						<div class="form-group form-label">
							<label for="cn16" class="label">中标流水号</label>
							<div class="control">
								<input type="text" v-model="good.winbidseqno" id="cn16" class="inp5"></div>
						</div>
					</div>
					<div class="group-row">

						<div class="form-group form-label">
							<label for="cn25" class="label">统计分类</label>
							<div class="control">
								<select style='width:48%;' class="inp4" v-model='good.medgoodscateguid'
										@change='medgoodscateguidFun'>
									<option value="">请选择</option>
									<option v-for='item in RootList' :value="item.guid">{{item.catename}}</option>
								</select>
								<select style='width:48%;' class="fr" v-model='good.medgoodscateguid2'
										v-if='good.medgoodscateguid!=""' @change='medgoodscateguidFun2'>
									<option value="">请选择</option>
									<option v-for='item2 in RootList2[good.medgoodscateguid]' :value="item2.guid">
										{{item2.catename}}
									</option>
								</select>
							</div>
						</div>
						<div class="form-group form-label">
							<div class="control">
								<select style='width:48%;' v-model='good.medgoodscateguid3'
										v-if='good.medgoodscateguid2!="" && good.medgoodscateguid!=""'
										@change='medgoodscateguidFun3'>
									<option value="">请选择</option>
									<option v-for='item3 in RootList3[good.medgoodscateguid2]' :value="item3.guid">
										{{item3.catename}}
									</option>
								</select>
								<select style='width:48%;' class="fr" v-model='good.medgoodscateguid4'
										v-if='good.medgoodscateguid3!=""  && good.medgoodscateguid2!=""  && good.medgoodscateguid!=""'>
									<option value="">请选择</option>
									<option v-for='item4 in RootList4[good.medgoodscateguid3]' :value="item4.guid">
										{{item4.catename}}
									</option>
								</select>
							</div>
						</div>
					</div>

					<div class="package-form clearfix">
						<div class="package-item package-sm">
							<h3>小包装</h3>
							<div class="package-msg form-label">
								<label for="cn111" class="label">包装含量</label>
								<input type="text" v-model="good.minunitqty" id="cn111" class="inp4" v-number-only></div>
							<div class="package-msg form-label">
								<label for="cn121" class="label">包装单位</label>
								<input type="text" v-model="good.minunitstyle" id="cn121" class="inp4"></div>
							<div class="package-msg form-label">
								<label for="cn131" class="label">包装条码</label>
								<input type="text" v-model="good.litbcd" id="cn131" class="inp4"></div>
						</div>
						<div class="package-item package-lg">
							<h3>大包装</h3>
							<div class="package-msg form-label">
								<label for="cn141" class="label">包装含量</label>
								<input type="text" v-model="good.biguintqty" id="cn141" class="inp4" v-number-only>
								<label for="cn171" class="label" style='left: 204px;'>长(cm)</label>
								<input type="text" v-model="good.length" id="cn171" class="inp3">
								<label for="cn181" class="label" style='left: 403px;'>净重(kg)</label>
								<input type="text" v-model="good.netweight" id="cn181" class="inp4"></div>
							<div class="package-msg form-label">
								<label for="cn151" class="label">包装单位</label>
								<input type="text" v-model="good.biguintstyle" id="cn151" class="inp4">
								<label for="cn191" class="label" style='left: 204px;'>宽(cm)</label>
								<input type="text" v-model="good.width" id="cn191" class="inp3">
								<label for="cn201" class="label" style='left: 403px;'>毛重(kg)</label>
								<input type="text" v-model="good.grossweight" id="cn201" class="inp4"></div>
							<div class="package-msg form-label">
								<label for="cn161" class="label">包装条码</label>
								<input type="text" v-model="good.bigbcd" id="cn161" class="inp4">
								<label for="cn211" class="label" style='left: 204px;'>高(cm)</label>
								<input type="text" v-model="good.height" id="cn211" class="inp3"></div>
						</div>
					</div>
						<div class="package-form clearfix mt-10">
						<div class="package-item package-sm">
							<h3>中包装</h3>
							<div class="package-msg form-label">
								<label for="cnm111" class="label">包装含量</label>
								<input type="text" v-model="good.middleunitqty" id="cnm111" class="inp4" v-number-only></div>
							<div class="package-msg form-label">
								<label for="cnm121" class="label">包装单位</label>
								<input type="text" v-model="good.middleunitstyle" id="cnm121" class="inp4"></div>
							<div class="package-msg form-label">
								<label for="cnm131" class="label">包装条码</label>
								<input type="text" v-model="good.middlebcd" id="cnm131" class="inp4"></div>
						</div>
						<!-- <div class="package-item package-lg">
							<h3>大包装</h3>
							<div class="package-msg form-label">
								<label for="cn141" class="label">包装含量</label>
								<input type="text" v-model="good.biguintqty" id="cn141" class="inp4">
								<label for="cn171" class="label" style='left: 204px;'>长(cm)</label>
								<input type="text" v-model="good.length" id="cn171" class="inp3">
								<label for="cn181" class="label" style='left: 403px;'>净重(kg)</label>
								<input type="text" v-model="good.netweight" id="cn181" class="inp4"></div>
							<div class="package-msg form-label">
								<label for="cn151" class="label">包装单位</label>
								<input type="text" v-model="good.biguintstyle" id="cn151" class="inp4">
								<label for="cn191" class="label" style='left: 204px;'>宽(cm)</label>
								<input type="text" v-model="good.width" id="cn191" class="inp3">
								<label for="cn201" class="label" style='left: 403px;'>毛重(kg)</label>
								<input type="text" v-model="good.grossweight" id="cn201" class="inp4"></div>
							<div class="package-msg form-label">
								<label for="cn161" class="label">包装条码</label>
								<input type="text" v-model="good.bigbcd" id="cn161" class="inp4">
								<label for="cn211" class="label" style='left: 204px;'>高(cm)</label>
								<input type="text" v-model="good.height" id="cn211" class="inp3"></div>
						</div> -->
					</div>
					<div class="form-label">
						<label for="cn122" class="label" style='top: 21px;'>备注</label>
						<textarea rows="3" title="备注" class="textarea inp2" id='cn122' v-model="good.memo"></textarea>
						<!--     <label for="cn10" class="label">备注</label>
          <div class="control">
            <textarea id="cn10" v-model="good.memo" rows="5"></textarea>
          </div> -->
					</div>
				</div>
				<div class="fheader">
					<h4 class="fh-photo">商品照片</h4>
					<div class="stretch ml-20">
						<div class="stretch-pull" @click='push("pull",0)' v-if='pullState'>
						</div>
						<div class="stretch-push" @click='pull("pull",0)' v-else>
						</div>
					</div>
					<uploads v-bind:class="['btn','button-green','fr','icon','add']" v-bind:readonly="readonly" v-on:file-change="fileChange" v-bind:multiple="true">
						批量添加
					</uploads>

					<!-- <button class="btn button-green fr icon add">批量添加</button> -->
				</div>
				<div class="product-pics clearfix pull">

					<div class="pro-pics form-add">

						<div class="pic-container">
							<ul class="pic-list">
								<li class="has-image" v-for="upload in uploads">
									<div class="pic-contain" :style="{backgroundImage:'url('+upload.path+')'}" style="position:relative;">
										<div class="close-win" v-on:click="deleteimg($index)"></div>
									</div>
									<div class="license-btn icon fr">
										<imagebox v-bind:imgarr="[{img:upload.path}]">
											<span class="fbtn magnify-btn" title="放大"></span>
										</imagebox>
									</div>
									<!-- {{upload.path}} -->
									<p class="pic-desc">图{{$index+1}}</p>
								</li>
								<li id="pic0" style="margin-right:5px;">
									<uploads v-bind:class="['pic-contain']" :display="'block'" v-on:file-change="fileChange0" v-bind:multiple="false" v-bind:readonly="readonly">
									</uploads>
									<p class="pic-desc">图{{uploads.length+1}}</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="pro-pics-b-tips">
						<span>照片上传示例</span> 上传照片说明：
						<br> 照片只允许分辨率为1024*768的JPG图片格式，照片文件
						<=1M，图像画质要求无污染、无反光、无抖动，文字与图案清晰可辨； 照片内容必须包括：商品名称、规格、生产厂商、注册证号/批准文号、品牌、外包装、生产地址、用法用量、包装、成份等信息; 如果信息不在同一包装面上，可根据实际情况每面上传一张照片； </div>
					</div>

					<!--       <div class="product-pics clearfix">
        <div class="pro-pics-tit clearfix">
          <h3>商品照片</h3>
          <div class="pro-ctrl">
            <uploads v-bind:class="['class1','class2']" v-bind:readonly="readonly"
              v-on:file-change="fileChange" v-bind:multiple="true">
                <a class="pro-btn pro-add" href="javascript:">批量添加</a>
            </uploads>
        </div>
      </div>


      <div class="pro-pics">
      <div class="pic-container">
        <ul class="pic-list">
           <li style="margin-right:5px;" v-for="upload in uploads" class="has-image">
              <div class="pic-contain" :style="{backgroundImage:'url('+upload.path+')'}">
                <span class="rm-pic" v-on:click="deleteimg($index)"></span>
              </div>
              <p class="pic-desc">{{uploadTitles[$index]}}</p>
           </li>
           <li id="pic0" style="margin-right:5px;">
              <uploads v-bind:class="['pic-contain']" :display="'block'"
                v-on:file-change="fileChange0" v-bind:multiple="false" v-bind:readonly="readonly">              
               </uploads>
            <p class="pic-desc">{{uploadTitles[uploads.length]}}</p>
          </li>
        </ul>
      </div>
    </div>
    <div class="pro-pics-b-tips">
      <span>照片上传示例</span>
      上传照片说明：
      <br>
      照片只允许分辨率为1024*768的JPG图片格式，照片文件
      <=1M，图像画质要求无污染、无反光、无抖动，文字与图案清晰可辨；
          照片内容必须包括：商品名称、规格、生产厂商、注册证号/批准文号、品牌、外包装、生产地址、用法用量、包装、成份等信息;
          如果信息不在同一包装面上，可根据实际情况每面上传一张照片；
        </div>
      </div> -->

					<!-- <div class="fheader">   //20171015 立继武
						<h4 class="fh-result">对码结果</h4>
						<div class="stretch ml-20">
							<div class="stretch-pull" @click='push("pull2",2)' v-if='pullState2'>
							</div>
							<div class="stretch-push" @click='pull("pull2",2)' v-else>
							</div>
						</div>
					</div>  

					<div class="pull2">
						<form class="search-bar mb-20" active="###">
							<input type="text" placeholder="请输入平台商品编码" class="ipt" v-model='goodScode'>
							<div class="search-btn">
								<input type="button" value="搜索" @click="goodsDM">
							</div>
						</form>
						<table class="itable itable-thead-13px itable-td-long-text table-bg bt-gray">
							<thead>
								<tr>
									<th class="w80"></th>
									<th class="w60">序号</th>
									<th class="w60"></th>
									<th class="w130">商品名称</th>
									<th class="w80">规格</th>
									<th class="w80">平台商品编码</th>
									<th class="w130">注册证号/批准文号</th>
									<th class="w130">生产厂商</th>
									<th class="w50">生产来源</th>
									<th class="w60">小包装单位</th>
								</tr>
							</thead>
							<tbody>
								<tr v-if="good.masterguid==null || good.masterguid==''">
									<td colspan="10" class="text-color-red">该品种还未进行对码匹配</td>
								</tr>
								<tr v-if="good.masterguid!=null && good.masterguid!=''">
									<td>
										<a class="btn button-red lh-15" href="javascript:void(0);" @click="cancelDMResult()">取消<br>已配对</a>
									</td>
									<td>
										01
										<span class="star-group">
                <span class="group-yellow"></span>
										<span class="group-yellow"></span>
										<span class="group-yellow"></span>
										</span>
									</td>
									<td>
										<imagebox v-bind:imgarr="imgArry">
											<span class="pic-max blue-search" id="bigImgs"></span>
										</imagebox>
										<div class="pro-pic" @click="showBigImgs(good.pictcontent)" style="background-image: url({{good.pictcontent | thumbnail}})">
											<span class="pic-max blue-search"></span>
										</div>
									</td>
									<td class="t-left pr10">
										{{{good.goodsname}}}
									</td>
									<td>{{{good.goodsspec}}}</td>
									<td class="t-left pr10">{{{goodScode}}}</td> 
									<td class="t-left pr10">
										{{{good.registkey}}}
									</td>
									<td class='t-left pr10'>
										{{{good.producer}}}
									</td>
									<td>{{good.importedflag==1?'国产':'进口'}}</td>
									<td>{{{good.minunitstyle}}}</td>
								</tr>
							</tbody>
						</table> 
						<h2 class="h2_s_pro">医疗机构商品</h2>
						<table class="itable itable-thead-13px itable-td-long-text table-bg">
							<thead>
								<tr>
									<th class="w50">序号</th>
									<th class="w60">医疗机构商品名称</th>
									<th class="w130">医疗机构名称</th>
									<th class="w80">规格</th>
									<th class="w80">平台商品编码</th>
									<th class="w100">
										注册证号/ 批准文号
									</th>
									<th class="w100">
										生产厂商
									</th>
									<th class="w60">
										生产来源
									</th>
									<th class="w60">
										小包装单位
									</th>
								</tr>
							</thead>
							<tbody>
								<tr v-if="goodsprolist.length==0">
									<td colspan="10" class="text-color-red">
										该品种还未进行对码匹配,没有医疗机构商品</td>
								</tr>
								<tr v-else v-for="good in goodsprolist">

									<td>
										{{$index+1}}
									</td>
									<td>
										{{{good.goodsname}}}
									</td>
									<td>
										<div class="p-lr-10">{{{good.medicalorgname}}}</div>
									</td>
									<td>{{{good.goodsspec}}}</td>
									<td>
										<div class="p-lr-10">{{{good.goodscode}}}</div>
									</td>
									<td>
										<div class="p-lr-10">{{{good.registkey}}}</div>
									</td>
									<td>
										<div class="p-lr-10">{{{good.goodsspec}}}</div>
									</td>
									<td>
										<div class="p-lr-10">{{{good.producer}}}</div>
									</td>
									<td>{{good.importedflag==1?'国产':'进口'}}</td>
									<td>{{{good.minunitstyle}}}</td>
								</tr>
							</tbody>
						</table> 
						<div class="m-20-0">
							<button class="btn button-green" @click="goodsDM">智能对码</button>
						</div>
						<div class="itable-tit table-no-border">
							<h3 class="primary-text">建立系统映射关系</h3>
							<div class="fr" v-if="good.masterguid==null || good.masterguid==''">
								<span class="text-color-red" v-if="!isHavingApplyDM">找不到？您可以</span>
								<button class="btn button-green mar-none" @click="applyPD" v-if="!isHavingApplyDM">申请配对</button>
								<span class="text-color-red" v-if="isHavingApplyDM">已申请配对</span>
							</div>
						</div>

						<h3 class="primary-text" style="margin:0px;font-size:15px;">对码关系词</h3> 
						<table class="itable itable-thead-13px itable-td-long-text" id="idtab">
							<thead style="height:5px;opacity:0;">
								<tr>
									<th class="w80"></th>
									<th class="w60">序号</th>
									<th class="w130">
										商品
										<br/> 名称
									</th>
									<th class="w90">规格</th>
									<th class="w80">平台商品编码</th>
									<th class="w160">
										注册证号/
										<br/> 批准文号
									</th>
									<th class="w130">
										生产
										<br/> 厂商
									</th>
									<th class="w50">
										生产
										<br/> 来源
									</th>
									<th class="w60">
										小包装
										<br/> 单位
									</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
									</td>
									<td>

									</td>
									<td class="t-left pr10">
										{{{good.goodsname}}}
									</td>
									<td>{{{good.goodsspec}}}</td>
									<td class="t-left pr10">
										{{{good.goodscode}}}
									</td>
									<td class="t-left pr10">
										{{{good.registkey}}}
									</td>
									<td class="t-left pr10">
										{{{good.producer}}}
									</td>
									<td>{{good.importedflag | IMPORTEDFLAG}}</td>
									<td>{{{good.minunitstyle}}}</td>
								</tr>
							</tbody>
						</table>

						<table class="itable itable-thead-13px itable-td-long-text">
							<thead>
								<tr>
									<th class="w50"></th>
									<th class="w60">序号</th>
									<th class="w130">商品名称</th>
									<th class="w90">规格</th>
									<th class="w80">平台商品编码</th>
									<th class="w160">注册证号/批准文号</th>
									<th class="w130">生产厂商</th>
									<th class="w50">生产来源</th>
									<th class="w60">小包装单位</th>
								</tr>
							</thead>
							<tbody>
								<tr v-for="gooddm in goodsDMList">
									<td>
										<a class="btn button-red lh-15 w80" v-if="gooddm.guid == good.masterguid" href="javascript:void(0);" @click="cancelDMResult(gooddm)">取消<br>已配对</a> 
										<a class="btn button-green w80" v-if="gooddm.guid != good.masterguid" href="javascript:void(0);" @click="confirmDMResult(gooddm)">配对</a>
									</td>
									<td>
										{{$index+1}}
										<span class="star-group" v-if="gooddm.guid != good.masterguid">
                <span :class="(gooddm.score*10>=90 && gooddm.score*10<=94)?'group-yellow':''"></span>
										<span :class="(gooddm.score*10>=95 && gooddm.score*10<=99)?'group-yellow':''"></span>
										<span :class="gooddm.score*10==100?'group-yellow':''"></span>
										</span>
										<span class="star-group" v-if="gooddm.guid == good.masterguid">
                <span class="group-yellow"></span>
										<span class="group-yellow"></span>
										<span class="group-yellow"></span>
										</span>
									</td>
									<td>
										<div class="p-lr-10">
											<span v-on:mouseover="over" v-on:mouseout="out">{{{gooddm.goodsName}}}</span>
											<ul class="s_ul1" v-if="gooddm.medlist.length>0">
												<li>fdasfdsafdsa</li>
												<li v-for="y in gooddm.medlist">{{y.medname}}</li>
											</ul>
										</div>
									</td>
									<td>{{{gooddm.goodsSpec}}}</td>
									<td>
										<div class="p-lr-10 ">{{{gooddm.goodsCode}}}</div>
									</td>
									<td>
										<div class="p-lr-10">{{{gooddm.registKey}}}</div>
									</td>
									<td>
										<div class="p-lr-10">{{{gooddm.producer}}}</div>
									</td>
									<td>{{{good.importedflag==1?'国产':good.importedflag==0?'进口':''}}}</td>
									<td>{{gooddm.minUnitStyle}}</td>
								</tr>
								<tr v-if="goodsDMList.length==0">
									<td colspan="99">暂无数据！</td>
								</tr>
							</tbody>
						</table>
						 <div class="pagination page-line m-20-0" v-if="goodsDMList.length!=0"> <em>为您智能匹配出共有 <i>{{totalCount}}</i>
          个选项</em>
							<ul>
								<li>
									<a @click="truePage(-1)">上一页</a>
								</li>
								<li>
									<a @click="truePage(1)">下一页</a>
								</li>
							</ul>
							<em class="page">第{{searchDM.from/10+1}}页</em>
							<em>共{{pageCount}}页</em>
						</div> -->
					</div>

				</div>
			</div>

			<!--star 9-9 弹出导入提示信息-->
			<div class="modal " :class="backMessage.showDialog=='Y'?'':'hide'">
				<div class="container resource">
					<div class="audit-detail" style="width:540px;">
						<span class="close-win" v-on:click="closeDialog()"></span>

						<div class="sdiv-9-9b" style="">
							<a class="btn-d btn-d-activate btn-d-lg" href="javascript:;">导入信息提示</a>
						</div>

						<div class="status-process wbe-0 clearfix pd20" style="padding-top:0px;overflow-y: scroll;height:300px;">
							<div class="sp-head sp-headb" v-for="m in backMessage.mList">
								<span class="sp-col w300">
              <span class="control radio-control ">
                <span>{{m}}</span>
								</span>
								</span>
							</div>
						</div>
						<div class="sdiv9-9">
							<button v-on:click="closeDialog()" class="btn button-green">关闭</button>
						</div>

					</div>
				</div>
			</div>
			<!--star 9-9 受理弹出-->
			<!--star 12-6-->
			<div style="height:300px;" :class="{'hide':boxprobool==false}"></div>
			<boxproduct v-bind:bool.sync="boxprobool" v-bind:data="boxprodata" v-on:funcall="confirmDMResult" v-on:setimg="setimgArry"></boxproduct>
			<!--star 12-6-->
            <div class="roll-bg" v-if='requestS'>
                <div class="w60" style="margin:0 auto;">
                    <img src="/images/roll.gif">
                </div>
                <div class="container resource t-center text-color-red">
                    正在处理中，请勿关闭！
                </div>
            </div>

</template>

<script>
	module.exports = {
		data: function() {
			return {
                requestS:false,
				fileType: 'file',
				tagType: 'a',
				fileLabel: '批量导入商品',
				// 导入之后信息提示
				backMessage: {
					showDialog: 'N',
					mList: [], // 提示信息
				},

				importedFlag: [{
					value: '1',
					label: '国产'
				}, {
					value: '2',
					label: '进口'
				}],
				itemCatagory: [{
					value: '1',
					label: '一类'
				}, {
					value: '2',
					label: '二类'
				}, {
					value: '3',
					label: '三类'
				}],
				isLotCtrlInput: [{
					value: 'Y',
					label: '需要'
				}, {
					value: 'N',
					label: '不需要'
				}],
				goodscateList: [{
					value: '01',
					label: '医疗器械'
				}, {
					value: '02',
					label: '药品'
				}, {
					value: '03',
					label: '后勤物资'
				}, {
					value: '04',
					label: '消毒用品'
				}, {
					value: '05',
					label: '洗涤用品'
				}, {
					value: '06',
					label: '中药材'
				}, {
					value: '07',
					label: '设施设备'
				}, {
					value: '09',
					label: '营养制剂'
				}, {
					value: '08',
					label: '其它'
				}],
				highvaluecateList: [{
					value: '1',
					label: '普耗'
				}, {
					value: '2',
					label: '跟台高值'
				}, {
					value: '3',
					label: '备货高值'
				}],
				purchaseType: [{
					value: "1",
					label: "无"
				}, {
					value: "2",
					label: "一票制"
				}, {
					value: "3",
					label: "两票制"
				}],
                issterilizationList: [{
                    value: "Y",
                    label: "需要",
                }, {
                    value: "N",
                    label: "不需要",
                }],
				good: {},
				//选中的商品
				checkGoods: [],
				selAll: false,
				higSel: false,
				higJx: false,
				listGoods: [],
				isExist: false,
				imgArry: [],
				uploads: [],
				// uploadTitles:["图一(正面图)","图二","图三","图四"],
				picJson: '',
				readonly: 1,
				goodsDMList: [],
				searchDM: {
					goodsName: '',
					goodsSpec: '',
					producer: '',
					registKey: '',
					bigUintStyle: '',
					bigUintQty: '',
					minUnitStyle: '',
					minUnitQty: '',
					from: 0,
				},
				totalCount: 0,
				pageCount: 0,
				//区分新增还是导入1 新增  2导入
				addOrExport: 1,
				//查询已保存的商品列表
				search: {
					guids: '',
				},
				isHavingApplyDM: false,
				dmGoods: {},
				//star 12-7
				boxprobool: false,
				boxprodata: '',
				goodsprolist: [],
				pullState: false,
				pullState2: false,
				goodScode: '',
				issuccess: '',
                RootList: [],
                RootListsName: '',
                RootList2: [],
                RootListsName2: '',
                RootList3: [],
                RootListsName3: '',
                RootList4: [],
                RootListsName4: '',
                btndow:false,
				noSave:false,//防止保存重复点击

			};
		},
		methods: {
			pull: function(doc, index) {
				var self = this;
				switch(index) {
					case 0:
						self.pullState = true;
						break;
					case 2:
						self.pullState2 = true;
						break;
				}
				$('.' + doc).slideUp(1000);
			},
			push: function(doc, index) {
				var self = this;
				switch(index) {
					case 0:
						self.pullState = false;
						break;
					case 2:
						self.pullState2 = false;
						break;
				}
				$('.' + doc).slideDown(1000);
			},
			//star 12-9
			setimgArry: function(obj) {
				this.$set('imgArry', obj);
				$("#bigImgs").click();
			},
			showimg: function(upload) {
				if(upload && upload.pic && upload.pic.original) {
					var s = upload.pic.original, imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
					var u = [{
						img: imgReg.test(s.path) ? s.path : s.path + s.name,
						txt: ''
					}];
					this.$set('imgArry', u);
					$("#bigImgs").click();
				}

			},
			over: function(event) {
				$(event.target).parents('.p-lr-10').find('ul').stop().fadeIn();

			},
			out: function(event) {
				$(event.target).parents('.p-lr-10').find('ul').stop().fadeOut();
			},
			loadPage: function(falg) {
				var self = this;
				var falg = !!falg;
				if(falg) {
					// function deepCopy(source) { 
					//        var result={};
					//        for (var key in source) {
					//          result[key] = typeof source[key]==='object'? deepCopy(source[key]): source[key];
					//       } 
					//       return result; 
					//    }
					//  self.good=deepCopy(self.good);
					self.good = JSON.parse(JSON.stringify(self.good));
					self.good.goodscode = '';
					self.good.guid = '';

				} else {
					self.good = {};
					self.$set('good.importedflag', '1');
					self.$set('good.itemcatagory', '1');
					self.$set('good.islotctrlinput', 'Y');
					self.$set('good.goodscate', '');
					self.$set('good.highvaluecate', '');
				}

				self.goodsDMList = [];
				self.totalCount = 0;
				self.pageCount = 0;
			},
			showProductAdd: function(num) {
				var self = this;
				if(num == 2) {
					self.good = {};
					this.addOrExport = 2;
					$("#productAdd1").css("display", "none");
					$("#productAdd2").css("display", "block");
					$("#showBtn1").removeClass("active");
					$("#showBtn2").addClass("active");
				} else {
					this.addOrExport = 1;
					$("#productAdd1").css("display", "block");
					$("#productAdd2").css("display", "none");
					$("#showBtn1").addClass("active");
					$("#showBtn2").removeClass("active");

				}
			},
			//查询对码的主数据商品
			getDMGoods: function(masterguid) {
				var self = this;
				if(masterguid == null || masterguid == '') {
					return;
				}
				Ajax.get('/supplierGood/getDMGoods/' + masterguid)
					.then(function(response) {
						var data = response.data;
						self.$set('dmGoods', data.data);
					});
			},
			//查询是否申请对码
			searchIsPd: function(guid) {
				var self = this;
				Ajax.get('/supplierGood/isApplyDM/' + guid)
					.then(function(response) {
						var data = response.data;
						if(data.data != null) {
							self.isHavingApplyDM = true;
						} else {
							self.isHavingApplyDM = false;
						}
					});
			},
			truePage: function(num) {
				var self = this;
				var currentFrom = self.searchDM.from;
				if(num == 1) {
					if(currentFrom + 10 > self.totalCount) {
                        layer.msg('已到最后一页！');

						return;
					}
					self.searchDM.from = currentFrom + 10;

				} else {
					if(currentFrom - 10 < 0) {
                        layer.msg('已到第一页！');

                        return;
					}
					self.searchDM.from = currentFrom - 10;
				}
				self.goodsDM();
			},
			//申请配对
			applyPD: function() {
				var self = this;
				if(self.good.guid == '' || self.good.guid == null) {
                    layer.msg('请选择已保存的商品申请配对！');

                    return;
				}
				if(self.good.masterguid != '' && self.good.masterguid != null) {
                    layer.msg('您选中的商品已对码，不能再申请配对！');

                    return;
				}
				self.MessageBox({
					title: '提示',
					message: '您确定申请对码吗？',
					type: 'success',
					showCancelButton: true
				}, function(action) {
					if(action == 'confirm') {
						Ajax.post('/supplierGood/applyPD', self.good)
							.then(function(response) {
								if(response.data.errorCode == 0) {
									self.MessageBox({
										title: '提示',
										message: '申请成功！',
										type: 'alert'
									}, function(action) {
										self.searchIsPd(self.good.guid);
									});
								} else {
                                    layer.msg('申请失败！');

                                }
							});
						//star 12-20
						Ajax.post('/es_goods_insert_batch', {
							goodsList: [
								self.good
							]
						}).then(function(res) {

						})
					}
				});
			},
			//star 12-9
			goodsMasterGoods: function() {
				var self = this;
				Ajax.post('/supplierGood/supplier_goodsdm_medMasterGoods', {
						masterguid: this.good.masterguid
					})
					.then(function(response) {

						var data = response.data;
						if(data.errorCode == 0) {
							self.$set('goodsprolist', data.data)
						}

					});
			},
			//查询对码商品
			goodsDM: function() {
				var self = this;
				if(self.good.guid != '' && self.good.guid != null) {
					self.searchDM.goodsName = self.good.goodsname;
					self.searchDM.goodsSpec = self.good.goodsspec;
					self.searchDM.producer = self.good.producer;
					self.searchDM.registKey = self.good.registkey;
					self.searchDM.bigUintStyle = self.good.biguintstyle;
					self.searchDM.bigUintQty = self.good.biguintqty;
					self.searchDM.minUnitStyle = self.good.minunitstyle;
					self.searchDM.minUnitQty = self.good.minunitqty;
				} else {
                    layer.msg('请选择已保存的商品进行对码！');
                    return;
				}
				Ajax.post('/supplierGood/goodsDM', self.searchDM)
					.then(function(response) {
						var data = response.data;
						self.$set('goodsDMList', data.data);
						self.totalCount = data.totalCount;

						self.$set('boxprodata', data)
						//star 12-7
						if(self.boxprodata.medList && self.boxprodata.medList.length > 0) {
							self.boxprobool = true;
						}

						//star 12-6
						//self.searchDM.from=data.from;
						self.pageCount = Math.ceil(data.totalCount / 10);
					});
			},
			//取消对码结果
			cancelDMResult: function(dmObj) {
				var self = this;
				self.good.productguid = null;
				self.good.masterguid = null;
				self.saveGoodChange(1);
			},
			//确认配对
			confirmDMResult: function(dmObj) {
				var self = this;
				if(self.good.productguid != null && self.good.productguid != '') {
                    layer.msg('此商品已对码，取消对码后可重新进行对码操作！');
                    return;
				}
				self.good.productguid = dmObj.productGuid;
				self.good.masterguid = dmObj.guid;
				self.checkDMIsUnique();
			},
			//验证对码一个供应商不能多个商品对应该对一个商品
			checkDMIsUnique: function() {
				var self = this;
				Ajax.post('/supplierGood/checkDMIsUnique', this.good)
					.then(function(response) {
						if(response.data.data.length > 0) {
							var msg = "此商品与【" + response.data.data[0].goodsname + "】已完成对码！";
                            layer.msg(msg);

                            self.good.productguid = null;
							self.good.masterguid = null;
						} else {
							self.saveGoodChange(2);
						}

						//star 12-9
						self.goodsMasterGoods();
					});
			},
			//点击列表显示要显示的商品
			setShowGood: function(g) {
				var self = this, imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
				self.good = g;

				//展示上传的图片
				if(self.good.pictcontent != null) {
					self.uploads = [];
					var picsStr = self.good.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];
						if(self.uploads.length < 4) {
							$("#pic0").css("display", "block");
						}
						self.uploads.push(obj);
					}
					if(self.uploads.length == 4) {
						$("#pic0").css("display", "none");
					}
				} else {
					self.uploads = [];
				}
				self.goodsDMList = [];
				self.totalCount = 0;
				self.pageCount = 0;
				//star 12-21
				// self.setShowGood=false;  
			},
			//查询已保存的商品
			listSaveGoods: function() {
				var self = this;
				var guids = "";
				if(self.listGoods.length > 0) {
					for(var i = 0; i < self.listGoods.length; i++) {
						if(i == (self.listGoods.length - 1)) {
							guids += "'" + self.listGoods[i].guid + "'";
						} else {
							guids += "'" + self.listGoods[i].guid + "',";
						}
					}
					self.search.guids = guids;
				}
				Ajax.get('/supplierGood/listGoodsAll', self.search)
					.then(function(response) {
						var data = response.data.data;
						self.$set('listGoods', data);
						if(self.listGoods.length > 0) {
							self.good = self.listGoods[0];
						} else {
							self.good = {};
							self.loadPage(false);
						}
					});
			},
			saveGoodChange: function(ctrlType) {
				var self = this;
				// 商品编号不能为空
				if(!self.good.goodscode) {
                    layer.msg('商品编号不能为空！');

                    return;
				}

				// 商品名称不能为空
				if(!self.good.goodsname) {
                    layer.msg('商品名称不能为空！');

                    return;
				}
				if(self.good.importedflag == 1){
					if(!self.good.producer){
                        layer.msg('生产厂商不能为空！');

                        return;
					} 
				}
				if(self.good.importedflag == 2){
					if(!self.good.agentname){
                        layer.msg('一级代理商不能为空！');

                        return;
					} 
				}
				// goodsspec
				if(!self.good.goodsspec) {
                    layer.msg('规格不能为空！');

                    return;
				}

				if(self.good.goodscate == '') {
                    layer.msg('请选择商品大类！');

                    return;
				}
				//计量单位不能为空 unitstyle
				if(!self.good.unitstyle) {
                    layer.msg('计量单位不能为空！');

                    return;
				}
				// if(self.isExist){
				//     ({title:'提示',message:'您输入的商品编号已存在！',type:'alert'
				//     },function(action){
				//       self.isExist=false;
				//     });
				//     return;
				// }
				if(self.uploads.length > 0) {
					var jsonStr = [];
					for(var i = 0; i < self.uploads.length; i++) {
						jsonStr.push(self.uploads[i].pic);
					}
					self.good.pictcontent = JSON.stringify(jsonStr);
				}
				// var msg1="";
				// var msg2="";
				// if(ctrlType==0){
				//   msg1="保存成功！";
				//   msg2="保存失败！";
				// }else if(ctrlType==1){
				//   msg1="取消成功！";
				//   msg2="取消失败！";
				// }else if(ctrlType==2){
				//   msg1="对码成功！";
				//   msg2="对码失败！";
				// }
                self.btndow=true;
				if(self.noSave){
                    return;
				}
				self.noSave = true;
                self.requestS = true;
				Ajax.post('/supplierGood/save', self.good)
					.then(function(response) {
                        self.noSave = false;
                        self.requestS = false;
						var data = response.data.data;
						if(response.data.errorCode == 0) {
                            layer.msg('保存成功！');
                            self.btndow=true;
                            setTimeout(function () {
                                if(self.$route.params.id) {
                                    //跳转
                                    self.$router.go({
                                        path: '/procurementPurchaseList'
                                    });
                                    self.btndow=false;
                                }
                            },300)
							if(self.good.guid == null || self.good.guid == '') {
								self.listGoods.splice(0, 0, data);

							}
							self.$set('good', data);
							if(self.good.goodscate != '' && self.good.goodscate != null) {
								$("#cn1").attr("readonly", "readonly");
							}
                        } else {
                            layer.msg(response.data.message);
                            self.btndow=false;
                        }
					});

			},
			addGood: function(falg) {
				// this.good={};
				this.uploads = [];
				$("#pic0").css("display", "block");
				$("#cn1").removeAttr("readonly");
				this.loadPage(falg);
                this.btndow=false;
			},
			deleteGoodChange: function() {
				var self = this;
				var guids = "";
				if(this.checkGoods.length == 0) {
                    layer.msg('请选择要删除的商品！');

                    return;
				} else {
					for(var i = 0; i < this.checkGoods.length; i++) {
						if((this.checkGoods.length - 1) == i) {
							guids += this.checkGoods[i];
						} else {
							guids += this.checkGoods[i] + "@@";
						}
					}
				}
				self.MessageBox({
					title: '提示',
					message: '是否删除',
					type: 'success',
					showCancelButton: true
				}, function(action) {
					if(action == 'confirm') {
						Ajax.get('/supplierGood/delete/' + guids)
							.then(function(response) {
								self.MessageBox({
									title: '提示',
									message: '删除成功！',
									type: 'alert'
								}, function(action) {
									self.listSaveGoods();
									self.checkGoods = [];
								});
							});
					}
				});
			},
			checkGoodsRepeat: function() {
				var self = this;
				if(self.good.goodscode != '') {
					Ajax.get('/supplierGood/checkGoodsRepeat/' + self.good.goodscode)
						.then(function(response) {
							if(response.data.data) {
                                self.btndow=true;
								self.MessageBox({
									title: '提示',
									message: '您输入的商品编号已存在！',
									type: 'alert'
								}, function(action) {
									self.isExist = true;
								});
								return;
							}else{
                                self.btndow=false;
                            }
						});
				}
			},
            checkGoodsRepeats: function() {
                var self = this;
                if(self.good.goodscode != '') {
                    Ajax.get('/supplierGood/checkGoodsRepeat/' + self.good.goodscode)
                        .then(function(response) {
                            if(response.data.data) {
                                self.btndow=true;
                            }else{
                                self.btndow=false;
                            }
                        });
                }
            },
			// 11-22 赵志杰 判断顺序修改
			getBackTips: function(data) {
				var self = this;
				// if(data.iGoodsList.length > 0) {
				// 	self.listGoods = data.iGoodsList;
				// 	self.MessageBox({title:'提示',message:'导入成功!',type:'alert'});
				// }
				if (data.iGoodsList.length >= 0) {
                    self.listGoods = data.iGoodsList;
                }
				if(data.resList.length != 0) {
					// 返回信息
					self.$set('issuccess', data.issuccess);
					self.$set('backMessage.showDialog', 'Y');
					self.$set('backMessage.mList', data.resList);
					return;
				}

			},
			// 11-22 赵志杰 注释
			// 批量导入供应商商品
			// getBackTips:function(data){
			//   var self = this;
			//   if(data.resList.length!=0){
			//     // 返回信息
			//     self.$set('backMessage.showDialog','Y'); 
			//     self.$set('backMessage.mList',data.resList); 
			//     return ;
			//   }
			//   if(data.iGoodsList.length==0){
			//     self.MessageBox({title:'提示',message:'没有需要导入的数据!',type:'alert'
			//     },function(action){
			//     });
			//     return ;
			//   }else{
			//     self.listGoods = data.iGoodsList;
			//   }

			// },
			// 关闭单个订单
			closeDialog: function() {
				this.$set('backMessage.showDialog', 'N');
				this.$set('backMessage.mList', []);
			},
			//批量上传
			fileChange: function(data) {
				var self = this, imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
				var backObj = JSON.parse(data);
				data = backObj.data;
				var imgCount = data.length + this.uploads.length;
				if(imgCount > 4) {
					var msg = '只允许上传4张图片,还可以上传' + (4 - this.uploads.length) + '张图片。';
                    layer.msg(msg);

                    return;
				}
				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.uploads.push(obj);
				}
				if(self.uploads.length == 4) {
					$("#pic0").css("display", "none");
				}
			},
			fileChange0: function(data) {
				var backObj = JSON.parse(data), imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径
				data = backObj.data;
				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.uploads.push(obj);
				}
			},
			deleteimg: function(index) {
				this.uploads.splice(index, 1);
				if(this.uploads.length < 4) {
					$("#pic0").css("display", "block");
				}
			},
			// 下载模板
			downModel: function() {
				var self = this;
				// 如果是医院端，后边传参数med
				//star 11-10
				window.open('/SupGoodImp.xls');
				
//				window.open('https://obs.myhwclouds.com/csylcloud-file/templet/SupGoodImp.xls');
				/* Ajax.get('/file/dowloadExcel/supplier')
				   .then(function (response){
				     var url = response.data;
				     window.open (url);        
				 })*/
				return;
			},
			showBigImgs: function(pic) {
				var jsonStr = '[', imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
				if(pic != null && pic.length > 0) {
					pic = JSON.parse(pic);
					for(var i = 0; i < pic.length; i++) {
						var path = imgReg.test(pic[i].original.path)? pic[i].original.path : pic[i].original.path + pic[i].original.name;
						jsonStr += '"' + path + '",';
					}
					jsonStr = jsonStr.substring(0, jsonStr.length - 1);
				}
				jsonStr += ']';
				this.$set('imgArry', JSON.parse(jsonStr));
				$("#bigImgs").click();
			},
            medgoodscateguidFun: function () {
                var self = this;
                self.good.medgoodscateguid2 = '';
                self.good.medgoodscateguid3 = '';
                self.good.medgoodscateguid4 = '';
            },
            medgoodscateguidFun2: function () {
                var self = this;
                self.good.medgoodscateguid3 = '';
                self.good.medgoodscateguid4 = '';
            },
            medgoodscateguidFun3: function () {
                var self = this;
                self.good.medgoodscateguid4 = '';
            },
            //  新增统计分类
            getRoot: function () {
                var self = this;

                Ajax.post('/user/getMedCateRootListByState')
                    .then(function (response) {
                        var res = response.data.data;
                        self.RootList = res;
                    });
            },
            CateListFun: function () {

                var self = this;
                Ajax.post('/user/getMedCateListByState', {
                    'guid': self.good.medgoodscateguid
                })
                    .then(function (response) {
                        self.RootList2 = response.data.data.listgoodscate;
                    });
            },
            CateListFun2: function () {

                var self = this;
                Ajax.post('/user/getMedCateListByState', {
                    'guid': self.good.medgoodscateguid2
                })
                    .then(function (response) {
                        self.RootList3 = response.data.data.listgoodscate;
                    });
            },
            CateListFun3: function () {
                var self = this;
                Ajax.post('/user/getMedCateListByState', {
                    'guid': self.good.medgoodscateguid3
                })
                    .then(function (response) {
                        self.RootList4 = response.data.data.listgoodscate;
                    });
            },
            // 新增商品  addMedGoodsToSupplier
            addMedGoodsToSupplier: function() {
                var self = this;
                Ajax.post('/relation/addMedGoodsToSupplier', {
                    medGoodsGuid: self.$route.params.id
                }).then(function(response) {
                        var data = response.data.data;
                        if(response.data.errorCode == 0) {
                            self.$set('good', data);
                            self.checkGoodsRepeats();
                            self.good.importedflag = 1;
                            self.$set('good.guid', '');
                        } else {
                            self.MessageBox({
                                title: '提示',
                                message: response.data.message,
                                type: 'alert'
                            }, function(action) {});
                        }
                    })
            },
		},
		route: {
			activate: function() {
				var self = this;
				self.loadPage(false);
				self.listGoods = [];
				self.good.purchasetype='1';
                this.getRoot();
                if(self.$route.params.id) {
                    self.addMedGoodsToSupplier();
                }
                // self.good.importedflag
			}
		},
		watch: {
			//生产来源
			'good.importedflag': function(val) {
				if(val == "1") {
					$("#producerId").removeAttr("readonly");
					$("#agentnameId").attr("readonly", "readonly");
				} else if(val == "2") {
					$("#producerId").attr("readonly", "readonly");
					$("#agentnameId").removeAttr("readonly");
				}
			},

			// //商品大类
			// 'good.goodscate': function (val) {
			//     var self=this;
			//     if(val=="01"){
			//         $("#higSel").removeAttr("disabled");
			//         $("#goodscateRadio input[type='radio']").each(function(){
			//            $(this).removeAttr("disabled");
			//         });
			//     }else{
			//         $("#higSel").attr("disabled","disabled");
			//         self.$set('good.highvaluecate','');
			//         self.$set('good.itemcatagory','');
			//         $("#goodscateRadio input[type='radio']").each(function(){
			//              $(this).attr("disabled","disabled");
			//         });
			//     }
			// },
			//商品大类
			'good.goodscate': function(val) {
				var self = this;
				if(val == "01") {
					$("#cn23").attr("readonly", "readonly");
          $("#cn22").removeAttr("readonly", "readonly");
          self.$set('good.productstandardcode', '');
					self.higSel = true;
					self.higJx = false;
					// $("#higSel").removeAttr("disabled"); 
					// $("#goodscateRadio input[type='radio']").each(function(){
					//    $(this).removeAttr("disabled");
					// });
				} else if(val == "02") {
					$("#cn23").removeAttr("readonly", "readonly");
          $("#cn22").attr("readonly", "readonly");
          self.$set('good.specstandardcode', ''); // 22
					self.higJx = true;
					self.higSel = false;
					// $("#higSel").attr("disabled","disabled");
					// self.$set('good.highvaluecate',''); 
				} else {
					self.higSel = false;
					self.higJx = false;
					$("#cn22").attr("readonly", "readonly");
					$("#cn23").attr("readonly", "readonly");
					self.$set('good.specstandardcode', ''); // 22
					self.$set('good.productstandardcode', ''); //23

					// $("#higSel").attr("disabled","disabled");
					// self.$set('good.highvaluecate',''); 
					// self.$set('good.itemcatagory','');
					// $("#goodscateRadio input[type='radio']").each(function(){
					//      $(this).attr("disabled","disabled");
					// });
				}
			},
			'selAll': function(val) {
				var self = this;
				if(val && this.listGoods.length > 0) {

					for(var i = 0; i < this.listGoods.length; i++) {
						this.checkGoods.push(this.listGoods[i].guid);
					}
				} else {
					this.checkGoods = [];
				}
			},

            'good.medgoodscateguid': function (val) {
                var self = this;
                if (!self.good.medgoodscateguid) {
                    self.good.medgoodscateguid2 = '';
                    self.good.medgoodscateguid3 = '';
                    self.good.medgoodscateguid4 = '';
                }
                for (var a = 0; a < self.RootList.length; a++) {
                    if (self.RootList[a].guid == val) {
                        self.RootListsName = self.RootList[a].catename;
                        self.CateListFun();
                    }

                }
            },
            'good.medgoodscateguid2': function (val) {
                var self = this;
                if (!self.good.medgoodscateguid2) {
                    self.good.medgoodscateguid3 = '';
                    self.good.medgoodscateguid4 = '';
                }
                for (var k in self.RootList2) {
                    for (var a = 0; a < self.RootList2[k].length; a++) {
                        if (self.RootList2[k][a].guid == val) {
                            self.RootListsName2 = self.RootList2[k][a].catename;
                            self.CateListFun2();
                        }
                    }
                }
            },
            'good.medgoodscateguid3': function (val) {
                var self = this;
                if (!self.good.medgoodscateguid3) {
                    self.good.medgoodscateguid4 = '';
                }
                for (var k in self.RootList3) {
                    for (var a = 0; a < self.RootList3[k].length; a++) {
                        if (self.RootList3[k][a].guid == val) {
                            self.RootListsName3 = self.RootList3[k][a].catename;
                            self.CateListFun3();
                        }
                    }
                }
            },
            'good.medgoodscateguid4': function (val) {
                var self = this;
                for (var k in self.RootList4) {
                    for (var a = 0; a < self.RootList4[k].length; a++) {
                        if (self.RootList4[k][a].guid == val) {
                            self.RootListsName4 = self.RootList4[k][a].catename;
                        }
                    }
                }
            },
		},
	};
</script>