<!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: "md_sku",
title: "å¯ç”¨æŠ˜æ‰£æ˜Žç»†",
// orderby: "id",
pageAttr: {
heightType: "popuppage"
},
default_filterFields: [
{isshow: "T", field: "field4", name: "ç»é”€å•†ç¼–ç ", filterfield: ""},
{isshow: "T", field: "field5", name: "ç»é”€å•†å称",filterfield: ""},
{isshow: "T", field: "field8", name: "产å“é™å®š",filterfield: ""},
],
default_tableFields: [
// {isshow: "T", field: "field1", name: "æ“作", align: "center",width: "100"},
{isshow: "T", field: "field6", name: "折扣项目", align: "center", width: "120", isminwidth: true},
{isshow: "T", field: "field7", name: "申请编ç ", align: "center", width: "180"},
{isshow: "T", field: "field9", name: "折扣金é¢", align: "right", width: "180", formatter: "formatter_money"},
{isshow: "T", field: "field11", name: "使用金é¢", align: "center", width: "120", type: "input"},
{isshow: "T", field: "field8", name: "产å“é™å®š", align: "center", width: "180"},
{isshow: "T", field: "field10", name: "失效日期", align: "center", width: "120"},
{isshow: "T", field: "field3", name: "申请日期", align: "center", width: "120"},
// {isshow: "T", field: "field1", name: "年度", align: "center", width: "100"},
// {isshow: "T", field: "field2", name: "å£åº¦", align: "center", width: "100"},
// {isshow: "T", field: "field4", name: "ç»é”€å•†ç¼–ç ", align: "center", width: "120"},
// {isshow: "T", field: "field5", name: "ç»é”€å•†å称", align: "center", width: "150", isminwidth: true},
],
default_tableData: [
{id: "001", field1: "2022", field2: "1", field3: "2023-02-03", field4: "2002918", field5: "åŒ—äº¬å¾·æƒ åº·æºè´¸æ˜“有é™å…¬å¸", field6: "ç»é”€å•†ä»·æ ¼è¡¥å¿", field7: "20230201", field8: "", field9: "212000"},
{id: "002", field1: "2022", field2: "1", field3: "2023-02-04", field4: "2002918", field5: "åŒ—äº¬å¾·æƒ åº·æºè´¸æ˜“有é™å…¬å¸", field6: "ç»é”€å•†ä»·æ ¼è¡¥å¿", field7: "20230202", field8: "PFO", field9: "60000"},
],
filterfieldClick: {},
tablefieldClick: {},
formfieldClick: {},
formData: {},
filterData: {},
rowkey: "id",
lazy: true,
selectedparentrow: {},
id_: 1,
isWithinEditTableData: true
},
created() {
this.popupParames = clone(Root.popupParames);
Root.setPopupTitle(this.title);
// this.title = this.popupParames.title || this.popupParames.text
if (this.popupParames.data) {
this.formData = this.popupParames.data;
}
if (this.popupParames.delta) {
this.filterData = this.popupParames.delta;
}
if (this.popupParames.sceneCode) {
if (this.popupParames.sceneCode == "add") {//新增
this.isedit = true;
}
}
this.filterFields = clone(this.default_filterFields);
this.tableFields = clone(this.default_tableFields);
//å—段数组转å—段obj
this.fieldsToFieldsObj();
//设置å—段事件
this.tableFieldClick();
},
mounted() {
//获å–æ•°æ®
this.initData();
// 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é—
this.$nextTick(() => {
hideLoading();
//é‡æ–°è®¾ç½®å¼¹çª—宽高
this.$nextTick(function(){
//let w_ = this.$refs.popup_body.offsetWidth + "px";
let w_ = "1000px";
let h_ = this.$refs.popup_body.offsetHeight + "px";
Root.setPopupWH(w_, h_);
})
});
},
methods:{
//å…³é—弹窗
closeDialog() {
this.docloseDialog(true);
},
//å…³é—å‰è°ƒå›žè°ƒ
saveAfter() {
var me = this;
me.docloseDialog();
if(this.popupParames.callback) {
let obj = {
row: clone(this.selectedrow)
}
this.popupParames.callback(obj, function() {
me.docloseDialog();
});
}
else {
me.docloseDialog();
}
},
initData() {
var me = this;
// this.getNCCAvailableStock();
// 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);
// }
// if (f.field == "cpid" || f.field == "is_active") {
// }
// else {
// tableFields_.push(clone(f));
// }
// })
// if (!me.filterFields || (me.filterFields && me.filterFields.length == 0)) {
// me.filterFields = clone(filterFields_);
// me.tableFields = clone(tableFields_);
// //å—段数组转å—段obj
// me.fieldsToFieldsObj();
// //设置å—段事件
// me.tableFieldClick();
// }
// }
// if (callback) {
// callback();
// }
// });
},
getData: function(page) {
this.pagesize = page.pagesize;
this.pagenum = page.pagenum;
this.selectedrow = {};
//this.getNCCAvailableStock();
},
onQuery() {
// this.pagesize = page.pagesize;
this.pagenum = 1;
this.selectedrow = {};
//this.getNCCAvailableStock();
},
tableFieldClick() {
var me = this;
//ç›é€‰å—段事件设置
this.filterfieldClick = {
};
//è¡¨æ ¼å—段事件设置
this.tablefieldClick = {
};
//表å•å—段事件设置
this.formfieldClick = {
};
},
rowClick(obj) {
this.selectedrow = {};
this.selectedparentrow = {};
if (obj.row.serialmanaflag == "Y") {//有åºåˆ—å·
this.$refs.table1.setCurrentRow()
this.selectedparentrow = obj.row;
if (obj.event.currentTarget.firstElementChild.firstElementChild.firstElementChild.tagName == 'DIV') {
obj.event.currentTarget.firstElementChild.firstElementChild.firstElementChild.click();
} else {
obj.event.currentTarget.firstElementChild.firstElementChild.firstElementChild.nextElementSibling.click();
}
return;
}
if (this.filterData[obj.row.vsncode]) {
this.$refs.table1.setCurrentRow()
return;
}
if (this.filterData[obj.row.materialcode]) {
this.$refs.table1.setCurrentRow()
return;
}
this.selectedrow = obj.row;
if (this.onRowClick) {
this.onRowClick.call(this, obj);
return;
}
},
rowDblclick(obj) {
if (obj.row.serialmanaflag == "Y") {//有åºåˆ—å·
this.$refs.table1.setCurrentRow()
return;
}
if (this.filterData[obj.row.vsncode]) {
this.$refs.table1.setCurrentRow()
return;
}
if (this.filterData[obj.row.materialcode]) {
this.$refs.table1.setCurrentRow()
return;
}
this.selectedrow = obj.row;
if (this.isedit) {
this.saveAfter();
}
},
}
});
};
loadJsCss(function () {
initVue();
});
</script>
<style>
/* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ 载时出现 vuejs çš„å˜é‡å而设计的 */
[v-cloak] {
display: none !important;
}
.el-table__body tr.z_notrowclick>td{
background-color: #aaa !important;
}
.el-table__body tr.z_notrowclick>td:hover {
cursor: not-allowed;
}
</style>
</head>
<body style="margin: 0px;">
<div v-cloak id="vbody">
<div id="page_root">
<div ref="popup_body" style="padding: 0 20px;">
<!-- æ ‡é¢˜ -->
<div class="popup_el-dialog__header">
<div class="dialog-title">
<i class="iconfont icon-customermanagement"></i>
<span>{{title}}</span>
</div>
</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"
v-on:on-query="onQuery"
v-on:on-init-query="onInitFilter"
>
</h-form-filter>
</div>
</div>
<div class="h_dialog__body">
<h-table
v-if="isRefresh"
ref="table1"
:table-fields="tableFields"
:table-data="default_tableData"
:pagesize="pagesize"
:pagenum="pagenum"
:total="total"
:table-height="tableHeight"
:table-field-click="tablefieldClick"
:is-highlight-row="isedit"
:is-pagination="true"
:is-selection="true"
:is-within-edit-table-data="isWithinEditTableData"
v-on:get-data="getData"
v-on:row-click="rowClick"
>
</h-table>
<!-- v-on:get-data="getData" -->
</div>
<!-- 底部工具æ -->
<div class="el-dialog__footer">
<el-button size="small" type="default" @click="closeDialog">å– æ¶ˆ</el-button>
<el-button size="small" v-if="isedit" :disabled="!(selectedrow && selectedrow.id)" type="primary" @click="saveAfter">确 定</el-button>
</div>
</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>