<!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="../../../jsnew/elementDefault.js?v=20220425"></script>
<script src="../../../jsnew/vue/vue.js"></script>
<script src="../../../jsnew/vue/element-ui/element-ui_15/index.js"></script>
<script src="../../../jsnew/myelement.js?v=20220425"></script>
<script src="../../../jsnew/page.js?v=20220425"></script>
<!-- <script src="../../../setting.js"></script> -->
<link href="../../../jsnew/vue/element-ui/element-ui_15/theme-chalk/index.css" rel="stylesheet">
<link href="../../../jsnew/myelement.css?v=20220426" rel="stylesheet">
<link href="../../../jsnew/theme.css?v=20220426" rel="stylesheet">
<link href="../../../css/iconfont.css" rel="stylesheet">
<link href="../../../jsnew/page.css?v=20220425" rel="stylesheet">
<link href="//at.alicdn.com/t/font_2374495_13ltsxm2eor.css" rel="stylesheet">
</head>
<body style="margin: 0px;">
<div v-cloak id="vbody">
<div id="page_root">
<div class="topbar" style="display: flex; justify-content: space-between;">
<span>{{title}}</span>
<div style="margin-right: 18px;float: right;">
<el-button-group style="margin-left: 3px">
<el-button :disabled="!(selectedrow && selectedrow.id)" @click="editData">编 辑</el-button>
</el-button-group>
<el-button-group style="margin-left: 3px">
<!-- <el-button @click="">导 入</el-button> -->
<el-button @click="">导 出</el-button>
</el-button-group>
</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"
:isdraggableorder="true"
:is-reduce="true"
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="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="true"
:is-highlight-row="true"
v-on:row-click="rowClick"
v-on:get-data="getData"
v-on:edit-data="editData"
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>
<script type="text/javascript">
function initVue() {
new ListVue({
el: "#vbody",
data: {
dataname: "fee_data_forefee_schedule",
title: "销售任务折让政ç–",
dataurl: "rootjemin/data/getEntitySet",
filterTxt: "",
tableFields: [],
tableData: [],
filterfieldClick: {},
tablefieldClick: {},
formfieldClick: {},
filterAttr: {
// istitle: false,
columnnumber: 4,
labelwidth: "100px",
labelposition: "right",
size: "mini",
border: "0px solid #c6c6c600",
},
},
created() {
},
mounted() {
//获å–æ•°æ®
this.initData();
this.$nextTick(() => { // 以æœåŠ¡çš„æ–¹å¼è°ƒç”¨çš„ Loading 需è¦å¼‚æ¥å…³é—
hideLoading();
});
},
methods:{
onInitFilter() {
//清空
this.filterObj = {};
this.selectedrow = {};
this.initData();
},
// onQuery() {
// this.initData();
// },
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(filterFields_);
me.tableFields = clone(tableFields_);
//å—段数组转å—段obj
me.fieldsToFieldsObj();
//设置å—段事件
me.tableFieldClick();
}
}
if (callback) {
callback();
}
});
},
queryAfter() {
let me = this
if (me.tableData.length > 0) {
let tableData = clone(me.tableData)
tableData.map(s => {
if(s.peroid_type == "quarter") {
s.peroid_type = "å£åº¦è¿”利"
}
else s.peroid_type = "年度返利"
if(s.has_support == true) {
s.has_support = '是'
}
else
s.has_support = 'å¦'
})
me.tableData = tableData
}
},
tableFieldClick() {
var me = this;
//ç›é€‰å—段事件设置
this.filterfieldClick = {
};
//è¡¨æ ¼å—段事件设置
this.tablefieldClick = {
};
//表å•å—段事件设置
this.formfieldClick = {
};
},
editData() {
let me = this;
var row = me.selectedrow;
var config = {
totab: true, //true: 以Tab导航的方å¼æ‰“å¼€
width: "500px",
height: "300px",
icon: "icon-product",
text: "销售任务折让政ç–",
id: row.id,
url: "../tradeDiscount/baseDatas/sale_task_discount_info.html",
data: row,
delta: {},
sceneCode: "edit",//"refuseedit",//"approval", //"add"//"browse",
callback: function(obj, callback) {
me.onQuery();
if (callback) {
callback();
}
}
};
me.doPopupByPublic(config);
},
// rowClick(obj) {
// this.selectedrow = obj.row;
// },
}
});
};
initVue();
</script>
<style>
/* 在vue.jsä¸ v-cloak 这个指令是防æ¢é¡µé¢åŠ 载时出现 vuejs çš„å˜é‡å而设计的 */
[v-cloak] {
display: none !important;
}
</style>
</body>
</html>