<template>
<!--  新增采购计划  -->
  <div class="container resource close-left-menu" style="min-height: 491px;"  >
    <div class="pop-banner clearfix">
    
      <h3 class="current-module">新增采购计划-从收藏夹中选择模板</h3>
    </div>
    <!--purchase-add-plan start-->
    <div class="purchase-add-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="step-btn">
        <a  href="javascript:void(0)" @click="chooseGoods">跳过，直接选择商品</a>
      </div>
      <div class="pap-tit">
        <strong>收藏夹</strong>您的收藏夹共有<em> {{search1.total}}</em>个模板
      </div>
      <div class="clearfix">
        <div class="pap-right">
          <div class="product-item clearfix" v-for="(index, trcollectionmedplandetail)  in listTrcollectionmedplandetail">
            <div class="product-item-l">
              <div class="pro-pic pro-pic-lg" v-bind:style="trcollectionmedplandetail.varchar1">
                <imagebox v-bind:imgarr="imgarr[index]">
                    <span class="pic-max blue-search"></span>
                </imagebox>
              </div>
            </div>
            <div class="product-item-r">
                    {{trcollectionmedplandetail.goodscode}}  
              <br> <span class="product-tit">{{trcollectionmedplandetail.goodsname}}</span>
              <br> {{trcollectionmedplandetail.goodsspec}} 
              <br> {{trcollectionmedplandetail.producer}} 
              <br> {{trcollectionmedplandetail.registKey}}
              <br> 订货数 {{trcollectionmedplandetail.poqty}} {{trcollectionmedplandetail.unit}}
            </div>
          </div>
         </div>
        <div class="pap-left">
          <div class="pap-min-h">
            <table class="itable itable-bordertop itable-td-long-text">
              <thead>
              <tr>
                <th class="w30"></th>
                <th class="w50">序号</th>
                <th class="w140">模板名称</th>
                <th class="w90">订单条目数</th>
                <th class="w90">收藏时间</th>
                <th class="w60">收藏人</th>
                <th class="w50">操作</th>
              </tr>
              </thead>             
              <tbody> 
                <tr v-for="trcollectionmedplan in listTrcollectionmedplan"> 
                  <td>
                    <div class="checkbox-control checkbox-alone">
                     <input type="checkbox" id="{{trcollectionmedplan.guid}}" v-model="activeTemp[$index]" value="{{trcollectionmedplan.guid}}" 
                            @click="checkbox($index, trcollectionmedplan.guid)">
                     <label for="{{trcollectionmedplan.guid}}" class="checkbox" ></label>
                    </div>
                  </td>
                  <td>{{$index + 1 | getIndex}}</td>
                  <td><a @click="getData(trcollectionmedplan.guid)">{{trcollectionmedplan.name}}</a></td>
                  <td>{{trcollectionmedplan.num1}}条</td>
                  <td>{{trcollectionmedplan.collectiontime | getYMD}}</br>{{trcollectionmedplan.collectiontime | getHMS}}</td>
                  <td>{{trcollectionmedplan.collectionstaff}}</td>
                  <td>
                    <a class="btn-d btn-d-activate" href="javascript:;">共享</a>
                  </td> 
              </tr>
              </tbody>
            </table>
         <pagination 
             @page-change="getDD" 
             :class="['m-20-0']"
             :page-no.sync="search1.page" 
             :total-pages.sync="search1.totalPages">
         </pagination>
         <div class="step-btn">
            <a  href="javascript:void(0)"   @click="judgeColCheckedFlg" >下一步，生成订单&gt;&gt;</a>
          </div>
        </div>
      </div>
    </div> 
  </div>
 
