From 54099a0d90d9f73898ec620725100a362980b787 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 01 八月 2023 17:24:24 +0800
Subject: [PATCH] 图层管理，资源管理页面添加
---
src/api/api.js | 4
src/assets/lang/zh.js | 12
src/components/login.vue | 4
src/views/datamanage/catalogueManage.vue | 2
src/assets/lang/en.js | 11
src/views/datamanage/resourceManagement.vue | 866 ++++++++++++++++++++++++++++++++++++
src/components/navMenu.vue | 25
src/views/datamanage/projectController.vue | 2
src/router/index.js | 19
src/views/datamanage/bankController.vue | 39 +
src/views/datamanage/layerManagement.vue | 444 ++++++-----------
src/views/datamanage/styleManage.vue | 8
12 files changed, 1,117 insertions(+), 319 deletions(-)
diff --git a/src/api/api.js b/src/api/api.js
index 35bb49c..7045b15 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -217,6 +217,10 @@
export function res_delete(params) {
return request.get('/res/delete', { params: params });
}
+//璧勬簮鍒楄〃-鍒犻櫎澶氭潯
+export function res_deletes(params) {
+ return request.get('/res/deletes', { params: params });
+}
//璧勬簮鍒楄〃-鏇存柊澶氭潯
export function res_updates(params) {
return request.post('/res/updates', params);
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index b251746..60dde17 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -85,6 +85,7 @@
serviceName: 'service name',
serviceType: 'service type',
serviceAddress: 'Service Address',
+ serviceParameters: 'Service parameters ',
displayOrNot: 'Display or not',
isItProjectData: 'Is it project data',
dataType: 'data type',
@@ -94,7 +95,7 @@
isDisuse: 'Disuse',
isStop: 'Stop',
testAddress: 'Test Address',
- firm: 'firm',
+ firm: 'Service category',
descr: 'descr',
status: 'status',
proxyAddress: 'Proxy Address',
@@ -111,7 +112,13 @@
prompt10: 'Please enter descriptive information',
prompt11: 'Please enter the proxy address',
prompt12: 'Please enter a table name',
- tableName: 'Table Name'
+ prompt13: 'Please enter a resource name',
+ prompt14: 'Please enter an English name',
+ prompt15: 'Please enter service parameters',
+ prompt16: "Please enter descriptive information",
+ prompt17: "Please enter note information",
+ tableName: 'Table Name',
+ resourceName: 'resourceName',
},
dataStaticObj: {
diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js
index 781d989..653c60f 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -76,6 +76,7 @@
projectManage: '椤圭洰淇℃伅',
dataStatistics: '鏁版嵁缁熻',
layerManage: '鍥惧眰绠＄悊',
+ resourceManage: '璧勬簮绠＄悊',
layerObj: {
menuName: '鑿滃崟鍚嶇О',
menuType: '鑿滃崟绫诲瀷',
@@ -85,6 +86,7 @@
serviceName: '鏈嶅姟鍚嶇О',
serviceType: '鏈嶅姟绫诲瀷',
serviceAddress: '鏈嶅姟鍦板潃',
+ serviceParameters: '鏈嶅姟鍙傛暟',
displayOrNot: '鏄惁鏄剧ず',
isItProjectData: '鏄惁涓洪」鐩暟鎹�',
dataType: '鏁版嵁绫诲瀷',
@@ -94,7 +96,7 @@
isDisuse: '搴熷純',
isStop: '鍋滄',
testAddress: '娴嬭瘯鍦板潃',
- firm: '鍘傚晢',
+ firm: '鏈嶅姟绫诲埆',
descr: '鎻忚堪',
status: '鐘舵��',
proxyAddress: '浠ｇ悊鍦板潃',
@@ -110,7 +112,13 @@
prompt10: '璇疯緭鍏ユ弿杩颁俊鎭�',
prompt11: '璇疯緭鍏ヤ唬鐞嗗湴鍧�',
prompt12: '璇疯緭鍏ヨ〃鍚嶇О',
- tableName: '琛ㄥ悕绉�'
+ prompt13: '璇疯緭鍏ヨ祫婧愬悕绉�',
+ prompt14: '璇疯緭鍏ヨ嫳鏂囧悕绉�',
+ prompt15: '璇疯緭鍏ユ湇鍔″弬鏁�',
+ prompt16: "璇疯緭鍏ユ弿杩颁俊鎭�",
+ prompt17: "璇疯緭鍏ュ娉ㄤ俊鎭�",
+ tableName: '琛ㄥ悕绉�',
+ resourceName: '璧勬簮鍚嶇О',
},
dataStaticObj: {
type1: '鏈嶅姟鍚嶇О',
diff --git a/src/components/login.vue b/src/components/login.vue
index 3dd6140..1b5a03d 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -218,11 +218,11 @@
getPerms().then((res) => {
if (res.code == 200) {
this.$store.commit("getPermsEntity", res.result);
-
+
if (res.result.length != 0) {
sessionStorage.setItem("routerName", "/Thematic");
sessionStorage.setItem("changeSelectStyle", 0);
- this.$router.push("/projectController");
+ this.$router.push("/bankController");
} else {
this.$message({
message: "璇锋偍鑱旂郴绠＄悊鍛樺垎閰嶈鑹茶彍鍗�",
diff --git a/src/components/navMenu.vue b/src/components/navMenu.vue
index 15baf70..2c85a70 100644
--- a/src/components/navMenu.vue
+++ b/src/components/navMenu.vue
@@ -224,7 +224,7 @@
},
//榧犳爣绉诲叆鑿滃崟浜嬩欢
setMenuMove(index, item) {
-
+
if (item.perms != null && item.perms != "") {
this.$router.push(item.url);
if (this.showFlag != null) {
@@ -239,14 +239,23 @@
this.changeSelectStyle = index;
sessionStorage.setItem('changeSelectStyle', index)
} else {
+
+
if (this.showFlag != index) {
- this.showFlag = index;
+
+ if (item.url == '/bankController') {
+ this.setLiClick(item, index)
+ } else {
+ this.showFlag = index;
+ if (item.url && item.children && item.children.length == 0) {
+ window.open(item.url)
+ }
+ }
+
this.changeSelectStyle = index;
- if (item.url && item.children && item.children.length == 0) {
- window.open(item.url)
- }
+
} else {
this.showFlag = null;
}
@@ -335,20 +344,22 @@
}
},
async setMenuTree(res) {
-
for (var i in res) {
res[i].checkClass = res[i].css + '1';
res[i].show = false; //鎺у埗鏄鹃殣
if (res[i].perms == null || res[i].perms == "") {
const result = await selectMenuRecursive({ id: res[i].id });
-
+
if (result.code == 200) {
res[i].children = result.result.filter((value) => {
return value.isShow == 1;
})
.filter((value) => {
+ if (value.pid == res[i].id) {
+ console.log(JSON.stringify(value))
+ }
return value.pid == res[i].id;
});
diff --git a/src/router/index.js b/src/router/index.js
index 9d3958a..866aae9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -109,6 +109,15 @@
},
},
{
+ path: '/bankController',
+ component: bankController,
+ name: 'bankController',
+ meta: {
+ title: '鏁版嵁搴撶鐞�',
+ requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
+ },
+ },
+ {
path: '/WareInspection',
component: WareInspection,
name: 'WareInspection',
@@ -162,15 +171,7 @@
requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
},
},
- {
- path: '/bankController',
- component: bankController,
- name: 'bankController',
- meta: {
- title: '鏁版嵁搴撶鐞�',
- requireAuth: true, // 鏍囪瘑璇ヨ矾鐢辨槸鍚﹂渶瑕佺櫥褰�
- },
- },
+
{
path: '/projectController',
component: projectController,
diff --git a/src/views/datamanage/bankController.vue b/src/views/datamanage/bankController.vue
index 81c14df..c5ac5f3 100644
--- a/src/views/datamanage/bankController.vue
+++ b/src/views/datamanage/bankController.vue
@@ -21,7 +21,7 @@
鈰�
</div>
<div class="mid box_div">
- <data-updata v-if="setMenuFlag == 'dataUpdata'"></data-updata>
+ <!-- <data-updata v-if="setMenuFlag == 'dataUpdata'"></data-updata>
<spatial-data v-if="setMenuFlag == 'SpatialData'"></spatial-data>
@@ -31,9 +31,25 @@
<style-manage v-if="setMenuFlag == 'styleManage'"></style-manage>
<data-loader v-if="setMenuFlag == 'dataLoader'"></data-loader>
<down-loader v-if="setMenuFlag == 'downLoader'"></down-loader>
- <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics>
+ <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics>-->
<uploadmanage v-if="setMenuFlag == 'uploadmanage'"></uploadmanage>
<layer-management v-if="setMenuFlag == 'layerManagement'"></layer-management>
+ <resourceManagement v-if="setMenuFlag == 'resourceManagement'"></resourceManagement>
+ <data-updata v-if="setMenuFlag == 'dataUpdata'"></data-updata>
+ <catalogue-manage v-if="setMenuFlag == 'catalogueManage'"></catalogue-manage>
+ <version-manage v-if="setMenuFlag == 'versionManage'"></version-manage>
+ <project-manage v-if="setMenuFlag == 'projectManage'"></project-manage>
+
+ <spatial-data v-if="setMenuFlag == 'SpatialData'"></spatial-data>
+
+ <domain-manage v-if="setMenuFlag == 'domainManage'"></domain-manage>
+ <dictionary-manage v-if="setMenuFlag == 'dictionaryManage'"></dictionary-manage>
+ <metadata-manage v-if="setMenuFlag == 'metadataManage'"></metadata-manage>
+ <style-manage v-if="setMenuFlag == 'styleManage'"></style-manage>
+ <data-loader v-if="setMenuFlag == 'dataLoader'"></data-loader>
+ <down-loader v-if="setMenuFlag == 'downLoader'"></down-loader>
+
+ <data-statistics v-if="setMenuFlag == 'dataStatistics'"></data-statistics>
</div>
</div>
@@ -57,8 +73,8 @@
import projectManage from '@/views/datamanage/projectManage.vue'; //椤圭洰绠＄悊
import dataStatistics from '@/views/datamanage/dataStatistics.vue'; //鏁版嵁缁熻
import uploadmanage from '@/views/datamanage/uploadmanage.vue'; //鍙戝竷绠＄悊
+import resourceManagement from '@/views/datamanage/resourceManagement.vue'; //鏁版嵁绠＄悊-鍥惧眰绠＄悊
import layerManagement from '@/views/datamanage/layerManagement.vue'; //鏁版嵁绠＄悊-鍥惧眰绠＄悊
-
export default {
components: {
customElMenu,
@@ -75,8 +91,8 @@
projectManage,
dataStatistics,
uploadmanage,
- layerManagement,
-
+ resourceManagement,
+ layerManagement
},
data() {
return {
@@ -159,16 +175,17 @@
return value.url == '/bankController';
});
+
if (menuLists.length <= 0) return
-
+
const res = await selectMenuRecursive({ id: menuLists[0].id });
if (res.code == 200) {
if (res.result.length != 0) {
- let menuList = res.result.filter((value) => {
- return value.type == 1;
- });
-
+ // let menuList = res.result.filter((value) => {
+ // return value.type == 1;
+ // });
+ let menuList = res.result;
this.menuList = this.treeData(menuList);
this.m1 = this.menuList[0].cnName;
this.setViewController(this.menuList[0]);
@@ -217,7 +234,7 @@
branchArr.length > 0 ? (father.children = branchArr) : ''; // 缁欑埗绾ф坊鍔犱竴涓猚hildren灞炴�э紝骞惰祴鍊�
// 灞炰簬鍚屼竴瀵硅薄闂锛屼緥濡傦細浠� a=b銆乧=1 锛岀劧鍚庡啀浠� b.c=c 锛� 閭ｄ箞 a.c=b.c=c=1 锛涘悓鐞嗭紝鍚庣画浠� c.d=2 ,閭ｄ箞 a.c.d 涔熸槸=2锛�
// 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋�
- return father.pid == 86; // 杩斿洖涓�绾ц彍鍗�
+ return father.pid == 14; // 杩斿洖涓�绾ц彍鍗�
});
} else {
diff --git a/src/views/datamanage/catalogueManage.vue b/src/views/datamanage/catalogueManage.vue
index 49b775d..7656ce7 100644
--- a/src/views/datamanage/catalogueManage.vue
+++ b/src/views/datamanage/catalogueManage.vue
@@ -1183,7 +1183,7 @@
// var val = this.itemdetail
// var value = this.itemdetail.checks.toString()
// val.checks = value;
- // debugger
+ a
// let res = JSON.parse(JSON.stringify(this.itemdetail));
// this.itemdetail = res;
//
diff --git a/src/views/datamanage/layerManagement.vue b/src/views/datamanage/layerManagement.vue
index cf304ad..35d78a8 100644
--- a/src/views/datamanage/layerManagement.vue
+++ b/src/views/datamanage/layerManagement.vue
@@ -1,9 +1,9 @@
<template>
<div class="subpage_Box">
<My-bread :list="[
- `${$t('dataManage.dataManage')}`,
- `${$t('dataManage.layerManage')}`,
- ]"></My-bread>
+ `${$t('dataManage.dataManage')}`,
+ `${$t('dataManage.layerManage')}`,
+ ]"></My-bread>
<el-divider />
<div class="mainBox">
@@ -35,15 +35,15 @@
<div
class="inquire"
style="
- align-items: center;
- display: flex;
- justify-content: space-between;
- "
+ align-items: center;
+ display: flex;
+ justify-content: space-between;
+ "
>
<el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '/' }">{{
-
- }}</el-breadcrumb-item>
+
+ }}</el-breadcrumb-item>
</el-breadcrumb>
<div style="margin-right: -5px">
<div class="menuTop">
@@ -58,7 +58,7 @@
>{{ $t("shuJuGuanLi.butten.NewPeer") }}</el-button>
</el-form-item>
<!-- 瀛愮骇鑺傜偣娣诲姞 -->
- <el-form-item v-show="menuStatus.insert && formInline.type == 1">
+ <el-form-item v-show="menuStatus.insert && formInline.isLayer == 0">
<el-button
type="success"
size="small"
@@ -108,51 +108,45 @@
<!-- 鑿滃崟鍚嶇О -->
<el-form-item :label="$t('dataManage.layerObj.layerName')">
<el-input
- style="width: 80%;"
- v-model="formInline.cnName"
:placeholder="$t('dataManage.layerObj.prompt1')"
+ style="width: 60%;"
+ v-model="formInline.cnName"
></el-input>
</el-form-item>
<!-- 鑻辨枃鍚嶇О -->
<el-form-item :label="$t('dataManage.layerObj.englishName')">
<el-input
- style="width: 80%;"
- v-model="formInline.enName"
:placeholder="$t('dataManage.layerObj.prompt6')"
+ style="width: 60%;"
+ v-model="formInline.enName"
></el-input>
</el-form-item>
<!-- 鑿滃崟绫诲瀷 -->
<el-form-item :label="$t('dataManage.layerObj.layerType')">
<el-select
- clearable
- style="width: 80%;"
- v-model="formInline.type"
:placeholder="$t('dataManage.layerObj.prompt2')"
+ style="width: 60%;"
+ v-model="formInline.isLayer"
>
<el-option
label="鍥惧眰缁�"
- :value='1'
+ value='0'
></el-option>
<el-option
- label="鏅�氬浘灞�"
- :value='2'
- ></el-option>
- <el-option
- label="浠ｇ悊鍥惧眰"
- :value='3'
+ label="鍥惧眰"
+ value='1'
></el-option>
</el-select>
</el-form-item>
<!-- 鏁版嵁绫诲瀷 -->
<el-form-item
- v-show="formInline.type === 2 || formInline.type === 3 "
- :label="$t('dataManage.layerObj.firm')"
+ v-show="formInline.isLayer == 1"
+ :label="$t('dataManage.layerObj.serviceType')"
>
<el-select
- clearable
- style="width: 80%;"
- v-model="formInline.firm"
- :placeholder="$t('dataManage.layerObj.prompt8')"
+ style="width: 60%;"
+ v-model="formInline.type"
+ :placeholder="$t('dataManage.layerObj.prompt3')"
>
<el-option
v-for="item in dataType"
@@ -163,108 +157,51 @@
</el-option>
</el-select>
</el-form-item>
- <!-- 鏈嶅姟绫诲瀷 -->
- <el-form-item
- v-show="formInline.type === 2 || formInline.type === 3 "
- :label="$t('dataManage.layerObj.serviceType')"
- >
- <el-select
- clearable
- style="width: 80%;"
- v-model="formInline.category"
- :placeholder="$t('dataManage.layerObj.prompt3')"
- >
- <el-option
- v-for="item in serveType"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- >
- </el-option>
- </el-select>
- </el-form-item>
<!-- 鏈嶅姟鍦板潃 -->
<el-form-item
- v-show="formInline.type === 2 || formInline.type === 3 "
+ v-show="formInline.isLayer == 1"
:label="$t('dataManage.layerObj.serviceAddress')"
>
<el-input
:placeholder="$t('dataManage.layerObj.prompt4')"
- style="width: 80%;"
+ style="width: 60%;"
v-model="formInline.url"
></el-input>
</el-form-item>
- <!-- 娴嬭瘯鍦板潃 -->
- <el-form-item
- v-show="formInline.type === 2 || formInline.type === 3 "
- :label="$t('dataManage.layerObj.testAddress')"
- >
- <el-input
- :placeholder="$t('dataManage.layerObj.prompt9')"
- style="width: 80%;"
- v-model="formInline.test"
- ></el-input>
- </el-form-item>
- <!-- 浠ｇ悊鍦板潃 -->
- <el-form-item
- v-show="formInline.type === 2 || formInline.type === 3 "
- :label="$t('dataManage.layerObj.proxyAddress')"
- >
- <el-input
- :disabled="!formInline.proxy"
- :placeholder="$t('dataManage.layerObj.prompt11')"
- style="width: 80%;"
- :value="formInline.proxy"
- ></el-input>
- </el-form-item>
<!-- 鑻辨枃琛ㄥ悕 -->
- <el-form-item
- v-show="formInline.type === 2 || formInline.type === 3 "
- :label="$t('dataManage.layerObj.tableName')"
+ <!-- <el-form-item
+ v-show="formInline.isLayer == 1 && formInline.type =='WMS'"
+ :label="$t('dataManage.layerObj.enTableName')"
>
<el-input
- :placeholder="$t('dataManage.layerObj.prompt12')"
- style="width: 80%;"
- v-model="formInline.tab"
+ :placeholder="$t('dataManage.layerObj.prompt6')"
+ style="width: 60%;"
+ v-model="formInline.enName"
></el-input>
- </el-form-item>
+ </el-form-item> -->
<!-- 鏄惁鏄剧ず -->
<el-form-item
- v-show="formInline.type === 2 || formInline.type === 3 "
- :label="$t('dataManage.layerObj.status')"
+ v-show="formInline.isLayer == 1"
+ :label="$t('dataManage.layerObj.displayOrNot')"
>
+
<el-radio
v-model="formInline.status"
- :label="0"
- > {{$t('dataManage.layerObj.isStop')}}</el-radio>
+ label="0"
+ >{{$t('dataManage.layerObj.isStop')}}</el-radio>
<el-radio
v-model="formInline.status"
- :label="1"
- >{{$t('dataManage.layerObj.isEnable')}}</el-radio>
- <el-radio
- v-model="formInline.status"
- :label="-1"
- >{{$t('dataManage.layerObj.isDisuse')}}</el-radio>
+ label="1"
+ > {{$t('dataManage.layerObj.isEnable')}}</el-radio>
</el-form-item>
- <!-- 鏄惁涓洪」鐩暟鎹� -->
- <!-- <el-form-item :label="$t('dataManage.layerObj.isItProjectData')">
- <el-radio
- v-model="insertData.isProject"
- label="0"
- > {{$t('dataManage.layerObj.isfalse')}}</el-radio>
- <el-radio
- v-model="insertData.isProject"
- label="1"
- >{{$t('dataManage.layerObj.istrue')}}</el-radio>
- </el-form-item> -->
+
<!-- 鎻忚堪 -->
- <el-form-item :label="$t('dataManage.layerObj.descr')">
+ <el-form-item :label="$t('common.bak')">
<el-input
- :placeholder="$t('dataManage.layerObj.prompt10')"
- style="width: 80%;"
- v-model="formInline.descr"
- type="textarea"
+ style="width: 60%;"
+ v-model="formInline.bak"
+ :placeholder="$t('dataManage.layerObj.prompt7')"
></el-input>
</el-form-item>
<el-form-item v-show="menuStatus.update">
@@ -289,6 +226,11 @@
width="50%"
>
<div style="width: 100%;max-height: 63vh;overflow-y: auto; ">
+ <!-- <el-form
+ :model="insertData"
+ class="demo-form-inline"
+ label-width="150px"
+ > -->
<el-form
:model="insertData"
class="demo-form-inline"
@@ -297,51 +239,45 @@
<!-- 鑿滃崟鍚嶇О -->
<el-form-item :label="$t('dataManage.layerObj.layerName')">
<el-input
- style="width: 80%;"
- v-model="insertData.cnName"
:placeholder="$t('dataManage.layerObj.prompt1')"
+ style="width: 60%;"
+ v-model="insertData.cnName"
></el-input>
</el-form-item>
<!-- 鑻辨枃鍚嶇О -->
<el-form-item :label="$t('dataManage.layerObj.englishName')">
<el-input
- style="width: 80%;"
- v-model="insertData.enName"
:placeholder="$t('dataManage.layerObj.prompt6')"
+ style="width: 60%;"
+ v-model="insertData.enName"
></el-input>
</el-form-item>
<!-- 鑿滃崟绫诲瀷 -->
<el-form-item :label="$t('dataManage.layerObj.layerType')">
<el-select
- clearable
- style="width: 80%;"
- v-model="insertData.type"
:placeholder="$t('dataManage.layerObj.prompt2')"
+ style="width: 60%;"
+ v-model="insertData.isLayer"
>
<el-option
label="鍥惧眰缁�"
- :value='1'
+ value='0'
></el-option>
<el-option
- label="鏅�氬浘灞�"
- :value='2'
- ></el-option>
- <el-option
- label="浠ｇ悊鍥惧眰"
- :value='3'
+ label="鍥惧眰"
+ value='1'
></el-option>
</el-select>
</el-form-item>
<!-- 鏁版嵁绫诲瀷 -->
<el-form-item
- v-show="insertData.type === 2 || insertData.type === 3"
- :label="$t('dataManage.layerObj.firm')"
+ v-show="insertData.isLayer == 1"
+ :label="$t('dataManage.layerObj.serviceType')"
>
<el-select
- clearable
- style="width: 80%;"
- v-model="insertData.firm"
- :placeholder="$t('dataManage.layerObj.prompt8')"
+ style="width: 60%;"
+ v-model="insertData.type"
+ :placeholder="$t('dataManage.layerObj.prompt3')"
>
<el-option
v-for="item in dataType"
@@ -352,95 +288,48 @@
</el-option>
</el-select>
</el-form-item>
- <!-- 鏈嶅姟绫诲瀷 -->
- <el-form-item
- v-show="insertData.type === 2 || insertData.type === 3"
- :label="$t('dataManage.layerObj.serviceType')"
- >
- <el-select
- clearable
- style="width: 80%;"
- v-model="insertData.category"
- :placeholder="$t('dataManage.layerObj.prompt3')"
- >
- <el-option
- v-for="item in serveType"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- >
- </el-option>
- </el-select>
- </el-form-item>
<!-- 鏈嶅姟鍦板潃 -->
<el-form-item
- v-show="insertData.type === 2 || insertData.type === 3"
+ v-show="insertData.isLayer == 1"
:label="$t('dataManage.layerObj.serviceAddress')"
>
<el-input
:placeholder="$t('dataManage.layerObj.prompt4')"
- style="width: 80%;"
+ style="width: 60%;"
v-model="insertData.url"
></el-input>
</el-form-item>
- <el-form-item
- v-show="insertData.type === 2 || insertData.type === 3"
- :label="$t('dataManage.layerObj.testAddress')"
- >
- <el-input
- :placeholder="$t('dataManage.layerObj.prompt9')"
- style="width: 80%;"
- v-model="insertData.test"
- ></el-input>
- </el-form-item>
<!-- 鑻辨枃琛ㄥ悕 -->
- <el-form-item
- v-show="insertData.type === 2 || insertData.type === 3 "
- :label="$t('dataManage.layerObj.tableName')"
- >
+ <!-- <el-form-item :label="$t('dataManage.layerObj.enTableName')">
<el-input
- :placeholder="$t('dataManage.layerObj.prompt12')"
- style="width: 80%;"
- v-model="insertData.tab"
+ :placeholder="$t('dataManage.layerObj.prompt6')"
+ style="width: 60%;"
+ v-model="insertData.enName"
></el-input>
- </el-form-item>
+ </el-form-item> -->
<!-- 鏄惁鏄剧ず -->
<el-form-item
- v-show="insertData.type === 2 || insertData.type === 3"
- :label="$t('dataManage.layerObj.status')"
+ v-show="insertData.isLayer == 1"
+ :label="$t('dataManage.layerObj.displayOrNot')"
>
+
<el-radio
v-model="insertData.status"
- :label="0"
- > {{$t('dataManage.layerObj.isStop')}}</el-radio>
- <el-radio
- v-model="insertData.status"
- :label="1"
- >{{$t('dataManage.layerObj.isEnable')}}</el-radio>
- <el-radio
- v-model="insertData.status"
- :label="-1"
- >{{$t('dataManage.layerObj.isDisuse')}}</el-radio>
- </el-form-item>
- <!-- 鏄惁涓洪」鐩暟鎹� -->
- <!-- <el-form-item :label="$t('dataManage.layerObj.isItProjectData')">
- <el-radio
- v-model="insertData.isProject"
label="0"
- > {{$t('dataManage.layerObj.isfalse')}}</el-radio>
+ >{{$t('dataManage.layerObj.isStop')}}</el-radio>
<el-radio
- v-model="insertData.isProject"
+ v-model="insertData.status"
label="1"
- >{{$t('dataManage.layerObj.istrue')}}</el-radio>
- </el-form-item> -->
+ > {{$t('dataManage.layerObj.isEnable')}}</el-radio>
+ </el-form-item>
+
<!-- 鎻忚堪 -->
- <el-form-item :label="$t('dataManage.layerObj.descr')">
+ <el-form-item :label="$t('common.bak')">
<el-input
- :placeholder="$t('dataManage.layerObj.prompt10')"
- style="width: 80%;"
- v-model="insertData.descr"
- type="textarea"
+ style="width: 60%;"
+ v-model="insertData.bak"
+ :placeholder="$t('dataManage.layerObj.prompt7')"
></el-input>
</el-form-item>
<el-form-item v-show="menuStatus.update">
@@ -452,7 +341,6 @@
<el-button
type="info"
size="small"
- @click="cannelForm( )"
>{{$t('common.cancel')}}</el-button>
</el-form-item>
@@ -461,15 +349,15 @@
</el-dialog>
</div>
</template>
-<script>
+ <script>
import MyBread from "../../components/MyBread.vue";
import {
getPerms,
- res_selectAll,
- res_insert,
- res_delete,
- res_updates,
- res_update,
+ layer_selectAll,
+ layer_update,
+ layer_updates,
+ layer_insert,
+ layer_delete
} from "../../api/api";
import $ from 'jquery'
import { getToken } from '../../utils/auth';
@@ -489,12 +377,15 @@
cnName: null,
type: null,
serveType: null,
- serveType: null,
url: null,
dataType: null,
bak: null,
- isShow: '0',
- isProject: '0'
+ isShow: '1',
+ isProject: '0',
+ enName: '',
+ isLayer: null,
+ category: null,
+ status: null,
},
serveType: null,
dataType: null,
@@ -553,18 +444,11 @@
arr.push(res);
}
});
- var token = getToken();
- if (arr[1].proxy && arr[1].proxy.indexOf(token) > -1) {
- arr[1].proxy.replace(token, "{token}")
- }
- if (arr[0].proxy && arr[0].proxy.indexOf(token) > -1) {
- arr[0].proxy.replace(token, "{token}")
- }
+ const orderNum = arr[1].orderNum
+ arr[1].orderNum = arr[0].orderNum
+ arr[0].orderNum = orderNum
- const orderNum = arr[1].sort
- arr[1].sort = arr[0].sort
- arr[0].sort = orderNum
this.newData = arr;
this.sendChange();
} else {
@@ -591,18 +475,9 @@
arr.push(res);
}
});
- var token = getToken();
- if (arr[1].proxy && arr[1].proxy.indexOf(token) > -1) {
- arr[1].proxy.replace(token, "{token}")
- }
-
- if (arr[0].proxy && arr[0].proxy.indexOf(token) > -1) {
- arr[0].proxy.replace(token, "{token}")
- }
-
- const orderNum = arr[1].sort
- arr[1].sort = arr[0].sort
- arr[0].sort = orderNum
+ const orderNum = arr[1].orderNum
+ arr[1].orderNum = arr[0].orderNum
+ arr[0].orderNum = orderNum
this.newData = arr;
this.sendChange();
} else {
@@ -615,7 +490,7 @@
}
},
async sendChange() {
- const data = await res_updates(this.newData)
+ const data = await layer_updates(this.newData)
if (data.code != 200) {
return this.$message.error("绉诲姩澶辫触");
}
@@ -623,7 +498,7 @@
},
async setDeleteNode() {
- const data = await res_delete({ id: this.formInline.id });
+ const data = await layer_delete({ id: this.formInline.id });
if (data.code != 200) {
return this.$message.error("鍒犻櫎澶辫触");
}
@@ -643,9 +518,9 @@
},
async submitForm() {
var val = this.insertData;
- val.isShow = parseInt(val.isShow);
- val.isProject = parseInt(val.isProject);
- const data = await res_insert(val);
+ val.status = parseInt(val.status);
+ // val.isProject = parseInt(val.isProject);
+ const data = await layer_insert(val);
if (data.code != 200) {
return this.$message.error("鏂板澶辫触");
}
@@ -677,18 +552,14 @@
}
this.insertData.pid = id;
this.insertData.level = lever;
- this.insertData.sort = orderNum;
+ this.insertData.orderNum = orderNum;
this.dialogVisible = true;
- },
- cannelForm() {
- this.dialogVisible = false;
- this.insertData = {}
},
getMaxOrderNum(res) {
var val = 1;
for (var i in res) {
- if (res[i].data.sort > val) {
- val = res[i].data.sort;
+ if (res[i].data.orderNum > val) {
+ val = res[i].data.orderNum;
}
}
val = val + 1;
@@ -696,18 +567,24 @@
},
insertStart() {
this.insertData = {
-
+ cnName: null,
+ type: null,
+ serveType: null,
+ url: null,
+ dataType: null,
+ bak: null,
+ isShow: '1',
+ isProject: '0',
+ enName: '',
+ isLayer: null,
+ category: null,
+ status: null,
}
},
//淇敼鏁版嵁
async updateSend() {
var val = JSON.parse(JSON.stringify(this.formInline));
- var token = getToken()
- if (val.proxy && val.proxy.indexOf(token) > -1) {
- val.proxy = val.proxy.replace(token, "{token}");
- }
- debugger
- const data = await res_update(val);
+ const data = await layer_update(val);
this.currentData = JSON.stringify(this.formInline)
if (data.code != 200) {
return this.$message.error("淇敼澶辫触");
@@ -721,27 +598,21 @@
//淇敼閲嶇疆
updateRest() {
var res = JSON.parse(this.backUpData);
- var token = getToken()
- if (res.proxy && res.proxy.indexOf('{token}') > -1) {
- res.proxy = res.proxy.replace("{token}", token);
- }
this.formInline = res;
- // this.formInline.type = res.type.toString();
- // this.formInline.isShow = res.isShow.toString();
+ this.formInline.isLayer = res.isLayer.toString();
+
+ this.formInline.status = res.status.toString();
// this.formInline.isProject = res.isProject.toString();
},
//鑾峰彇鍥惧眰鍒楄〃
async getLayerTree() {
- const data = await res_selectAll();
+ const data = await layer_selectAll();
if (data.code != 200) {
return this.$message.error("鍥惧眰鍒楄〃鏌ヨ澶辫触");
}
this.oriData = data.result;
this.newData = data.result;
var val = this.setTreeData(data.result);
- val.sort(function (a, b) {
- return a.sort - b.sort
- })
this.treeData = val;
var cdata;
if (this.currentData) {
@@ -756,22 +627,16 @@
});
},
layerFormInline(res) {
- var token = getToken();
+
var val = JSON.parse(JSON.stringify(res))
+
var data = this.$refs.tree.getNode(val.id).data;
var result = JSON.parse(JSON.stringify(data))
this.backUpData = JSON.stringify(result)
this.currentData = JSON.stringify(result)
this.formInline = result;
-
- if (result.proxy && result.proxy.indexOf('{token}') > -1) {
- this.formInline.proxy = result.proxy.replace("{token}", token);
- } else {
- this.formInline.proxy = result.proxy
- }
-
- // this.formInline.type = result.type.toString();
- // this.formInline.isShow = result.isShow.toString();
+ this.formInline.isLayer = res.isLayer.toString();
+ this.formInline.status = result.status.toString();
// this.formInline.isProject = result.isProject.toString();
},
//鍥惧眰鍒楄〃鐐瑰嚮浜嬩欢
@@ -787,7 +652,7 @@
branchArr.sort(function (a, b) {
- return a.sort - b.sort
+ return a.orderNum - b.orderNum
})
}
@@ -807,14 +672,14 @@
var std = [];
var ste = [];
for (var i in serve_type) {
- std.push({
+ ste.push({
value: serve_type[i].value,
label: serve_type[i].name,
})
}
this.serveType = std;
for (var i in data_type) {
- ste.push({
+ std.push({
value: data_type[i].value,
label: data_type[i].name,
})
@@ -827,12 +692,14 @@
cnName: null,
type: null,
serveType: null,
- serveType: null,
url: null,
dataType: null,
bak: null,
- isShow: '0',
- isProject: '0'
+ isShow: '1',
+ isProject: '0',
+ enName: '',
+ isLayer: null,
+ category: null
}
},
//鑾峰彇鏉冮檺
@@ -875,9 +742,9 @@
this.getLayerTree();
},
};
-</script>
-
-<style lang="less" scoped>
+ </script>
+
+ <style lang="less" scoped>
.subpage_Box {
//height: 96%;
width: 98%;
@@ -906,10 +773,7 @@
padding: 10px;
box-sizing: border-box;
border: 1px solid #dcdfe6;
- overflow: auto;
.menuTop {
- overflow: auto;
- height: 100%;
/deep/ .el-form-item {
margin: 5px;
}
@@ -920,4 +784,30 @@
top: 50%;
transform: translateY(-50%);
}
+/deep/.el-radio {
+ color: white;
+}
</style>
+ <style>
+.el-select-dropdown {
+ background: #303030 !important;
+
+ border: 1px solid gray;
+}
+
+.el-select-dropdown__item {
+ background-color: transparent !important;
+ color: #fff;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+ color: #ffff !important;
+ background: rgba(7, 8, 14, 0.3) !important;
+}
+
+.el-popper .popper__arrow,
+.el-popper .popper__arrow::after {
+ display: none !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/datamanage/projectController.vue b/src/views/datamanage/projectController.vue
index 908c4b3..00d42a7 100644
--- a/src/views/datamanage/projectController.vue
+++ b/src/views/datamanage/projectController.vue
@@ -154,7 +154,7 @@
const data = await queryMenuTree();
let menuLists = data.result.filter((value) => {
- return value.url == '/projectController';
+ return value.url == '/bankController';
});
const res = await selectMenuRecursive({ id: menuLists[0].id });
diff --git a/src/views/datamanage/resourceManagement.vue b/src/views/datamanage/resourceManagement.vue
new file mode 100644
index 0000000..b4c7c55
--- /dev/null
+++ b/src/views/datamanage/resourceManagement.vue
@@ -0,0 +1,866 @@
+<template>
+ <div class="subpage_Box">
+ <My-bread :list="[
+ `${$t('dataManage.dataManage')}`,
+ `${$t('dataManage.resourceManage')}`,
+ ]"></My-bread>
+ <el-divider />
+ <div class="mainBox">
+ <div
+ class="content_box "
+ ref="container"
+ >
+ <el-form
+ :inline="true"
+ :model="formInline"
+ class="demo-form-inline"
+ >
+ <el-form-item>
+ <el-input
+ size="small"
+ :title="$t('dataManage.vmobj.keyword')"
+ v-model="formInline.name"
+ :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"
+ > <i
+ :title="$t('common.iquery')"
+ slot="suffix"
+ @click="setListDataStart"
+ class="el-icon-search"
+ style="padding-right: 8px"
+ ></i></el-input>
+ </el-form-item>
+ <el-form-item style="float: right;">
+ <el-button
+ v-if="menuStatus.insert"
+ icon="el-icon-edit"
+ type="success"
+ @click="insertDialog = true"
+ size="small"
+ >{{ $t('common.append') }}
+ </el-button>
+ <el-button
+ v-if="menuStatus.delete"
+ icon="el-icon-delete"
+ type="danger"
+ @click="setDelTableData"
+ size="small"
+ >{{ $t('common.delete') }}
+ </el-button>
+ <el-button
+ icon="el-icon-refresh"
+ type="info"
+ size="small"
+ @click="setEmptyData"
+ >{{ $t('common.empty') }}
+ </el-button>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div class="dividing-line"></div>
+ <div
+ class="table_box"
+ :style="styleVar"
+ >
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ border
+ height="calc(100% - 10px)"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column
+ type="selection"
+ width="55"
+ />
+ <el-table-column
+ align="center"
+ type="index"
+ :label="$t('dataManage.styleObj.index')"
+ width="100"
+ />
+ <el-table-column
+ align="center"
+ prop="cnName"
+ :label="$t('dataManage.layerObj.layerName')"
+ width="150"
+ />
+ <el-table-column
+ align="center"
+ prop="enName"
+ :label="$t('dataManage.layerObj.englishName')"
+ width="170"
+ />
+ <el-table-column
+ align="center"
+ prop="status"
+ :label="$t('dataManage.layerObj.status')"
+ :formatter="setResStatus"
+ width="150"
+ />
+ <el-table-column
+ align="center"
+ prop="category"
+ :label="$t('dataManage.layerObj.serviceType')"
+ :formatter="setResCategory"
+ width="150"
+ />
+ <el-table-column
+ align="center"
+ prop="type"
+ :label="$t('dataManage.layerObj.dataType')"
+ :formatter="setResType"
+ width="150"
+ />
+ <el-table-column
+ align="center"
+ prop="tab"
+ :label="$t('dataManage.layerObj.tableName')"
+ width="150"
+ />
+ <el-table-column
+ align="center"
+ prop="url"
+ :label="$t('dataManage.layerObj.serviceAddress')"
+ width="300"
+ />
+ <el-table-column
+ align="center"
+ prop="args"
+ :label="$t('dataManage.layerObj.serviceParameters')"
+ width="220"
+ />
+ <el-table-column
+ align="center"
+ prop="test"
+ :label="$t('dataManage.layerObj.testAddress')"
+ width="300"
+ />
+ <el-table-column
+ align="center"
+ prop="proxy"
+ :label="$t('dataManage.layerObj.proxyAddress')"
+ width="300"
+ />
+ <el-table-column
+ align="center"
+ prop="descr"
+ :label="$t('dataManage.layerObj.descr')"
+ width="200"
+ />
+ <el-table-column
+ align="center"
+ prop="createUser"
+ :label="$t('dataManage.vmobj.createonuser')"
+ width="200"
+ />
+ <el-table-column
+ align="center"
+ prop="createTime"
+ :label="$t('dataManage.vmobj.createontime')"
+ width="200"
+ :formatter="formatData"
+ />
+ <el-table-column
+ align="center"
+ prop="updateUser"
+ :label="$t('dataManage.vmobj.updateonuser')"
+ width="200"
+ />
+ <el-table-column
+ align="center"
+ prop="updateTime"
+ :label="$t('dataManage.vmobj.updateontime')"
+ width="200"
+ :formatter="formatData"
+ />
+ <el-table-column
+ align="center"
+ prop="bak"
+ :label="$t('common.bak')"
+ width="200"
+ />
+ <el-table-column
+ :label="$t('common.operate')"
+ width="150"
+ >
+ <template slot-scope="scope">
+ <el-button
+ @click="setScopeEdit(scope.row)"
+ size="small"
+ type="warning"
+ plain
+ >{{ $t('common.update') }}</el-button>
+
+ </template>
+ </el-table-column>
+ </el-table>
+
+ <div
+ class="pagination_box"
+ style="margin-top: 15px"
+ >
+ <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="listData.count"
+ >
+ </el-pagination>
+ </div>
+ </div>
+ </div>
+ <el-dialog
+ :title="$t('common.append')"
+ :visible.sync="insertDialog"
+ width="50%"
+ :show-close="false"
+ >
+ <div style="width: 100%;max-height: 63vh;overflow-y: auto;">
+ <el-form
+ :model="insertData"
+ class="demo-form-inline"
+ label-width="120px"
+ >
+ <el-form-item :label="$t('dataManage.layerObj.resourceName')">
+ <el-input
+ v-model="insertData.cnName"
+ :placeholder="$t('dataManage.layerObj.prompt13')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.englishName')">
+ <el-input
+ v-model="insertData.enName"
+ :placeholder="$t('dataManage.layerObj.prompt14')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.serviceType')">
+ <el-select
+ class="insertWidth"
+ v-model="insertData.category"
+ :placeholder="$t('dataManage.layerObj.prompt3')"
+ >
+ <el-option
+ v-for="item in serviceType"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.dataType')">
+ <el-select
+ class="insertWidth"
+ v-model="insertData.type"
+ :placeholder="$t('dataManage.layerObj.prompt8')"
+ >
+ <el-option
+ v-for="item in dataType"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+
+ <el-form-item :label="$t('dataManage.layerObj.tableName')">
+ <el-input
+ v-model="insertData.tab"
+ class="insertWidth"
+ :placeholder="$t('dataManage.layerObj.prompt12')"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.serviceAddress')">
+ <el-input
+ v-model="insertData.url"
+ :placeholder="$t('dataManage.layerObj.prompt4')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.testAddress')">
+ <el-input
+ v-model="insertData.test"
+ :placeholder="$t('dataManage.layerObj.prompt9')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.serviceParameters')">
+ <el-input
+ v-model="insertData.args"
+ :placeholder="$t('dataManage.layerObj.prompt15')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.status')">
+ <div class="insertWidth">
+ <el-radio
+ v-model="insertData.status"
+ label="0"
+ >{{$t('dataManage.layerObj.isStop')}}</el-radio>
+ <el-radio
+ v-model="insertData.status"
+ label="1"
+ > {{$t('dataManage.layerObj.isEnable')}}</el-radio>
+ </div>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.descr')">
+ <el-input
+ v-model="insertData.descr"
+ :placeholder="$t('dataManage.layerObj.prompt16')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('common.bak')">
+ <el-input
+ v-model="insertData.bak"
+ :placeholder="$t('dataManage.layerObj.prompt17')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+
+ </el-form>
+ <span
+ slot="footer"
+ class="dialog-footer"
+ style="float: right; margin-right: 10%;"
+ >
+ <el-button
+ @click="setInsertCannel"
+ size="small"
+ >{{ $t('common.cancel') }}</el-button>
+ <el-button
+ type="primary"
+ size="small"
+ @click="setInsertConfirm"
+ >{{ $t('common.confirm') }}</el-button>
+ </span>
+ </div>
+ </el-dialog>
+ <el-dialog
+ :title="$t('common.edit')"
+ :visible.sync="editDialog"
+ width="50%"
+ :before-close="handleEditClose"
+ >
+ <div style="width: 100%;max-height: 63vh;overflow-y: auto;">
+ <el-form
+ :model="editData"
+ class="demo-form-inline"
+ label-width="120px"
+ >
+ <el-form-item :label="$t('dataManage.layerObj.resourceName')">
+ <el-input
+ v-model="editData.cnName"
+ :placeholder="$t('dataManage.layerObj.prompt13')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.englishName')">
+ <el-input
+ v-model="editData.enName"
+ :placeholder="$t('dataManage.layerObj.prompt14')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.serviceType')">
+ <el-select
+ class="insertWidth"
+ v-model="editData.category"
+ :placeholder="$t('dataManage.layerObj.prompt3')"
+ >
+ <el-option
+ v-for="item in serviceType"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.dataType')">
+ <el-select
+ class="insertWidth"
+ v-model="editData.type"
+ :placeholder="$t('dataManage.layerObj.prompt8')"
+ >
+ <el-option
+ v-for="item in dataType"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+
+ <el-form-item :label="$t('dataManage.layerObj.tableName')">
+ <el-input
+ v-model="editData.tab"
+ class="insertWidth"
+ :placeholder="$t('dataManage.layerObj.prompt12')"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.serviceAddress')">
+ <el-input
+ v-model="editData.url"
+ :placeholder="$t('dataManage.layerObj.prompt4')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.testAddress')">
+ <el-input
+ v-model="editData.test"
+ :placeholder="$t('dataManage.layerObj.prompt9')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.serviceParameters')">
+ <el-input
+ v-model="editData.args"
+ :placeholder="$t('dataManage.layerObj.prompt15')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.status')">
+ <div class="insertWidth">
+ <el-radio
+ v-model="editData.status"
+ label="0"
+ >{{$t('dataManage.layerObj.isStop')}}</el-radio>
+ <el-radio
+ v-model="editData.status"
+ label="1"
+ > {{$t('dataManage.layerObj.isEnable')}}</el-radio>
+ </div>
+ </el-form-item>
+ <el-form-item :label="$t('dataManage.layerObj.descr')">
+ <el-input
+ v-model="editData.descr"
+ :placeholder="$t('dataManage.layerObj.prompt16')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('common.bak')">
+ <el-input
+ v-model="editData.bak"
+ :placeholder="$t('dataManage.layerObj.prompt17')"
+ class="insertWidth"
+ ></el-input>
+ </el-form-item>
+
+ </el-form>
+ <span
+ slot="footer"
+ class="dialog-footer"
+ style="float: right; margin-right: 10%;"
+ >
+ <el-button
+ @click="setEditReset"
+ size="small"
+ >{{ $t('common.reset') }}</el-button>
+ <el-button
+ type="primary"
+ size="small"
+ @click="setEditConfirm"
+ >{{ $t('common.confirm') }}</el-button>
+ </span>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+<script>
+import MyBread from "../../components/MyBread.vue";
+import {
+ getPerms,
+ select_Res_ByPageAndCount,
+ res_insert,
+ res_deletes,
+ res_updates,
+ res_update,
+} from "../../api/api";
+import $ from 'jquery'
+import { getToken } from '../../utils/auth';
+import { serve_type, data_type } from './js/layerManage.js'
+import { json } from "body-parser";
+import { flatten } from '@turf/turf';
+
+export default {
+ name: "catalogueManage",
+ components: {
+ MyBread,
+ },
+ data() {
+
+ return {
+ formInline: {
+ name: null
+ },
+ menuStatus: {
+ delete: false,
+ insert: false,
+ updaete: false
+ },
+ styleVar: {
+ height: "calc(100% - 109px)",
+ },
+ timer: 0,
+ tableHeight: 0,
+ tableData: [],
+ listData: {
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0
+ },
+ multipleSelection: [],
+ editData: {},
+ copyData: null,
+ insertData: {},
+ editDialog: false,
+ insertDialog: false,
+ dataType: [],
+ serviceType: []
+ };
+ },
+ watch: {
+
+ },
+ beforeDestroy() {
+ this.timer && clearTimeout(this.timer);
+ window.removeEventListener("resize", this.onResize);
+ },
+ methods: {
+ async setEditConfirm() {
+ const data = await res_update(this.editData);
+ if (data.code == 200) {
+ this.$message({
+ message: '璧勬簮鏇存柊鎴愬姛',
+ type: 'success'
+ });
+ this.setEditClose();
+ this.setListDataStart();
+ } else {
+ this.$message.error('璧勬簮鏇存柊澶辫触');
+ }
+ },
+ setEditReset() {
+ this.editData = JSON.parse(JSON.stringify(this.copyData));
+ this.editData.status = this.editData.status.toString();
+ },
+ setEditClose() {
+ this.editDialog = false;
+ this.editData = {};
+ this.copyData = {};
+ },
+ handleEditClose() {
+ var that = this;
+ this.$confirm('纭鍏抽棴锛�')
+ .then(_ => {
+ that.setEditClose();
+ })
+ .catch(_ => { });
+ },
+ setEmptyData() {
+ this.formInline.name = ""
+ this.setListDataStart()
+ },
+ async setDelTableData() {
+ if (this.multipleSelection.length <= 0) {
+ return this.$message('璇烽�夋嫨瑕佸垹闄ょ殑璧勬簮鏁版嵁');
+ }
+ var std = [];
+ for (var i in this.multipleSelection) {
+ std.push(this.multipleSelection[i].id)
+ }
+ const data = await res_deletes({ ids: std.toString() })
+ if (data.code == 200) {
+ this.$message({
+ message: '璧勬簮鍒犻櫎鎴愬姛',
+ type: 'success'
+ });
+ this.setListDataStart();
+ } else {
+ this.$message.error('璧勬簮鍒犻櫎澶辫触');
+ }
+ },
+ closeInsertDialog() {
+ this.insertDialog = false;
+ this.insertData = {}
+ },
+ setInsertCannel() {
+ var that = this;
+ this.$confirm('纭鍏抽棴锛�')
+ .then(_ => {
+ that.closeInsertDialog()
+ })
+ .catch(_ => { });
+ },
+ async setInsertConfirm() {
+ const data = await res_insert(this.insertData);
+ if (data.code == 200) {
+ this.$message({
+ message: '璧勬簮鏂板鎴愬姛',
+ type: 'success'
+ });
+ this.closeInsertDialog();
+ this.setListDataStart();
+
+ } else {
+ this.$message.error('璧勬簮鏂板澶辫触');
+ }
+
+ },
+ //涓嬫媺鑿滃崟鍒濆鍖�
+ optionsStart() {
+ var std = [];
+ var ste = [];
+ for (var i in serve_type) {
+ ste.push({
+ value: serve_type[i].value,
+ label: serve_type[i].name,
+ })
+ }
+ this.serviceType = std;
+ for (var i in data_type) {
+ std.push({
+ value: data_type[i].value,
+ label: data_type[i].name,
+ })
+ }
+ this.dataType = ste;
+ },
+ setScopeEdit(row) {
+ this.copyData = JSON.parse(JSON.stringify(row));
+ this.editData = JSON.parse(JSON.stringify(row));
+ this.editData.status = this.editData.status.toString()
+ this.editDialog = true
+ },
+ //鏍煎紡鍖栧垪琛�
+ formatData(row, column) {
+ let data = row[column.property];
+ if (data == null) {
+ return data;
+ }
+ return this.format(data);
+ },
+ //鏍煎紡鍖栨椂闂�
+ 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) +
+ ' ' +
+ h +
+ ':' +
+ mm +
+ ':' +
+ s
+ );
+ },
+ //鏍煎紡鍖栨椂闂�
+ add0(m) {
+ return m < 10 ? '0' + m : m;
+ },
+ setResType(row, column) {
+ switch (row.type) {
+ case 0:
+ return "URL"
+ break;
+ case 1:
+ return "TMS"
+ break;
+ case 2:
+ return "WMTS"
+ break;
+ case 3:
+ return "WMS"
+ break;
+ case 4:
+ return "WFS"
+ break;
+ case 5:
+ return "Tileset"
+ break;
+ default:
+ return ""
+ break;
+ }
+ },
+ setResCategory(row, column) {
+ switch (row.category) {
+ case 0:
+ return "鍏朵粬"
+ break;
+ case 1:
+ return "GisServer"
+ break;
+ case 2:
+ return "GeoServer"
+ break;
+ case 3:
+ return "鏁扮畝"
+ break;
+ default:
+ return ""
+ break;
+ }
+ },
+ setResStatus(row, column) {
+ switch (row.status) {
+ case 0:
+ return "鍋滅敤"
+ break;
+ case 1:
+ return "鍚敤"
+ break;
+ case 2:
+ return "鍚敤浠ｇ悊"
+ break;
+ default:
+ return ""
+ break;
+ }
+ },
+ async getResTableData() {
+ this.listData.name = this.formInline.name
+ const data = await select_Res_ByPageAndCount(this.listData);
+ if (data.code != 200) {
+ return this.$message({
+ message: "璧勬簮鍒楄〃鑾峰彇澶辫触",
+ type: "warning",
+ });
+ }
+ this.tableData = data.result;
+ this.listData.count = data.count;
+ },
+ setListDataStart() {
+ this.listData = {
+ pageIndex: 1,
+ pageSize: 10,
+ count: 0
+ }
+ this.tableData = []
+ this.getResTableData();
+ },
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
+ },
+ handleSizeChange(val) {
+ this.listData.pageSize = val;
+ this.getResTableData();
+ },
+ handleCurrentChange(val) {
+ this.listData.pageIndex = val;
+ this.getResTableData();
+ },
+ onResize() {
+ this.timer && clearTimeout(this.timer);
+ this.timer = setTimeout(() => {
+ this.calHeight();
+ }, 500);
+ },
+ //楂樺害璁剧疆
+ calHeight() {
+ this.$nextTick(() => {
+ const rect = this.$refs.container.getBoundingClientRect();
+ this.tableHeight = `${rect.height + 97}px`;
+ this.styleVar["height"] = `calc(100% - ${rect.height + 28}px)`;
+ });
+ },
+ //鑾峰彇鏉冮檺
+ getPerms() {
+ var val = this.$store.state.currentPerms;
+ var permsEntity = this.$store.state.permsEntity;
+
+ if (!permsEntity || !permsEntity.length) {
+ getPerms().then((res) => {
+ if (res.code == 200) {
+ permsEntity = res.result;
+ }
+ });
+ }
+ for (var i = 0; i < permsEntity.length; i++) {
+ if (val === permsEntity[i].perms) {
+ this.showPermsMenu(permsEntity[i]);
+ }
+ }
+
+ },
+ showPermsMenu(res) {
+ switch (res.tag) {
+ case "/delete":
+ this.menuStatus.delete = true;
+ break;
+ case "/insert":
+ this.menuStatus.insert = true;
+ break;
+ case "/update":
+ this.menuStatus.update = true;
+ break;
+ }
+ },
+ },
+ mounted() {
+ window.addEventListener("resize", this.onResize);
+ this.calHeight();
+ this.getPerms();
+ this.setListDataStart();
+ this.optionsStart();
+
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.subpage_Box {
+ //height: 96%;
+ width: 98%;
+ padding: 1%;
+ border-radius: 10px;
+}
+
+.mainBox {
+ padding-top: 10px;
+ width: 100%;
+ height: calc(100% - 75px);
+
+ .content_box {
+ width: 100%;
+ // border-bottom: 2px solid #e4e7ed;
+ margin-bottom: 10px;
+ .el-form-item {
+ margin: 5px;
+ }
+ }
+}
+/deep/ .el-input__suffix {
+ top: 50%;
+ transform: translateY(-50%);
+}
+.insertWidth {
+ width: calc(100% - 200px);
+}
+</style>
+<style >
+.el-message-box {
+ background: #303030 !important;
+}
+.el-message-box p {
+ color: #fff !important;
+}
+</style>
diff --git a/src/views/datamanage/styleManage.vue b/src/views/datamanage/styleManage.vue
index f07862d..9738a2e 100644
--- a/src/views/datamanage/styleManage.vue
+++ b/src/views/datamanage/styleManage.vue
@@ -53,13 +53,7 @@
size="small"
>{{ $t('common.delete') }}
</el-button>
- <!-- <el-button
- @click="submitForm('ruleForm')"
- icon="el-icon-search"
- type="primary"
- size="small"
- >{{ $t('common.iquery') }}
- </el-button>-->
+
<el-button
@click="resetForm('ruleForm')"
icon="el-icon-refresh"
--
Gitblit v1.9.3