From 0f03522d5a541c26875c1279ba5b18ef59e933fe Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期四, 11 五月 2023 16:00:31 +0800
Subject: [PATCH] 树结构下拉框点击选中收回
---
src/views/datamanage/uploadmanage.vue | 563 ++++++++++++++++++++++++-------------------------------
1 files changed, 249 insertions(+), 314 deletions(-)
diff --git a/src/views/datamanage/uploadmanage.vue b/src/views/datamanage/uploadmanage.vue
index a6d3a59..c061583 100644
--- a/src/views/datamanage/uploadmanage.vue
+++ b/src/views/datamanage/uploadmanage.vue
@@ -1,66 +1,40 @@
<template>
<div class="uploads_box">
-
- <My-bread :list="[
+ <My-bread
+ :list="[
`${$t('dataManage.dataManage')}`,
`${$t('dataManage.uploadManage')}`,
- ]"></My-bread>
+ ]"
+ ></My-bread>
<el-divider />
<!-- tabs鍒囨崲 -->
<div class="tabs_box">
- <div
- class="tabs_pane"
- @click="setTabsChange(1)"
- >
- <div
- class="tabsSpan"
- :class="{ changetabs : active == 'first'}"
- >
- <span> {{$t('dataManage.uploadObj.dataRelease')}}</span>
+ <div class="tabs_pane" @click="setTabsChange(1)">
+ <div class="tabsSpan" :class="{ changetabs: active == 'first' }">
+ <span> {{ $t("dataManage.uploadObj.dataRelease") }}</span>
</div>
</div>
- <div
- class="tabs_pane"
- @click="setTabsChange(2)"
- >
- <div
- class="tabsSpan"
- :class="{ changetabs : active == 'second'}"
- >
- <span> {{$t('dataManage.uploadObj.releaseList')}}</span>
+ <div class="tabs_pane" @click="setTabsChange(2)">
+ <div class="tabsSpan" :class="{ changetabs: active == 'second' }">
+ <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 class="tabs_pane" @click="setTabsChange(3)">
+ <div class="tabsSpan" :class="{ changetabs: active == 'third' }">
+ <span> {{ $t("dataManage.uploadObj.modelAttachMount") }}</span>
</div>
</div>
</div>
- <div
- v-if="active != 'third'"
- class="content_box"
- >
- <el-form
- :inline="true"
- :model="formInline"
- class="demo-form-inline"
- >
+ <div v-if="active != 'third'" class="content_box">
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
<!-- 鍗曚綅 -->
<el-form-item v-if="active == 'first'">
- <el-select
- size="small"
- v-model="formInline.depid"
- >
+ <el-select size="small" v-model="formInline.depid" ref="treeSelect">
<el-option
:value="formInline.depid"
:label="formInline.depName"
style="height: auto"
+
>
<el-tree
ref="tree"
@@ -74,10 +48,7 @@
</el-form-item>
<!-- 鐩綍 -->
<el-form-item v-if="active == 'first'">
- <el-select
- size="small"
- v-model="formInline.dirid"
- >
+ <el-select size="small" v-model="formInline.dirid" ref="treeSelect1">
<el-option
:value="formInline.dirid"
:label="formInline.dirName"
@@ -99,7 +70,8 @@
size="small"
v-model="formInline.verid"
@change="handleVerChange"
- > <el-option
+ >
+ <el-option
v-for="item in verOption"
:key="item.id"
:label="item.name"
@@ -129,17 +101,18 @@
size="small"
:title="$t('dataManage.vmobj.keyword')"
v-model="formInline.name"
- :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"
- > <i
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"
+ >
+ <i
@click="getTableData"
:title="$t('common.iquery')"
slot="suffix"
class="el-icon-search"
style="padding-right: 8px"
-
- ></i></el-input>
+ ></i
+ ></el-input>
</el-form-item>
- <el-form-item style="float:right">
+ <el-form-item style="float: right">
<!-- 鍙戝竷 -->
<el-button
v-if="active == 'first'"
@@ -147,7 +120,8 @@
size="small"
icon="el-icon-s-promotion"
@click="setPagePublish"
- >{{$t('common.publish')}}</el-button>
+ >{{ $t("common.publish") }}</el-button
+ >
<!-- 鍒櫎 -->
<el-button
v-if="active == 'second'"
@@ -155,14 +129,16 @@
size="small"
icon="el-icon-delete"
@click="setPageDelete"
- >{{$t('common.delete')}}</el-button>
+ >{{ $t("common.delete") }}</el-button
+ >
<!-- 閲嶇疆 -->
<el-button
type="info"
size="small"
@click="setPageStart"
icon="el-icon-refresh"
- >{{$t('common.reset')}}</el-button>
+ >{{ $t("common.reset") }}</el-button
+ >
</el-form-item>
</el-form>
@@ -175,10 +151,7 @@
@cell-dblclick="copyText"
height="calc(100% - 1px)"
>
- <el-table-column
- type="selection"
- width="55"
- />
+ <el-table-column type="selection" width="55" />
<el-table-column
:label="$t('dataManage.dictionaryManageObj.number')"
type="index"
@@ -244,10 +217,7 @@
align="center"
/>
- <el-table-column
- min-width="150"
- :label="$t('common.operate')"
- >
+ <el-table-column min-width="150" :label="$t('common.operate')">
<template slot-scope="scope">
<el-button
v-if="active == 'second'"
@@ -255,8 +225,7 @@
type="info"
plain
@click="setPreviewDetails(scope.row)"
- >{{$t('common.details')}}
-
+ >{{ $t("common.details") }}
</el-button>
<el-button
v-if="active == 'second'"
@@ -264,8 +233,7 @@
type="warning"
plain
@click="setPreviewEdit(scope.row)"
- >{{$t('common.update')}}
-
+ >{{ $t("common.update") }}
</el-button>
<el-button
@@ -274,17 +242,13 @@
type="success"
plain
@click="setPreviewLayer(scope.row)"
- >{{$t('common.preview')}}
-
+ >{{ $t("common.preview") }}
</el-button>
</template>
</el-table-column>
</el-table>
</div>
- <div
- class="pagination_box"
- style="margin-top: 10px"
- >
+ <div class="pagination_box" style="margin-top: 10px">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -297,10 +261,7 @@
</el-pagination>
</div>
</div>
- <div
- v-if="active == 'third'"
- class="content_box"
- >
+ <div v-if="active == 'third'" class="content_box">
<mapview v-if="active == 'third'"></mapview>
</div>
<!-- 鍦板潃棰勮 -->
@@ -323,7 +284,7 @@
@handle-closed="handleClose"
@is-fullscreen="onFullscreen"
></dialog-header>
- <div :class="{'fullscreen1':isFullscreen}">
+ <div :class="{ fullscreen1: isFullscreen }">
<mapview v-if="showMapView"></mapview>
</div>
</el-dialog>
@@ -352,39 +313,23 @@
:show-close="false"
:close-on-click-modal="false"
>
- <div style="width:100%;height:50vh">
- <el-form
- ref="form"
- :model="editLayer"
- label-width="150px"
- >
+ <div style="width: 100%; height: 50vh">
+ <el-form ref="form" :model="editLayer" label-width="150px">
<el-form-item :label="$t('dataManage.vmobj.name')">
<el-input v-model="editLayer.name"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.vmobj.format')">
- <el-input
- disabled
- v-model="editLayer.type"
- ></el-input>
+ <el-input disabled v-model="editLayer.type"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.vmobj.depName')">
- <el-input
- disabled
- v-model="editLayer.depName"
- ></el-input>
+ <el-input disabled v-model="editLayer.depName"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.vmobj.dirName')">
- <el-input
- disabled
- v-model="editLayer.dirName"
- ></el-input>
+ <el-input disabled v-model="editLayer.dirName"></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.vmobj.versionNumber')">
- <el-input
- disabled
- v-model="editLayer.verName"
- ></el-input>
+ <el-input disabled v-model="editLayer.verName"></el-input>
</el-form-item>
<el-form-item :label="$t('common.publishAddress')">
<el-input v-model="editLayer.url"></el-input>
@@ -394,12 +339,11 @@
size="small"
type="primary"
@click="setEditLayerSubmit"
- >{{$t('common.submit')}}</el-button>
- <el-button
- size="small"
- type="info"
- @click="setEditLayerCancle"
- >{{$t('common.cancel')}}</el-button>
+ >{{ $t("common.submit") }}</el-button
+ >
+ <el-button size="small" type="info" @click="setEditLayerCancle">{{
+ $t("common.cancel")
+ }}</el-button>
</el-form-item>
</el-form>
</div>
@@ -411,7 +355,7 @@
width="50%"
:close-on-click-modal="false"
>
- <div style="width:100%;height:50vh">
+ <div style="width: 100%; height: 50vh">
<p>{{ $t("dataManage.vmobj.name") }}锛歿{ itemdetail.name }}</p>
<el-divider></el-divider>
<p>{{ $t("dataManage.vmobj.format") }}锛歿{ itemdetail.type }}</p>
@@ -420,7 +364,9 @@
<el-divider></el-divider>
<p>{{ $t("dataManage.vmobj.dirName") }}锛歿{ itemdetail.dirName }}</p>
<el-divider></el-divider>
- <p>{{ $t("dataManage.vmobj.versionNumber") }}锛歿{ itemdetail.verName }}</p>
+ <p>
+ {{ $t("dataManage.vmobj.versionNumber") }}锛歿{ itemdetail.verName }}
+ </p>
<el-divider></el-divider>
<p>{{ $t("common.publishAddress") }}锛歿{ itemdetail.url }}</p>
<el-divider></el-divider>
@@ -428,9 +374,13 @@
<el-divider></el-divider>
<p>{{ $t("common.releaseTime") }}锛歿{ itemdetail.createTime }}</p>
<el-divider></el-divider>
- <p>{{ $t("dataManage.vmobj.updateonuser") }}锛歿{ itemdetail.updateName }}</p>
+ <p>
+ {{ $t("dataManage.vmobj.updateonuser") }}锛歿{ itemdetail.updateName }}
+ </p>
<el-divider></el-divider>
- <p>{{ $t("dataManage.vmobj.updateontime") }}锛歿{ itemdetail.updateTime }}</p>
+ <p>
+ {{ $t("dataManage.vmobj.updateontime") }}锛歿{ itemdetail.updateTime }}
+ </p>
<el-divider></el-divider>
</div>
</el-dialog>
@@ -442,12 +392,8 @@
:close-on-click-modal="false"
:show-close="false"
>
- <div style="width:100%; ">
- <el-form
- ref="form"
- :model="insertLayer"
- label-width="150px"
- >
+ <div style="width: 100%">
+ <el-form ref="form" :model="insertLayer" label-width="150px">
<el-form-item :label="$t('dataManage.vmobj.name')">
<el-input
v-model="insertLayer.name"
@@ -455,27 +401,15 @@
></el-input>
</el-form-item>
<el-form-item :label="$t('dataManage.vmobj.numberFiles')">
- <el-input
- disabled
- v-model="insertLayer.number"
- ></el-input>
+ <el-input disabled v-model="insertLayer.number"></el-input>
</el-form-item>
<el-form-item
:label="$t('dataManage.vmobj.labe14')"
- v-show="formInline.type =='DOM'"
+ v-show="formInline.type == 'DOM'"
>
- <el-select
- style="width:100%"
- v-model="insertLayer.noData"
- >
- <el-option
- label="榛戣壊"
- value="0"
- ></el-option>
- <el-option
- label="鐧借壊"
- value="255"
- ></el-option>
+ <el-select style="width: 100%" v-model="insertLayer.noData">
+ <el-option label="榛戣壊" value="0"></el-option>
+ <el-option label="鐧借壊" value="255"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('dataManage.vmobj.minLevel')">
@@ -484,7 +418,7 @@
:placeholder="$t('dataManage.vmobj.labe11')"
></el-input> -->
<el-select
- style="width:100%"
+ style="width: 100%"
v-model="insertLayer.min"
:placeholder="$t('dataManage.vmobj.labe11')"
>
@@ -503,7 +437,7 @@
:placeholder="$t('dataManage.vmobj.labe12')"
></el-input> -->
<el-select
- style="width:100%"
+ style="width: 100%"
v-model="insertLayer.max"
:placeholder="$t('dataManage.vmobj.labe12')"
>
@@ -521,46 +455,42 @@
size="small"
type="primary"
@click="setinsertLayerSubmit()"
- >{{$t('common.submit')}}</el-button>
+ >{{ $t("common.submit") }}</el-button
+ >
<el-button
size="small"
type="info"
@click="setinsertLayerCancel()"
- >{{$t('common.cancel')}}</el-button>
+ >{{ $t("common.cancel") }}</el-button
+ >
</el-form-item>
</el-form>
</div>
</el-dialog>
- <div
- class="loadBox"
- v-if="loadDialogVisible"
- >
- <div style="widht:100%; margin:20px; color:white">
- <div style="margin-left:99%">
- <el-link
- @click="setloadDialogVisible()"
- style="color:white"
- > X</el-link>
+ <div class="loadBox" v-if="loadDialogVisible">
+ <div style="widht: 100%; margin: 20px; color: white">
+ <div style="margin-left: 99%">
+ <el-link @click="setloadDialogVisible()" style="color: white">
+ X</el-link
+ >
</div>
</div>
<div
v-loading="true"
element-loading-background="rgba(0, 0, 0, 0.0) "
element-loading-text="鏁版嵁鍙戝竷涓�"
- style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); "
- >
- </div>
+ style="margin: 0px 20px; widht: 100%; height: calc(100% - 80px)"
+ ></div>
</div>
</div>
-
</template>
<script>
-import axios from 'axios';
-import dialogHeader from './dialogHeader.vue'
-import mapview from '../../components/preview_map.vue'
-import MyBread from "../../components/MyBread.vue"
+import axios from "axios";
+import dialogHeader from "./dialogHeader.vue";
+import mapview from "../../components/preview_map.vue";
+import MyBread from "../../components/MyBread.vue";
import {
selectdepTab,
selectdirTab,
@@ -570,16 +500,17 @@
publish_deletes,
publish_update,
publish_insert,
-} from '../../api/api.js'
+} from "../../api/api.js";
export default {
components: {
- MyBread, mapview,
- 'dialog-header': dialogHeader,
+ MyBread,
+ mapview,
+ "dialog-header": dialogHeader,
},
data() {
return {
- active: 'first',
+ active: "first",
formInline: {
dirid: null,
dirName: null,
@@ -587,34 +518,40 @@
verid: null,
depName: null,
name: "",
- type: ""
+ type: "",
},
listData: {
pageIndex: 1,
pageSize: 100,
- count: 0
+ count: 0,
},
multipleSelection: [],
tableData: [],
depOption: [],
dirOption: [],
verOption: [],
- typeOption: [{
- value: 'DOM',
- label: '褰卞儚鏁版嵁(.tif, .img)'
- }, {
- value: 'DEM',
- label: '楂樼▼鏁版嵁(.tif)'
- }, {
- value: 'MPT',
- label: '鍦烘櫙鏁版嵁(.mpt)'
- }, {
- value: '3DML',
- label: '涓夌淮妯″瀷(.3dml)'
- }, {
- value: 'BIM',
- label: '涓夌淮妯″瀷(.fbx, .ifc, .rvt)'
- }],
+ typeOption: [
+ {
+ value: "DOM",
+ label: "褰卞儚鏁版嵁(.tif, .img)",
+ },
+ {
+ value: "DEM",
+ label: "楂樼▼鏁版嵁(.tif)",
+ },
+ {
+ value: "MPT",
+ label: "鍦烘櫙鏁版嵁(.mpt)",
+ },
+ {
+ value: "3DML",
+ label: "涓夌淮妯″瀷(.3dml)",
+ },
+ {
+ value: "BIM",
+ label: "涓夌淮妯″瀷(.fbx, .ifc, .rvt)",
+ },
+ ],
defaultProps: {
label: "name",
value: "id",
@@ -631,39 +568,47 @@
detailsDialogVisible: false,
itemdetail: {},
insertDialogVisible: false,
- insertLayer: { name: '', number: null, min: 4, max: 18, noData: '0' },
+ insertLayer: { name: "", number: null, min: 4, max: 18, noData: "0" },
loadDialogVisible: false,
options: [],
isFullscreen: false,
- }
+ };
+ },
+ watch: {
+ "formInline.depid"() {
+ this.$refs.treeSelect.visible = false;
+ },
+ "formInline.dirid"() {
+ this.$refs.treeSelect1.visible = false;
+ },
},
methods: {
copyText(row, column, cell, event) {
// 鍙屽嚮澶嶅埗
let save = function (e) {
- e.clipboardData.setData('text/plain', event.target.innerText);
- e.preventDefault(); //闃绘榛樿琛屼负
- }
- document.addEventListener('copy', save);//娣诲姞涓�涓猚opy浜嬩欢
- document.execCommand("copy");//鎵цcopy鏂规硶
- this.$message({ message: '澶嶅埗鎴愬姛', type: 'success' })//鎻愮ず
+ e.clipboardData.setData("text/plain", event.target.innerText);
+ e.preventDefault(); //闃绘榛樿琛屼负
+ };
+ document.addEventListener("copy", save); //娣诲姞涓�涓猚opy浜嬩欢
+ document.execCommand("copy"); //鎵цcopy鏂规硶
+ this.$message({ message: "澶嶅埗鎴愬姛", type: "success" }); //鎻愮ず
},
setOptions() {
var std = [];
for (var i = 0; i < 23; i++) {
std.push({
value: i,
- label: i
- })
+ label: i,
+ });
}
this.options = std;
},
setloadDialogVisible() {
- this.loadDialogVisible = false
+ this.loadDialogVisible = false;
},
setinsertLayerCancel() {
this.insertDialogVisible = false;
- this.insertLayer = { name: '', number: null, min: 4, max: 18 };
+ this.insertLayer = { name: "", number: null, min: 4, max: 18 };
},
//鍙戝竷鎻愪氦
async setinsertLayerSubmit() {
@@ -671,35 +616,34 @@
var max = this.insertLayer.max;
var name = this.insertLayer.name;
if (!name) {
- this.$message.error("鍚嶇О涓嶈兘涓虹┖")
- return
+ this.$message.error("鍚嶇О涓嶈兘涓虹┖");
+ return;
}
if (!min) {
- this.$message.error("璇疯緭鍏ユ渶灏忕骇鍒�(0 ~ 20)")
- return
+ this.$message.error("璇疯緭鍏ユ渶灏忕骇鍒�(0 ~ 20)");
+ return;
} else {
-
if (parseInt(min) < 0 || parseInt(min) > 20) {
- this.$message.error(" 鏈�灏忕骇鍒笉鑳藉皬浜� 0 鎴栧ぇ浜� 20 ")
- return
+ this.$message.error(" 鏈�灏忕骇鍒笉鑳藉皬浜� 0 鎴栧ぇ浜� 20 ");
+ return;
}
}
if (!max) {
- this.$message.error("璇疯緭鍏ユ渶澶х骇鍒�(0 ~ 20)")
- return
+ this.$message.error("璇疯緭鍏ユ渶澶х骇鍒�(0 ~ 20)");
+ return;
} else {
if (parseInt(max) < 0 || parseInt(max) > 20) {
- this.$message.error(" 鏈�澶х骇鍒笉鑳藉皬浜� 0 鎴栧ぇ浜� 20 ")
- return
+ this.$message.error(" 鏈�澶х骇鍒笉鑳藉皬浜� 0 鎴栧ぇ浜� 20 ");
+ return;
}
}
if (parseInt(min) > parseInt(max)) {
- this.$message.error("鏈�灏忕骇鍒笉寰楀ぇ浜庢渶澶х骇鍒�")
- return
+ this.$message.error("鏈�灏忕骇鍒笉寰楀ぇ浜庢渶澶х骇鍒�");
+ return;
}
var std = [];
for (var i in this.multipleSelection) {
- std.push(this.multipleSelection[i].id)
+ std.push(this.multipleSelection[i].id);
}
var obj = {
dircode: this.formInline.dirid,
@@ -709,61 +653,59 @@
name: name,
ids: std,
type: this.formInline.type,
- noData: this.insertLayer.noData
- }
- this.loadDialogVisible = true
+ noData: this.insertLayer.noData,
+ };
+ this.loadDialogVisible = true;
this.insertDialogVisible = false;
const data = await publish_insert(obj);
if (data.code != 200 || data.count > 0) {
- this.$message.error("鏁版嵁鍙戝竷澶辫触")
-
+ this.$message.error("鏁版嵁鍙戝竷澶辫触");
} else {
this.$message({
- message: '鏁版嵁鍙戝竷鎴愬姛',
- type: 'success'
+ message: "鏁版嵁鍙戝竷鎴愬姛",
+ type: "success",
});
}
- this.loadDialogVisible = false
+ this.loadDialogVisible = false;
this.getTableData();
},
//鏁版嵁鍙戝竷
async setPagePublish() {
if (this.multipleSelection.length == 0) {
- this.$message("璇烽�夋嫨瑕佸彂甯冪殑鏁版嵁")
- return
+ this.$message("璇烽�夋嫨瑕佸彂甯冪殑鏁版嵁");
+ return;
}
if (this.formInline.type == "DOM" || this.formInline.type == "DEM") {
this.insertLayer.name = this.formInline.dirName;
- this.insertLayer.number = this.multipleSelection.length
- this.insertLayer.noData = '0';
+ this.insertLayer.number = this.multipleSelection.length;
+ this.insertLayer.noData = "0";
this.insertDialogVisible = true;
} else {
var std = [];
for (var i in this.multipleSelection) {
- std.push(this.multipleSelection[i].id)
+ std.push(this.multipleSelection[i].id);
}
var obj = {
dircode: this.formInline.dirid,
depcode: this.formInline.depid,
ids: std,
- type: this.formInline.type
- }
- this.loadDialogVisible = true
+ type: this.formInline.type,
+ };
+ this.loadDialogVisible = true;
this.insertDialogVisible = false;
const data = await publish_insert(obj);
if (data.code != 200) {
- this.$message.error("鏁版嵁鍙戝竷澶辫触")
-
+ this.$message.error("鏁版嵁鍙戝竷澶辫触");
} else {
this.$message({
- message: '鏁版嵁鍙戝竷鎴愬姛',
- type: 'success'
+ message: "鏁版嵁鍙戝竷鎴愬姛",
+ type: "success",
});
}
- this.loadDialogVisible = false
+ this.loadDialogVisible = false;
this.getTableData();
}
},
@@ -780,12 +722,12 @@
}
const data = await publish_update(this.editLayer);
if (data.code != 200) {
- this.$message.error("鏁版嵁淇敼澶辫触")
- return
+ this.$message.error("鏁版嵁淇敼澶辫触");
+ return;
}
this.$message({
- message: '鏁版嵁淇敼鎴愬姛',
- type: 'success'
+ message: "鏁版嵁淇敼鎴愬姛",
+ type: "success",
});
this.getTableData();
this.editDialogVisible = false;
@@ -795,34 +737,34 @@
if (this.editLayer == this.updateLayer) {
this.editDialogVisible = false;
} else {
- this.$confirm('纭鍏抽棴锛�')
- .then(_ => {
+ this.$confirm("纭鍏抽棴锛�")
+ .then((_) => {
done();
})
- .catch(_ => {
- this.editLayer = JSON.parse(this.updateLayer)
+ .catch((_) => {
+ this.editLayer = JSON.parse(this.updateLayer);
this.editDialogVisible = false;
});
}
},
//淇敼寮圭獥
setPreviewEdit(res) {
- this.updateLayer = JSON.stringify(res) //澶囦唤;
+ this.updateLayer = JSON.stringify(res); //澶囦唤;
this.editLayer = JSON.parse(JSON.stringify(res));
this.editDialogVisible = true;
},
//鍒犻櫎
setPageDelete() {
if (this.multipleSelection.length == 0) {
- return this.$message.error("璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁")
+ return this.$message.error("璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁");
} else {
- var that = this
- this.$confirm('纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?')
- .then(_ => {
+ var that = this;
+ this.$confirm("纭畾鏄惁鍒犻櫎鎵�閫夊唴瀹�?")
+ .then((_) => {
done();
})
- .catch(_ => {
- that.deletePage()
+ .catch((_) => {
+ that.deletePage();
});
}
},
@@ -833,12 +775,12 @@
}
const data = await publish_deletes({ ids: std.toString() });
if (data.code != 200) {
- this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触")
- return
+ this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触");
+ return;
} else {
this.$message({
- message: '鍒犻櫎鎴愬姛',
- type: 'success'
+ message: "鍒犻櫎鎴愬姛",
+ type: "success",
});
this.getTableData();
}
@@ -858,37 +800,36 @@
this.getTableData();
this.dialogVisible = false;
this.showMapView = false;
-
},
// 鑾峰彇澶氶�夐�変腑鐨勫璞�
handleSelectionChange(val) {
- this.multipleSelection = val
+ this.multipleSelection = val;
},
//鍗曚綅杞崲
stateFormatSizes(row, column) {
if (row.sizes >= 1024) {
- const val = parseFloat(row.sizes / 1024).toFixed(3)
- return val + " GB"
+ const val = parseFloat(row.sizes / 1024).toFixed(3);
+ return val + " GB";
} else {
- return row.sizes + " MB"
+ return row.sizes + " MB";
}
},
//鏍煎紡鍖栧湴鍧�
formatLayer(row, column) {
- let data = row.layer
+ let data = row.layer;
if (data == null) {
- return data
+ return data;
}
- return data.replace("{host}", iisHost)
+ return data.replace("{host}", iisHost);
},
//鏍煎紡鍖栨椂闂�
formatData(row, column) {
- let data = row[column.property]
+ let data = row[column.property];
if (data == null) {
- return data
+ return data;
}
- return this.format(data)
+ return this.format(data);
},
//鍒嗛〉鍒囨崲
handleCurrentChange(val) {
@@ -905,18 +846,18 @@
setTabsChange(res) {
switch (res) {
case 1:
- this.active = 'first';
+ this.active = "first";
this.setPageStart();
break;
case 2:
- this.active = 'second';
+ this.active = "second";
this.setPageStart();
break;
case 3:
this.$store.state.previewLayer = {
- url: "menuLayer"
- }
- this.active = 'third';
+ url: "menuLayer",
+ };
+ this.active = "third";
break;
}
@@ -930,22 +871,22 @@
verid: null,
depName: null,
name: "",
- type: ""
- }
+ type: "",
+ };
if (this.active == "first") {
this.listData = {
pageIndex: 1,
pageSize: 10,
- count: 0
- }
- this.showPageSize = [10, 50, 100, 200]
+ count: 0,
+ };
+ this.showPageSize = [10, 50, 100, 200];
} else {
this.listData = {
pageIndex: 1,
pageSize: 10,
- count: 0
- }
- this.showPageSize = [10, 50, 100, 200]
+ count: 0,
+ };
+ this.showPageSize = [10, 50, 100, 200];
}
this.formInline.type = this.typeOption[0].value;
@@ -956,28 +897,27 @@
async getDirTreeList() {
const data = await selectdirTab();
if (data.code != 200) {
- this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触")
- return
+ this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触");
+ return;
}
this.dirOption = this.treeData(data.result);
this.formInline.dirid = this.dirOption[0].code;
this.formInline.dirName = this.dirOption[0].name;
- this.getVerList(this.dirOption[0].id)
+ this.getVerList(this.dirOption[0].id);
},
//鑾峰彇鐗堟湰鍒楄〃
async getVerList(res) {
- const data = await meta_selectVerByDirid({ dirid: res })
+ const data = await meta_selectVerByDirid({ dirid: res });
if (data.code != 200) {
- this.$message.error("鐗堟湰鍒楄〃鑾峰彇澶辫触")
- return
+ this.$message.error("鐗堟湰鍒楄〃鑾峰彇澶辫触");
+ return;
}
- this.verOption = data.result
+ this.verOption = data.result;
this.formInline.verid = data.result[0].id;
this.getTableData();
},
//鐗堟湰鍒楄〃鍒囨崲
handleVerChange(value) {
-
this.formInline.verid = value;
this.getTableData();
},
@@ -988,15 +928,15 @@
},
//鍗曚綅鍒楄〃鍒囨崲
handleDepChange(data, node, nodeData) {
- this.formInline.depid = data.code
- this.formInline.depName = data.name
+ this.formInline.depid = data.code;
+ this.formInline.depName = data.name;
this.getTableData();
},
//鐩綍鍒楄〃鍒囨崲
handleDirChange(data, node, nodeData) {
- this.formInline.dirid = data.code
- this.formInline.dirName = data.name
- this.getVerList(data.id)
+ this.formInline.dirid = data.code;
+ this.formInline.dirName = data.name;
+ this.getVerList(data.id);
},
//鑾峰彇Table琛ㄦ牸鏁版嵁
async getTableData() {
@@ -1004,20 +944,16 @@
this.listData.count = 0;
this.listData.pageIndex = 1;
if (this.active == "first") {
-
this.listData.depcode = this.formInline.depid;
this.listData.dircode = this.formInline.dirid;
this.listData.name = this.formInline.name;
this.listData.type = this.formInline.type;
this.listData.verid = this.formInline.verid;
- const data = await publish_selectMetasByPage(this.listData)
+ const data = await publish_selectMetasByPage(this.listData);
if (data.code != 200) {
-
}
if (data.result) {
-
-
- var that = this
+ var that = this;
var val = data.result.filter((res) => {
if (res.createTime) {
@@ -1027,21 +963,20 @@
if (res.url) {
res.url = res.url.replace("{host}", iisHost);
}
- return res
- })
+ return res;
+ });
this.tableData = val;
this.listData.count = data.count;
}
- }
- else {
+ } else {
if (this.formInline.name) {
- this.listData.name = this.formInline.name
+ this.listData.name = this.formInline.name;
}
const data = await publish_selectByPage(this.listData);
if (data.result) {
- var that = this
+ var that = this;
var val = data.result.filter((res) => {
if (res.createTime) {
res.createTime = that.format(res.createTime);
@@ -1052,8 +987,8 @@
if (res.url) {
res.url = res.url.replace("{host}", iisHost);
}
- return res
- })
+ return res;
+ });
this.tableData = val;
this.listData.count = data.count;
}
@@ -1071,50 +1006,50 @@
var s = time.getSeconds();
return (
y +
- '-' +
+ "-" +
this.add0(m) +
- '-' +
+ "-" +
this.add0(d) +
- ' ' +
+ " " +
h +
- ':' +
+ ":" +
mm +
- ':' +
+ ":" +
s
);
},
//鏍煎紡鍖栨椂闂�
add0(m) {
- return m < 10 ? '0' + m : m;
+ return m < 10 ? "0" + m : m;
},
//鑾峰彇鍗曚綅鍒楄〃
async getDepTreeList() {
const data = await selectdepTab();
if (data.code != 200) {
- this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触")
- return
+ this.$message.error("鍗曚綅鍒楄〃鑾峰彇澶辫触");
+ return;
}
this.depOption = this.treeData(data.result);
- this.formInline.depid = this.depOption[0].code
- this.formInline.depName = this.depOption[0].name
+ this.formInline.depid = this.depOption[0].code;
+ this.formInline.depName = this.depOption[0].name;
},
//鏍戝垪琛ㄧ敓鎴�
treeData(source) {
- let cloneData = JSON.parse(JSON.stringify(source)) // 瀵规簮鏁版嵁娣卞害鍏嬮殕
- return cloneData.filter(father => {
+ let cloneData = JSON.parse(JSON.stringify(source)); // 瀵规簮鏁版嵁娣卞害鍏嬮殕
+ return cloneData.filter((father) => {
// 寰幆鎵�鏈夐」
- let branchArr = cloneData.filter(child => father.id == child.pid) // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
- branchArr.length > 0 ? (father.children = branchArr) : "" // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
- return father.pid == 0 // 杩斿洖涓�绾ц彍鍗�
- })
+ let branchArr = cloneData.filter((child) => father.id == child.pid); // 瀵规瘮ID锛屽垎鍒笂涓嬬骇鑿滃崟锛屽苟杩斿洖鏁版嵁
+ branchArr.length > 0 ? (father.children = branchArr) : ""; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
+ return father.pid == 0; // 杩斿洖涓�绾ц彍鍗�
+ });
},
},
mounted() {
- this.active = 'first';
+ this.active = "first";
this.setPageStart();
this.setOptions();
- }
-}
+ },
+};
</script>
<style lang="less" scoped>
--
Gitblit v1.9.3