<!--2 直接选择商品   -->
    <div class="purchase-add-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 class="fpart pd-form pd-form-lg-label">
      <div class="fheader">
        <h4>订货基本信息</h4>
        <div class="fr pap-tit-right">
          <div class="checkbox-control checkbox-inline">
            <input type="checkbox" name="cb" id="cball" v-model="collectionNameCheckbox">
            <label class="checkbox" for="cball">收藏为订单模板</label>
          </div>
          请为模板起个好名字
          <input class="" type="text" v-model="hospitalCreateCollectionVO.collectionName">
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">订货日期</label>
          <div class="control">
            <datepicker  :target.sync="trmedplan.planbegindate" :readonly="true"></datepicker >
          </div>
        </div>
        <div class="form-group">
          <label for="cn1" class="label">要货库房</label>
          <div class="control select-style">
              <select-ui :list="storeList" :selected="false" :emptyText="" v-model="trmedplan.medstoreguid">
              </select-ui>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label for="cn1" class="label">要求到货日期</label>
          <div class="control">
            <datepicker  :target.sync="trmedplan.planenddate" :readonly="true"></datepicker>
          </div>
        </div>
        <div class="form-group">
          <label for="cn1" class="label">要货科室</label>
          <div class="control">
              <select-ui :list="departmentsList" :selected="false" :emptyText="" v-model="trmedplan.meddeptguid">
              </select-ui>
          </div>
        </div>
      </div>
      <div class="group-row">
        <div class="form-group">
          <label class="label text-color-gray">是否优先</label>
          <div class="control">
            <div class="radio-control">
                <radio :checked.sync="trmedplan.firstflag"></radio>
            </div>
          </div>
        </div>
      </div>
      <div class="form-group">
        <label for="cn1" class="label">收货地点</label>
        <div class="control input-has-txt">
          <input class="filed1" type="text" id="cn1" v-model="trmedplan.address" placeholder="提示:长度不能超过30个汉字">
        </div>
      </div>
    </div>
     <div class="fpart">
      <div class="fheader">
        <h4>选择商品</h4>
      </div>
      <div class="search-block">
        <div action="###" class="filter-form fl">
          <input type="text" placeholder="输入商品名称" v-model="mfhdeptSearch.goodsname">
          <input type="submit" value="搜索"   @click="getMfmedgoodsList">
        </div>
        <button class="btn-icon-add btn-d btn-d-lg btn-d-activate btn-d-circle fr"  @click="addMfmedgoods" >添 加</button>
      </div>
      <ul class="select-product clearfix">
        <li v-for="(index, mfmedgoods) in mfmedgoodsList" >
          <div v-bind:class="{'product-item active' : addSign[index], 'product-item' :!addSign[index]}">
            <div class="product-item-l">
              <div class="pro-pic pro-pic-lg" v-bind:style="mfmedgoods.varchar1">
                <imagebox v-bind:imgarr="imgarr[index]">
                    <span class="pic-max blue-search"></span>
                </imagebox>
              </div>
              <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" v-if="mfmedgoodsList.length > 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>
       </div>
      <div class="pap-table-tit" v-if="mfmedgoodsTempList.length > 0">已选商品明细</div>
      <table class="itable itable-bordertop itable-td-long-text m-20-0" v-if="mfmedgoodsTempList.length > 0">
          <thead>
            <tr>
              <th class="w50">序号</th>
              <th class="w260 t-left"><div class="p-lr-10">商品</div></th>
              <th class="w80">订货数</th>
              <th class="w80">订货单位</th>
              <th class="w80">包装价格</th>
              <th class="w100">含税金额</th>
              <th class="w110">供应商</th>
              <th class="w70">操作</th>
            </tr>
          </thead>
          <tbody>
          <!-- mfmedgoodsTempList -->
            <tr v-for="trmedplandetail in  mfmedgoodsTempList ">
              <td>{{ $index + 1 }}
                <div class="pro-pic" v-bind:style="trmedplandetail.varchar1">
                  <imagebox v-bind:imgarr="detailImgarr[$index]">
                    <span class="pic-max blue-search"></span>
                  </imagebox>
                </div>
              </td>
              <td class="w270 t-left">
                <div class="p-lr-10"> {{trmedplandetail.goodscode}}
                  <br/>
                  <span class="p-tit-blue">{{trmedplandetail.goodsname}}</span>
                  <br/> {{trmedplandetail.goodsspec}}
                  <br/> {{trmedplandetail.producer}}
                  <br/> {{trmedplandetail.registkey}}</div>
              </td>
              <td><input type="text" class="edit-number" v-model="trmedplandetail.poqty"></td>
              <td>{{trmedplandetail.unitstyle}}</td>
              <td>{{trmedplandetail.price}}</td>
              <td v-if="trmedplandetail.poqty != null && trmedplandetail.poqty != ''">{{trmedplandetail.poqty * trmedplandetail.price}}</td>
              <td v-else>{{0 * trmedplandetail.price}}</td>
              <td>{{trmedplandetail.suppliername}}</td>
              <td>
                <a href="javascript:void(0)" class="btn-d btn-d-activate" @click="delete($index, mfmedgoodsTempList)">删除</a>
              </td>
            </tr>
          </tbody>
        </table> 
    <div class="step-btn" v-if="mfmedgoodsTempList.length > 0">
        <a  href="javascript:void(0)" @click="judgeCollection">下一步，生成订单&gt;&gt;</a>
    </div>
  </div>  
