| | |
| | | <div class="tabs_box"> |
| | | <div |
| | | class="tabs_pane" |
| | | @click="setTabsChange()" |
| | | @click="setTabsChange(1)" |
| | | > |
| | | <div |
| | | class="tabsSpan" |
| | |
| | | </div> |
| | | <div |
| | | class="tabs_pane" |
| | | @click="setTabsChange()" |
| | | @click="setTabsChange(2)" |
| | | > |
| | | <div |
| | | class="tabsSpan" |
| | |
| | | <span> {{$t('dataManage.uploadObj.releaseList')}}</span> |
| | | </div> |
| | | </div> |
| | | <div |
| | | class="tabs_pane" |
| | | @click="setTabsChange(3)" |
| | | > |
| | | <div |
| | | class="tabsSpan" |
| | | :class="{ changetabs : active == 'third'}" |
| | | > |
| | | <span> {{$t('dataManage.uploadObj.modelAttachMount')}}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="content_box"> |
| | | <div |
| | | v-if="active != 'third'" |
| | | class="content_box" |
| | | > |
| | | <el-form |
| | | :inline="true" |
| | | :model="formInline" |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | border |
| | | @selection-change="handleSelectionChange" |
| | | @cell-dblclick="copyText" |
| | | height="calc(100% - 1px)" |
| | | > |
| | | <el-table-column |
| | |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <div |
| | | v-if="active == 'third'" |
| | | class="content_box" |
| | | > |
| | | <mapview v-if="active == 'third'"></mapview> |
| | | </div> |
| | | <!-- 地址预览 --> |
| | | <el-dialog |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | copyText(row, column, cell, event) { |
| | | // 双击复制 |
| | | let save = function (e) { |
| | | e.clipboardData.setData('text/plain', event.target.innerText); |
| | | e.preventDefault(); //阻止默认行为 |
| | | } |
| | | document.addEventListener('copy', save);//添加一个copy事件 |
| | | document.execCommand("copy");//执行copy方法 |
| | | this.$message({ message: '复制成功', type: 'success' })//提示 |
| | | }, |
| | | setOptions() { |
| | | var std = []; |
| | | for (var i = 0; i < 21; i++) { |
| | |
| | | }, |
| | | //预览弹窗关闭 |
| | | handleClose() { |
| | | this.getTableData(); |
| | | this.dialogVisible = false; |
| | | this.showMapView = false; |
| | | |
| | |
| | | this.getTableData(); |
| | | }, |
| | | //tabs切換 |
| | | setTabsChange() { |
| | | switch (this.active) { |
| | | case 'first': |
| | | this.active = 'second'; |
| | | this.setPageStart(); |
| | | break; |
| | | case 'second': |
| | | setTabsChange(res) { |
| | | switch (res) { |
| | | case 1: |
| | | this.active = 'first'; |
| | | this.setPageStart(); |
| | | break; |
| | | case 2: |
| | | this.active = 'second'; |
| | | this.setPageStart(); |
| | | break; |
| | | case 3: |
| | | this.$store.state.previewLayer = { |
| | | url: "menuLayer" |
| | | } |
| | | this.active = 'third'; |
| | | |
| | | break; |
| | | } |
| | | }, |
| | | //页面初始化 |