From 5aa3a9bdd9001e53f245efd40b0d39263caa4bfc Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期六, 19 十一月 2022 17:27:53 +0800
Subject: [PATCH] 数据管理页面添加，修改
---
src/views/datamanage/SpatialData.vue | 1103 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 548 insertions(+), 555 deletions(-)
diff --git a/src/views/datamanage/SpatialData.vue b/src/views/datamanage/SpatialData.vue
index da0a00a..8511832 100644
--- a/src/views/datamanage/SpatialData.vue
+++ b/src/views/datamanage/SpatialData.vue
@@ -1,362 +1,219 @@
<template>
- <div class="authorityManagement_box">
- <My-bread :list="['鏁版嵁绠＄悊', '绌洪棿鏁版嵁']"></My-bread>
+ <div class="Spatialbox">
+ <My-bread
+ :list="[
+ `${$t('dataManage.dataManage')}`,
+ `${$t('dataManage.dataRetrieval')}`,
+ ]"
+ ></My-bread>
<el-divider />
- <div class="searchComp">
- <el-form ref="ruleForm" :model="ruleForm" :inline="true">
- <el-form-item label="鍏抽敭瀛�" prop="name">
- <el-input v-model="ruleForm.name" placeholder="璇疯緭鍏�" />
- </el-form-item>
- <el-form-item>
- <el-button
- @click="submitForm('ruleForm')"
- icon="el-icon-search"
- type="primary"
- size="small"
- >鏌ヨ</el-button
- >
- <el-button
-
- @click="resetForm('ruleForm')"
- icon="el-icon-refresh"
- type="info"
- size="small"
- >閲嶇疆</el-button
- >
- <el-button
- v-if="btnStatus.delete"
- @click="DelFormData"
- icon="el-icon-delete"
- type="danger"
- size="small"
- >鍒犻櫎</el-button
- >
- <el-button
- v-if="!FBtest"
- @click="testfb()"
- icon="el-icon-position"
- type="success"
- size="small"
- >鍙戝竷</el-button
- >
- <el-button
- v-else
- @click="testfb()"
- icon="el-icon-position"
- type="success"
- size="small"
- >鍙栨秷</el-button
- >
- </el-form-item>
- <el-form-item>
- <span v-if="FBtest">
- <i class="dotClass" style="background-color: springgreen"></i>
- </span>
- <span v-else>
- <i class="dotClass" style="background-color: gray"></i>
- </span>
- </el-form-item>
- <el-form-item v-if="FBtest">
- 鍙戝竷鍦板潃锛歨ttp://192.168.20.39/SG/default/streamer.ashx
- </el-form-item>
- </el-form>
- </div>
- <div class="bottom">
- <div class="leftTree">
+ <div class="spatialContent">
+ <div class="spatial_leftTree">
<el-tree
- :data="data"
+ :data="tree"
:props="defaultProps"
:default-expanded-keys="[1]"
node-key="id"
@node-click="handleNodeClick"
></el-tree>
</div>
- <div class="rightTable">
- <div class="table_box">
+ <div class="spatial_rightContent">
+ <el-form ref="ruleForm" :model="ruleForm" :inline="true">
+ <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
+ <el-input v-model="ruleForm.name" :placeholder="$t('common.choose')" />
+ </el-form-item>
+ <el-form-item>
+ <el-button
+ @click="submitForm('ruleForm')"
+ icon="el-icon-search"
+ class="primary"
+ size="small"
+ >{{$t('common.iquery')}}</el-button
+ >
+ <el-button
+ @click="resetForm('ruleForm')"
+ icon="el-icon-refresh"
+ type="info"
+ size="small"
+ >{{$t('common.reset')}}</el-button
+ >
+
+ <el-button
+ v-if="btnStatus.download"
+ icon="el-icon-position"
+ type="success"
+ size="small"
+ >{{$t('common.download')}}</el-button
+ >
+ </el-form-item>
+ </el-form>
+ <el-divider class="eldivider" />
+ <div style="height: 85%">
<el-table
ref="filterTable"
:data="tableData"
- height="99%"
+ height="90%"
border
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" />
- <el-table-column width="50" type="index" label="搴忓彿" />
- <el-table-column min-width="150" prop="pipename" label="绠￠亾鍚嶇О" />
+ <el-table-column width="60" type="index" :label="$t('common.index')" />
<el-table-column
- min-width="150"
- v-if="tableType == '鍦虹珯鐐�'"
- prop="sitename"
- label="鍦虹珯鍚嶇О"
- />
- <el-table-column
- min-width="150"
- v-if="tableType == '鍦虹珯鐐�'"
- prop="type"
- label="鍦虹珯绫诲瀷"
- />
- <el-table-column
- min-width="150"
- v-if="tableType == '绠￠亾涓績绾�'"
- prop="seriesname"
- label="绔欏垪鍚嶇О"
- />
- <el-table-column
- min-width="50"
- v-if="tableType == '绠￠亾涓績绾�'"
- prop="stationvalue"
- label="绔欏垪閲岀▼"
- />
- <el-table-column
- min-width="50"
- v-if="tableType == '绠￠亾涓績绾�'"
- prop="transportm"
- label="杈撻�佷粙璐�"
- />
- <el-table-column
- min-width="50"
- v-if="tableType == '绠￠亾涓績绾�'"
- prop="diameter"
- label="绠″緞"
- />
- <el-table-column
- min-width="150"
- v-if="tableType == '鏍囨々'"
- prop="name"
- label="鏍囨々鍚嶇О"
- />
- <el-table-column
- min-width="150"
- v-if="tableType == '鏍囨々'"
- prop="type"
- label="鏍囨々绫诲瀷"
- />
-
- <el-table-column
- min-width="70"
- prop="create_user"
- label="鍏ュ簱浜哄憳"
- />
- <el-table-column
- min-width="100"
- prop="create_time"
- label="鍏ュ簱鏃堕棿"
- />
- <el-table-column min-width="80" label="鎿嶄綔">
+ v-for="(item, index) in attributeData"
+ :key="index"
+ :label="item.alias"
+ :prop="item.field"
+ show-overflow-tooltip
+ align="center"
+ ></el-table-column>
+ <el-table-column min-width="80" :label="$t('common.operate')">
<template slot-scope="scope">
- <el-link @click="showDetail(scope.$index, scope.row)"
- >鏌ョ湅</el-link
+ <el-link class="elLink"
+
+ @click="showDetail(scope.$index, scope.row)"
+ >{{$t('common.details')}}</el-link
>
- <el-link
- @click="handleEdit(scope.$index, scope.row)"
- style="margin-left: 10px"
- >淇敼</el-link
+ <el-link class="elLink"
+ @click="dialogFormVisible = true"
+ style="margin-left: 20px; "
+ >{{$t('common.enclosure')}}</el-link
>
</template>
</el-table-column>
</el-table>
- </div>
- <div
- style="margin-top: 20px; margin-left: 200px"
- class="pagination_box"
- >
- <el-pagination
- v-if="changePag"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="currentPage"
- :page-sizes="[10, 20, 50, 100]"
- :page-size="10"
- layout="total, sizes, prev, pager, next, jumper"
- :total="count"
- >
- </el-pagination>
+ <div style="margin-top: 20px" class="pagination_box">
+ <el-pagination
+ v-if="changePag"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="this.listData.pageIndex"
+ :page-sizes="[10, 20, 50, 100]"
+ :page-size="this.listData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="count"
+ >
+ </el-pagination>
+ </div>
</div>
</div>
</div>
- <div class="infoBox" v-show="showinfoBox">
+ <div class="infoBox" v-show="showinfoBox">
<el-card class="box-card">
<div slot="header" class="clearfix">
- <span>璇︾粏淇℃伅</span>
+ <span>{{$t('common.details')}}</span>
<div style="float: right; cursor: pointer" @click="closeDetial">
<i class="el-icon-close"></i>
</div>
</div>
<div class="contentBox">
- <p>绠￠亾鍚嶇О锛歿{ itemdetail.pipename }}</p>
- <el-divider></el-divider>
- <div v-if="tableType == '鍦虹珯鐐�'">
- <p>鍦虹珯鍚嶇О锛歿{ itemdetail.sitename }}</p>
- <el-divider></el-divider>
- <p>鍦虹珯绫诲瀷锛歿{ itemdetail.type }}</p>
- <el-divider></el-divider>
- </div>
- <div v-if="tableType == '绠￠亾涓績绾�'">
- <p>绔欏垪鍚嶇О锛歿{ itemdetail.seriesname }}</p>
- <el-divider></el-divider>
- <p>绔欏垪閲岀▼锛歿{ itemdetail.stationvalue }}</p>
- <el-divider></el-divider>
- <p>杈撻�佷粙璐細{{ itemdetail.transportm }}</p>
- <el-divider></el-divider>
- <p>绠″緞锛歿{ itemdetail.diameter }}</p>
- <el-divider></el-divider>
- </div>
- <div v-if="tableType == '鏍囨々'">
- <p>鏍囨々鍚嶇О锛歿{ itemdetail.name }}</p>
- <el-divider></el-divider>
- <p>鏍囨々绫诲瀷锛歿{ itemdetail.type }}</p>
- <el-divider></el-divider>
- </div>
- <p>鍏ュ簱浜哄憳锛歿{ itemdetail.create_user }}</p>
- <el-divider></el-divider>
- <p>鍏ュ簱鏃堕棿锛歿{ itemdetail.create_time }}</p>
+ <ul>
+ <li v-for="(item, index) in itemdetail">
+ <p>
+ <label> {{ item.label }}:</label>
+ <label class="boxlabel">{{ item.value }}</label>
+ </p>
+ <el-divider></el-divider>
+ </li>
+ </ul>
</div>
</el-card>
</div>
- <el-dialog title="淇敼璇︽儏" :visible.sync="dialogFormVisible">
- <el-form :model="upform">
- <el-form-item label="绠￠亾鍚嶇О" :label-width="formLabelWidth">
- <el-input v-model="upform.pipename" autocomplete="off"></el-input>
+ <el-dialog :title="$t('common.attachinform')" width="30%" :visible.sync="dialogFormVisible">
+ <el-form :model="formInline" class="demo-form-inline">
+ <el-form-item >
+ <el-input
+ v-model="formInline.file"
+ style="width: 300px; margin-right: 20px"
+ :placeholder="$t('common.choose')"
+ disabled
+ ></el-input>
+ <input
+ name="file1"
+ type="file"
+ id="insertFile"
+ multiple="multiple"
+ style="display: none"
+ @change="insertFile( )"
+ />
+ <el-link @click="getInsertFile( )" :underline="false"
+ ><i class="el-icon-folder-opened"></i
+ ></el-link>
</el-form-item>
- <el-form-item
- v-if="tableType == '鍦虹珯鐐�'"
- label="鍦虹珯鍚嶇О"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.sitename" autocomplete="off"></el-input>
+ <el-form-item>
+ <el-row >
+ <el-col :span="3"> <el-link class="elLink" :underline="false" >{{$t('common.append')}}</i></el-link></el-col>
+ <el-col :span="3"> <el-link class="elLink" :underline="false" >{{$t('common.delete')}}</i></el-link></el-col>
+ <el-col :span="3"> <el-link class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col>
+ </el-row>
</el-form-item>
- <el-form-item
- v-if="tableType == '鍦虹珯鐐�'"
- label="鍦虹珯绫诲瀷"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.type" autocomplete="off"></el-input>
+ <el-form-item>
+ <el-table
+ ref="filterTable"
+ height="99%"
+ border
+ style="width: 100%"
+ >
+ <el-table-column width="60" type="index" :label="$t('common.index')" />
+ <el-table-column prop="date"
+ :label="$t('common.fileNme')"
+ />
+
+ <el-table-column
+ prop="name"
+ :label="$t('common.filePath')"
+ />
+
+ </el-table>
</el-form-item>
- <el-form-item
- v-if="tableType == '绠￠亾涓績绾�'"
- label="绔欏垪鍚嶇О"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.seriesname" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item
- v-if="tableType == '绠￠亾涓績绾�'"
- label="绔欏垪閲岀▼"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.stationvalue" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item
- v-if="tableType == '绠￠亾涓績绾�'"
- label="杈撻�佷粙璐�"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.transportm" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item
- v-if="tableType == '绠￠亾涓績绾�'"
- label="绠″緞"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.diameter" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item
- v-if="tableType == '鏍囨々'"
- label="鏍囨々鍚嶇О"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.name" autocomplete="off"></el-input>
- </el-form-item>
- <el-form-item
- v-if="tableType == '鏍囨々'"
- label="鏍囨々绫诲瀷"
- :label-width="formLabelWidth"
- >
- <el-input v-model="upform.type" autocomplete="off"></el-input>
+ <el-form-item>
+
+<el-row :gutter="20">
+ <el-col :span="12" :offset="8"> <el-button class="primary" @click="dialogFormVisible = false">纭</el-button> <el-button type="info" @click="dialogFormVisible = false">鍙栨秷</el-button></el-col>
+</el-row>
</el-form-item>
</el-form>
- <div slot="footer" class="dialog-footer">
- <el-button type="primary" @click="updateForm">纭� 瀹�</el-button>
- <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button>
- </div>
+
</el-dialog>
</div>
</template>
<script>
+import $ from 'jquery';
import {
- querySitePointCount,
- querySitePoint,
- queryMarkerCount,
- queryMarker,
- queryStationSeries,
- queryStationSeriesCount,
- UpdateSitePoint,
- UpdateStationSeries,
- UpdatgeMarker,
- dltSitePoint,
- dltStationSeries,
- dltMarker,
-} from "../../api/api";
+ dataQuery_selectTabs,
+ dataQuery_selectDomains,
+ dataQuery_selectFields,
+ dataQuery_selectByPage,
+} from '../../api/api';
-import catalogueTree from "../../components/catalogueTree.vue";
-import MyBread from "../../components/MyBread.vue";
+import catalogueTree from '../../components/catalogueTree.vue';
+import MyBread from '../../components/MyBread.vue';
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
- name: "dataSearch",
+ name: 'dataSearch',
components: { MyBread, catalogueTree },
data() {
return {
- data: [
+ formInline: {
+ file: '',
+ },
+ tree: [
{
- id: 1,
- label: "绌洪棿鍏ュ簱鏁版嵁",
- children: [
- {
- label: "鍦虹珯鐐�",
- },
- {
- label: "绠￠亾涓績绾�",
- },
- {
- label: "鏍囨々",
- },
- ],
+ tabDesc: '鍩虹鏁版嵁',
+ value: 'BD',
+ children: [],
+ },
+ {
+ tabDesc: '涓氬姟鏁版嵁',
+ value: 'BS',
+ children: [],
},
],
- FBtest: false,
- formLabelWidth: "120px",
- dialogFormVisible: false,
- upform: {
- gid: "",
- pipename: "",
- sitename: "",
- type: "",
- seriesname: "",
- stationvalue: "",
- transportm: "",
- diameter: "",
- name: "",
- },
- tableType: null,
defaultProps: {
- children: "children",
- label: "label",
+ children: 'children',
+ label: 'tabDesc',
},
- changePag: true,
- showinfoBox: false,
- itemdetail: {},
- ruleForm: {
- name: "",
- },
- count: 0,
- pageSize: 10,
- pageNum: 1,
- tableData: [],
- currentPage: 1,
- searchName: "",
- multipleSelection: [],
btnStatus: {
select: false,
delete: false,
@@ -365,60 +222,172 @@
insert: false,
update: false,
},
+ tableType: null,
+ ruleForm: {
+ name: null,
+ },
+ FBtest: false,
+ tableData: [],
+ formLabelWidth: '120px',
+ dialogFormVisible: false,
+ upform: {
+ gid: '',
+ pipename: '',
+ sitename: '',
+ type: '',
+ seriesname: '',
+ stationvalue: '',
+ transportm: '',
+ diameter: '',
+ name: '',
+ },
+
+ changePag: true,
+ showinfoBox: false,
+ itemdetail: {},
+
+ tableData: [],
+ attributeData: [],
+ currentPage: 1,
+ searchName: '',
+ multipleSelection: [],
+ filedsLayer: null,
+ count: 0,
+ listData: {
+ pageSize: 10,
+ pageIndex: 1,
+ name: null,
+ filter: null,
+ wkt: null,
+ },
};
},
created() {
// this.getSPData(10, 1, "");
// this.getSPCount("");
this.showPermsBtn();
+ this.getTreeDataAll();
},
methods: {
+ //闄勪欢=>鏂囦欢閫夋嫨
+ getInsertFile() {
+ $('#insertFile').click();
+ },
+ insertFile() {
+ var val = document.getElementById('insertFile').files;
+ if (!val || !val.length) return;
+
+ this.formInline.file = val[0].name;
+ },
+ //鑾峰彇鐩綍鏍戞暟鎹�
+ async getTreeDataAll() {
+ const data = await dataQuery_selectTabs();
+ if (data.code != 200) {
+ this.$message.error('鍒楄〃璋冪敤澶辫触');
+ }
+ var option = data.result;
+
+ for (var i in option) {
+ var val_Data = option[i];
+ val_Data.id = '1' + i;
+ if (option[i].ns == 'bd') {
+ this.tree[0].children.push(val_Data);
+ } else {
+ this.tree[1].children.push(val_Data);
+ }
+ }
+ },
+ //鎺堟潈绠＄悊
showPermsBtn() {
let currentPerms = this.$store.state.currentPerms;
let permsEntity = this.$store.state.permsEntity;
permsEntity
.filter((item) => item.perms == currentPerms)
- .map((item) => (this.btnStatus[item.tag.substr(1)] = true));
+ .map((item) => {
+ console.log(item);
+ this.btnStatus[item.tag.substr(1)] = true;
+ });
},
+ //鏍戠偣鍑讳簨浠�
handleNodeClick(data) {
- this.closeDetial();
- this.changePag = false;
- this.tableData = [];
- this.currentPage = 1;
- switch (data.label) {
- case "绌洪棿鍏ュ簱鏁版嵁":
- this.tableType = null;
- // this.$nextTick(() => {
- // this.changePag = true;
- // });
- break;
- case "鍦虹珯鐐�":
- this.tableType = "鍦虹珯鐐�";
- this.getSPData(10, 1, "");
- this.getSPCount("");
- // this.$nextTick(() => {
- // this.changePag = true;
- // });
- break;
- case "绠￠亾涓績绾�":
- this.tableType = "绠￠亾涓績绾�";
- this.getSSData(10, 1, "");
- this.getSSCount("");
- // this.$nextTick(() => {
- // this.changePag = true;
- // });
- break;
- case "鏍囨々":
- this.tableType = "鏍囨々";
- this.getMData(10, 1, "");
- this.getMCount("");
- break;
- }
- this.$nextTick(() => {
- this.changePag = true;
- });
- },
+ //鍒ゆ柇鐐瑰嚮鏄惁涓哄瓙鑺傜偣
+ if (data.children != null) return;
+ this.listData.name = data.entity; //瑕佹煡璇㈣〃鏍肩被鍨嬶紱
+ this.filedsLayer = this.getCollapseDomFiled(); //鑾峰彇姣忎釜琛ㄥ瓧娈靛悕绉板強闃堝��
+ //鑾峰彇table淇℃伅
+ this.getCollapseTable(this.filedsLayer);
+ },
+ //鑾峰彇琛ㄦ牸淇℃伅
+ async getCollapseTable(res) {
+ res.then((val) => {
+ this.attributeData = val;
+ });
+ if (this.ruleForm.name != null) {
+ this.listData.filter = 'name like ' + this.ruleForm.name;
+ } else {
+ this.listData.filter = null;
+ }
+
+ const data = await dataQuery_selectByPage(this.listData);
+ if (data.code != 200) {
+ this.$message.error('璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!');
+ return;
+ }
+ var res_val = this.attributeData;
+ this.count = data.count;
+ for (var i in data.result) {
+ let val_Data = data.result[i];
+
+ for (var j in res_val) {
+ if (res_val[j].domainNa != null && res_val[j].domainNa != undefined) {
+ val_Data[res_val[j].field] = res_val[j].domainNa;
+ }
+ }
+ }
+ this.tableData = data.result;
+ },
+ //鑾峰彇姣忎釜琛ㄥ瓧娈靛悕绉板強闃堝��
+ async getCollapseDomFiled() {
+ //鏌ヨ瀛楁淇℃伅;
+ const fileds = await dataQuery_selectFields({
+ name: this.listData.name,
+ });
+ if (fileds.code != 200) {
+ this.$message.error('璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!');
+ return;
+ }
+
+ //鏌ヨ闃堝�间俊鎭紱
+ const domains = await dataQuery_selectDomains({
+ name: this.listData.name,
+ });
+ if (domains.code != 200) {
+ this.$message.error('璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!');
+ return;
+ }
+ var data1 = fileds.result;
+ var data2 = domains.result;
+ var std = [];
+ for (var i in data1) {
+ if (data1[i].showtype == 1) {
+ if (data1[i].domainNa != null) {
+ data1[i].domainNa = this.getDomainNaFild(data1[i].domainNa, data2);
+ }
+ std.push(data1[i]);
+ }
+ }
+ return std;
+ },
+ //鍊煎煙瀛楁鍖归厤
+ getDomainNaFild(res, result) {
+ for (var i in result) {
+ if (result[i].domName == res) {
+ return result[i].codeDesc;
+ }
+ }
+ return null;
+ },
// 璇锋眰鍦虹珯鐐瑰唴瀹�
getSPData(size, num, name) {
querySitePoint(size, num, name).then((res) => {
@@ -458,48 +427,30 @@
},
// 鍏抽敭瀛楁煡璇�
- submitForm(formName) {
- this.$refs[formName].validate((valid) => {
- if (valid) {
- this.searchName = this.ruleForm.name.trim();
- switch (this.tableType) {
- case "鍦虹珯鐐�":
- this.getSPData(10, 1, this.searchName);
- this.getSPCount(this.searchName);
- break;
- case "绠￠亾涓績绾�":
- this.getSSData(10, 1, this.searchName);
- this.getSSCount(this.searchName);
- break;
- case "鏍囨々":
- this.getMData(10, 1, this.searchName);
- this.getMCount(this.searchName);
- break;
- }
- } else {
- console.log("error submit!!");
- return false;
- }
- });
+ submitForm() {
+ this.listData.pageIndex = 1;
+ this.listData.pageSize = 10;
+ //鑾峰彇table淇℃伅
+ this.getCollapseTable(this.filedsLayer);
+ },
+ //鍒嗛〉鐐瑰嚮浜嬩欢
+ handleSizeChange(val) {
+ this.listdata.pageSize = val;
+ this.listdata.pageIndex = 1;
+ //鑾峰彇table淇℃伅
+ this.getCollapseTable(this.filedsLayer);
+ },
+ handleCurrentChange(val) {
+ this.listdata.pageIndex = val;
+ //鑾峰彇table淇℃伅
+ this.getCollapseTable(this.filedsLayer);
},
// 閲嶇疆鏌ヨ
resetForm(formName) {
- this.searchName = "";
+ this.searchName = '';
this.$refs[formName].resetFields();
- switch (this.tableType) {
- case "鍦虹珯鐐�":
- this.getSPData(10, 1, "");
- this.getSPCount("");
- break;
- case "绠￠亾涓績绾�":
- this.getSSData(10, 1, "");
- this.getSSCount("");
- break;
- case "鏍囨々":
- this.getMData(10, 1, "");
- this.getMCount("");
- break;
- }
+ //鑾峰彇table淇℃伅
+ this.getCollapseTable(this.filedsLayer);
},
// 鍙戝竷鎸夐挳
@@ -513,9 +464,9 @@
// .then(() => {
const loading = this.$loading({
lock: true,
- text: "Loading",
- spinner: "el-icon-loading",
- background: "rgba(0, 0, 0, 0.7)",
+ text: 'Loading',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)',
});
setTimeout(() => {
loading.close();
@@ -527,9 +478,18 @@
},
// 鏌ョ湅鐣岄潰
showDetail(index, row) {
- // console.log(index, row);
+ console.log(index, row);
+ console.log(this.attributeData);
this.showinfoBox = true;
- this.itemdetail = row;
+
+ var std = [];
+ for (var i in this.attributeData) {
+ std.push({
+ label: this.attributeData[i].alias,
+ value: row[this.attributeData[i].field],
+ });
+ }
+ this.itemdetail = std;
},
// 鍏抽棴鏌ョ湅
closeDetial() {
@@ -545,15 +505,15 @@
// 鎻愪氦淇敼
updateForm() {
let params = {};
- this.$confirm("鏄惁纭畾缂栬緫?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
+ this.$confirm('鏄惁纭畾缂栬緫?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
})
.then(() => {
this.dialogFormVisible = false;
switch (this.tableType) {
- case "鍦虹珯鐐�":
+ case '鍦虹珯鐐�':
params = {
gid: this.upform.gid,
pipename: this.upform.pipename,
@@ -563,15 +523,15 @@
UpdateSitePoint(params).then((res) => {
if (res.data == 1) {
this.$message({
- message: "淇敼鎴愬姛",
- type: "success",
+ message: '淇敼鎴愬姛',
+ type: 'success',
});
}
- this.getSPData(10, 1, "");
- this.getSPCount("");
+ this.getSPData(10, 1, '');
+ this.getSPCount('');
});
break;
- case "绠￠亾涓績绾�":
+ case '绠￠亾涓績绾�':
params = {
gid: this.upform.gid,
pipename: this.upform.pipename,
@@ -583,15 +543,15 @@
UpdateStationSeries(params).then((res) => {
if (res.data == 1) {
this.$message({
- message: "淇敼鎴愬姛",
- type: "success",
+ message: '淇敼鎴愬姛',
+ type: 'success',
});
}
- this.getSSData(10, 1, "");
- this.getSSCount("");
+ this.getSSData(10, 1, '');
+ this.getSSCount('');
});
break;
- case "鏍囨々":
+ case '鏍囨々':
params = {
gid: this.upform.gid,
pipename: this.upform.pipename,
@@ -601,12 +561,12 @@
UpdatgeMarker(params).then((res) => {
if (res.data == 1) {
this.$message({
- message: "淇敼鎴愬姛",
- type: "success",
+ message: '淇敼鎴愬姛',
+ type: 'success',
});
}
- this.getMData(10, 1, "");
- this.getMCount("");
+ this.getMData(10, 1, '');
+ this.getMCount('');
});
break;
}
@@ -633,47 +593,47 @@
for (var i in this.multipleSelection) {
std.push(this.multipleSelection[i].gid);
}
- this.$confirm("纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
+ this.$confirm('纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning',
})
.then(() => {
switch (this.tableType) {
- case "鍦虹珯鐐�":
+ case '鍦虹珯鐐�':
dltSitePoint(std).then((res) => {
if (res.data !== 0) {
this.$message({
- message: "鍒犻櫎鎴愬姛",
- type: "success",
+ message: '鍒犻櫎鎴愬姛',
+ type: 'success',
});
}
- this.getSPData(10, 1, "");
- this.getSPCount("");
+ this.getSPData(10, 1, '');
+ this.getSPCount('');
});
break;
- case "绠￠亾涓績绾�":
+ case '绠￠亾涓績绾�':
dltStationSeries(std).then((res) => {
if (res.data !== 0) {
this.$message({
- message: "鍒犻櫎鎴愬姛",
- type: "success",
+ message: '鍒犻櫎鎴愬姛',
+ type: 'success',
});
}
- this.getSSData(10, 1, "");
- this.getSSCount("");
+ this.getSSData(10, 1, '');
+ this.getSSCount('');
});
break;
- case "鏍囨々":
+ case '鏍囨々':
dltMarker(std).then((res) => {
if (res.data !== 0) {
this.$message({
- message: "鍒犻櫎鎴愬姛",
- type: "success",
+ message: '鍒犻櫎鎴愬姛',
+ type: 'success',
});
}
- this.getMData(10, 1, "");
- this.getMCount("");
+ this.getMData(10, 1, '');
+ this.getMCount('');
});
break;
}
@@ -688,168 +648,201 @@
})
.catch(() => {});
},
- // 鏉℃暟淇敼
- handleSizeChange(val) {
- this.pageSize = val;
- switch (this.tableType) {
- case "绌洪棿鍏ュ簱鏁版嵁":
- break;
- case "鍦虹珯鐐�":
- this.getSPData(this.pageSize, 1, "");
- this.getSPCount("");
-
- break;
- case "绠￠亾涓績绾�":
- this.getSSData(this.pageSize, 1, "");
- this.getSSCount("");
- break;
- case "鏍囨々":
- this.getMData(this.pageSize, 1, "");
- this.getMCount("");
- break;
- }
- },
- // 椤垫暟淇敼
- handleCurrentChange(val) {
- this.pageNum = val;
- switch (this.tableType) {
- case "绌洪棿鍏ュ簱鏁版嵁":
- break;
- case "鍦虹珯鐐�":
- this.getSPData(this.pageSize, this.pageNum, "");
- this.getSPCount("");
- break;
- case "绠￠亾涓績绾�":
- this.getSSData(this.pageSize, this.pageNum, "");
- this.getSSCount("");
- break;
- case "鏍囨々":
- this.getMData(this.pageSize, this.pageNum, "");
- this.getMCount("");
- break;
- }
- },
},
};
</script>
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
-.authorityManagement_box {
- background: rgb(240, 242, 245);
- border-radius: 10px;
- height: 100%;
- padding: 10px;
- box-sizing: border-box;
- .searchComp {
- margin: 10px auto;
- background: #fff;
- border-radius: 5px;
- border: 1px solid rgb(202, 201, 204);
- .el-form-item {
- margin: 5px;
- }
- .el-input {
- width: 467px;
- }
- }
- .bottom {
- width: 100%;
- height: 85%;
- display: flex;
- .leftTree {
- width: 344px;
- background: #f4f8ff;
- border-radius: 10px;
- overflow: auto;
- }
- .rightTable {
- height: 100%;
- width: 77.8%;
- .table_box {
- width: 100%;
- height: 93%;
- margin: 0 auto;
- background: #fff;
- .el-table {
- height: 100%;
- }
- .el-table /deep/ .el-table__header-wrapper tr th {
- background-color: rgb(255, 255, 255) !important;
- color: rgb(0, 0, 0);
- }
- // 淇敼姣忚鏍峰紡锛�
- .el-table /deep/ .el-table__row {
- background-color: rgba(255, 255, 255) !important;
- color: rgb(0, 0, 0);
- }
- .el-table /deep/ .el-table__body tr.current-row > td {
- background-color: rgb(211, 211, 211) !important;
- }
- .el-table /deep/ .el-table__body tr:hover > td {
- background-color: rgb(211, 211, 211) !important;
- }
- // 淇敼琛ㄦ牸姣忚杈规鐨勬牱寮忥細
- .el-table /deep/ td,
- .el-table /deep/ th.is-leaf {
- border-bottom: 1px solid #eee;
- border-right: 1px solid #eee;
- }
- .el-table /deep/ .el-table__cell {
- padding: 0;
- }
- // 璁剧疆琛ㄦ牸姣忚鐨勯珮搴︼細
- .el-table /deep/ .el-table__header tr,
- .el-table /deep/ .el-table__header th {
- height: 40px;
- }
- .el-table__body tr,
- .el-table__body td {
- height: 40px;
- padding: 0px;
- }
- // 璁剧疆琛ㄦ牸杈规棰滆壊锛�
+.Spatialbox {
+ height: 81%;
+ width: 97%;
+ position: absolute;
- .el-table--border::after,
- .el-table--group::after {
- width: 0;
- }
- .el-table::before {
- height: 0;
- }
- }
+ box-sizing: border-box;
+ .spatialContent {
+ width: 100%;
+ height: 92%;
+ display: flex;
+ justify-content: space-between;
+
+ .spatial_leftTree {
+ width: 15%;
+ height: 95%;
+ border: 1px solid white;
+ border-radius: 5px;
+ padding: 1%;
+ max-height: 670px;
+ overflow-y: auto;
+ }
+ .spatial_rightContent {
+ width: 80%;
+ height: 95%;
+ border: 1px solid white;
+ border-radius: 5px;
+ padding: 1%;
+ overflow-y: auto;
}
}
- .infoBox {
+ .primary {
+ background: #409eff;
+ border: #409eff;
+ color: white;
+ }
+ .eldivider {
+ margin-top: 0px;
+ }
+ /deep/.el-form-item__label {
+ color: white;
+ }
+ // 璁剧疆杈撳叆妗嗙殑鑳屾櫙鑹层�佸瓧浣撻鑹层�佽竟妗嗗睘鎬ц缃紱
+ /deep/.el-input__inner {
+ background-color: transparent !important ;
+ color: #fff;
+ border: 1px solid;
+ }
+ /*淇敼table 琛ㄤ綋鐨勮儗鏅鑹插拰鏂囧瓧棰滆壊*/
+ /deep/ .el-table {
+ background-color: transparent;
+
+ th,
+ td {
+ background-color: transparent;
+ }
+ .el-table__expanded-cell {
+ background-color: transparent !important;
+ }
+
+ // 琛ㄥご鑳屾櫙鑹�
+ th.el-table__cell {
+ background-color: #303030;
+ color: #fff;
+ }
+ tr > td {
+ background-color: #303030;
+ color: #fff;
+ }
+
+ // hover鏁堟灉
+ tr:hover > td {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ }
+
+ tbody tr:hover {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ // text-align: center;
+ }
+
+ // 婊氬姩鏉″楂�
+ .el-table__body-wrapper::-webkit-scrollbar {
+ width: 5px;
+ height: 5px;
+ }
+
+ .el-table__body-wrapper::-webkit-scrollbar {
+ width: 5px;
+ /*婊氬姩鏉″搴�*/
+ height: 5px;
+ /*婊氬姩鏉￠珮搴�*/
+ }
+ /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/
+ .el-table__body-wrapper::-webkit-scrollbar-track {
+ box-shadow: 0px 1px 3px #216fe6 inset;
+ /*婊氬姩鏉＄殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/
+ border-radius: 10px;
+ }
+
+ /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/
+ .el-table__body-wrapper::-webkit-scrollbar-thumb {
+ box-shadow: 0px 1px 3px #216fe6 inset;
+ border-radius: 6px;
+ background-color: #216fe6;
+ }
+ }
+ .infoBox {
width: 500px;
- border: 1px solid #eee;
+
position: absolute;
z-index: 100;
top: 15%;
- right: 25%;
- background-color: #fff;
+ right: 15%;
+ background-color: #303030;
+ color: white;
.el-card {
background-color: transparent;
+ color: white;
span {
font-size: 16px;
font-weight: 600;
+ color: white;
}
}
.contentBox {
margin: 0 aotu 10px;
p {
- // background-color: #bfa;
- // margin-bottom: 10px;
+ color: white;
font-size: 14px;
}
}
}
- .dotClass {
- width: 10px;
- height: 10px;
- border-radius: 50%;
- display: block;
- margin-top: 15px;
- margin-left: 10px; //杩欎釜鐢ㄤ簬鍦嗙偣灞呬腑
+
+ .pagination_box {
+ margin-top: 20px;
+ /deep/.el-input__inner {
+ background-color: transparent !important;
+ border: 1px solid;
+ color: white;
+ }
+ /deep/.el-pagination__total {
+ color: white;
+ }
+ /deep/.el-pagination__jump {
+ color: white;
+ }
+ /deep/.el-pager li.active {
+ color: #409eff;
+ }
+ /deep/.el-pager li {
+ color: white;
+ background: transparent;
+ }
+ /deep/.el-pager li {
+ color: white;
+ }
+ /deep/.btn-prev {
+ background: transparent;
+ }
+ /deep/.btn-next {
+ background: transparent;
+ }
+ /deep/.btn-next i {
+ color: white;
+ }
+ /deep/.btn-prev i {
+ color: white;
+ }
}
+
+ .elLink{
+ color: white !important;
+ }
+ .el-icon-folder-opened{
+ color: white;
+ }
+
+ /deep/ .el-select .el-input__inner {
+ border-color: #fff !important;
+ }
+ /deep/ .el-dialog {
+ background: #303030;
+ }
+ /deep/.el-range-editor.is-active,
+ .el-range-editor.is-active:hover,
+ .el-select .el-input.is-focus .el-input__inner {
+ border: 1px solid;
+ }
+ /deep/.el-dialog__title {
+ color: white;
+ }
+
}
</style>
--
Gitblit v1.9.3