monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit d2a6e96e15e7d1579a624401a846076ea65ebd5d 2 parents 604fcadd 9e554494

人员变更，删除注释代码

Inline Side-by-side
Showing 20 changed files with 191 additions and 206 deletions
... ... @@ -25,10 +25,60 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
//资源详细页面相关调用函数，包含各种展示类型的
let editKpiList = [];
let statusKpiList=[];//lsq 状态指标数据 2022-06-08
var obj = {
detailTimer:[],
timerTime: 180000,
sessions: layui.sessions,
getStatusKpiList:function (){
//start lsq 根据kpiid获取是否是指标状态 2022-05-23
if(statusKpiList.length != 0){
return statusKpiList;
}
statusKpiList = [];
admin.req({
url: common.domainName + '/api-web/manage/kpi/page?' +
'isWarning=&isTrend=&kpiLevel=&ignoreCnt=&startTime=&endTime=&kpiPower=',
data: {
page:1,limit:99999,
kpiName: '',resType: '',kpiIdent: 2,kpiCategory: '',
kpiDataType:'',kpiUnit:'',isWarning:'',isTrend:'',
kpiLevel:'',ignoreCnt:'',startTime:'',endTime:'',kpiPower:''
},
success(response) {
let arr=[];
if (response && response.success) {
arr=response.data;
arr.map(item=>{
statusKpiList.push(item.kpiId)
})
/*let idArr=[];
let idStr='';
if(id.indexOf(',')!=-1){
idArr=id.split(',');
idStr=idArr[0];
}else{
idStr=id;
}
let isKpi=false;
arr.map(item=>{
if(idStr==item.kpiId){
isKpi=true;
}
})
if(isKpi){
let menuboxStr = '<li type="link-status-kpi"><i class="layui-icon">&#xe758;</i>状态指标</li>';
$("#detail_menubox_id ul").append(menuboxStr)
}*/
} else {
// layer.msg('状态指标获取失败!', {icon: 2});
}
},
error(){
// layer.msg('状态指标获取失败!', {icon: 2});
}
});
},
// 获取编辑指标
getEditKpiList:function (){
var editFlag = localStorage.getItem("editFlag");//是否编辑状态
... ... @@ -75,6 +125,9 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
{"flag": "base","name": "最近采集时间","id": "KPIF74D9D2B","value": "2019-12-16 10:04:54","status": "0" }]}
*/
renderText: function (targetId, resId, kpiId, fn, hasTotal,flag,isBasic) {
//start lsq 状态信息的状态也增加下探 202-06-08
let statusF=false;//是否为状态信息
//end lsq 2022-06-08
var url = "/api-web/detail/block?resId=" + resId + "&kpiId=" + kpiId + "&hasTotal=" + hasTotal;
if (flag) {
url += '&flag=' + flag;
... ... @@ -98,7 +151,13 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
var fontColor='';
var valueStr = '';
var titleStr = '';
if(v.id == 'KPIE13DD9A3' || v.id == 'KPI02786E8D'){
//start lsq 判断当前kpiId是否在状态指标数据列表中 2022-06-08
let status=statusKpiList.indexOf(v.id);
if(status!=-1){
statusF=true;
}
//end lsq 2022-06-08
if(v.id == 'KPIE13DD9A3' || v.id == 'KPI02786E8D' ){
valueStr = laytpl($("#linkStateDetailTpl").html()).render({linkStateList: v.value});
//获取flag
$.each(v.value, function (i, v) {
... ... @@ -122,13 +181,20 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
}
titleStr = valueStr;
}
var tips = '<a class="detail_row_menu hide">\n' +
/* var tips = '<a class="detail_row_menu hide">\n' +
'<img style="width: 17px;height: 17px;" src="/src/style/img/icon_row_menu.png">\n' +
'</a>'*/
var tips = '<a class="detail_row_menu hide" data-statusf='+statusF+' data-id='+v.id+' data-flag='+v.flag+
' data-name='+v.name+' data-kpiname='+v.name+' data-iswarning=1 data-ident=1' +
' data-trend=0 data-unit="" data-hidem="hidem" data-nature="true" ' +
// ' data-restype='+((data && data[0])?data[0].resType:"")+'>\n' +
' data-restype='+(v.resType?v.resType:"")+'>\n' +
'<img style="width: 17px;height: 17px;" src="/src/style/img/icon_row_menu.png">\n' +
'</a>'
var menuId = "";
if (v.id == 'KPIE13DD9A3' || v.id == 'KPI02786E8D') {
if (v.id == 'KPIE13DD9A3' || v.id == 'KPI02786E8D' || status!=-1) {
v.name = v.name + tips;
menuId = "id=\"" + targetId + "_detail_row_menu\"";
menuId = "id=\"" + targetId + "_detail_row_menu\" class='statusMenu'";
}
var $html = addIconByValue(valueStr);
var resStyle = obj.alarmEleMatchStyle(v.flag, v.id);
... ... @@ -140,22 +206,26 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
fn && fn();
//初始化监听告警压制需要的数据
var rowMenu = $('#' + targetId).find('.detail_row_menu').eq(0);
rowMenu.attr("data-id", kpiIdList);
rowMenu.attr("data-flag", flags);
rowMenu.attr("data-name", "监控连接状态");
rowMenu.attr("data-kpiname", "监控连接状态");
rowMenu.attr("data-iswarning", "1");
rowMenu.attr("data-ident", "1");
rowMenu.attr("data-trend", "0");
rowMenu.attr("data-unit", "");
rowMenu.attr('data-hidem', 'true');
rowMenu.attr('data-nature', 'true');//性能趋势
// rowMenu.attr('data-canca', data.canCA);
// rowMenu.attr('data-incaing', data.inCAing);
rowMenu.attr('data-restype', (data && data[0])?data[0].resType:'');
if(!statusF){
var rowMenu = $('#' + targetId).find('.detail_row_menu').eq(0);
rowMenu.attr("data-id", kpiIdList);
rowMenu.attr("data-flag", flags);
rowMenu.attr("data-name", "监控连接状态");
rowMenu.attr("data-kpiname", "监控连接状态");
rowMenu.attr("data-iswarning", "1");
rowMenu.attr("data-ident", "1");
rowMenu.attr("data-trend", "0");
rowMenu.attr("data-unit", "");
rowMenu.attr('data-hidem', 'true');
rowMenu.attr('data-nature', 'true');//性能趋势
// rowMenu.attr('data-canca', data.canCA);
// rowMenu.attr('data-incaing', data.inCAing);
rowMenu.attr('data-restype', (data && data[0])?data[0].resType:'');
}
//监听告警压制等操作配置
$('#' + targetId + "_detail_row_menu").hover(function () {
// $('#' + targetId + "_detail_row_menu").hover(function () {
$('#' + targetId + "_detail_row_menu.statusMenu").hover(function () {
var $that = $(this);
var $btn = $that.find(".detail_row_menu");
if ($btn.length > 0) {
... ... @@ -175,6 +245,9 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
* @param cols 指定列（一组key value为一列）
*/
renderTextCols: function (targetId, resId, kpiId, cols, isBasic) {
//start lsq 状态信息的状态也增加下探 202-06-08
let statusF=false;//是否为状态信息
//end lsq 2022-06-08
var url = "/api-web/detail/block?resId=" + resId + "&kpiId=" + kpiId;
if (isBasic) {
url += '&isBasic=' + isBasic;
... ... @@ -184,6 +257,12 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
}).done(function (res) {
var flags = "";
var kpiIdList= "";
//start lsq 判断当前kpiId是否在状态指标数据列表中 2022-06-08
let status=statusKpiList.indexOf(v.id);
if(status!=-1){
statusF=true;
}
//end lsq 2022-06-08
var data = res.data;
if (data.length > 0) {
var dataArr = common.splieceGroup(data, cols);
... ... @@ -215,13 +294,21 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
//获取kpi
kpiIdList += ar.id + ",";
}
var tips = '<a class="detail_row_menu hide">\n' +
//start lsq 更改下探图标的属性值 2022-06-08
/* var tips = '<a class="detail_row_menu hide">\n' +
'<img style="width: 17px;height: 17px;" src="/src/style/img/icon_row_menu.png">\n' +
'</a>'*/
var tips = '<a class="detail_row_menu hide" data-statusf='+statusF+' data-id='+v.id+' data-flag='+v.flag+
' data-name='+v.name+' data-kpiname='+v.name+' data-iswarning=1 data-ident=1' +
' data-trend=0 data-unit="" data-hidem="hidem" data-nature="true" ' +
' data-restype='+(v.resType?v.resType:"")+'>\n' +
'<img style="width: 17px;height: 17px;" src="/src/style/img/icon_row_menu.png">\n' +
'</a>'
//end lsq 2022-06-08
var menuId = "";
if (ar.id == 'KPIE13DD9A3' || ar.id == 'KPI02786E8D') {
if (ar.id == 'KPIE13DD9A3' || ar.id == 'KPI02786E8D' || status!=-1) {
ar.name = ar.name + tips;
menuId = "id=\"" + targetId + "_detail_row_menu\"";
menuId = "id=\"" + targetId + "_detail_row_menu\" class='statusMenu'";
}
var $html = addIconByValue(valueStr);
var resStyle = obj.alarmEleMatchStyle(ar.flag, ar.id);
... ... @@ -243,21 +330,23 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
$("#" + targetId).html(li);
}
//初始化监听告警压制需要的数据
var rowMenu = $('#' + targetId).find('.detail_row_menu').eq(0);
rowMenu.attr("data-id", kpiIdList);
rowMenu.attr("data-flag", flags);
rowMenu.attr("data-name", "监控连接状态");
rowMenu.attr("data-kpiname", "监控连接状态");
rowMenu.attr("data-iswarning", "1");
rowMenu.attr("data-ident", "1");
rowMenu.attr("data-trend", "0");
rowMenu.attr("data-unit", "");
rowMenu.attr('data-hidem', 'true');
rowMenu.attr('data-nature', 'true');//性能趋势
rowMenu.attr('data-restype', data[0]?data[0].resType:'');
if(!statusF){
var rowMenu = $('#' + targetId).find('.detail_row_menu').eq(0);
rowMenu.attr("data-id", kpiIdList);
rowMenu.attr("data-flag", flags);
rowMenu.attr("data-name", "监控连接状态");
rowMenu.attr("data-kpiname", "监控连接状态");
rowMenu.attr("data-iswarning", "1");
rowMenu.attr("data-ident", "1");
rowMenu.attr("data-trend", "0");
rowMenu.attr("data-unit", "");
rowMenu.attr('data-hidem', 'true');
rowMenu.attr('data-nature', 'true');//性能趋势
rowMenu.attr('data-restype', data[0]?data[0].resType:'');
}
//监听告警压制等操作配置
$('#' + targetId + "_detail_row_menu").hover(function () {
// $('#' + targetId + "_detail_row_menu").hover(function () {
$('#' + targetId + "_detail_row_menu.statusMenu").hover(function () {
var $that = $(this);
var $btn = $that.find(".detail_row_menu");
if ($btn.length > 0) {
... ... @@ -3357,7 +3446,7 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
, done: function (res) {
if(res.data && res.data.length>0){
let listData=res.data;
//
$('#title-shutdown').css("width",'600px')
let carouselStr=`
<img src="/src/style/img/shutdown.png" style="position: absolute;top: 0; left: -3px;" alt="">
<div style="background: transparent; height: 30px;font-size: 14px; color:#ff0000; display: flex;align-items: center;">
... ... @@ -3377,24 +3466,10 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
$("#marqueeDiv").mouseout(function (){
this.start();
})
/*//轮播切换
let options={
width: '630px'
, height:'30px'
, arrow: 'none'
, autoplay: true//自动切换
, interval:5000//自动切换的时间间隔
// , trigger: (layui.device().ios || layui.device().android) ? 'click' : 'hover'
, anim: 'default' //切换动画的方式 fade,default,updown
, index: 0
, indicator:'none'//指示器的位置 outside，inside,none
}
var ins=carousel.render({
elem: '#shutdown-carousel'
});
//重置轮播
ins.reload(options);*/
//end lsq 2022-05-24
}else{
$('#title-shutdown').css("width",'0px')
}
}
})
... ... @@ -3894,6 +3969,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
var canCA = $menu.data('canca');
var inCAing = $menu.data('incaing');
var nature = $menu.data('nature');
//lsq 状态信息无其他下探 2022-06-08
var statusF = $menu.data('statusf');
var menubox = '<div class="detail_menubox" id="detail_menubox_id" style="color:#666;"><ul>';
if (!nature) {
menubox +=
... ... @@ -3906,8 +3983,9 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
if (!nature) {
menubox += '<li type="t"><i class="layui-icon">&#xe62c;</i>性能趋势</li>';
}
menubox += '<li type="n"><i class="layui-icon">&#xe758;</i>压制次数</li>';
// if(!statusF){
menubox += '<li type="n"><i class="layui-icon">&#xe758;</i>压制次数</li>';
// }
if (canCA) {
if (inCAing) {
menubox += '<li type="ca-cancel"><i class="layui-icon">&#xe64d;</i>取消容量预测</li>';
... ... @@ -3938,45 +4016,24 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
flag = flag.replace(/^\s+|\s+$/g, "");
}
//start lsq 根据kpiid获取是否是指标状态 2022-05-23
admin.req({
url: common.domainName + '/api-web/manage/kpi/page?' +
'isWarning=&isTrend=&kpiLevel=&ignoreCnt=&startTime=&endTime=&kpiPower=',
data: {
page:1,limit:99999,
kpiName: '',resType: '',kpiIdent: 2,kpiCategory: '',
kpiDataType:'',kpiUnit:'',isWarning:'',isTrend:'',
kpiLevel:'',ignoreCnt:'',startTime:'',endTime:'',kpiPower:''
},
success(response) {
let arr=[];
if (response && response.success) {
arr=response.data;
let idArr=[];
let idStr='';
if(id.indexOf(',')!=-1){
idArr=id.split(',');
idStr=idArr[0];
}else{
idStr=id;
}
let isKpi=false;
arr.map(item=>{
if(idStr==item.kpiId){
isKpi=true;
}
})
if(isKpi){
let menuboxStr = '<li type="link-status-kpi"><i class="layui-icon">&#xe758;</i>状态指标</li>';
$("#detail_menubox_id ul").append(menuboxStr)
}
} else {
// layer.msg('状态指标获取失败!', {icon: 2});
}
},
error(){
// layer.msg('状态指标获取失败!', {icon: 2});
let idArr=[];
let idStr='';
if(id.indexOf(',')!=-1){
idArr=id.split(',');
idStr=idArr[0];
}else{
idStr=id;
}
let isKpi=false;
statusKpiList.map(item=>{
if(idStr==item){
isKpi=true;
}
});
})
if(isKpi){
let menuboxStr = '<li type="link-status-kpi"><i class="layui-icon">&#xe758;</i>状态指标</li>';
$("#detail_menubox_id ul").append(menuboxStr)
}
setTimeout(function (){
//end lsq 2022-05-23
//菜单点击事件
... ... @@ -4049,6 +4106,8 @@ layui.define(['laytpl', 'admin', 'form', 'table', 'echarts', 'sessions', 'xmSele
});
}
//lsq 页面加载完就调用一下获取状态指标列表数据 2022-06-08
obj.getStatusKpiList();
//对外暴露的接口
exports('commonDetail', obj);
});
... ...
... ... @@ -1105,7 +1105,7 @@ layui.define(['table', 'form', 'admin', 'layer', 'upload', 'common', 'sessions',
type: 1,
area: ['90%','80%'],
resize:false,
btn: ['关闭'],
btn: ['确定','取消'],
content: laytpl($('#userResourceAuthorization').html()).render(JSON.stringify({})),
success: function (index, layero) {
renderResAuthByUser(usernames[0])
... ...
... ... @@ -28,7 +28,7 @@
:dataList="data.tableData"
:treeProps="{ children: 'children', hasChildren: 'hasChildren' }"
:total="data.count"
:pageSize="pageSize"
:pageSize="data.searchParams.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
:showIndex="true"
... ...
... ... @@ -156,7 +156,7 @@ export default {
let params = {
targetUserName: obj.selectModel.join(''),
"userName": proxy.$route.query.username,
"busId": arr.join(',')
"subId": arr.join(',')
}
if(params.targetUserName == params.userName){
proxy.$global.showMsg('变更用户不能与变更前用户一致，请修改！','warning');
... ...
... ... @@ -28,7 +28,7 @@
:dataList="data.tableData"
:treeProps="{ children: 'children', hasChildren: 'hasChildren' }"
:total="data.count"
:pageSize="pageSize"
:pageSize="data.searchParams.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
:showIndex="true"
... ...
... ... @@ -39,7 +39,6 @@
<cm-table-page :columns="columns"
:dataList="resourceData"
:total="count"
:layout="'total, prev,pager,next,sizes, jumper'"
:pageSize="search.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
... ...
... ... @@ -28,8 +28,6 @@ export default {
let count = Vue.ref(0);
//列表高度
let height = Vue.ref(window.innerHeight);
//列表分页
let limit = Vue.ref(400);
//加载
let loading = Vue.ref(true);
//选中数据
... ... @@ -39,7 +37,7 @@ export default {
resType: '',
keyword: '',
page: 1,
limit: 20,
limit: 50,
});
let resTypeOptions=Vue.ref([])
const columns = [
... ...
... ... @@ -27,7 +27,7 @@
<cm-table-page :columns="data.columns"
:dataList="data.tableData"
:total="data.count"
:pageSize="pageSize"
:pageSize="data.searchParams.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
:showIndex="true"
... ...
... ... @@ -28,7 +28,7 @@
:dataList="data.tableData"
:treeProps="{ children: 'children', hasChildren: 'hasChildren' }"
:total="data.count"
:pageSize="pageSize"
:pageSize="data.searchParams.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
:showIndex="true"
... ...
... ... @@ -3,51 +3,13 @@
<el-col :span="22">
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane v-for="(item,index) in tabData" :key="index" :label="item.ddicName" :name="item.ddicCode">
<!--<div class="table-container" v-if="item.ddicCode=='resourcePer'">
<ResourcePer></ResourcePer>
</div>
<div class="table-container" v-else-if="item.ddicCode=='resourceLeader'">
<ResourceLeader></ResourceLeader>
</div>
<div class="table-container" v-else-if="item.ddicCode=='resourceTypePer'">
<ResourceTypePer></ResourceTypePer>
</div>
<div class="table-container" v-else-if="item.ddicCode=='bizPer'">
<BizPer></BizPer>
</div>
<div class="table-container" v-else-if="item.ddicCode=='bizLeader'">
<BizLeader></BizLeader>
</div>
<div class="table-container" v-else-if="item.ddicCode=='alarmSubPer'">
<AlarmSubPer></AlarmSubPer>
</div>
<div class="table-container" v-else-if="item.ddicCode=='rolePer'">
<RolePer></RolePer>
</div>
<div class="table-container" v-else-if="item.ddicCode=='topoPer'">
<TopoPer></TopoPer>
</div>
<div class="table-container" v-else-if="item.ddicCode=='autoPatrolPortPer'">
<AutoPatrolPortPer></AutoPatrolPortPer>
</div>
<div class="table-container" v-else-if="item.ddicCode=='fileManagePer'">
<FileManagePer></FileManagePer>
</div>
<div class="table-container" v-else>暂无数据</div>-->
</el-tab-pane>
</el-tabs>
</el-col>
<el-col :span="2">
<div style="padding:0 10px 6px;border-bottom: 2px solid var(--el-border-color-light);">
<el-button type="primary" @click="exportClick()" size="small" style="margin-left: 6px">导出</el-button>
</div>
</el-col>
</el-row>
<el-row>
... ... @@ -68,15 +30,13 @@
</el-row>
<el-row v-if="isAll==0">
<el-col :span="24" class="table-height">
<!-- <span style="margin-right:6px;"><el-button type="primary" @click="clickAll">全部</el-button></span>-->
<el-select
v-model="selectModel"
placeholder="请选择需要导出的页签"
multiple
style="width:80%"
clearable
filterable
>
filterable>
<el-option
v-for="item in tabData"
:key="item.ddicCode"
... ...
... ... @@ -44,7 +44,6 @@
<cm-table-page :columns="columns"
:dataList="resourceData"
:total="count"
:layout="'total, prev,pager,next,sizes, jumper'"
:pageSize="search.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
... ...
... ... @@ -28,8 +28,6 @@ export default {
let count = Vue.ref(0);
//列表高度
let height = Vue.ref(window.innerHeight);
//列表分页
let limit = Vue.ref(400);
//加载
let loading = Vue.ref(true);
//选中数据
... ... @@ -39,7 +37,7 @@ export default {
resType: '',
keyword: '',
page: 1,
limit: 20,
limit: 50,
});
let resTypeOptions=Vue.ref([])
const columns = [
... ...
... ... @@ -42,7 +42,6 @@
<cm-table-page :columns="columns"
:dataList="resourceData"
:total="count"
:layout="'total, prev,pager,next,sizes, jumper'"
:pageSize="search.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
... ...
... ... @@ -28,8 +28,6 @@ export default {
let count = Vue.ref(0);
//列表高度
let height = Vue.ref(window.innerHeight);
//列表分页
let limit = Vue.ref(400);
//加载
let loading = Vue.ref(true);
//选中数据
... ... @@ -39,7 +37,7 @@ export default {
resType: '',
keyword: '',
page: 1,
limit: 20,
limit: 50,
});
let resTypeOptions=Vue.ref([])
const columns = [
... ...
... ... @@ -42,7 +42,6 @@
<cm-table-page :columns="columns"
:dataList="resourceData"
:total="count"
:layout="'total, prev,pager,next,sizes, jumper'"
:pageSize="search.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
... ...
... ... @@ -28,8 +28,6 @@ export default {
let count = Vue.ref(0);
//列表高度
let height = Vue.ref(window.innerHeight);
//列表分页
let limit = Vue.ref(400);
//加载
let loading = Vue.ref(true);
//选中数据
... ... @@ -43,7 +41,7 @@ export default {
resType: '',
keyword: '',
page: 1,
limit: 20,
limit: 50,
});
let resTypeOptions=Vue.ref([])
const columns = [
... ...
... ... @@ -29,7 +29,6 @@
<cm-table-page :columns="columns"
:dataList="resourceData"
:total="count"
:layout="'total, prev,pager,next,sizes, jumper'"
:pageSize="search.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
... ...
... ... @@ -28,8 +28,6 @@ export default {
let count = Vue.ref(0);
//列表高度
let height = Vue.ref(window.innerHeight);
//列表分页
let limit = Vue.ref(400);
//加载
let loading = Vue.ref(true);
//选中数据
... ... @@ -38,7 +36,7 @@ export default {
resType: '',
keyword: '',
page: 1,
limit: 20,
limit: 50,
});
const columns = [
{
... ...
... ... @@ -28,7 +28,7 @@
:dataList="data.tableData"
:treeProps="{ children: 'children', hasChildren: 'hasChildren' }"
:total="data.count"
:pageSize="pageSize"
:pageSize="data.searchParams.limit"
@loaddata="loadTableDataList"
@selectionChange="selectionChange"
:showIndex="true"
... ...
... ... @@ -24,65 +24,46 @@ export default {
"limit": 50,
"keywords": "",
"userName": proxy.$route.query.username,
"busId": ""
"jtopoId": ""
},
userDialogFlag : false,
count: 0,
columns: [{
prop: "busTypeName",
prop: "topoName",
label: "名称",
width: "250",
sortable: true,
align: 'center'
}, {
prop: "nickname",
label: "负责人",
width: "120",
sortable: true,
align: 'center'
}, {
prop: "busTypeDesc",
label: "业务描述",
width: "200",
sortable: true,
align: 'center'
}, {
prop: "isUse",
label: "是否使用",
},
{
prop: "isDefault",
label: "默认状态",
sortable: true,
align: 'center',
render: (row) => {
switch (row.isUse) {
//1是默认，0为非默认
switch (row.isDefault) {
case 0:
return '否';
return '非默认';
case 1:
return '是';
return '默认';
default:
return '';
}
}
}, {
prop: "important",
label: "重要程度",
prop: "createUser",
label: "创建人",
sortable: true,
align: 'center',
render: (row) => {
switch (row.important) {
case 1:
return '核心';
case 2:
return '重要';
case 3:
return '一般';
case 9:
return '虚拟业务';
default:
return '';
}
}
}, {
prop: "sort",
label: "排序",
prop: "createTime",
label: "创建时间",
sortable: true,
align: 'center'
}, {
prop: "remark",
label: "备注",
sortable: true,
align: 'center'
}],
... ... @@ -103,7 +84,7 @@ export default {
if (v.parentId == '0') {
// 获取子节点
let childs = list.filter(function (v1) {
if (v1.parentId != '0' && v1.parentId == v.busId) {
if (v1.parentId != '0' && v1.parentId == v.jtopoId) {
// 获取子节点
return v1;
}
... ... @@ -117,7 +98,7 @@ export default {
return a.sort - b.sort
})
dataVal.tableData = tableData;
dataVal.tableData = list;
dataVal.count = count;
}
})
... ... @@ -139,7 +120,7 @@ export default {
let params = {
targetUserName: obj.selectModel.join(''),
"userName": proxy.$route.query.username,
"busId": arr.join(',')
"jtopoId": arr.join(',')
}
if(params.targetUserName == params.userName){
proxy.$global.showMsg('变更用户不能与变更前用户一致，请修改！','warning');
... ... @@ -177,7 +158,7 @@ export default {
return;
}
data.value.searchParams.busId = arr.join(',')
data.value.searchParams.jtopoId = arr.join(',')
proxy.$global.confirm("确定取消相关资源？", function () {
proxy.$http.post(`/api-web/personnelChange/remove/topoPer`, data.value.searchParams , function (res) {
if (res && res.success) {
... ... @@ -200,12 +181,12 @@ export default {
let selectionChange = (val) => {
let checkArr = [];
val.map(item => {
checkArr.push(item.busId)
checkArr.push(item.jtopoId)
})
data.value.checkArr = checkArr;
let isCheck = (list, checkArr) => {
list.forEach((v, i) => {
v.checked = checkArr.includes(v.busId);
v.checked = checkArr.includes(v.jtopoId);
if (v.children) {
isCheck(v.children, checkArr);
}
... ...