From ef45a5e068d1a31a6f23e74d0c3105af91e15a83 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 17 八月 2023 15:15:22 +0800
Subject: [PATCH] 图层管理，资源管理页面修改
---
src/views/datamanage/layerManagement.vue | 222 +++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 190 insertions(+), 32 deletions(-)
diff --git a/src/views/datamanage/layerManagement.vue b/src/views/datamanage/layerManagement.vue
index 10852f8..e075579 100644
--- a/src/views/datamanage/layerManagement.vue
+++ b/src/views/datamanage/layerManagement.vue
@@ -150,19 +150,49 @@
:placeholder="$t('dataManage.layerObj.prompt1')"
style="width: 60%;"
v-model="formInline.cnName"
- :disabled="serviceActive"
></el-input>
</el-form-item>
- <!-- 鑻辨枃鍚嶇О -->
- <el-form-item :label="$t('dataManage.layerObj.englishName')">
- <el-input
- :placeholder="$t('dataManage.layerObj.prompt6')"
+ <!-- 璧勬簮绫诲埆 -->
+ <el-form-item
+ v-show="formInline.isLayer == 1"
+ :label="$t('dataManage.layerObj.firm')"
+ >
+ <el-select
style="width: 60%;"
- v-model="formInline.enName"
+ v-model="formInline.category"
:disabled="serviceActive"
- ></el-input>
+ :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
+ v-show="formInline.isLayer == 1"
+ :label="$t('dataManage.layerObj.dataType')"
+ >
+ <el-select
+ style="width: 60%;"
+ v-model="formInline.data"
+ :placeholder="$t('dataManage.layerObj.prompt3')"
+ :disabled="serviceActive"
+ @change="setFromDataTypeClick"
+ >
+ <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.isLayer == 1"
@@ -183,6 +213,7 @@
</el-option>
</el-select>
</el-form-item>
+
<!-- 鏈嶅姟鍦板潃 -->
<el-form-item
v-show="formInline.isLayer == 1"
@@ -195,7 +226,18 @@
:disabled="serviceActive"
></el-input>
</el-form-item>
-
+ <!-- 鑻辨枃鍚嶇О -->
+ <el-form-item
+ v-show="formInline.isLayer == 1 && formInline.category == 2"
+ :label="$t('dataManage.layerObj.englishName')"
+ >
+ <el-input
+ :disabled="serviceActive"
+ :placeholder="$t('dataManage.layerObj.prompt6')"
+ style="width: 60%;"
+ v-model="formInline.tab"
+ ></el-input>
+ </el-form-item>
<!-- 鏄惁鏄剧ず -->
<el-form-item
v-show="formInline.isLayer == 1"
@@ -304,23 +346,53 @@
<!-- 鑿滃崟鍚嶇О -->
<el-form-item :label="$t('dataManage.layerObj.layerName')">
<el-input
- :disabled="insertServiceActive"
: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
- :disabled="insertServiceActive"
- :placeholder="$t('dataManage.layerObj.prompt6')"
+ <!-- 璧勬簮绫诲埆 -->
+ <el-form-item
+ v-show="insertData.isLayer == 1"
+ :label="$t('dataManage.layerObj.firm')"
+ >
+ <el-select
style="width: 60%;"
- v-model="insertData.enName"
- ></el-input>
+ v-model="insertData.category"
+ :disabled="insertServiceActive"
+ :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
+ v-show="insertData.isLayer == 1"
+ :label="$t('dataManage.layerObj.dataType')"
+ >
+ <el-select
+ style="width: 60%;"
+ v-model="insertData.data"
+ :placeholder="$t('dataManage.layerObj.prompt3')"
+ :disabled="insertServiceActive"
+ @change="setInsertDataTypeClick"
+ >
+ <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.isLayer == 1"
:label="$t('dataManage.layerObj.serviceType')"
@@ -352,6 +424,18 @@
v-model="insertData.serviceUrl"
></el-input>
</el-form-item>
+ <!-- 鑻辨枃鍚嶇О -->
+ <el-form-item
+ v-show="insertData.isLayer == 1 && insertData.category == 2"
+ :label="$t('dataManage.layerObj.englishName')"
+ >
+ <el-input
+ :disabled="insertServiceActive"
+ :placeholder="$t('dataManage.layerObj.prompt6')"
+ style="width: 60%;"
+ v-model="insertData.tab"
+ ></el-input>
+ </el-form-item>
<!-- 鏄惁鏄剧ず -->
<el-form-item
v-show="insertData.isLayer == 1"
@@ -379,12 +463,12 @@
<el-button
type="primary"
size="small"
- @click="submitForm( )"
+ @click="submitForm()"
>{{$t('common.confirm')}}</el-button>
<el-button
type="info"
size="small"
- @click="submitCancel( )"
+ @click="submitCancel()"
>{{$t('common.cancel')}}</el-button>
</el-form-item>
@@ -494,7 +578,7 @@
} from "../../api/api";
import $ from 'jquery'
import { getToken } from '../../utils/auth';
-import { serve_type, data_type } from './js/layerManage.js'
+import { serve_type, data_type, category_type } from './js/layerManage.js'
import { json } from "body-parser";
export default {
@@ -537,7 +621,10 @@
checkData: null,
backUpData: null,
dialogVisible: false,
- insertData: {},
+ insertData: {
+ type: null,
+ data: null,
+ },
currentData: null,
newNode: null,
newData: [],
@@ -552,7 +639,8 @@
tableData: [],
multipleSelection: [],
serviceActive: true,
- insertServiceActive: false
+ insertServiceActive: false,
+ serviceType: null
};
},
watch: {
@@ -561,6 +649,35 @@
},
},
methods: {
+ setFromDataTypeClick(res) {
+ this.setInsertDataTypeChange(res)
+ this.formInline.type = this.dataType[0].value
+ },
+ setInsertDataTypeClick(res) {
+ this.setInsertDataTypeChange(res)
+ this.insertData.type = this.dataType[0].value
+ },
+ setInsertDataTypeChange(res) {
+ var filter = this.serveType.filter(rs => {
+ if (rs.value == res) {
+ return rs
+ }
+ })
+ if (filter.length <= 0) return
+ var std = [];
+ var data = filter[0].children;
+ for (var i in data) {
+ for (var j in serve_type) {
+ if (serve_type[j].value == data[i]) {
+ std.push({
+ value: serve_type[j].value,
+ label: serve_type[j].name,
+ })
+ }
+ }
+ }
+ this.dataType = std
+ },
setServiceConfirm() {
if (this.multipleSelection.length <= 0) {
return this.$message("鏈�夋嫨璧勬簮鏁版嵁");
@@ -571,24 +688,35 @@
url = this.multipleSelection.url;
} else if (this.multipleSelection.status == 2) {
var token = getToken()
- serviceUrl = BASE_URL + this.multipleSelection.proxy.replaceAll('{token}', token);
+ if (this.multipleSelection.proxy && this.multipleSelection.proxy.indexOf('{token}') > -1) {
+ serviceUrl = BASE_URL + this.multipleSelection.proxy.replaceAll('{token}', token);
+ } else {
+ serviceUrl = this.multipleSelection.url
+ }
+
url = this.multipleSelection.proxy;
}
if (this.dialogVisible) {
+ this.setInsertDataTypeChange(this.multipleSelection.data);
this.insertData.cnName = this.multipleSelection.cnName;
this.insertData.enName = this.multipleSelection.enName;
this.insertData.type = this.multipleSelection.type;
this.insertData.resid = this.multipleSelection.id
this.insertData.serviceUrl = serviceUrl;
this.insertData.url = url;
+ this.insertData.data = this.multipleSelection.data;
+ this.insertData.tab = this.multipleSelection.tab;
+ this.insertData.category = this.multipleSelection.category;
this.insertServiceActive = true
- // this.insertData.status = this.multipleSelection.status;
} else {
this.formInline.cnName = this.multipleSelection.cnName;
this.formInline.enName = this.multipleSelection.enName;
this.formInline.type = this.multipleSelection.type;
this.formInline.resid = this.multipleSelection.id
this.formInline.serviceUrl = serviceUrl;
+ this.formInline.data = this.multipleSelection.data;
+ this.formInline.tab = this.multipleSelection.tab;
+ this.formInline.category = this.multipleSelection.category;
this.formInline.url = url;
this.serviceActive = true
// this.formInline.status = '1';
@@ -596,6 +724,8 @@
}
this.dialogService = false
},
+
+
setServiceRest() {
this.listData = {
pageIndex: 1,
@@ -814,7 +944,7 @@
var val = JSON.parse(JSON.stringify(this.insertData));
val.status = parseInt(val.status);
var token = getToken();
- if (val.serviceUrl.indexOf(BASE_URL) > -1) {
+ if (val.serviceUrl && val.serviceUrl.indexOf(BASE_URL) > -1) {
val.serviceUrl = val.serviceUrl.replaceAll(BASE_URL, '');
val.serviceUrl = val.serviceUrl.replaceAll(token, '{token}')
}
@@ -852,6 +982,7 @@
this.insertData.pid = id;
this.insertData.level = lever;
this.insertData.orderNum = orderNum;
+
this.dialogVisible = true;
},
getMaxOrderNum(res) {
@@ -865,6 +996,10 @@
return val;
},
insertStart() {
+ var data = this.serveType[0].value;
+ this.setInsertDataTypeChange(this.serveType[0].value)
+ var type = this.dataType[0].value
+ var category = this.serviceType[0].value
this.insertData = {
cnName: null,
type: null,
@@ -876,17 +1011,19 @@
isProject: '0',
enName: '',
isLayer: null,
- category: null,
+ category: category,
status: null,
service: '0',
- status: '1'
+ status: '1',
+ type: type,
+ data: data,
}
},
//淇敼鏁版嵁
async updateSend() {
var val = JSON.parse(JSON.stringify(this.formInline));
var token = getToken();
- if (val.serviceUrl.indexOf(BASE_URL) > -1) {
+ if (val.serviceUrl && val.serviceUrl.indexOf(BASE_URL) > -1) {
val.serviceUrl = val.serviceUrl.replaceAll(BASE_URL, '');
val.serviceUrl = val.serviceUrl.replaceAll(token, '{token}')
}
@@ -920,6 +1057,10 @@
this.oriData = data.result;
this.newData = data.result;
var val = this.setTreeData(data.result);
+ val.sort(function (a, b) {
+ return a.orderNum - b.orderNum
+ })
+
this.treeData = val;
var cdata;
if (this.currentData) {
@@ -949,15 +1090,21 @@
} else {
this.serviceActive = false
}
+ debugger
var url;
if (!this.serviceActive) {
url = result.url;
} else if (this.serviceActive) {
var token = getToken()
- url = BASE_URL + result.url.replaceAll('{token}', token);
+ if (result.url.indexOf('{token}') > -1) {
+ url = BASE_URL + result.url.replaceAll('{token}', token);
+ } else {
+ url = result.url;
+ }
+
}
this.formInline.serviceUrl = url;
-
+ this.setInsertDataTypeChange(this.formInline.data)
// this.formInline.isProject = result.isProject.toString();
},
//鍥惧眰鍒楄〃鐐瑰嚮浜嬩欢
@@ -976,7 +1123,6 @@
return a.orderNum - b.orderNum
})
}
-
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锛�
// 鐢辨寰幆澶氭鍚庯紝灏辫兘褰㈡垚鐩稿簲鐨勬爲褰㈡暟鎹粨鏋�
@@ -992,6 +1138,7 @@
optionsStart() {
var std = [];
var ste = [];
+ var str = [];
for (var i in serve_type) {
ste.push({
value: serve_type[i].value,
@@ -1003,9 +1150,20 @@
std.push({
value: data_type[i].value,
label: data_type[i].name,
+ children: data_type[i].children
})
}
this.dataType = ste;
+
+ for (var i in category_type) {
+ str.push({
+ value: category_type[i].value,
+ label: category_type[i].name,
+ })
+ }
+ this.serviceType = str;
+
+
},
//鏁版嵁鍒濆鍖�
formInlineStart() {
--
Gitblit v1.9.3