Skip to content

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

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

parent 2c2ae74b
Hide 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 { ...@@ -74,24 +74,6 @@ export default {
]), ]),
// 登录事件 // 登录事件
loginClick(formName) { 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) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.load = true this.load = true
...@@ -106,9 +88,10 @@ export default { ...@@ -106,9 +88,10 @@ export default {
id: this.form.name, id: this.form.name,
displayname: this.form.name displayname: this.form.name
} }
// 将用户信息存储再vuex中
this.setUserInfo(data) this.setUserInfo(data)
// 获取导航权限
this.getNavigationMenu() this.getNavigationMenu()
// this.$router.push({ path: '/' })
this.load = false this.load = false
} else if (rt.status === '401') { } else if (rt.status === '401') {
this.$message.error('用户名密码错误') this.$message.error('用户名密码错误')
...@@ -124,11 +107,11 @@ export default { ...@@ -124,11 +107,11 @@ export default {
// 获取导航权限 // 获取导航权限
getNavigationMenu() { getNavigationMenu() {
var that = this var that = this
console.log(111)
getAllGroups2().then((res) => { getAllGroups2().then((res) => {
if (!res) return false if (!res) return false
getNavAll3(res.data[0].id).then((rt) => { getNavAll3(res.data[0].id).then((rt) => {
that.servemenuList = rt.data that.servemenuList = rt.data
// 跳转至首页
that.$router.push({ path: '/' }) that.$router.push({ path: '/' })
}) })
}) })
......
src/views/search/index.vue
View file @ 193604ea
<template> <template>
<div class="serach"> <div class="serach">
<div class="tree" > <div class="tree">
<el-input class="searchinput" v-model="treeSearchKey" @keyup.enter.native="treeSearch" <el-input
:title="placeholders" :placeholder="placeholders"> class="searchinput"
v-model="treeSearchKey"
@keyup.enter.native="treeSearch"
:title="placeholders"
:placeholder="placeholders"
>
</el-input> </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" <el-tree
@node-click="handleNodeClick"></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" <el-tree
@node-click="handleNodeClick"></el-tree> empty-text=""
v-model="typet"
:data="treeDatas"
node-key="id"
:key="loadingT"
:props="props"
@node-click="handleNodeClick"
></el-tree>
</div> </div>
<div class="list"> <div class="list">
<div class="search-header"> <div class="search-header">
<div class="tool-common-wrap"> <div class="tool-common-wrap">
<div class="search-wrap"> <div class="search-wrap">
<div class="QuickQuery"> <div class="QuickQuery">
<el-select v-model="types" @change="typeChange" placeholder="全部类型"> <el-select
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> 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-option>
</el-select> </el-select>
<el-input clearable v-model="searchKey" @keyup.enter.native="quickSearch" :title="placeholder" <el-input
:placeholder="placeholder"> clearable
v-model="searchKey"
@keyup.enter.native="quickSearch"
:title="placeholder"
:placeholder="placeholder"
>
<span slot="append" @click="quickSearch">搜索</span> <span slot="append" @click="quickSearch">搜索</span>
</el-input> </el-input>
</div> </div>
...@@ -34,84 +67,221 @@ ...@@ -34,84 +67,221 @@
</div> </div>
</div> </div>
<div class="tableHeight"> <div class="tableHeight">
<el-table ref="singleTable" :data="tableList" border v-loading="loadingS" highlight-current-row <el-table
type="selection"> ref="singleTable"
<el-table-column prop="name" align="center" show-overflow-tooltip label="名称"> :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"> <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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="ftype" align="center" width="100" label="类型"> <el-table-column prop="ftype" align="center" width="100" label="类型">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.stype">{{scope.row.stype}}</span> <span v-if="scope.row.stype">{{ scope.row.stype }}</span>
<span v-else>{{scope.row.ftype}}</span> <span v-else>{{ scope.row.ftype }}</span>
</template> </template>
</el-table-column> </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"> <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> </template>
</el-table-column> </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>
<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>
<el-table-column prop="operate" align="center" label="操作" width="200"> <el-table-column
prop="operate"
align="center"
label="操作"
width="200"
>
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <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 === '代理服务'" icon="el-icon-tickets" class="icon-button" type="text" @click="operate(scope.row, 'old')"> <el-button v-if="scope.row.ftype === '代理服务'" icon="el-icon-tickets" class="icon-button" type="text" @click="operate(scope.row, 'old')">
</el-button> </el-button>
</el-tooltip> --> </el-tooltip> -->
<el-tooltip class="item" effect="dark" content="被依赖" placement="top"> <el-tooltip
<el-button class="icon-button" type="text" @click="operate(scope.row, 'refs')"> class="item"
<svg t="1654158377941" class="icon" viewBox="0 0 1024 1024" version="1.1" effect="dark"
xmlns="http://www.w3.org/2000/svg" p-id="6958" width="14" height="14"> content="被依赖"
<path d="M576 256H1024v64H576zM0 704h448V768H0zM256 960h768v64H256zM0 0h768v64H0z" p-id="6959" placement="top"
fill="#2d42af"></path> >
<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 <path
d="M704 0H768v192h-64zM256 832h64V1024H256zM0 0h64v768H0zM960 256h64v768h-64zM301.252267 256L781.917867 736.682667l-45.252267 45.252266L256 301.2608z" 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> </svg>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="依赖于" placement="top"> <el-tooltip
<el-button class="icon-button" type="text" @click="operate(scope.row, 'ref')" style="margin-left:10px"> class="item"
<svg t="1654158419796" class="icon" viewBox="0 0 1024 1024" version="1.1" effect="dark"
xmlns="http://www.w3.org/2000/svg" p-id="7250" width="14" height="14"> content="依赖于"
<path d="M410.996 101.004v65.629h431.011v713.076h-431.01v65.63h496.64V101.003h-496.64z" p-id="7251" placement="top"
fill="#2d42af"></path> >
<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 <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" 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> </svg>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="克隆" placement="top"> <el-tooltip
class="item"
effect="dark"
content="克隆"
placement="top"
>
<el-button <el-button
v-if="scope.row.ftype === '消息流' || scope.row.ftype === '业务服务' || scope.row.ftype === '代理服务' || scope.row.ftype === '资源文件'" v-if="
class="icon-button" type="text" @click="operate(scope.row, 'clone')" style="margin-left:10px" scope.row.ftype === '消息流' ||
icon="el-icon-document-copy"></el-button> 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>
<el-tooltip class="item" effect="dark" content="消息流" placement="top"> <el-tooltip
<el-button v-if="scope.row.ftype === '消息流'" class="icon-button" type="text" class="item"
@click="operate(scope.row, 'editflow')" icon="el-icon-set-up" style="margin-left:10px"></el-button> 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>
<el-tooltip class="item" effect="dark" content="编辑" placement="top"> <el-tooltip
<el-button class="icon-button" type="text" @click="operate(scope.row, 'edit')" style="margin-left:10px" class="item"
icon="el-icon-edit-outline"></el-button> 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>
<el-tooltip class="item" effect="dark" content="删除" placement="top"> <el-tooltip
<el-button class="icon-button" type="text" @click="operate(scope.row, 'del')" style="margin-left:10px" class="item"
icon="el-icon-delete"></el-button> 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> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<el-pagination :page-size="page.pageSize" :current-page.sync="page.pageNum" background <el-pagination
@current-change="quickSearch" :total="page.total" /> :page-size="page.pageSize"
:current-page.sync="page.pageNum"
background
@current-change="quickSearch"
:total="page.total"
/>
</div> </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-form :model="formData" label-width="50px" :rules="rules">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
...@@ -146,16 +316,44 @@ ...@@ -146,16 +316,44 @@
<el-button type="primary" @click="submit">确 定</el-button> <el-button type="primary" @click="submit">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog title="引用" :close-on-click-modal="false" :visible.sync="dialogVisible" width="800px" top="5vh" <el-dialog
append-to-body @close="closeDialog"> title="引用"
:close-on-click-modal="false"
:visible.sync="dialogVisible"
width="800px"
top="5vh"
append-to-body
@close="closeDialog"
>
<div class=""> <div class="">
<el-table :data="relyTableList" border highlight-current-row height="400" <el-table
style="width: 100%; margin-bottom: 10px" size="mini"> :data="relyTableList"
<el-table-column prop="name" label="名称" align="center" show-overflow-tooltip> 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>
<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>
<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-column>
</el-table> </el-table>
</div> </div>
...@@ -164,8 +362,25 @@ ...@@ -164,8 +362,25 @@
</span> </span>
</el-dialog> </el-dialog>
<oldDialog :visibles="oldDialog" :rowData="oldData" @confirm="closeOld" /> <oldDialog :visibles="oldDialog" :rowData="oldData" @confirm="closeOld" />
<edit-dialog :type="type" :currentRow="currentRow" :title="titleR" @confirm="handleSubmit"></edit-dialog> <edit-dialog
<cloneSouce :type="cloneType" v-model="dialogClone" :row="rows" @confirm="cloneEnd" /> :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> </div>
</template> </template>
...@@ -176,20 +391,39 @@ import cloneSouce from '@/components/clone' ...@@ -176,20 +391,39 @@ import cloneSouce from '@/components/clone'
import { exportDatas } from '@/api/project_list' import { exportDatas } from '@/api/project_list'
import { getFormateDate } from '@/utils/common' import { getFormateDate } from '@/utils/common'
import { import {
deleteFlow, deleteBusinessService, deleteProxyService, deleteConnector, deleteResource, deleteFlow,
queryBusinessService, queryProxyService, queryConnector, queryFlow, listFiles, deleteBusinessService,
proxyservicedepent, businessservicedependent, listflowdependenet, connectordependened, deleteProxyService,
proxyservicedepend, businessservicedependend, listflowdependened, resourcefiledepend deleteConnector,
deleteResource,
queryBusinessService,
queryProxyService,
queryConnector,
queryFlow,
listFiles,
proxyservicedepent,
businessservicedependent,
listflowdependenet,
connectordependened,
proxyservicedepend,
businessservicedependend,
listflowdependened,
resourcefiledepend
} from '@/api/esb_service' } from '@/api/esb_service'
import { versionQuery } from '@/api/system_manage' 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' import { createNamespacedHelpers } from 'vuex'
const { mapMutations } = createNamespacedHelpers('app') const { mapMutations } = createNamespacedHelpers('app')
export default { export default {
components: { components: {
editDialog, editDialog,
oldDialog, oldDialog,
cloneSouce cloneSouce,
showEditDailog
}, },
data() { data() {
return { return {
...@@ -250,9 +484,9 @@ export default { ...@@ -250,9 +484,9 @@ export default {
treeData: [], treeData: [],
tableList: [], tableList: [],
relyTableList: [], relyTableList: [],
treeDatas:[], treeDatas: [],
searchKey: '', searchKey: '',
typet:'', typet: '',
placeholder: '代理服务/消息流/业务服务/资源文件', placeholder: '代理服务/消息流/业务服务/资源文件',
placeholders: '搜索项目', placeholders: '搜索项目',
treeSearchKey: '', treeSearchKey: '',
...@@ -266,23 +500,26 @@ export default { ...@@ -266,23 +500,26 @@ export default {
titleR: '', titleR: '',
currentRow: {}, currentRow: {},
loadingT: false, loadingT: false,
loadingS: false loadingS: false,
isShowEditDailog: false,
ftype: '',
showDailogData: {}
} }
}, },
watch: { watch: {
treeSearchKey: { treeSearchKey: {
handler(newName, oldName) { handler(newName, oldName) {
if(this.treeSearchKey==''){ if (this.treeSearchKey == '') {
this.getTreeData() this.getTreeData()
} }
if (newName != oldName) { if (newName != oldName) {
this.listen=true this.listen = true
this.treeData.map((item => { this.treeData.map((item) => {
this.treeDatas = item.children.filter((item) => { this.treeDatas = item.children.filter((item) => {
return item.name.indexOf(this.treeSearchKey) > -1 return item.name.indexOf(this.treeSearchKey) > -1
})
}) })
})) }
}
} }
} }
}, },
...@@ -305,9 +542,7 @@ export default { ...@@ -305,9 +542,7 @@ export default {
} }
}, },
treeSearch() { treeSearch() {},
},
projectDetail(val) { projectDetail(val) {
this.setProjectID(val.projectId) this.setProjectID(val.projectId)
...@@ -337,8 +572,8 @@ export default { ...@@ -337,8 +572,8 @@ export default {
}, },
concatRef(data) { concatRef(data) {
let datas = [] let datas = []
Object.keys(data).forEach(item => { Object.keys(data).forEach((item) => {
data[item].forEach(items => { data[item].forEach((items) => {
switch (item) { switch (item) {
case 'BUSINESS': case 'BUSINESS':
items.type = '业务服务' items.type = '业务服务'
...@@ -363,19 +598,19 @@ export default { ...@@ -363,19 +598,19 @@ export default {
if (isB) { if (isB) {
switch (row.ftype) { switch (row.ftype) {
case '业务服务': case '业务服务':
businessservicedependend(row.id).then(res => { businessservicedependend(row.id).then((res) => {
vm.dialogVisible = true vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data) vm.relyTableList = vm.concatRef(res.data)
}) })
break break
case '代理服务': case '代理服务':
proxyservicedepend(row.id).then(res => { proxyservicedepend(row.id).then((res) => {
vm.dialogVisible = true vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data) vm.relyTableList = vm.concatRef(res.data)
}) })
break break
case '消息流': case '消息流':
listflowdependened(row.id).then(res => { listflowdependened(row.id).then((res) => {
vm.dialogVisible = true vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data) vm.relyTableList = vm.concatRef(res.data)
}) })
...@@ -387,7 +622,7 @@ export default { ...@@ -387,7 +622,7 @@ export default {
// }) // })
// break // break
case '资源文件': case '资源文件':
resourcefiledepend(row.id).then(res => { resourcefiledepend(row.id).then((res) => {
vm.dialogVisible = true vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data) vm.relyTableList = vm.concatRef(res.data)
}) })
...@@ -396,19 +631,19 @@ export default { ...@@ -396,19 +631,19 @@ export default {
} else { } else {
switch (row.ftype) { switch (row.ftype) {
case '业务服务': case '业务服务':
businessservicedependent(row.id).then(res => { businessservicedependent(row.id).then((res) => {
vm.dialogVisible = true vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data) vm.relyTableList = vm.concatRef(res.data)
}) })
break break
case '代理服务': case '代理服务':
proxyservicedepent(row.id).then(res => { proxyservicedepent(row.id).then((res) => {
vm.dialogVisible = true vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data) vm.relyTableList = vm.concatRef(res.data)
}) })
break break
case '消息流': case '消息流':
listflowdependenet(row.id).then(res => { listflowdependenet(row.id).then((res) => {
vm.dialogVisible = true vm.dialogVisible = true
vm.relyTableList = vm.concatRef(res.data) vm.relyTableList = vm.concatRef(res.data)
}) })
...@@ -416,6 +651,14 @@ export default { ...@@ -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) { editData(row) {
const vm = this const vm = this
const filter = [ const filter = [
...@@ -426,26 +669,29 @@ export default { ...@@ -426,26 +669,29 @@ export default {
] ]
switch (row.ftype) { switch (row.ftype) {
case '业务服务': case '业务服务':
queryBusinessService({ filters: filter }).then(res => { queryBusinessService({ filters: filter }).then((res) => {
if (res.status === '200') { if (res.status === '200') {
vm.currentRow = res.data.list[0] // vm.currentRow = res.data.list[0]
vm.type = 'business' // vm.type = 'business'
vm.handleDailog(row.ftype, res.data.list[0])
} }
}) })
break break
case '消息流': case '消息流':
queryFlow({ filters: filter }).then(res => { queryFlow({ filters: filter }).then((res) => {
if (res.status === '200') { if (res.status === '200') {
vm.currentRow = res.data.list[0] // vm.currentRow = res.data.list[0]
vm.type = 'flow' // vm.type = 'flow'
vm.handleDailog(row.ftype, res.data.list[0])
} }
}) })
break break
case '代理服务': case '代理服务':
queryProxyService({ filters: filter }).then(res => { queryProxyService({ filters: filter }).then((res) => {
if (res.status === '200') { if (res.status === '200') {
vm.currentRow = res.data.list[0] // vm.currentRow = res.data.list[0]
vm.type = 'agency' // vm.type = 'agency'
vm.handleDailog(row.ftype, res.data.list[0])
} }
}) })
break break
...@@ -458,7 +704,7 @@ export default { ...@@ -458,7 +704,7 @@ export default {
// }) // })
// break // break
case 'SQL构建器': case 'SQL构建器':
querySqlBuilderList({ filters: filter }).then(res => { querySqlBuilderList({ filters: filter }).then((res) => {
if (res.status === '200') { if (res.status === '200') {
vm.currentRow = res.data.list[0] vm.currentRow = res.data.list[0]
vm.type = 'sql' vm.type = 'sql'
...@@ -468,16 +714,17 @@ export default { ...@@ -468,16 +714,17 @@ export default {
case '资源文件': case '资源文件':
if (['wsdl', 'jslt', 'xslt'].indexOf(row.stype) !== -1) { if (['wsdl', 'jslt', 'xslt'].indexOf(row.stype) !== -1) {
filter.push({ 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') { if (res.status === '200') {
vm.currentRow = res.data.list[0] vm.currentRow = res.data.list[0]
vm.type = 'resource' vm.type = 'resource'
} }
}) })
} else if (row.stype === 'sql构建器') { } else if (row.stype === 'sql构建器') {
querySqlBuilderList({ filters: filter }).then(res => { querySqlBuilderList({ filters: filter }).then((res) => {
if (res.status === '200') { if (res.status === '200') {
vm.currentRow = res.data.list[0] vm.currentRow = res.data.list[0]
vm.type = 'sql' vm.type = 'sql'
...@@ -487,114 +734,121 @@ export default { ...@@ -487,114 +734,121 @@ export default {
break break
} }
}, },
delData(name, item) { delData(name, item) {
const vm = this const vm = this
switch (name) { switch (name) {
case '代理服务': case '代理服务':
deleteProxyService(item.id).then(res => { deleteProxyService(item.id)
this.$message({ .then((res) => {
message: '删除成功',
type: 'success',
duration: 1000
})
vm.quickSearch()
}).catch(e => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
const arr = []
for (var i = 0; i < proxyData.length; i++) {
arr.push(proxyData[i].name)
}
const businessData = errData.data[0].BUSINESS || []
const businessArr = []
for (var l = 0; l < businessData.length; l++) {
businessArr.push(businessData[l].name)
}
const flowData = errData.data[0].FLOW || []
const flowArr = []
for (var n = 0; n < flowData.length; n++) {
flowArr.push(flowData[n].name)
}
this.$message({
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`,
type: 'error'
})
}
})
break
case '业务服务':
deleteBusinessService(item.id).then(res => {
if (res.status === '500') {
this.$message.error(res.message)
} else {
this.$message({ this.$message({
message: '删除成功', message: '删除成功',
type: 'success', type: 'success',
duration: 1000 duration: 1000
}) })
} vm.quickSearch()
vm.quickSearch() })
}).catch(e => { .catch((e) => {
if (e.status === '500') { if (e.status === '500') {
const errData = e const errData = e
const proxyData = errData.data[0].PROXY || [] const proxyData = errData.data[0].PROXY || []
const arr = [] const arr = []
for (var i = 0; i < proxyData.length; i++) { for (var i = 0; i < proxyData.length; i++) {
arr.push(proxyData[i].name) arr.push(proxyData[i].name)
}
const businessData = errData.data[0].BUSINESS || []
const businessArr = []
for (var l = 0; l < businessData.length; l++) {
businessArr.push(businessData[l].name)
}
const flowData = errData.data[0].FLOW || []
const flowArr = []
for (var n = 0; n < flowData.length; n++) {
flowArr.push(flowData[n].name)
}
this.$message({
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`,
type: 'error'
})
} }
const businessData = errData.data[0].BUSINESS || [] })
const businessArr = [] break
for (var l = 0; l < businessData.length; l++) { case '业务服务':
businessArr.push(businessData[l].name) deleteBusinessService(item.id)
.then((res) => {
if (res.status === '500') {
this.$message.error(res.message)
} else {
this.$message({
message: '删除成功',
type: 'success',
duration: 1000
})
} }
vm.quickSearch()
})
.catch((e) => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
const arr = []
for (var i = 0; i < proxyData.length; i++) {
arr.push(proxyData[i].name)
}
const businessData = errData.data[0].BUSINESS || []
const businessArr = []
for (var l = 0; l < businessData.length; l++) {
businessArr.push(businessData[l].name)
}
const flowData = errData.data[0].FLOW || [] const flowData = errData.data[0].FLOW || []
const flowArr = [] const flowArr = []
for (var n = 0; n < flowData.length; n++) { for (var n = 0; n < flowData.length; n++) {
flowArr.push(flowData[n].name) flowArr.push(flowData[n].name)
}
this.$message({
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`,
type: 'error'
})
} }
this.$message({ })
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`,
type: 'error'
})
}
})
break break
case '消息流': case '消息流':
deleteFlow(item.id).then(res => { deleteFlow(item.id)
this.$message({ .then((res) => {
message: '删除成功', this.$message({
type: 'success', message: '删除成功',
duration: 1000 type: 'success',
duration: 1000
})
vm.quickSearch()
}) })
vm.quickSearch() .catch((e) => {
}).catch(e => { if (e.status === '500') {
if (e.status === '500') { const errData = e
const errData = e const proxyData = errData.data[0].PROXY || []
const proxyData = errData.data[0].PROXY || [] const arr = []
const arr = [] for (var i = 0; i < proxyData.length; i++) {
for (var i = 0; i < proxyData.length; i++) { arr.push(proxyData[i].name)
arr.push(proxyData[i].name) }
} const businessData = errData.data[0].BUSINESS || []
const businessData = errData.data[0].BUSINESS || [] const businessArr = []
const businessArr = [] for (var l = 0; l < businessData.length; l++) {
for (var l = 0; l < businessData.length; l++) { businessArr.push(businessData[l].name)
businessArr.push(businessData[l].name) }
}
const flowData = errData.data[0].FLOW || [] const flowData = errData.data[0].FLOW || []
const flowArr = [] const flowArr = []
for (var n = 0; n < flowData.length; n++) { for (var n = 0; n < flowData.length; n++) {
flowArr.push(flowData[n].name) flowArr.push(flowData[n].name)
}
this.$message({
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`,
type: 'error'
})
} }
this.$message({ })
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`,
type: 'error'
})
}
})
break break
// case '连接器': // case '连接器':
// deleteConnector(item.id).then(res => { // deleteConnector(item.id).then(res => {
...@@ -607,52 +861,56 @@ export default { ...@@ -607,52 +861,56 @@ export default {
// }) // })
// break // break
case '资源文件': case '资源文件':
deleteResource(item.id).then(res => { deleteResource(item.id)
this.$message({ .then((res) => {
message: '删除成功',
type: 'success'
})
vm.quickSearch()
}).catch(e => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
const arr = []
for (var i = 0; i < proxyData.length; i++) {
arr.push(proxyData[i].name)
}
const businessData = errData.data[0].BUSINESS || []
const businessArr = []
for (var l = 0; l < businessData.length; l++) {
businessArr.push(businessData[l].name)
}
const flowData = errData.data[0].FLOW || []
const flowArr = []
for (var n = 0; n < flowData.length; n++) {
flowArr.push(flowData[n].name)
}
this.$message({ this.$message({
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`, message: '删除成功',
type: 'error' type: 'success'
}) })
} vm.quickSearch()
}) })
.catch((e) => {
if (e.status === '500') {
const errData = e
const proxyData = errData.data[0].PROXY || []
const arr = []
for (var i = 0; i < proxyData.length; i++) {
arr.push(proxyData[i].name)
}
const businessData = errData.data[0].BUSINESS || []
const businessArr = []
for (var l = 0; l < businessData.length; l++) {
businessArr.push(businessData[l].name)
}
const flowData = errData.data[0].FLOW || []
const flowArr = []
for (var n = 0; n < flowData.length; n++) {
flowArr.push(flowData[n].name)
}
this.$message({
message: `删除失败,正被以下资源依赖：${arr}、${businessArr}、${flowArr}`,
type: 'error'
})
}
})
break break
case 'SQL构建器': case 'SQL构建器':
deleteSqlBuilder(item.id).then(res => { deleteSqlBuilder(item.id)
this.$message({ .then((res) => {
message: '删除成功',
type: 'success'
})
vm.quickSearch()
}).catch(e => {
if (e.status === '500') {
this.$message({ this.$message({
message: e.message, message: '删除成功',
type: 'error' type: 'success'
}) })
} vm.quickSearch()
}) })
.catch((e) => {
if (e.status === '500') {
this.$message({
message: e.message,
type: 'error'
})
}
})
break break
} }
}, },
...@@ -660,7 +918,11 @@ export default { ...@@ -660,7 +918,11 @@ export default {
this.loadingS = true this.loadingS = true
const vm = this const vm = this
let filters = [] let filters = []
if (['消息流', '连接器', '业务服务', '代理服务', 'SQL构建器'].indexOf(val) === -1) { if (
['消息流', '连接器', '业务服务', '代理服务', 'SQL构建器'].indexOf(
val
) === -1
) {
filters = [ filters = [
{ {
key: 'level', key: 'level',
...@@ -688,8 +950,7 @@ export default { ...@@ -688,8 +950,7 @@ export default {
opt: 'LIKE', opt: 'LIKE',
type: 'S', type: 'S',
value: val value: val
}, }
] ]
} }
if (vm.project.id && vm.project.id !== 0) { if (vm.project.id && vm.project.id !== 0) {
...@@ -730,7 +991,7 @@ export default { ...@@ -730,7 +991,7 @@ export default {
opt: 'LIKE', opt: 'LIKE',
type: 'S', type: 'S',
value: vm.types value: vm.types
}, }
// { // {
// key: 'projectName', // key: 'projectName',
// opt: 'LIKE', // opt: 'LIKE',
...@@ -742,6 +1003,7 @@ export default { ...@@ -742,6 +1003,7 @@ export default {
console.log('123', filters) console.log('123', filters)
}, },
operate(row, name) { operate(row, name) {
// row为当前行数据，name为操作类型
const vm = this const vm = this
switch (name) { switch (name) {
case 'refs': case 'refs':
...@@ -751,20 +1013,23 @@ export default { ...@@ -751,20 +1013,23 @@ export default {
const filters = [ const filters = [
{ {
key: 'proxy_service_id', key: 'proxy_service_id',
opt: "LIKE", opt: 'LIKE',
type: "S", type: 'S',
value: row.id, value: row.id
} }
] ]
versionQuery({ versionQuery({
filters: filters, filters: filters,
orderby: "updateon", orderby: 'updateon',
pageNum: 1, pageNum: 1,
pageSize: 1000, pageSize: 1000,
sort: "desc" sort: 'desc'
}).then(res => { }).then((res) => {
res.data.list.forEach((item) => { 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.oldData = res.data.list
this.oldDialog = true this.oldDialog = true
...@@ -782,7 +1047,14 @@ export default { ...@@ -782,7 +1047,14 @@ export default {
break break
case 'clone': case 'clone':
this.rows = row 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 this.dialogClone = true
break break
case 'del': case 'del':
...@@ -799,6 +1071,7 @@ export default { ...@@ -799,6 +1071,7 @@ export default {
} else { } else {
names = row.ftype names = row.ftype
} }
// 调用删除函数
vm.delData(names, row) vm.delData(names, row)
}) })
break break
...@@ -809,12 +1082,16 @@ export default { ...@@ -809,12 +1082,16 @@ export default {
if (row.ftype === '项目') { if (row.ftype === '项目') {
this.project = row this.project = row
} }
if ((row.children && row.ftype === '项目' && row.name !== '所有项目') || row.ftype !== '项目') { if (
(row.children && row.ftype === '项目' && row.name !== '所有项目') ||
row.ftype !== '项目'
) {
this.tableList = [] this.tableList = []
if (row.children) { if (row.children) {
this.tableList = row.children.filter(item => item.ftype !== '连接器') this.tableList = row.children.filter(
} (item) => item.ftype !== '连接器'
else { )
} else {
if (row.ftype !== '连接器') this.tableList.push(row) if (row.ftype !== '连接器') this.tableList.push(row)
} }
return return
...@@ -833,19 +1110,21 @@ export default { ...@@ -833,19 +1110,21 @@ export default {
opt: 'LIKE', opt: 'LIKE',
type: 'S', type: 'S',
value: row.id value: row.id
}, }
] ]
vm.getTreeData(filters, row, column) vm.getTreeData(filters, row, column)
}, },
getTreeData(Efilters, row, col) { getTreeData(Efilters, row, col) {
const vm = this const vm = this
if (!Efilters) { if (!Efilters) {
Efilters = [{ Efilters = [
key: 'level', {
opt: 'LIKE', key: 'level',
type: 'S', opt: 'LIKE',
value: 1 type: 'S',
}] value: 1
}
]
} }
let pageSize let pageSize
if (Efilters.length === 1) { if (Efilters.length === 1) {
...@@ -859,35 +1138,46 @@ export default { ...@@ -859,35 +1138,46 @@ export default {
orderby: 'updateon', orderby: 'updateon',
sort: 'desc', sort: 'desc',
pageNum: vm.page.pageNum, pageNum: vm.page.pageNum,
pageSize: pageSize, 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')
})
if (vm.project.id && !vm.project.children) {
row.children = res.data.list.filter(item => item.ftype !== '适配器')
vm.loadingT = !vm.loadingT
}
vm.tableList = res.data.list.filter(item => item.ftype !== '适配器')
vm.page.total = res.data.total
} else {
const trees = [
{
ftype: '项目',
name: '所有项目',
id: 0,
children: []
}
]
trees[0].children = res.data.list.filter(item => item.ftype !== '连接器')
vm.treeData = trees
}
}).catch((e) => {
vm.loadingS = false
}) })
.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'
)
})
if (vm.project.id && !vm.project.children) {
row.children = res.data.list.filter(
(item) => item.ftype !== '适配器'
)
vm.loadingT = !vm.loadingT
}
vm.tableList = res.data.list.filter(
(item) => item.ftype !== '适配器'
)
vm.page.total = res.data.total
} else {
const trees = [
{
ftype: '项目',
name: '所有项目',
id: 0,
children: []
}
]
trees[0].children = res.data.list.filter(
(item) => item.ftype !== '连接器'
)
vm.treeData = trees
}
})
.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