<!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/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_13ltsxm2eor.css" rel="stylesheet">
	</head>
	
	<body>
		<div id="vbody">
			<div id="page_root">
				<div class="topbar">
					<span>{{title}}</span>
					<div style="float: right; margin-right: 24px;">
						<el-button-group style="margin-left: 3px;">
							<el-button @click="addDate">添 加</el-button>
							<el-button @click="setEditTableData">{{isEditTableData ? '取消编辑' : '在线编辑'}}</el-button>
						</el-button-group>
					</div>
				</div>
			
				<div class="topbar-line">
					<div class="query-icon">
						<i class="iconfont icon-query"></i>
					</div>
					<div class="query-bar" style="width: 95%;" >
						<h-form-filter ref="form1" 
							:form-attr="filterAttr" 
							:table-fields="filterFields" 
							:form-data="filterObj" 
							:isbuttonquery="true"
							
							v-on:show-popup="showFilterPopup"
							v-on:on-formchange="onQuery" 
							
							v-on:on-query="onQuery"
							v-on:on-init-query="onInitFilter"
							v-on:on-edit-query="onEditFilter"
							>
						</h-form-filter>
					</div>
				</div>
			
				<div class="versionNo">
					<h-table
						v-if='isRefresh'
						ref="table1"
						:table-fields="tableFields" 
						:table-data="tableData" 
						:is-edit-table-data="isEditTableData"
						:pagesize="pagesize"
						:edit-table-button="editTableButton"
						:pagenum="pagenum"
						:total="total"
						:table-height="tableHeight"
						:is-highlight-row="true"
						v-on:get-data="getData"
						v-on:edit-data="editData"
						v-on:del-data="delData"
						v-on:row-click="rowClick"
					>
					</h-table>
				</div>
			</div>
			<div>
				<el-dialog title="添加" :visible.sync="reasonvisible" height="50%">
					<h-form
					 :form-attr="formAttr" 
					 :table-fields="formFields" 
					 :form-data="formData" 
					 :is-end-colspan="false"
					 v-on:show-popup="showPopup"
					 >
					</h-form>
					<div  slot="footer" >
					  <el-button type="default" @click="reasonvisible = false">取 消</el-button>
					  <el-button type="primary"  @click="saveReason">确 定</el-button>
					</div>
				</el-dialog>
			</div>
			<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
				<div class="spinner">
				  <div class="cube1"></div>
				  <div class="cube2"></div>
				</div>
			</div>
		</div>	
		
		<script type="text/javascript">
			var initlized = false;
			
			new ListVue({
				el: "#vbody",
				data: {
					dataname: "customer_contact_status",
					tabaleFieldsName: "customerSignature_",
					filterFieldsName: "customerSignature_",
					pageAttr: {
					   heightType: "page"
					},
					formData:{
						
					},
					reasonvisible:false,
					filterAttr: {
						columnnumber: 3,
						labelwidth: "100px",
						labelposition: "right",
						size: "medium",
						border: "3px solid #c6c6c600"
					},
					formAttr: {
						istitle: false,
						title: "商业添加",
						columnnumber: 2,
						labelwidth: "140px",
						labelposition: "right",
						size: "medium",
						border: "0px solid #c6c6c600"
					},
					title: "线下合同配置",
					editTableButton:{
						edit: {
							isshow:false,
							txt:"编辑"
						},
						save: {
							isshow:false,
							txt:"保存"
						},
						del: {
							isshow:true,
							txt:"删除"
						}
					},
					
				},
				created() {
					this.pageCode = "A7-11";
					this.getResoures();
				},
				
				mounted() {
					this.initData();
					this.formFields = clone(dataRootFields.formFields.customerSignature_)
					this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
						hideLoading();
					});
				},
				
				methods:{
					initData() {
						if (initlized) { return; }
						initlized = true;
						
						this.onQuery();
					},
					
					onServerInitData(data) {
						var me = this.data;
						
						me.tableFields = data.tableFields;
						me.filterFields = data.filterFields;
						me.invoiceType = data.doInvoiceType;			
						me.invoiceStatus = data.invoiceStatus;			
						
						if(me.filterFields.length > 0) {
							for(var i=0; i < me.filterFields.length; i++) {
								let fieldObj_ = me.filterFields[i];
								
								me.filterFieldsObj[fieldObj_.field] = fieldObj_;
							}
						}	
						if(me.tableFields.length > 0) {
							for(var i=0; i < me.tableFields.length; i++) {
								let fieldObj_ = me.tableFields[i];
								
								me.tableFieldsObj[fieldObj_.field] = fieldObj_;
							}
						}
					},
					
					setEditTableData() {
						this.isEditTableData = !this.isEditTableData;
					},
					saveReason() {
						let me = this;
						let param = clone(this.formData)
						param.dataname = this.dataname,
						Server.call("root/data/insertEntity",param,function(result) {
							if(result.success) {
								Root.message({
									type:'success',
									message:"添加成功"
								})
								me.onQuery();
							}else {
								Root.message({
									type:'warning',
									message:"添加失败"
								})
							}
							me.reasonvisible = false;
						})
					},
					addDate() {
						var me = this;
						this.formData = {}
						this.formData.contact_status = 1;
						this.reasonvisible = true;
					},
					onshowFilterPopup(filter) {
						var me = this;
						var fieldObj_ = filter.obj;
						var filterValue = clone(me.filterObj);
						var field_ = fieldObj_.field;
						if ("customer_name" == field_) {
							Root.showPopup({
								url: "../md/customer/popup/customer_list.html",
								width: 800,
								height: 550,
								dataname:"customer_contact_status",
								callback: function(result, callback) {
									filterValue[field_] = result.row.customer_name;
									me.filterObj = filterValue;
									me.onQuery();
									if (callback) {
										callback();
									}
								}
							});
						}
					},
					showPopup(obj) {
						if (obj.obj.field == "customer_name") {
							let me = this;
							Root.showPopup({
								url: "../md/customer/popup/customer_list.html",
								width: 800,
								height: 550,
								dataname: "getvCustomerInfoNotSignature",
								callback: function(obj, callback) {
									let formData_ = clone(me.formData);
									formData_.customer_name = obj.row.md_description;
									formData_.customer_code = obj.row.md_code;
									me.formData = formData_;
									if (callback) {
										callback();
									}
								}
							});
						}
					}
				}
			});
		</script>
	</body>
</html>