<!--出库登录：列表-->
<template>
	<div>
		<div class="container resource close-left-menu">
			<div class="pop-banner clearfix">
				<div class="operate-btns">
					<a v-on:click="downModel" class="fbtn fb-download">导出模板</a>
					<upload-excel :class="['fbtn fb-upload']" :tag="tagType" :type="fileType" :label="fileLabel" :exceltype="hosaccountImpl" v-on:file-change="getBackTips" style='vertical-align: top;'></upload-excel>
					<a href="javascript:void(0)" class="fbtn fb-save" @click='save'>保存</a>
				</div>
				<h3 class="current-module">医院账户</h3>
			</div>
			<!--start-->
			<div class="operation-list clearfix">
				<div class="search-result mt-0">
					<div class="statistics">
						您共有 <em>{{mfmedList.length}}</em> 家医院，有 <em>{{mfmedStaffSum}}</em> 个医院账户
					</div>
				</div>
				<div>
					<!--滚动-->
					<!-- v-for="med in medList" -->
					<div class="ctable ct-parent mb-40">
						<div class="ct-row table-no-border active" v-for='item in mfmedList'>
							<div class="operation-list-top clearfix">
								<div class="unit-img fl">
									<h3>{{item.name}}</h3>
								</div>

							</div>
							<div class="row-launch mb-20">
								<table class="itable itable-td-long-text itable-thead-13px">
									<thead>
										<tr>
											<th class="w200">联系人</th>
											<th class="w200">联系电话</th>
											<th class="w300">详细地址</th>
										</tr>
									</thead>
									<tbody>
										<tr class="txt_v" :bind='ind=$index'>
											<td>{{item.linkman}}</td>
											<td>{{item.contacttel}}</td>
											<td>{{item.address}}</td>
										</tr>
									</tbody>
								</table>
							</div>
							<div class="row-launch">
								<table class="itable itable-td-long-text itable-thead-13px">
									<thead>
										<tr>
											<th class="w50">序号</th>
											<th class="w80">是否是管理员</th>
											<th class="w60">姓名</th>
											<th class="w70">性别</th>
											<th class="w100">登录账户</th>
											<th class="w80">密码</th>
											<th class="w80">手机号</th>
											<th class="w160">操作</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td colspan="20" v-if="item.mfmedstaffs==null || item.mfmedstaffs.length==0">
												暂无符合条件的记录
											</td>
										</tr>
										<tr class="txt_v" v-for='item2 in item.mfmedstaffs'>
											<td>{{$index+1}}</td>
											<td>{{item2.ishadministrator=='Y'?'是':'否'}}</td>
											<td>{{item2.realname}}</td>
											<td>{{item2.sex==1?'男':'女'}}</td>
											<td>{{item2.logonuser}}</td>
											<td>{{item2.pwd}}</td>
											<td>{{item2.mobiletel}}</td>
											<td>
												<a class="btn button-red p-lr-10" @click='remove(item2.guid,item,ind,item2,$index)'>删除</a>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<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">
						<a class="btn button-green mar-none" href="javascript:;">导入信息提示</a>
					</div>

					<div class="status-process wbe-0 clearfix pd20" style="padding-top:0px;">
						<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-red mar-none">关闭</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--     <div class="modal" :class="backMessage.modal=='Y'?'':'hide'">
      <div class="container resource">
        <div class="audit-detail mt-50" style="width:200px;margin:0 auto;">
          <span class="close-win"  v-on:click="closeDialog()"></span>

            <div class="sdiv-9-9b">            
              <a class="btn button-green mar-none" href="javascript:;">导入信息提示</a>
            </div>

          <div class="status-process wbe-0 clearfix pd20 mr-10" style="padding-top:0px;height: 200px;overflow: auto;">
            <div class="sp-head sp-headb" v-for="m in backMessage.list">
              <span class="sp-col w300"  >
                <span class="control radio-control ">
                  <span>{{m}}</span>
                </span>
              </span>
            </div>

                     
          </div> 
          <div class="sdiv9-9" style='margin:0px 20px;'>
              <button v-on:click="closeDialog()" class="btn button-red mar-none mr-10">关闭</button>
          </div> 
        </div>
      </div>
    </div> -->
</template>
<script>
	module.exports = {
		data: function() {
			return {
				fileType: 'file',
				tagType: 'a',
				fileLabel: '批量导入账户',
				hosaccountImpl: 'hosaccountImpl',
				// 明细数据
				medList: [],
				// 订单总数量
				totalNum: 0,
				billno: '',
				mfmedList: [],
				backMessage: {
					showDialog: 'N'
				},
				mfmedStaffSum: 0

			};
		},
		methods: {
			// 清空临时表数据
			getData: function() {
				var self = this;
				self.totalNum = 0;
				self.$set('mfmedList', []);
				self.mfmedStaffSum = 0;

				Ajax.post('/manageaccount/delall')
					.then(function(response) {
						var data = response.data.data;

					})
			},
			// 下载模版
			downModel: function() {
				var self = this;
				// 如果是医院端，后边传参数med
				window.open('https://obs.cn-north-1.myhwclouds.com/csylcloud-file/templet/HosAccount.xls');
			},
			// 导入账户
			getBackTips: function(data) {
				var self = this;

				if(data.mfmedList.length >= 0) {
					self.mfmedList = data.mfmedList;
				}
				if(data.resList.length != 0) {
					// 返回信息
					self.$set('backMessage.showDialog', 'Y');
					self.$set('backMessage.mList', data.resList);
					self.$set('mfmedStaffSum', data.mfmedStaffSum);
					return;
				}
			},
			closeDialog: function() {
				this.$set('backMessage.showDialog', 'N');
				this.$set('backMessage.mList', []);
				// this.$set('backMessage.modal','N');
			},
			remove: function(guid, item, index, item2, index2) {
				var self = this;

				self.MessageBox({
					title: '提示',
					message: '是否删除',
					type: 'alert',
					showCancelButton: true
				}, function(action) {

					if(action == 'confirm') {
						Ajax.post('/manageaccount/delMfmedstafftemp', {
								'medstaffguid': guid,
								'mfmedStaffSum': self.mfmedStaffSum
							})
							.then(function(response) {
								var data = response.data.data;
								if(response.data.errorCode == 0) {
                                    layer.msg('删除成功！');

									for(var a = 0; a < item.mfmedstaffs.length; a++) {
										if(item.mfmedstaffs[a].guid == guid) {

											self.mfmedList[index].mfmedstaffs.splice(index2, 1)
											self.$set('mfmedList', self.mfmedList);
											self.$set('mfmedStaffSum', response.data.data);

											break;
										}
									}
								} else {
                                    layer.msg('删除失败！');
								}

							})
					}
				})
			},
			save: function() {
				var self = this;
				Ajax.post('/manageaccount/insertmfmed')
					.then(function(response) {
						var data = response.data.data;
						if(response.data.errorCode == 0) {

							self.MessageBox({
								title: '提示',
								message: "保存成功！",
								type: 'alert'
							}, function(action) {

								localStorage.setItem('newHos', JSON.stringify(data));

								self.$router.go({
									path: '/hosAssignSup/true'
								})
							});

						} else {
                            layer.msg(response.data.message);

						}
					})

			}

		},
		route: {
			activate: function() {
				this.getData();
			}
		},
	};
</script>