order-dispose.vue 21.3 KB

Raw Blame History Permalink

<!--订单受理：列表-->
<script>
	module.exports = {
		data: function() {
			return {
				sysdate: '',
				sysdate2: '',
				sysdate3: '',
				sysdate4: '',

				billno: '', // 采购订单编号

				// 业务数据
				ywdata: {
					ywtag: '', // 操作的类型：单一处理，批量处理
					ywguid: '', // 业务guid
					ywchecked: '', // 选中哪一个
					predeliverdate: '', // 时间

					ywdate: '' // 选择的时间
				},
				trpoList: [], // 批量处理的对象数组

				// 明细数据
				medList: [],
				// 订单总数量
				totalNum: 0,
				// 查询条件
				search: {
					billstate: this.ctns.pobillstatep02,
					page: 50
				},

				// 数据传输
				postdata: {},
			};
		},
		methods: {
			initData: function() {
				var now = new Date();
				this.sysdate = this.formDate(now);

				now.setDate(now.getDate() + 1);
				this.sysdate2 = this.formDate(now);

				now.setDate(now.getDate() + 1);
				this.sysdate3 = this.formDate(now);
			},
			exportTrmedplan: function(billno) {
				var self = this;
				self.search.billno = billno;
				Ajax.get('/trpo/exportTrPoSl', this.search)
					.then(function(response) {
						var data = response.data;
						window.open(data);
					})
			},
			// 获取数据
			getData: function() {
				var self = this;
				self.totalNum = 0;
				Ajax.get('/trpo/listMed', this.search)
					.then(function(response) {
						var data = response.data.data;
						if(response.data.errorCode == 0) {
							self.$set('medList', data);
							// 循环加载明细
							for(var index = 0; index < self.medList.length; index++) {
								// 查看医院的采购订单
								self.getTrsupplierByMed(index);
							}
						} else {

						}
					})
			},
			// 医院的采购订单
			getTrsupplierByMed: function(index) {
				var self = this;
				var medObj = self.medList[index];
				var medguid = medObj.guid;
				if(medObj.search == null) {
					// 设置每组的查询条件
					medObj.search = {
						search_EQ_billstate: this.ctns.pobillstatep02,
						search_EQ_medguid: medguid,
						pageSize: 50,
						page: 1,
						totalPages: 0,
					};
				}
				Ajax.get('/trpo/listTrsupplier', medObj.search)
					.then(function(response) {
						var data = response.data;
						if(data.errorCode == 0) {
							self.$set('medList[' + index + '].supplierpos', data.data.list);

							medObj.search.pageno = data.data.pageno;
							medObj.search.totalPages = data.data.totalPages;
							medObj.search.total = data.data.total;
							self.$set('medList[' + index + '].search', medObj.search);
							// 总计数量
							// self.$set('totalNum',data.data.total);
							self.calNum();
						} else {
							return;
						}
					});
			},
			// 跳转到订单受理详情页面
			goTRDetail: function(billno) {
				var self = this;
				self.$route.router.go('/trpo/orderDispose2/' + billno);
			},
			// 确定处理
			doState: function(tag) {
				var self = this;
				// self.ywdata.planenddate = self.ywdata.planenddate;

				// 批量处理：按医院批量受理采购订单
				if("duoge" == tag) {
					self.MessageBox({
						title: '提示',
						message: "您确认受理该医院所有采购订单吗？",
						type: 'success',
						showCancelButton: true
					}, function(action) {
						if(action == 'confirm') {
							self.postdata.list = self.trpoList;
							Ajax.post('/trpo/dostateByhospital/', self.postdata)
								.then(function(response) {
									var data = response.data.data;
									// 重新刷新页面
									self.MessageBox({
										title: '提示',
										message: data.split("@")[1],
										type: 'alert'
									}, function(action) {
										// 首先关闭弹出框
										self.closeDialog('duoge');
										self.getData();
										self.calNum();
									});
								})
							return;
						}
					});
				} else { // 处理单个
					self.MessageBox({
						title: '提示',
						message: "您确认受理该采购订单吗？",
						type: 'success',
						showCancelButton: true
					}, function(action) {
						if(action == 'confirm') {
							Ajax.post('/trpo/dostateByGuid', self.ywdata)
								.then(function(response) {
									var data = response.data.data;
									// 重新刷新页面
									self.MessageBox({
										title: '提示',
										message: data.split("@")[1],
										type: 'alert'
									}, function(action) {
										var billno = self.billno;
										self.$route.router.go('/trpo/orderDispose3/' + billno);
									});
								})
							return;
						}
					});
				}
			},
			// 展示单个订单受理的页面
			showDialog: function(guid, billno, ywtag) {
				var self = this;

				// 设置当前的弹出框的一些属性
				self.$set('ywdata.ywtag', ywtag);
				self.$set('ywdata.ywguid', guid);
				self.$set('ywdata.ywchecked', 1);
				self.$set('ywdata.ywdate', self.sysdate);
				self.$set('ywdata.planenddate', '')

				self.$set('billno', billno); // 用于单一处理的时候

				$("#" + ywtag).attr("class", "modal");
				// 如果是批量处理
				if(ywtag == 'duoge') {
					Ajax.get('/trpo/listAllTrsupplierByMed/' + self.ywdata.ywguid)
						.then(function(response) {
							var data = response.data;
							if(data.errorCode == 0) {
								self.$set('trpoList', data.data);
								// 批量处理的时候，需要默认配送时间为当天
								for(var indexJ = 0; indexJ < self.trpoList.length; indexJ++) {
									// 默认当天
									self.$set('trpoList[' + indexJ + '].ywchecked', '1');
									self.$set('trpoList[' + indexJ + '].ywdate', self.sysdate);
								}
							} else {
								layer.msg('获取数据异常!');
							}
						})
				}
			},
			// 关闭单个订单
			closeDialog: function(dialogId) {
				this.ywguid = "";
				$("#" + dialogId).attr("class", "modal hide");
			},
			// 计算总的明细数目
			calNum: function() {
				var self = this,sum = 0,flag = true;
				self.totalNum = 0;
				for(var index = 0; index < self.medList.length; index++) {
                    var item = this.medList[index];
                    //存在没有值的情况
                    if(!(item && item.search && item.search.total)){
                        flag = false;
                    }
				}
                for(var index = 0; index < self.medList.length; index++) {
                    if(flag){
                        sum += this.medList[index].search.total;
                    }
                }
                self.$set('totalNum', sum);
			},
			// 初始化时间
			formDate: function(day) {
				var Year = 0;
				var Month = 0;
				var Day = 0;
				var CurrentDate = "";
				//初始化时间
				Year = day.getFullYear(); //ie火狐下都可以
				Month = day.getMonth() + 1;
				Day = day.getDate();
				CurrentDate += Year + "-";
				if(Month >= 10) {
					CurrentDate += Month + "-";
				} else {
					CurrentDate += "0" + Month + "-";
				}
				if(Day >= 10) {
					CurrentDate += Day;
				} else {
					CurrentDate += "0" + Day;
				}
				return CurrentDate;
			}
		},
		route: {
			activate: function() {
				this.initData();
				this.getData();
			}
		},
		watch: {
			// 判断选择的日期
			'ywdata.ywchecked': function(val) {
				var self = this;
				if('duoge' == self.ywdata.ywtag) {
					// 批量处理的时候，需要默认配送时间为当天
					for(var indexJ = 0; indexJ < self.trpoList.length; indexJ++) {
						// 默认当天
						self.$set('trpoList[' + indexJ + '].ywchecked', self.ywdata.ywchecked);

					}
				} else {
					// 需要处理全选
					if(self.ywdata.ywchecked == 4) {
						// self.ywdata.planenddate = self.ywdata.planenddate;
					} else if(self.ywdata.ywchecked == 1) { // 今天
						self.ywdata.predeliverdate = self.sysdate;
					} else if(self.ywdata.ywchecked == 2) { // 明天
						self.ywdata.predeliverdate = self.sysdate2;
					} else if(self.ywdata.ywchecked == 3) { // 后天
						self.ywdata.predeliverdate = self.sysdate3;
					}
				}
			},
			// 计划配送日期：
			'ywdata.ywdate': function(val) {
				var self = this;
				if('duoge' == self.ywdata.ywtag) {
					// 批量处理的时候，需要默认配送时间为当天
					for(var indexJ = 0; indexJ < self.trpoList.length; indexJ++) {
						// 默认当天
						self.$set('trpoList[' + indexJ + '].ywchecked', self.ywdata.ywchecked);
						self.$set('trpoList[' + indexJ + '].predeliverdate', val);
					}
				}
			}
		}
	};
