<!doctype html>
<html>
	<head>
		<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
		<title>销账单详情</title>
		<script src="../../../js/vue/vue.js"></script>
		<script src="../../../js/vue/element-ui/lib/index.js"></script>
		<script src="../../../js/vue/axios/dist/axios.min.js"></script>
		<script src="../../../js/myelement.js?v=20220425"></script>
		<script src="../../../js/vue/page.js?v=20220425"></script>
		
		<link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
		<link href="../../../css/myelement.css?v=20220425" rel="stylesheet">
		<link href="../../../css/iconfont.css" rel="stylesheet">
		<link href="../../../css/page.css?v=20220425" rel="stylesheet">
		<link href="//at.alicdn.com/t/font_2374495_mkoo966o0uo.css" rel="stylesheet">
	</head>
	
	<body>
		<div id="vbody">
			<div id="page_root">
				<div ref="popup_body" style="padding-right: 20px;">
					<div class="el-dialog__header">
						<div class="dialog-title" >
							<i class="iconfont icon-customermanagement"></i>
							<span> {{formAttr.title}} </span>
						</div>
					</div>	
					<div style="height: 550px; ">
						<div class="el-dialog__body" style="height: 510px;">
							<template slot="title">
								<i class="header-icon el-icon-info"></i>
								<span>
									销账单详情
								</span>
							</template>
							<h-form
								ref="form1"
								:form-attr="formAttr"
								:table-fields="formFields"
								:form-data="formData"
								v-on:show-popup="showPopup"
								v-on:form-change="formChange"
								v-on:visible-change="cellVisibleChange"
								
							>
							</h-form>
							
							<h-table
								v-if="isRefresh"
								ref="table2"
								:table-fields="tableFields" 
								:table-data="tableData2" 
								:show-summary= "true"
								:table-height="tableHeight2"
								:is-pagination="false"
								:is-show-index="true"
								
								v-on:cell-input-change="cellInputChange"
								v-on:row-click="rowClick"
								v-on:cell-show-popup="cellShowPopup"
							>
							</h-table>
						</div>
						
					</div>
					<div class="el-dialog__footer">
						
						<el-button  type="default" @click="closeDialog">å…³ é—­</el-button>
					
					</div>
				</div>
		
			<!-- <div class="versionNo" style="width: 0px;height: 0px;">
				<iframe id="ifr1" :src="url" style="width: 100%;height: 100%; margin-top: 0px;"></iframe>
			</div> -->
			</div>
			<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;z-index:9999">
				<div class="spinner">
				  <div class="cube1"></div>
				  <div class="cube2"></div>
				</div>
			</div>
		</div>	
		
		<script type="text/javascript">
			new ListVue({
				el: "#vbody",
				data: {
					disabled: false,
					notdisabled: true,
					approval:false,
					
					dataname: "verificationOrderDetail",
					formAttr: {
						title: "销账单详情",
						istitle: false,
						columnnumber: 3,
						labelwidth: "130px",
						labelposition: "right",
						size: "medium",
						border: "0px solid #c6c6c600",
						disabled:true
					},
					formFields: [],
					formData: {},
					
					tableFields: [],
					tableData2: [],
					tableDataChange: {},
					tableHeight2: 250,
					formData2:[],
					isEditTableData:true,
					isWithinEditTableData:false,
					isRefresh: true,
					selectFormField: {},
					selectrow: {},
					
					
			},
				
				created() {
					let me = this;
					this.popupParames = clone(Root.popupParames);
					if (this.popupParames.data) {
						if(this.popupParames.data.check_state == "1") {
							this.popupParames.data.check_state_name = "弃审"
						}else {
							this.popupParames.data.check_state_name = "审核"
						}
						this.formData = clone(this.popupParames.data);
					}
				},
				
				mounted() {
					this.initFields();
					this.initData();
					
					
					this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
						document.getElementById('page_root').style.display =  "block";
						document.getElementById('page_loading').style.display =  "none";
						
						//重新设置弹窗宽高
						this.$nextTick(function(){
							let w_ = this.$refs.popup_body.offsetWidth + "px";
							let h_ = this.$refs.popup_body.offsetHeight + "px";
							Root.setPopupWH(w_, h_);
						})
					});
				},
				
				methods:{
					initFields() {
						let me = this;
						me.formFields = dataRootFields.formFields.verificationOrder;
						me.tableFields = dataRootFields.tableFields.verificationOrderDetail;
					},
					showPopup(){
						
					},
					formChange(){
						
					},
					cellVisibleChange(){
						
					},
					cellInputChange(){
						
					},
					cellShowPopup(){
						
					},
					initData() {
						let me = this;
						let filter_table = "1<>1";
					
						if (this.formData.id) {
							filter_table = "parent_id = '" + this.formData.id + "'";
						}
						
						let param_table = {
							isClientMode: false,
							dataname: this.dataname,
							filter: filter_table,
						}
						
						Server.call("root/data/getEntitySet", param_table, function(result) {
							console.log(result);
							if (result && result.data) {
								let tableData_ = result.data.entityset
								for (var i = 0; i < tableData_.length; i++) {
									tableData_[i].amt = tableData_[i].quantity * tableData_[i].price;
								}
								me.tableData2= tableData_;
							}
						});
						
					},
					
					onServerInitData(data) {
						
					},
					
					closeDialog() {
						Root.hidePopup();
					},
				}
			});
		</script>
	</body>
</html>