From 3ffbf14664836032438b1fd496aefbd99187e2c9 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期一, 22 四月 2024 15:17:54 +0800 Subject: [PATCH] 信息管理添加CAD查看 --- src/views/datamanage/SpatialData.vue | 1776 +++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 1,071 insertions(+), 705 deletions(-) diff --git a/src/views/datamanage/SpatialData.vue b/src/views/datamanage/SpatialData.vue index aa0a375..30aadbe 100644 --- a/src/views/datamanage/SpatialData.vue +++ b/src/views/datamanage/SpatialData.vue @@ -6,360 +6,388 @@ ]"></My-bread> <el-divider /> <div class="spatialContent "> - <div class="spatial_leftTree subpage_Div"> - <el-input v-model="filterText"></el-input> - <div style="width:300px"> + <div class="spatial_leftTree subpage_Div " + style="border: 1px solid #dcdfe6;"> + <el-input size="small" + v-model="filterText" + style="width:220px;" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')" + suffix-icon="el-icon-search"></el-input> - <el-tree - :data="tree" - :props="defaultProps" - :default-expanded-keys="[1]" - node-key="id" - :current-node-key="10" - @node-click="handleNodeClick" - :filter-node-method="filterNode" - ref="tree" - ></el-tree> + <div style="width:300px"> + <el-tree :data="tree" + :props="defaultProps" + node-key="id" + :current-node-key="10" + @node-click="handleNodeClick" + :filter-node-method="filterNode" + ref="tree"></el-tree> </div> </div> - <div class="spatial_rightContent subpage_Div"> - <el-form - ref="ruleForm" - :model="ruleForm" - :inline="true" - > + <div class="contentshuju"> + <div class="contentshujutou"> + <el-form ref="ruleForm" + :model="ruleForm" + :inline="true"> - <el-form-item> - <el-input - type="textarea" - v-model="ruleForm.fileName" - class="nm-skin-pretty" - show-word-limit - :rows="2" - resize='none' - disabled - style="width: 545px;" - ></el-input> - </el-form-item> - <el-form-item> - <el-button - v-if="btnStatus.insert" - @click="conditionVisible = true" - size="small" - icon="el-icon-plus" - type="success" - >{{$t('common.append')}}</el-button> - </el-form-item> - <el-form-item> - <el-button - @click="submitForm" - type="primary" - size="small" - icon="el-icon-search" - >{{$t('common.iquery')}}</el-button> - </el-form-item> - <el-form-item> - <el-button - @click="resetForm" - size="small" - icon="el-icon-refresh" - type="info" - >{{$t('common.reset')}}</el-button> - </el-form-item> - <el-form-item> - <el-button - @click="getSpaceMapVisibale" - size="small" - type="primary" - >{{ - $t('synthesis.rangequery') - }}</el-button> - </el-form-item> - </el-form> - <el-divider class="eldivider" /> - <div> - <el-table - ref="filterTable" - :data="tableData" - border - style="width: 100% " - @selection-change="handleSelectionChange" - > - <el-table-column - type="selection" - width="55" - /> - <el-table-column - width="60" - align="center" - type="index" - :label="$t('common.index')" - /> - <el-table-column - 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="120" - :label="$t('common.operate')" - > + <el-form-item> + <!-- type="textarea" disabled--> + <el-input v-model="ruleForm.fileName" + size="small" + :rows="2" + style="width: 300px;" + disabled + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.label')"> + <!-- <i + slot="suffix" + class="el-icon-search" + @click="submitForm" + style="padding-right: 8px" + ></i> --> + </el-input> + + </el-form-item> + <el-form-item> + <el-button @click="conditionVisible = true" + size="small" + type="success" + icon="el-icon-plus">{{$t('common.lable6')}}</el-button> + + </el-form-item> + + <el-form-item style="float: right"> + <el-button @click="resetForm" + type="info" + size="small" + icon="el-icon-refresh">{{$t('common.reset')}}</el-button> + </el-form-item> + + <!-- <el-form-item style="float: right"> + <el-button + @click="submitForm" + type="primary" + size="small" + icon="el-icon-search" + >{{$t('shuJuGuanLi.lable6')}}</el-button> + </el-form-item>--> + + <!-- 鍘绘帀 --> + <!-- <el-form-item style="float: right"> + <el-button + v-if="btnStatus.insert" + @click="conditionVisible = true" + size="small" + icon="el-icon-plus" + type="success" + >{{$t('common.append')}}</el-button> + </el-form-item>--> + + <el-form-item style="float: right"> + <el-button @click="getSpaceMapVisibale" + size="small" + type="primary" + icon="el-icon-search">{{ + $t('synthesis.rangequery') + }}</el-button> + </el-form-item> + + </el-form> + </div> + <div class="dividing-line"></div> + <div class="table_box" + style="height:calc(100% - 130px); "> + <!-- border--> + <!-- ref="filterTable"--> + <!-- :data="tableData"--> + <!-- style="width: 100%"--> + <!-- height="calc(100% - 57px)"--> + <!-- :header-cell-style="{background:'#e6eaee',color:'#181818', 'text-align': 'center'} "--> + <el-table ref="refTableData" + :data="tableData" + style="width: 100% ;" + border + height="100%"> + <el-table-column type="selection" + width="20" + align="center" /> + <!-- :label="item.alias"--> + <el-table-column min-width="135" + v-for="(item, index) in attributeData" + :key="index" + :label="$i18n.locale == 'zh' ? item.alias : item.field" + :prop="item.field" + show-overflow-tooltip + align="center"></el-table-column> + <el-table-column min-width="240" + :label="$t('common.operate')"> <template slot-scope="scope"> - <el-link - class="elLink" - @click="showDetail(scope.$index, scope.row)" - >{{$t('common.details')}}</el-link> - <el-link - class="elLink" - @click="getAttachTable(scope.$index, scope.row)" - style="margin-left: 20px; " - >{{$t('common.enclosure')}}</el-link> + <el-button type="primary" + plain + size="small" + @click="showDetail(scope.$index, scope.row)">{{$t('common.details')}}</el-button> + <el-button plain + size="small" + @click="getAttachTable(scope.$index, scope.row)">{{$t('common.enclosure')}}</el-button> + <el-button plain + size="small" + type="info" + v-if="matchState1(scope, /[]/)" + @click="getAttributeTable(scope.$index, scope.row)">{{$t('common.attribute')}}</el-button> </template> </el-table-column> </el-table> - <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 class="pagination_box"> + <el-pagination @size-change="handleSizeChange" + @current-change="handleCurrentChange" + :current-page="listData.pageIndex" + :page-sizes="[10, 50, 100,200]" + :page-size="listData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="count"> + </el-pagination> + </div> + + </div> + + </div> + <div class="infoBox_box" + v-show="showinfoBox"> + <div class="infoBox box_div"> + + <div slot="header" + class="clearfix"> + <span>{{$t('common.details')}}</span> + + <div style="float: right; cursor: pointer" + @click="closeDetial"> + <i class="el-icon-close"></i> </div> + <el-divider></el-divider> </div> + <div class="contentBox"> + <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> + </div> </div> - <div - class="infoBox box_div" - v-show="showinfoBox" - > + <el-dialog :title="$t('common.attachinform')" + :visible.sync="dialogFormVisible"> + <div style="height:68vh"> + <el-form :model="formInline" + class="demo-form-inline" + label-position="top"> + <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> + <el-row> + <el-col :span="3"> + <el-link v-if="btnStatus.insert" + class="elLink" + :underline="false" + @click="setAttachInsert">{{$t('common.append')}}</el-link> + </el-col> + <el-col :span="3"> + <el-link v-if="btnStatus.delete" + class="elLink" + :underline="false" + @click="setAttachDel">{{$t('common.delete')}}</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> + <el-table :data="tableAttach" + ref="filterTable" + height="calc(100% - 130px)" + border + style="width: 100%" + @selection-change="handleAttatchChange"> + <el-table-column type="selection" + width="70" /> + <el-table-column width="60" + type="index" + :label="$t('common.index')" /> + <el-table-column prop="name" + :label="$t('common.fileNme')" /> - <div - slot="header" - class="clearfix" - > - <span>{{$t('common.details')}}</span> + <el-table-column prop="sizes" + :label="$t('common.size')" + :formatter="statSizeChange" /> + <el-table-column align="center" + :label="$t('common.operate')" + min-width="100"> + <template slot-scope="scope"> + <el-link v-if="matchState(scope, /[]/)" + @click="setAttatchDetail(scope.$index, scope.row)" + class="elLink">{{ $t('common.see') }}</el-link> - <div - style="float: right; cursor: pointer" - @click="closeDetial" - > - <i class="el-icon-close"></i> - </div> - <el-divider></el-divider> + </template> + </el-table-column> + </el-table> </div> - <div class="contentBox"> - <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> - - </div> - <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> - <el-row> - <el-col :span="3"> - <el-link - v-if="btnStatus.insert" - class="elLink" - :underline="false" - @click="setAttachInsert" - >{{$t('common.append')}}</i></el-link> - </el-col> - <el-col :span="3"> - <el-link - v-if="btnStatus.delete" - class="elLink" - :underline="false" - @click="setAttachDel" - >{{$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> - <el-table - :data="tableAttach" - ref="filterTable" - height="100%" - border - style="width: 100%" - @selection-change="handleAttatchChange" - > - <el-table-column - type="selection" - width="55" - /> - <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> - - <el-row :gutter="20"> - <el-col - :span="12" - :offset="8" - > - <el-button - type="primary" - size="small" - @click="dialogFormVisible = false" - >纭</el-button> - <el-button - type="info" - size="small" - @click="dialogFormVisible = false" - >鍙栨秷</el-button> - </el-col> - </el-row> - </el-form-item> --> - </el-form> - </el-dialog> - <el-dialog - width="37%" - :visible.sync="conditionVisible" - title="鏌ヨ鏉′欢" - :before-close="handleconditionClose" - > - <el-form - :inline="true" - :model="formSql" - class="demo-form-inline" - > + <el-dialog :visible.sync="conditionVisible" + title="楂樼骇鏌ヨ" + :before-close="handleconditionClose" + width="44%"> + + <el-form :inline="true" + :model="formSql" + class="demo-form-inline" + label-position="top"> + <el-form-item> - <el-select - @change="fieldChange($event)" - v-model="formSql.field" - :popper-append-to-body="false" - > - <el-option - v-for="item in filedsOption" - :key="item.field" - :label="item.alias" - :value="item.field" - > + <el-select @change="fieldChange($event)" + v-model="formSql.field" + :popper-append-to-body="false"> + <el-option v-for="item in filedsOption" + :key="item.field" + :label="item.alias" + :value="item.field"> </el-option> </el-select> </el-form-item> <el-form-item> - <el-select - :popper-append-to-body="false" - v-model="formSql.condition" - > - <el-option - v-for="item in condOption" - :key="item.value" - :label="item.label" - :value="item.value" - > + <el-select :popper-append-to-body="false" + v-model="formSql.condition"> + <el-option v-for="item in condOption" + :key="item.value" + :label="item.label" + :value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item v-show="!fromSqlflag"> - <el-input v-model="formSql.value"></el-input> + <el-input v-model="formSql.value" + :placeholder="$t('shuJuGuanLi.shuJuJianSuo.queryContent')"></el-input> </el-form-item> <el-form-item v-show="fromSqlflag"> - <el-date-picker - v-model="formSql.date" - type="date" - placeholder="閫夋嫨鏃ユ湡" - value-format="yyyy-MM-dd" - > + <el-date-picker v-model="formSql.date" + type="date" + placeholder="閫夋嫨鏃ユ湡" + value-format="yyyy-MM-dd"> </el-date-picker> </el-form-item> + </el-form> - <span - slot="footer" - class="dialog-footer" - > - <el-button - size="small" - @click="startFiledAndcondition" - >鍙� 娑�</el-button> - <el-button - class="primaries" - size="small" - @click="appendQueryFilter" - >纭� 瀹�</el-button> + + <span slot="footer" + class="dialog-footer"> + <el-button size="small" + @click="startFiledAndcondition">鍙� 娑�</el-button> + <el-button class="primaries" + size="small" + @click="appendQueryFilter">纭� 瀹�</el-button> </span> </el-dialog> - <el-dialog - :title=" $t('synthesis.rangequery')" - :visible.sync="dialogMapVisible" - width="90%" - top="10vh" - :before-close="handleMapClose" - > + + <el-dialog :title=" $t('synthesis.rangequery')" + :visible.sync="dialogMapVisible" + width="90%" + top="10vh" + :before-close="handleMapClose"> <div style="height:700px"> <map-sdk v-if='showMapVisible'></map-sdk> + </div> + </el-dialog> + <el-dialog title="棰勮" + :append-to-body="false" + :visible.sync="dialog.dialogVisible" + width="70%" + :close-on-click-modal="false"> + <div v-if="dialog.isPdf" + class="pdfClass"> + <iframe :src="dialog.src" + type="application/x-google-chrome-pdf" + width="100%" + height="100%"> + </iframe> + </div> + <div v-if="dialog.isJpg" + class="pdfClass"> + <el-image style="width:100%; height:100%" + :src="dialog.src" + :preview-src-list="[dialog.src]"> + </el-image> + + </div> + </el-dialog> + <el-dialog :title="attribute.title" + :append-to-body="false" + :visible.sync="AttributedialogVisible" + width="80%" + :close-on-click-modal="false"> + <div class="attributeBox"> + <div class="attrubuteLeft"> + <ul> + <li v-for="item in attrbuteOption" + :class="{active:attributeFlag === item.name}" + @click="setChangeAttrubuteData(item)"> + {{item.name}} + </li> + </ul> + </div> + <div class="attrubuteRight"> + <el-table ref="refAttributeTable" + :data="attributeTable" + style="width:100%;" + border + height="calc(100% - 50px)"> + <el-table-column type="selection" + align="center" /> + + <el-table-column min-width="135" + v-for="(item, index) in attributeFild" + :key="index" + :label="item.alias" + :prop="item.field" + show-overflow-tooltip + align="center"></el-table-column> + + </el-table> + <div class="pagination_box"> + <el-pagination @size-change="attributeSizeChange" + @current-change="attributeCurrentChange" + :current-page="attribute.pageIndex" + :page-sizes="[10, 20, 50, 100]" + :page-size="attribute.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="attribute.count"> + </el-pagination> + </div> + </div> </div> </el-dialog> </div> </template> <script> -import MapSdk from '../../components/mapsdk.vue' -import $ from 'jquery'; -import { conditions } from '../Archive/Archive.js' +import MapSdk from "../../components/mapsdk.vue"; +import $ from "jquery"; +import { conditions } from "../Archive/Archive.js"; import { dataQuery_selectTabs, dataQuery_selectDomains, @@ -368,61 +396,53 @@ dataQuery_uploadFiles, dataQuery_selectFiles, dataQuery_deletes, -} from '../../api/api'; + dataUploadSelectVerByDirid, +} from "../../api/api"; import { getToken } from "../../utils/auth.js"; -import catalogueTree from '../../components/catalogueTree.vue'; -import MyBread from '../../components/MyBread.vue'; +import catalogueTree from "../../components/catalogueTree.vue"; +import MyBread from "../../components/MyBread.vue"; +import { + getTreeData +} from "../../utils/treeData.js" + + export default { //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� - name: 'dataSearch', - components: { MyBread, catalogueTree, MapSdk }, - data() { + name: "dataSearch", + components: { MyBread,catalogueTree,MapSdk }, + data () { return { - attachtable: ['b_pac_geologic_hazard', 'b_hydrogeology', 'b_pac_meteorological', 'b_pac_marine_meteorological', 'b_pac_frozensoil', 's_borehole', 'm_marker', 'm_hydraulic_protection', 'm_equipment_nameplate'], + attachtable: [ + "b_pac_geologic_hazard", + "b_hydrogeology", + "b_pac_meteorological", + "b_pac_marine_meteorological", + "b_pac_frozensoil", + "s_borehole", + "m_marker", + "m_hydraulic_protection", + "m_equipment_nameplate", + ], formInline: { - file: '', + file: "", }, formSql: { - field: '', - condition: '', - value: '', - type: '', - date: '', - + field: "", + condition: "", + value: "", + type: "", + date: "", }, fromSqlflag: false, tree: [ - { - tabDesc: '鍩虹鏁版嵁', - label: '鍩虹鏁版嵁', - value: 'BD', - ns: 'bd', - id: 1, - children: [], - }, - { - id: 2, - tabDesc: '涓氬姟鏁版嵁', - label: '涓氬姟鏁版嵁', - value: 'BS', - ns: 'bs', - children: [], - }, { - id: 3, - tabDesc: '婧愭暟鎹鐞�', - label: '婧愭暟鎹鐞�', - value: 'MD', - ns: 'md', - children: [], - }, ], tableAttach: [], filedsOption: [], condOption: [], defaultProps: { - children: 'children', - label: 'label', + children: "children", + label: "label", }, btnStatus: { select: false, @@ -434,22 +454,22 @@ }, tableType: null, ruleForm: { - fileName: '' + fileName: "", }, FBtest: false, tableData: [], - formLabelWidth: '120px', + formLabelWidth: "120px", dialogFormVisible: false, upform: { - gid: '', - pipename: '', - sitename: '', - type: '', - seriesname: '', - stationvalue: '', - transportm: '', - diameter: '', - name: '', + gid: "", + pipename: "", + sitename: "", + type: "", + seriesname: "", + stationvalue: "", + transportm: "", + diameter: "", + name: "", }, changePag: true, @@ -458,7 +478,7 @@ attributeData: [], currentPage: 1, - searchName: '', + searchName: "", multipleSelection: [], filedsLayer: null, count: 0, @@ -478,249 +498,544 @@ tabName: null, eventid: null, }, - filterText: '' - + filterText: "", + dialog: { + dialogVisible: false, + isPdf: false, + isJpg: false, + src: '' + }, + AttributedialogVisible: false, + attribute: { + name: null, + pageIndex: 1, + pageSize: 10, + count: 0, + title: null + }, + attrbuteOption: [], + attributeFlag: null, + attributeTable: [], + attributeLayer: null, + attributeFild: null, }; }, - created() { + created () { // this.getSPData(10, 1, ""); // this.getSPCount(""); this.showPermsBtn(); this.getTreeDataAll(); }, watch: { - filterText(val) { + filterText (val) { this.$refs.tree.filter(val); - } + }, }, methods: { - filterNode(value, data) { - if (!value) return true; - return data.label.indexOf(value) !== -1; + //鍒嗛〉鐐瑰嚮浜嬩欢 + attributeSizeChange (val) { + this.attribute.pageSize=val; + this.attribute.pageIndex=1; + //鑾峰彇table淇℃伅 + this.setAttributeTableData(this.attributeLayer); }, - getSpaceMapVisibale() { - this.dialogMapVisible = true; - this.showMapVisible = true; - this.$store.state.mapMenuBoolean = true; - this.$store.state.mapMenuBoxFlag = '1'; - this.$store.state.mapPopBoolean = false; - this.$store.state.mapPopBoxFlag = null; - this.$store.state.download = true; + attributeCurrentChange (val) { + this.attribute.pageIndex=val; + //鑾峰彇table淇℃伅 + this.setAttributeTableData(this.attributeLayer); + }, + getAttributeTable (idnex,row) { + this.attribute.title=row.workname; + this.attrbuteOption=workSite; + + this.AttributedialogVisible=true; + this.setChangeAttrubuteData(this.attrbuteOption[0]) + }, + setChangeAttrubuteData (res) { + this.attributeFlag=res.name; + this.attribute.pageIndex=1; + this.attribute.pageSize=10; + this.attribute.count=0; + this.attributeLayer=res; + this.setAttributeTableData(res) + }, + setAttributeTableData (res) { + var name=res.table.replaceAll("_",""); + this.attribute.name=name; + var value=this.getAttributeDomFiled(name) + this.getAttributeTableData(value,res) + }, + + //鑾峰彇姣忎釜琛ㄥ瓧娈靛悕绉板強闃堝�� + async getAttributeDomFiled (res) { + //鏌ヨ瀛楁淇℃伅; + const fileds=await dataQuery_selectFields({ + name: res, + }); + if(fileds.code!=200) { + this.$message.error("璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!"); + return; + } + + //鏌ヨ闃堝�间俊鎭紱 + const domains=await dataQuery_selectDomains({ + name: res, + }); + if(domains.code!=200) { + this.$message.error("璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!"); + return; + } + var data1=fileds.result; + var data2=domains.result; + var std=[]; + this.filedsOption=[]; + for(var i in data1) { + if(data1[i].type!='geometry'&&data1[i].type) { + + this.filedsOption.push(data1[i]); + } + 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; + }, + + //鑾峰彇琛ㄦ牸淇℃伅 + async getAttributeTableData (res,result) { + res.then((val) => { + this.attributeFild=val; + }); + + this.attribute.filter="workname = "+"'"+this.attribute.title+"'"; + + + const data=await dataQuery_selectByPage(this.attribute); + if(data.code!=200) { + this.$message.error("璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!"); + return; + } + this.attributeTable=[] + var res_val=this.attributeFild; + this.attribute.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.attributeTable=data.result; + this.$nextTick(() => { + this.$resfs.refAttributeTable.doLayout() + }); }, - handleMapClose() { - this.$confirm('纭鍏抽棴锛�') + + + + matchState1 (state="",reg) { + var row=state.row; + if( + this.listData.name=="ssurveyworksite" + ) { + return true; + } + return false; + }, + statSizeChange (row,column) { + return this.stateFormatSizes(row.sizes) + }, + stateFormatSizes (res) { + if(res>=1024) { + const val=parseFloat(res/1024).toFixed(3); + return val+' GB'; + } else { + return res+' MB'; + } + }, + filterNode (value,data) { + if(!value) return true; + return data.label.indexOf(value)!==-1; + }, + getSpaceMapVisibale () { + this.dialogMapVisible=true; + this.showMapVisible=true; + this.$store.state.mapMenuBoolean=true; + this.$store.state.mapMenuBoxFlag="1"; + this.$store.state.mapPopBoolean=false; + this.$store.state.mapPopBoxFlag=null; + this.$store.state.download=true; + }, + handleMapClose () { + this.$confirm("纭鍏抽棴锛�") .then((_) => { this.closeMapDown(); }) .catch((_) => { }); }, - closeMapDown() { - this.dialogMapVisible = false; - this.showMapVisible = false; - this.$store.state.mapMenuBoolean = false; - this.$store.state.mapMenuBoxFlag = null; - this.$store.state.download = false; - this.$store.state.mapPopBoolean = false; - this.$store.state.mapPopBoxFlag = null; + closeMapDown () { + this.dialogMapVisible=false; + this.showMapVisible=false; + this.$store.state.mapMenuBoolean=false; + this.$store.state.mapMenuBoxFlag=null; + this.$store.state.download=false; + this.$store.state.mapPopBoolean=false; + this.$store.state.mapPopBoxFlag=null; }, - async setAttachDel() { - var std = []; - for (var i in this.attacgSelection) { + + refreshAttatchDetail () { + this.dialog.src=""; + this.dialog.dialogVisible=false; + this.dialog.isPdf=false; + this.dialog.isJpg=false; + }, + //闄勪欢鏌ョ湅 + setAttatchDetail (index,row) { + + this.refreshAttatchDetail() + var name=row.name; + if(name.indexOf('.pdf')!=-1||name.indexOf('.PDF')!=-1) { + this.dialog.dialogVisible=true; + this.dialog.isPdf=true; + var url=BASE_URL+"/comprehensive/downloadForView?guid="+row.guid+"&token="+getToken(); + this.dialog.src=url + } else if( + name.indexOf('.jpg')!=-1 + ||name.indexOf('.gif')!=-1 + ||name.indexOf('.png')!=-1 + ||name.indexOf('.jpeg')!=-1 + ||name.indexOf('.JPG')!=-1 + ||name.indexOf('.GIF')!=-1 + ||name.indexOf('.PNG')!=-1 + ||name.indexOf('.JPEG')!=-1 + ||name.indexOf('.BMP')!=-1 + ||name.indexOf('.bmp')!=-1 + ) { + this.dialog.dialogVisible=true; + this.dialog.isJpg=true; + var url=BASE_URL+"/comprehensive/downloadForView?guid="+row.guid+"&token="+getToken(); + this.dialog.src=url + } + }, + + matchState (state="",reg) { + var row=state.row; + var name=row.name; + + if(name) { + if(name.indexOf('.pdf')!=-1 + ||name.indexOf('.jpg')!=-1 + ||name.indexOf('.gif')!=-1 + ||name.indexOf('.png')!=-1 + ||name.indexOf('.jpeg')!=-1 + ||name.indexOf('.PDF')!=-1 + ||name.indexOf('.JPG')!=-1 + ||name.indexOf('.GIF')!=-1 + ||name.indexOf('.PNG')!=-1 + ||name.indexOf('.JPEG')!=-1 + ||name.indexOf('.BMP')!=-1 + ||name.indexOf('.bmp')!=-1) { + return true; + } + } + + return false; + }, + + + async setAttachDel () { + var std=[]; + for(var i in this.attacgSelection) { std.push(this.attacgSelection[i].id); } - const res = await dataQuery_deletes({ ids: std.toString() }); - if (res.code != 200) { - this.$message.error('鏂囦欢鍒犻櫎澶辫触'); + const res=await dataQuery_deletes({ ids: std.toString() }); + if(res.code!=200) { + this.$message.error("鏂囦欢鍒犻櫎澶辫触"); } this.getAttacthFlieList(); }, - setAttachInsert() { - var token = getToken(); - var fs = document.getElementById("insertFile"); - if (fs.files.length == 0) { - + setAttachInsert () { + var token=getToken(); + var fs=document.getElementById("insertFile"); + if(fs.files.length==0) { this.$message({ - message: '璇烽�夋嫨瑕佷笂浼犵殑鏂囦欢锛�', - type: 'warning' + message: "璇烽�夋嫨瑕佷笂浼犵殑鏂囦欢锛�", + type: "warning", }); return; } - const formData = new FormData() - for (var i = 0, c = fs.files.length; i < c; i++) { - - formData.append('file', fs.files[i]); // fs.files[i].name,file + const formData=new FormData(); + for(var i=0,c=fs.files.length;i<c;i++) { + formData.append("file",fs.files[i]); // fs.files[i].name,file } - $.ajax(BASE_URL + "/dataQuery/uploadFiles?token=" + token + "&tabName= " + this.upAttach.tabName + "&eventid=" + this.upAttach.eventid, { - type: "post", - data: formData, - async: true, - cache: false, - processData: false, - contentType: false, - success: (rs) => { - this.$message({ - message: '闄勪欢娣诲姞鎴愬姛', - type: 'success' - }); - document.getElementById("insertFile").value = ""; - this.formInline = { - file: '', - } - this.getAttacthFlieList(); - }, - error: (e) => { - document.getElementById("insertFile").value = ""; - this.$message.error('闄勪欢娣诲姞澶辫触'); + $.ajax( + BASE_URL+ + "/dataQuery/uploadFiles?token="+ + token+ + "&tabName="+ + this.upAttach.tabName+ + "&eventid="+ + this.upAttach.eventid, + { + type: "post", + data: formData, + async: true, + cache: false, + processData: false, + contentType: false, + success: (rs) => { + this.$message({ + message: "闄勪欢娣诲姞鎴愬姛", + type: "success", + }); + document.getElementById("insertFile").value=""; + this.formInline={ + file: "", + }; + + this.getAttacthFlieList(); + }, + error: (e) => { + document.getElementById("insertFile").value=""; + this.$message.error("闄勪欢娣诲姞澶辫触"); + }, } - }); + ); }, - async getAttacthFlieList() { - var obj = this.upAttach - const res = await dataQuery_selectFiles(obj); - if (res.code != 200) { - this.$message.error('鍒楄〃璋冪敤澶辫触'); - return + async getAttacthFlieList () { + var obj=this.upAttach; + + const res=await dataQuery_selectFiles(obj); + if(res.code!=200) { + this.$message.error("鍒楄〃璋冪敤澶辫触"); + return; } - this.tableAttach = res.result; + this.tableAttach=res.result; }, - - getAttachTable(index, row) { - if (row.eventid != null) { - this.upAttach.eventid = row.eventid; + getAttachTable (index,row) { + if(row.eventid!=null) { + this.upAttach.eventid=row.eventid; } else { - this.upAttach.eventid = ''; + this.upAttach.eventid=""; } this.getAttacthFlieList(); - this.dialogFormVisible = true; + this.dialogFormVisible=true; }, //闄勪欢=>鏂囦欢閫夋嫨 - getInsertFile() { - $('#insertFile').click(); + getInsertFile () { + $("#insertFile").click(); }, - insertFile() { - var val = document.getElementById('insertFile').files; - if (!val || !val.length) return; + insertFile () { + var val=document.getElementById("insertFile").files; + if(!val||!val.length) return; - this.formInline.file = val[0].name; + this.formInline.file=val[0].name; }, //鑾峰彇鐩綍鏍戞暟鎹� - async getTreeDataAll() { - const data = await dataQuery_selectTabs(); - if (data.code != 200) { - this.$message.error('鍒楄〃璋冪敤澶辫触'); + async getTreeDataAll () { + const data=await dataQuery_selectTabs(); + if(data.code!=200) { + this.$message.error("鍒楄〃璋冪敤澶辫触"); } - var option = data.result; + var val=data.result; + this.tree=getTreeData(val) + // for (var i in option) { + // var val_Data = option[i]; + // val_Data.id = "1" + i; + // // val_Data.label = val_Data.tabDesc + "(" + val_Data.tab + ")" + // val_Data.label = val_Data.tabDesc; + // option[i].id = parseInt(option[i].id); + // for (var j in this.tree) { + // if (this.tree[j].ns == option[i].ns) { + // this.tree[j].children.push(val_Data); + // } + // } - for (var i in option) { - var val_Data = option[i]; - val_Data.id = '1' + i; - // val_Data.label = val_Data.tabDesc + "(" + val_Data.tab + ")" - val_Data.label = val_Data.tabDesc - option[i].id = parseInt(option[i].id) - for (var j in this.tree) { - if (this.tree[j].ns == option[i].ns) { - this.tree[j].children.push(val_Data); - } - } - // if (option[i].ns == 'bd') { + // } + // var std = []; + // val.filter((item) => { + // if (std.indexOf(item.bak) == -1) { + // std.push(item.bak); + // this.tree.push( + // { + // val: item.bak, + // label: item.bak, + // children: [], + // } + // ) + // } + // }); - // this.tree[0].children.push(val_Data); - // } else { - // this.tree[1].children.push(val_Data); - // } - } - this.handleNodeClick(this.tree[0].children[0]) + // this.tree.filter((item) => { + // val.filter((res) => { + // if (item.val === res.bak) { + // res.label = res.tabDesc + // item.children.push(res) + // } + // }) + // }) + + this.handleNodeClick(this.tree[0].children[0]); }, //鎺堟潈绠$悊 - showPermsBtn() { - let currentPerms = this.$store.state.currentPerms; - let permsEntity = this.$store.state.permsEntity; + showPermsBtn () { + let currentPerms=this.$store.state.currentPerms; + let permsEntity=this.$store.state.permsEntity; permsEntity - .filter((item) => item.perms == currentPerms) + .filter((item) => item.perms==currentPerms) .map((item) => { - - this.btnStatus[item.tag.substr(1)] = true; + this.btnStatus[item.tag.substr(1)]=true; }); }, //鏍戠偣鍑讳簨浠� - handleNodeClick(data) { + handleNodeClick (data) { //鍒ゆ柇鐐瑰嚮鏄惁涓哄瓙鑺傜偣 - if (data.children != null) return; - this.listData.name = data.entity; //瑕佹煡璇㈣〃鏍肩被鍨嬶紱 - this.getClickTable = data; - this.listData.pageIndex = 1; - this.listData.pageSize = 10; - this.count = 0; - this.upAttach.tabName = data.ns + "." + data.tab; - this.filedsLayer = this.getCollapseDomFiled(); //鑾峰彇姣忎釜琛ㄥ瓧娈靛悕绉板強闃堝�� + if(data.children!=null) return; + + this.listData.name=data.entity; //瑕佹煡璇㈣〃鏍肩被鍨嬶紱 + this.getClickTable=data; + this.listData.pageIndex=1; + this.listData.pageSize=10; + + this.count=0; + this.upAttach.tabName=data.ns+"."+data.tab; + this.filedsLayer=this.getCollapseDomFiled(); //鑾峰彇姣忎釜琛ㄥ瓧娈靛悕绉板強闃堝�� //鑾峰彇table淇℃伅 this.getCollapseTable(this.filedsLayer); }, //鑾峰彇琛ㄦ牸淇℃伅 - async getCollapseTable(res) { + async getCollapseTable (res) { res.then((val) => { - this.attributeData = val; + this.attributeData=val; }); - if (this.ruleForm.fileName != '') { - this.listData.filter = this.ruleForm.fileName; + if(this.ruleForm.fileName!="") { + this.listData.filter=this.ruleForm.fileName; } else { - this.listData.filter = null; + this.listData.filter=null; } - const data = await dataQuery_selectByPage(this.listData); - if (data.code != 200) { - this.$message.error('璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!'); + 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]; + this.tableData=[] + 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; + 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; } } } + var that=this; + var value=data.result.filter((item) => { - this.tableData = data.result; - this.$refs.filterTable.doLayout(); + if(item.dirName) { + item.dirid=item.dirName + } + if(item.depName) { + + item.depid=item.depName + } + if(item.verName) { + item.verid=item.verName + } + + if(item.createName) { + item.createuser=item.createName + } + if(item.updateName) { + item.updateuser=item.updateName + } + if(item.createtime) { + item.createtime=that.format(item.createtime); + } + + if(item.updatetime) { + item.updatetime=that.format(item.updatetime); + } + return item + }) + + + + + + this.tableData=value; + + this.$nextTick(() => { + this.$refs.refTableData.doLayout(); + }); }, + //鏍煎紡鍖栨椂闂� + format (shijianchuo) { + //shijianchuo鏄暣鏁帮紝鍚﹀垯瑕乸arseInt杞崲 + var time=new Date(shijianchuo); + var y=time.getFullYear(); + var m=time.getMonth()+1; + var d=time.getDate(); + var h=time.getHours(); + var mm=time.getMinutes(); + var s=time.getSeconds(); + return y+"-"+this.add0(m)+"-"+this.add0(d); + }, + //鏍煎紡鍖栨椂闂� + add0 (m) { + return m<10? "0"+m:m; + }, + + + + + //鑾峰彇姣忎釜琛ㄥ瓧娈靛悕绉板強闃堝�� - async getCollapseDomFiled() { + async getCollapseDomFiled () { //鏌ヨ瀛楁淇℃伅; - const fileds = await dataQuery_selectFields({ + const fileds=await dataQuery_selectFields({ name: this.listData.name, }); - if (fileds.code != 200) { - this.$message.error('璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!'); + if(fileds.code!=200) { + this.$message.error("璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!"); return; } //鏌ヨ闃堝�间俊鎭紱 - const domains = await dataQuery_selectDomains({ + const domains=await dataQuery_selectDomains({ name: this.listData.name, }); - if (domains.code != 200) { - this.$message.error('璋冪敤鍒楄〃澶辫触,璇疯仈绯诲伐浣滀汉鍛�!'); + 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].type != 'geomtry' && data1[i].type != 'null') { - this.filedsOption.push(data1[i]) + var data1=fileds.result; + var data2=domains.result; + var std=[]; + this.filedsOption=[]; + for(var i in data1) { + if(data1[i].type!='geometry'&&data1[i].type) { + + this.filedsOption.push(data1[i]); } - if (data1[i].showtype == 1) { - if (data1[i].domainNa != null) { - data1[i].domainNa = this.getDomainNaFild(data1[i].domainNa, data2); + if(data1[i].showtype==1) { + if(data1[i].domainNa!=null) { + data1[i].domainNa=this.getDomainNaFild(data1[i].domainNa,data2); } std.push(data1[i]); } @@ -728,178 +1043,174 @@ this.startFiledAndcondition(); return std; }, - startFiledAndcondition() { - this.conditionVisible = false; + startFiledAndcondition () { + this.conditionVisible=false; this.conditionChange(this.filedsOption[0]); - this.formSql.value = ""; - this.formSql.date = new Date(); + this.formSql.value=""; + this.formSql.date=new Date(); }, - handleconditionClose() { - this.$confirm('纭鍏抽棴锛�') - .then(_ => { + handleconditionClose () { + this.$confirm("纭鍏抽棴锛�") + .then((_) => { this.startFiledAndcondition(); }) - .catch(_ => { }); + .catch((_) => { }); }, - fieldChange(value) { - var obj = {} - obj = this.filedsOption.find(function (item) { - return item.field === value; - }) - this.conditionChange(obj) - + fieldChange (value) { + var obj={}; + obj=this.filedsOption.find(function(item) { + return item.field===value; + }); + this.conditionChange(obj); }, - conditionChange(res) { - this.formSql.field = res.field; - this.formSql.type = res.type; - if (res.type == "date" || res.type == "datetime") { - this.fromSqlflag = true + conditionChange (res) { + this.formSql.field=res.field; + this.formSql.type=res.type; + if(res.type=="date"||res.type=="datetime") { + this.fromSqlflag=true; } else { - this.fromSqlflag = false + this.fromSqlflag=false; } - var std = []; - this.condOption = []; - if (res.type == 'text' || res.type == 'blob') { - std = conditions[0] - } else if (res.type == 'date' || res.type == 'datetime') { - std = conditions[2] + var std=[]; + this.condOption=[]; + if(res.type=="text"||res.type=="blob") { + std=conditions[0]; + } else if(res.type=="date"||res.type=="datetime") { + std=conditions[2]; } else { - std = conditions[1] + std=conditions[1]; } - for (var i in std) { + for(var i in std) { this.condOption.push({ label: std[i], value: std[i], - }) + }); } - this.formSql.condition = this.condOption[0].value + this.formSql.condition=this.condOption[0].value; }, - appendQueryFilter() { - if (this.formSql.type == "date" || this.formSql.type == "datetime") { - if (this.formSql.date == null) { - this.$message.error('璇疯緭鍏ヨ鏌ヨ鐨勪俊鎭�!'); + appendQueryFilter () { + if(this.formSql.type=="date"||this.formSql.type=="datetime") { + if(this.formSql.date==null) { + this.$message.error("璇疯緭鍏ヨ鏌ヨ鐨勪俊鎭�!"); return; } } else { - if (this.formSql.value == "") { - this.$message.error('璇疯緭鍏ヨ鏌ヨ鐨勪俊鎭�!'); + if(this.formSql.value=="") { + this.$message.error("璇疯緭鍏ヨ鏌ヨ鐨勪俊鎭�!"); return; } } - if (this.ruleForm.fileName != "") { - this.ruleForm.fileName += " and "; + if(this.ruleForm.fileName!="") { + this.ruleForm.fileName+=" and "; } var val; - if (this.formSql.type == "long" || this.formSql.type == "integer") { - val = parseInt(this.formSql.value); - } else if (this.formSql.type == 'double') { - - if (this.formSql.value.indexOf(".") != -1) { - val = this.formSql.value; + if(this.formSql.type=="long"||this.formSql.type=="integer") { + val=parseInt(this.formSql.value); + } else if(this.formSql.type=="double") { + if(this.formSql.value.indexOf(".")!=-1) { + val=this.formSql.value; } else { - val = parseFloat(this.formSql.value).toFixed(1) + val=parseFloat(this.formSql.value).toFixed(1); } - } else if (this.formSql.type == "date" || this.formSql.type == "datetime") { - var time = new Date(this.formSql.date); - var m = time.getMonth() + 1; - var d = time.getDate(); - var y = time.getFullYear(); - val = "'" + y + - '-' + - this.add0(m) + - '-' + - this.add0(d) + "'"; + } else if( + this.formSql.type=="date"|| + this.formSql.type=="datetime" + ) { + var time=new Date(this.formSql.date); + var m=time.getMonth()+1; + var d=time.getDate(); + var y=time.getFullYear(); + val="'"+y+"-"+this.add0(m)+"-"+this.add0(d)+"'"; } else { - val = "'" + this.formSql.value + "'"; + val="'"+this.formSql.value+"'"; } - this.ruleForm.fileName += this.formSql.field + " " + this.formSql.condition + " " + val; + this.ruleForm.fileName+= + this.formSql.field+" "+this.formSql.condition+" "+val; this.startFiledAndcondition(); + this.submitForm(); }, - - //鍊煎煙瀛楁鍖归厤 - getDomainNaFild(res, result) { - for (var i in result) { - if (result[i].domName == res) { + 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) => { - this.tableData = res.data; + getSPData (size,num,name) { + querySitePoint(size,num,name).then((res) => { + this.tableData=res.data; }); }, // 璇锋眰鍦虹珯鐐规暟閲� - getSPCount(name) { + getSPCount (name) { querySitePointCount(name).then((res) => { - this.count = res.data; + this.count=res.data; }); }, // 璇锋眰鍦虹珯鐐瑰唴瀹� - getSSData(size, num, name) { - queryStationSeries(size, num, name).then((res) => { - this.tableData = res.data; + getSSData (size,num,name) { + queryStationSeries(size,num,name).then((res) => { + this.tableData=res.data; }); }, // 璇锋眰鍦虹珯鐐规暟閲� - getSSCount(name) { + getSSCount (name) { queryStationSeriesCount(name).then((res) => { - this.count = res.data; + this.count=res.data; }); }, // 璇锋眰鏍囨々鍐呭 - getMData(size, num, name) { - queryMarker(size, num, name).then((res) => { - this.tableData = res.data; + getMData (size,num,name) { + queryMarker(size,num,name).then((res) => { + this.tableData=res.data; }); }, // 璇锋眰鏍囨々鏁伴噺 - getMCount(name) { + getMCount (name) { queryMarkerCount(name).then((res) => { - this.count = res.data; + this.count=res.data; }); }, // 鍏抽敭瀛楁煡璇� - submitForm() { - this.listData.pageIndex = 1; - this.listData.pageSize = 10; + submitForm () { + this.listData.pageIndex=1; + this.listData.pageSize=10; //鑾峰彇table淇℃伅 this.getCollapseTable(this.filedsLayer); }, //鍒嗛〉鐐瑰嚮浜嬩欢 - handleSizeChange(val) { - this.listData.pageSize = val; - this.listData.pageIndex = 1; + handleSizeChange (val) { + this.listData.pageSize=val; + this.listData.pageIndex=1; //鑾峰彇table淇℃伅 this.getCollapseTable(this.filedsLayer); }, - handleCurrentChange(val) { - this.listData.pageIndex = val; + handleCurrentChange (val) { + this.listData.pageIndex=val; //鑾峰彇table淇℃伅 this.getCollapseTable(this.filedsLayer); }, // 閲嶇疆鏌ヨ - resetForm() { - this.ruleForm.fileName = ''; - this.listData.pageIndex = 1; - this.listData.pageSize = 10; + resetForm () { + this.ruleForm.fileName=""; + this.listData.pageIndex=1; + this.listData.pageSize=10; //鑾峰彇table淇℃伅 this.getCollapseTable(this.filedsLayer); - }, // 鍙戝竷鎸夐挳 - testfb() { + testfb () { // if (this.FBtest) { // this.$confirm("鏄惁鍙栨秷鍙戝竷?", "鎻愮ず", { // confirmButtonText: "纭畾", @@ -907,77 +1218,77 @@ // type: "warning", // }) // .then(() => { - const loading = this.$loading({ + 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(); - this.FBtest = !this.FBtest; - }, 2000); + this.FBtest=!this.FBtest; + },2000); // }) // .catch(() => {}); // } }, // 鏌ョ湅鐣岄潰 - showDetail(index, row) { - console.log(index, row); + showDetail (index,row) { + console.log(index,row); console.log(this.attributeData); - this.showinfoBox = true; + this.showinfoBox=true; - var std = []; - for (var i in this.attributeData) { + var std=[]; + for(var i in this.attributeData) { std.push({ label: this.attributeData[i].alias, value: row[this.attributeData[i].field], }); } - this.itemdetail = std; + this.itemdetail=std; }, // 鍏抽棴鏌ョ湅 - closeDetial() { - this.showinfoBox = false; - this.itemdetail = {}; + closeDetial () { + this.showinfoBox=false; + this.itemdetail={}; }, // 淇敼鐣岄潰 - handleEdit(index, row) { - this.dialogFormVisible = true; - this.upform = JSON.parse(JSON.stringify(row)); + handleEdit (index,row) { + this.dialogFormVisible=true; + this.upform=JSON.parse(JSON.stringify(row)); }, // 鎻愪氦淇敼 - updateForm() { - let params = {}; - this.$confirm('鏄惁纭畾缂栬緫?', '鎻愮ず', { - confirmButtonText: '纭畾', - cancelButtonText: '鍙栨秷', - type: 'warning', + updateForm () { + let params={}; + this.$confirm("鏄惁纭畾缂栬緫?","鎻愮ず",{ + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + type: "warning", }) .then(() => { - this.dialogFormVisible = false; - switch (this.tableType) { - case '鍦虹珯鐐�': - params = { + this.dialogFormVisible=false; + switch(this.tableType) { + case "鍦虹珯鐐�": + params={ gid: this.upform.gid, pipename: this.upform.pipename, sitename: this.upform.sitename, type: this.upform.type, }; UpdateSitePoint(params).then((res) => { - if (res.data == 1) { + 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 '绠¢亾涓績绾�': - params = { + case "绠¢亾涓績绾�": + params={ gid: this.upform.gid, pipename: this.upform.pipename, seriesname: this.upform.seriesname, @@ -986,32 +1297,32 @@ diameter: this.upform.diameter, }; UpdateStationSeries(params).then((res) => { - if (res.data == 1) { + 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 '鏍囨々': - params = { + case "鏍囨々": + params={ gid: this.upform.gid, pipename: this.upform.pipename, name: this.upform.name, type: this.upform.type, }; UpdatgeMarker(params).then((res) => { - if (res.data == 1) { + 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; } @@ -1029,59 +1340,59 @@ .catch(() => { }); }, // 鑾峰彇澶氶�夐�変腑鐨勫璞� - handleSelectionChange(val) { - this.multipleSelection = val; + handleSelectionChange (val) { + this.multipleSelection=val; }, - handleAttatchChange(val) { - this.attacgSelection = val; + handleAttatchChange (val) { + this.attacgSelection=val; }, // 鍒犻櫎澶氭潯 - DelFormData() { - var std = []; - for (var i in this.multipleSelection) { + DelFormData () { + var std=[]; + 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 '鍦虹珯鐐�': + switch(this.tableType) { + case "鍦虹珯鐐�": dltSitePoint(std).then((res) => { - if (res.data !== 0) { + 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) { + 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) { + 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; } @@ -1104,29 +1415,84 @@ .Spatialbox { height: 98%; width: 98%; - - padding: 1%; + padding: 0.5%; .spatialContent { width: 100%; - height: 92%; + height: calc(100% - 75px); + padding-top: 10px; display: flex; - justify-content: space-between; + justify-content: space-around; .spatial_leftTree { - width: calc(15% - 0px); - height: 91%; - + width: calc(23% - 0px); + height: 100%; + padding: 10px; border-radius: 5px; - padding: 1%; - overflow: auto; - } - .spatial_rightContent { - width: 80%; - height: 91%; - - border-radius: 5px; - padding: 1%; + box-sizing: border-box; overflow-y: auto; } + .contentshuju { + width: 75%; + height: 100%; + border-radius: 5px; + padding: 0px; + box-sizing: border-box; + border: 1px solid #dcdfe6; + } } + .pdfClass { + height: 70vh; + width: 100%; + position: relative; + } + .attributeBox { + height: 63vh; + width: 100%; + position: relative; + display: flex; + justify-content: space-between; + .attrubuteLeft { + width: calc(20% - 20px); + height: calc(100% - 20px); + border: 1px solid #dcdfe6; + border-radius: 5px; + padding: 10px; + li { + border-bottom: 1px solid #dcdfe6; + line-height: 30px; + text-align: center; + } + li:hover { + background: rgba(255, 255, 255, 0.3); + color: #409eff; + } + .active { + color: #409eff; + } + } + .attrubuteRight { + width: 79%; + height: 100%; + border: 1px solid #dcdfe6; + border-radius: 5px; + } + } +} + +.table_box2 { + border-radius: 5px; + padding: 10px; + box-sizing: border-box; +} + +.contentshujutou { + padding: 8px; + // margin-top: 10px; + border-radius: 5px; + .el-form-item { + margin: 5px; + } +} +.pagination_box { + margin-top: 0px; } </style> -- Gitblit v1.9.3