249 lines
10 KiB
Vue
249 lines
10 KiB
Vue
|
||
<template>
|
||
<div>
|
||
<!-- 添加按钮 -->
|
||
<div class="btn-add">
|
||
<el-button v-for="czcol in plbtns" @click="plmangcol(czcol)" size="medium" :type="czcol.bttype">{{czcol.czname}}</el-button>
|
||
<!--<button v-for="czcol in CZData" class="btn btn-info ft12 mr5" @click="plmangcol(czcol)">{{czcol.czname}}</button>
|
||
|
||
<button type="button" class="btn btn-info ft12 mr5" v-if="syscz[0].isshow" @click="Add()">新增</button>
|
||
<button type="button" class="btn btn-danger" @click="DelMItemData()" v-if="syscz[1].isshow"><i class="iconfont icon-shanchu ft12 mr5"></i>批量删除</button>-->
|
||
</div>
|
||
<!-- 按条件选择 -->
|
||
<div class="tab-filter-type pt20">
|
||
<div class="oh " v-for="item in mrcxdata" v-show="item.lbdata.length>1">
|
||
<h5 class="pull-left tr">{{item.cxname}}：</h5>
|
||
<ul class="tab-type ft14">
|
||
<li v-for="lb in item.lbdata"><span v-bind:class="{ 'active': lb.issel }" @click="sellb(lb,item)" v-text="lb.itemtext"></span></li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- 表格 -->
|
||
<div class="default-tab ft14 padding20 hover-btn" style="padding-top: 10px;">
|
||
|
||
<base-table :pzoption="tableop" @selection-change="handleSelectionChange">
|
||
</base-table>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
module.exports = {
|
||
props: ['pdata'],
|
||
components: {
|
||
'base-table': httpVueLoader('/BiManage/Base/Vue/Table.vue')
|
||
},
|
||
data: function () {
|
||
return {
|
||
|
||
plbtns: [],
|
||
MXCZData: [],
|
||
syscz: [{ czname: "新增", isshow: false }, { czname: "批量删除", isshow: false }, { czname: "编辑", isshow: false }, { czname: "删除", isshow: false }],
|
||
ActionData: [],
|
||
mrcxdata: [],
|
||
tableop: {
|
||
title: "自定义应用",
|
||
tablename: "",
|
||
issel: true,
|
||
iscz: true,
|
||
isadd: true,
|
||
isedit: true,
|
||
ispldel: true,
|
||
isdel: true,
|
||
dataset: [],
|
||
pdid: "0",
|
||
multipleSelection: [],
|
||
czltabledata: [
|
||
|
||
],
|
||
collist: [
|
||
|
||
]
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
Add: function () {
|
||
var pdid = this.tableop.pdid;
|
||
ComFunJS.winviewform("/BiManage/AppPage/FORMBI/FormAdd.html?pdid=" + pdid + "&vtype=2", "添加表单", "1000", "", function () {
|
||
model.refpage();
|
||
});
|
||
},
|
||
ishasqx: function () {
|
||
|
||
},
|
||
plmangcol: function (coldata) {
|
||
|
||
if (coldata.czname == "新增") {
|
||
var pdid = this.tableop.pdid;
|
||
ComFunJS.winviewform("/BiManage/AppPage/FORMBI/FormAdd.html?pdid=" + pdid + "&vtype=2", "添加表单", "1000", "", function () {
|
||
model.refpage();
|
||
});
|
||
|
||
} else if (coldata.czname == "批量删除") {
|
||
this.DelMItemData();
|
||
} else {
|
||
try {
|
||
var ids = [];
|
||
for (var i = 0; i < this.tableop.multipleSelection.length; i++) {
|
||
ids.push(this.tableop.multipleSelection[i].ID);
|
||
}
|
||
let jscode = coldata.jscode;
|
||
let func = new Function('ids', jscode);
|
||
func(ids)
|
||
} catch (e) {
|
||
this.$notify({
|
||
title: '成功',
|
||
message: '解析JS代码有误',
|
||
type: 'error'
|
||
});
|
||
}
|
||
}
|
||
|
||
|
||
},
|
||
handleSelectionChange(val) {
|
||
this.tableop.multipleSelection = val;
|
||
},
|
||
DelItemData: function (item) {
|
||
var pdid = this.tableop.pdid;
|
||
this.DelData(item.intProcessStanceid)
|
||
},
|
||
DelMItemData: function () {
|
||
var ids = [];
|
||
for (var i = 0; i < this.tableop.multipleSelection.length; i++) {
|
||
ids.push(this.tableop.multipleSelection[i].intProcessStanceid);
|
||
}
|
||
if (ids.length == 0) {
|
||
this.$notify.error({
|
||
title: '错误',
|
||
message: '至少需要选择一条数据才能操作'
|
||
});
|
||
return;
|
||
}
|
||
this.DelData(ids.join());
|
||
},
|
||
DelData: function (ids) {
|
||
var pro = this;
|
||
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
$.getJSON('/api/Bll/ExeAction?Action=FORMBI_DELWFDATA', { "P2": ids }, function (result) {
|
||
if (result.ErrorMsg == "") {
|
||
ComFunJS.winsuccess("删除成功");
|
||
pro.InitWigetData();
|
||
}
|
||
})
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '已取消删除'
|
||
});
|
||
});
|
||
},
|
||
sellb: function (lb, lbs) {
|
||
_.forEach(lbs.lbdata, function (obj) {
|
||
obj.issel = false;
|
||
})
|
||
lb.issel = true;
|
||
this.Query();
|
||
},
|
||
Query: function () {
|
||
var pro = this;
|
||
var tablepar = JSON.parse(pro.$root.pagedata.ExtData);
|
||
var querydata = [];
|
||
_.forEach(pro.mrcxdata, function (obj) {
|
||
var va = _.find(obj.lbdata, function (cx) {
|
||
return cx.issel == true;
|
||
})
|
||
querydata.push({ colid: obj.cxzd, cal: obj.cal, val: va.itemtext });
|
||
})
|
||
|
||
$.getJSON('/api/Bll/ExeAction?Action=DATABI_GETVUELISTDATA', { P1: tablepar.value.join(), P2: tablepar.dataqx ? "Y" : "N", WD: JSON.stringify(tablepar.WDData), qdata: JSON.stringify(querydata) }, function (resultData) {
|
||
if (resultData.ErrorMsg == "") {
|
||
pro.tableop.dataset = resultData.Result2;
|
||
pro.tableop.pdid = resultData.Result3;
|
||
}
|
||
})
|
||
|
||
},
|
||
InitWigetData: function () {
|
||
var pro = this;
|
||
var tablepar = JSON.parse(pro.$root.pagedata.ExtData);
|
||
var allcz = tablepar.ActionData;// 操作列表
|
||
var sqdata = pro.$root.pagedata.ActionData.split(',');//授权列表
|
||
|
||
pro.tableop.title = tablepar.name;
|
||
if (pro.tableop.collist.length == 0) {
|
||
pro.tableop.collist = [];
|
||
for (var i = 0; i < tablepar.WDData.length; i++) {
|
||
if (tablepar.WDData[i].colname) {
|
||
pro.tableop.collist.push({ colid: tablepar.WDData[i].colid, colname: tablepar.WDData[i].colname, isshow: tablepar.WDData[i].isshow, istip: true });
|
||
}
|
||
}
|
||
}
|
||
pro.plbtns = _.filter(allcz, function (item) { return item.isrowcz == '0' && _.findIndex(sqdata, function (ac) { return ac == item.czname }) > -1 });
|
||
var rczbtns = _.filter(allcz, function (item) { return item.isrowcz == '1' });
|
||
pro.tableop.czltabledata = [];
|
||
_.forEach(rczbtns, function (mxcz) {
|
||
if (_.findIndex(sqdata, function (ac) { return ac == mxcz.czname }) > -1) {
|
||
if (mxcz.czname == "编辑") {
|
||
pro.tableop.czltabledata.push({
|
||
colname: "编辑", bttype: "text", isshow: true, mangefun: function (rowdata) {
|
||
ComFunJS.winviewform("/BiManage/AppPage/FORMBI/FormManage.html?piid=" + rowdata.intProcessStanceid + "&vtype=2", "管理表单", "1000", "", function () {
|
||
model.refpage();
|
||
});
|
||
},
|
||
});
|
||
} else if (mxcz.czname == "删除") {
|
||
pro.tableop.czltabledata.push({
|
||
colname: "删除", bttype: "text", isshow: true, mangefun: function (rowdata) {
|
||
this.$parent.DelItemData(rowdata);
|
||
}
|
||
});
|
||
} else {
|
||
pro.tableop.czltabledata.push({
|
||
colname: mxcz.czname, bttype: mxcz.bttype, isshow: true, mangefun: function (rowdata) {
|
||
if (mxcz.jscode) {
|
||
let jscode = mxcz.jscode;
|
||
let func = new Function('rowdata', jscode);
|
||
func(rowdata)
|
||
}
|
||
},
|
||
});
|
||
}
|
||
|
||
}
|
||
});
|
||
|
||
_.forEach(tablepar.mrcxdata, function (obj) {
|
||
var temp = [];
|
||
_.forEach(obj.cxdata.split(','), function (cx) {
|
||
temp.push({ issel: false, itemtext: cx })
|
||
})
|
||
if (temp.length > 0) {
|
||
temp[0].issel = true;
|
||
}
|
||
obj.lbdata = temp;
|
||
})
|
||
pro.mrcxdata = tablepar.mrcxdata;//分类操作
|
||
pro.Query();
|
||
|
||
|
||
},
|
||
},
|
||
mounted: function () {
|
||
var pro = this;
|
||
pro.$nextTick(function () {
|
||
pro.InitWigetData();
|
||
})
|
||
|
||
}
|
||
};
|
||
</script> |