monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 00b10b6fe4824850a0a423ccf194cbb0027ad469 1 parent d74fc175

【#1162】 变更负责人相关业务-组页面操作列大小更改，文档管理组件 #3

Inline Side-by-side
Showing 5 changed files with 87 additions and 9 deletions
... ... @@ -191,7 +191,7 @@ layui.define(['table', 'form', 'admin', 'layer', 'upload', 'common', 'sessions',
}
},
{
title: '操作', fixed: 'right', align: 'center',minWidth: 230,
title: '操作', fixed: 'right', align: 'center',minWidth: 280,
templet: '<div>' +
//lsq 新增变更按钮 2022-05-30
'<button data-username="{{d.username}}" lay-tips="人员相关业务变更" type="button" class="layui-btn layui-btn-xs layui-btn-normal user_batch_change_leaders_btn"><i class="layui-icon layui-icon-edit"></i></button>'+
... ... @@ -302,14 +302,71 @@ layui.define(['table', 'form', 'admin', 'layer', 'upload', 'common', 'sessions',
urlParams+=key+'='+param[key]+'&'
}
}
urlParams=urlParams.substr(0,urlParams.length-1)
urlParams=urlParams.substr(0,urlParams.length-1);
let title=`
<div style="display: flex;justify-content: space-between; align-items: center;">
<span>相关业务批量变更</span>
<button id="exportBtn" type="button" class="layui-btn layui-btn-sm layui-btn-normal">导出</button>
</div>
`;
layer.open({
title: ['相关业务批量变更', 'font-size:18px;'],
title: [title, 'font-size:18px;'],
type: 2,
area: ['80%', '90%'],
shadeClose: true,//开启遮罩层
id: 'kpi_line_chart_div',
id: 'batch_change_leaders',
content: ['/vue3/index.html#/vue3/batchChangeLeaders?'+urlParams, 'no'],
success:function (){
$("#exportBtn").unbind().on("click",function () {
debugger
layer.open({
id:'exportChange',
content:'<div id="batch_change_select">123</div>',
btn: ['确定','取消'],
title:'导出相关业务',
type:'1',
area:['320px','170px'],
success:function (){
debugger
//获取字典中的变更相关业务选项卡
admin.req({
url: domainName + '/api-web/manage/ddic/findSucDdics/batch_change_leaders'
, method: 'POST'
, async: false
, success: function (res) {
if(res && res.data){
let content= xmSelect.render({
el: '#batch_change_select',
name: 'batchChangeTab',
// tips: '=服务商=',
// radio: true,
// clickClose: true,
filterable: true,
data:res.data,
prop: {
name: 'ddicName',
value: 'ddicCode'
},
on: function(data){
// setTimeout(function () {
// reloadTable();
// },500)
},
});
}
}
});
},
yes:function (index,layero) {
layer.msg('导出成功', {icon: 7});
layer.close(index)
}
})
})
},
cancel: function () {
// clearTimeout(obj.lineTimer);
}
... ...
export default {
name: 'resourceTypePer',
template: '',
components: {
},
data() {
},
props: {
},
setup: function (props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
// 挂载完
Vue.onMounted(() => {
})
return {
}
}
}
\ No newline at end of file
... ...
... ... @@ -50,7 +50,7 @@ export default {
let getBatchChangeData=()=>{
proxy.$http.post("/api-web/manage/ddic/findSucDdics/batch_change_leaders", {}, function (res) {
if (res && res.data) {
tabData.value = res.data;
tabData.value = res.data.sort((a,b)=>a.ddicSort-b.ddicSort);
activeName.value=tabData.value[0].ddicCode;
}
})
... ...
... ... @@ -63,13 +63,13 @@ export default {
render: function (row) {
switch (row.state) {
case "new" :
return '<button type="button" class="layui-btn layui-btn-warm layui-bg-gray layui-btn-radius layui-btn-xs p-0-15">未监控</button>'
return '<span style="background-color: #eee;color:#666;border-radius: 100px;padding:0 8px;display: inline-block;height:24px;line-height: 24px;">未监控</span>'
case "monitor" :
return '<button type="button" class="layui-btn layui-btn-radius layui-bg-green layui-btn-xs p-0-15" style="background-color: #0BAC33 !important;">监控中</button>'
return '<span style="background-color: #0BAC33;color:#fff;border-radius: 100px;padding:0 8px;display: inline-block;height:24px;line-height: 24px;">监控中</span>'
case "stop" :
return '<button type="button" class="layui-btn layui-btn-warm layui-bg-red layui-btn-radius layui-btn-xs p-0-15">暂停</button>'
return '<span style="background-color: #d81e06;color:#fff;border-radius: 100px;padding:0 8px;display: inline-block;height:24px;line-height: 24px;">暂停</span>'
default :
return '<button type="button" class="layui-btn layui-btn-warm layui-bg-gray layui-btn-radius layui-btn-xs p-0-15">未监控</button>'
return '<span style="background-color: #eee;color:#666;border-radius: 100px;padding:0 8px;display: inline-block;height:24px;line-height: 24px;">未监控</span>'
}
}
},
... ...