<!--2 直接选择商品 （模板名称） -->
    <div class="purchase-add-plan" v-show="thirdStep">
    <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 class="add-template-name">
      <div class="template-name-inquiry">需要收藏为订单模板吗？</div>
      <button class="btn-d btn-d-lg btn-d-activate btn-d-circle" @click="judgeCollectionAgin(0)">不了，谢谢！</button>
      <div class="template-name-new"><label>请为模板起个好名字</label><input type="text" id="cn1" v-model="hospitalCreateCollectionVO.collectionName"></div>
    </div>
    <div class="step-btn">
        <a  href="javascript:void(0)" @click="judgeCollectionAgin(1)">下一步，生成订单&gt;&gt;</a>
    </div>
  </div>        
  <!--生成计划单-->
  <div class="purchase-add-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="fpart pd-form">
    <div class="fheader">
      <h4>医院采购计划单</h4>
      <div class="group-btns fr">
          <a href="javascript:;" class="tbtn tb-favorite" @click="addCollection" v-if="fourthCheckbox">收藏</a>
          <a href="javascript:;" class="tbtn tb-favorite" style="color:#DCDCDC" v-else>收藏</a>
          <a href="javascript:;" class="tbtn tb-save" @click="saveTrmedplan">保存</a>
          <a href="javascript:void(0)" @click="commitTrmedplan" class="tbtn tb-submit">提交</a>
      </div>
      <div class="fr pap-tit-right">
        <div class="checkbox-control checkbox-inline">
            <input type="checkbox" name="fourthCheckbox" id="fourthCheckbox" v-model="fourthCheckbox">
            <label class="checkbox" for="fourthCheckbox">收藏为订单模板</label>
        </div>
        <input class="" type="text" placeholder="请为模板起个好名字" v-model="hospitalAddCollectionVO.collectionName">
      </div>
    </div>
    <div class="group-row group-row-3">
      <div class="form-group">
        <label for="cn1" class="label">计划单号</label>
        <div class="control">
          <input type="text" id="cn1" v-model="trmedplan.billno" readonly="readonly">
        </div>
      </div>
      <div class="form-group">
        <label for="cn2" class="label">操作人</label>
        <div class="control">
            <input type="text" id="cn2" v-model="trmedplan.operaterName" readonly="readonly">
        </div>
      </div>
      <div class="form-group">
        <label for="cn2" class="label">执行状态</label>
        <div class="control">
          <input type="text" id="cn2" v-model="trmedplan.billstate | ppbillstate" readonly="readonly">
        </div>
      </div>
    </div>
    <div class="group-row group-row-3">
      <div class="form-group">
        <label for="cn1" class="label">订货日期</label>
        <div class="control" v-if="byColCreateBill">
          <datepicker  :target.sync="trmedplan.planbegindate" :readonly="true"></datepicker>
        </div>
        <div class="control" v-else>
          <input type="text" id="cn2" v-model="trmedplan.planbegindate" readonly="readonly">
        </div>
      </div>
      <div class="form-group">
        <label for="cn2" class="label">制单日期</label>
        <div class="control">
          <input type="text" id="cn2" v-model="trmedplan.inputdate" readonly="readonly">
        </div>
      </div>
      <div class="form-group">
        <label for="cn2" class="label">要求到货日期</label>
        <div class="control" v-if="byColCreateBill">
          <datepicker  :target.sync="trmedplan.planenddate" :readonly="true"></datepicker>
        </div>
        <div class="control" v-else>
          <input type="text" id="cn2" v-model="trmedplan.planenddate" readonly="readonly">
        </div>
      </div>
    </div>
    <div class="group-row">
      <div class="form-group">
        <label for="cn3" class="label">收货单位</label>
        <div class="control">
          <input type="text" id="cn3" v-model="trmedplan.medname" readonly="readonly">
        </div>
      </div>
      <div class="form-group">
      <label for="cn4" class="label">单据类型</label>
        <div class="control select-style">
          <select-ui :list="ctns.billtype" :selected="false" :emptyText="" v-model="trmedplan.billtype">
          </select-ui>
        </div>
      </div>
    </div>
    <div class="group-row">
      <div class="form-group">
        <label class="label">收货地点</label>
        <div class="control ">
            <div class="address-select">
              <input type="text" v-model="trmedplan.province" readonly="readonly">省
              <input type="text" v-model="trmedplan.city" readonly="readonly">市
              <input type="text"  v-model="trmedplan.district" readonly="readonly">
            </div>
          <input type="text" id="cn1" v-model="trmedplan.address" readonly="readonly">
        </div>
      </div>
      <div class="form-group">
          <label for="cn8" class="label">要货科室</label>
          <div class="control">
            <input type="text" id="cn2" v-model="trmedplan.meddeptname" readonly="readonly">
          </div>
      </div>
      <div class="form-group">
        <label for="cn8" class="label">要货库房</label>
        <div class="control">
          <input type="text" id="cn2" v-model="trmedplan.medstorename" readonly="readonly">
        </div>
      </div>
    </div>
    <div class="group-row">
      <div class="form-group">
        <label for="cn8" class="label">是否优先</label>
        <div class="control">
          <div class="radio-control">
              <input type="radio" id="radio07" name="radioio7" value="1" v-model="trmedplan.firstflag" v-bind:disabled="true"/>
              <label class="radio" for="radio07">是</label>
              <input type="radio" name="radioio8" id="radio08" value="0" v-model="trmedplan.firstflag" v-bind:disabled="true">
              <label class="radio" for="radio08">否</label>
          </div>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label for="cn9" class="label">备注</label>
      <div class="control">
        <textarea id="cn9" rows="4" v-mode="trmedplan.memo"></textarea>
      </div>
      </div>
    </div>
    <table class="itable itable-td-long-text m-20-0">
      <thead>
        <tr>
          <th class="w50">序号</th>
          <th class="w250 t-left"><div class="p-lr-10">商品</div></th>
          <th class="w80">订货数</th>
          <th class="w60">订货单位</th>
          <th class="w80">包装价格</th>
          <th class="w100">含税金额</th>
          <th class="w110">供应商</th>
          <th class="w70">业务员</th>
          <th class="w50">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="trmedplandetail in trmedplandetailList">
          <td>{{$index + 1}}
            <div class="pro-pic pro-pic-lg" v-bind:style="trmedplandetail.varchar1">
                <imagebox v-bind:imgarr="imgarr[index]">
                    <span class="pic-max blue-search"></span>
                </imagebox>
            </div>
          </td>
          <td class="w260 t-left">
            <div class="p-lr-10"> {{trmedplandetail.goodscode}} <br/>
              <span class="p-tit-green">{{trmedplandetail.goodsname}}</span> <br/> 
              {{trmedplandetail.goodsspec}} <br/> 
              {{trmedplandetail.producer}} <br/> 
              {{trmedplandetail.registKey}}
            </div>
          </td>
          <td><input type="text" class="edit-number" v-model="trmedplandetail.poqty"></td>
          <td>{{trmedplandetail.unit}}</td>
          <td>{{trmedplandetail.taxprice}}</td>
          <td v-if="trmedplandetail.poqty != null & trmedplandetail.poqty != ''">{{trmedplandetail.poqty * trmedplandetail.taxprice}}</td>
          <td v-else>{{0 * trmedplandetail.taxprice}}</td>
          <td>{{trmedplandetail.suppliername}}</td>
          <td>{{trmedplandetail.buyername}}</td>
          <td><a class="btn-d btn-d-activate" @click="delete($index, trmedplandetailList)">删除</a></td>
        </tr>   
      </tbody>
    </table> 
    <pagination 
      @page-change="createBillByCollectionDetail" 
      :class="['m-20-0']"
      :page-no.sync="search.page" 
      :total-pages.sync="search.totalPages">
    </pagination>
  </div>