</script>
<style scoped>
	.status-process .sp-head>.sp-col{
		height: 100%;
	}
</style>
<template>
	<div class="container resource close-left-menu contaNEW">
		<div class="pop-banner clearfix">
			<div class="operate-btns"></div>
			<h3 class="current-module">订单受理</h3>
		</div>
		<!--start-->
		<div class="operation-list clearfix">
			<div class="search-result mt-0">
				<div class="statistics">
					您共有 <em class='fW'>{{medList.length}}</em> 家医院有 <em class='fW'>{{totalNum}}</em> 张订单还待受理
				</div>
			</div>
			<div>

				<!--滚动-->
				<div class="ctable ct-parent mb-20" v-for="med in medList">
					<div class="ct-row table-no-border active">
						<div class="operation-list-top clearfix">
							<div class="unit-img fl">
								<!--
                <img src="">
                -->
	<imagebox v-bind:imgarr="med.pictcontent | original">
	      <span class="pic-max blue-search">
                    <img v-bind:src="med.pictcontent | thumbnail">
                  </span>
	</imagebox>
	<h3>{{med.name}}
                <span class="tips-count">
                  有
                  <em>{{med.search.total}}</em>
                  张订单待受理
                </span>
                </h3>
              </div>
              <div class="fr mr-10">
                <a v-on:click="showDialog(med.guid,'','duoge')"
                  v-if="'/supplier/trpo:doState' | myqx"
                  class="btn button-green">全部受理</a>
              </div>
            </div>
            <!--分页控件-->
            <div class="row-launch  bgc-gray-f5 pd0 mt-20">
              <table class="itable itable-td-long-text itable-thead-13px">
                <thead>
                  <tr>
                    <th class="w50">序号</th>
                    <th class="w80">采购订单</th>
                    <th class="w70">是否优先</th>
                    <th class="w100">要求到货日期</th>
                    <th class="w110">医院</th>
                    <th class="w70">单据类型</th>
                    <th class="w70">操作人</th>
                    <th class="w60">品规数</th>
                    <th class="w60">备注</th>
                    <th class="w120">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="trpo in med.supplierpos" >
                    <td>{{$index+1}}</td>
                    <td class="t-left pr10">{{trpo.billno}}</td>
                    <td>{{trpo.firstflag | firstflag}}</td>
                    <td>{{trpo.planenddate | getYMD}}</td>
                    <td class="t-left pr10">{{med.name}}</td>
                    <td>{{trpo.billtype | billtype}}</td>
                    <td>{{trpo.operatername}}</td>
                    <td>{{trpo.countsum}}</td>
                    <td>{{trpo.memo}}</td>
                    <td>
                      <!-- <a v-on:click="showDialog(trpo.guid,trpo.billno,'dange')"
                        v-if="'/supplier/trpo:doState' | myqx"
                        class="btn-d btn-d-activate">受理</a>
                      <a v-on:click="goTRDetail(trpo.billno)" class="btn-d btn-d-activate">明细</a> -->
                      <div class="from-button">
                       <a  v-on:click="showDialog(trpo.guid,trpo.billno,'dange')"
                          v-if="'/supplier/trpo:doState' | myqx" class="green-button p-lr-10 f-size14">受理<i>|</i></a>
                       <a v-on:click="goTRDetail(trpo.billno)" class="green-button p-lr-10 f-size14">明细</a>
                    </div>
                    </td>
                  </tr>
                </tbody>
              </table>
              <div class="pagination page-line">
                <pagination   v-if="medList[$index].supplierpos!=null && medList[$index].supplierpos.length!=0"
                   @page-change="getTrsupplierByMed($index)"
                   :page-no.sync="medList[$index].search.page"
                   :total-pages.sync="medList[$index].search.totalPages">
                </pagination>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


    <!--star 9-9 受理弹出-->
    <!--批量受理的时候弹出框-->
    <div id="duoge" class="modal hide ">
      <div class="container resource">
        <div class="audit-detail"
        style="width:700px; margin: 100px auto;">
          <span class="close-win" v-on:click="closeDialog('duoge')"></span>
            <div  class="sdiv-9-9b">
              <a class="btn button-green" href="javascript:;">全部订单受理</a>
            </div>
          <div class="status-process wbe-0 clearfix pd20" style="padding-top:0px;">
            <p style="color:#606f7a;font-size:14px;">
            请选择送货日期</p>
            <div class="sp-head" style="height:70px;">
              <span class="sp-col sp-col4 w100 " style='line-height:20px;'>
              全部订单<br/>
              </span>
              <span class="sp-col w130">
                <span class="control radio-control ">
                  <input type="radio" id="radio1" name="radio"
                    value="1" v-model="ywdata.ywchecked">
                  <label class="radio mr-0" for="radio1" style="line-height:20px;">
                  <span>{{sysdate}} <br>&nbsp;&nbsp;（今天送货）  </span>
                  </label>
                </span>
              </span>
              <span class="sp-col w130"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio02" name="radio"
                    value="2" v-model="ywdata.ywchecked">
                  <label class="radio mr-0" for="radio02" style="line-height:20px;">
                  <span>{{sysdate2}} <br>&nbsp;&nbsp;（明天送货）  </span>
                  </label>
                </span>
              </span>
              <span class="sp-col w130"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio03" name="radio"
                    value="3" v-model="ywdata.ywchecked">
                  <label class="radio mr-0" for="radio03" style="line-height:20px;">
                  <span>{{sysdate3}} <br>&nbsp;&nbsp;（后天送货）  </span>
                  </label>
                </span>
              </span>
              <span class="sp-col w130" style='vertical-align:middle;'>
                <span class="control radio-control ">
                  <input type="radio" id="radio04" name="radio"
                    value="4" v-model="ywdata.ywchecked">
                  <label class="radio mr-0" for="radio04" style="line-height:20px;">
               其他日期

                  </label><br>

                </span>
                <datepicker v-if="ywdata.ywchecked=='4'" :target.sync="ywdata.predeliverdate | getYMD" ></datepicker>

                  <datepicker v-if="ywdata.ywchecked!='4'" ></datepicker>
              </span>

            </div>

            <div class="sp-head sp-headb2" v-for="dtrpo in trpoList">
              <span class="sp-col sp-col4 w100" style='line-height:20px;'>
              {{dtrpo.billno}}
              </span>

              <span class="sp-col w130"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio1_{{$index}}" name="radio1_{{$index}}"
                    value="1" v-model="dtrpo.ywchecked">
                  <label class="radio mr-0" for="radio1_{{$index}}" style="line-height:20px;">
                  <span>{{sysdate}} <br>&nbsp;&nbsp;（今天送货）</span>
                  </label>
                </span>
              </span>
              <span class="sp-col w130"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio2_{{$index}}" name="radio2_{{$index}}"
                    value="2"   v-model="dtrpo.ywchecked">
                  <label class="radio mr-0" for="radio2_{{$index}}" style="line-height:20px;">
                  <span>{{sysdate2}} <br>&nbsp;&nbsp;（明天送货）  </span>
                  </label>
                </span>
              </span>
              <span class="sp-col w130"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio3_{{$index}}" name="radio3_{{$index}}"
                    value="3"   v-model="dtrpo.ywchecked">
                  <label class="radio mr-0" for="radio3_{{$index}}" style="line-height:20px;">
                  <span>{{sysdate3}} <br>&nbsp;&nbsp;（后天送货）  </span>
                  </label>
                </span>
              </span>
              <span class="sp-col w130" style='vertical-align:top; '>
                <span class="control radio-control ">
                  <input type="radio" id="radio4_{{$index}}" name="radio4_{{$index}}"
                     value="4"  v-model="dtrpo.ywchecked">
                  <label class="radio mr-0" for="radio4_{{$index}}" style="line-height:20px;"> 其他日期 </label>
                   <br>


                </span>
                <div class="form-group form-label">
                   <datepicker v-if="ywdata.ywchecked=='4'" :target.sync="dtrpo.predeliverdate | getYMD" ></datepicker>
                   <datepicker v-if="ywdata.ywchecked!='4'" :target.sync="" ></datepicker>
				</div>
              </span>

            </div>

            <div class="sdiv9-9" >
                <button v-on:click="doState('duoge')" class="btn button-green">确定</button>
                <button v-on:click="closeDialog('duoge')" class="btn button-red">关闭</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--star 9-9 受理弹出-->


    <!--star 9-9 受理弹出-->
    <!--单个订单受理弹出框-->
    <div id="dange" class="modal hide">
      <div class="container resource">
        <div class="audit-detail"
        style="width:540px; margin:100px auto;">
          <span class="close-win" v-on:click="closeDialog('dange')"></span>

            <div class="sdiv-9-9b"
            style="">
              <a class="btn button-green" href="javascript:;">单个订单受理</a>
            </div>

          <div class="status-process wbe-0 clearfix pd20" style="padding-top:0px;">
            <p style="color:#606f7a;font-size:14px;">
            请选择送货日期</p>

            <div class="sp-head sp-headb" >
              <span class="sp-col w300"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio_d_01" name="radio_d"
                    value="1" v-model="ywdata.ywchecked">
                  <label class="radio mr-0" for="radio_d_01" style="line-height:20px;">
                  <span>{{sysdate}} （今天送货）  </span>
                  </label>
                </span>
              </span>
            </div>
            <div class="sp-head sp-headb" >
              <span class="sp-col w300"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio_d_02" name="radio_d"
                    value="2"  v-model="ywdata.ywchecked">
                  <label class="radio mr-0" for="radio_d_02" style="line-height:20px;">
                  <span>{{sysdate2}} （明天送货）  </span>
                  </label>
                </span>
              </span>
            </div>
            <div class="sp-head sp-headb" >
              <span class="sp-col w300"  >
                <span class="control radio-control ">
                  <input type="radio" id="radio_d_03" name="radio_d"
                    value="3"  v-model="ywdata.ywchecked">
                  <label class="radio mr-0" for="radio_d_03" style="line-height:20px;">
                  <span>{{sysdate3}} （后天送货）  </span>
                  </label>
                </span>
              </span>
            </div>


            <div class="sp-head sp-headb" style="height: auto;">

              <span class="sp-col w300"  >

                <span class="control radio-control ">
                  <input type="radio" id="radio_d_04" name="radio_d"
                    value="4"  v-model="ywdata.ywchecked">

                  <label class="radio mr-0 fl" for="radio_d_04" style="line-height:20px;">其他日期</label>
                   <div class="form-group form-label w180 fl pl10">
            <datepicker v-if="ywdata.ywchecked=='4'"  :target.sync="ywdata.planenddate | getYMD" ></datepicker>
                    <datepicker v-if="ywdata.ywchecked!='4'" ></datepicker>

        </div>
                  </span>
                </span>
              </span>
            </div>


            <div class="sdiv9-9">
                <button v-on:click="doState('dange')" class="btn button-green">确定</button>
                <button v-on:click="closeDialog('dange')" class="btn button-red">关闭</button>
            </div>
          </div>


        </div>
      </div>
    </div>
    <!--star 9-9 受理弹出-->

  </div>
</template>