<!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 type="text/javascript">
			function loadJsCss(callback) {
				var jscss_urls = [];
				window.top.initJsCss(document, jscss_urls, callback);
			};
			
			function initVue() {
				new ListVue({
					el: "#vbody",
					data: {
						dataname: "sys_data_property",
						title: "折扣余额账",
						
						default_filterFields: [
							{isshow: "T", field: "field1", name: "年份", filterfield: "",filteroperator: "=",type: ""},
							{isshow: "T", field: "field2", name: "季度",filterfield: "",filteroperator: "="},
							{isshow: "T", field: "field5", name: "经销商名称",filterfield: "",filteroperator: "like"},
						],
						default_tableFields: [
							{isshow: "T", field: "field1", name: "功能", align: "center",width: "100"},
							// {isshow: "T", field: "field2", name: "部门", align: "center"},
							// {isshow: "T", field: "field3", name: "岗位", align: "center"},
							{isshow: "T", field: "field4", name: "经销商编码", align: "center",width: "150"},
							{isshow: "T", field: "field5", name: "经销商名称", align: "left",width: "280", isminwidth: true},
							{isshow: "T", field: "field6", name: "记账金额", align: "right"},
							{isshow: "T", field: "field7", name: "冻结金额", align: "right"},
							{isshow: "T", field: "field8", name: "已付金额", align: "right"},
							{isshow: "T", field: "field9", name: "未付金额", align: "right", width: "100"},
						],
						default_tableData: [
							{
								"field1":"查看总账",
								"field2":"医药销售部",
								"field3":"销售代表",
								"field4":"D00000030",
								"field5":"江西宏佳顺医疗器械有限公司",
								"field6":"ï¿¥84,800.00",
								"field7":"ï¿¥0",
								"field8":"ï¿¥0",
								"field9":"ï¿¥84,800.00",
							},
							{
								"field1":"查看总账",
								"field2":"医药销售部",
								"field3":"销售代表",
								"field4":"D00001038",	
								"field5":"长沙誉美医疗器械贸易有限公司",
								"field6":"ï¿¥122,800.00",
								"field7":"ï¿¥0",
								"field8":"ï¿¥0",
								"field9":"ï¿¥122,800.00",
							},
							{
								"field1":"查看总账",
								"field2":"医药销售部",
								"field3":"销售经理",
								"field4":"D00000036",	
								"field5":"广州德汇同创医疗器械有限公司",
								"field6":"ï¿¥155,800.00",
								"field7":"ï¿¥0",
								"field8":"ï¿¥0",
								"field9":"ï¿¥155,800.00",
							},
							{
								"field1":"查看总账",
								"field2":"医药销售部",
								"field3":"销售代表",
								"field4":"D00001158",	
								"field5":"上海通泰慷医疗科技有限公司",
								"field6":"ï¿¥46,800.00",
								"field7":"ï¿¥0",
								"field8":"ï¿¥0",
								"field9":"ï¿¥46,800.00",
							},
							{
								"field1":"查看总账",
								"field2":"医药销售部",
								"field3":"销售代表",
								"field4":"D00000098",	
								"field5":"广州福源医疗科技有限公司",
								"field6":"ï¿¥82,800.00",
								"field7":"ï¿¥0",
								"field8":"ï¿¥0",
								"field9":"ï¿¥82,800.00",
							},
							{
								"field1":"查看总账",
								"field2":"医药销售部",
								"field3":"销售经理",
								"field4":"D00000119",	
								"field5":"吉安市吉州区双马商贸有限公司",
								"field6":"ï¿¥198,800.00",
								"field7":"ï¿¥0",
								"field8":"ï¿¥0",
								"field9":"ï¿¥198,800.00",
							},
						],
						filterfieldClick: {},
						tablefieldClick: {},
						formfieldClick: {},
						filterTxt: "1<>1",
					},
					created() {
						
					},
					
					mounted() {
						//获取数据
						this.initData();
						this.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
							hideLoading();
						});
					},
					
					methods:{
						initData() {
							var me = this;
							this.onQuery(function(result, callback) {//查询后的回调,用于获取字段的
								if (result.meta && result.meta[me.dataname] && result.meta[me.dataname].fields) {
									var metas = clone(result.meta[me.dataname].fields);
									var filterFields_ = [];
									var tableFields_ = [];
									
									metas.map(f=>{
										f.isshow = "T";
										
										if (f.isfilter) {
											filterFields_.push(clone(f));
										}
										else {
											var filter_f = clone(f);
											filter_f.isshow = "F";
											filterFields_.push(filter_f);
										}
										
										tableFields_.push(clone(f));
									})
									if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) {
										me.filterFields = clone(me.default_filterFields);
										me.tableFields = clone(me.default_tableFields);
										
										// me.filterFields = clone(filterFields_);
										// me.tableFields = clone(tableFields_);
										
										//字段数组转字段obj
										me.fieldsToFieldsObj();
										
										//设置字段事件
										me.tableFieldClick();
									}
								}
								
								if (callback) {
									callback();
								}
							});
						},
						
						tableFieldClick() {
							var me = this;
							//筛选字段事件设置
							this.filterfieldClick = {
								product_code: {//字段事件设置
									popup: {
										onclick: function(obj) {//弹窗点击事件
											Root.message({
												type: 'success',
												message: '弹窗点击事件'
											});
										}
									},
									visible: {
										onchange: function(obj) {//下拉展开事件
											Root.message({
												type: 'success',
												message: '下拉展开事件'
											});
										}
									},
									select: {
										onchange: function(obj) {//下拉展开事件
											Root.message({
												type: 'success',
												message: '下拉更改事件'
											});
										}
									},
									input: {
										onchange: function(obj) {//下拉展开事件
											Root.message({
												type: 'success',
												message: '下拉更改事件'
											});
										}
									},
								},
							};
							//表格字段事件设置
							this.tablefieldClick = {
								field1: {//字段事件设置
									val: {//有值时的点击事件
										notclick_val: "",//不可点击的值,1、是数组["11","22"];2、以“;”分隔的字符串"111;222"
										notclick_bindfield: [],//当该字段值等于指定字段值时不可点击["filterfield": "111"]
										onclick: function(obj) {//数据值点击事件
											me.opentest();
										},
									},
								},
							};
						
							//表单字段事件设置
							this.formfieldClick = {
								product_code: {//字段事件设置
									val: {//有值时的点击事件
										onclick: function(obj) {//数据值点击事件
											Root.message({
												type: 'success',
												message: obj.val + '点击事件'
											}); 
										},
										onchange: function(obj) {//数据修改事件
											Root.message({
												type: 'success',
												message: '数据修改事件'
											});
										}
									},
									popup: {
										onclick: function(obj) {//弹窗点击事件
											Root.message({
												type: 'success',
												message: '弹窗点击事件'
											});
										}
									},
									visible: {
										onchange: function(fieldObj, row, callback) {//下拉展开事件
											Root.message({
												type: 'success',
												message: '下拉展开事件'
											});
											
											//重新设置选择项
											if (callback) {
												var obj_ = {
													options: []
												};
												callback(obj_);
											}
										}
									},
									select: {
										onchange: function(obj) {//下拉更改事件
											Root.message({
												type: 'success',
												message: '下拉更改事件'
											});
										}
									},
									input: {
										onchange: function(obj) {//输入更改事件
											Root.message({
												type: 'success',
												message: '输入更改事件'
											});
										}
									},
									button: {
										onclick: function(obj) {//按键点击事件
											Root.message({
												type: 'success',
												message: '按键点击事件'
											});
										}
									},
									buttonarray: {
										onclick: function(obj) {//按键组点击事件,需要根据按键的code来判断具体事件
											Root.message({
												type: 'success',
												message: '按键组点击事件'
											});
										}
									},
									
								},
							};
						},
						
						opentest() {
							var me = this;
							
							var config = {
								totab: true, //true: 以Tab导航的方式打开
								width: "900px",
								height: "900px",
								icon: "icon-product",
								text: "折扣总账",
								id: "test_pagezxc",//totab: true时需设置,用于判断是否已打开此页面
								//url: "module/system/page/coming.html",
								url: "module/performance/page/bookSummary.html",
								data: {},
								delta: {},
								sceneCode: "edit", //"add"//"browse",
								callback: function(obj, callback) {
									me.onQuery();
									if (callback) {
										callback();
									}
								}
							};
							me.doPopupByPublic(config);
						},
						
						addData() {
							let me = this;
							var config = {
								totab: false, //true: 以Tab导航的方式打开
								width: "500px",
								height: "300px",
								icon: "icon-product",
								text: "产品信息",
								id: "product_edit",//totab: true时需设置,用于判断是否已打开此页面
								url: "module/md/page/product/page/product_edit.html",
								data: {},
								delta: {},
								sceneCode: "add",//"refuseedit",//"approval", //"add"//"browse",
								callback: function(obj, callback) {
									me.onQuery();
									if (callback) {
										callback();
									}
								}
							};
							me.doPopupByPublic(config);
						},
						onEditData(config, scope) {
							var me = this;
							var row = scope.row;
							
							//1. empty row
							if (!row || !row.id) {
								Root.message({
									type: 'warning',
									message: '请选择要编辑的数据'
								});  
								return false;
							}
								
							//3. popup
							var config = {
								totab: false, //true: 以Tab导航的方式打开
								width: "500px",
								height: "300px",
								icon: "icon-product",
								text: "产品线信息",
								id: "product_edit" + row.id,//totab: true时需设置,用于判断是否已打开此页面
								url: "module/md/page/product/page/product_edit.html",
								data: row,
								delta: null,
								sceneCode: "edit",//"refuseedit",//"approval", //"add"//"browse",
								callback: function(obj, callback) {
									me.onQuery();
									if (callback) {
										callback();
									}
								}
							};
							me.doPopupByPublic(config);
						},
						
						
						
						
						
					}
				});
			};
			
			loadJsCss(function () {
				initVue();
			});
		</script>
		<style>
			/* 在vue.js中 v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的 */
			[v-cloak] {
				display: none !important;
			}
		</style>
		
	</head>
	
	<body style="margin: 0px;">
		<div v-cloak id="vbody">
			<div id="page_root">
				<div class="topbar">
					<span>{{title}}</span>
					
				</div>
			
				<div class="topbar-line">
					<div class="query-bar">
						<h-form-filter ref="form1" 
							:form-attr="filterAttr" 
							:table-fields="filterFields" 
							:form-data="filterObj" 
							:table-field-click="filterfieldClick"
							:isdraggableorder="false"
							
							v-on:on-query="onQuery"
							v-on:on-init-query="onInitFilter"
							v-on:order-fields="orderFilterFields"
							>
						</h-form-filter>
					</div>
				</div>
			
				<div class="h_dialog__body">
					<h-table
						v-if="isRefresh"
						ref="table1"
						:table-fields="tableFields" 
						:table-data="default_tableData" 
						:is-edit-table-data="isEditTableData"
						:pagesize="pagesize"
						:pagenum="pagenum"
						:total="total"
						:table-height="tableHeight"
						:table-field-click="tablefieldClick"
						:is-show-index="false"
						:tableloading="tableloading"
						:isdraggableorder="false"
						
						v-on:get-data="getData"
						v-on:edit-data="editData"
						v-on:del-data="delData"
						v-on:order-fields="orderTableFields"
					>
					</h-table>
				</div>
			</div>
		</div>
		
		<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 50vh;">
			<div class="spinner">
			  <div class="cube1"></div>
			  <div class="cube2"></div>
			</div>
		</div>
		
	</body>
</html>