|
|
@@ -1,37 +1,90 @@
|
|
|
<template>
|
|
|
<div class="data-table" :style="{ marginTop: marginTop }">
|
|
|
- <div :style="dataTableContentStyle" v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" class="data-table-content">
|
|
|
- <div :class="isStatus || isStatuser ? 'flex' : 'flex-end'" class="data-table-btn">
|
|
|
+ <div
|
|
|
+ :style="dataTableContentStyle"
|
|
|
+ v-loading="loading"
|
|
|
+ element-loading-text="拼命加载中"
|
|
|
+ element-loading-spinner="el-icon-loading"
|
|
|
+ element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
+ class="data-table-content"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ :class="isStatus || isStatuser ? 'flex' : 'flex-end'"
|
|
|
+ class="data-table-btn"
|
|
|
+ >
|
|
|
<div v-if="isStatus || isStatuser" class="vStatus">
|
|
|
<slot name="header" />
|
|
|
</div>
|
|
|
<template v-if="isBtn">
|
|
|
<template v-if="isAuth">
|
|
|
- <el-button v-if="btnAuthAdd" size="small" @click="handleAdd" plain type="primary">新增</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="btnAuthAdd"
|
|
|
+ size="small"
|
|
|
+ @click="handleAdd"
|
|
|
+ plain
|
|
|
+ type="primary"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-button size="small" @click="handleAdd" plain type="primary">新增</el-button>
|
|
|
+ <el-button size="small" @click="handleAdd" plain type="primary"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</template>
|
|
|
</div>
|
|
|
<template v-if="tableData.length">
|
|
|
<div>
|
|
|
- <el-table v-el-table-infinite-scroll="load" :data="filteredTableData" :summary-method="getSummaries" :span-method="tableSpanMethod" :tree-props="treeProps" :row-key="rowKeyTree" stripe :show-summary="showSummary" border ref="table" :height="tableHeight ? tableHeight : minHeight - 8 + 'vh'" class="table infinite-list" style="width: 100%; overflow: auto" @select="selectHandler">
|
|
|
- <el-table-column v-if="selectionEnable" type="selection" width="35" />
|
|
|
+ <el-table
|
|
|
+ v-el-table-infinite-scroll="load"
|
|
|
+ :data="filteredTableData"
|
|
|
+ :summary-method="getSummaries"
|
|
|
+ :span-method="tableSpanMethod"
|
|
|
+ :tree-props="treeProps"
|
|
|
+ :row-key="rowKeyTree"
|
|
|
+ stripe
|
|
|
+ :show-summary="showSummary"
|
|
|
+ border
|
|
|
+ ref="table"
|
|
|
+ :height="tableHeight ? tableHeight : minHeight - 8 + 'vh'"
|
|
|
+ class="table infinite-list"
|
|
|
+ style="width: 100%; overflow: auto"
|
|
|
+ @select="selectHandler"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ v-if="selectionEnable"
|
|
|
+ type="selection"
|
|
|
+ width="35"
|
|
|
+ />
|
|
|
<el-table-column v-if="isStatus" width="55">
|
|
|
<template slot-scope="scope">
|
|
|
<div class="tableStatus">
|
|
|
- <div v-if="filteredTableData[scope.$index].nodeState == '运行'" class="status0">
|
|
|
+ <div
|
|
|
+ v-if="filteredTableData[scope.$index].nodeState == '运行'"
|
|
|
+ class="status0"
|
|
|
+ >
|
|
|
<span class="icon"></span>
|
|
|
</div>
|
|
|
- <div v-else-if="filteredTableData[scope.$index].nodeState == '停止'" class="status1">
|
|
|
+ <div
|
|
|
+ v-else-if="
|
|
|
+ filteredTableData[scope.$index].nodeState == '停止'
|
|
|
+ "
|
|
|
+ class="status1"
|
|
|
+ >
|
|
|
<span class="icon"></span>
|
|
|
</div>
|
|
|
<div v-else class="status2"><span class="icon"></span></div>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column v-for="(item, index) in tableColsCopy" :sortable="item.needSort ? true : false" :key="index" :prop="item.columnName" :label="item.columnLabel" :show-overflow-tooltip="showOverflowTooltip">
|
|
|
+ <el-table-column
|
|
|
+ v-for="(item, index) in tableColsCopy"
|
|
|
+ :sortable="item.needSort ? true : false"
|
|
|
+ :key="index"
|
|
|
+ :prop="item.columnName"
|
|
|
+ :label="item.columnLabel"
|
|
|
+ :show-overflow-tooltip="showOverflowTooltip"
|
|
|
+ >
|
|
|
<template #header>
|
|
|
<span class="colTips">
|
|
|
<el-tooltip :content="item.columnDescribe" placement="top">
|
|
|
@@ -39,12 +92,38 @@
|
|
|
</el-tooltip>
|
|
|
</span>
|
|
|
<span v-if="item.needFilters">
|
|
|
- <el-popover placement="bottom" trigger="click" @show="popoverShowHandler(item.columnName)" @hide="popoverHideHandler">
|
|
|
- <i slot="reference" :class="['filter-arrow', 'el-icon-arrow-down', arrowClass(item.columnName)]" />
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ trigger="click"
|
|
|
+ @show="popoverShowHandler(item.columnName)"
|
|
|
+ @hide="popoverHideHandler"
|
|
|
+ >
|
|
|
+ <i
|
|
|
+ slot="reference"
|
|
|
+ :class="[
|
|
|
+ 'filter-arrow',
|
|
|
+ 'el-icon-arrow-down',
|
|
|
+ arrowClass(item.columnName),
|
|
|
+ ]"
|
|
|
+ />
|
|
|
<el-form>
|
|
|
<el-form-item :label="item.columnLabel">
|
|
|
- <el-select v-model="filterValues[item.columnName]" size="small" placeholder="筛选" default-first-option filterable clearable>
|
|
|
- <el-option v-for="(option, optionIndex) in tableDataFilters[item.columnName]" :key="option.value + optionIndex" :value="option.value" :label="option.text" />
|
|
|
+ <el-select
|
|
|
+ v-model="filterValues[item.columnName]"
|
|
|
+ size="small"
|
|
|
+ placeholder="筛选"
|
|
|
+ default-first-option
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="(option, optionIndex) in tableDataFilters[
|
|
|
+ item.columnName
|
|
|
+ ]"
|
|
|
+ :key="option.value + optionIndex"
|
|
|
+ :value="option.value"
|
|
|
+ :label="option.text"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
@@ -57,44 +136,142 @@
|
|
|
<div class="hd-td">
|
|
|
<div class="hd-tr">
|
|
|
<template v-if="isStatus">
|
|
|
- <el-button type="text" @click="handleLook(scope.row)" size="small" class="rmScs">查看</el-button>
|
|
|
- <template v-if="scope.row.serviceTypeCode == 2 || scope.row.serviceTypeCode == 4">
|
|
|
- <el-button type="text" v-if="scope.row.nodeState == '停止'" @click="stateChangeHandler(scope.row)" size="small" class="rmScs">启动</el-button>
|
|
|
- <el-button type="text" v-if="scope.row.nodeState == '运行'" @click="stateChangeHandler(scope.row)" size="small" class="rmScs">停止</el-button>
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ @click="handleLook(scope.row)"
|
|
|
+ size="small"
|
|
|
+ class="rmScs"
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ scope.row.serviceTypeCode == 2 ||
|
|
|
+ scope.row.serviceTypeCode == 4
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ v-if="scope.row.nodeState == '停止'"
|
|
|
+ @click="stateChangeHandler(scope.row)"
|
|
|
+ size="small"
|
|
|
+ class="rmScs"
|
|
|
+ >启动</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ v-if="scope.row.nodeState == '运行'"
|
|
|
+ @click="stateChangeHandler(scope.row)"
|
|
|
+ size="small"
|
|
|
+ class="rmScs"
|
|
|
+ >停止</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</template>
|
|
|
<!-- <el-button class="hrefBtn" type="text" @click="handleHerf(scope.row)" size="small">跳转</el-button> -->
|
|
|
<template v-if="isAuth">
|
|
|
- <el-button v-if="btnAuthEdit" type="text" @click="handleEdit(scope.row)" size="small" class="rmScs">编辑</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="btnAuthEdit"
|
|
|
+ type="text"
|
|
|
+ @click="handleEdit(scope.row)"
|
|
|
+ size="small"
|
|
|
+ class="rmScs"
|
|
|
+ >编辑</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-button type="text" @click="handleEdit(scope.row)" size="small" class="rmScs">编辑</el-button>
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ @click="handleEdit(scope.row)"
|
|
|
+ size="small"
|
|
|
+ class="rmScs"
|
|
|
+ >编辑</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
<template v-if="isAuth">
|
|
|
- <el-button v-if="btnAuthDel" class="rmSc" type="text" @click="handleRemove(scope.row)" size="small">删除</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="btnAuthDel"
|
|
|
+ class="rmSc"
|
|
|
+ type="text"
|
|
|
+ @click="handleRemove(scope.row)"
|
|
|
+ size="small"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-button class="rmSc" type="text" @click="handleRemove(scope.row)" size="small">删除</el-button>
|
|
|
+ <el-button
|
|
|
+ class="rmSc"
|
|
|
+ type="text"
|
|
|
+ @click="handleRemove(scope.row)"
|
|
|
+ size="small"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
- <el-button class="rmScs" v-if="withColumnSet" type="text" size="small" @click="handleColumnSet(scope.row)">列设置</el-button>
|
|
|
- <el-button class="rmScs" v-if="withItemSet" type="text" size="small" @click="handleItemSet(scope.row)">数据项</el-button>
|
|
|
+ <el-button
|
|
|
+ class="rmScs"
|
|
|
+ v-if="withColumnSet"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handleColumnSet(scope.row)"
|
|
|
+ >列设置</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ class="rmScs"
|
|
|
+ v-if="withItemSet"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handleItemSet(scope.row)"
|
|
|
+ >数据项</el-button
|
|
|
+ >
|
|
|
<template v-if="withlodSet">
|
|
|
<template v-if="isAuth">
|
|
|
- <el-button class="rmScser" v-if="btnAuthWithlodSet" type="text" size="small" @click="handlelodSet(scope.row)">航站设置</el-button>
|
|
|
+ <el-button
|
|
|
+ class="rmScser"
|
|
|
+ v-if="btnAuthWithlodSet"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handlelodSet(scope.row)"
|
|
|
+ >航站设置</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-button class="rmScser" type="text" size="small" @click="handlelodSet(scope.row)">航站设置</el-button>
|
|
|
+ <el-button
|
|
|
+ class="rmScser"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handlelodSet(scope.row)"
|
|
|
+ >航站设置</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</template>
|
|
|
<template v-if="withnodeSet">
|
|
|
<template v-if="isAuth">
|
|
|
- <el-button v-if="btnAuthWithnodeSet" class="rmScser" type="text" size="small" @click="handlenodeSet(scope.row)">位置设置</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="btnAuthWithnodeSet"
|
|
|
+ class="rmScser"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handlenodeSet(scope.row)"
|
|
|
+ >位置设置</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-button class="rmScser" type="text" size="small" @click="handlenodeSet(scope.row)">位置设置</el-button>
|
|
|
+ <el-button
|
|
|
+ class="rmScser"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click="handlenodeSet(scope.row)"
|
|
|
+ >位置设置</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</template>
|
|
|
- <el-button v-if="withPreview" type="text" size="small" class="rmScs" @click="handlePreview(scope.row)">预览</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="withPreview"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ class="rmScs"
|
|
|
+ @click="handlePreview(scope.row)"
|
|
|
+ >预览</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -113,20 +290,69 @@
|
|
|
<div class="dialog-content">
|
|
|
<div class="title">{{ tableTitle }}</div>
|
|
|
<div class="contents">
|
|
|
- <el-form ref="ruleForm" :model="tableForm" :label-width="labelWidth">
|
|
|
+ <el-form
|
|
|
+ ref="ruleForm"
|
|
|
+ :model="tableForm"
|
|
|
+ :label-width="labelWidth"
|
|
|
+ >
|
|
|
<el-row :gutter="20">
|
|
|
- <el-col v-for="(item, index) in tableColsCopy" :key="index" :span="rows">
|
|
|
+ <el-col
|
|
|
+ v-for="(item, index) in tableColsCopy"
|
|
|
+ :key="index"
|
|
|
+ :span="rows"
|
|
|
+ >
|
|
|
<el-form-item :label="item.columnLabel">
|
|
|
- <template v-if="item.listqueryTemplateID || item.listqueryTemplateID == 0">
|
|
|
- <el-select size="small" clearable style="width: 100%" v-model="tableForm[item.columnName]" @change="changeSelect(item.columnName)" placeholder="请选择">
|
|
|
- <el-option v-for="item in tableOptions[item.columnName]" :key="item.v" :label="item.k" :value="item.v"> </el-option>
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ item.listqueryTemplateID ||
|
|
|
+ item.listqueryTemplateID == 0
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ class="input-shadow"
|
|
|
+ size="small"
|
|
|
+ filterable
|
|
|
+ default-first-option
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="tableForm[item.columnName]"
|
|
|
+ @change="changeSelect(item.columnName)"
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in tableOptions[item.columnName]"
|
|
|
+ :key="item.v ? item.v : item.planDepartureApt"
|
|
|
+ :label="item.k ? item.k : item.planDepartureApt"
|
|
|
+ :value="item.v ? item.v : item.planDepartureApt"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template v-else-if="item.dataType == 'longtext'">
|
|
|
- <el-input size="small" :rows="1" type="textarea" @change="inputChangeHandler(item.columnName)" v-model="tableForm[item.columnName]"></el-input>
|
|
|
+ <el-input
|
|
|
+ size="small"
|
|
|
+ :rows="1"
|
|
|
+ type="textarea"
|
|
|
+ @change="inputChangeHandler(item.columnName)"
|
|
|
+ v-model="tableForm[item.columnName]"
|
|
|
+ ></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="item.dataType == 'datetime'">
|
|
|
+ <el-date-picker
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ v-model="tableForm[item.columnName]"
|
|
|
+ :rows="1"
|
|
|
+ type="datetime"
|
|
|
+ placeholder="选择日期时间"
|
|
|
+ @change="inputChangeHandler(item.columnName)"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
- <el-input size="small" v-model="tableForm[item.columnName]" @change="inputChangeHandler(item.columnName)"></el-input>
|
|
|
+ <el-input
|
|
|
+ size="small"
|
|
|
+ v-model="tableForm[item.columnName]"
|
|
|
+ @change="inputChangeHandler(item.columnName)"
|
|
|
+ ></el-input>
|
|
|
</template>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -134,7 +360,13 @@
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<div class="foot right">
|
|
|
- <el-button size="medium" @click="handleOk" class="r24" type="primary">确定</el-button>
|
|
|
+ <el-button
|
|
|
+ size="medium"
|
|
|
+ @click="handleOk"
|
|
|
+ class="r24"
|
|
|
+ type="primary"
|
|
|
+ >确定</el-button
|
|
|
+ >
|
|
|
<el-button @click="flag = false" size="medium">取消</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -143,11 +375,20 @@
|
|
|
<div class="airportInfoDialog">
|
|
|
<div class="title del-title">删除</div>
|
|
|
<div class="content del-content">
|
|
|
- <span class="el-icon-error error r10"></span>您是否确认删除<span class="error l10">{{ rmTitle }}</span>
|
|
|
+ <span class="el-icon-error error r10"></span>您是否确认删除<span
|
|
|
+ class="error l10"
|
|
|
+ >{{ rmTitle }}</span
|
|
|
+ >
|
|
|
？
|
|
|
</div>
|
|
|
<div class="foot right Delfoot">
|
|
|
- <el-button size="medium" class="r24" @click="tableRemove" type="danger">删除</el-button>
|
|
|
+ <el-button
|
|
|
+ size="medium"
|
|
|
+ class="r24"
|
|
|
+ @click="tableRemove"
|
|
|
+ type="danger"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
<el-button size="medium" @click="rmFlag = false">取消</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -162,7 +403,12 @@ import { setTableFilters } from "@/utils/table";
|
|
|
import Dialog from "@/layout/components/Dialog/index.vue";
|
|
|
import NoData from "@/components/nodata";
|
|
|
import { translateDataToTreeAllTreeMsg } from "@/utils/validate";
|
|
|
-import { Query, GeneralDataReception, Start, Stop } from "@/api/dataIntegration";
|
|
|
+import {
|
|
|
+ Query,
|
|
|
+ GeneralDataReception,
|
|
|
+ Start,
|
|
|
+ Stop,
|
|
|
+} from "@/api/dataIntegration";
|
|
|
export default {
|
|
|
name: "DataTable",
|
|
|
props: {
|
|
|
@@ -170,6 +416,10 @@ export default {
|
|
|
type: Boolean,
|
|
|
default: true,
|
|
|
},
|
|
|
+ tableup: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ },
|
|
|
//接口ID
|
|
|
dataId: {
|
|
|
type: [String, Number],
|
|
|
@@ -330,7 +580,7 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
components: { Dialog, NoData },
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
loading: false,
|
|
|
flag: false,
|
|
|
@@ -361,7 +611,7 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
- dataTableContentStyle () {
|
|
|
+ dataTableContentStyle() {
|
|
|
const style = {};
|
|
|
if (this.minHeight) {
|
|
|
style["min-height"] = this.minHeight;
|
|
|
@@ -372,22 +622,30 @@ export default {
|
|
|
return style;
|
|
|
},
|
|
|
//设置表头-下拉-箭头样式
|
|
|
- arrowClass () {
|
|
|
+ arrowClass() {
|
|
|
return function (prop) {
|
|
|
let classString = "";
|
|
|
if (this.colShowFilter === prop) {
|
|
|
return "arrow-active";
|
|
|
}
|
|
|
- if (Object.entries(this.tableDataFilters).find(([key, arr]) => this.filterValues[prop])) {
|
|
|
+ if (
|
|
|
+ Object.entries(this.tableDataFilters).find(
|
|
|
+ ([key, arr]) => this.filterValues[prop]
|
|
|
+ )
|
|
|
+ ) {
|
|
|
classString += "arrow-blue";
|
|
|
}
|
|
|
return classString;
|
|
|
};
|
|
|
},
|
|
|
//设置表头-下拉-选中数据
|
|
|
- filteredTableData () {
|
|
|
+ filteredTableData() {
|
|
|
if (this.isTree) {
|
|
|
- this.tableData = translateDataToTreeAllTreeMsg(this.tableData, "parentID", "companyID");
|
|
|
+ this.tableData = translateDataToTreeAllTreeMsg(
|
|
|
+ this.tableData,
|
|
|
+ "parentID",
|
|
|
+ "companyID"
|
|
|
+ );
|
|
|
}
|
|
|
return this.tableData.filter((item) => {
|
|
|
let flag = true;
|
|
|
@@ -399,35 +657,35 @@ export default {
|
|
|
return flag;
|
|
|
});
|
|
|
},
|
|
|
- btnAuthAdd () {
|
|
|
+ btnAuthAdd() {
|
|
|
if (this.roles.includes(this.authAdd)) {
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
|
},
|
|
|
- btnAuthEdit () {
|
|
|
+ btnAuthEdit() {
|
|
|
if (this.roles.includes(this.authEdit)) {
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
|
},
|
|
|
- btnAuthDel () {
|
|
|
+ btnAuthDel() {
|
|
|
if (this.roles.includes(this.authDel)) {
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
|
},
|
|
|
- btnAuthWithnodeSet () {
|
|
|
+ btnAuthWithnodeSet() {
|
|
|
if (this.roles.includes(this.authWithnodeSet)) {
|
|
|
return true;
|
|
|
} else {
|
|
|
return false;
|
|
|
}
|
|
|
},
|
|
|
- btnAuthWithlodSet () {
|
|
|
+ btnAuthWithlodSet() {
|
|
|
if (this.roles.includes(this.authWithlodSet)) {
|
|
|
return true;
|
|
|
} else {
|
|
|
@@ -437,7 +695,7 @@ export default {
|
|
|
},
|
|
|
watch: {
|
|
|
dataContent: {
|
|
|
- handler (val) {
|
|
|
+ handler(val) {
|
|
|
if (val) {
|
|
|
if (val.companyID) {
|
|
|
this.resetTable();
|
|
|
@@ -450,7 +708,7 @@ export default {
|
|
|
//监听机场变更的id 不可删除
|
|
|
// dataId: {
|
|
|
// if(val) {
|
|
|
- //
|
|
|
+ //
|
|
|
// if (val.companyID) {
|
|
|
// this.resetTable();
|
|
|
// this.getQuery();
|
|
|
@@ -458,15 +716,15 @@ export default {
|
|
|
// },
|
|
|
// },
|
|
|
},
|
|
|
- mounted () {
|
|
|
+ mounted() {
|
|
|
this.getQuery();
|
|
|
},
|
|
|
- updated () {
|
|
|
+ updated() {
|
|
|
this.$refs["table"]?.doLayout();
|
|
|
},
|
|
|
methods: {
|
|
|
- load () {
|
|
|
- //
|
|
|
+ load() {
|
|
|
+ //
|
|
|
if (!this.isTree) {
|
|
|
if (this.noMore || this.loading) {
|
|
|
return;
|
|
|
@@ -474,25 +732,26 @@ export default {
|
|
|
this.getQuery();
|
|
|
}
|
|
|
},
|
|
|
- resetTable () {
|
|
|
+ resetTable() {
|
|
|
this.page = 0;
|
|
|
this.noMore = false;
|
|
|
this.tableData = [];
|
|
|
},
|
|
|
- changeSelect (data) {
|
|
|
+ changeSelect(data) {
|
|
|
if (this.tableForm[data] === "") {
|
|
|
this.tableForm[data] = null;
|
|
|
}
|
|
|
- this.tableForm[this.tableOptions[data][0].setvalue] = this.tableForm[data];
|
|
|
- //
|
|
|
+ this.tableForm[this.tableOptions[data][0].setvalue] =
|
|
|
+ this.tableForm[data];
|
|
|
+ //
|
|
|
},
|
|
|
- inputChangeHandler (data) {
|
|
|
+ inputChangeHandler(data) {
|
|
|
if (this.tableForm[data] === "") {
|
|
|
this.tableForm[data] = null;
|
|
|
}
|
|
|
},
|
|
|
//获取表格数据
|
|
|
- async getQuery () {
|
|
|
+ async getQuery() {
|
|
|
try {
|
|
|
this.loading = true;
|
|
|
const { code, returnData } = await Query({
|
|
|
@@ -506,7 +765,9 @@ export default {
|
|
|
this.noMore = true;
|
|
|
this.loading = false;
|
|
|
}
|
|
|
- const titleColumn = returnData.columnSet.find((item) => item.needShow === 1);
|
|
|
+ const titleColumn = returnData.columnSet.find(
|
|
|
+ (item) => item.needShow === 1
|
|
|
+ );
|
|
|
if (titleColumn) {
|
|
|
this.rowTitle = titleColumn.columnName;
|
|
|
}
|
|
|
@@ -525,11 +786,10 @@ export default {
|
|
|
} catch (error) {
|
|
|
this.page--;
|
|
|
this.loading = false;
|
|
|
-
|
|
|
}
|
|
|
},
|
|
|
//表格-增/删/改
|
|
|
- async generalDataReception (data) {
|
|
|
+ async generalDataReception(data) {
|
|
|
try {
|
|
|
data = {
|
|
|
...data,
|
|
|
@@ -555,7 +815,6 @@ export default {
|
|
|
this.tableForm = {};
|
|
|
}
|
|
|
} catch (error) {
|
|
|
-
|
|
|
this.flag = false;
|
|
|
this.rmFlag = false;
|
|
|
this.tableObj = {};
|
|
|
@@ -563,20 +822,20 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
// 表格勾选
|
|
|
- toggleRowSelection (row, isSelected) {
|
|
|
+ toggleRowSelection(row, isSelected) {
|
|
|
this.$refs["table"].toggleRowSelection(row, isSelected);
|
|
|
},
|
|
|
// 表格初始勾选
|
|
|
- selectTableRows (tableData, selectFlagName) {
|
|
|
+ selectTableRows(tableData, selectFlagName) {
|
|
|
tableData.forEach((row) => {
|
|
|
this.$refs["table"].toggleRowSelection(row, !!row[selectFlagName]);
|
|
|
});
|
|
|
this.$emit("selectionAll", this.$refs.table.selection);
|
|
|
},
|
|
|
//初始化表格
|
|
|
- initTableData () {
|
|
|
+ initTableData() {
|
|
|
this.tableColsCopy = this.tableCols.filter((item) => item.needShow);
|
|
|
- //
|
|
|
+ //
|
|
|
// debugger;
|
|
|
this.tableDataCopy = _.cloneDeep(this.tableData);
|
|
|
const datas = _.cloneDeep(this.tableColsCopy);
|
|
|
@@ -591,9 +850,11 @@ export default {
|
|
|
// const reqUt = this.getSelectData(item.listqueryTemplateID)
|
|
|
// reqUts.push(reqUt)
|
|
|
if (!this.tableOptions[item.columnName]) {
|
|
|
- this.tableOptions[item.columnName] = await this.getSelectData(item.listqueryTemplateID);
|
|
|
+ this.tableOptions[item.columnName] = await this.getSelectData(
|
|
|
+ item.listqueryTemplateID
|
|
|
+ );
|
|
|
}
|
|
|
- //
|
|
|
+ //
|
|
|
}
|
|
|
// this.filterValues[item.columnName] = ''
|
|
|
});
|
|
|
@@ -603,7 +864,7 @@ export default {
|
|
|
// this.getSelectDataAll(reqUts)
|
|
|
},
|
|
|
//获取所有获取弹框-下拉数据-请求状态
|
|
|
- getSelectDataAll (reqUts) {
|
|
|
+ getSelectDataAll(reqUts) {
|
|
|
Promise.all(reqUts)
|
|
|
.then((res) => {
|
|
|
this.proAll = true;
|
|
|
@@ -613,7 +874,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
//获取弹框-下拉数据
|
|
|
- async getSelectData (id) {
|
|
|
+ async getSelectData(id) {
|
|
|
const { code, returnData } = await Query({
|
|
|
id,
|
|
|
dataContent: [],
|
|
|
@@ -625,7 +886,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
//重组table-显示名称
|
|
|
- setTable () {
|
|
|
+ setTable() {
|
|
|
this.tableArrs.forEach((item) => {
|
|
|
this.tableOptions[item].forEach((p) => {
|
|
|
this.tableDataCopy.forEach((msg) => {
|
|
|
@@ -644,7 +905,7 @@ export default {
|
|
|
this.tableData = this.tableDataCopy;
|
|
|
},
|
|
|
//分组
|
|
|
- tableGroup (tableData) {
|
|
|
+ tableGroup(tableData) {
|
|
|
const spanArr = [];
|
|
|
let pos = 0;
|
|
|
let ifYj = this.tableGroups[0];
|
|
|
@@ -664,14 +925,14 @@ export default {
|
|
|
this.spanArr = spanArr;
|
|
|
this.pos = pos;
|
|
|
},
|
|
|
- popoverShowHandler (prop) {
|
|
|
+ popoverShowHandler(prop) {
|
|
|
this.colShowFilter = prop;
|
|
|
},
|
|
|
- popoverHideHandler () {
|
|
|
+ popoverHideHandler() {
|
|
|
this.colShowFilter = "";
|
|
|
},
|
|
|
//分组
|
|
|
- tableSpanMethod ({ row, column, rowIndex, columnIndex }) {
|
|
|
+ tableSpanMethod({ row, column, rowIndex, columnIndex }) {
|
|
|
if (this.tableGroups.includes(column["property"])) {
|
|
|
const _row = this.spanArr[rowIndex];
|
|
|
const _col = _row > 0 ? 1 : 0;
|
|
|
@@ -682,7 +943,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
//合计
|
|
|
- getSummaries (param) {
|
|
|
+ getSummaries(param) {
|
|
|
const { columns, data } = param;
|
|
|
const sums = [];
|
|
|
columns.forEach((column, index) => {
|
|
|
@@ -706,15 +967,13 @@ export default {
|
|
|
return sums;
|
|
|
},
|
|
|
//弹框-确定
|
|
|
- handleOk () {
|
|
|
+ handleOk() {
|
|
|
this.submitClickHandler();
|
|
|
},
|
|
|
//滚动
|
|
|
- tableLoad () {
|
|
|
-
|
|
|
- },
|
|
|
+ tableLoad() {},
|
|
|
//表格-新增
|
|
|
- handleAdd () {
|
|
|
+ handleAdd() {
|
|
|
// this.flag = true;
|
|
|
// this.tableType = "add";
|
|
|
// this.tableTitle = "新增";
|
|
|
@@ -728,29 +987,41 @@ export default {
|
|
|
this.$emit("handleAdd");
|
|
|
}
|
|
|
|
|
|
- //
|
|
|
+ //
|
|
|
},
|
|
|
//表格-编辑
|
|
|
- async handleEdit (row) {
|
|
|
- if (this.isDialog) {
|
|
|
- if (this.editId) {
|
|
|
- let data = await this.queryOriginRow(this.editId, row.queryTemplateColumnSetID);
|
|
|
- this.tableForm = JSON.parse(JSON.stringify(data));
|
|
|
- // this.tableForm =this.tableForm;
|
|
|
- // Object.entries(tableForm).forEach(([key, value]) => {
|
|
|
- // this.tableForm[key] = value
|
|
|
- // })
|
|
|
+ async handleEdit(row) {
|
|
|
+ if (this.tableup) {
|
|
|
+ this.$router.push({
|
|
|
+ path: "/systemSettings/warningEdit",
|
|
|
+ query: {
|
|
|
+ id: row.alarmSceneId,
|
|
|
+ },
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (this.isDialog) {
|
|
|
+ if (this.editId) {
|
|
|
+ let data = await this.queryOriginRow(
|
|
|
+ this.editId,
|
|
|
+ row.queryTemplateColumnSetID
|
|
|
+ );
|
|
|
+ this.tableForm = JSON.parse(JSON.stringify(data));
|
|
|
+ // this.tableForm =this.tableForm;
|
|
|
+ // Object.entries(tableForm).forEach(([key, value]) => {
|
|
|
+ // this.tableForm[key] = value
|
|
|
+ // })
|
|
|
+ } else {
|
|
|
+ this.tableForm = JSON.parse(JSON.stringify(row));
|
|
|
+ }
|
|
|
+ this.flag = true;
|
|
|
+ this.tableType = "edit";
|
|
|
+ this.tableTitle = "编辑";
|
|
|
} else {
|
|
|
- this.tableForm = JSON.parse(JSON.stringify(row));
|
|
|
+ this.$emit("handleEdit", row);
|
|
|
}
|
|
|
- this.flag = true;
|
|
|
- this.tableType = "edit";
|
|
|
- this.tableTitle = "编辑";
|
|
|
- } else {
|
|
|
- this.$emit("handleEdit", row);
|
|
|
}
|
|
|
},
|
|
|
- async queryOriginRow (editId, queryTemplateColumnSetID) {
|
|
|
+ async queryOriginRow(editId, queryTemplateColumnSetID) {
|
|
|
try {
|
|
|
const { code, returnData } = await Query({
|
|
|
id: editId,
|
|
|
@@ -761,16 +1032,14 @@ export default {
|
|
|
} else {
|
|
|
this.$message.error("失败");
|
|
|
}
|
|
|
- } catch (error) {
|
|
|
-
|
|
|
- }
|
|
|
+ } catch (error) {}
|
|
|
},
|
|
|
//表格-跳转
|
|
|
- handleHerf (row) {
|
|
|
+ handleHerf(row) {
|
|
|
alert("跳转");
|
|
|
},
|
|
|
// 新增/编辑-确认
|
|
|
- submitClickHandler () {
|
|
|
+ submitClickHandler() {
|
|
|
this.$refs["ruleForm"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
if (this.tableType == "add") {
|
|
|
@@ -785,19 +1054,19 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
//表格-删除
|
|
|
- handleRemove (row) {
|
|
|
+ handleRemove(row) {
|
|
|
this.rmFlag = true;
|
|
|
// this.rmTitle = row.className || row.username || row.serviceName || row.queryTemplateName;
|
|
|
this.rmTitle = row[this.rowTitle];
|
|
|
this.tableObj = row;
|
|
|
},
|
|
|
//表格-删除-确认
|
|
|
- tableRemove () {
|
|
|
+ tableRemove() {
|
|
|
this.tableObj.event = 3;
|
|
|
this.generalDataReception(this.tableObj);
|
|
|
},
|
|
|
// 表格-跳转列设置页
|
|
|
- handleColumnSet (row) {
|
|
|
+ handleColumnSet(row) {
|
|
|
this.$router.push({
|
|
|
path: "/systemSettings/queryTemplateChild",
|
|
|
query: {
|
|
|
@@ -806,7 +1075,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 表格-跳转数据项设置页
|
|
|
- handleItemSet (row) {
|
|
|
+ handleItemSet(row) {
|
|
|
this.$router.push({
|
|
|
path: "/systemSettings/datastructureChild",
|
|
|
query: {
|
|
|
@@ -815,7 +1084,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 表格-跳转航站设置页
|
|
|
- handlelodSet (row) {
|
|
|
+ handlelodSet(row) {
|
|
|
this.$router.push({
|
|
|
path: "/BasicsData/airportInfoChild",
|
|
|
query: {
|
|
|
@@ -824,7 +1093,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 表格-节点置页
|
|
|
- handlenodeSet (row) {
|
|
|
+ handlenodeSet(row) {
|
|
|
this.$router.push({
|
|
|
path: "/BasicsData/deployNodeChild",
|
|
|
query: {
|
|
|
@@ -833,7 +1102,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 表格-查看
|
|
|
- handleLook (row) {
|
|
|
+ handleLook(row) {
|
|
|
this.$router.push({
|
|
|
name: "serviceTopology",
|
|
|
params: {
|
|
|
@@ -843,21 +1112,21 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
// 表格-启动/停止
|
|
|
- async stateChangeHandler (row) {
|
|
|
+ async stateChangeHandler(row) {
|
|
|
const runState = row.runState == "运行" ? 0 : 1;
|
|
|
const serviceID = row.serviceID;
|
|
|
// this.changeBtn(runState, serviceID);
|
|
|
this.changeState(runState, serviceID);
|
|
|
},
|
|
|
// 表格-选中行
|
|
|
- selectHandler (selection, row) {
|
|
|
+ selectHandler(selection, row) {
|
|
|
this.$emit("selection-change", selection, row);
|
|
|
},
|
|
|
// 表格-查询模板预览
|
|
|
- handlePreview (row) {
|
|
|
+ handlePreview(row) {
|
|
|
this.$emit("preview", row);
|
|
|
},
|
|
|
- async changeBtn (state, id) {
|
|
|
+ async changeBtn(state, id) {
|
|
|
let res = null;
|
|
|
// const { code, message } = await GeneralDataReception({
|
|
|
// serviceId: 61,
|
|
|
@@ -880,7 +1149,7 @@ export default {
|
|
|
this.$message.error(res.message);
|
|
|
}
|
|
|
},
|
|
|
- async changeState (runState, serviceID) {
|
|
|
+ async changeState(runState, serviceID) {
|
|
|
try {
|
|
|
const operate = runState ? "start" : "stop";
|
|
|
const {
|
|
|
@@ -913,9 +1182,7 @@ export default {
|
|
|
} else {
|
|
|
this.$message.error("查询节点失败");
|
|
|
}
|
|
|
- } catch (error) {
|
|
|
-
|
|
|
- }
|
|
|
+ } catch (error) {}
|
|
|
},
|
|
|
},
|
|
|
};
|
