Skip to content

W
web-project
Commit d4c16b07 authored by xuke's avatar xuke
Browse files
Options

报警状态接口

parent 6dac013d
Hide whitespace changes
Inline Side-by-side
Showing with 208 additions and 202 deletions
src/views/AlarmPage/AlarmStatusPage.vue
View file @ d4c16b07
......@@ -63,117 +63,139 @@
</el-card>
<el-drawer v-model="show" :size="800">
<main>
<el-card class="card_contianer">
<table cellpadding="0" cellspacing="1" border="1" class="big_table">
<tr>
<th style="width: 25%">报警名称：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">启用提示音：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-checkbox>是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警上上限：</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警上限：</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警下下限：</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警预案</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%" type="textarea" rows="6"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">启用报警：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-checkbox>是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">启用短息通知：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-checkbox>是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="btngrounp">
<el-button type="primary" @click="onDel">删除</el-button>
<el-dialog v-model="show" class="dialog" :show-scrollbar="true">
<el-row>
<el-col :span="6">
<div class="left">
<p>ZTY</p>
<p>LPJ</p>
<p>LXH</p>
</div>
</el-card>
</main>
</el-drawer>
</el-col>
<el-col :span="12">
<div class="middle">
<!-- <el-card class="card_contianer"> -->
<table cellpadding="0" cellspacing="1" border="1" class="big_table">
<tr>
<th style="width: 25%">报警名称：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">启用提示音：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-checkbox>是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警上上限：</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警上限：</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警下下限：</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">报警预案</th>
<td style="width: 60%; margin: 0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-input style="width: 80%" type="textarea" rows="6"></el-input>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">启用报警：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-checkbox>是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th style="width: 25%">启用短息通知：</th>
<td style="width: 60%; margin:0; padding: 0">
<table cellpadding="0" cellspacing="0">
<tr>
<td style="text-align: left">
<el-checkbox>是</el-checkbox>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="btngrounp">
<el-button type="primary" @click="onDel">删除</el-button>
</div>
<!-- </el-card> -->
</div>
</el-col>
<el-col :span="6">
<div class="left">
<ul>
<li>
</li>
</ul>
</div>
</el-col>
</el-row>
</el-dialog>
</template>
......@@ -199,92 +221,23 @@ const sortField = reactive({});
const type = ref('GetTransAlarmStatusData');
const show = ref(false)
const refreshItem = ref(0)
const allOptions = reactive([
{
value: 1,
label: '天津港毅',
children: [
{
value: 2,
label: '重阳里计量站',
children: [
{ value: 3, label: '重阳里北区' },
{ value: 4, label: '重阳里南区' },
{ value: 5, label: '重阳里南高区' },
],
},
{
value: 6,
label: '行政区供热站',
children: [
{ value: 7, label: '百郦低区' },
{ value: 8, label: '百郦高区' },
{ value: 9, label: '大港医院' },
{ value: 10, label: '古林里低区' },
{ value: 12, label: '古林里高区' },
{ value: 13, label: '开元里' },
],
},
{
value: 14,
label: '福苑里供热站',
children: [
{ value: 15, label: 'xxx' },
{ value: 16, label: 'xxx' },
{ value: 17, label: 'xxx' },
],
},
{
value: 18,
label: '东部供热站',
children: [
{ value: 19, label: 'xxx' },
{ value: 20, label: 'xxx' },
{ value: 21, label: 'xxx' },
],
},
{
value: 22,
label: '小王庄供热站',
children: [
{ value: 21, label: 'xxx' },
{ value: 22, label: 'xxxx' },
{ value: 23, label: 'xxx' },
],
},
],
},
{
value: 24,
label: '大纲供热中心',
children: [
{
value: 25,
label: 'xxx',
children: [
{ value: 26, label: 'xxx' },
{ value: 27, label: 'xxx' },
{ value: 28, label: 'xxxx' },
],
},
{
value: 29,
label: 'xxx',
children: [
{ value: 30, label: 'xx' },
{ value: 31, label: 'xxx' },
{ value: 32, label: 'xxxx' },
],
},
],
},
])
const AlarmInfo = ref([])
// getCnNames()
// console.log("type.value:",type.value);
// console.log("AlarmInfo.value:",AlarmInfo.value);
// console.log(type.value);
function paramsSetting() {
show.value = true
getCnNames()
}
function onsubmit() {
......@@ -313,7 +266,7 @@ function handleHeadAddClass({ column }) {
if (sortField[column.property]) {
column.order = sortField[column.property]
}
}
};
var date = new Date();
var year = date.getFullYear();
......@@ -323,7 +276,7 @@ var dateArr = [
date.getDate(),
date.getHours(),
date.getMinutes(),
date.getSeconds(),
date.getSeconds()
];
for (var i = 0; i < dateArr.length; i++) {
if (dateArr[i] >= 1 && dateArr[i] <= 9) {
......@@ -346,7 +299,7 @@ if (!endTime) {
sessionStorage.setItem("DeviceQueryEnd", endTime);
}
const AlarmInfo = ref([])
getSupplys();
getdata();
......@@ -367,6 +320,7 @@ function getoptions() {
getSupplys();
}
gettransfer();
getCnNames()
}
//获取锅炉列表
......@@ -440,7 +394,7 @@ function getSupplys() {
AlarmInfo.length = 0;
var result = store.getters.getEnterprise();
if (result) {
console.log(result)
// console.log(result)
result.forEach(element => {
if (element.enterpriseId === enterpriseId.value) {
if (element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()) {
......@@ -473,7 +427,7 @@ function getSupplys() {
function gettransfer() {
loading.value = true;
http.post("/api/alarm/" + type.value, AlarmInfo.value).then((result) => {
console.log(result.data);
// console.log(result.data);
if (result.data !== null) {
tableData.value = result.data;
}
......@@ -515,13 +469,41 @@ function getImgUrl(scope, item) {
return url;
}
// 报警参数设置
const cnNames = reactive([{}])
const getCnNames = () => {
let newType =
type.value == "GetPipeAlarmStatusData" ? 1 : type.value == "GetBoilerAlarmStatusData" ? 2 : 3
let newAlarmInfo = AlarmInfo.value[0];
const data = http.post("api/alarm/para/GetAlarmPara", { type: newType, id: newAlarmInfo }, false)
console.log("data:", data);
console.log("报警参数cnnames:",data.data);
// data.data.forEach(function(obj, index) => {
// console.log(`Object ${index + 1} items:`, obj.items);
// console.log(obj);
// });
// cnNames = data.data.before;
console.log("cnNames.value", cnNames);
}
getCnNames()
onMounted(() => {
setContentHeight();
window.addEventListener('resize', setContentHeight);
})
onUnmounted(() => {
window.removeEventListener('resize', setContentHeight);
})
</script>
<style lang="less" scoped>
.moduleCard {
......@@ -588,12 +570,6 @@ onUnmounted(() => {
justify-content: center;
}
.show {
width: 400px;
height: 300px;
border: 1px solid red;
}
.big_table {
......@@ -635,4 +611,34 @@ table td {
margin-top: 10px;
text-align: center;
}
.left {
// border: 1px solid red;
overflow: auto;
height: 10px;
border-top: 1px solid #eff1f4;
border-bottom: 1px solid #eff1f4;
padding: 0px 30px 11px 27px;
}
.left::-webkit-scrollbar {
width: 3px;
}
// 滚动条里面默认的小方块,自定义样式
.left::-webkit-scrollbar-thumb {
background: #8798AF;
border-radius: 2px;
}
// 滚动条里面的轨道
.left::-webkit-scrollbar-track {
background: transparent;
}
.dialog {
width: 60%;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment