Skip to content

E
esb-demo
Commit 193604ea authored by wenju-zhu's avatar wenju-zhu
Browse files
Options

编辑删除功能&编辑弹窗数据展示

parent 2c2ae74b
Show whitespace changes
Inline Side-by-side
Showing with 626 additions and 307 deletions
src/components/showDailog/index.vue 0 → 100644
View file @ 193604ea
<template>
<el-table :data="tableData" border style="width: 100%">
<el-table-column prop="name" label="名称" width="150">
</el-table-column>
<el-table-column prop="description" label="说明" width="120"> </el-table-column>
<el-table-column prop="httpMethod" label="消息类型" width="120"></el-table-column>
<el-table-column prop="uri" label="端点uri" width="120"></el-table-column>
<el-table-column prop="encoding" label="字符编码" width="120"></el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<el-button
@click="handleClick(scope.row)"
type="text"
size="small"
>查看</el-button
>
<el-button type="text" size="small">编辑</el-button>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
methods: {
handleClick(row) {
console.log(row)
}
},
props: {
showDailogData: {
type: Object,
default() {
return {}
}
}
},
data() {
return {
tableData: [this.showDailogData]
}
}
}
</script>
<style lang="scss" scoped></style>
src/views/login/index.vue
View file @ 193604ea
......@@ -74,24 +74,6 @@ export default {
]),
// 登录事件
loginClick(formName) {
/* this.$refs[formName].validate((valid) => {
if (valid) {
const formData = new FormData()
formData.append('username', this.form.name)
formData.append('password', this.form.password)
getLoginMessage(formData).then(
(data) => {
// 得到数据，将用户数据存储在vuex中
this.setUserInfo(data)
// 获取导航权限，将路由动态注入到路由表中
this.getNavigationMenu()
},
(err) => {
console.log(err)
}
)
}
}) */
this.$refs[formName].validate((valid) => {
if (valid) {
this.load = true
......@@ -106,9 +88,10 @@ export default {
id: this.form.name,
displayname: this.form.name
}
// 将用户信息存储再vuex中
this.setUserInfo(data)
// 获取导航权限
this.getNavigationMenu()
// this.$router.push({ path: '/' })
this.load = false
} else if (rt.status === '401') {
this.$message.error('用户名密码错误')
......@@ -124,11 +107,11 @@ export default {
// 获取导航权限
getNavigationMenu() {
var that = this
console.log(111)
getAllGroups2().then((res) => {
if (!res) return false
getNavAll3(res.data[0].id).then((rt) => {
that.servemenuList = rt.data
// 跳转至首页
that.$router.push({ path: '/' })
})
})
......
src/views/search/index.vue
View file @ 193604ea
<template>
<div class="serach">
<div class="tree" >
<el-input class="searchinput" v-model="treeSearchKey" @keyup.enter.native="treeSearch"
:title="placeholders" :placeholder="placeholders">
<div class="tree">
<el-input
class="searchinput"
v-model="treeSearchKey"
@keyup.enter.native="treeSearch"
:title="placeholders"
:placeholder="placeholders"
>
</el-input>
<el-tree v-if="this.listen === false" v-model="typet" :data="treeData" node-key="id" :default-expanded-keys="[0]" :key="loadingT" :props="props"
@node-click="handleNodeClick"></el-tree>
<el-tree empty-text="" v-model="typet" :data="treeDatas" node-key="id" :key="loadingT" :props="props"
@node-click="handleNodeClick"></el-tree>
<el-tree
v-if="this.listen === false"
v-model="typet"
:data="treeData"
node-key="id"
:default-expanded-keys="[0]"
:key="loadingT"
:props="props"
@node-click="handleNodeClick"
></el-tree>
<el-tree
empty-text=""
v-model="typet"
:data="treeDatas"
node-key="id"
:key="loadingT"
:props="props"
@node-click="handleNodeClick"
></el-tree>
</div>
<div class="list">
<div class="search-header">
<div class="tool-common-wrap">
<div class="search-wrap">
<div class="QuickQuery">
<el-select v-model="types" @change="typeChange" placeholder="全部类型">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="types"
@change="typeChange"
placeholder="全部类型"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-input clearable v-model="searchKey" @keyup.enter.native="quickSearch" :title="placeholder"
:placeholder="placeholder">
<el-input
clearable
v-model="searchKey"
@keyup.enter.native="quickSearch"
:title="placeholder"
:placeholder="placeholder"
>
<span slot="append" @click="quickSearch">搜索</span>
</el-input>
</div>
......@@ -34,84 +67,221 @@
</div>
</div>
<div class="tableHeight">
<el-table ref="singleTable" :data="tableList" border v-loading="loadingS" highlight-current-row
type="selection">
<el-table-column prop="name" align="center" show-overflow-tooltip label="名称">
<el-table
ref="singleTable"
:data="tableList"
border
v-loading="loadingS"
highlight-current-row
type="selection"
>
<el-table-column
prop="name"
align="center"
show-overflow-tooltip
label="名称"
>
<template slot-scope="scope">
<el-button type="text" @click="operate(scope.row, 'edit')">{{scope.row.name}}</el-button>
<el-button type="text" @click="operate(scope.row, 'edit')">{{
scope.row.name
}}</el-button>
</template>
</el-table-column>
<el-table-column prop="ftype" align="center" width="100" label="类型">
<template slot-scope="scope">
<span v-if="scope.row.stype">{{scope.row.stype}}</span>
<span v-else>{{scope.row.ftype}}</span>
<span v-if="scope.row.stype">{{ scope.row.stype }}</span>
<span v-else>{{ scope.row.ftype }}</span>
</template>
</el-table-column>
<el-table-column prop="projectName" align="center" show-overflow-tooltip label="项目">
<el-table-column
prop="projectName"
align="center"
show-overflow-tooltip
label="项目"
>
<template slot-scope="scope">
<el-button type="text" @click="projectDetail(scope.row)">{{scope.row.projectName}}</el-button>
<el-button type="text" @click="projectDetail(scope.row)">{{
scope.row.projectName
}}</el-button>
</template>
</el-table-column>
<el-table-column prop="updatebyname" align="center" width="100" show-overflow-tooltip label="修改者">
<el-table-column
prop="updatebyname"
align="center"
width="100"
show-overflow-tooltip
label="修改者"
>
</el-table-column>
<el-table-column prop="updateon" width="120" align="center" show-overflow-tooltip label="最后修改日期">
<el-table-column
prop="updateon"
width="120"
align="center"
show-overflow-tooltip
label="最后修改日期"
>
</el-table-column>
<el-table-column prop="operate" align="center" label="操作" width="200">
<el-table-column
prop="operate"
align="center"
label="操作"
width="200"
>
<template slot-scope="scope">
<!-- <el-tooltip class="item" effect="dark" content="历史" placement="top">
<el-button v-if="scope.row.ftype === '代理服务'" icon="el-icon-tickets" class="icon-button" type="text" @click="operate(scope.row, 'old')">
</el-button>
</el-tooltip> -->
<el-tooltip class="item" effect="dark" content="被依赖" placement="top">
<el-button class="icon-button" type="text" @click="operate(scope.row, 'refs')">
<svg t="1654158377941" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="6958" width="14" height="14">
<path d="M576 256H1024v64H576zM0 704h448V768H0zM256 960h768v64H256zM0 0h768v64H0z" p-id="6959"
fill="#2d42af"></path>
<el-tooltip
class="item"
effect="dark"
content="被依赖"
placement="top"
>
<el-button
class="icon-button"
type="text"
@click="operate(scope.row, 'refs')"
>
<svg
t="1654158377941"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="6958"
width="14"
height="14"
>
<path
d="M576 256H1024v64H576zM0 704h448V768H0zM256 960h768v64H256zM0 0h768v64H0z"
p-id="6959"
fill="#2d42af"
></path>
<path
d="M704 0H768v192h-64zM256 832h64V1024H256zM0 0h64v768H0zM960 256h64v768h-64zM301.252267 256L781.917867 736.682667l-45.252267 45.252266L256 301.2608z"
p-id="6960" fill="#2d42af"></path>
p-id="6960"
fill="#2d42af"
></path>
</svg>
</el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="依赖于" placement="top">
<el-button class="icon-button" type="text" @click="operate(scope.row, 'ref')" style="margin-left:10px">
<svg t="1654158419796" class="icon" viewBox="0 0 1024 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg" p-id="7250" width="14" height="14">
<path d="M410.996 101.004v65.629h431.011v713.076h-431.01v65.63h496.64V101.003h-496.64z" p-id="7251"
fill="#2d42af"></path>
<el-tooltip
class="item"
effect="dark"
content="依赖于"
placement="top"
>
<el-button
class="icon-button"
type="text"
@click="operate(scope.row, 'ref')"
style="margin-left: 10px"
>
<svg
t="1654158419796"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="7250"
width="14"
height="14"
>
<path
d="M410.996 101.004v65.629h431.011v713.076h-431.01v65.63h496.64V101.003h-496.64z"
p-id="7251"
fill="#2d42af"
></path>
<path
d="M174.08 440.785v-50.734H56.785l3.259-4.655L210.85 189.44l154.065 200.61H247.622v75.405a227.607 227.607 0 0 0 56.32 139.636 192.233 192.233 0 0 0 144.756 52.13h269.964v73.543H449.164a264.844 264.844 0 0 1-197.353-74.008 303.01 303.01 0 0 1-76.8-181.061z"
p-id="7252" fill="#2d42af"></path>
p-id="7252"
fill="#2d42af"
></path>
</svg>
</el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="克隆" placement="top">
<el-tooltip
class="item"
effect="dark"
content="克隆"
placement="top"
>
<el-button
v-if="scope.row.ftype === '消息流' || scope.row.ftype === '业务服务' || scope.row.ftype === '代理服务' || scope.row.ftype === '资源文件'"
class="icon-button" type="text" @click="operate(scope.row, 'clone')" style="margin-left:10px"
icon="el-icon-document-copy"></el-button>
v-if="
scope.row.ftype === '消息流' ||
scope.row.ftype === '业务服务' ||
scope.row.ftype === '代理服务' ||
scope.row.ftype === '资源文件'
"
class="icon-button"
type="text"
@click="operate(scope.row, 'clone')"
style="margin-left: 10px"
icon="el-icon-document-copy"
></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="消息流" placement="top">
<el-button v-if="scope.row.ftype === '消息流'" class="icon-button" type="text"
@click="operate(scope.row, 'editflow')" icon="el-icon-set-up" style="margin-left:10px"></el-button>
<el-tooltip
class="item"
effect="dark"
content="消息流"
placement="top"
>
<el-button
v-if="scope.row.ftype === '消息流'"
class="icon-button"
type="text"
@click="operate(scope.row, 'editflow')"
icon="el-icon-set-up"
style="margin-left: 10px"
></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="编辑" placement="top">
<el-button class="icon-button" type="text" @click="operate(scope.row, 'edit')" style="margin-left:10px"
icon="el-icon-edit-outline"></el-button>
<el-tooltip
class="item"
effect="dark"
content="编辑"
placement="top"
>
<el-button
class="icon-button"
type="text"
@click="operate(scope.row, 'edit')"
style="margin-left: 10px"
icon="el-icon-edit-outline"
></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<el-button class="icon-button" type="text" @click="operate(scope.row, 'del')" style="margin-left:10px"
icon="el-icon-delete"></el-button>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top"
>
<el-button
class="icon-button"
type="text"
@click="operate(scope.row, 'del')"
style="margin-left: 10px"
icon="el-icon-delete"
></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</div>
<el-pagination :page-size="page.pageSize" :current-page.sync="page.pageNum" background
@current-change="quickSearch" :total="page.total" />
<el-pagination
:page-size="page.pageSize"
:current-page.sync="page.pageNum"
background
@current-change="quickSearch"
:total="page.total"
/>
</div>
<el-dialog :close-on-click-modal="false" title="编辑" :visible.sync="dialogFormVisible" width="50%">
<el-dialog
:close-on-click-modal="false"
title="编辑"
:visible.sync="dialogFormVisible"
width="50%"
>
<el-form :model="formData" label-width="50px" :rules="rules">
<el-row>
<el-col :span="24">
......@@ -146,16 +316,44 @@
<el-button type="primary" @click="submit">确 定</el-button>
</span>
</el-dialog>
<el-dialog title="引用" :close-on-click-modal="false" :visible.sync="dialogVisible" width="800px" top="5vh"
append-to-body @close="closeDialog">
<el-dialog
title="引用"
:close-on-click-modal="false"
:visible.sync="dialogVisible"
width="800px"
top="5vh"
append-to-body
@close="closeDialog"
>
<div class="">
<el-table :data="relyTableList" border highlight-current-row height="400"
style="width: 100%; margin-bottom: 10px" size="mini">
<el-table-column prop="name" label="名称" align="center" show-overflow-tooltip>
<el-table
:data="relyTableList"
border
highlight-current-row
height="400"
style="width: 100%; margin-bottom: 10px"
size="mini"
>
<el-table-column
prop="name"
label="名称"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column prop="projectName" label="项目" align="center" show-overflow-tooltip>
<el-table-column
prop="projectName"
label="项目"
align="center"
show-overflow-tooltip
>
</el-table-column>
<el-table-column prop="type" label="类型" align="center" show-overflow-tooltip>
<el-table-column
prop="type"
label="类型"
align="center"
show-overflow-tooltip
>
</el-table-column>
</el-table>
</div>
......@@ -164,8 +362,25 @@
</span>
</el-dialog>
<oldDialog :visibles="oldDialog" :rowData="oldData" @confirm="closeOld" />
<edit-dialog :type="type" :currentRow="currentRow" :title="titleR" @confirm="handleSubmit"></edit-dialog>
<cloneSouce :type="cloneType" v-model="dialogClone" :row="rows" @confirm="cloneEnd" />
<edit-dialog
:type="type"
:currentRow="currentRow"
:title="titleR"
@confirm="handleSubmit"
></edit-dialog>
<cloneSouce
:type="cloneType"
v-model="dialogClone"
:row="rows"
@confirm="cloneEnd"
/>
<el-dialog
:title="ftype + '定义'"
:visible.sync="isShowEditDailog"
width="40%"
>
<showEditDailog :showDailogData="showDailogData" />
</el-dialog>
</div>
</template>
......@@ -176,20 +391,39 @@ import cloneSouce from '@/components/clone'
import { exportDatas } from '@/api/project_list'
import { getFormateDate } from '@/utils/common'
import {
deleteFlow, deleteBusinessService, deleteProxyService, deleteConnector, deleteResource,
queryBusinessService, queryProxyService, queryConnector, queryFlow, listFiles,
proxyservicedepent, businessservicedependent, listflowdependenet, connectordependened,
proxyservicedepend, businessservicedependend, listflowdependened, resourcefiledepend
deleteFlow,
deleteBusinessService,
deleteProxyService,
deleteConnector,
deleteResource,
queryBusinessService,
queryProxyService,
queryConnector,
queryFlow,
listFiles,
proxyservicedepent,
businessservicedependent,
listflowdependenet,
connectordependened,
proxyservicedepend,
businessservicedependend,
listflowdependened,
resourcefiledepend
} from '@/api/esb_service'
import { versionQuery } from '@/api/system_manage'
import { querySqlBuilderList, deleteSqlBuilder } from '@/api/esb_global_management'
import {
querySqlBuilderList,
deleteSqlBuilder
} from '@/api/esb_global_management'
import showEditDailog from '../../components/showDailog'
import { createNamespacedHelpers } from 'vuex'
const { mapMutations } = createNamespacedHelpers('app')
export default {
components: {
editDialog,
oldDialog,
cloneSouce
cloneSouce,
showEditDailog
},
data() {
return {
......@@ -250,9 +484,9 @@ export default {
treeData: [],
tableList: [],
relyTableList: [],
treeDatas:[],
treeDatas: [],
searchKey: '',
typet:'',
typet: '',
placeholder: '代理服务/消息流/业务服务/资源文件',
placeholders: '搜索项目',
treeSearchKey: '',
......@@ -266,22 +500,25 @@ export default {
titleR: '',
currentRow: {},
loadingT: false,
loadingS: false
loadingS: false,
isShowEditDailog: false,
ftype: '',
showDailogData: {}
}
},
watch: {
treeSearchKey: {
handler(newName, oldName) {
if(this.treeSearchKey==''){
if (this.treeSearchKey == '') {
this.getTreeData()
}
if (newName != oldName) {
this.listen=true
this.treeData.map((item => {
this.listen = true
this.treeData.map((item) => {
this.treeDatas = item.children.filter((item) => {
return item.name.indexOf(this.treeSearchKey) > -1
})
}))
})
}
}
}
......@@ -305,9 +542,7 @@ export default {
}
},
treeSearch() {
},
treeSearch() {},
projectDetail(val) {
this.setProjectID(val.projectId)
......@@ -337,8 +572,8 @@ export default {
},
concatRef(data) {
let datas = []
Object.keys(data).forEach(item => {
data[item].forEach(items => {
Object.keys(data).forEach((item) => {
data[item].forEach((items) => {
switch (item) {
case 'BUSINESS':
items.type = '业务服务'
......@@ -363,19 +598,19 @@ export default {
if (isB) {
switch (row.ftype) {
case '业务服务':
businessservicedependend(row.id).then(res => {
businessservicedependend(row.id).then((res) => {
vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data)
})
break
case '代理服务':
proxyservicedepend(row.id).then(res => {
proxyservicedepend(row.id).then((res) => {
vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data)
})
break
case '消息流':
listflowdependened(row.id).then(res => {
listflowdependened(row.id).then((res) => {
vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data)
})
......@@ -387,7 +622,7 @@ export default {
// })
// break
case '资源文件':
resourcefiledepend(row.id).then(res => {
resourcefiledepend(row.id).then((res) => {
vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data)
})
......@@ -396,19 +631,19 @@ export default {
} else {
switch (row.ftype) {
case '业务服务':
businessservicedependent(row.id).then(res => {
businessservicedependent(row.id).then((res) => {
vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data)
})
break
case '代理服务':
proxyservicedepent(row.id).then(res => {
proxyservicedepent(row.id).then((res) => {
vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data)
})
break
case '消息流':
listflowdependenet(row.id).then(res => {
listflowdependenet(row.id).then((res) => {
vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data)
})
......@@ -416,6 +651,14 @@ export default {
}
}
},
// 表格操作，弹出框
handleDailog(ftype, data) {
this.ftype = ftype
this.showDailogData = data
// console.log('res.data.list[0]', res.data.list[0])
// 展示dailog组件
this.isShowEditDailog = true
},
editData(row) {
const vm = this
const filter = [
......@@ -426,26 +669,29 @@ export default {
]
switch (row.ftype) {
case '业务服务':
queryBusinessService({ filters: filter }).then(res => {
queryBusinessService({ filters: filter }).then((res) => {
if (res.status === '200') {
vm.currentRow = res.data.list[0]
vm.type = 'business'
// vm.currentRow = res.data.list[0]
// vm.type = 'business'
vm.handleDailog(row.ftype, res.data.list[0])
}
})
break
case '消息流':
queryFlow({ filters: filter }).then(res => {
queryFlow({ filters: filter }).then((res) => {
if (res.status === '200') {
vm.currentRow = res.data.list[0]
vm.type = 'flow'
// vm.currentRow = res.data.list[0]
// vm.type = 'flow'
vm.handleDailog(row.ftype, res.data.list[0])
}
})
break
case '代理服务':
queryProxyService({ filters: filter }).then(res => {
queryProxyService({ filters: filter }).then((res) => {
if (res.status === '200') {
vm.currentRow = res.data.list[0]
vm.type = 'agency'
// vm.currentRow = res.data.list[0]
// vm.type = 'agency'
vm.handleDailog(row.ftype, res.data.list[0])
}
})
break
......@@ -458,7 +704,7 @@ export default {
// })
// break
case 'SQL构建器':
querySqlBuilderList({ filters: filter }).then(res => {
querySqlBuilderList({ filters: filter }).then((res) => {
if (res.status === '200') {
vm.currentRow = res.data.list[0]
vm.type = 'sql'
......@@ -468,16 +714,17 @@ export default {
case '资源文件':
if (['wsdl', 'jslt', 'xslt'].indexOf(row.stype) !== -1) {
filter.push({
key: 'type', value: row.stype
key: 'type',
value: row.stype
})
listFiles({ filters: filter }).then(res => {
listFiles({ filters: filter }).then((res) => {
if (res.status === '200') {
vm.currentRow = res.data.list[0]
vm.type = 'resource'
}
})
} else if (row.stype === 'sql构建器') {
querySqlBuilderList({ filters: filter }).then(res => {
querySqlBuilderList({ filters: filter }).then((res) => {
if (res.status === '200') {
vm.currentRow = res.data.list[0]
vm.type = 'sql'
......@@ -487,18 +734,21 @@ export default {
break
}
},
delData(name, item) {
const vm = this
switch (name) {
case '代理服务':
deleteProxyService(item.id).then(res => {
deleteProxyService(item.id)
.then((res) => {
this.$message({
message: '删除成功',
type: 'success',
duration: 1000
})
vm.quickSearch()
}).catch(e => {
})
.catch((e) => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
......@@ -525,7 +775,8 @@ export default {
})
break
case '业务服务':
deleteBusinessService(item.id).then(res => {
deleteBusinessService(item.id)
.then((res) => {
if (res.status === '500') {
this.$message.error(res.message)
} else {
......@@ -536,7 +787,8 @@ export default {
})
}
vm.quickSearch()
}).catch(e => {
})
.catch((e) => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
......@@ -563,14 +815,16 @@ export default {
})
break
case '消息流':
deleteFlow(item.id).then(res => {
deleteFlow(item.id)
.then((res) => {
this.$message({
message: '删除成功',
type: 'success',
duration: 1000
})
vm.quickSearch()
}).catch(e => {
})
.catch((e) => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
......@@ -607,13 +861,15 @@ export default {
// })
// break
case '资源文件':
deleteResource(item.id).then(res => {
deleteResource(item.id)
.then((res) => {
this.$message({
message: '删除成功',
type: 'success'
})
vm.quickSearch()
}).catch(e => {
})
.catch((e) => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
......@@ -639,13 +895,15 @@ export default {
})
break
case 'SQL构建器':
deleteSqlBuilder(item.id).then(res => {
deleteSqlBuilder(item.id)
.then((res) => {
this.$message({
message: '删除成功',
type: 'success'
})
vm.quickSearch()
}).catch(e => {
})
.catch((e) => {
if (e.status === '500') {
this.$message({
message: e.message,
......@@ -660,7 +918,11 @@ export default {
this.loadingS = true
const vm = this
let filters = []
if (['消息流', '连接器', '业务服务', '代理服务', 'SQL构建器'].indexOf(val) === -1) {
if (
['消息流', '连接器', '业务服务', '代理服务', 'SQL构建器'].indexOf(
val
) === -1
) {
filters = [
{
key: 'level',
......@@ -688,8 +950,7 @@ export default {
opt: 'LIKE',
type: 'S',
value: val
},
}
]
}
if (vm.project.id && vm.project.id !== 0) {
......@@ -730,7 +991,7 @@ export default {
opt: 'LIKE',
type: 'S',
value: vm.types
},
}
// {
// key: 'projectName',
// opt: 'LIKE',
......@@ -742,6 +1003,7 @@ export default {
console.log('123', filters)
},
operate(row, name) {
// row为当前行数据，name为操作类型
const vm = this
switch (name) {
case 'refs':
......@@ -751,20 +1013,23 @@ export default {
const filters = [
{
key: 'proxy_service_id',
opt: "LIKE",
type: "S",
value: row.id,
opt: 'LIKE',
type: 'S',
value: row.id
}
]
versionQuery({
filters: filters,
orderby: "updateon",
orderby: 'updateon',
pageNum: 1,
pageSize: 1000,
sort: "desc"
}).then(res => {
sort: 'desc'
}).then((res) => {
res.data.list.forEach((item) => {
item.updateon = getFormateDate(item.updateon, 'yyyy-MM-dd hh:mm:ss')
item.updateon = getFormateDate(
item.updateon,
'yyyy-MM-dd hh:mm:ss'
)
})
this.oldData = res.data.list
this.oldDialog = true
......@@ -782,7 +1047,14 @@ export default {
break
case 'clone':
this.rows = row
this.cloneType = row.ftype === '消息流' ? 'flow' : row.ftype === '代理服务' ? 'agency' : row.ftype === '业务服务' ? 'business' : 'resource'
this.cloneType =
row.ftype === '消息流'
? 'flow'
: row.ftype === '代理服务'
? 'agency'
: row.ftype === '业务服务'
? 'business'
: 'resource'
this.dialogClone = true
break
case 'del':
......@@ -799,6 +1071,7 @@ export default {
} else {
names = row.ftype
}
// 调用删除函数
vm.delData(names, row)
})
break
......@@ -809,12 +1082,16 @@ export default {
if (row.ftype === '项目') {
this.project = row
}
if ((row.children && row.ftype === '项目' && row.name !== '所有项目') || row.ftype !== '项目') {
if (
(row.children && row.ftype === '项目' && row.name !== '所有项目') ||
row.ftype !== '项目'
) {
this.tableList = []
if (row.children) {
this.tableList = row.children.filter(item => item.ftype !== '连接器')
}
else {
this.tableList = row.children.filter(
(item) => item.ftype !== '连接器'
)
} else {
if (row.ftype !== '连接器') this.tableList.push(row)
}
return
......@@ -833,19 +1110,21 @@ export default {
opt: 'LIKE',
type: 'S',
value: row.id
},
}
]
vm.getTreeData(filters, row, column)
},
getTreeData(Efilters, row, col) {
const vm = this
if (!Efilters) {
Efilters = [{
Efilters = [
{
key: 'level',
opt: 'LIKE',
type: 'S',
value: 1
}]
}
]
}
let pageSize
if (Efilters.length === 1) {
......@@ -859,19 +1138,27 @@ export default {
orderby: 'updateon',
sort: 'desc',
pageNum: vm.page.pageNum,
pageSize: pageSize,
}).then(res => {
pageSize: pageSize
})
.then((res) => {
console.log('打印数据', res)
vm.loadingS = false
if (Efilters.length > 1) {
res.data.list.forEach(item => {
item.updateon = getFormateDate(item.updateon, 'yyyy-MM-dd hh:mm:ss')
res.data.list.forEach((item) => {
item.updateon = getFormateDate(
item.updateon,
'yyyy-MM-dd hh:mm:ss'
)
})
if (vm.project.id && !vm.project.children) {
row.children = res.data.list.filter(item => item.ftype !== '适配器')
row.children = res.data.list.filter(
(item) => item.ftype !== '适配器'
)
vm.loadingT = !vm.loadingT
}
vm.tableList = res.data.list.filter(item => item.ftype !== '适配器')
vm.tableList = res.data.list.filter(
(item) => item.ftype !== '适配器'
)
vm.page.total = res.data.total
} else {
const trees = [
......@@ -882,10 +1169,13 @@ export default {
children: []
}
]
trees[0].children = res.data.list.filter(item => item.ftype !== '连接器')
trees[0].children = res.data.list.filter(
(item) => item.ftype !== '连接器'
)
vm.treeData = trees
}
}).catch((e) => {
})
.catch((e) => {
vm.loadingS = false
})
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment