xiaoguangbin/AnalysisSystemForRadionuclide_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master-dev' of http://git.hivekion.com:3000/xiaoguangbin/AnalysisSystemForRadionuclide_vue into master-dev

Browse Source
This commit is contained in:
orgin 2023-11-01 14:48:03 +08:00
commit 287e042d87
20 changed files with 2096 additions and 2093 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/components/CustomModal/index.vue
View File

@ -1,11 +1,21 @@
<template>
<a-modal :class="'custom-modal' + (innerFullscreen ? ' fullscreen' : '')" v-bind="_attrs" v-model="visible" @cancel="handleCancel">
<a-modal
:class="'custom-modal' + (innerFullscreen ? ' fullscreen' : '')"
v-bind="_attrs"
v-model="visible"
:maskClosable="false"
@cancel="handleCancel"
>
<img slot="closeIcon" src="@/assets/images/global/close.png" />
<div slot="title">
<div class="custom-modal-title">
<span>{{ title }}</span>
<template v-if="enableFullScreen">
<img v-if="innerFullscreen" src="@/assets/images/global/quit-fullscreen.png" @click="innerFullscreen = false" />
<img
v-if="innerFullscreen"
src="@/assets/images/global/quit-fullscreen.png"
@click="innerFullscreen = false"
/>
<img v-else src="@/assets/images/global/fullscreen.png" @click="innerFullscreen = true" />
</template>
</div>
@ -24,24 +34,24 @@
export default {
props: {
value: {
type: Boolean
type: Boolean,
},
okHandler: {
type: Function
type: Function,
},
title: {
type: String
type: String,
},
enableFullScreen: {
type: Boolean,
default: false
}
default: false,
},
},
data() {
return {
visible: this.value,
confirmLoading: false,
innerFullscreen: false
innerFullscreen: false,
}
},
watch: {
@ -56,7 +66,7 @@ export default {
},
innerFullscreen(val) {
this.$emit('fullscreen', val)
}
},
},
methods: {
async onSave() {
@ -80,8 +90,8 @@ export default {
this.visible = false
},
handleCancel() {
this.$emit("cancel")
}
this.$emit('cancel')
},
},
computed: {
_attrs() {
@ -96,8 +106,8 @@ export default {
// 是否有自定义的footer
hasCustomFooter() {
return !!this.$slots['custom-footer']
}
}
},
},
}
</script>
<style lang="less" scoped>

137
src/views/abnormalAlarm/alarmCenter/alarmContactGroup/index.vue
View File

@ -1,11 +1,9 @@
<template>
<div style="height: 100%;overflow: hidden;">
<div style="height: 100%; overflow: hidden">
<div class="group-header">
<a-button class="group-add" @click="showModal">
<img class="icon-add" src="@/assets/images/global/add.png" alt="" />
<span style="margin-left: 10px;">
Add Contact Group
</span>
<span style="margin-left: 10px"> Add Contact Group </span>
</a-button>
</div>
<div class="group-content">
@ -14,13 +12,15 @@
<a-collapse-panel :key="item.id" :style="customStyle" v-for="item in contactGroups">
<template slot="header">
{{ item.name }}
<span class="header-sub">Create Date: {{ item.createTime }} , Number of people: {{ item.personNumber }}</span>
<span class="header-sub"
>Create Date: {{ item.createTime }} , Number of people: {{ item.personNumber }}</span
>
</template>
<template slot="extra">
<a-button class="actions" shape="circle" @click.stop="editGroup(item.id)">
<img class="icon-edit" src="@/assets/images/abnormalAlarm/edit.png" alt="" />
</a-button>
<a-button class="actions" style="margin-right: 15px;" shape="circle" @click.stop="deleteGroup(item.id)">
<a-button class="actions" style="margin-right: 15px" shape="circle" @click.stop="deleteGroup(item.id)">
<img class="icon-delete" src="@/assets/images/abnormalAlarm/delete.png" alt="" />
</a-button>
</template>
@ -34,14 +34,24 @@
:scroll="{ y: 200 }"
>
<template slot="name" slot-scope="{ text }">
<img src="@/assets/images/abnormalAlarm/user.png" alt=""><span style="margin-left: 8px;padding-top: 2px;">{{ text }}</span>
<img src="@/assets/images/abnormalAlarm/user.png" alt="" /><span
style="margin-left: 8px; padding-top: 2px"
>{{ text }}</span
>
</template>
<template slot="role" slot-scope="{ record }">
<span v-for="(role,index) in record.roles" :key="role.id">{{ role.roleName }}<i v-if="index!=record.roles.length-1">,</i></span>
<span v-for="(role, index) in record.roles" :key="role.id"
>{{ role.roleName }}<i v-if="index != record.roles.length - 1">,</i></span
>
</template>
<template slot="action" slot-scope="{ record }">
<a-button class="actions" style="margin-right: 15px;" shape="circle" @click="deleteUser(item.id, record.id)">
<a-button
class="actions"
style="margin-right: 15px"
shape="circle"
@click="deleteUser(item.id, record.id)"
>
<img class="icon-delete" src="@/assets/images/abnormalAlarm/delete.png" alt="" />
</a-button>
</template>
@ -57,7 +67,9 @@
show-size-changer
show-quick-jumper
:total="page.total"
:show-total="(total, range) => `Total ${total} items　Page ${page.currentPage} / ${Math.ceil(total / page.pageSize)}`"
:show-total="
(total, range) => `Total ${total} items　Page ${page.currentPage} / ${Math.ceil(total / page.pageSize)}`
"
show-less-items
@change="handlePageChange"
@showSizeChange="handleSizeChange"
@ -67,6 +79,7 @@
<a-modal
:title="isAdd ? 'Add Contact Group' : 'Edit Contact Group'"
:width="845"
:maskClosable="false"
v-model="visible"
@ok="handleOk"
destroy-on-close
@ -76,7 +89,7 @@
<a-transfer
:dataSource="userList"
:target-keys="targetKeys"
:render="item => item.title"
:render="(item) => item.title"
:operations="['Assign', 'Remove']"
:titles="['All Users', 'Contact Group']"
@change="handleChange"
@ -85,7 +98,6 @@
</a-transfer>
<!-- 穿梭框右上方搜索 -->
<div class="group-name">
<!-- <label>Group Name</label>
<a-input :value="groupName" placeholder="Basic usage" @change="setGroupName" /> -->
<a-form :form="form" :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
@ -119,7 +131,7 @@ const columns = [
dataIndex: 'username',
scopedSlots: {
customRender: 'name',
}
},
},
{
title: 'ROLE',
@ -132,12 +144,12 @@ const columns = [
{
title: 'Phone',
align: 'left',
dataIndex: 'telephone'
dataIndex: 'telephone',
},
{
title: 'E-MAIL',
align: 'left',
dataIndex: 'email'
dataIndex: 'email',
},
{
title: '',
@ -146,18 +158,18 @@ const columns = [
scopedSlots: {
customRender: 'action',
},
}
},
]
export default {
data() {
return {
activeKey:"",
activeKey: '',
spinning: false,
page: {
currentPage: 1,
pageSize: 10,
pageSizeOptions: ['10', '20', '30'],
total:0
total: 0,
},
contactGroups: [],
isAdd: true,
@ -165,12 +177,11 @@ export default {
groupList: [],
columns,
visible: false,
customStyle:
'background: #02282b;;margin-bottom: 20px;border: solid 1px #416f7f;overflow: hidden',
customStyle: 'background: #02282b;;margin-bottom: 20px;border: solid 1px #416f7f;overflow: hidden',
targetKeys: [],
groupName: "",
currGroupId: "",
form: this.$form.createForm(this)
groupName: '',
currGroupId: '',
form: this.$form.createForm(this),
}
},
mounted() {
@ -192,21 +203,21 @@ export default {
this.spinning = true
let params = {
pageNo: this.page.currentPage,
pageSize:this.page.pageSize
pageSize: this.page.pageSize,
}
getAction("/alarmContactGroup/findPage", params).then(res => {
getAction('/alarmContactGroup/findPage', params).then((res) => {
this.spinning = false
if (res.success) {
this.contactGroups = res.result.records
this.activeKey = this.contactGroups[0].id
this.page.total = res.result.total
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
editGroup(id) {
getAction("/alarmContactGroup/findInfo", {id}).then(res => {
getAction('/alarmContactGroup/findInfo', { id }).then((res) => {
if (res.success) {
this.visible = true
this.isAdd = false
@ -214,26 +225,26 @@ export default {
this.$nextTick(() => {
this.form.setFieldsValue({
name: res.result.name,
});
})
})
this.targetKeys = res.result.userIds
this.currGroupId = res.result.id
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
getAllUser() {
getAction("sys/user/list").then(res => {
getAction('sys/user/list').then((res) => {
if (res.success) {
this.userList = res.result.records.map(item => {
this.userList = res.result.records.map((item) => {
return {
key: item.id,
title:item.username
title: item.username,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -241,8 +252,8 @@ export default {
// this.groupName = e.target.value
// },
handleChange(targetKeys, direction, moveKeys) {
console.log(targetKeys, direction, moveKeys);
this.targetKeys= targetKeys;
console.log(targetKeys, direction, moveKeys)
this.targetKeys = targetKeys
},
handleOk() {
this.form.validateFields((err, values) => {
@ -254,10 +265,10 @@ export default {
this.updateContactGroup(values.name)
}
} else {
this.$message.warning("Please select User")
this.$message.warning('Please select User')
}
}
});
})
},
onCancel() {
this.visible = false
@ -265,33 +276,33 @@ export default {
updateContactGroup(name) {
let params = {
name,
description: "",
description: '',
userIds: this.targetKeys,
id:this.currGroupId
id: this.currGroupId,
}
httpAction("/alarmContactGroup/update", params, "put").then(res => {
httpAction('/alarmContactGroup/update', params, 'put').then((res) => {
if (res.success) {
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getAlarmGroup()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
createContactGroup(name) {
let params = {
name,
description: "",
description: '',
userIds: this.targetKeys,
}
postAction("/alarmContactGroup/create", params).then(res => {
postAction('/alarmContactGroup/create', params).then((res) => {
if (res.success) {
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getAlarmGroup()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -300,50 +311,50 @@ export default {
this.$confirm({
title: 'Are you sure to delete this item?',
onOk() {
deleteAction("/alarmContactGroup/deleteById", {id}).then(res => {
deleteAction('/alarmContactGroup/deleteById', { id }).then((res) => {
if (res.success) {
_this.$message.success("success")
_this.$message.success('success')
_this.getAlarmGroup()
} else {
_this.$message.warning("This operation fails. Contact your system administrator")
_this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
onCancel() {
console.log('Cancel');
console.log('Cancel')
},
class: 'test',
});
})
},
deleteUser(id, userId) {
let _this = this
this.$confirm({
title: 'Are you sure to delete this item?',
onOk() {
deleteAction("/alarmContactGroup/deleteUserById", {id,userId}).then(res => {
deleteAction('/alarmContactGroup/deleteUserById', { id, userId }).then((res) => {
if (res.success) {
_this.$message.success("success")
_this.$message.success('success')
_this.getAlarmGroup()
} else {
_this.$message.warning("This operation fails. Contact your system administrator")
_this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
onCancel() {
console.log('Cancel');
}
});
console.log('Cancel')
},
})
},
handleSearch(dir, value) {
console.log('search:', dir, value);
console.log('search:', dir, value)
},
showModal() {
this.targetKeys = []
this.groupName = ""
this.groupName = ''
this.form.setFieldsValue({
name: "",
});
this.visible = true;
name: '',
})
this.visible = true
},
},
}
@ -371,7 +382,7 @@ export default {
font-family: ArialMT;
color: #ffffff;
border: none;
box-shadow: 0px 1px 1px 0px #000000
box-shadow: 0px 1px 1px 0px #000000;
}
}
.group-content {

311
src/views/abnormalAlarm/alarmCenter/alarmRules/index.vue
View File

@ -1,20 +1,18 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="rules-header">
<div>
<a-row type="flex" :gutter="10">
<a-col flex="190px">
<a-button class="rules-add" @click="handleAdd">
<img class="icon-add" src="@/assets/images/global/add.png" alt="" />
<span style="margin-left: 10px;">
Create Alarm Rule
</span>
<span style="margin-left: 10px"> Create Alarm Rule </span>
</a-button>
</a-col>
<a-col flex="300px">
<span class="item-label">Rule Status</span>
<a-select
style="width: 180px;display: inline-block;"
style="width: 180px; display: inline-block"
v-model="queryParams.station"
:options="stateOptions"
show-arrow
@ -28,7 +26,7 @@
<a-col flex="300px">
<span class="item-label">Source Type</span>
<a-select
style="width: 180px;display: inline-block;"
style="width: 180px; display: inline-block"
v-model="queryParams.type"
:options="typeOptions"
show-arrow
@ -42,7 +40,7 @@
<a-col flex="255px">
<span class="item-label">Source</span>
<a-select
style="width: 180px;display: inline-block;"
style="width: 180px; display: inline-block"
v-model="queryParams.name"
:options="nameOptions"
show-arrow
@ -56,9 +54,7 @@
<a-col>
<a-button class="search-btn" @click="onSearch">
<img class="icon-add" src="@/assets/images/global/search.png" alt="" />
<span style="margin-left: 10px;">
Search
</span>
<span style="margin-left: 10px"> Search </span>
</a-button>
</a-col>
</a-row>
@ -77,34 +73,50 @@
<div class="monitor-list-item-title">
<div class="monitor-list-item-title-name">{{ item.name }}</div>
<div class="monitor-list-item-title-server">
<span style="color: #5b9cba;">{{ item.sourceType }}：</span>
<span style="color: #5b9cba">{{ item.sourceType }}：</span>
<a-tooltip>
<template slot="title">
{{ item.sourceName }}
</template>
<span style="color: #ade6ee;">{{ item.sourceName }}</span>
<span style="color: #ade6ee">{{ item.sourceName }}</span>
</a-tooltip>
</div>
</div>
<div class="monitor-list-item-content">
<div class="monitor-list-item-content-info">
{{ JSON.parse(item.operator).name }} {{ JSON.parse(item.operator).operator }} {{ JSON.parse(item.operator).threshold }}{{ JSON.parse(item.operator).units }}
{{ JSON.parse(item.operator).name }} {{ JSON.parse(item.operator).operator }}
{{ JSON.parse(item.operator).threshold }}{{ JSON.parse(item.operator).units }}
</div>
<div :class="[item.enabled==1?'monitor-list-item-content-enable':'monitor-list-item-content-disable', 'monitor-list-item-content-btn']">
{{ item.enabled==1?"Enable":"Disabled" }}
<div
:class="[
item.enabled == 1 ? 'monitor-list-item-content-enable' : 'monitor-list-item-content-disable',
'monitor-list-item-content-btn',
]"
>
{{ item.enabled == 1 ? 'Enable' : 'Disabled' }}
</div>
</div>
<div class="monitor-list-item-footer">
<div class="monitor-list-item-footer-group">
<span style="color: #5b9cba;">Alarm Contact Group：</span>
<span style="color: #ade6ee;">{{ item.groupName }}</span>
<span style="color: #5b9cba">Alarm Contact Group：</span>
<span style="color: #ade6ee">{{ item.groupName }}</span>
</div>
<div class="monitor-list-item-footer-actions">
<span title="Edit" class="actions-edit" @click="editItem(item.id)"></span>
<span title="Delete" class="actions-delete" @click="deleteItem(item.id)"></span>
<span v-if="item.enabled==1" title="Enable" class="actions-enable" @click="changeItemStatus(item.id,item.enabled)">
<span
v-if="item.enabled == 1"
title="Enable"
class="actions-enable"
@click="changeItemStatus(item.id, item.enabled)"
>
</span>
<span v-if="item.enabled==0" title="Disabled" class="actions-disable" @click="changeItemStatus(item.id,item.enabled)">
<span
v-if="item.enabled == 0"
title="Disabled"
class="actions-disable"
@click="changeItemStatus(item.id, item.enabled)"
>
</span>
</div>
</div>
@ -119,7 +131,10 @@
show-size-changer
show-quick-jumper
:total="ipagination.total"
:show-total="(total, range) => `Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`"
:show-total="
(total, range) =>
`Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`
"
show-less-items
@change="handlePageChange"
@showSizeChange="handleSizeChange"
@ -129,14 +144,10 @@
:title="isAdd ? 'Add Rule' : 'Edit Rule'"
:width="845"
v-model="visible"
:maskClosable="false"
@cancel="onCancel"
>
<a-form-model
ref="al_ruleForm"
:model="form"
:rules="rules"
layout="vertical"
>
<a-form-model ref="al_ruleForm" :model="form" :rules="rules" layout="vertical">
<a-row :gutter="[15, 0]">
<a-col :span="12">
<a-form-model-item ref="sourceType" label="Source Type" prop="sourceType">
@ -251,7 +262,7 @@
<script>
import { getAction, postAction, httpAction, deleteAction, putAction } from '@/api/manage'
import BoxTitle from '../../components/boxTitle.vue';
import BoxTitle from '../../components/boxTitle.vue'
export default {
components: {
BoxTitle,
@ -274,36 +285,36 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
visible: false,
queryParams: {
station: undefined,
type: undefined,
name: undefined
name: undefined,
},
stateOptions: [
{
label: "Disabled",
value: "0"
label: 'Disabled',
value: '0',
},
{
label: "Enable",
value: "1"
}
label: 'Enable',
value: '1',
},
],
typeOptions: [
{
label: "Server",
value: "Server"
label: 'Server',
value: 'Server',
},
{
label: "Database",
value: "Database"
label: 'Database',
value: 'Database',
},
{
label: "E-MAIL",
value: "Email"
label: 'E-MAIL',
value: 'Email',
},
],
nameOptions: [],
@ -312,100 +323,84 @@ export default {
form: {
sourceType: undefined,
sourceId: undefined,
name: "",
name: '',
itemId: undefined,
operator: undefined,
threshold: "",
threshold: '',
silenceCycle: undefined,
contactId: undefined,
},
currId:"",
units: "",
currId: '',
units: '',
sourceOptions: [],
operatorOptions: [
{
label: ">",
value: ">"
label: '>',
value: '>',
},
{
label: "<",
value: "<"
label: '<',
value: '<',
},
{
label: ">=",
value: ">="
label: '>=',
value: '>=',
},
{
label: "<=",
value: "<="
label: '<=',
value: '<=',
},
{
label: "==",
value: "=="
label: '==',
value: '==',
},
],
itemOptions: [],
silenceCyclerOptions: [
{
label: "5 minutes",
value: 300
label: '5 minutes',
value: 300,
},
{
label: "15 minutes",
value: 900
label: '15 minutes',
value: 900,
},
{
label: "30 minutes",
value: 1800
label: '30 minutes',
value: 1800,
},
{
label: "60 minutes",
value: 3600
label: '60 minutes',
value: 3600,
},
{
label: "3 hours",
value: 10800
label: '3 hours',
value: 10800,
},
{
label: "6 hours",
value: 21600
label: '6 hours',
value: 21600,
},
{
label: "12 hours",
value: 43200
label: '12 hours',
value: 43200,
},
{
label: "24 hours",
value: 86400
}
label: '24 hours',
value: 86400,
},
],
contactGroupOptions: [],
rules: {
sourceType: [
{ required: true, message: 'Please select a sourceType', trigger: 'change'},
],
sourceId: [
{ required: true, message: 'Please select a source', trigger: 'change'},
],
name: [
{ required: true, message: 'Please input alarmRule name'},
],
itemId: [
{ required: true, message: 'Please select a monitorItem', trigger: 'change'},
],
operator: [
{ required: true, message: 'Please select a logicSymbol', trigger: 'change'},
],
threshold: [
{ required: true, message: 'Please input threshold'},
],
silenceCycle: [
{ required: true, message: 'Please select a silenceCycle', trigger: 'change'},
],
contactId: [
{ required: true, message: 'Please select a contactGroup', trigger: 'change'},
],
}
sourceType: [{ required: true, message: 'Please select a sourceType', trigger: 'change' }],
sourceId: [{ required: true, message: 'Please select a source', trigger: 'change' }],
name: [{ required: true, message: 'Please input alarmRule name' }],
itemId: [{ required: true, message: 'Please select a monitorItem', trigger: 'change' }],
operator: [{ required: true, message: 'Please select a logicSymbol', trigger: 'change' }],
threshold: [{ required: true, message: 'Please input threshold' }],
silenceCycle: [{ required: true, message: 'Please select a silenceCycle', trigger: 'change' }],
contactId: [{ required: true, message: 'Please select a contactGroup', trigger: 'change' }],
},
}
},
mounted() {
@ -414,30 +409,30 @@ export default {
},
methods: {
getAlarmSources(val) {
getAction("/alarmRule/getSources", {souceType:val}).then(res => {
getAction('/alarmRule/getSources', { souceType: val }).then((res) => {
if (res.success) {
this.nameOptions = res.result.map(item => {
this.nameOptions = res.result.map((item) => {
return {
label: item.sourceName,
value: item.sourceId
value: item.sourceId,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
getSourcesOptions(val) {
getAction("/alarmRule/getSources", {souceType:val}).then(res => {
getAction('/alarmRule/getSources', { souceType: val }).then((res) => {
if (res.success) {
this.sourceOptions = res.result.map(item => {
this.sourceOptions = res.result.map((item) => {
return {
label: item.sourceName,
value: item.sourceId
value: item.sourceId,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -448,15 +443,15 @@ export default {
pageSize: this.ipagination.pageSize,
enabled: this.queryParams.station,
sourceType: this.queryParams.type,
sourceId: this.queryParams.name
sourceId: this.queryParams.name,
}
getAction("/alarmRule/findPage", params).then(res => {
getAction('/alarmRule/findPage', params).then((res) => {
this.spinning = false
if (res.success) {
this.monitorList = res.result.records
this.ipagination.total = res.result.total
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -468,7 +463,7 @@ export default {
this.queryParams = {
station: undefined,
type: undefined,
name: undefined
name: undefined,
}
},
handlePageChange(page, pageSize) {
@ -508,7 +503,6 @@ export default {
this.form.itemId = undefined
if (val) {
this.getSourcesOptions(val)
} else {
this.sourceOptions = []
}
@ -523,17 +517,17 @@ export default {
}
},
getItems(val) {
getAction("/alarmRule/getItems", {sourceId:val}).then(res => {
getAction('/alarmRule/getItems', { sourceId: val }).then((res) => {
if (res.success) {
this.itemOptions = res.result.map(item => {
this.itemOptions = res.result.map((item) => {
return {
label: item.name,
value: item.itemId,
units:item.units
units: item.units,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -544,18 +538,18 @@ export default {
getAlarmGroup() {
let params = {
pageNo: 1,
pageSize: 9999
pageSize: 9999,
}
getAction("/alarmContactGroup/findPage", params).then(res => {
getAction('/alarmContactGroup/findPage', params).then((res) => {
if (res.success) {
this.contactGroupOptions = res.result.records.map(item => {
this.contactGroupOptions = res.result.records.map((item) => {
return {
label: item.name,
value: item.id
value: item.id,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -575,49 +569,49 @@ export default {
units: this.units,
},
name: this.form.name,
id: this.isAdd?"":this.currId
id: this.isAdd ? '' : this.currId,
}
if (this.isAdd) {
postAction("/alarmRule/create", params).then(res => {
postAction('/alarmRule/create', params).then((res) => {
if (res.success) {
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getAlarmRulesPage()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
} else {
httpAction("/alarmRule/update", params, "put").then(res => {
httpAction('/alarmRule/update', params, 'put').then((res) => {
if (res.success) {
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getAlarmRulesPage()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
}
}
});
})
},
onCancel() {
this.resetForm()
this.visible = false
},
editItem(id) {
getAction("/alarmRule/findInfo", {alarmRuleId:id}).then(async res => {
getAction('/alarmRule/findInfo', { alarmRuleId: id }).then(async (res) => {
if (res.success) {
this.isAdd = false
this.form.sourceType = res.result.sourceType
this.form.sourceId = {
key: res.result.sourceId||"",
label: res.result.sourceName||""
key: res.result.sourceId || '',
label: res.result.sourceName || '',
}
this.form.name = res.result.name
this.form.itemId = {
key: res.result.itemId,
label: JSON.parse(res.result.operator).name
label: JSON.parse(res.result.operator).name,
}
this.form.operator = JSON.parse(res.result.operator).operator
this.form.threshold = JSON.parse(res.result.operator).threshold
@ -626,37 +620,41 @@ export default {
this.form.contactId = res.result.contactId
this.currId = res.result.id
this.visible = true
getAction("/alarmRule/getSources", { souceType: res.result.sourceType }).then(res => {
getAction('/alarmRule/getSources', { souceType: res.result.sourceType })
.then((res) => {
if (res.success) {
this.sourceOptions = res.result.map(item => {
this.sourceOptions = res.result.map((item) => {
return {
label: item.sourceName,
value: item.sourceId
value: item.sourceId,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
}).catch(err => {
this.$message.warning("This operation fails. Contact your system administrator")
})
getAction("/alarmRule/getItems", { sourceId: res.result.sourceId }).then(res => {
.catch((err) => {
this.$message.warning('This operation fails. Contact your system administrator')
})
getAction('/alarmRule/getItems', { sourceId: res.result.sourceId })
.then((res) => {
if (res.success) {
this.itemOptions = res.result.map(item => {
this.itemOptions = res.result.map((item) => {
return {
label: item.name,
value: item.itemId,
units:item.units
units: item.units,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
}).catch(err => {
this.$message.warning("This operation fails. Contact your system administrator")
})
.catch((err) => {
this.$message.warning('This operation fails. Contact your system administrator')
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -665,47 +663,46 @@ export default {
this.$confirm({
title: 'Are you sure to delete this item?',
onOk() {
deleteAction("/alarmRule/deleteById", {alarmRuleId:id}).then(res => {
deleteAction('/alarmRule/deleteById', { alarmRuleId: id }).then((res) => {
if (res.success) {
_this.$message.success("success")
_this.$message.success('success')
_this.getAlarmRulesPage()
} else {
_this.$message.warning("This operation fails. Contact your system administrator")
_this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
onCancel() {
console.log('Cancel');
console.log('Cancel')
},
});
})
},
changeItemStatus(id, isEnabled) {
putAction(`/alarmRule/updateStatus?alarmRuleId=${id}&enabled=${isEnabled==1?0:1}`).then(res => {
putAction(`/alarmRule/updateStatus?alarmRuleId=${id}&enabled=${isEnabled == 1 ? 0 : 1}`).then((res) => {
if (res.success) {
this.$message.success("success")
this.$message.success('success')
this.getAlarmRulesPage()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
resetForm() {
this.$refs.al_ruleForm.resetFields();
this.$refs.al_ruleForm.resetFields()
this.form = {
sourceType: undefined,
sourceId: undefined,
name: "",
name: '',
itemId: undefined,
operator: undefined,
threshold: "",
threshold: '',
silenceCycle: undefined,
contactId: undefined,
}
this.sourceOptions = []
this.itemOptions = []
this.units = ""
}
this.units = ''
},
},
}
</script>

213
src/views/abnormalAlarm/analysisMonitor/alarmRules/index.vue
View File

@ -1,18 +1,17 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="rules-header">
<a-row type="flex" :gutter="10">
<a-col flex="190px">
<a-button class="rules-add" @click="handleAdd">
<img class="icon-add" src="@/assets/images/global/add.png" alt="" />
<span style="margin-left: 10px;">
Create Alarm Rule
</span>
<span style="margin-left: 10px"> Create Alarm Rule </span>
</a-button>
</a-col>
<a-col flex="265px">
<span class="item-label">Stations</span>
<a-select style="width:180px"
<a-select
style="width: 180px"
v-model="queryParams.station"
mode="multiple"
placeholder="select..."
@ -28,15 +27,12 @@
</a-col>
<a-col flex="294px">
<span class="item-label">Sources</span>
<DicSelect
v-model="queryParams.source"
placeholder="select..."
dictCode="alarm_analyse_rule_source"
/>
<DicSelect v-model="queryParams.source" placeholder="select..." dictCode="alarm_analyse_rule_source" />
</a-col>
<a-col flex="275px">
<span class="item-label">Nuclide</span>
<a-select style="width:180px"
<a-select
style="width: 180px"
v-model="queryParams.nuclide"
mode="multiple"
placeholder="select..."
@ -53,9 +49,7 @@
<a-col>
<a-button class="search-btn" @click="onSearch">
<img class="icon-add" src="@/assets/images/global/search.png" alt="" />
<span style="margin-left: 10px;">
Search
</span>
<span style="margin-left: 10px"> Search </span>
</a-button>
</a-col>
</a-row>
@ -67,8 +61,8 @@
<div class="monitor-list-item-title">
<div class="monitor-list-item-title-name">{{ item.name }}</div>
<div class="monitor-list-item-title-server">
<span style="color: #5b9cba;">Qualifier：</span>
<span style="color: #ade6ee;">{{ item.spectralQualifier.join("、") }}</span>
<span style="color: #5b9cba">Qualifier：</span>
<span style="color: #ade6ee">{{ item.spectralQualifier.join('、') }}</span>
</div>
</div>
<div class="monitor-list-item-content">
@ -77,10 +71,10 @@
<a-col :span="4" class="monitor-list-item-content-info-key">Source：</a-col>
<a-tooltip>
<template slot="title">
{{ item.source.join("、") }}
{{ item.source.join('、') }}
</template>
<a-col :span="18" class="monitor-list-item-content-info-val">
{{ item.source.join("、") }}
{{ item.source.join('、') }}
</a-col>
</a-tooltip>
</a-row>
@ -88,10 +82,10 @@
<a-col :span="4" class="monitor-list-item-content-info-key">Stations：</a-col>
<a-tooltip>
<template slot="title">
{{ item.stations.join("、") }}
{{ item.stations.join('、') }}
</template>
<a-col :span="18" class="monitor-list-item-content-info-val">
{{ item.stations.join("、") }}
{{ item.stations.join('、') }}
</a-col>
</a-tooltip>
</a-row>
@ -99,29 +93,44 @@
<a-col :span="4" class="monitor-list-item-content-info-key">Nuclides：</a-col>
<a-tooltip>
<template slot="title">
{{ item.nuclides.join("、") }}
{{ item.nuclides.join('、') }}
</template>
<a-col :span="18" class="monitor-list-item-content-info-val">
{{ item.nuclides.join("、") }}
{{ item.nuclides.join('、') }}
</a-col>
</a-tooltip>
</a-row>
</div>
<div :class="[item.enabled==1?'monitor-list-item-content-enable':'monitor-list-item-content-disable', 'monitor-list-item-content-btn']">
{{ item.enabled==1?"Enable":"Disabled" }}
<div
:class="[
item.enabled == 1 ? 'monitor-list-item-content-enable' : 'monitor-list-item-content-disable',
'monitor-list-item-content-btn',
]"
>
{{ item.enabled == 1 ? 'Enable' : 'Disabled' }}
</div>
</div>
<div class="monitor-list-item-footer">
<div class="monitor-list-item-footer-group">
<span style="color: #5b9cba;">Alarm Contact Group：</span>
<span style="color: #ade6ee;">{{ item.groupName }}</span>
<span style="color: #5b9cba">Alarm Contact Group：</span>
<span style="color: #ade6ee">{{ item.groupName }}</span>
</div>
<div class="monitor-list-item-footer-actions">
<span title="Edit" class="actions-edit" @click="editItem(item.id)"></span>
<span title="Delete" class="actions-delete" @click="deleteItem(item.id)"></span>
<span v-if="item.enabled==1" title="Enable" class="actions-enable" @click="changeItemStatus(item.id,item.enabled)">
<span
v-if="item.enabled == 1"
title="Enable"
class="actions-enable"
@click="changeItemStatus(item.id, item.enabled)"
>
</span>
<span v-if="item.enabled==0" title="Disabled" class="actions-disable" @click="changeItemStatus(item.id,item.enabled)">
<span
v-if="item.enabled == 0"
title="Disabled"
class="actions-disable"
@click="changeItemStatus(item.id, item.enabled)"
>
</span>
</div>
</div>
@ -136,7 +145,10 @@
show-size-changer
show-quick-jumper
:total="ipagination.total"
:show-total="(total, range) => `Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`"
:show-total="
(total, range) =>
`Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`
"
show-less-items
@change="handlePageChange"
@showSizeChange="handleSizeChange"
@ -146,21 +158,18 @@
:title="isAdd ? 'Add Rule' : 'Edit Rule'"
:width="800"
v-model="visible"
:maskClosable="false"
@cancel="onCancel"
>
<a-form
:form="form"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-form :form="form" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-form-item label="Name">
<a-input
v-decorator="[
'name',
{
rules: [{ required: true, message: 'Please input name!' }],
initialVale: this.formVal.name
}
initialVale: this.formVal.name,
},
]"
/>
</a-form-item>
@ -173,8 +182,8 @@
'source',
{
rules: [{ required: true }],
initialVale: this.formVal.source
}
initialVale: this.formVal.source,
},
]"
/>
</a-form-item>
@ -190,8 +199,8 @@
'station',
{
rules: [{ required: true, message: 'Please select station' }],
initialVale: this.formVal.station
}
initialVale: this.formVal.station,
},
]"
>
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
@ -210,8 +219,8 @@
'nuclide',
{
rules: [{ required: true, message: 'Please select nuclide' }],
initialVale: this.formVal.nuclide
}
initialVale: this.formVal.nuclide,
},
]"
>
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
@ -225,8 +234,8 @@
'qualifier',
{
rules: [{ required: true }],
initialVale: this.formVal.qualifier
}
initialVale: this.formVal.qualifier,
},
]"
/>
</a-form-item>
@ -239,8 +248,8 @@
'condition',
{
rules: [{ required: true }],
initialVale: this.formVal.condition
}
initialVale: this.formVal.condition,
},
]"
>
</dic-select>
@ -256,8 +265,8 @@
'contactGroup',
{
rules: [{ required: true }],
initialVale: this.formVal.contactGroup
}
initialVale: this.formVal.contactGroup,
},
]"
>
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
@ -269,8 +278,8 @@
v-decorator="[
'remark',
{
initialVale: this.formVal.remark
}
initialVale: this.formVal.remark,
},
]"
/>
</a-form-item>
@ -287,7 +296,7 @@
<script>
import { getAction, postAction, httpAction, deleteAction, putAction } from '@/api/manage'
import DicSelect from '../../components/dicSelect.vue';
import DicSelect from '../../components/dicSelect.vue'
export default {
components: {
DicSelect,
@ -300,17 +309,17 @@ export default {
queryParams: {
station: undefined,
source: undefined,
nuclide: undefined
nuclide: undefined,
},
sourceOptions: [
{
label: "IDC",
value: "idc"
label: 'IDC',
value: 'idc',
},
{
label: "ARMD",
value: "armd"
}
label: 'ARMD',
value: 'armd',
},
],
stationOptions: [],
nuclideOptions: [],
@ -324,66 +333,66 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
labelCol: { span: 4 },
wrapperCol: { span: 18 },
form: this.$form.createForm(this),
contactGroupOptions: [],
formVal: {
name: "",
name: '',
source: null,
station: undefined,
nuclide: undefined,
qualifier: null,
condition: null,
contactGroup: undefined,
remark: ""
remark: '',
},
monitorList: [],
currId:"",
currId: '',
}
},
created() {
this.getStationList();
this.getNuclideList();
this.getAlarmGroup();
this.getStationList()
this.getNuclideList()
this.getAlarmGroup()
this.getAlarmRulesPage()
},
methods: {
getStationList() {
getAction("/webStatistics/findStationList",{menuName:""}).then(res => {
getAction('/webStatistics/findStationList', { menuName: '' }).then((res) => {
if (res.success) {
if (res.result.length > 0) {
this.stationOptions = res.result.map(item => {
this.stationOptions = res.result.map((item) => {
return {
label: item.stationCode,
value: `${item.stationId}`
value: `${item.stationId}`,
}
})
} else {
this.stationOptions = []
}
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
getNuclideList() {
getAction("/sys/defaultNuclide/allName",{useType:2}).then(res => {
getAction('/sys/defaultNuclide/allName', { useType: 2 }).then((res) => {
if (res.success) {
if (res.result.length > 0) {
this.nuclideOptions = res.result.map(item => {
this.nuclideOptions = res.result.map((item) => {
return {
label: item,
value: item
value: item,
}
})
} else {
this.nuclideOptions = []
}
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -392,9 +401,7 @@ export default {
this.visible = true
},
filterOption(input, option) {
return (
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
);
return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
},
onStationChange(val) {
this.queryParams.station = val
@ -412,15 +419,15 @@ export default {
pageSize: this.ipagination.pageSize,
stations: this.queryParams.station,
source: this.queryParams.source,
nuclides: this.queryParams.nuclide
nuclides: this.queryParams.nuclide,
}
getAction("/alarmAnalysisRule/findPage", params).then(res => {
getAction('/alarmAnalysisRule/findPage', params).then((res) => {
this.spinning = false
if (res.success) {
this.monitorList = res.result.records
this.ipagination.total = res.result.total
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -430,7 +437,7 @@ export default {
},
editItem(id) {
this.currId = id
getAction("/alarmAnalysisRule/finInfo", { id }).then( res => {
getAction('/alarmAnalysisRule/finInfo', { id }).then((res) => {
if (res.success) {
this.isAdd = false
this.visible = true
@ -443,11 +450,11 @@ export default {
qualifier: res.result.qualifierChecked.join(','),
condition: res.result.conditionChecked.join(','),
contactGroup: res.result.contactGroup,
remark: res.result.remark
});
remark: res.result.remark,
})
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -456,27 +463,27 @@ export default {
this.$confirm({
title: 'Are you sure to delete this item?',
onOk() {
deleteAction("/alarmAnalysisRule/delete", {id:id}).then(res => {
deleteAction('/alarmAnalysisRule/delete', { id: id }).then((res) => {
if (res.success) {
_this.$message.success("success")
_this.$message.success('success')
_this.getAlarmRulesPage()
} else {
_this.$message.warning("This operation fails. Contact your system administrator")
_this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
onCancel() {
console.log('Cancel');
console.log('Cancel')
},
});
})
},
changeItemStatus(id, isEnabled) {
putAction(`/alarmAnalysisRule/updateStatus?id=${id}&enabled=${isEnabled==1?0:1}`).then(res => {
putAction(`/alarmAnalysisRule/updateStatus?id=${id}&enabled=${isEnabled == 1 ? 0 : 1}`).then((res) => {
if (res.success) {
this.$message.success("success")
this.$message.success('success')
this.getAlarmRulesPage()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -493,18 +500,18 @@ export default {
getAlarmGroup() {
let params = {
pageNo: 1,
pageSize: 9999
pageSize: 9999,
}
getAction("/alarmContactGroup/findPage", params).then(res => {
getAction('/alarmContactGroup/findPage', params).then((res) => {
if (res.success) {
this.contactGroupOptions = res.result.records.map(item => {
this.contactGroupOptions = res.result.records.map((item) => {
return {
label: item.name,
value: item.id
value: item.id,
}
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -515,32 +522,32 @@ export default {
conditions: values.condition,
name: values.name,
remark: values.remark,
stations:values.station.join(","),
stations: values.station.join(','),
source: values.source,
nuclides:values.nuclide.join(","),
nuclides: values.nuclide.join(','),
contactGroup: values.contactGroup,
spectralQualifier: values.qualifier,
}
if (this.isAdd) {
postAction("/alarmAnalysisRule/add", params).then(res => {
postAction('/alarmAnalysisRule/add', params).then((res) => {
if (res.success) {
this.visible = false
this.form.resetFields()
this.$message.success("success")
this.$message.success('success')
this.getAlarmRulesPage()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
} else {
httpAction("/alarmAnalysisRule/edit", {...params,id: this.currId}, "put").then(res => {
httpAction('/alarmAnalysisRule/edit', { ...params, id: this.currId }, 'put').then((res) => {
if (res.success) {
this.visible = false
this.form.resetFields()
this.$message.success("success")
this.$message.success('success')
this.getAlarmRulesPage()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
}

107
src/views/abnormalAlarm/analysisMonitor/avgNuclide/index.vue
View File

@ -1,11 +1,9 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="search-bar">
<a-row type="flex">
<a-col flex="108px">
<a-button class="search-btn" type="primary" @click="handleConfig">
Config
</a-button>
<a-button class="search-btn" type="primary" @click="handleConfig"> Config </a-button>
</a-col>
<a-col flex="380px">
<span class="item-label">Cacl date</span>
@ -35,17 +33,16 @@
show-size-changer
show-quick-jumper
:total="ipagination.total"
:show-total="(total, range) => `Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`"
:show-total="
(total, range) =>
`Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`
"
show-less-items
@change="handlePageChange"
@showSizeChange="handleSizeChange"
/>
</div>
<a-modal
title="Config"
v-model="visible"
@cancel="onCancel"
>
<a-modal title="Config" v-model="visible" :maskClosable="false" @cancel="onCancel">
<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 17 }">
<a-form-item label="Cycle">
<a-input-number
@ -56,8 +53,8 @@
{ required: true, message: 'Please input days!' },
{ pattern: new RegExp('^[1-9]\\d*$'), message: 'Please input a positive integer!' },
],
initialVale: this.formVal.days
}
initialVale: this.formVal.days,
},
]"
/>days
</a-form-item>
@ -70,8 +67,8 @@
{ required: true, message: 'Please input index!' },
{ pattern: new RegExp('^([1-9]|[1-9]\\d|100)$'), message: 'Please input an integer from 1 to 100!' },
],
initialVale: this.formVal.index
}
initialVale: this.formVal.index,
},
]"
/>%
</a-form-item>
@ -88,31 +85,35 @@
<script>
import dateFormat from '@/components/jeecg/JEasyCron/format-date'
import moment from 'moment';
import TableList from '../../components/tableList.vue';
import moment from 'moment'
import TableList from '../../components/tableList.vue'
import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
const columns = [
{
title: 'NUCLIDE',
align: 'center',
dataIndex: 'nuclide',
},{
},
{
title: 'VALUE',
align: 'center',
dataIndex: 'val',
},{
},
{
title: 'SOURCE TYPE',
align: 'center',
dataIndex: 'datasource',
},{
},
{
title: 'CACL DATE',
align: 'center',
dataIndex: 'caclDate',
},{
},
{
title: 'CYCLE',
align: 'center',
dataIndex: 'cycle'
}
dataIndex: 'cycle',
},
]
export default {
components: {
@ -125,7 +126,7 @@ export default {
loading: false,
queryParams: {
startDate: dateFormat(new Date(), 'yyyy-MM-dd'),
endDate: dateFormat(new Date(), 'yyyy-MM-dd')
endDate: dateFormat(new Date(), 'yyyy-MM-dd'),
},
ipagination: {
current: 1,
@ -137,46 +138,46 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
isAdd: true,
visible: false,
form: this.$form.createForm(this),
formVal: {
days:"",
index: "",
days: '',
index: '',
},
currId:""
currId: '',
}
},
created() {
this.queryParams.startDate = this.getBeforeDate(1)
},
mounted() {
this.getNuclideAvgList();
this.getNuclideAvgList()
},
methods: {
// 获取n天前的日期
getBeforeDate(n) {
var n = n;
var d = new Date();
var year = d.getFullYear();
var mon=d.getMonth()+1;
var day=d.getDate();
var n = n
var d = new Date()
var year = d.getFullYear()
var mon = d.getMonth() + 1
var day = d.getDate()
if (day <= n) {
if (mon > 1) {
mon=mon-1;
mon = mon - 1
} else {
year = year-1;
mon = 12;
year = year - 1
mon = 12
}
}
d.setDate(d.getDate()-n);
year = d.getFullYear();
mon=d.getMonth()+1;
day=d.getDate();
var s = year+"-"+(mon<10?('0'+mon):mon)+"-"+(day<10?('0'+day):day);
return s;
d.setDate(d.getDate() - n)
year = d.getFullYear()
mon = d.getMonth() + 1
day = d.getDate()
var s = year + '-' + (mon < 10 ? '0' + mon : mon) + '-' + (day < 10 ? '0' + day : day)
return s
},
moment,
getNuclideAvgList() {
@ -185,15 +186,15 @@ export default {
startDate: this.queryParams.startDate,
endDate: this.queryParams.endDate,
pageNo: this.ipagination.current,
pageSize: this.ipagination.pageSize
pageSize: this.ipagination.pageSize,
}
getAction("/nuclideAvg/findPage", params).then(res => {
getAction('/nuclideAvg/findPage', params).then((res) => {
this.loading = false
if (res.success) {
this.dataSource = res.result.records
this.ipagination.total = res.result.total
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -214,15 +215,15 @@ export default {
},
handleConfig() {
this.visible = true
getAction("/nuclideParam/findInfo").then(res => {
getAction('/nuclideParam/findInfo').then((res) => {
if (res.success) {
this.currId = res.result.id
this.form.setFieldsValue({
days: res.result.days,
index: res.result.index*100
});
index: res.result.index * 100,
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -232,13 +233,13 @@ export default {
let params = {
id: this.currId,
days: values.days,
index:values.index/100
index: values.index / 100,
}
httpAction("/nuclideParam/update", params, "put").then(res => {
httpAction('/nuclideParam/update', params, 'put').then((res) => {
if (res.success) {
this.form.resetFields()
this.visible = false
this.$message.success("success")
this.$message.success('success')
} else {
this.$message.info(res.result.message)
}
@ -308,6 +309,6 @@ export default {
.ant-input-number {
width: 85%;
margin-right: 10px;
background-color: #03353f !important
background-color: #03353f !important;
}
</style>

200
src/views/abnormalAlarm/databaseMonitor/overview/index.vue
View File

@ -1,31 +1,25 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="view-header">
<div class="view-num">Alarms：<span>{{ alarmTotal }}</span></div>
<div class="view-num">
Alarms：<span>{{ alarmTotal }}</span>
</div>
<div>
<a-button class="view-btn" @click="onAdd">
<img class="icon-add" src="@/assets/images/global/add.png" alt="" />
<span style="margin-left: 10px;">
Add
</span>
<span style="margin-left: 10px"> Add </span>
</a-button>
<a-button class="view-btn" @click="onEdit">
<img class="icon-add" src="@/assets/images/global/edit.png" alt="" />
<span style="margin-left: 10px;">
Edit
</span>
<span style="margin-left: 10px"> Edit </span>
</a-button>
<a-button class="view-btn" @click="onDelete">
<img class="icon-add" src="@/assets/images/global/delete.png" alt="" />
<span style="margin-left: 10px;">
Delete
</span>
<span style="margin-left: 10px"> Delete </span>
</a-button>
<a-button class="view-btn" @click="getSysDatabase">
<img class="icon-add" src="@/assets/images/global/reset-pwd.png" alt="" />
<span style="margin-left: 10px;">
Refresh
</span>
<span style="margin-left: 10px"> Refresh </span>
</a-button>
</div>
</div>
@ -44,22 +38,24 @@
>
<template slot="status" slot-scope="{ record }">
<div>
<img v-if="record.online" src="@/assets/images/abnormalAlarm/on.png" alt="">
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="">
<span :class="[record.online?'status-on':'status-off']">{{ record.online?"Connecting":"Disconnect" }}</span>
<img v-if="record.online" src="@/assets/images/abnormalAlarm/on.png" alt="" />
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="" />
<span :class="[record.online ? 'status-on' : 'status-off']">{{
record.online ? 'Connecting' : 'Disconnect'
}}</span>
</div>
</template>
<template slot="alarms" slot-scope="{ text, record }">
<span :class="[record.alarmRed ? 'isAlarm' : '', 'alarm-text']">{{ text }}</span>
</template>
<template slot="cpu" slot-scope="{ text, record }">
<span :class="[record.cpuRed?'isRed':'','alarm-text']">{{ text?text:"--" }}</span>
<span :class="[record.cpuRed ? 'isRed' : '', 'alarm-text']">{{ text ? text : '--' }}</span>
</template>
<template slot="memory" slot-scope="{ text, record }">
<span :class="[record.memoryRed?'isRed':'','alarm-text']">{{ text?text:"--" }}</span>
<span :class="[record.memoryRed ? 'isRed' : '', 'alarm-text']">{{ text ? text : '--' }}</span>
</template>
<template slot="disk" slot-scope="{ text, record }">
<span :class="[record.diskRed?'isRed':'','alarm-text']">{{ text?text:"--" }}</span>
<span :class="[record.diskRed ? 'isRed' : '', 'alarm-text']">{{ text ? text : '--' }}</span>
</template>
</TableList>
</div>
@ -71,17 +67,16 @@
show-size-changer
show-quick-jumper
:total="ipagination.total"
:show-total="(total, range) => `Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`"
:show-total="
(total, range) =>
`Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`
"
show-less-items
@change="handlePageChange"
@showSizeChange="handleSizeChange"
/>
</div>
<a-modal
:title="isAdd ? 'Add' : 'Edit'"
v-model="visible"
@cancel="onCancel"
>
<a-modal :title="isAdd ? 'Add' : 'Edit'" v-model="visible" :maskClosable="false" @cancel="onCancel">
<a-form :form="form" :label-col="{ span: 6 }" :wrapper-col="{ span: 16 }">
<a-form-item label="Name">
<a-input
@ -89,8 +84,8 @@
'name',
{
rules: [{ required: true, message: 'Please input name!' }],
initialVale: this.formVal.name
}
initialVale: this.formVal.name,
},
]"
/>
</a-form-item>
@ -102,8 +97,8 @@
'type',
{
rules: [{ required: true, message: 'Please select a DB Type!' }],
initialVale: this.formVal.type
}
initialVale: this.formVal.type,
},
]"
/>
</a-form-item>
@ -113,8 +108,8 @@
'port',
{
rules: [{ required: true, message: 'Please input port!' }],
initialVale: this.formVal.port
}
initialVale: this.formVal.port,
},
]"
/>
</a-form-item>
@ -124,8 +119,8 @@
'ipAddress',
{
rules: [{ required: true, message: 'Please input ip address!' }],
initialVale: this.formVal.ipAddress
}
initialVale: this.formVal.ipAddress,
},
]"
/>
</a-form-item>
@ -135,8 +130,8 @@
'username',
{
rules: [{ required: true, message: 'Please input username!' }],
initialVale: this.formVal.username
}
initialVale: this.formVal.username,
},
]"
/>
</a-form-item>
@ -146,8 +141,8 @@
'password',
{
rules: [{ required: true, message: 'Please input DB Password!' }],
initialVale: this.formVal.password
}
initialVale: this.formVal.password,
},
]"
/>
</a-form-item>
@ -163,64 +158,73 @@
</template>
<script>
import TableList from '../../components/tableList.vue';
import TableList from '../../components/tableList.vue'
import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
const columns = [
{
title: 'NAME',
align: 'center',
dataIndex: 'name'
},{
dataIndex: 'name',
},
{
title: 'STATUS',
align: 'center',
dataIndex: 'online',
scopedSlots: {
customRender: 'status'
}
},{
customRender: 'status',
},
},
{
title: 'IP ADDRESS',
align: 'center',
dataIndex: 'ipAddress'
},{
dataIndex: 'ipAddress',
},
{
title: 'DB TYPE',
align: 'center',
dataIndex: 'dataBaseType'
},{
dataIndex: 'dataBaseType',
},
{
title: 'PROT',
align: 'center',
dataIndex: 'port'
},{
dataIndex: 'port',
},
{
title: 'SLOW QUERY',
align: 'center',
dataIndex: 'slowQuery'
},{
dataIndex: 'slowQuery',
},
{
title: 'ALARMS',
align: 'center',
dataIndex: 'alarms',
scopedSlots: {
customRender: 'alarms',
}
},{
},
},
{
title: 'CPU UTILIZATION',
align: 'center',
dataIndex: 'cpuUutilzation',
scopedSlots: {
customRender: 'cpu',
}
},{
},
},
{
title: 'MEMORY USAGE',
align: 'center',
dataIndex: 'memoryUsage',
scopedSlots: {
customRender: 'memory',
}
},{
},
},
{
title: 'DISK USAGE',
align: 'center',
dataIndex: 'diskUsage',
scopedSlots: {
customRender: 'disk',
}
},
},
]
export default {
@ -234,14 +238,14 @@ export default {
visible: false,
form: this.$form.createForm(this),
formVal: {
username: "",
password: "",
name: "",
username: '',
password: '',
name: '',
type: undefined,
port: "",
ipAddress:""
port: '',
ipAddress: '',
},
currentId:"",
currentId: '',
columns,
dataSource: [],
ipagination: {
@ -254,36 +258,36 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
}
},
computed: {
alarmTotal() {
let num = 0
this.dataSource.forEach(item => {
this.dataSource.forEach((item) => {
num = item.alarmRed ? num + item.alarms : num
});
})
return num
}
},
},
mounted() {
this.getSysDatabase();
this.getSysDatabase()
},
methods: {
getSysDatabase() {
this.loading = true
let params = {
pageNo: this.ipagination.current,
pageSize: this.ipagination.pageSize
pageSize: this.ipagination.pageSize,
}
getAction("/sysDatabase/findPage", params).then(res => {
getAction('/sysDatabase/findPage', params).then((res) => {
this.loading = false
if (res.success) {
this.ipagination.total = res.result.total
this.dataSource = res.result.records
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -305,7 +309,7 @@ export default {
if (this.currentId) {
this.isAdd = false
this.visible = true
getAction("/sysDatabase/findInfo", {id:this.currentId}).then(res => {
getAction('/sysDatabase/findInfo', { id: this.currentId }).then((res) => {
if (res.success) {
this.form.setFieldsValue({
username: res.result.username,
@ -313,14 +317,14 @@ export default {
name: res.result.name,
type: res.result.type,
port: res.result.port,
ipAddress: res.result.ipAddress
});
ipAddress: res.result.ipAddress,
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
} else {
this.$message.info("Please select a piece of data")
this.$message.info('Please select a piece of data')
}
},
onDelete() {
@ -329,39 +333,39 @@ export default {
this.$confirm({
title: 'Are you sure to delete this item?',
onOk() {
deleteAction("/sysDatabase/deleteById", {id:_this.currentId}).then(res => {
deleteAction('/sysDatabase/deleteById', { id: _this.currentId }).then((res) => {
if (res.success) {
_this.$message.success("success")
this.currentId=""
_this.$message.success('success')
this.currentId = ''
_this.getSysDatabase()
} else {
_this.$message.warning("This operation fails. Contact your system administrator")
_this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
onCancel() {
console.log('Cancel');
console.log('Cancel')
},
});
})
} else {
this.$message.info("Please select a piece of data")
this.$message.info('Please select a piece of data')
}
},
selectRow(record) {
this.currentId = record.id
},
cancelRow() {
this.currentId = ""
this.currentId = ''
},
onSave() {
this.form.validateFields((err, values) => {
if (!err) {
if (this.isAdd) {
postAction("/sysDatabase/create", values).then(res => {
postAction('/sysDatabase/create', values).then((res) => {
if (res.success) {
this.form.resetFields()
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getSysDatabase()
} else {
this.$message.info(res.result.message)
@ -370,13 +374,13 @@ export default {
} else {
let params = {
id: this.currentId,
...values
...values,
}
httpAction("/sysDatabase/update", params, "put").then(res => {
httpAction('/sysDatabase/update', params, 'put').then((res) => {
if (res.success) {
this.form.resetFields()
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getSysDatabase()
} else {
this.$message.info(res.result.message)
@ -384,22 +388,22 @@ export default {
})
}
}
});
})
},
onCancel() {
this.form.resetFields()
this.visible = false
},
onRowDbclick(record) {
console.log(record);
console.log(record)
let query = {
id:record.id
id: record.id,
}
this.$router.push({
path: '/alarm/databaseMonitor/instances',
query
query,
})
}
},
},
}
</script>
@ -433,7 +437,7 @@ export default {
color: #ffffff;
border: none;
margin-left: 20px;
box-shadow: 0px 1px 1px 0px #000000;;
box-shadow: 0px 1px 1px 0px #000000;
}
}
.view-main {
@ -488,6 +492,6 @@ export default {
}
.ant-input-number {
width: 100%;
background-color: #03353f !important
background-color: #03353f !important;
}
</style>

231
src/views/abnormalAlarm/emailMonitor/overview/index.vue
View File

@ -1,31 +1,25 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="view-header">
<div class="view-num">Alarms：<span>{{ alarmTotal }}</span></div>
<div class="view-num">
Alarms：<span>{{ alarmTotal }}</span>
</div>
<div>
<a-button class="view-btn" @click="onAdd">
<img class="icon-add" src="@/assets/images/global/add.png" alt="" />
<span style="margin-left: 10px;">
Add
</span>
<span style="margin-left: 10px"> Add </span>
</a-button>
<a-button class="view-btn" @click="onEdit">
<img class="icon-add" src="@/assets/images/global/edit.png" alt="" />
<span style="margin-left: 10px;">
Edit
</span>
<span style="margin-left: 10px"> Edit </span>
</a-button>
<a-button class="view-btn" @click="onDelete">
<img class="icon-add" src="@/assets/images/global/delete.png" alt="" />
<span style="margin-left: 10px;">
Delete
</span>
<span style="margin-left: 10px"> Delete </span>
</a-button>
<a-button class="view-btn" @click="getSysEmail">
<img class="icon-add" src="@/assets/images/global/reset-pwd.png" alt="" />
<span style="margin-left: 10px;">
Refresh
</span>
<span style="margin-left: 10px"> Refresh </span>
</a-button>
</div>
</div>
@ -44,31 +38,33 @@
>
<template slot="status" slot-scope="{ record }">
<div>
<img v-if="record.online" src="@/assets/images/abnormalAlarm/on.png" alt="">
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="">
<span :class="[record.online?'status-on':'status-off']">{{ record.online?"Connecting":"Disconnect" }}</span>
<img v-if="record.online" src="@/assets/images/abnormalAlarm/on.png" alt="" />
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="" />
<span :class="[record.online ? 'status-on' : 'status-off']">{{
record.online ? 'Connecting' : 'Disconnect'
}}</span>
</div>
</template>
<template slot="enabled" slot-scope="{ text }">
<div>
<img v-if="text==1" src="@/assets/images/abnormalAlarm/on.png" alt="">
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="">
<img v-if="text == 1" src="@/assets/images/abnormalAlarm/on.png" alt="" />
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="" />
</div>
</template>
<template slot="today" slot-scope="{ text }">
<span class="alarm-text">{{ text?text:"--" }}</span>
<span class="alarm-text">{{ text ? text : '--' }}</span>
</template>
<template slot="yesterday" slot-scope="{ text }">
<span class="alarm-text">{{ text?text:"--" }}</span>
<span class="alarm-text">{{ text ? text : '--' }}</span>
</template>
<template slot="weekly" slot-scope="{ text }">
<span class="alarm-text">{{ text?text:"--" }}</span>
<span class="alarm-text">{{ text ? text : '--' }}</span>
</template>
<template slot="alarms" slot-scope="{ text, record }">
<span :class="[record.alarmRed ? 'isAlarm' : '', 'alarm-text']">{{ text }}</span>
</template>
<template slot="stoer" slot-scope="{ text, record }">
<span :class="[record.cpuRed?'isRed':'','alarm-text']">{{ text?text:"--" }}</span>
<span :class="[record.cpuRed ? 'isRed' : '', 'alarm-text']">{{ text ? text : '--' }}</span>
</template>
</TableList>
</div>
@ -80,17 +76,16 @@
show-size-changer
show-quick-jumper
:total="ipagination.total"
:show-total="(total, range) => `Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`"
:show-total="
(total, range) =>
`Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`
"
show-less-items
@change="handlePageChange"
@showSizeChange="handleSizeChange"
/>
</div>
<a-modal
:title="isAdd ? 'Add' : 'Edit'"
v-model="visible"
@cancel="onCancel"
>
<a-modal :title="isAdd ? 'Add' : 'Edit'" v-model="visible" :maskClosable="false" @cancel="onCancel">
<a-form :form="form" :label-col="{ span: 6 }" :wrapper-col="{ span: 16 }">
<a-form-item label="Name">
<a-input
@ -98,8 +93,8 @@
'name',
{
rules: [{ required: true, message: 'Please input name!' }],
initialVale: this.formVal.name
}
initialVale: this.formVal.name,
},
]"
/>
</a-form-item>
@ -109,8 +104,8 @@
'emailServerAddress',
{
rules: [{ required: true, message: 'Please input email server address!' }],
initialVale: this.formVal.emailServerAddress
}
initialVale: this.formVal.emailServerAddress,
},
]"
/>
</a-form-item>
@ -120,8 +115,8 @@
'username',
{
rules: [{ required: true, message: 'Please input email address!' }],
initialVale: this.formVal.username
}
initialVale: this.formVal.username,
},
]"
/>
</a-form-item>
@ -131,8 +126,8 @@
'password',
{
rules: [{ required: true, message: 'Please input password!' }],
initialVale: this.formVal.password
}
initialVale: this.formVal.password,
},
]"
/>
</a-form-item>
@ -144,8 +139,8 @@
'emilType',
{
rules: [{ required: true, message: 'Please input your name!' }],
initialVale: this.formVal.emilType
}
initialVale: this.formVal.emilType,
},
]"
/>
</a-form-item>
@ -156,17 +151,13 @@
'enabled',
{
rules: [{ required: true, message: 'Please select a Station!' }],
initialVale: this.formVal.enabled
}
initialVale: this.formVal.enabled,
},
]"
>
<img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
<a-select-option :value="1">
Enable
</a-select-option>
<a-select-option :value="0">
Disabled
</a-select-option>
<a-select-option :value="1"> Enable </a-select-option>
<a-select-option :value="0"> Disabled </a-select-option>
</a-select>
</a-form-item>
<a-form-item label="Port">
@ -175,8 +166,8 @@
'port',
{
rules: [{ required: true, message: 'Please input port!' }],
initialVale: this.formVal.port
}
initialVale: this.formVal.port,
},
]"
/>
</a-form-item>
@ -192,67 +183,75 @@
</template>
<script>
import TableList from '../../components/tableList.vue';
import TableList from '../../components/tableList.vue'
import { getAction, postAction, httpAction, deleteAction } from '@/api/manage'
const columns = [
{
title: 'NAME',
align: 'center',
dataIndex: 'name'
},{
dataIndex: 'name',
},
{
title: 'STATUS',
align: 'center',
dataIndex: 'online',
scopedSlots: {
customRender: 'status'
}
},{
customRender: 'status',
},
},
{
title: 'ENABLE',
align: 'center',
dataIndex: 'enabled',
scopedSlots: {
customRender: 'enabled'
}
},{
customRender: 'enabled',
},
},
{
title: 'E-MAIL',
align: 'center',
dataIndex: 'emailServerAddress'
},{
dataIndex: 'emailServerAddress',
},
{
title: "TODAY'S TOTAL",
align: 'center',
dataIndex: 'today',
scopedSlots: {
customRender: 'today'
}
},{
customRender: 'today',
},
},
{
title: "YESTERDAY'S TOTAL",
align: 'center',
dataIndex: 'yesterday',
scopedSlots: {
customRender: 'yesterday'
}
},{
title: "WEEKLY TOTAL",
customRender: 'yesterday',
},
},
{
title: 'WEEKLY TOTAL',
align: 'center',
dataIndex: 'weekly',
scopedSlots: {
customRender: 'weekly'
}
},{
customRender: 'weekly',
},
},
{
title: 'ALARMS',
align: 'center',
dataIndex: 'alarms',
scopedSlots: {
customRender: 'alarms',
}
},{
title: "STOER CAPACITY",
},
},
{
title: 'STOER CAPACITY',
align: 'center',
dataIndex: 'stoerCapacity',
scopedSlots: {
customRender: 'stoer',
}
}
},
},
]
export default {
components: {
@ -265,15 +264,15 @@ export default {
visible: false,
form: this.$form.createForm(this),
formVal: {
name: "",
emailServerAddress: "",
username: "",
password: "",
emilType: "",
enabled: "",
port: ""
name: '',
emailServerAddress: '',
username: '',
password: '',
emilType: '',
enabled: '',
port: '',
},
currentId:"",
currentId: '',
columns,
dataSource: [],
ipagination: {
@ -286,36 +285,36 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
}
},
computed: {
alarmTotal() {
let num = 0
this.dataSource.forEach(item => {
this.dataSource.forEach((item) => {
num = item.alarmRed ? num + item.alarms : num
});
})
return num
}
},
},
mounted() {
this.getSysEmail();
this.getSysEmail()
},
methods: {
getSysEmail() {
this.loading = true
let params = {
pageNo: this.ipagination.current,
pageSize: this.ipagination.pageSize
pageSize: this.ipagination.pageSize,
}
getAction("/sysEmail/findPage", params).then(res => {
getAction('/sysEmail/findPage', params).then((res) => {
this.loading = false
if (res.success) {
this.ipagination.total = res.result.total
this.dataSource = res.result.records
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -337,7 +336,7 @@ export default {
if (this.currentId) {
this.isAdd = false
this.visible = true
getAction("/sysEmail/findInfo", {id:this.currentId}).then(res => {
getAction('/sysEmail/findInfo', { id: this.currentId }).then((res) => {
if (res.success) {
this.form.setFieldsValue({
name: res.result.name,
@ -346,14 +345,14 @@ export default {
password: res.result.password,
emilType: res.result.emilType,
enabled: res.result.enabled,
port: res.result.port
});
port: res.result.port,
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
} else {
this.$message.info("Please select a piece of data")
this.$message.info('Please select a piece of data')
}
},
onDelete() {
@ -362,40 +361,40 @@ export default {
this.$confirm({
title: 'Are you sure to delete this item?',
onOk() {
deleteAction("/sysEmail/deleteById", {id:_this.currentId}).then(res => {
deleteAction('/sysEmail/deleteById', { id: _this.currentId }).then((res) => {
if (res.success) {
_this.$message.success("success")
this.currentId=""
_this.$message.success('success')
this.currentId = ''
_this.getSysEmail()
} else {
_this.$message.warning("This operation fails. Contact your system administrator")
_this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
onCancel() {
console.log('Cancel');
console.log('Cancel')
},
});
})
} else {
this.$message.info("Please select a piece of data")
this.$message.info('Please select a piece of data')
}
},
selectRow(record) {
this.currentId = record.id
},
cancelRow() {
this.currentId = ""
this.currentId = ''
},
onSave() {
this.form.validateFields((err, values) => {
if (!err) {
console.log('Received values of form: ', values);
console.log('Received values of form: ', values)
if (this.isAdd) {
postAction("/sysEmail/create", values).then(res => {
postAction('/sysEmail/create', values).then((res) => {
if (res.success) {
this.form.resetFields()
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getSysEmail()
} else {
this.$message.info(res.result.message)
@ -404,13 +403,13 @@ export default {
} else {
let params = {
id: this.currentId,
...values
...values,
}
httpAction("/sysEmail/update", params, "put").then(res => {
httpAction('/sysEmail/update', params, 'put').then((res) => {
if (res.success) {
this.form.resetFields()
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getSysEmail()
} else {
this.$message.info(res.result.message)
@ -418,7 +417,7 @@ export default {
})
}
}
});
})
},
onCancel() {
this.form.resetFields()
@ -426,13 +425,13 @@ export default {
},
onRowDbclick(record) {
let query = {
emailId:record.id
emailId: record.id,
}
this.$router.push({
path: '/alarm/emailMonitor/instances',
query
query,
})
}
},
},
}
</script>
@ -466,7 +465,7 @@ export default {
color: #ffffff;
border: none;
margin-left: 20px;
box-shadow: 0px 1px 1px 0px #000000;;
box-shadow: 0px 1px 1px 0px #000000;
}
}
.view-main {
@ -521,6 +520,6 @@ export default {
}
.ant-input-number {
width: 100%;
background-color: #03353f !important
background-color: #03353f !important;
}
</style>

2
src/views/abnormalAlarm/serverMonitor/instances/cpu.vue
View File

@ -152,7 +152,7 @@
</a-col>
</a-row>
</div>
<a-modal :title="modalTitle" :width="1200" v-model="visible" @cancel="onCancel">
<a-modal :title="modalTitle" :width="1200" v-model="visible" :maskClosable="false" @cancel="onCancel">
<div class="modal-content" id="common_cpu"></div>
</a-modal>
<CreateRules

2
src/views/abnormalAlarm/serverMonitor/instances/createRules.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<a-modal title="Add Rule" :width="845" v-model="visible" @cancel="onCancel">
<a-modal title="Add Rule" :width="845" v-model="visible" :maskClosable="false" @cancel="onCancel">
<a-form-model ref="al_ruleForm" :model="form" :rules="rules" layout="vertical">
<a-row :gutter="[15, 0]">
<a-col :span="12">

2
src/views/abnormalAlarm/serverMonitor/instances/monitor.vue
View File

@ -156,7 +156,7 @@
</a-col>
</a-row>
</div>
<a-modal :title="modalTitle" :width="1200" v-model="visible" @cancel="onCancel">
<a-modal :title="modalTitle" :width="1200" v-model="visible" :maskClosable="false" @cancel="onCancel">
<div class="modal-content" id="common"></div>
</a-modal>
<CreateRules

153
src/views/abnormalAlarm/serverMonitor/overview/index.vue
View File

@ -1,31 +1,25 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="view-header">
<div class="view-num">Alarms：<span>{{ alarmTotal }}</span></div>
<div class="view-num">
Alarms：<span>{{ alarmTotal }}</span>
</div>
<div>
<a-button class="view-btn" @click="onAdd">
<img class="icon-add" src="@/assets/images/global/add.png" alt="" />
<span style="margin-left: 10px;">
Add
</span>
<span style="margin-left: 10px"> Add </span>
</a-button>
<a-button class="view-btn" @click="onEdit">
<img class="icon-add" src="@/assets/images/global/edit.png" alt="" />
<span style="margin-left: 10px;">
Edit
</span>
<span style="margin-left: 10px"> Edit </span>
</a-button>
<a-button class="view-btn" @click="onDelete">
<img class="icon-add" src="@/assets/images/global/delete.png" alt="" />
<span style="margin-left: 10px;">
Delete
</span>
<span style="margin-left: 10px"> Delete </span>
</a-button>
<a-button class="view-btn" @click="getSysServer">
<img class="icon-add" src="@/assets/images/global/reset-pwd.png" alt="" />
<span style="margin-left: 10px;">
Refresh
</span>
<span style="margin-left: 10px"> Refresh </span>
</a-button>
</div>
</div>
@ -44,8 +38,8 @@
>
<template slot="status" slot-scope="{ text, record }">
<div>
<img v-if="record.online" src="@/assets/images/abnormalAlarm/on.png" alt="">
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="">
<img v-if="record.online" src="@/assets/images/abnormalAlarm/on.png" alt="" />
<img v-else src="@/assets/images/abnormalAlarm/off.png" alt="" />
<span :class="[record.online ? 'status-on' : 'status-off']">{{ text }}</span>
</div>
</template>
@ -53,13 +47,13 @@
<span :class="[record.alarmRed ? 'isAlarm' : '', 'alarm-text']">{{ text }}</span>
</template>
<template slot="cpu" slot-scope="{ text, record }">
<span :class="[record.cpuRed?'isRed':'','alarm-text']">{{ text?text:"--" }}</span>
<span :class="[record.cpuRed ? 'isRed' : '', 'alarm-text']">{{ text ? text : '--' }}</span>
</template>
<template slot="memory" slot-scope="{ text, record }">
<span :class="[record.memoryRed?'isRed':'','alarm-text']">{{ text?text:"--" }}</span>
<span :class="[record.memoryRed ? 'isRed' : '', 'alarm-text']">{{ text ? text : '--' }}</span>
</template>
<template slot="disk" slot-scope="{ text, record }">
<span :class="[record.diskRed?'isRed':'','alarm-text']">{{ text?text:"--" }}</span>
<span :class="[record.diskRed ? 'isRed' : '', 'alarm-text']">{{ text ? text : '--' }}</span>
</template>
</TableList>
</div>
@ -71,17 +65,16 @@
show-size-changer
show-quick-jumper
:total="ipagination.total"
:show-total="(total, range) => `Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`"
:show-total="
(total, range) =>
`Total ${total} items　Page ${ipagination.current} / ${Math.ceil(total / ipagination.pageSize)}`
"
show-less-items
@change="handlePageChange"
@showSizeChange="handleSizeChange"
/>
</div>
<a-modal
:title="isAdd ? 'Add' : 'Edit'"
v-model="visible"
@cancel="onCancel"
>
<a-modal :title="isAdd ? 'Add' : 'Edit'" v-model="visible" :maskClosable="false" @cancel="onCancel">
<a-form :form="form" :label-col="{ span: 5 }" :wrapper-col="{ span: 17 }">
<a-form-item label="Name">
<a-input
@ -89,8 +82,8 @@
'name',
{
rules: [{ required: true, message: 'Please input name!' }],
initialVale: this.formVal.name
}
initialVale: this.formVal.name,
},
]"
/>
</a-form-item>
@ -100,8 +93,8 @@
'ipAddress',
{
rules: [{ required: true, message: 'Please input ip address!' }],
initialVale: this.formVal.ipAddress
}
initialVale: this.formVal.ipAddress,
},
]"
/>
</a-form-item>
@ -123,46 +116,52 @@ const columns = [
{
title: 'NAME',
align: 'center',
dataIndex: 'name'
},{
dataIndex: 'name',
},
{
title: 'STATUS',
align: 'center',
dataIndex: 'serverInfo',
scopedSlots: {
customRender: 'status'
}
},{
customRender: 'status',
},
},
{
title: 'IP ADDRESS',
align: 'center',
dataIndex: 'ipAddress'
},{
dataIndex: 'ipAddress',
},
{
title: 'ALARMS',
align: 'center',
dataIndex: 'alarms',
scopedSlots: {
customRender: 'alarms',
}
},{
},
},
{
title: 'CPU UTILIZATION',
align: 'center',
dataIndex: 'cpuUutilzation',
scopedSlots: {
customRender: 'cpu',
}
},{
},
},
{
title: 'MEMORY USAGE',
align: 'center',
dataIndex: 'memoryUsage',
scopedSlots: {
customRender: 'memory',
}
},{
},
},
{
title: 'DISK USAGE',
align: 'center',
dataIndex: 'diskUsage',
scopedSlots: {
customRender: 'disk',
}
},
},
]
export default {
@ -176,10 +175,10 @@ export default {
visible: false,
form: this.$form.createForm(this),
formVal: {
name: "",
ipAddress:""
name: '',
ipAddress: '',
},
currentId:"",
currentId: '',
columns,
dataSource: [],
ipagination: {
@ -192,36 +191,36 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
}
},
computed: {
alarmTotal() {
let num = 0
this.dataSource.forEach(item => {
this.dataSource.forEach((item) => {
num = item.alarmRed ? num + item.alarms : num
});
})
return num
}
},
},
mounted() {
this.getSysServer();
this.getSysServer()
},
methods: {
getSysServer() {
this.loading = true
let params = {
pageNo: this.ipagination.current,
pageSize: this.ipagination.pageSize
pageSize: this.ipagination.pageSize,
}
getAction("/sysServer/findPage", params).then(res => {
getAction('/sysServer/findPage', params).then((res) => {
this.loading = false
if (res.success) {
this.ipagination.total = res.result.total
this.dataSource = res.result.records
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -243,18 +242,18 @@ export default {
if (this.currentId) {
this.isAdd = false
this.visible = true
getAction("/sysServer/findInfo", {id:this.currentId}).then(res => {
getAction('/sysServer/findInfo', { id: this.currentId }).then((res) => {
if (res.success) {
this.form.setFieldsValue({
name: res.result.name,
ipAddress: res.result.ipAddress
});
ipAddress: res.result.ipAddress,
})
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
} else {
this.$message.info("Please select a piece of data")
this.$message.info('Please select a piece of data')
}
},
onDelete() {
@ -263,39 +262,39 @@ export default {
this.$confirm({
title: 'Are you sure to delete this item?',
onOk() {
deleteAction("/sysServer/deleteById", {id:_this.currentId}).then(res => {
deleteAction('/sysServer/deleteById', { id: _this.currentId }).then((res) => {
if (res.success) {
_this.$message.success("success")
_this.currentId = ""
_this.$message.success('success')
_this.currentId = ''
_this.getSysServer()
} else {
_this.$message.warning("This operation fails. Contact your system administrator")
_this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
onCancel() {
console.log('Cancel');
console.log('Cancel')
},
});
})
} else {
this.$message.info("Please select a piece of data")
this.$message.info('Please select a piece of data')
}
},
selectRow(record) {
this.currentId = record.id
},
cancelRow() {
this.currentId = ""
this.currentId = ''
},
onSave() {
this.form.validateFields((err, values) => {
if (!err) {
if (this.isAdd) {
postAction("/sysServer/create", values).then(res => {
postAction('/sysServer/create', values).then((res) => {
if (res.success) {
this.form.resetFields()
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getSysServer()
} else {
this.$message.info(res.result.message)
@ -304,13 +303,13 @@ export default {
} else {
let params = {
id: this.currentId,
...values
...values,
}
httpAction("/sysServer/update", params, "put").then(res => {
httpAction('/sysServer/update', params, 'put').then((res) => {
if (res.success) {
this.form.resetFields()
this.visible = false
this.$message.success("success")
this.$message.success('success')
this.getSysServer()
} else {
this.$message.info(res.result.message)
@ -318,7 +317,7 @@ export default {
})
}
}
});
})
},
onCancel() {
this.form.resetFields()
@ -326,13 +325,13 @@ export default {
},
onRowDbclick(record) {
let query = {
serverId:record.id
serverId: record.id,
}
this.$router.push({
path: '/alarm/serverMonitor/instances',
query
query,
})
}
},
},
}
</script>
@ -366,7 +365,7 @@ export default {
color: #ffffff;
border: none;
margin-left: 20px;
box-shadow: 0px 1px 1px 0px #000000;;
box-shadow: 0px 1px 1px 0px #000000;
}
}
.view-main {

6
src/views/spectrumAnalysis/components/Modals/LoadFromFileModal.vue
View File

@ -138,7 +138,7 @@
</template>
<!-- 底部按钮结束 -->
</custom-modal>
<a-modal v-model="visible_file" :width="1200" title="File List" @cancel="cancelFileModale">
<a-modal v-model="visible_file" :width="1200" title="File List" :maskClosable="false" @cancel="cancelFileModale">
<a-spin :spinning="loading_file">
<div style="position: relative; padding-bottom: 40px; height: 460px; overflow: hidden">
<a-row type="flex" style="margin-bottom: 15px">
@ -445,7 +445,9 @@ export default {
})
if (findFile) {
const regExp = new RegExp(`(${otherFilePrefix}${fileType}_${qualify}_\\d{1,}\\.{0,}\\d{0,}).*?(\\.PHD)`)
const regExp = new RegExp(
`(${otherFilePrefix}${fileType}_${qualify}_\\d{1,}\\.{0,}\\d{0,}).*?(\\.PHD)`
)
record[nameKeys[index]] = {
file: findFile,
fileName: findFile.name.replace(regExp, '$1$2'),

12
src/views/statistics/imsData/radionuclide/particulate/detbkphd.vue
View File

@ -1,11 +1,11 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<List :stationList="stationList" :columns="columns" :dataType="dataType" fileName="DETBKPHD" pageType="ACQ"></List>
</div>
</template>
<script>
import List from "../../../list.vue"
import List from '../../../list.vue'
import { getAction } from '../../../../../api/manage'
const columns = [
@ -68,12 +68,11 @@ export default {
},
stationList: [],
columns,
dataType:"D"
dataType: 'D',
}
},
mounted() {
console.log(this.dataType);
this.findStationList();
this.findStationList()
},
methods: {
findStationList() {
@ -85,7 +84,7 @@ export default {
this.stationList = []
}
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
@ -94,5 +93,4 @@ export default {
</script>
<style lang="less" scoped>
</style>

93
src/views/statistics/list.vue
View File

@ -1,5 +1,5 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<a-spin :spinning="spinning">
<a-card v-if="!isDetail" :bordered="false" style="margin-left: 20px">
<search-form :items="formItems" v-model="queryParam" @search="searchQueryData">
@ -32,43 +32,56 @@
</div>
</template>
<script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import { getAction, getFileAction } from '../../api/manage'
import dateFormat from '../../components/jeecg/JEasyCron/format-date'
import Detail from "./detail.vue"
import Detail from './detail.vue'
export default {
name: 'menuTree',
props: {
stationList: {
type: Array,
default: ()=>[]
default: () => [],
},
columns: {
type: Array,
default: ()=>[]
default: () => [],
},
dataType: {
type: String,
default:""
default: '',
},
fileName: {
type: String,
default:""
default: '',
},
spectralQualifie: {
type: String,
default:""
default: '',
},
pageType: {
type: String,
default:""
}
default: '',
},
},
mixins: [JeecgListMixin],
components: {
Detail,
},
watch: {
fileName: {
handler: function (val) {
if (val === 'QCPHD' || val === 'SPHDF' || val === 'SPHDP') {
console.log(56, this)
console.log(this.getBeforeDate(6))
this.$nextTick(() => {
this.queryParam.startTime = this.getBeforeDate(6)
})
}
},
immediate: true,
},
},
data() {
return {
spinning: false,
@ -79,7 +92,7 @@ export default {
startTime: dateFormat(new Date(), 'yyyy-MM-dd'),
endTime: dateFormat(new Date(), 'yyyy-MM-dd'),
stationIds: [],
spectralQualifie:this.spectralQualifie
spectralQualifie: this.spectralQualifie,
},
url: {
list: '/webStatistics/findParticulatePage',
@ -90,7 +103,7 @@ export default {
dataSource: [],
detailJson: {},
allChecked: false,
currSampleId:""
currSampleId: '',
}
},
methods: {
@ -98,13 +111,13 @@ export default {
if (this.dataSource.length > 0) {
let params = {
...this.queryParam,
pageType:this.pageType
pageType: this.pageType,
}
getFileAction("/webStatistics/radionuclideExport", params).then(res => {
getFileAction('/webStatistics/radionuclideExport', params).then((res) => {
if (res.code && res.code == 500) {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
} else {
const blob = new Blob([res], { type: "application/vnd.ms-excel" })
const blob = new Blob([res], { type: 'application/vnd.ms-excel' })
let link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
link.download = this.fileName
@ -115,7 +128,7 @@ export default {
}
})
} else {
this.$message.warning("No downloadable data")
this.$message.warning('No downloadable data')
}
},
searchQueryData() {
@ -124,7 +137,7 @@ export default {
let params = {
...this.queryParam,
pageNo: 1,
pageSize: 10
pageSize: 10,
}
getAction(this.url.list, params).then((res) => {
this.loading = false
@ -134,23 +147,25 @@ export default {
this.ipagination.total = res.result.total
this.dataSource = res.result.records
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
handleDetail(record) {
this.spinning = true
this.currSampleId = record.sampleId
getAction("webStatistics/findGeneratedReport", { sampleId: record.sampleId }).then(res => {
getAction('webStatistics/findGeneratedReport', { sampleId: record.sampleId })
.then((res) => {
this.spinning = false
if (res.success) {
this.detailJson = res.result
this.detailJson = JSON.parse(JSON.stringify(this.detailJson))
this.isDetail = true
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
}).catch(err => {
})
.catch((err) => {
this.spinning = false
})
},
@ -168,15 +183,35 @@ export default {
handleSelectChangeAll(val) {
this.allChecked = val
if (val) {
this.queryParam.stationIds = this.stationList.map(item => item.value)
this.queryParam.stationIds = this.stationList.map((item) => item.value)
} else {
this.queryParam.stationIds = []
}
},
filterOption(input, option) {
return (
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
);
return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
},
// 获取n天前的日期
getBeforeDate(n) {
var n = n
var d = new Date()
var year = d.getFullYear()
var mon = d.getMonth() + 1
var day = d.getDate()
if (day <= n) {
if (mon > 1) {
mon = mon - 1
} else {
year = year - 1
mon = 12
}
}
d.setDate(d.getDate() - n)
year = d.getFullYear()
mon = d.getMonth() + 1
day = d.getDate()
var s = year + '-' + (mon < 10 ? '0' + mon : mon) + '-' + (day < 10 ? '0' + day : day)
return s
},
},
computed: {
@ -206,16 +241,14 @@ export default {
placeholder: 'select stations',
mode: 'multiple',
maxTagCount: 1,
options: [
...this.stationList,
],
options: [...this.stationList],
style: {
width: '200px',
},
},
on: {
change: this.handleSelectChange,
changeAll: this.handleSelectChangeAll
changeAll: this.handleSelectChangeAll,
},
style: {
width: 'auto',

63
src/views/system/DefaultNuclide/AlarmRule.vue
View File

@ -1,5 +1,5 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="header">
<a-button type="primary" @click="handleAdd">
<img src="@/assets/images/global/add.png" alt="" />
@ -29,20 +29,14 @@
</custom-table>
</div>
<!-- 列表结束 -->
<a-modal
title='Edit'
:width="845"
v-model="visible"
@ok="handleOk"
destroy-on-close
>
<a-modal title="Edit" :width="845" v-model="visible" :maskClosable="false" @ok="handleOk" destroy-on-close>
<a-spin :spinning="spinning">
<div class="group-assign">
<a-transfer
:dataSource="dataList"
:target-keys="targetKeys"
show-search
:render="item => item.title"
:render="(item) => item.title"
:operations="['Assign', 'Remove']"
:titles="['Total Nuclides', 'User Nuclides']"
@change="handleChange"
@ -70,32 +64,32 @@ const columns = [
align: 'left',
width: 170,
scopedSlots: {
customRender: 'index'
customRender: 'index',
},
customHeaderCell: () => {
return {
style: {
'padding-left': '60px !important'
}
'padding-left': '60px !important',
},
}
},
customCell: () => {
return {
style: {
'padding-left': '60px !important'
}
}
'padding-left': '60px !important',
},
}
},
},
{
title: 'NUCLIDE NAME',
align: 'left',
dataIndex: 'nuclideName'
dataIndex: 'nuclideName',
},
{
title: 'CREATE TIME',
align: 'left',
dataIndex: 'createTime'
dataIndex: 'createTime',
},
]
export default {
@ -116,17 +110,17 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
loading: false,
targetKeys: [],
visible: false,
dataList: [],
spinning: false
spinning: false,
}
},
mounted() {
this.getRulesList();
this.getRulesList()
},
methods: {
getRulesList() {
@ -134,23 +128,22 @@ export default {
let params = {
pageNo: this.ipagination.current,
pageSize: this.ipagination.pageSize,
useType: 2
useType: 2,
}
getAction(this.url.list, params).then(res => {
getAction(this.url.list, params).then((res) => {
this.loading = false
if (res.success) {
this.dataSource = res.result.records
this.ipagination.total = res.result.total
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
handleTableChange(pagination, filters, sorter) {
this.ipagination.current = pagination.current
this.ipagination.pageSize = pagination.pageSize
this.getRulesList();
this.getRulesList()
},
handleAdd() {
this.visible = true
@ -159,39 +152,39 @@ export default {
this.getNuclideList()
},
getNuclideListAll() {
getAction("/gardsNuclLib/allName").then(res => {
getAction('/gardsNuclLib/allName').then((res) => {
this.spinning = false
if (res.success) {
if (res.result.length > 0) {
this.dataList = res.result.map((item, index) => {
return {
key: item,
title: item
title: item,
}
})
} else {
this.dataList = []
}
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
getNuclideList() {
getAction("/sys/defaultNuclide/allName",{useType:2}).then(res => {
getAction('/sys/defaultNuclide/allName', { useType: 2 }).then((res) => {
if (res.success) {
if (res.result.length > 0) {
this.targetKeys = res.result.map(item => item)
this.targetKeys = res.result.map((item) => item)
} else {
this.targetKeys = []
}
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
handleChange(targetKeys, direction, moveKeys) {
this.targetKeys= targetKeys;
this.targetKeys = targetKeys
},
handleSearch(dir, value) {
console.log('search:', dir, value)
@ -199,15 +192,15 @@ export default {
handleOk() {
let params = {
nuclideNames: this.targetKeys,
useType: 2
useType: 2,
}
getAction("/sys/defaultNuclide/add",params).then(res => {
getAction('/sys/defaultNuclide/add', params).then((res) => {
this.visible = false
if (res.success) {
this.$message.success(res.message)
this.getRulesList()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},

87
src/views/system/DefaultNuclide/AutoProcess.vue
View File

@ -1,10 +1,10 @@
<template>
<div style="height: 100%;">
<div style="height: 100%">
<div class="header">
<div>
<span class="item-label">Nuclide Type</span>
<a-select
style="width: 180px;display: inline-block;"
style="width: 180px; display: inline-block"
v-model="type"
:options="typeOptions"
show-arrow
@ -43,18 +43,12 @@
</custom-table>
</div>
<!-- 列表结束 -->
<a-modal
title='Edit'
:width="845"
v-model="visible"
@ok="handleOk"
destroy-on-close
>
<a-modal title="Edit" :width="845" v-model="visible" :maskClosable="false" @ok="handleOk" destroy-on-close>
<a-spin :spinning="spinning">
<div style="padding-left: 52px;margin-bottom: 20px;">
<div style="padding-left: 52px; margin-bottom: 20px">
<span class="item-label">Nuclide Type</span>
<a-select
style="width: 180px;display: inline-block;"
style="width: 180px; display: inline-block"
v-model="currType"
:options="typeOptions"
show-arrow
@ -70,7 +64,7 @@
:dataSource="dataList"
:target-keys="targetKeys"
show-search
:render="item => item.title"
:render="(item) => item.title"
:operations="['Assign', 'Remove']"
:titles="['Total Nuclides', 'User Nuclides']"
@change="handleChange"
@ -98,37 +92,37 @@ const columns = [
align: 'left',
width: 170,
scopedSlots: {
customRender: 'index'
customRender: 'index',
},
customHeaderCell: () => {
return {
style: {
'padding-left': '60px !important'
}
'padding-left': '60px !important',
},
}
},
customCell: () => {
return {
style: {
'padding-left': '60px !important'
}
}
'padding-left': '60px !important',
},
}
},
},
{
title: 'NUCLIDE NAME',
align: 'left',
dataIndex: 'nuclideName'
dataIndex: 'nuclideName',
},
{
title: 'NUCLIDE TYPE',
align: 'left',
dataIndex: 'nuclideType'
dataIndex: 'nuclideType',
},
{
title: 'CREATE TIME',
align: 'left',
dataIndex: 'createTime'
dataIndex: 'createTime',
},
]
export default {
@ -149,29 +143,29 @@ export default {
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
loading: false,
typeOptions: [
{
label: "P",
value: "P"
label: 'P',
value: 'P',
},
{
label: "G",
value: "G"
}
label: 'G',
value: 'G',
},
],
type: undefined,
currType: "P",
currType: 'P',
targetKeys: [],
visible: false,
dataList: [],
spinning: false
spinning: false,
}
},
mounted() {
this.getAuroPeocessList();
this.getAuroPeocessList()
},
methods: {
getAuroPeocessList() {
@ -180,27 +174,26 @@ export default {
pageNo: this.ipagination.current,
pageSize: this.ipagination.pageSize,
useType: 1,
nuclideType: this.type || ""
nuclideType: this.type || '',
}
getAction(this.url.list, params).then(res => {
getAction(this.url.list, params).then((res) => {
this.loading = false
if (res.success) {
this.dataSource = res.result.records
this.ipagination.total = res.result.total
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
handleTableChange(pagination, filters, sorter) {
this.ipagination.current = pagination.current
this.ipagination.pageSize = pagination.pageSize
this.getAuroPeocessList();
this.getAuroPeocessList()
},
onTypeChange(val) {
this.type = val
this.getAuroPeocessList();
this.getAuroPeocessList()
},
onCurrTypeChange(val) {
this.currType = val
@ -213,40 +206,40 @@ export default {
this.getNuclideList()
},
getNuclideListAll() {
getAction("/gardsNuclLib/allName").then(res => {
getAction('/gardsNuclLib/allName').then((res) => {
this.spinning = false
if (res.success) {
if (res.result.length > 0) {
this.dataList = res.result.map((item, index) => {
return {
key: item,
title: item
title: item,
}
})
} else {
this.dataList = []
}
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
getNuclideList() {
getAction("/sys/defaultNuclide/allName",{useType:1,nuclideType: this.currType}).then(res => {
getAction('/sys/defaultNuclide/allName', { useType: 1, nuclideType: this.currType }).then((res) => {
if (res.success) {
if (res.result.length > 0) {
this.targetKeys = res.result.map(item => item)
this.targetKeys = res.result.map((item) => item)
} else {
this.targetKeys = []
}
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},
handleChange(targetKeys, direction, moveKeys) {
console.log(targetKeys, direction, moveKeys);
this.targetKeys= targetKeys;
console.log(targetKeys, direction, moveKeys)
this.targetKeys = targetKeys
},
handleSearch(dir, value) {
console.log('search:', dir, value)
@ -255,15 +248,15 @@ export default {
let params = {
nuclideNames: this.targetKeys,
nuclideType: this.currType,
useType: 1
useType: 1,
}
getAction("/sys/defaultNuclide/add",params).then(res => {
getAction('/sys/defaultNuclide/add', params).then((res) => {
this.visible = false
if (res.success) {
this.$message.success(res.message)
this.getAuroPeocessList()
} else {
this.$message.warning("This operation fails. Contact your system administrator")
this.$message.warning('This operation fails. Contact your system administrator')
}
})
},

118
src/views/system/modules/DictItemModal.vue
View File

@ -3,6 +3,7 @@
:title="title"
:width="800"
:visible="visible"
:maskClosable="false"
:confirmLoading="confirmLoading"
@ok="handleOk"
@cancel="handleCancel"
@ -10,46 +11,26 @@
>
<a-spin :spinning="confirmLoading">
<a-form-model ref="form" :model="model" :rules="validatorRules">
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="itemText"
label="Name">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="itemText" label="Name">
<a-input placeholder="Please Enter Name" v-model="model.itemText" />
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="itemValue"
label="Item Value">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="itemValue" label="Item Value">
<a-input placeholder="Please Enter Item Value" v-model="model.itemValue" />
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
label="Description">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="Description">
<a-input v-model="model.description" />
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
label="Sort">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="Sort">
<a-input-number :min="1" v-model="model.sortOrder" />
The Smaller The Value, the More Advanced
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
label="Enable"
hasFeedback>
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="Enable" hasFeedback>
<a-switch checkedChildren="Enable" unCheckedChildren="Disable" @change="onChose" v-model="visibleCheck" />
</a-form-model-item>
</a-form-model>
</a-spin>
</a-modal>
@ -61,14 +42,14 @@
import { getAction } from '@api/manage'
export default {
name: "DictItemModal",
name: 'DictItemModal',
data() {
return {
title: "操作",
title: '操作',
visible: false,
visibleCheck: true,
model: {},
dictId: "",
dictId: '',
status: 1,
labelCol: {
xs: { span: 24 },
@ -85,75 +66,76 @@
},
}
},
created() {
},
created() {},
methods: {
add(dictId) {
this.dictId = dictId;
this.dictId = dictId
//初始化默认值
this.edit({sortOrder:1,status:1});
this.edit({ sortOrder: 1, status: 1 })
},
edit(record) {
if (record.id) {
this.dictId = record.dictId;
this.dictId = record.dictId
}
this.status = record.status;
this.visibleCheck = (record.status == 1) ? true : false;
this.model = Object.assign({}, record);
this.model.dictId = this.dictId;
this.model.status = this.status;
this.visible = true;
this.status = record.status
this.visibleCheck = record.status == 1 ? true : false
this.model = Object.assign({}, record)
this.model.dictId = this.dictId
this.model.status = this.status
this.visible = true
},
onChose(checked) {
if (checked) {
this.status = 1;
this.visibleCheck = true;
this.status = 1
this.visibleCheck = true
} else {
this.status = 0;
this.visibleCheck = false;
this.status = 0
this.visibleCheck = false
}
},
// 确定
handleOk() {
const that = this;
const that = this
// 触发表单验证
this.$refs.form.validate(valid => {
this.$refs.form.validate((valid) => {
if (valid) {
that.confirmLoading = true;
that.confirmLoading = true
this.model.itemText = (this.model.itemText || '').trim()
this.model.itemValue = (this.model.itemValue || '').trim()
this.model.description = (this.model.description || '').trim()
this.model.status = this.status;
let obj;
this.model.status = this.status
let obj
if (!this.model.id) {
obj = addDictItem(this.model);
obj = addDictItem(this.model)
} else {
obj = editDictItem(this.model);
obj = editDictItem(this.model)
}
obj.then((res) => {
obj
.then((res) => {
if (res.success) {
that.$message.success(res.message);
that.$emit('ok');
that.$message.success(res.message)
that.$emit('ok')
} else {
that.$message.warning(res.message);
that.$message.warning(res.message)
}
}).finally(() => {
that.confirmLoading = false;
that.close();
})
.finally(() => {
that.confirmLoading = false
that.close()
})
} else {
return false;
return false
}
})
},
// 关闭
handleCancel() {
this.close();
this.close()
},
close() {
this.$emit('close');
this.visible = false;
this.$refs.form.resetFields();
this.$emit('close')
this.visible = false
this.$refs.form.resetFields()
},
validateItemValue(rule, value, callback) {
let param = {
@ -166,22 +148,22 @@
if (value) {
let reg = new RegExp("[`~!@#$^&*()=|{}'.<>《》/?！￥（）—【】‘；：”“。，、？]")
if (reg.test(value)) {
callback("Cannot Have Special Charactors")
callback('Cannot Have Special Charactors')
} else {
//update--begin--autor:lvdandan-----date:20201203------for：JT-27【数据字典】字典 - 数据值可重复
getAction("/sys/dictItem/dictItemCheck",param).then((res)=>{
getAction('/sys/dictItem/dictItemCheck', param).then((res) => {
if (res.success) {
callback()
} else {
callback(res.message);
callback(res.message)
}
});
})
//update--end--autor:lvdandan-----date:20201203------for：JT-27【数据字典】字典 - 数据值可重复
}
} else {
callback()
}
}
}
},
},
}
</script>

53
src/views/system/modules/DictModal.vue
View File

@ -3,6 +3,7 @@
:title="title"
:width="600"
:visible="visible"
:maskClosable="false"
:confirmLoading="confirmLoading"
@ok="handleOk"
@cancel="handleCancel"
@ -10,32 +11,17 @@
>
<a-spin :spinning="confirmLoading">
<a-form-model ref="form" :model="model" :rules="validatorRules">
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="dictName"
required
label="Dict Name">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dictName" required label="Dict Name">
<a-input placeholder="Please Enter Dict Name" v-model="model.dictName" />
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="dictCode"
required
label="Dict Code">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="dictCode" required label="Dict Code">
<a-input placeholder="Please Enter Dict Code" v-model="model.dictCode" />
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
label="Description">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="Description">
<a-input v-model="model.description" />
</a-form-model-item>
</a-form-model>
</a-spin>
</a-modal>
@ -55,23 +41,20 @@
model: {},
labelCol: {
xs: { span: 24 },
sm: { span: 5 }
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 }
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
dictName: [{ required: true, message: 'Please Enter Dict Name' }],
dictCode: [
{ required: true, message: 'Please Enter Dict Code' },
{ validator: this.validateDictCode }]
}
dictCode: [{ required: true, message: 'Please Enter Dict Code' }, { validator: this.validateDictCode }],
},
}
},
created() {
},
created() {},
methods: {
validateDictCode(rule, value, callback) {
// 重复校验
@ -79,7 +62,7 @@
tableName: 'sys_dict',
fieldName: 'dict_code',
fieldVal: value,
dataId: this.model.id
dataId: this.model.id,
}
duplicateCheck(params).then((res) => {
if (res.success) {
@ -108,7 +91,7 @@
handleOk() {
const that = this
// 触发表单验证
this.$refs.form.validate(valid => {
this.$refs.form.validate((valid) => {
if (valid) {
that.confirmLoading = true
this.model.dictName = (this.model.dictName || '').trim()
@ -120,19 +103,21 @@
} else {
obj = editDict(this.model)
}
obj.then((res) => {
obj
.then((res) => {
if (res.success) {
that.$message.success(res.message)
that.$emit('ok')
} else {
that.$message.warning(res.message)
}
}).finally(() => {
})
.finally(() => {
that.confirmLoading = false
that.close()
})
} else {
return false;
return false
}
})
},
@ -143,8 +128,8 @@
close() {
this.$emit('close')
this.visible = false
this.$refs.form.resetFields();
}
}
this.$refs.form.resetFields()
},
},
}
</script>

68
src/views/system/modules/PermissionDataRuleModal.vue
View File

@ -3,20 +3,16 @@
:title="title"
:width="1000"
:visible="visible"
:maskClosable="false"
:confirmLoading="confirmLoading"
@ok="handleOk"
@cancel="handleCancel"
:cancelButtonProps="{ props: { type: 'warn' } }"
cancelText="Cancel">
cancelText="Cancel"
>
<a-spin :spinning="confirmLoading">
<a-form-model ref="form" :model="model" :rules="validatorRules">
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="ruleName"
label="Rule Name">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ruleName" label="Rule Name">
<a-input placeholder="Please Enter Rule Name" v-model="model.ruleName" />
</a-form-model-item>
<a-form-model-item
@ -24,34 +20,28 @@
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="ruleColumn"
label="Rule Column">
label="Rule Column"
>
<a-input placeholder="Please Enter Rule Column" v-model.trim="model.ruleColumn" />
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="ruleConditions"
label="Rule Conditions">
<j-dict-select-tag @input="handleChangeRuleCondition" v-model="model.ruleConditions" placeholder="Please Enter Rule Conditions" dictCode="rule_conditions"/>
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ruleConditions" label="Rule Conditions">
<j-dict-select-tag
@input="handleChangeRuleCondition"
v-model="model.ruleConditions"
placeholder="Please Enter Rule Conditions"
dictCode="rule_conditions"
/>
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
prop="ruleValue"
label="Rule Value">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="ruleValue" label="Rule Value">
<a-input placeholder="Please Enter Rule Value" v-model="model.ruleValue" />
</a-form-model-item>
<a-form-model-item
:labelCol="labelCol"
:wrapperCol="wrapperCol"
label="Status">
<a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="Status">
<a-radio-group buttonStyle="solid" v-model="model.status">
<a-radio-button value="1">Valid</a-radio-button>
<a-radio-button value="0">Invalid</a-radio-button>
</a-radio-group>
</a-form-model-item>
</a-form-model>
</a-spin>
</a-modal>
@ -70,11 +60,11 @@
ruleConditionList: [],
labelCol: {
xs: { span: 24 },
sm: {span: 5}
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: {span: 16}
sm: { span: 16 },
},
confirmLoading: false,
permissionId: '',
@ -82,18 +72,17 @@
ruleConditions: [{ required: true, message: '请选择条件!' }],
ruleName: [{ required: true, message: '请输入规则名称!' }],
ruleValue: [{ required: true, message: '请输入规则值!' }],
ruleColumn: []
ruleColumn: [],
},
url: {
list: '/sys/dictItem/list',
add: '/sys/permission/addPermissionRule',
edit: '/sys/permission/editPermissionRule'
edit: '/sys/permission/editPermissionRule',
},
showRuleColumn:true
showRuleColumn: true,
}
},
created() {
},
created() {},
methods: {
add(permId) {
this.permissionId = permId
@ -118,7 +107,7 @@
handleOk() {
const that = this
// 触发表单验证
this.$refs.form.validate(valid => {
this.$refs.form.validate((valid) => {
if (valid) {
that.confirmLoading = true
let httpurl = ''
@ -130,19 +119,21 @@
httpurl += this.url.edit
method = 'put'
}
httpAction(httpurl, this.model, method).then((res) => {
httpAction(httpurl, this.model, method)
.then((res) => {
if (res.success) {
that.$message.success(res.message)
that.$emit('ok')
} else {
that.$message.warning(res.message)
}
}).finally(() => {
})
.finally(() => {
that.confirmLoading = false
that.close()
})
} else {
return false;
return false
}
})
},
@ -163,11 +154,10 @@
} else {
this.showRuleColumn = true
}
}
}
},
},
}
</script>
<style scoped>
</style>

153
src/views/system/modules/SelectUserModal.vue
View File

@ -5,29 +5,27 @@
:title="title"
:width="1000"
:visible="visible"
:maskClosable="false"
@ok="handleOk"
@cancel="handleCancel"
:cancelButtonProps="{ props: { type: 'warn' } }"
cancelText="Cancel">
cancelText="Cancel"
>
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :span="10">
<a-form-item label="User Name">
<a-input v-model="queryParam.username"></a-input>
</a-form-item>
</a-col>
<a-col :span="8">
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery" icon="search">Search</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">Reset</a-button>
</span>
</a-col>
</a-row>
</a-form>
</div>
@ -42,14 +40,17 @@
:pagination="ipagination"
:loading="loading"
:scroll="{ y: 240 }"
:rowSelection="{selectedRowKeys: selectedRowKeys,onSelectAll:onSelectAll,onSelect:onSelect,onChange: onSelectChange}"
@change="handleTableChange">
:rowSelection="{
selectedRowKeys: selectedRowKeys,
onSelectAll: onSelectAll,
onSelect: onSelect,
onChange: onSelectChange,
}"
@change="handleTableChange"
>
</a-table>
</div>
<!-- table区域-end -->
</a-modal>
</div>
</template>
@ -59,10 +60,10 @@
import { getAction } from '@/api/manage'
export default {
name: "SelectUserModal",
name: 'SelectUserModal',
data() {
return {
title: "Add From List",
title: 'Add From List',
names: [],
visible: false,
placement: 'right',
@ -76,61 +77,60 @@
dataIndex: '',
key: 'rowIndex',
width: 50,
align: "center",
align: 'center',
customRender: function (t, r, index) {
return parseInt(index) + 1;
}
return parseInt(index) + 1
},
},
{
title: 'User Name',
align: "center",
align: 'center',
width: 100,
dataIndex: 'username'
dataIndex: 'username',
},
{
title: 'Real Name',
align: "center",
align: 'center',
width: 100,
dataIndex: 'realname'
dataIndex: 'realname',
},
{
title: 'Gender',
align: "center",
align: 'center',
width: 100,
dataIndex: 'sex_dictText'
dataIndex: 'sex_dictText',
},
{
title: 'Phone',
align: "center",
align: 'center',
width: 100,
dataIndex: 'phone'
dataIndex: 'phone',
},
{
title: 'Org',
align: "center",
align: 'center',
width: 150,
dataIndex: 'orgCode'
}
dataIndex: 'orgCode',
},
],
columns2: [
{
title: 'User Name',
align: "center",
align: 'center',
dataIndex: 'username',
},
{
title: 'Real Name',
align: "center",
align: 'center',
dataIndex: 'realname',
},
{
title: 'Action',
dataIndex: 'action',
align: "center",
align: 'center',
width: 100,
scopedSlots: { customRender: 'action' },
}
},
],
//数据集
dataSource1: [],
@ -146,7 +146,7 @@
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
total: 0,
},
isorter: {
column: 'createTime',
@ -156,52 +156,52 @@
selectedRowKeys: [],
selectedRows: [],
url: {
list: "/sys/user/list",
}
list: '/sys/user/list',
},
}
},
created() {
this.loadData();
this.loadData()
},
methods: {
searchQuery() {
this.loadData(1);
this.loadData(1)
},
searchReset() {
this.queryParam = {};
this.loadData(1);
this.queryParam = {}
this.loadData(1)
},
handleCancel() {
this.visible = false;
this.visible = false
},
handleOk() {
this.dataSource2 = this.selectedRowKeys;
console.log("data:" + this.dataSource2);
this.$emit("selectFinished", this.dataSource2);
this.visible = false;
this.dataSource2 = this.selectedRowKeys
console.log('data:' + this.dataSource2)
this.$emit('selectFinished', this.dataSource2)
this.visible = false
},
add() {
this.visible = true;
this.visible = true
},
loadData(arg) {
//加载数据 若传入参数1则加载第一页的内容
if (arg === 1) {
this.ipagination.current = 1;
this.ipagination.current = 1
}
var params = this.getQueryParams();//查询条件
var params = this.getQueryParams() //查询条件
getAction(this.url.list, params).then((res) => {
if (res.success) {
this.dataSource1 = res.result.records;
this.ipagination.total = res.result.total;
this.dataSource1 = res.result.records
this.ipagination.total = res.result.total
}
})
},
getQueryParams() {
var param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField();
param.pageNo = this.ipagination.current;
param.pageSize = this.ipagination.pageSize;
return filterObj(param);
var param = Object.assign({}, this.queryParam, this.isorter)
param.field = this.getQueryField()
param.pageNo = this.ipagination.current
param.pageSize = this.ipagination.pageSize
return filterObj(param)
},
getQueryField() {
//TODO 字段权限控制
@ -209,50 +209,49 @@
onSelectAll(selected, selectedRows, changeRows) {
if (selected === true) {
for (var a = 0; a < changeRows.length; a++) {
this.dataSource2.push(changeRows[a]);
this.dataSource2.push(changeRows[a])
}
} else {
for (var b = 0; b < changeRows.length; b++) {
this.dataSource2.splice(this.dataSource2.indexOf(changeRows[b]), 1);
this.dataSource2.splice(this.dataSource2.indexOf(changeRows[b]), 1)
}
}
// console.log(selected, selectedRows, changeRows);
},
onSelect(record, selected) {
if (selected === true) {
this.dataSource2.push(record);
this.dataSource2.push(record)
} else {
var index = this.dataSource2.indexOf(record);
var index = this.dataSource2.indexOf(record)
//console.log();
if (index >= 0) {
this.dataSource2.splice(this.dataSource2.indexOf(record), 1);
this.dataSource2.splice(this.dataSource2.indexOf(record), 1)
}
}
},
onSelectChange(selectedRowKeys, selectedRows) {
this.selectedRowKeys = selectedRowKeys;
this.selectionRows = selectedRows;
this.selectedRowKeys = selectedRowKeys
this.selectionRows = selectedRows
},
onClearSelected() {
this.selectedRowKeys = [];
this.selectionRows = [];
this.selectedRowKeys = []
this.selectionRows = []
},
handleDelete: function (record) {
this.dataSource2.splice(this.dataSource2.indexOf(record), 1);
this.dataSource2.splice(this.dataSource2.indexOf(record), 1)
},
handleTableChange(pagination, filters, sorter) {
//分页、排序、筛选变化时触发
console.log(sorter);
console.log(sorter)
//TODO 筛选
if (Object.keys(sorter).length > 0) {
this.isorter.column = sorter.field;
this.isorter.order = "ascend" == sorter.order ? "asc" : "desc"
}
this.ipagination = pagination;
this.loadData();
}
this.isorter.column = sorter.field
this.isorter.order = 'ascend' == sorter.order ? 'asc' : 'desc'
}
this.ipagination = pagination
this.loadData()
},
},
}
</script>
<style lang="less" scoped>
@ -266,24 +265,24 @@
}
.anty-row-operator button {
margin: 0 5px
margin: 0 5px;
}
.ant-btn-danger {
background-color: #ffffff
background-color: #ffffff;
}
.ant-modal-cust-warp {
height: 100%
height: 100%;
}
.ant-modal-cust-warp .ant-modal-body {
height: calc(100% - 110px) !important;
overflow-y: auto
overflow-y: auto;
}
.ant-modal-cust-warp .ant-modal-content {
height: 90% !important;
overflow-y: hidden
overflow-y: hidden;
}
</style>