|
|
|
@ -187,7 +187,7 @@ |
|
|
|
|
<el-table-column prop="projectName" label="项目名称" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="applicationName" label="系统名称" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ permissionData.find(e => e.systemId == scope.row.systemId).systemName }} |
|
|
|
|
{{ systems.find(e => e.systemId == scope.row.systemId).systemName }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="排序" align="center" width="100"> |
|
|
|
@ -237,7 +237,7 @@ |
|
|
|
|
<el-table-column prop="projectName" label="项目名称" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="applicationName" label="系统名称" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ permissionData.find(e => e.systemId == scope.row.systemId).systemName }} |
|
|
|
|
{{ systems.find(e => e.systemId == scope.row.systemId).systemName }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="排序" align="center" width="100"> |
|
|
|
@ -268,46 +268,50 @@ |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
<!-- 配置弹窗 --> |
|
|
|
|
<el-dialog :visible.sync="configVisible" width="50%" center> |
|
|
|
|
<div class="flex-between mgb20"> |
|
|
|
|
<div class="flex-center"> |
|
|
|
|
<p class="addhr_tag"></p> |
|
|
|
|
<span>应用列表</span> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model.trim="configSearch" clearable></el-input> |
|
|
|
|
</div> |
|
|
|
|
<el-dialog :visible.sync="configVisible" width="1000px" center custom-class="config-dia"> |
|
|
|
|
<div class="config-wrap"> |
|
|
|
|
<div class="system"> |
|
|
|
|
<div class="title-wrap flex-center"> |
|
|
|
|
<p class="addhr_tag"></p> |
|
|
|
|
<span>系统列表</span> |
|
|
|
|
</div> |
|
|
|
|
<el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model.trim="configSearch" clearable></el-input> |
|
|
|
|
|
|
|
|
|
<ul class="systems"> |
|
|
|
|
<li v-for="(item, i) in systems" :key="i"> |
|
|
|
|
<el-checkbox></el-checkbox> |
|
|
|
|
<div class="name"> |
|
|
|
|
<span>{{ item.systemName }}</span> |
|
|
|
|
<i class="el-icon-arrow-right"></i> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<el-table ref="table" :data="permissionData" class="table" stripe header-align="center" |
|
|
|
|
@selection-change="handleSelectionChange" row-key="systemId"> |
|
|
|
|
<el-table-column type="selection" :selectable="practiceSelectable" width="55" align="center"></el-table-column> |
|
|
|
|
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="systemName" label="系统名称" align="center"></el-table-column> |
|
|
|
|
<el-table-column prop="type" label="系统类型" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ systemTypeKeys[scope.row.type] }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="belong" label="系统归属" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ systemBelongKeys[scope.row.belong] }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="state" label="系统状态" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ systemStatusKeys[scope.row.state] }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
<div class="pagination"> |
|
|
|
|
<el-pagination background @current-change="handleCurrentChange" |
|
|
|
|
layout="total, prev, pager, next" :total="total"> |
|
|
|
|
</el-pagination> |
|
|
|
|
|
|
|
|
|
<div class="system"> |
|
|
|
|
<div class="title-wrap flex-center"> |
|
|
|
|
<p class="addhr_tag"></p> |
|
|
|
|
<span>项目列表</span> |
|
|
|
|
</div> |
|
|
|
|
<el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model.trim="configSearch" clearable></el-input> |
|
|
|
|
|
|
|
|
|
<ul class="systems"> |
|
|
|
|
<li v-for="(item, i) in systems" :key="i"> |
|
|
|
|
<el-checkbox></el-checkbox> |
|
|
|
|
<div class="name"> |
|
|
|
|
<span>{{ item.systemName }}</span> |
|
|
|
|
<i class="el-icon-arrow-right"></i> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="configVisible = false">取 消</el-button> |
|
|
|
|
<el-button type="primary" @click="handleConfirm">确 定</el-button> |
|
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="configVisible = false">取 消</el-button> |
|
|
|
|
<el-button type="primary" @click="handleConfirm">确 定</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
@ -396,8 +400,7 @@ export default { |
|
|
|
|
0: "运行中", |
|
|
|
|
1: "默认" |
|
|
|
|
}, |
|
|
|
|
permissionData: [], |
|
|
|
|
total: 0, |
|
|
|
|
systems: [], |
|
|
|
|
pageNo: 1, |
|
|
|
|
pageSize: 10, |
|
|
|
|
multipleSelection: [], |
|
|
|
@ -415,7 +418,9 @@ export default { |
|
|
|
|
multipleAssessment: [], |
|
|
|
|
submiting: false, // 新增编辑防抖标识 |
|
|
|
|
loadIns: null, |
|
|
|
|
updateTime: 0 |
|
|
|
|
updateTime: 0, |
|
|
|
|
systems: [], |
|
|
|
|
systemChecked: [] |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
@ -442,6 +447,7 @@ export default { |
|
|
|
|
if (this.form.cid) { |
|
|
|
|
this.getInfoData(); |
|
|
|
|
} |
|
|
|
|
// this.getSystems() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
goback() { |
|
|
|
@ -583,8 +589,7 @@ export default { |
|
|
|
|
pageSize: this.pageSize |
|
|
|
|
}; |
|
|
|
|
this.$post(this.api.queryServiceConfig, data).then(res => { |
|
|
|
|
this.permissionData = res.serviceList.records; |
|
|
|
|
this.total = res.serviceList.total; |
|
|
|
|
this.systems = res.serviceList.records; |
|
|
|
|
}).catch(err => { |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
@ -854,48 +859,6 @@ $avatar-width: 104px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.border_lf { |
|
|
|
|
border-left: 1px dashed #eee; |
|
|
|
|
padding: 0 60px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.border_lf label { |
|
|
|
|
width: 120px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.pad_none { |
|
|
|
|
padding: 0 0 0 60px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mar_input { |
|
|
|
|
margin-right: 80px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.marb30 { |
|
|
|
|
margin-bottom: 30px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.tab_temp label { |
|
|
|
|
width: 60px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.mar10 { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.radio_icon { |
|
|
|
|
font-size: 26px; |
|
|
|
|
color: #9278FF; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.card-curriculum { |
|
|
|
|
background: #fff; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
align-items: center; |
|
|
|
|
padding: 10px 120px; |
|
|
|
|
} |
|
|
|
|
.settlement { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
@ -911,4 +874,36 @@ $avatar-width: 104px; |
|
|
|
|
margin-right: 30px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
/deep/.config-dia { |
|
|
|
|
.config-wrap { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
.title-wrap { |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
} |
|
|
|
|
.system { |
|
|
|
|
width: 280px; |
|
|
|
|
padding-right: 20px; |
|
|
|
|
// border-right: 1px solid #ccc; |
|
|
|
|
} |
|
|
|
|
.systems { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
li { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin: 10px 0; |
|
|
|
|
} |
|
|
|
|
.name { |
|
|
|
|
display: inline-flex; |
|
|
|
|
flex: 1; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-left: 5px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&:hover { |
|
|
|
|
color: #9076FF; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |