<template>
	<div class="container resource close-left-menu contaNEW">
		<div class="pop-banner clearfix">
			<!-- <div class="operate-btns">
    </div> -->
			<h3 class="current-module"> 制定月度计划</h3>{{dual}}
		</div>
		<!--purchase-month-plan start-->
		<!--制定计划-->
		<div class="purchase-month-plan" v-show="firstStep">
			<div class="step-tips step-3 clearfix">
				<div class="step-item active">
					<span>1</span>制订计划</div>
				<div class="step-item">
					<span>2</span>计算采购量</div>
				<div class="step-item">
					<span>3</span>生成月度计划</div>
			</div>
			<div class="fpart pd-form">
				<div class="fheader ">
					<h4 class="fh-make">制定计划</h4>
				</div>
				<div class="group-row">
					<div class="form-group form-label must">
						<label for="cnn1" class="label">计划月度</label>
						<div class="control">
							<monthpicker :target.sync="monthPlanReuniteVO.trplanperiod.planperiod" :readonly="false" id='cnn1' inpclass='inp4'></monthpicker>
						</div>
					</div>
					<div class="form-group form-label">
						<label for="cn1" class="label">订货科室</label>
						<div class="control select-style">
							<!-- <select-ui :list="mfhdeptList" :selected="false" v-model='monthPlanReuniteVO.trplanperiod.meddeptguid'></select-ui> -->
							<select v-model="monthPlanReuniteVO.trplanperiod.meddeptguid" class="inp4">
								<option :value="item.value" v-for="item in mfhdeptList">{{item.label}}</option>
							</select>
						</div>
					</div>
				</div>
				<div class="form-group">
					<!-- <label for="cn1" class="label label-require">时间方式</label> -->
					<div class="control pmp-time-type">
						<!-- <div class="group-row">
                <div class="form-group">
                  <div class="radio-control">
                    <input type="radio" id="radio01" name="radioio" value="Y" v-model="isNature" @click="monthReckon(true,monthPlanReuniteVO.trplanperiod.planperiod)" @change="naturMonth" >
                    <label class="radio" for="radio01">自然月</label>
                  </div>
                </div>
                <div class="form-group">
                  <div class="radio-control">
                    <input type="radio" id="radio02" name="radioio" value="N" v-model="isNature" @click="monthReckon(false,monthPlanReuniteVO.trplanperiod.planperiod)">
                    <label class="radio" for="radio02">非自然月</label>
                  </div>
                </div>
              </div> -->
						<label for="cn1" class="label fl" style='height: 34px;line-height: 34px;width: 80px;'>时间方式</label>
						<div class="group-row">
							<div class="form-group fl w300 form-label">
								<div class="radio-control fl">
									<input type="radio" id="radio01" name="radioio" value="Y" v-model="isNature" @click="monthReckon(true,monthPlanReuniteVO.trplanperiod.planperiod)" @change="naturMonth">
									<label class="radio" for="radio01">自然月</label>
								</div>
								<label for="ss1" class="label" style='left:84px;'>月份</label>
								<div class="control select-style must">
									<select class="inp2" id='ss1'>
										<option>{{monthPlanReuniteVO.trplanperiod.planperiod}}</option>
									</select>
								</div>
							</div>
							<div class="form-group fl ml-20 form-label" style='width: 506px;'>
								<div class="radio-control fl">
									<input type="radio" id="radio02" name="radioio" value="N" v-model="isNature" @click="monthReckon(false,monthPlanReuniteVO.trplanperiod.planperiod)">
									<label class="radio" for="radio02">非自然月</label>
								</div>
								<!-- <label for="cn1" class="label" style='left:105px;'>日期范围</label> -->
								<div class="control control-date must" style="height:34px;overflow: inherit;margin-left:0px;">
									<div style="float:left;width:44%;">
										<datepicker :target.sync="monthPlanReuniteVO.trplanperiod.planbegindate" :readonly="false" :disabled="disabled" styleobj="width:100% !important;border-radius:8px 0px 0px 8px !important;" placeholder='日期范围'></datepicker>
									</div>
									<span class="text-and" style="width: 47px;">—</span>
									<div style="float:left;width:44%;">
										<datepicker :target.sync="monthPlanReuniteVO.trplanperiod.planenddate" :readonly="false" :disabled="disabled" styleobj="width:100% !important;border-radius:0px 8px 8px 0px !important;" placeholder='日期范围'></datepicker>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group form-label mt-20">
					<label for="cn1" class="label">供应商</label>
					<!-- <div class="control control-hint">
              <input type="text" id="cn1" v-model="search_LIKE_entrpname" @click="dynamicSearch">
              <ul class="hint-list" v-show="dropBox">
                <li v-for="supplisr in supplierList" @click="selectSupplier(supplisr)"><span>{{ supplisr.label }}</span></li>
              </ul>
            </div> -->

					<!--star 11-8-->
					<textsearchplan :value.sync="search_LIKE_entrpname" v-bind:url="'/util/listHospitalSupplierDropBox'" v-bind:class="'control control-hint'" v-bind:medguid="medguid" v-bind:guid.sync="monthPlanReuniteVO.trplanperiod.entrpguid" v-bind:classar="'inp3'" :maxlength="20">
					</textsearchplan>

				</div>
			</div>
			<div class="fpart pd-form">
				<div class="fheader  ">
					<h4 class="fh-select">选择商品</h4>
				</div>
				<div class="search-block">
					<!-- <div action="###" class="filter-form fl" v-if="authoritySetting.threeSearchFlag"> -->
					<form class="search-bar fl" active="###">
						<input type="text" maxlength="50" v-rule placeholder="输入商品名称" v-model="mfhdeptSearch.search_LIKE_goodsname">
						<div class="search-btn">
							<input type="button" @click="getMfmedgoodsList(true)">
						</div>
					</form>
					<!--         <div action="###" class="filter-form fl">
              <input type="text" placeholder="输入商品名称" v-model="mfhdeptSearch.search_LIKE_goodsname">
              <input type="submit" value="查询" @click="getMfmedgoodsList(true)">
            </div> -->
					<button class="btn button-green icon add fr" @click="addMfmedgoods">添 加</button>
					<!-- <button class="btn-icon-add btn-d btn-d-lg btn-d-activate btn-d-circle fr" @click="addMfmedgoods" v-if="authoritySetting.threeAddFlag">添 加</button> -->
				</div>
				<template v-if="mfmedgoodsList.length">
					<ul class="select-product clearfix">
						<li v-for="mfmedgoods in mfmedgoodsList">
							<div v-bind:class="{'product-item active':addSign[$index],'product-item':!addSign[$index]}" class="clearfix">
								<div class="product-item-l">
									<imagebox :imgarr="mfmedgoodsListImg[mfmedgoods.guid] | original">

										<!-- style="background-image: url({{ mfmedgoodsListImg[mfmedgoods.guid] | thumbnail }})" -->
										<!--star 11-8-->
										<div class="pro-pic pro-pic-lg" :style="{backgroundImage:mfmedgoods.img}">
											<span class="pic-max blue-search"></span>
										</div>
									</imagebox>
									<div class="checkbox-control">
										<input type="checkbox" name="cb" id="cball{{$index}}" v-model="addSign[$index]">
										<label class="checkbox" for="cball{{$index}}">选择</label>
									</div>
								</div>
								<div class="product-item-r"> {{ mfmedgoods.goodscode }}
									<br/>
									<span class="product-tit">{{ mfmedgoods.goodsname }}</span>
									<br/> {{ mfmedgoods.goodsspec }}
									<br/> {{ mfmedgoods.producer }}
									<br/> {{ mfmedgoods.registkey }}
									<br/> 供应商:{{ mfmedgoods.suppliername }} </div>
							</div>
						</li>
					</ul>
					<div class="pagination m-20-0">
						<em class="page">明细条目数【{{ mfhdeptSearch.total }}】</em>
						<pagination @page-change="getMfmedgoodsList" :class="['m-20-0']" :page-no.sync="mfhdeptSearch.page" :total-pages.sync="mfhdeptSearch.totalPages">
						</pagination>
					</div>
				</template>

				<template v-else>
					<center>请选择供应商检索商品信息！</center>
				</template>
			</div>
			<div class="fheader  ">
				<h4 class="fh-returns-list">已选商品明细</h4>
			</div>
			<table class="itable  itable-td-long-text">
				<thead>
					<tr>
						<th class="w50">序号</th>
						<th class="w370">商品</th>
						<th class="w320">订货单位</th>
						<th class="w60">操作</th>
					</tr>
				</thead>
				<tbody>
					<template v-if="mfmedgoodsTempList.length">
						<tr v-for="mfmedgoods in mfmedgoodsTempList">
							<td>
								<div>{{ $index + 1 }}</div>
								<imagebox :imgarr="mfmedgoods.original">

									<!--  style="background-image: url({{mfmedgoods.thumbnail}});margin-left: 12px;" -->
									<div class="pro-pic" style="margin-left:12px;" :style="{backgroundImage:mfmedgoods.img}">
										<span class="pic-max blue-search"></span>
									</div>
								</imagebox>
							</td>
							<td class="w270 t-left">
								<div class="p-lr-10">
									{{ mfmedgoods.goodscode }}
									<br/>
									<span class="p-tit-blue">{{ mfmedgoods.goodsname }}</span>
									<br/> {{ mfmedgoods.goodsspec }}
									<br/> {{ mfmedgoods.producer }}
									<br/> {{ mfmedgoods.registkey }}
								</div>
							</td>
							<td>{{ mfmedgoods.purchaseunit }}</td>
							<td>
								<a href="javascript:;" class="btn button-red" @click="delListByGoodsCode(mfmedgoodsTempList,mfmedgoods.goodscode)">删除</a>
							</td>
						</tr>
					</template>
					<template v-else>
						<tr>
							<td colspan="4">
								<center>请添加商品！</center>
							</td>
						</tr>
					</template>
				</tbody>
			</table>
			<div class="step-btn">
				<a href="javascript:;" @click="state(false,true,false,false)">下一步，计算采购量</a>
			</div>
		</div>
		<!--计算采购量-->
		<div class="purchase-month-plan" v-show="secondStep">
			<div class="step-tips step-3 clearfix">
				<div class="step-item">
					<span>1</span>制订计划</div>
				<div class="step-item active">
					<span>2</span>计算采购量</div>
				<div class="step-item">
					<span>3</span>生成月度计划</div>
			</div>
			<!-- <div v-if="authoritySetting.threeAiComputerFlag"> -->
			<button class="btn button-green" @click="intelligentComputing()">智能计算月度合理采购量</button>
			<!-- </div> -->
			<table class="itable itable-bordertop itable-td-long-text m-20-0">
				<thead>
					<tr>
						<th class="w50">序号</th>
						<th class="w250">商品</th>
						<th class="w60">订货单位</th>
						<th class="w80">建议采购量</th>
						<th class="w70">计划数量</th>
						<th class="w70">最高库存</th>
						<th class="w70">最低库存</th>
						<th class="w70">日均用量</th>
						<th class="w70">当前库存</th>
						<th class="w100">操作</th>
					</tr>
				</thead>
				<tbody class="txt_v">
					<tr v-for="trmedplanperioddetail in monthPlanReuniteVO.listTrmedplanperioddetail">
						<td>
							<div>{{ $index+1 }}</div>
							<imagebox :imgarr="trmedplanperioddetail.original">

								<div class="pro-pic" style="margin-left:12px;" :style="{backgroundImage:trmedplanperioddetail.img}">
									<span class="pic-max blue-search"></span>
								</div>
							</imagebox>
						</td>
						<td class="t-left">
							<div class="p-lr-10"> {{ trmedplanperioddetail.goodscode }}
								<br/>
								<span class="p-tit-green">{{ trmedplanperioddetail.goodsname }}</span>
								<br/>{{ trmedplanperioddetail.goodsspec }}
								<br/>{{ trmedplanperioddetail.producer }}
								<br/>{{ trmedplanperioddetail.registkey }}</div>
						</td>
						<td>{{ trmedplanperioddetail.unit }}</td>
						<td>
							<input type="text" class="edit-number" v-model="trmedplanperioddetail.poqty">
						</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.poqty }}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.maxstock }}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.minstock }}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.perdayuse }}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.currentstock }}</td>
						<td class="pt7">
							<a href="javascript:;" class="btn button-red" @click="delListByGoodsCode(monthPlanReuniteVO.listTrmedplanperioddetail,trmedplanperioddetail.goodscode)">删除</a>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="pagination m-20-0">
				<em class="page">明细条目数【{{ monthPlanReuniteVO.listTrmedplanperioddetail.length }}】</em>

			</div>
			<div class="step-btn">
				<a href="javascript:;" @click="state(true,false,false,false)">上一步，修改计划</a>
				<a href="javascript:;" @click="state(false,false,true,false)">下一步，生产月度计划单</a>
			</div>
		</div>
		<!--生成月度计划-->
		<div class="purchase-month-plan" v-show="thirdStep">
			<div class="step-tips step-3 clearfix">
				<div class="step-item">
					<span>1</span>制订计划</div>
				<div class="step-item">
					<span>2</span>计算采购量</div>
				<div class="step-item active">
					<span>3</span>生成月度计划</div>
			</div>
			<div class="fpart pd-form">
				<div class="fheader">
					<h4 class="fh-shop">医院月度采购计划单</h4>
					<div class="from-button fr">
						<a href="javascript:;" class="green-button icon save" v-if="'/hospital/purchaseMonthPlan:saveMonthPlanReuniteVO' | myqx" @click="save">保存<i>|</i></a>
						<a href="javascript:;" class="green-button icon delivery" v-if="'/hospital/purchaseMonthPlan:submitMonthPlanReuniteVO' | myqx" @click="submit">提交</a>
					</div>
					<!--        <div class="group-btns fr">
              <a href="javascript:;" class="tbtn tb-save" @click="save" v-if="authoritySetting.threeSaveFlag">保存</a>
              <a href="javascript:;" class="tbtn tb-submit" @click="submit" v-if="authoritySetting.threeSubmitFlag">提交</a>
              <a href="javascript:;" class="tbtn tb-save" v-if="'/hospital/purchaseMonthPlan:saveMonthPlanReuniteVO' | myqx" @click="save">保存</a>
              <a href="javascript:;" class="tbtn tb-submit" v-if="'/hospital/purchaseMonthPlan:submitMonthPlanReuniteVO' | myqx" @click="submit">提交</a>
            </div> -->
				</div>
				<div class="group-row group-row-3">
					<div class="form-group form-label">
						<label for="c1" class="label">计划单号</label>
						<div class="control">
							<input type="text" id="c1" v-model="monthPlanReuniteVO.trplanperiod.billno" readonly class="inp4"> </div>
					</div>
					<div class="form-group form-label">
						<label for="c2" class="label">制单日期</label>
						<div class="control">
							<input type="text" id="c2" v-model="monthPlanReuniteVO.trplanperiod.inputdate" readonly class="inp4"> </div>
					</div>
					<div class="form-group form-label">
						<label for="c3" class="label">制单人</label>
						<div class="control">
							<input type="text" id="c3" v-model="monthPlanReuniteVO.trplanperiod.operatername" readonly class="inp3"> </div>
					</div>
				</div>
				<div class="group-row">
					<div class="form-group form-label">
						<label for="c4" class="label">计划月度</label>
						<div class="control">
							<input type="text" id="c4" v-model="monthPlanReuniteVO.trplanperiod.planperiod" readonly class="inp4"> </div>
					</div>
					<div class="form-group form-label">
						<label for="c5" class="label">日期范围</label>
						<div class="control control-date">
							<input type="text" id="c5" value="{{monthPlanReuniteVO.trplanperiod.planbegindate | getYMD}}" readonly class="inp4">
							<span class="text-and">至</span>
							<input type="text" id="cn3" value="{{monthPlanReuniteVO.trplanperiod.planenddate | getYMD}}" readonly>
						</div>
					</div>
				</div>
				<div class="group-row">
					<div class="form-group form-label">
						<label class="label" for='c6'>订货科室</label>
						<div class="control select-style">
							<input type="text" id="c6" v-model='monthPlanReuniteVO.trplanperiod.meddeptname' readonly class="inp4">
						</div>
					</div>
					<div class="form-group form-label">
						<label for="c7" class="label">供应商</label>
						<div class="control select-style">
							<input type="text" id="c7" v-model="monthPlanReuniteVO.trplanperiod.entrpname" readonly class="inp3">
						</div>
					</div>
				</div>
				<div class="form-group form-label">
					<label for="c8" class="label">备注</label>
					<div class="control">
						<textarea id="c8" rows="4" v-model="monthPlanReuniteVO.trplanperiod.memo" class="inp2"></textarea>
					</div>
				</div>
			</div>
			<table class="itable itable-td-long-tex mt-20">
				<thead>
					<tr>
						<th class="w50">序号</th>
						<th class="w250 t-left">
							<div class="p-lr-10">商品</div>
						</th>
						<th class="w60">订货单位</th>
						<th class="w70">建议采购量</th>
						<th class="w60">计划数量</th>
						<th class="w60">最高库存</th>
						<th class="w60">最低库存</th>
						<th class="w90">包装价格</th>
						<th class="w90">含税金额</th>
						<th class="w80">操作</th>
					</tr>
				</thead>
				<tbody class="txt_v">
					<tr v-for="trmedplanperioddetail in monthPlanReuniteVO.listTrmedplanperioddetail">
						<td>
							<div>{{ $index+1 }}</div>
							<imagebox :imgarr="trmedplanperioddetail.original">
								<div class="pro-pic" style="margin-left:12px;" :style="{backgroundImage:trmedplanperioddetail.img}">
									<span class="pic-max blue-search"></span>
								</div>
							</imagebox>
						</td>
						<td class="t-left">
							<div class="p-lr-10">{{ trmedplanperioddetail.goodscode }}
								<br/>
								<span class="p-tit-green">{{ trmedplanperioddetail.goodsname }}</span>
								<br/>{{ trmedplanperioddetail.goodsspec }}
								<br/>{{ trmedplanperioddetail.producer }}
								<br/>{{ trmedplanperioddetail.registkey }}</div>
						</td>
						<td>{{ trmedplanperioddetail.unit }}</td>
						<td>
							<input type="text" class="edit-number" v-model="trmedplanperioddetail.poqty">
						</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.poqty }}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.maxstock }}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.minstock }}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.price | numDigit 4}}</td>
						<td class="t-right pr10">{{ trmedplanperioddetail.price * trmedplanperioddetail.poqty | numFmt}}</td>
						<td>
							<a href="javascript:;" class="btn button-red" @click="delListByGoodsCode(monthPlanReuniteVO.listTrmedplanperioddetail,trmedplanperioddetail.goodscode)">删除</a>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="step-btn" v-show="next">
				<a href="javascript:;" @click="state(false,true,false,false)">上一步，重新计算采购量</a>
			</div>
		</div>
		<!--生成月度计划结束 -->
		<div class="purchase-month-plan" v-show="fourthStep">

			<div class="step-tips step-3 clearfix">
				<div class="step-item"><span>1</span>制订计划</div>
				<div class="step-item"><span>2</span>计算采购量</div>
				<div class="step-item active"><span>3</span>生成月度计划</div>
			</div>

			<div class="pmp-time-tit">
				医院月度采购计划单【{{result.billNo}}】提交成功!
			</div>
			<div class="stepok-tips" v-for="info in result.info">
				<strong>{{ result.source }}采购订单</strong>
				<p>【{{info.billNo}}】已发送给{{ result.source }}【{{info.name}}】</p>
			</div>

			<div class="step-btn">
				<a href="javascript:;" @click="historyCheck">继续制订月度计划</a>
			</div>

		</div>
		<!--purchase-month-plan end-->
	</div>
</template>
<script>
	/*
	author:qiaom
	day:2016-8-01
	制定月度计划
	*/
	module.exports = {
		data: function() {
			return {
				medguid: '', //医院GUID
				next: true,
				disabled: false,
				firstStep: true, //第一个页面控制
				secondStep: false, //第二个页面控制
				thirdStep: false, //第三个页面控制
				fourthStep: false, //第四个页面控制
				result: {}, //提交成功信息
				supplierList: [], //供应商下拉列表
				mfhdeptList: [], //医疗机构科室下拉列表
				mfmedgoodsList: [], //医疗机构商品列表
				mfmedgoodsListImg: {}, //医疗机构商品图片map
				addSign: [], //添加商品标识
				mfmedgoodsTempList: [], //添加商品临时列表
				supplierRecord: '', //供应商记录标识
				search_LIKE_entrpname: '', //供应商下拉框模糊查询
				dropBox: false, //下拉框开关
				isNature: 'N', //是否是自然月

				//商品检索条件
				mfhdeptSearch: {
					pageSize: 10, //每页数量
					page: 1, //当前页
					totalPages: 0, //分页数
					total: 0, //数据总量
					search_LIKE_goodsname: '', //商品名称模糊查询条件
					search_EQ_meddeptguid: '', //商品名称科室查询条件
					search_EQ_supplierguid: '', //商品名称供应商查询条件
					search_EQ_medguid: '', //商品名称医院查询条件
					search_EQ_bizstate: this.ctns.bizstatey, //商品有效状态
				},
				//检索条件
				parameter: {
					parameter_EQ_category: this.ctns.meddepttype2, //类型为科室
					parameter_EQ_isorderright: this.ctns.ISORDERRIGHTY, //订货权限
					parameter_EQ_islastlevel: this.ctns.ISLASTLEVELY, //末级
					parameter_EQ_medguid: '',
				},
				supParameter: {
					pageSize: 50,
					page: 1,
					totalPages: 0,
					total: 0,
					parameter_LIKE_entrpname: '',
				},
				//月度计划自定义复合对象
				monthPlanReuniteVO: {
					trplanperiod: {
						entrpguid: '',
						planbegindate: ''
					},
					listTrmedplanperioddetail: [],
				},
				authoritySetting: {
					threeSearchFlag: false,
					threeAddFlag: false,
					threeAiComputerFlag: false,
					threeSaveFlag: false,
					threeSubmitFlag: false,
				},
			};
		},
		computed: {
			dual: function() {
				var self = this;
				var curMenuRole = this.$store.state.user.curMenuRole;
				self.medguid = this.$store.state.user.curUser.medguid;
				if(self.medguid != undefined && self.medguid != null) {
					if(curMenuRole != undefined && curMenuRole != null) {
						for(var i = 0; i < curMenuRole.length; i++) {
							if(curMenuRole[i].menu != null) {
								if(curMenuRole[i].menu.name.trim() == '月度计划') {
									for(var j = 0; j < curMenuRole[i].buttonList.length; j++) {
										var name = curMenuRole[i].buttonList[j].name.trim();
										var isValid = curMenuRole[i].buttonList[j].isvalid;
										var level = curMenuRole[i].buttonList[j].level;

										// 三级菜单设置
										if(!self.authoritySetting.threeSearchFlag && level == '3' && name == '查询' && isValid == 'y') {
											self.authoritySetting.threeSearchFlag = true;
										}
										if(!self.authoritySetting.threeAddFlag && level == '3' && name == '添加' && isValid == 'y') {
											self.authoritySetting.threeAddFlag = true;
										}
										if(!self.authoritySetting.threeAiComputerFlag && level == '3' && name == '智能计算月度合理采购量' && isValid == 'y') {
											self.authoritySetting.threeAiComputerFlag = true;
										}
										if(!self.authoritySetting.threeSaveFlag && level == '3' && name == '保存' && isValid == 'y') {
											self.authoritySetting.threeSaveFlag = true;
										}
										if(!self.authoritySetting.threeSubmitFlag && level == '3' && name == '提交' && isValid == 'y') {
											self.authoritySetting.threeSubmitFlag = true;
										}
									}
									break;
								}
							}
						}
					}
				}
				return '';
			}
		},
		methods: {
			//数据检验
			historyCheck: function() {
				var self = this;
				Ajax.get('/monthPlan/getMonthPlanReuniteVO/' + this.medguid)
					.then(function(response) {
						var data = response.data;
						if(data.errorCode == 0) {
							if(data.data == null) {
								self.next = true;
								self.state(true, false, false, false);
								self.monthPlanReuniteVO = {
									trplanperiod: {
										meddeptguid: ''
									},
									listTrmedplanperioddetail: []
								};
								self.mfmedgoodsList = [];
								self.mfmedgoodsTempList = [];
								self.search_LIKE_entrpname = '';
								self.isNature = 'N';
								self.getSupplier();
								self.getMfhdept();
							} else {
								self.next = false;
								self.state(false, false, true, false);
								var tempImg = data.senData;
								var mprVO = data.data;
								for(var i = 0; i < mprVO.listTrmedplanperioddetail.length; i++) {
									mprVO.listTrmedplanperioddetail[i].thumbnail = self.thumbnail(tempImg[mprVO.listTrmedplanperioddetail[i].goodsguid]);
									mprVO.listTrmedplanperioddetail[i].original = self.original(tempImg[mprVO.listTrmedplanperioddetail[i].goodsguid]);
								}
								self.$set('monthPlanReuniteVO', mprVO);
							}
						} else {
							layer.msg(data.messsage);
						}
					});
			},
			// 获取缩略图
			thumbnail: function(srcJson) {
				if(srcJson == undefined || srcJson == null || srcJson == '' || srcJson == 'NOPIC') {
					return "";
				}
				var jsonArray = JSON.parse(srcJson), imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
				if(jsonArray == null || jsonArray.length == 0) {
					return "";
				}

				return imgReg.test(jsonArray[0].thumbnail.path) ? jsonArray[0].thumbnail.path : jsonArray[0].thumbnail.path + jsonArray[0].thumbnail.name;
			},
			// 获取原图
			original: function(srcJson) {
				if(srcJson == undefined || srcJson == null || srcJson == '' || srcJson == 'NOPIC') {
					return [];
				}
				var jsonArray = JSON.parse(srcJson);

				if(jsonArray == null || jsonArray.length == 0) {
					return [];
				}

				// 处理数组
				var backArray = new Array(), imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
				for(var index = 0; index < jsonArray.length; index++) {
					backArray.push(imgReg.test(jsonArray[index].original.path)?jsonArray[index].original.path: jsonArray[index].original.path + jsonArray[index].original.name);
				}
				return backArray;
			},
			//智能计算采购量
			intelligentComputing: function() {
				//标准计算公式：建议采购量=日均用量*提前天数+安全库存，提前天数=30
				for(var i = 0; i < this.mfmedgoodsTempList.length; i++) {
					//日均用量
					var averageDayDoQty = this.mfmedgoodsTempList[i].averagedaydoqty;
					//安全库存
					var safetyOrlowerLimit = this.mfmedgoodsTempList[i].safetystock;
					//安全库存=0或为空，则将安全库存替换为最低库存
					if(safetyOrlowerLimit == null || safetyOrlowerLimit == '' || safetyOrlowerLimit == 0) {
						safetyOrlowerLimit = this.mfmedgoodsTempList[i].stocklowerlimit;
					}
					var poqty = averageDayDoQty * 30 + safetyOrlowerLimit;
					this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].poqty', poqty);
				}
			},
			//供应商变化商品列表清除
			mfmedgoodsTempListClear: function() {
				if(this.supplierRecord != this.monthPlanReuniteVO.trplanperiod.entrpguid) {
					this.supplierRecord = this.monthPlanReuniteVO.trplanperiod.entrpguid;
					this.mfmedgoodsList = [];
					this.mfmedgoodsTempList = [];
				}
			},
			//月度计算器
			monthReckon: function(flag, planPeriod) {
				if(flag) {
					this.$set("disabled", true);
					if(planPeriod == null || planPeriod == '') {
						this.MessageBox({
							title: '提示',
							message: "请先选择计划月度，再点击自然月！",
							type: 'alert'
						}, function(action) {})
						this.$set("checked", true);
					} else {
						var year = planPeriod.split("年");
						var month = year[1].split("月");
						//构造一个日期对象：
						var day = new Date(year[0], month[0], 0);
						//获取天数：
						var daycount = day.getDate();
						this.$set("monthPlanReuniteVO.trplanperiod.planbegindate", year[0] + "-" + month[0] + "-01");
						this.$set("monthPlanReuniteVO.trplanperiod.planenddate", year[0] + "-" + month[0] + "-" + daycount);
					}
				} else {
					this.$set("disabled", false);
					this.$set("monthPlanReuniteVO.trplanperiod.planbegindate", "");
					this.$set("monthPlanReuniteVO.trplanperiod.planenddate", "");
				}
			},
			//判断自然月
			naturMonth: function() {
				if((this.monthPlanReuniteVO.trplanperiod.planbegindate == null || planPeriod == '') && (this.monthPlanReuniteVO.trplanperiod.planenddate == null || planPeriod == '')) {
					this.$set("isNature", "N");
				} else {
					this.$set("isNature", "Y");
				}
			},
			//页面切换控制
			state: function(firstStep, secondStep, thirdStep, fourthStep) {
				this.firstStep = firstStep;
				this.secondStep = secondStep;
				this.thirdStep = thirdStep;
				this.fourthStep = fourthStep;
				//获取已选商品信息
				if(secondStep) {
					this.monthPlanReuniteVO.listTrmedplanperioddetail = this.mfmedgoodsTempList;
					for(var i = 0; i < this.monthPlanReuniteVO.listTrmedplanperioddetail.length; i++) {
						this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].unit', this.mfmedgoodsTempList[i].purchaseunit);
						this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].poqty', '');
						this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].maxstock', this.mfmedgoodsTempList[i].stockupperlimit == null ? 0 : this.mfmedgoodsTempList[i].stockupperlimit);
						this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].minstock', this.mfmedgoodsTempList[i].stocklowerlimit == null ? 0 : this.mfmedgoodsTempList[i].stocklowerlimit);
						this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].perdayuse', this.mfmedgoodsTempList[i].averagedaydoqty == null ? 0 : this.mfmedgoodsTempList[i].averagedaydoqty);
						this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].currentstock', this.mfmedgoodsTempList[i].stockqty == null ? 0 : this.mfmedgoodsTempList[i].stockqty);

						this.$set('monthPlanReuniteVO.listTrmedplanperioddetail[' + i + '].goodsguid', this.mfmedgoodsTempList[i].guid);
					}
				}
				//获取制单人信息
				if(thirdStep) {
					this.$set('monthPlanReuniteVO.trplanperiod.operaterguid', this.$store.state.user.userId);
					this.$set('monthPlanReuniteVO.trplanperiod.operatername', this.$store.state.user.userName);

					for(var i = 0; i < this.monthPlanReuniteVO.listTrmedplanperioddetail.length; i++) {
						if(this.monthPlanReuniteVO.listTrmedplanperioddetail[i].poqty == null || this.monthPlanReuniteVO.listTrmedplanperioddetail[i].poqty == 0 || this.monthPlanReuniteVO.listTrmedplanperioddetail[i].poqty == '0' || this.monthPlanReuniteVO.listTrmedplanperioddetail[i].poqty == '') {
							this.monthPlanReuniteVO.listTrmedplanperioddetail.splice(i, 1);
							i--;
						}
					}

				}
			},
			//供应商下拉框查询
			getSupplier: function() {
				var self = this;
				self.supParameter.parameter_EQ_medguid = self.medguid;
				self.supParameter.parameter_LIKE_entrpname = self.search_LIKE_entrpname;
				Ajax.get('/util/listHospitalSupplierDropBox', this.supParameter)
					.then(function(response) {
						var data = response.data;
						if(data.errorCode == 0) {
							self.$set('supplierList', data.data);
						} else {
							layer.msg(data.messsage);
						}
					})
			},
			//医院科室资料下拉框查询
			getMfhdept: function() {
				var self = this;
				Ajax.get('/util/listMfhdept', self.parameter)
					.then(function(response) {
						var data = response.data;
						if(data.errorCode == 0) {
							// self.mfhdeptList = data.data;
							self.mfhdeptList = [];
							self.mfhdeptList.push({
								label: "默认",
								value: "-1"
							});
							for(var i = 0; i < data.data.length; i++) {
								self.mfhdeptList.push(data.data[i]);
							}
						} else {
							layer.msg(data.messsage);
						}
					})
			},
			//医院商品列表
			getMfmedgoodsList: function(falg) {
				var self = this;
				if(falg) {
					self.mfhdeptSearch.page = 1;
				}
				if(self.monthPlanReuniteVO.trplanperiod.entrpguid == null || self.monthPlanReuniteVO.trplanperiod.entrpguid == '') {
					layer.msg('请选择供应商！');
				} else if(self.monthPlanReuniteVO.trplanperiod.meddeptguid == null || self.monthPlanReuniteVO.trplanperiod.meddeptguid == '') {
					layer.msg('请选择科室！');
				} else {
					self.mfhdeptSearch.search_EQ_meddeptguid = self.monthPlanReuniteVO.trplanperiod.meddeptguid;
					self.mfhdeptSearch.search_EQ_supplierguid = self.monthPlanReuniteVO.trplanperiod.entrpguid;

					//通过科室ID查询科室名称
					for(var i = 0; i < self.mfhdeptList.length; i++) {
						if(self.monthPlanReuniteVO.trplanperiod.meddeptguid == self.mfhdeptList[i].value) {
							self.$set('monthPlanReuniteVO.trplanperiod.meddeptname', self.mfhdeptList[i].label);
							break;
						}
					}
					//通过供应商ID查询供应商名称
					for(var i = 0; i < self.supplierList.length; i++) {
						if(self.monthPlanReuniteVO.trplanperiod.entrpguid == self.supplierList[i].value) {
							self.$set('monthPlanReuniteVO.trplanperiod.entrpname', self.supplierList[i].label);
							break;
						}
					}

					self.mfhdeptSearch.search_EQ_medguid = self.medguid;
					Ajax.get('/mfmedgoods/listMfmedgoods', self.mfhdeptSearch)
						.then(function(response) {
							var data = response.data;
							if(data.errorCode == 0) {

								//star 11-8
								var list = data.data.list;
								self.$set('mfmedgoodsListImg', data.senData);
								for(var i = 0; i < list.length; i++) {
									list[i].img = self.getimg(list[i].guid);
								}
								self.$set('mfmedgoodsList', list);

								//self.$set('mfmedgoodsList',data.data.list);
								//self.$set('mfmedgoodsListImg',data.senData);
								self.mfhdeptSearch.totalPages = data.data.totalPages;
								self.mfhdeptSearch.total = data.data.total;
								var addSignTemp = [];
								for(var i = 0; i < self.mfhdeptSearch.pageSize; i++) {
									addSignTemp.push(false);
								}
								self.$set('addSign', addSignTemp);
							} else {
								layer.msg(data.message);
							}
						})
				}
			},
			getimg: function(id) { //star 11-7
				var srcJson = this.mfmedgoodsListImg[id];
				try { //可能抛出异常的代码
					if(srcJson == undefined || srcJson == null || srcJson == '' || srcJson == 'NOPIC') {
						return "";
					}
					var jsonArray = JSON.parse(srcJson), imgReg = /\.(jpg|jpeg|png|gif|bmp)$/i; //判断字符串是否为图片路径;
					if(jsonArray == null || jsonArray.length == 0) {
						return "";
					}

					var pathUrl = imgReg.test(jsonArray[0].thumbnail.path) ? jsonArray[0].thumbnail.path : jsonArray[0].thumbnail.path + jsonArray[0].thumbnail.name;

					return 'url(' + pathUrl + ')';
				} catch(error) { //如果发生异常会执行的代码，error为发生的异常类对象
					return "";
				} finally { //无条件执行的代码
				}
			},
			//添加商品
			addMfmedgoods: function() {
				for(var i = 0; i < this.mfhdeptSearch.pageSize; i++) {
					if(this.addSign[i]) {
						if(this.mfmedgoodsTempList.length == 0) {
							var tempGoods = this.mfmedgoodsList[i];
							//设置图片
							var imgTemp = this.mfmedgoodsListImg[tempGoods.guid];
							tempGoods.thumbnail = this.thumbnail(imgTemp);
							tempGoods.original = this.original(imgTemp);
							this.mfmedgoodsTempList.push(tempGoods);
						} else {
							for(var j = 0; j < this.mfmedgoodsTempList.length; j++) {
								if(this.mfmedgoodsList[i].guid == this.mfmedgoodsTempList[j].guid) {
									break;
								} else {
									if(j == this.mfmedgoodsTempList.length - 1) {
										var tempGoods = this.mfmedgoodsList[i];
										//设置图片
										var imgTemp = this.mfmedgoodsListImg[tempGoods.guid];
										tempGoods.thumbnail = this.thumbnail(imgTemp);
										tempGoods.original = this.original(imgTemp);
										this.mfmedgoodsTempList.push(tempGoods);
										break;
									}
								}
							}
						}
					}
				}
			},
			//删除商品
			delListByGoodsCode: function(list, goodsCode) {
				for(var i = 0; i < list.length; i++) {
					if(list[i].goodscode == goodsCode) {
						list.splice(i, 1);
						break;
					}
				}
			},
			//保存月度计划
			save: function() {
				var self = this;

				self.monthPlanReuniteVO.trplanperiod.medguid = self.medguid;
				Ajax.post('/monthPlan/saveMonthPlanReuniteVO', self.monthPlanReuniteVO)
					.then(function(response) {
						if(response.data.errorCode == 0) {
							self.MessageBox({
								title: '提示',
								message: "保存成功！",
								type: 'alert'
							}, function(action) {
								self.historyCheck();
							})
						} else {
							layer.msg(response.data.message);
						}
					})
			},
			//提交月度计划
			submit: function() {
				var self = this;
				self.monthPlanReuniteVO.trplanperiod.medguid = self.medguid;
				Ajax.post('/monthPlan/submitMonthPlanReuniteVO', self.monthPlanReuniteVO)
					.then(function(response) {
						if(response.data.errorCode == 0) {
							self.state(false, false, false, true);
							self.result = response.data.data;
						} else {
							layer.msg(response.data.message);
						}
					})
			},
		},
		route: {
			activate: function() {
				this.historyCheck();
			}
		}
	};
</script>