monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit bd7da443a05a543d33f28d8464d7422911338ce4 1 parent 7c9b6f0f

elementui升级影响到页面样式更改-对比分析、故障管理、乙方运维 #2

Inline Side-by-side
Showing 16 changed files with 118 additions and 101 deletions
... ... @@ -361,7 +361,15 @@ global.getAlarmLevel = (level) => {
}
// 组件默认大小 medium / small / mini
global.elementSize = '';
// global.elementSize = 'default';
global.elementConfig = {
size:{
// large / default / small
button:'default',
// large / default / small
input:'large'
}
}
global.height = window.innerHeight - 20;
export default global
... ...
... ... @@ -2,14 +2,14 @@
<div class="cm-card" :style="{'min-height':height+'px','height':'100%'}">
<analysis-line :legend="lineChart.legend" :xAxis="lineChart.xAxis" :series="lineChart.series">
<template #lineName="scope">
<el-input v-model="form.scene.name" placeholder="请输入场景名称"/>
<el-input :size="$global.elementConfig.size.input" v-model="form.scene.name" placeholder="请输入场景名称"/>
</template>
<template #tools="scope">
<el-button type="primary" style="margin-left: 10px" @click="showDialogForm(true)">保存</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" style="margin-left: 10px" @click="showDialogForm(true)">保存</el-button>
</template>
<template #timeRange="scope">
<el-dropdown style="margin-left: 100px">
<el-button>
<el-button :size="$global.elementConfig.size.button">
时间范围 <i class="el-icon el-icon-arrow-down"></i>
</el-button>
<template #dropdown>
... ... @@ -26,7 +26,7 @@
</template>
<template #frequency="scope">
<el-dropdown style="margin-left: 10px">
<el-button style="display: none !important;">
<el-button :size="$global.elementConfig.size.button" style="display: none !important;">
聚合频率 <i class="el-icon el-icon-arrow-down"></i>
</el-button>
<template #dropdown>
... ... @@ -51,7 +51,7 @@
<div style="width: calc(100% - 12px);padding: 0px 6px">
<el-row :gutter="5">
<el-col :span="4">
<div style="display: flex;flex-wrap: wrap;width: 100%;padding-left: 15px;">
<div style="display: flex;flex-wrap: wrap;width: 100%;padding-left: 15px;padding-right:15px;box-sizing: border-box;">
<!--<el-dropdown>
<el-icon class="el-icon&#45;&#45;right">
<arrow-down/>
... ... @@ -59,13 +59,13 @@
<cm-biz-type-tree-input multiple clearable collapseTags @callback="getBizType"/>
</el-dropdown>-->
<el-select v-model="busTypeArr" multiple filterable clearable collapse-tags placeholder="请选择业务" style="margin-top: 10px">
<el-select :size="$global.elementConfig.size.input" v-model="busTypeArr" multiple filterable clearable collapse-tags placeholder="请选择业务" style="margin-top: 10px">
<el-option
v-for="item in busTypeList"
:label="item.busTypeName" :value="item.busId"></el-option>
</el-select>
<el-dropdown>
<el-dropdown :size="$global.elementConfig.size.input">
<el-icon class="el-icon--right">
<arrow-down/>
</el-icon>
... ... @@ -79,17 +79,17 @@
<cm-kpi-type-tree-input multiple clearable collapseTags @callback="getKpiType"/>
</el-dropdown>-->
<el-select v-model="kpiTypeArr" multiple filterable clearable collapse-tags placeholder="请选择指标" style="margin-top: 10px">
<el-select :size="$global.elementConfig.size.input" v-model="kpiTypeArr" multiple filterable clearable collapse-tags placeholder="请选择指标" style="margin-top: 10px">
<el-option
v-for="item in kpiList"
:label="item.kpiName" :value="item.kpiId"></el-option>
</el-select>
<el-input v-model="keyWords" placeholder="输入关键字" style="margin-top: 15px;width: 225px;"/>
<el-input :size="$global.elementConfig.size.input" v-model="keyWords" placeholder="输入关键字" style="margin-top: 15px;width: 225px;"/>
<div style="margin-top: 10px;text-align: center">
<el-button type="primary" @click="onReset()">重置</el-button>
<el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onReset()">重置</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
</div>
</div>
</el-col>
... ... @@ -102,7 +102,7 @@
:showBorder="true" :loading="false"
:showPage="true" :showTools="true" :height="(height - 500)">
<template #tools="{scope}">
<el-button type="text" size="small"
<el-button :size="$global.elementConfig.size.button" type="text" size="small"
@click.prevent="deleteRes(scope.row,scope.$index)">
<i class="el-icon-delete"/> 移除
</el-button>
... ... @@ -143,10 +143,10 @@
</el-radio-group>
</div>
<div v-if="!isAdd " style="padding: 3px 10px;">
<el-input v-model="form.parentName" placeholder="请输入场景分类"/>
<el-input :size="$global.elementConfig.size.input" v-model="form.parentName" placeholder="请输入场景分类"/>
</div>
<div v-if="!isAdd " style="padding: 3px 10px;">
<el-input v-model="form.desc" placeholder="请输入场景分类描述"/>
<el-input :size="$global.elementConfig.size.input" v-model="form.desc" placeholder="请输入场景分类描述"/>
</div>
<div v-else style="padding: 3px 10px;">
... ... @@ -164,13 +164,13 @@
<!-- <span>比对分析场景</span>-->
<!-- </div>-->
<div style="padding: 3px 10px;">
<el-input v-model="form.scene.name" placeholder="请输入场景名称"/>
<el-input :size="$global.elementConfig.size.input" v-model="form.scene.name" placeholder="请输入场景名称"/>
</div>
<div style="padding: 3px 10px;">
<el-input v-model="form.scene.desc" placeholder="请输入场景描述"/>
<el-input :size="$global.elementConfig.size.input" v-model="form.scene.desc" placeholder="请输入场景描述"/>
</div>
<div style="padding: 3px 10px;">
<el-input v-model="form.scene.sort" type="number" placeholder="请输入排序"/>
<el-input :size="$global.elementConfig.size.input" v-model="form.scene.sort" type="number" placeholder="请输入排序"/>
</div>
</template>
</cm-dialog>
... ...
... ... @@ -15,9 +15,9 @@
<el-row class="list-search">
<el-col :span="6">
<div class="search-input flex-div-start">
<el-input v-model="inputSearch" placeholder="请输入查询内容" />
<el-input :size="$global.elementConfig.size.input" v-model="inputSearch" placeholder="请输入查询内容" />
<!-- <span class="search-text" >搜索</span>-->
<el-button type="primary" @click="searchData" class="search-text button-flex-div-center">搜索</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="searchData" class="search-text button-flex-div-center">搜索</el-button>
</div>
... ... @@ -26,7 +26,7 @@
<el-row class="list-title">
<el-col :span="24" class="text-left">
<router-link :to="'/analysis/add'" class="analysis link-type">
<el-button type="primary" class="button-flex-div-center"><i class="el-icon-plus"></i>新增</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" class="button-flex-div-center"><i class="el-icon-plus"></i>新增</el-button>
</router-link>
<!-- <el-button type="primary" class="button-flex-div-center"><i class="icon-list icon-list-delete"></i>删除</el-button>-->
... ... @@ -81,11 +81,11 @@
<el-dialog v-model="addVisible" :title="添加配置" width="50%" @close="closeDialog" top="15vh">
<el-form ref="addHandleForm" :model="addHandleForm" label-width="120px">
<el-form-item label="名称">
<el-input v-model="addHandleForm.parentName"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="addHandleForm.parentName"></el-input>
</el-form-item>
<el-form-item label="描述">
<el-input v-model="addHandleForm.desc"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="addHandleForm.desc"></el-input>
</el-form-item>
</el-form>
</el-dialog>
... ...
... ... @@ -8,7 +8,7 @@
<el-col :span="24">
<div class="flex-div-start margin-top-bottom-10">
<el-select class="margin-right-10" v-model="resTypeArr" @change="changeRes" filterable clearable collapse-tags placeholder="请选择资源">
<el-select :size="$global.elementConfig.size.input" class="margin-right-10" v-model="resTypeArr" @change="changeRes" filterable clearable collapse-tags placeholder="请选择资源">
<el-option
v-for="item in resTypeList"
:label="item.resName" :value="item.resId"></el-option>
... ... @@ -19,19 +19,19 @@
</el-dropdown>-->
<el-select class="margin-right-10" v-model="kpiTypeArr" filterable clearable collapse-tags placeholder="请选择指标">
<el-select :size="$global.elementConfig.size.input" class="margin-right-10" v-model="kpiTypeArr" filterable clearable collapse-tags placeholder="请选择指标">
<el-option
v-for="item in kpiList"
:label="item.kpiName" :value="item.kpiId"></el-option>
</el-select>
<el-input style="width:160px;" class="margin-right-10" v-model="keyWords" placeholder="输入关键字" />
<el-input :size="$global.elementConfig.size.input" style="width:160px;" class="margin-right-10" v-model="keyWords" placeholder="输入关键字" />
<div class="flex-div-start">
<el-button type="primary" @click="onReset()">重置</el-button>
<el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button type="primary" @click="saveAll()" style="margin-left: 10px">批量添加</el-button>
<el-button type="primary" @click="saveAllData()" style="margin-left: 10px">全部添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onReset()">重置</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="saveAll()" style="margin-left: 10px">批量添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="saveAllData()" style="margin-left: 10px">全部添加</el-button>
</div>
</div>
... ... @@ -42,7 +42,7 @@
<cm-table-page v-show="tableDataList" :columns="columns" :dataList="tableDataList" @loaddata="loadTableDataList" :multipleSelection="apmMonitorListChecked"
:showIndex="true" :total="count" :showSelection="true" @selectionChange="selectionChange"
:showBorder="true" :loading="false" :pageSize="pageSize"
:showPage="true" :showTools="true" :height="(height - 500)">
:showPage="true" :showTools="true" :height="(height - 300)">
<template #tools="{scope}">
<el-button type="text" size="small" @click.prevent="addRes(scope.row,scope.$index)">
<i class="el-icon-plus"/> 添加
... ...
... ... @@ -47,6 +47,7 @@ export default {
setup(props){
const {proxy} = Vue.getCurrentInstance();
let id = proxy.$global.getQueryVariable('configId') ;
let height=Vue.ref(window.innerHeight);
let config = Vue.ref(id == false ? null : id);
let count=Vue.ref(0);
let tableDataList = Vue.ref([]);
... ... @@ -301,7 +302,8 @@ export default {
resTypeList,
init,
onReset,
onBtnSearch
onBtnSearch,
height
}
},
... ...
... ... @@ -25,13 +25,13 @@
:label="item.kpiName" :value="item.kpiId"></el-option>
</el-select>-->
<el-input style="width:160px;" class="margin-right-10" v-model="keyWords" placeholder="输入关键字" />
<el-input :size="$global.elementConfig.size.input" style="width:160px;" class="margin-right-10" v-model="keyWords" placeholder="输入关键字" />
<div class="flex-div-start">
<el-button type="primary" @click="onReset()">重置</el-button>
<el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button type="primary" :disabled="isLoading" @click="saveAll()" style="margin-left: 10px">批量添加</el-button>
<el-button type="primary" :disabled="isLoading" @click="saveAlldata()" style="margin-left: 10px">全部添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onReset()">重置</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" :disabled="isLoading" @click="saveAll()" style="margin-left: 10px">批量添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" :disabled="isLoading" @click="saveAlldata()" style="margin-left: 10px">全部添加</el-button>
</div>
</div>
</el-col>
... ... @@ -41,7 +41,7 @@
<cm-table-page v-show="tableDataList" :columns="columns" :dataList="tableDataList" @loaddata="loadTableDataList" :multipleSelection="applicationMonitorListChecked"
:showIndex="true" :total="count" :showSelection="true" @selectionChange="selectionChange"
:showBorder="true" :loading="false" :pageSize="pageSize"
:showPage="true" :showTools="true" :height="(height - 500)">
:showPage="true" :showTools="true" :height="(height - 300)">
<template #default="{row,prop,column}">
<div v-if="prop == 'url'" class="text-overflow" :title="row.url">
<span class="">{{row.url }}</span>
... ...
... ... @@ -28,6 +28,7 @@ export default {
setup(props){
const {proxy} = Vue.getCurrentInstance();
let id = proxy.$global.getQueryVariable('configId') ;
let height=Vue.ref(window.innerHeight);
let config = Vue.ref(id == false ? null : id);
let count=Vue.ref(0);
let tableDataList = Vue.ref([]);
... ... @@ -305,7 +306,8 @@ export default {
targetId,
init,
onReset,
onBtnSearch
onBtnSearch,
height
}
},
... ...
... ... @@ -30,8 +30,8 @@
<div class="flex-div-start">
<!-- <el-button type="primary" @click="onReset()">重置</el-button>
<el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>-->
<el-button type="primary" :disabled="isLoading" @click="saveAll()">批量添加</el-button>
<el-button type="primary" :disabled="isLoading" @click="saveAlldata()" style="margin-left: 10px">全部添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" :disabled="isLoading" @click="saveAll()">批量添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" :disabled="isLoading" @click="saveAlldata()" style="margin-left: 10px">全部添加</el-button>
</div>
</div>
</el-col>
... ...
... ... @@ -6,7 +6,7 @@
<div class="grid-content bg-purple">
<span class="fault-book-input-text">所属业务</span>
<!-- <el-input v-model="input" placeholder="Please input 1" class="fault-book-input"/>-->
<el-select class="margin-right-10" v-model="busTypeArr" @change="changeBUsType" filterable clearable collapse-tags placeholder="请选择业务">
<el-select :size="$global.elementConfig.size.input" class="margin-right-10" v-model="busTypeArr" @change="changeBUsType" filterable clearable collapse-tags placeholder="请选择业务">
<el-option
v-for="item in busTypeList"
:label="item.busTypeName" :value="item.busId" :key="item.busId"></el-option>
... ... @@ -16,7 +16,7 @@
<el-col :span="6">
<div class="grid-content bg-purple">
<span class="fault-book-input-text">名称</span>
<el-input v-model="name" placeholder="请输入名称" maxlength="50" class="fault-book-input"/>
<el-input :size="$global.elementConfig.size.input" v-model="name" placeholder="请输入名称" maxlength="50" class="fault-book-input"/>
</div>
</el-col>
</el-row>
... ... @@ -79,7 +79,7 @@
<el-col :span="24" >
<div class="fault-definition-select-up">
当
<el-select v-model="kpiId" placeholder="请选择告警">
<el-select :size="$global.elementConfig.size.input" v-model="kpiId" placeholder="请选择告警">
<el-option
v-for="item in alarmList"
:key="item.kpiId"
... ... @@ -89,7 +89,7 @@
</el-option>
</el-select>
的警告级别为
<el-select v-model="triggerValue" placeholder="请选择级别">
<el-select :size="$global.elementConfig.size.input" v-model="triggerValue" placeholder="请选择级别">
<el-option
v-for="item in alarmLevel"
:key="item.value"
... ... @@ -168,13 +168,13 @@
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in networkMonitorList" :key="index">
<div>
<el-button :disabled="faultStateRadio==0" class="multiple-choice-button" type="primary">{{item.linkName}}</el-button>
<el-button :size="$global.elementConfig.size.button" :disabled="faultStateRadio==0" class="multiple-choice-button" type="primary">{{item.linkName}}</el-button>
<img :id="item.id" v-if="faultStateRadio==1" @click="deleteNetLink(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">
<img src="" v-else style="width:12px;height:12px;" class="multiple-choice-icon" alt="">
</div>
</div>
<div class="flex-div btn-el-btn margin-bottom-10" v-if="faultStateRadio==1">
<el-button class="multiple-choice-button color-999" @click="addNetNode">添加网络检测</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addNetNode">添加网络检测</el-button>
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
</div>
</div>
... ... @@ -206,7 +206,7 @@
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in applicationMonitorList" :key="index">
<div>
<el-button :disabled="faultApplicationRadio==0" class="multiple-choice-button" type="primary">{{item.streamName}}</el-button>
<el-button :size="$global.elementConfig.size.button" :disabled="faultApplicationRadio==0" class="multiple-choice-button" type="primary">{{item.streamName}}</el-button>
<!-- <img :id="item.id" @click="deleteItem(item.id, applicationMonitorList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">-->
<img :id="item.id" v-if="faultApplicationRadio==1" @click="deleteApp(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">
<img src="" v-else style="width:12px;height:12px;" class="multiple-choice-icon" alt="">
... ... @@ -214,7 +214,7 @@
</div>
<div class="flex-div btn-el-btn margin-bottom-10" v-if="faultApplicationRadio==1">
<el-button class="multiple-choice-button color-999" @click="addApplicationMonitor()">添加应用检测</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addApplicationMonitor()">添加应用检测</el-button>
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
</div>
</div>
... ... @@ -240,7 +240,7 @@
<el-radio v-model="faultEnvironmentRadio" label="0">不启用</el-radio>
</div>
<div class="flex-div margin-30 btn-el-btn margin-bottom-10" v-if="faultEnvironmentRadio==1">
<el-button class="multiple-choice-button color-999" @click="addBaseMonitor()">添加基础环境</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addBaseMonitor()">添加基础环境</el-button>
<img style="top:0;" src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
</div>
</el-col>
... ... @@ -328,13 +328,13 @@
<el-col :span="24">
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in apmMonitorList" :key="index" >
<el-button :disabled="faultAPMRadio==0" class="multiple-choice-button" type="primary">{{item.resName}}</el-button>
<el-button :size="$global.elementConfig.size.button" :disabled="faultAPMRadio==0" class="multiple-choice-button" type="primary">{{item.resName}}</el-button>
<img :id="item.id" @click="deleteApm(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon position-absolute cursorClass">
</div>
<div class="btn-el-btn margin-bottom-10" v-if="faultAPMRadio==1">
<el-button class="multiple-choice-button" @click="addAPM()">添加 APM</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" @click="addAPM()">添加 APM</el-button>
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
</div>
... ... @@ -369,7 +369,7 @@
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in dialtestMonitorList" :key="index">
<div>
<el-button :disabled="faultDialtestRadio==0" class="multiple-choice-button" type="primary">{{item.taskName}}</el-button>
<el-button :size="$global.elementConfig.size.button" :disabled="faultDialtestRadio==0" class="multiple-choice-button" type="primary">{{item.taskName}}</el-button>
<!-- <img :id="item.id" @click="deleteItem(item.id, applicationMonitorList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">-->
<img :id="item.id" v-if="faultDialtestRadio==1" @click="deleteDialtest(item)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon cursorClass">
<img src="" v-else style="width:12px;height:12px;" class="multiple-choice-icon" alt="">
... ... @@ -377,7 +377,7 @@
</div>
<div class="flex-div btn-el-btn margin-bottom-10" v-if="faultDialtestRadio==1">
<el-button class="multiple-choice-button color-999" @click="addDialtestMonitor()">添加拨测分析</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button color-999" @click="addDialtestMonitor()">添加拨测分析</el-button>
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
</div>
</div>
... ... @@ -409,12 +409,12 @@
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in logDetectionList" :key="index">
<div>
<el-button :disabled="faultLogRadio==0" class="multiple-choice-button" type="primary">{{item.title}}</el-button>
<el-button :size="$global.elementConfig.size.button" :disabled="faultLogRadio==0" class="multiple-choice-button" type="primary">{{item.title}}</el-button>
<img :id="item.id" @click="deleteItem(item.id, logDetectionList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon">
</div>
</div>
<div class="btn-el-btn margin-bottom-10" v-if="faultLogRadio==1">
<el-button class="multiple-choice-button" @click="addLogMonitor()">添加日志检测</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" @click="addLogMonitor()">添加日志检测</el-button>
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
</div>
</div>
... ... @@ -437,12 +437,12 @@
<div class="context-multiple-choice flex-div-start margin-30 flex-div-wrap overflow-scroll-y">
<div class="btn-el-btn margin-bottom-10" v-for="(item, index) in subscriptionReportList" :key="index">
<div>
<el-button class="multiple-choice-button" type="primary">{{item.title}}</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" type="primary">{{item.title}}</el-button>
<img :id="item.id" @click="deleteItem(item.id, subscriptionReportList)" src="./src/assets/images/faultDiagnosis/icon-item-delete.png" class="multiple-choice-icon">
</div>
</div>
<div class="btn-el-btn margin-bottom-10">
<el-button class="multiple-choice-button" @click="addSubscriptionReport()">添加订阅人员</el-button>
<el-button :size="$global.elementConfig.size.button" class="multiple-choice-button" @click="addSubscriptionReport()">添加订阅人员</el-button>
<img src="./src/assets/images/faultDiagnosis/icon-item-add.png" class="multiple-choice-add-icon">
</div>
</div>
... ... @@ -452,8 +452,8 @@
<!--取消和保存-->
<div class="btn-faultDiagnosis flex-center">
<el-button @click="goBackIndex">取消</el-button>
<el-button @click="saveConfigDetail" type="primary" :loading="isLoading">保存</el-button>
<el-button :size="$global.elementConfig.size.button" @click="goBackIndex">取消</el-button>
<el-button :size="$global.elementConfig.size.button" @click="saveConfigDetail" type="primary" :loading="isLoading">保存</el-button>
</div>
... ...
... ... @@ -2,7 +2,7 @@
<el-row>
<el-col :span="6">
<div class="search-input margin-30 flex-div-start">
<el-input v-model="name" placeholder="故障诊断" class="fault-book-input-text" />
<el-input :size="$global.elementConfig.size.input" v-model="name" placeholder="故障诊断" class="fault-book-input-text" />
<span class="search-text" style="border-radius: 4px" @click="searchList">搜索</span>
</div>
... ...
... ... @@ -33,7 +33,7 @@
</div>
<el-row v-if="!addSetLIstVisible" class="flex-div-start" style="margin: 20px 0 10px 4%;" >
<span>配置链路名称</span>
<el-input style="flex:1;margin-left:10px;" maxlength="50" class="margin-right-10" v-model="linkName" placeholder="输入链路名称" />
<el-input :size="$global.elementConfig.size.input" style="flex:1;margin-left:10px;" maxlength="50" class="margin-right-10" v-model="linkName" placeholder="输入链路名称" />
</el-row>
<div class="context-body">
... ... @@ -102,7 +102,7 @@
</el-row>
<div v-if="!addSetLIstVisible" class="margin-top flex-center position-bottom">
<el-button @click="saveLinkAndNodeInfo" type="primary">保存</el-button>
<el-button :size="$global.elementConfig.size.button" @click="saveLinkAndNodeInfo" type="primary">保存</el-button>
</div>
</div>
... ... @@ -124,7 +124,7 @@
v-for="item in busTypeList"
:label="item.busTypeName" :value="item.busId"></el-option>
</el-select>-->
<el-select class="margin-right-10" v-model="resTypeArr" @change="changeRes" filterable clearable collapse-tags placeholder="请选择资源">
<el-select :size="$global.elementConfig.size.input" class="margin-right-10" v-model="resTypeArr" @change="changeRes" filterable clearable collapse-tags placeholder="请选择资源">
<el-option
v-for="item in resTypeList"
:label="item.resName" :value="item.resId"></el-option>
... ... @@ -135,7 +135,7 @@
</el-dropdown>-->
<el-select class="margin-right-10" v-model="kpiTypeArr" filterable clearable collapse-tags placeholder="请选择指标">
<el-select :size="$global.elementConfig.size.input" class="margin-right-10" v-model="kpiTypeArr" filterable clearable collapse-tags placeholder="请选择指标">
<el-option
v-for="item in kpiList"
:label="item.kpiName" :value="item.kpiId"></el-option>
... ... @@ -144,15 +144,15 @@
<!-- <el-input style="width:160px;" class="margin-right-10" v-model="keyWords" placeholder="输入关键字" />-->
<div class="flex-div-start">
<el-button type="primary" @click="onReset()">重置</el-button>
<el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onReset()">重置</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
</div>
</div>
</el-col>
</el-row>
<el-row v-if="flag" class="flex-div-start" style="margin-bottom: 10px;margin-top: 10px;padding-top:10px;border-top:1px solid #ebeef5" >
<span>节点名称</span>
<el-input style="flex:1;margin-left:10px;" class="margin-right-10" maxlength="50" v-model.trim="nodeName" placeholder="输入节点名称" />
<el-input :size="$global.elementConfig.size.input" style="flex:1;margin-left:10px;" class="margin-right-10" maxlength="50" v-model.trim="nodeName" placeholder="输入节点名称" />
</el-row>
<el-row class="margin-bottom-50">
<el-col :span="24" :class="[{'table-height':!flag},{'table-height-45':flag}]">
... ... @@ -179,7 +179,7 @@
</el-row>
<div v-if="tableVisible" class="margin-top btn-faultDiagnosis flex-center position-bottom">
<el-button @click="cancleList">取消</el-button>
<el-button :size="$global.elementConfig.size.button" @click="cancleList">取消</el-button>
<!-- <el-button @click="saveList" type="primary">保存</el-button>-->
</div>
</template>
... ...
... ... @@ -74,6 +74,7 @@ export default {
setup(props){
const {proxy} = Vue.getCurrentInstance();
let id = proxy.$global.getQueryVariable('configId') ;
let height=Vue.ref(window.innerHeight);
let config = Vue.ref(id == false ? null : id);
let count=Vue.ref(0);
let tableDataList = Vue.ref([]);
... ... @@ -353,7 +354,8 @@ export default {
linkName,
linkId,
backLink,
iconArr
iconArr,
height
}
},
... ...
... ... @@ -7,13 +7,13 @@
<el-row>
<el-col :span="24">
<div class="flex-div-start margin-top-bottom-10">
<el-input style="width:160px;" class="margin-right-10" v-model="keyWords" placeholder="输入关键字" />
<el-input :size="$global.elementConfig.size.input" style="width:160px;" class="margin-right-10" v-model="keyWords" placeholder="输入关键字" />
<div class="flex-div-start">
<el-button type="primary" @click="onReset()">重置</el-button>
<el-button type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button type="primary" :disabled="isLoading" @click="saveAll()" style="margin-left: 10px">批量添加</el-button>
<el-button type="primary" :disabled="isLoading" @click="saveAlldata()" style="margin-left: 10px">全部添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onReset()">重置</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" @click="onBtnSearch()" style="margin-left: 10px">查询</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" :disabled="isLoading" @click="saveAll()" style="margin-left: 10px">批量添加</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" :disabled="isLoading" @click="saveAlldata()" style="margin-left: 10px">全部添加</el-button>
</div>
</div>
</el-col>
... ... @@ -23,7 +23,7 @@
<cm-table-page v-show="tableDataList" :columns="columns" :dataList="tableDataList" @loaddata="loadTableDataList" :multipleSelection="dialtestMonitorListChecked"
:showIndex="true" :total="count" :showSelection="true" @selectionChange="selectionChange"
:showBorder="true" :loading="false" :pageSize="pageSize"
:showPage="true" :showTools="true" :height="(height - 500)">
:showPage="true" :showTools="true" :height="(height - 300)">
<template #default="{row,prop,column}">
<div v-if="prop == 'url'" class="text-overflow" :title="row.url">
<span class="">{{row.url }}</span>
... ... @@ -43,7 +43,7 @@
</el-col>
</el-row>
<div class="margin-top btn-faultDiagnosis flex-center position-bottom">
<el-button @click="cancleList">取消</el-button>
<el-button :size="$global.elementConfig.size.button" @click="cancleList">取消</el-button>
<!-- <el-button @click="saveList" type="primary">保存</el-button>-->
</div>
</template>
... ...
... ... @@ -28,6 +28,7 @@ export default {
setup(props){
const {proxy} = Vue.getCurrentInstance();
let id = proxy.$global.getQueryVariable('configId') ;
let height=Vue.ref(window.innerHeight);
let config = Vue.ref(id == false ? null : id);
let count=Vue.ref(0);
let tableDataList = Vue.ref([]);
... ... @@ -302,7 +303,8 @@ export default {
targetId,
init,
onReset,
onBtnSearch
onBtnSearch,
height
}
},
... ...
<div class="container" :style="{'height':height+'px','max-height':height+'px'}">
<div class="cm-card" :style="{'min-height':height+'px','max-height':height+'px','height':'100%'}">
<div class="search">
<div class="condition fault-book-input-text" style="width: 250px">
<div class="condition fault-book-input-text" >
<el-form-item>
<el-input v-model="searchForm.keyword" placeholder="输入关键字"
@keydown.enter.native="getPage" class="fault-book-input-text"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="searchForm.keyword" placeholder="输入关键字"
@keydown.enter.native="getPage" style="margin-top:5px;" class="fault-book-input-text"></el-input>
</el-form-item>
<!--<el-form-item>
<el-select v-model="searchForm.category" placeholder="故障分类">
... ... @@ -12,14 +12,15 @@
<el-option label="Zone two" value="beijing"></el-option>
</el-select>
</el-form-item>-->
</div>
<div class="btns" style="justify-content: left;padding-left: 0px">
<el-form-item>
<el-button type="primary" @click="getPage">
<el-button :size="$global.elementConfig.size.button" type="primary" @click="getPage">
搜索
</el-button>
</el-form-item>
</div>
<div class="btns" style="justify-content: left;padding-left: 0px">
</div>
</div>
<div class="search-table">
... ... @@ -83,12 +84,12 @@
<el-row :gutter="5">
<el-col :span="12">
<el-form-item label="故障分类" prop="faulttype">
<el-input v-model="handleInfoForm.faulttype" :disabled="true"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.faulttype" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="发生时间" prop="createTime">
<el-input v-model="handleInfoForm.createTime" :disabled="true"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.createTime" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
... ... @@ -96,12 +97,12 @@
<el-row :gutter="5">
<el-col :span="12">
<el-form-item label="当前状态" prop="faultState">
<el-input v-model="handleInfoForm.faultState" :disabled="true"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.faultState" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="持续时长" prop="duration">
<el-input v-model="handleInfoForm.duration" :disabled="true"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.duration" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
... ... @@ -109,12 +110,12 @@
<el-row :gutter="5">
<el-col :span="12">
<el-form-item label="故障主体" prop="faultBody">
<el-input v-model="handleInfoForm.faultBody" :disabled="true"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.faultBody" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="影响范围" prop="influenceScope">
<el-input v-model="handleInfoForm.influenceScope" :disabled="true"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.influenceScope" :disabled="true"></el-input>
</el-form-item>
</el-col>
</el-row>
... ... @@ -122,7 +123,7 @@
<el-row :gutter="5">
<el-col :span="24">
<el-form-item label="标签" prop="label">
<el-input v-model="handleInfoForm.label" placeholder="多个标签#分割"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.label" placeholder="多个标签#分割"></el-input>
</el-form-item>
</el-col>
</el-row>
... ... @@ -131,7 +132,7 @@
<el-row :gutter="5">
<el-col :span="24">
<el-form-item label="处理方案" prop="solution">
<el-input v-model="handleInfoForm.solution" type="textarea"></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="handleInfoForm.solution" type="textarea"></el-input>
</el-form-item>
</el-col>
</el-row>
... ... @@ -145,8 +146,8 @@
</el-row>
<el-form-item>
<el-button @click="showHandleInfoDialog(false)">取消</el-button>
<el-button v-if="handleInfoForm.solveTime == null || handleInfoForm.solveTime == ''" type="primary" @click="saveHandleInfo('handleForm',getPage)">保存</el-button>
<el-button :size="$global.elementConfig.size.button" @click="showHandleInfoDialog(false)">取消</el-button>
<el-button :size="$global.elementConfig.size.button" v-if="handleInfoForm.solveTime == null || handleInfoForm.solveTime == ''" type="primary" @click="saveHandleInfo('handleForm',getPage)">保存</el-button>
</el-form-item>
</el-form>
</template>
... ...
... ... @@ -14,26 +14,26 @@
></el-switch>
</el-form-item>
<el-form-item label="项目名称" prop="alias">
<el-input v-model="form.alias" :disabled="form.isOps == 0" clearable></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="form.alias" :disabled="form.isOps == 0" clearable></el-input>
</el-form-item>
<el-form-item label="项目编号" prop="code" >
<el-input v-model="form.code" :disabled="form.isOps == 0" clearable></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="form.code" :disabled="form.isOps == 0" clearable></el-input>
</el-form-item>
<el-form-item label="项目负责人" prop="principalName">
<div style="display: flex">
<el-input v-model="form.principalName" :disabled="form.isOps == 0" readonly="true" clearable></el-input>
<el-button style="margin-left: 5px" @click="showUserDialog(true)" :disabled="form.isOps == 0" >选择</el-button>
<el-input :size="$global.elementConfig.size.input" v-model="form.principalName" :disabled="form.isOps == 0" readonly="true" clearable></el-input>
<el-button :size="$global.elementConfig.size.button" style="margin-left: 5px" @click="showUserDialog(true)" :disabled="form.isOps == 0" >选择</el-button>
</div>
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input type="number" v-model="form.sort" :disabled="form.isOps == 0" clearable></el-input>
<el-input :size="$global.elementConfig.size.input" type="number" v-model="form.sort" :disabled="form.isOps == 0" clearable></el-input>
</el-form-item>
<el-form-item label="描述" prop="remark">
<el-input v-model="form.remark" type="textarea" :disabled="form.isOps == 0" clearable></el-input>
<el-input :size="$global.elementConfig.size.input" v-model="form.remark" type="textarea" :disabled="form.isOps == 0" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" size="small" @click="onSubmit('ruleForm')">保存配置</el-button>
<el-button :size="$global.elementConfig.size.button" type="primary" size="small" @click="onSubmit('ruleForm')">保存配置</el-button>
</el-form-item>
</el-form>
... ...