<!-- -->
  <div class="purchase-add-plan" v-show="fifthStep">
    <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="pap-time-tit">
      医院采购计划单【{{trmedplan.billno}}】提交成功!
    </div>
    <div class="stepok-tips" v-if="hospitalBillTypeVO.supplierBillInfoList.length > 0">
      <strong>供应商采购订单</strong>
      <div v-for="trsupplierpo in hospitalBillTypeVO.supplierBillInfoList"><p>【{{trsupplierpo.billno}}】已发送给供应商【{{trsupplierpo.suppliername}}】</p></div>
    </div>
    <div class="stepok-tips" v-if="hospitalBillTypeVO.distrbBillInfoList.length > 0">
      <strong>配送商采购订单</strong>
      <div v-for="trdistrbpo in hospitalBillTypeVO.distrbBillInfoList"><p>【{{trdistrbpo.billno}}】已发送给配送商【{{trdistrbpo.distrbname}}】</p></div>
    </div>
    <div class="stepok-tips mt-0">
    </div>
    
    <div class="step-btn mt-0">
       <a @click="continueCreateBill">继续制订计划单</a>
    </div>
  </div>
</div>
</template>
  <style type="text/css">
    .filed1::-ms-input-placeholder{text-align: right;}
    .filed1::-webkit-input-placeholder{text-align: right;}
  </style>
 <script>
  module.exports={

    data:function(){
      return{
           firstStep: true,                  // 第1个页面控制  
           secondStep: false,                // 第2个页面控制  
           thirdStep: false,                 // 第3个页面控制 
           fourthStep:false,                 // 第4个页面控制  
           fifthStep:false,                  // 第5个页面控制 
           checked:"", 
           mfmedgoodsList: [],               // 医疗机构商品列表    
           addSign: [],                      // 添加商品标识
           mfmedgoodsTempList: [],           // 添加采购计划明细临时列表 
           trcollectionmedplan:[],
           listTrcollectionmedplan:[],
           listTrcollectionmedplandetail: [],
           listMfmedgoods:[],
           activeTemp :[],
           // 判定是否是收藏模板生成的采购订单
           collectionCreateFlg: false,
           collectionNameCheckbox: false,
           fourthCheckbox: false,
           // 收藏夹：汇总、明细、名字，采购计划：汇总、明细
           hospitalCreateCollectionVO : {
              collectionName: '',
              trmedplan: {},
              mfmedgoodsList: [],
              createConditionList: [],
           },
           imgarr:[],
           detailImgarr:[],
           hospitalCreateTrmedplanVO : {
              trmedplan: {},
              mfmedgoodsList: [],
              createConditionList: [],
           },
           mfmedgoods: {
              goodsguid:'',
              poqty:'',
           },
           // 收藏夹：汇总、明细、名字
           hospitalAddCollectionVO : {
              collectionName: '',
              trmedplan: {},
              trmedplandetailList: [],
           },
           // 分页
           search:{
            pageSize:5,
            page:1,
            totalPages:0,
            total: 0,
            search_guid: '',
           },
          // 分页
          search1:{
            pageSize:5,
            page:1,
            totalPages:0,
            total: 0,
            guid: '',      
          },
           //商品检索条件   
          mfhdeptSearch: {                     
            pageSize: 9,                    //每页数量      
            page: 1,                        //当前页      
            totalPages: 0,                  //分页数     
            total: 0,                       //数据总量    
            goodsname: '',                  //商品名称模糊查询条件
            departments:'',                 //科室
            store:'',                       //库房
          },
          //采购计划自定义复合对象
          trmedplan: {},
          trmedplandetailList: [],
          hospitalBillTypeVO: {
            supplierBillInfoList:[],
            distrbBillInfoList:[],
          },
          departmentsList: [],
          storeList: [],
          departmentsSearch: {
            parameter_category: '',
            parameter_medguid: '',
          },
          byColCreateBill: false,
          trmedplanAndTrmedplandetailVO:{
            trmedplan:{},
            trmedplandetailList:[],
          },
        };
    },
    methods:{
    // 科室下拉表
    getDepartments: function () {
      var self = this;
      self.departmentsSearch.parameter_category = '2';
      self.departmentsSearch.parameter_medguid = '1';
      Ajax.get('/util/departmentsInfo', self.departmentsSearch)
          .then(function(response) {
        var data = response.data.data;
        self.$set("departmentsList", data);
      })
    },
    // 库房下拉表
    getStore: function() {
      var self = this;
      self.departmentsSearch.parameter_category = '1';
      self.departmentsSearch.parameter_medguid = '1';
      Ajax.get('/util/departmentsInfo', self.departmentsSearch)
          .then(function(response) {
        var data = response.data.data;
        self.$set("storeList", data);
      })
    },
    // 页面切换控制
    state: function(firstStep,secondStep,thirdStep,fourthStep,fifthStep){
      var self = this;
      self.firstStep = firstStep;     
      self.secondStep = secondStep;
      self.thirdStep = thirdStep;
      self.fourthStep = fourthStep;
      self.fifthStep = fifthStep; 
    },
    // 获得收藏模板汇总信息 
    getDD:function(){
      var self = this;
      Ajax.get('/hospitalTrmedplan/listTrcollectionmedplan',this.search1)
          .then(function(response){   
            var data=response.data.data;
            self.$set("listTrcollectionmedplan", data.list);
            self.search1.totalPages = data.totalPages;   
            self.search1.total = data.total;
            self.getData(self.listTrcollectionmedplan[0].guid); 
            self.activeTemp = []; 
          });
      },
    // 获得收藏模板明细信息
    getData: function(guid){
      var self = this;
      Ajax.get('/hospitalTrmedplan/listTrcollectionmedplandetail/' + guid)
         .then(function (response){
           var data = response.data.data;
           self.$set('listTrcollectionmedplandetail',data);
           self.makePicture(self.listTrcollectionmedplandetail);
     })
    },
    // 模板汇总的单选框(只能选中一个)
    checkbox: function(index, guid) {
      var self = this;
      self.activeTemp = [];
      self.activeTemp[index] = guid;
      self.getData(guid);
    },
    // 判断模板汇总是否被选择
    judgeColCheckedFlg : function() {
      var self = this;
      var guid;
      for (var i = 0; i < self.activeTemp.length; i++) {
        if (self.activeTemp[i]) {
             guid = self.listTrcollectionmedplan[i].guid;
             self.byColCreateBill = true;
          }
        }
        if (guid) {
          self.createBillByCollection(guid);
        } else {
            self.MessageBox.alert("请选择收藏夹模板!").then(function(action){
              });
        }     
    },
    // 模板生成采购订单汇总
    createBillByCollection: function(guid) {
      var self = this;
      Ajax.get('/hospitalTrmedplan/createBillByCollection/' + guid)
          .then(function (response){
            var data = response.data.data;
            self.$set('trmedplan', data);
            self.search.search_guid = self.trmedplan.guid;
            if (response.data.errorCode == 0) {
                self.createBillByCollectionDetail();
            } else {
              self.MessageBox.alert(response.data.message).then(function(action){
              });
            }
        })
    },
    // 模板生成采购订单明细
    createBillByCollectionDetail: function() {
      var self = this;
      Ajax.get('/hospitalTrmedplan/createBillByCollectionDetail', this.search)
          .then(function (response){
            var data = response.data.data;
            self.$set('trmedplandetailList', data.list);
            self.search.totalPages = data.totalPages;
            if (response.data.errorCode == 0) {
              self.state(false, false, false, true, false);
              self.listTrcollectionmedplan = [];
              self.listTrcollectionmedplandetail = [];
              self.makePicture(self.trmedplandetailList);
            } else {
               self.MessageBox.alert(response.data.message).then(function(action){
              });
            }
        })
    },
    // 搜索商品
    getMfmedgoodsList: function(){
      var self = this;
      self.mfhdeptSearch.departments = self.trmedplan.meddeptguid;
      self.mfhdeptSearch.store = self.trmedplan.medstoreguid;
      Ajax.post('/hospitalTrmedplan/listMfmedgoods',self.mfhdeptSearch)
          .then(function (response){
            var data = response.data;
            if(data.errorCode == 0){
              self.$set('mfmedgoodsList',data.data.list);
              self.mfhdeptSearch.totalPages = data.data.totalPages;
              self.mfhdeptSearch.total = data.data.total;
              // 其他
              var addSignTemp = [];
              // 图片
              self.makePicture(self.mfmedgoodsList);
              for(var i=0;i<self.mfmedgoodsList.length;i++){
                addSignTemp.push(false);
              }
              self.$set('addSign',addSignTemp);
            }else{
              self.MessageBox.alert(data.message).then(function(action){
              });
            }
        })
    },
    // 编辑原图
    makePicture: function(list){
        // 图片
        self.imgarr = [];
        for(var i=0;i<list.length;i++){
          var imgarrList = [];
          if (list[i].varchar2) {
              imgarrList.push(list[i].varchar2);
          } else {
              imgarrList.push("");
          }
          self.imgarr.push(imgarrList);
        }
    },
    // 添加商品
    addMfmedgoods: function(){
      var self = this;
      var flg = true;
      for(var i=0;i<self.mfmedgoodsList.length;i++){
        if(self.addSign[i]){
          if(self.mfmedgoodsTempList.length == 0){
            self.mfmedgoodsTempList.push(self.mfmedgoodsList[i]);
            self.detailImgarr.push(self.imgarr[i]);
          }else{
            for(var j=0;j<self.mfmedgoodsTempList.length;j++){
              if(self.mfmedgoodsList[i].guid == self.mfmedgoodsTempList[j].guid){
                flg = false;
              }
            }
            if (flg) {
              self.mfmedgoodsTempList.push(self.mfmedgoodsList[i]);
              self.detailImgarr.push(self.imgarr[i]);
            }
          }
        }
      }
    },
    // 删除
    delete: function(index, list){
      var self = this;
      list.splice(index,1);
    },
    // 直接选择商品-判断是否需要为收藏夹取名画面
    judgeCollection: function() {
      var self = this;
      if (self.collectionNameCheckbox) {
          if (self.hospitalCreateCollectionVO.collectionName) {
            // 直接生产计划单及收藏夹
            self.createCollection();
            }else {
            self.MessageBox.alert('您需要为您的收藏夹取个名字！').then(function(action){
              }); 
          }
      } else {
          this.state(false, false, true, false, false);
      }
    },
    // 再次提醒收藏夹
    judgeCollectionAgin: function(code) {
      var self = this;
      if (code == 1) {
          if (self.hospitalCreateCollectionVO.collectionName) {
            // 直接生产计划单及收藏夹
            self.createCollection();
            }else {
            self.MessageBox.alert('您需要为您的收藏夹取个名字！').then(function(action){
              }); 
          }
      } else {
          self.createTrmedplan();
      }
    },
    // 生成收藏夹
    createCollection: function() {
      var self = this;
      var flg = false;
      self.hospitalCreateCollectionVO.trmedplan = {};
      self.hospitalCreateCollectionVO.mfmedgoodsList = [];
      self.hospitalCreateCollectionVO.trmedplan = self.trmedplan;
      for (var i = 0; i < self.mfmedgoodsTempList.length; i ++) {
          self.mfmedgoods = {};
          self.mfmedgoods.goodsguid = self.mfmedgoodsTempList[i].guid;
          self.mfmedgoods.poqty = self.mfmedgoodsTempList[i].poqty;
          self.hospitalCreateCollectionVO.createConditionList.push(self.mfmedgoods);
      }
      Ajax.post('/hospitalTrmedplan/createCollection', self.hospitalCreateCollectionVO)
          .then(function(response){
          var data = response.data;
          if (data.errorCode == 0) {
            self.createTrmedplan();
          } else {
            self.MessageBox.alert(data.message).then(function(action){
              });
          }
      })
      return 
    },
    // 生成采购计划
    createTrmedplan: function() {
      var self = this;
      self.hospitalCreateTrmedplanVO.trmedplan = {};
      self.hospitalCreateTrmedplanVO.createConditionList = [];
      self.hospitalCreateTrmedplanVO.trmedplan = self.trmedplan;
      for (var i = 0; i < self.mfmedgoodsTempList.length; i ++) {
          self.mfmedgoods = {};
          self.mfmedgoods.goodsguid = self.mfmedgoodsTempList[i].guid;
          self.mfmedgoods.poqty = self.mfmedgoodsTempList[i].poqty;
          self.hospitalCreateTrmedplanVO.createConditionList.push(self.mfmedgoods);
      }
      Ajax.post('/hospitalTrmedplan/createTrmedplan', self.hospitalCreateTrmedplanVO)
          .then(function(response){
          var data = response.data.data;
          if (response.data.errorCode == 0) {
            self.$set('trmedplan', data);
            self.search.search_guid = self.trmedplan.guid;
            self.createBillByCollectionDetail();
          } else {
            self.MessageBox.alert(response.data.message).then(function(action){
              });
          }
      })
    },
    // 跳过，直接选择商品
    chooseGoods: function() {
        var self = this;
        self.search = {};
        self.state(false, true, false, false, false);
        self.getDepartments();
        self.getStore();
    },
    // 添加收藏夹
    addCollection: function() {
      var self = this;
      if (self.hospitalAddCollectionVO.collectionName) {
        self.hospitalAddCollectionVO.trmedplan = {};
        self.hospitalAddCollectionVO.trmedplandetailList = [];
        self.hospitalAddCollectionVO.trmedplan = self.trmedplan;
        for (var i = 0; i < self.trmedplandetailList.length; i ++) {
          self.hospitalAddCollectionVO.trmedplandetailList.push(self.trmedplandetailList[i]);
        }
        Ajax.post('/hospitalTrmedplan/addCollection', self.hospitalAddCollectionVO)
          .then(function(response) {
            var data = response.data;
            if (data.errorCode == 0) {
              self.MessageBox.alert("收藏夹成功！").then(function(action){
              });
            } else {
              self.MessageBox.alert(data.message).then(function(action){
              });
            }
        })
      } else {
        self.MessageBox.alert("请为模板起个好名字！").then(function(action){
              });
      }
    },
    // 保存采购计划
    saveTrmedplan: function(code){
      var self = this;
      self.$set('trmedplanAndTrmedplandetailVO.trmedplan', self.trmedplan);
      self.$set('trmedplanAndTrmedplandetailVO.trmedplandetailList', self.trmedplandetailList);
      Ajax.post('/hospitalTrmedplan/saveTrmedplan',self.trmedplanAndTrmedplandetailVO)
        .then(function (response){
          var data = response.data;
          if (data.errorCode == 0) {
            if (code != 0) {
              self.MessageBox.alert("保存成功！").then(function(action){
              });
            }
          } else {
             self.MessageBox.alert(data.message).then(function(action){
              });
             return true;
          }
      })
    },
    // 提交采购计划
    commitTrmedplan: function() {
      var self = this;
      self.saveTrmedplan(0);
      Ajax.get('/hospitalTrmedplan/commitTrmedplan/' + self.trmedplan.guid)
          .then(function(response) {
            var data = response.data.data;
            if (response.data.errorCode == 0) {
              self.$set('hospitalBillTypeVO', data);
              self.state(false, false, false, false, true);
              self.trmedplan = {};
              self.trmedplandetailList = [];
            } else {
              self.MessageBox.alert(response.data.message).then(function(action){
              });
            }
      })
    },
    continueCreateBill: function() {
        var self = this;
        self.state(true, false, false, false, false);
        self.getDD();
        self.listTrcollectionmedplan = [];
        self.listTrcollectionmedplandetail = [];
    },
  },
  route:{
      activate : function(){
        this.state(true, false, false, false, false);
        this.getDD();
      }
    }

};
</script>