parent
36c1a45fe2
commit
f508148177
61 changed files with 4383 additions and 5072 deletions
|
After Width: | Height: | Size: 702 B |
@ -1,244 +1,248 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<el-row :gutter="20"> |
<el-row :gutter="20"> |
||||||
<el-col :span="24"> |
<el-col :span="24"> |
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="per_title" v-preventReClick @click="goback()"> |
<div class="per_title" v-preventReClick @click="goback()"> |
||||||
<i class="el-icon-arrow-left"></i> |
<i class="el-icon-arrow-left"></i> |
||||||
<span class="per_back">返回</span> |
<span class="per_back">返回</span> |
||||||
<span class="per_school">{{customerName}}</span> |
<span class="per_school">{{ customerName }}</span> |
||||||
</div> |
</div> |
||||||
</el-card> |
</el-card> |
||||||
|
|
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-center mgb20 user_header"> |
<div class="flex-center mgb20 user_header"> |
||||||
<p class="addhr_tag"></p> |
<p class="addhr_tag"></p> |
||||||
<span>代理配置</span> |
<span>代理配置</span> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<div class="flex-between"> |
<div class="flex-between"> |
||||||
<span>内网地址配置</span> |
<span>内网地址配置</span> |
||||||
<div class="border_lf flex-column"> |
<div class="border_lf flex-column"> |
||||||
<p class="marb30">平台服务</p> |
<p class="marb30">平台服务</p> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>IP</label> |
<label>IP</label> |
||||||
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
||||||
<label>端口</label> |
<label>端口</label> |
||||||
<el-input placeholder="请输入端口号"></el-input> |
<el-input placeholder="请输入端口号"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div class="border_lf pad_none flex-column"> |
<div class="border_lf pad_none flex-column"> |
||||||
<p class="marb30">流媒体服务</p> |
<p class="marb30">流媒体服务</p> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>IP</label> |
<label>IP</label> |
||||||
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
<el-input placeholder="请输入IP地址" class="mar_input"></el-input> |
||||||
<label>端口</label> |
<label>端口</label> |
||||||
<el-input placeholder="请输入端口号"></el-input> |
<el-input placeholder="请输入端口号"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</el-card> |
</el-card> |
||||||
|
|
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-center mgb20"> |
<div class="flex-center mgb20"> |
||||||
<p class="addhr_tag"></p> |
<p class="addhr_tag"></p> |
||||||
<span>应用列表</span> |
<span>应用列表</span> |
||||||
</div> |
</div> |
||||||
<el-table :data="permissionData" class="table" stripe :span-method="SpanMethod" header-align="center"> |
<el-table :data="permissionData" class="table" :span-method="SpanMethod" header-align="center"> |
||||||
<el-table-column prop="id" label="序号" align="center"> |
<el-table-column prop="id" label="序号" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="age" label="应用名称" align="center"> |
<el-table-column prop="age" label="应用名称" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="storeName" label="使用期限" align="center"> |
<el-table-column prop="storeName" label="使用期限" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="total" label="启用时间" align="center"> |
<el-table-column prop="total" label="启用时间" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="payamount" label="结束时间" align="center"> |
<el-table-column prop="payamount" label="结束时间" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="payamount" label="剩余时间" align="center"> |
<el-table-column prop="payamount" label="剩余时间" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="IP" align="center"> |
<el-table-column label="IP" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>内网:</label> |
<label>内网:</label> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
<div class="flex-center mar10"> |
<div class="flex-center mar10"> |
||||||
<label>外网:</label> |
<label>外网:</label> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="端口" align="center"> |
<el-table-column label="端口" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
<div class="tab_temp" v-if="scope.row.Intranet != ''"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>内网:</label> |
<label>内网:</label> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
<div class="flex-center mar10"> |
<div class="flex-center mar10"> |
||||||
<label>外网:</label> |
<label>外网:</label> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<div v-else> |
<div v-else> |
||||||
<el-button type="plain" @click="chooseIp">选择IP与端口</el-button> |
<el-button type="plain" @click="chooseIp">选择IP与端口</el-button> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="操作" align="center"> |
<el-table-column label="操作" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<el-switch |
<el-switch v-model="scope.row.swtich" active-text="开启" inactive-text="关闭" |
||||||
v-model="scope.row.swtich" |
@change="changeSwitch(scope.row)"> |
||||||
active-text="开启" |
</el-switch> |
||||||
inactive-text="关闭" |
</template> |
||||||
@change="changeSwitch(scope.row)"> |
</el-table-column> |
||||||
</el-switch> |
</el-table> |
||||||
</template> |
<div class="pagination"> |
||||||
</el-table-column> |
<el-pagination background layout="total, prev, pager, next" :total="totals"> |
||||||
</el-table> |
</el-pagination> |
||||||
<div class="pagination"> |
</div> |
||||||
<el-pagination background layout="total, prev, pager, next" :total="totals"> |
</el-card> |
||||||
</el-pagination> |
</el-col> |
||||||
</div> |
</el-row> |
||||||
</el-card> |
|
||||||
</el-col> |
|
||||||
</el-row> |
|
||||||
|
|
||||||
<!-- 选择IP --> |
<!-- 选择IP --> |
||||||
<el-dialog :visible.sync="ipVisible" width="70%" center> |
<el-dialog :visible.sync="ipVisible" width="70%" center> |
||||||
<div class="flex-center mgb20"> |
<div class="flex-center mgb20"> |
||||||
<p class="hr_tag"></p> |
<p class="hr_tag"></p> |
||||||
<span>客户列表</span> |
<span>客户列表</span> |
||||||
|
</div> |
||||||
|
<el-table :data="permissionData" class="table" header-align="center"> |
||||||
|
<el-table-column type="index" width="100" label="序号" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="age" label="服务器名称" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="IP" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div class="tab_temp"> |
||||||
|
<div class="flex-center"> |
||||||
|
<label>内网:</label> |
||||||
|
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
||||||
|
</div> |
||||||
|
<div class="flex-center mar10"> |
||||||
|
<label>外网:</label> |
||||||
|
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="端口" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div class="tab_temp"> |
||||||
|
<div class="flex-center"> |
||||||
|
<label>内网:</label> |
||||||
|
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
||||||
|
</div> |
||||||
|
<div class="flex-center mar10"> |
||||||
|
<label>外网:</label> |
||||||
|
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
<el-table :data="permissionData" class="table" stripe header-align="center"> |
</template> |
||||||
<el-table-column type="index" width="100" label="序号" align="center"> |
</el-table-column> |
||||||
</el-table-column> |
<el-table-column label="选择" align="center"> |
||||||
<el-table-column prop="age" label="服务器名称" align="center"> |
<template slot-scope="scope"> |
||||||
</el-table-column> |
<i class="el-icon-success radio_icon"></i> |
||||||
<el-table-column label="IP" align="center"> |
</template> |
||||||
<template slot-scope="scope"> |
</el-table-column> |
||||||
<div class="tab_temp"> |
</el-table> |
||||||
<div class="flex-center"> |
<span slot="footer" class="dialog-footer"> |
||||||
<label>内网:</label> |
<el-button @click="teacherVisible = false">取 消</el-button> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
<el-button type="primary" @click="editSure('teacherForm')">确 定</el-button> |
||||||
</div> |
</span> |
||||||
<div class="flex-center mar10"> |
</el-dialog> |
||||||
<label>外网:</label> |
</div> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="端口" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<div class="tab_temp"> |
|
||||||
<div class="flex-center"> |
|
||||||
<label>内网:</label> |
|
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
|
||||||
</div> |
|
||||||
<div class="flex-center mar10"> |
|
||||||
<label>外网:</label> |
|
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="选择" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<i class="el-icon-success radio_icon"></i> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<span slot="footer" class="dialog-footer"> |
|
||||||
<el-button @click="teacherVisible = false">取 消</el-button> |
|
||||||
<el-button type="primary" @click="editSure('teacherForm')">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
data (){ |
data () { |
||||||
return { |
return { |
||||||
customerName: this.$route.query.name, |
customerName: this.$route.query.name, |
||||||
permissionData: [{ |
permissionData: [{ |
||||||
id: 1, |
id: 1, |
||||||
age: '小额贷系统', |
age: '小额贷系统', |
||||||
storeName: '1个月', |
storeName: '1个月', |
||||||
total: '2019.01.02 11:00', |
total: '2019.01.02 11:00', |
||||||
payamount: '2019.01.02 11:00', |
payamount: '2019.01.02 11:00', |
||||||
payamount: '700d12h1min', |
payamount: '700d12h1min', |
||||||
swtich: true, |
swtich: true, |
||||||
Intranet: '10.20.202.1', |
Intranet: '10.20.202.1', |
||||||
extranet: '10.20.202.1' |
extranet: '10.20.202.1' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
id: 2, |
id: 2, |
||||||
age: '小额贷系统', |
age: '小额贷系统', |
||||||
storeName: '1个月', |
storeName: '1个月', |
||||||
total: '2019.01.02 11:00', |
total: '2019.01.02 11:00', |
||||||
payamount: '2019.01.02 11:00', |
payamount: '2019.01.02 11:00', |
||||||
payamount: '700d12h1min', |
payamount: '700d12h1min', |
||||||
swtich: true, |
swtich: true, |
||||||
Intranet: '', |
Intranet: '', |
||||||
extranet: '' |
extranet: '' |
||||||
}], |
}], |
||||||
totals: 1, |
totals: 1, |
||||||
ipVisible: false |
ipVisible: false |
||||||
} |
} |
||||||
}, |
}, |
||||||
methods: { |
methods: { |
||||||
SpanMethod({ row, column, rowIndex, columnIndex }) { |
SpanMethod ({ row, column, rowIndex, columnIndex }) { |
||||||
if (rowIndex % 2 === 0) { |
if (rowIndex % 2 === 0) { |
||||||
if (columnIndex === 6) { |
if (columnIndex === 6) { |
||||||
if(!row.Intranet){ |
if (!row.Intranet) { |
||||||
return [1, 2]; |
return [1, 2]; |
||||||
} |
} |
||||||
} |
|
||||||
// else if (columnIndex === 1) { |
|
||||||
// return [0, 0]; |
|
||||||
// } |
|
||||||
} |
|
||||||
}, |
|
||||||
chooseIp(){ |
|
||||||
this.ipVisible = true |
|
||||||
}, |
|
||||||
goback(){ |
|
||||||
this.$router.go(-1) |
|
||||||
} |
|
||||||
} |
} |
||||||
|
// else if (columnIndex === 1) { |
||||||
|
// return [0, 0]; |
||||||
|
// } |
||||||
|
} |
||||||
|
}, |
||||||
|
chooseIp () { |
||||||
|
this.ipVisible = true |
||||||
|
}, |
||||||
|
goback () { |
||||||
|
this.$router.go(-1) |
||||||
} |
} |
||||||
|
} |
||||||
|
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped> |
<style scoped> |
||||||
.border_lf{ |
.border_lf { |
||||||
border-left: 1px dashed #eee; |
border-left: 1px dashed #eee; |
||||||
padding: 0 60px; |
padding: 0 60px; |
||||||
} |
} |
||||||
.border_lf label{ |
|
||||||
width: 120px; |
.border_lf label { |
||||||
|
width: 120px; |
||||||
} |
} |
||||||
.pad_none{ |
|
||||||
padding: 0 0 0 60px; |
.pad_none { |
||||||
|
padding: 0 0 0 60px; |
||||||
} |
} |
||||||
.mar_input{ |
|
||||||
margin-right: 80px; |
.mar_input { |
||||||
|
margin-right: 80px; |
||||||
} |
} |
||||||
.marb30{ |
|
||||||
margin-bottom: 30px; |
.marb30 { |
||||||
|
margin-bottom: 30px; |
||||||
} |
} |
||||||
.tab_temp label{ |
|
||||||
width: 60px; |
.tab_temp label { |
||||||
|
width: 60px; |
||||||
} |
} |
||||||
.mar10{ |
|
||||||
margin-top: 10px; |
.mar10 { |
||||||
|
margin-top: 10px; |
||||||
} |
} |
||||||
.radio_icon{ |
|
||||||
font-size: 26px; |
.radio_icon { |
||||||
color: #9278FF; |
font-size: 26px; |
||||||
|
color: #9278FF; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,307 +1,306 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<el-row :gutter="20"> |
<el-row :gutter="20"> |
||||||
<el-col :span="24"> |
<el-col :span="24"> |
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-between"> |
<div class="flex-between"> |
||||||
<div class="per_title" v-preventReClick @click="goback('back')"> |
<div class="per_title" v-preventReClick @click="goback('back')"> |
||||||
<i class="el-icon-arrow-left"></i> |
<i class="el-icon-arrow-left"></i> |
||||||
<span class="per_back">返回</span> |
<span class="per_back">返回</span> |
||||||
<span class="per_school">选择客户</span> |
<span class="per_school">选择客户</span> |
||||||
</div> |
</div> |
||||||
<el-button type="primary" round class="mag" v-preventReClick @click="goback()">确定 |
<el-button type="primary" round class="mag" v-preventReClick @click="goback()">确定 |
||||||
</el-button> |
</el-button> |
||||||
</div> |
</div> |
||||||
</el-card> |
</el-card> |
||||||
</el-col> |
</el-col> |
||||||
|
|
||||||
<el-col :span="24"> |
<el-col :span="24"> |
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div> |
<div> |
||||||
<div class="flex-center mgb20"> |
<div class="flex-center mgb20"> |
||||||
<p class="hr_tag"></p> |
<p class="hr_tag"></p> |
||||||
<span>筛选</span> |
<span>筛选</span> |
||||||
</div> |
</div> |
||||||
<div> |
<div> |
||||||
<el-form label-width="80px"> |
<el-form label-width="80px"> |
||||||
<el-col :span="6"> |
<el-col :span="6"> |
||||||
<el-form-item label="国家"> |
<el-form-item label="国家"> |
||||||
<el-select v-model="form.countries" placeholder="请选择国家"> |
<el-select v-model="form.countries" placeholder="请选择国家"> |
||||||
<el-option v-for="(item,index) in countryList" :key="index" |
<el-option v-for="(item, index) in countryList" :key="index" :label="item.name" |
||||||
:label="item.name" :value="item.name"></el-option> |
:value="item.name"></el-option> |
||||||
</el-select> |
</el-select> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-col> |
</el-col> |
||||||
<el-col :span="6"> |
<el-col :span="6"> |
||||||
<el-form-item label="省份"> |
<el-form-item label="省份"> |
||||||
<el-select v-model="form.provinces" clearable placeholder="请选择省份" |
<el-select v-model="form.provinces" clearable placeholder="请选择省份" @change="getCity" |
||||||
@change="getCity" @clear="clearprovince"> |
@clear="clearprovince"> |
||||||
<el-option v-for="(item,index) in provinceList" :key="index" |
<el-option v-for="(item, index) in provinceList" :key="index" :label="item.provinceName" |
||||||
:label="item.provinceName" :value="item.provinceId"></el-option> |
:value="item.provinceId"></el-option> |
||||||
</el-select> |
</el-select> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-col> |
</el-col> |
||||||
<el-col :span="6"> |
<el-col :span="6"> |
||||||
<el-form-item label="城市"> |
<el-form-item label="城市"> |
||||||
<el-select v-model="form.city" clearable placeholder="请选择城市" |
<el-select v-model="form.city" clearable placeholder="请选择城市" |
||||||
:disabled="form.provinces ? false : true" @change="initData"> |
:disabled="form.provinces ? false : true" @change="initData"> |
||||||
<el-option v-for="(item,index) in cityList" :key="index" |
<el-option v-for="(item, index) in cityList" :key="index" :label="item.cityName" |
||||||
:label="item.cityName" :value="item.cityId"></el-option> |
:value="item.cityId"></el-option> |
||||||
</el-select> |
</el-select> |
||||||
</el-form-item> |
</el-form-item> |
||||||
</el-col> |
</el-col> |
||||||
<el-col :span="6"> |
<el-col :span="6"> |
||||||
<el-form-item> |
<el-form-item> |
||||||
<el-input placeholder="请输入客户名称/联系人姓名/账号" @clear="clearSearch" |
<el-input placeholder="请输入客户名称/联系人姓名/账号" @clear="clearSearch" @input="getData" |
||||||
@input="getData" prefix-icon="el-icon-search" |
prefix-icon="el-icon-search" v-model="form.keyword" clearable></el-input> |
||||||
v-model="form.keyword" clearable></el-input> |
</el-form-item> |
||||||
</el-form-item> |
</el-col> |
||||||
</el-col> |
</el-form> |
||||||
</el-form> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</el-card> |
||||||
</el-card> |
</el-col> |
||||||
</el-col> |
|
||||||
|
|
||||||
<el-col :span="24"> |
<el-col :span="24"> |
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-between mgb20"> |
<div class="flex-between mgb20"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<p class="hr_tag"></p> |
<p class="hr_tag"></p> |
||||||
<span>客户列表</span> |
<span>客户列表</span> |
||||||
</div> |
</div> |
||||||
<div> |
<div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<el-table :data="listData" class="table" stripe header-align="center" row-key="customerId"> |
<el-table :data="listData" class="table" header-align="center" row-key="customerId"> |
||||||
<!-- <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> --> |
<!-- <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column> --> |
||||||
<el-table-column type="index" width="100" label="序号" align="center"> |
<el-table-column type="index" width="100" label="序号" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
{{ scope.$index + (page - 1) * pageSize + 1 }} |
{{ scope.$index + (page - 1) * pageSize + 1 }} |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="customerName" label="客户名称" align="center"> |
<el-table-column prop="customerName" label="客户名称" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="行业" align="center"> |
<el-table-column label="行业" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<span class="ellipsis">{{ scope.row.industryName }}</span> |
<span class="ellipsis">{{ scope.row.industryName }}</span> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="countries" label="国家" align="center"> |
<el-table-column prop="countries" label="国家" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="provinceName" label="省份" align="center"> |
<el-table-column prop="provinceName" label="省份" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="cityName" label="城市" align="center"> |
<el-table-column prop="cityName" label="城市" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="name" label="联系人" align="center"> |
<el-table-column prop="name" label="联系人" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="account" label="账号" align="center"> |
<el-table-column prop="account" label="账号" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="操作" width="270" align="center"> |
<el-table-column label="操作" width="270" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<el-checkbox @change="checkboxChenge(scope.row)" |
<el-checkbox @change="checkboxChenge(scope.row)" v-model="scope.row.checked"></el-checkbox> |
||||||
v-model="scope.row.checked"></el-checkbox> |
</template> |
||||||
</template> |
</el-table-column> |
||||||
</el-table-column> |
</el-table> |
||||||
</el-table> |
<div class="pagination"> |
||||||
<div class="pagination"> |
<el-pagination background layout="total, prev, pager, next" :total="total" |
||||||
<el-pagination background layout="total, prev, pager, next" :total="total" |
@current-change="handleCurrentChange" :current-page="page"> |
||||||
@current-change="handleCurrentChange" :current-page="page"> |
</el-pagination> |
||||||
</el-pagination> |
</div> |
||||||
</div> |
</el-card> |
||||||
</el-card> |
</el-col> |
||||||
</el-col> |
|
||||||
|
|
||||||
</el-row> |
</el-row> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
props: { |
props: { |
||||||
refresh: { |
refresh: { |
||||||
type: Boolean, |
type: Boolean, |
||||||
default: false |
default: false |
||||||
} |
} |
||||||
}, |
}, |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
page: 1, |
page: 1, |
||||||
pageSize: 10, |
pageSize: 10, |
||||||
total: 1, |
total: 1, |
||||||
countryList: [{ |
countryList: [{ |
||||||
name: "中国" |
name: "中国" |
||||||
}], |
}], |
||||||
listData: [], |
listData: [], |
||||||
form: { |
form: { |
||||||
countries: "中国", |
countries: "中国", |
||||||
provinces: "", |
provinces: "", |
||||||
city: "", |
city: "", |
||||||
keyword: "" |
keyword: "" |
||||||
}, |
}, |
||||||
provinceList: [], |
provinceList: [], |
||||||
cityList: [], |
cityList: [], |
||||||
checkedID: "",// 选中客户ID |
checkedID: "",// 选中客户ID |
||||||
checkedName: "",// 客户名称 |
checkedName: "",// 客户名称 |
||||||
data:{}, |
data: {}, |
||||||
}; |
}; |
||||||
}, |
}, |
||||||
created() { |
created () { |
||||||
|
this.getData(); |
||||||
|
this.getProvince(); |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
refresh: function (val, val2) { |
||||||
|
if (val) { |
||||||
this.getData(); |
this.getData(); |
||||||
this.getProvince(); |
this.getProvince(); |
||||||
}, |
|
||||||
watch: { |
|
||||||
refresh: function(val, val2) { |
|
||||||
if (val) { |
|
||||||
this.getData(); |
|
||||||
this.getProvince(); |
|
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 取得列表 |
||||||
|
getData () { |
||||||
|
// const sid = this.$store.state.dataPer.find(e => e.permissionName === '客户管理') |
||||||
|
this.$post(this.api.queryCustomer, { |
||||||
|
countries: this.form.countries, |
||||||
|
provinceId: this.form.provinces, |
||||||
|
cityId: this.form.city, |
||||||
|
searchContent: this.form.keyword, |
||||||
|
page: this.page, |
||||||
|
size: this.pageSize, |
||||||
|
// supplierId: sid ? sid.supplierId : '' |
||||||
|
}).then(res => { |
||||||
|
res.message.list.map(e => { |
||||||
|
e.checked = false; |
||||||
|
if (this.checkedID) { |
||||||
|
if (e.customerId === this.checkedID) { |
||||||
|
e.checked = true; |
||||||
} |
} |
||||||
} |
} |
||||||
|
}); |
||||||
|
this.listData = res.message.list; |
||||||
|
this.total = res.message.totalCount; |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}, |
||||||
|
// 省份 |
||||||
|
getProvince () { |
||||||
|
this.$get(this.api.queryProvince).then(res => { |
||||||
|
this.provinceList = res.list; |
||||||
|
this.$store.commit("provinceData", { provinceList: this.provinceList }); |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}, |
||||||
|
clearprovince () { |
||||||
|
this.form.city = ""; |
||||||
}, |
}, |
||||||
methods: { |
getCity () { |
||||||
// 取得列表 |
this.clearprovince(); |
||||||
getData() { |
this.getCityData(); |
||||||
// const sid = this.$store.state.dataPer.find(e => e.permissionName === '客户管理') |
this.page = 1; |
||||||
this.$post(this.api.queryCustomer, { |
this.initData(); |
||||||
countries: this.form.countries, |
}, |
||||||
provinceId: this.form.provinces, |
getCityData () { |
||||||
cityId: this.form.city, |
let data = { |
||||||
searchContent: this.form.keyword, |
provinceId: this.form.provinces |
||||||
page: this.page, |
}; |
||||||
size: this.pageSize, |
this.$get(this.api.queryCity, data).then(res => { |
||||||
// supplierId: sid ? sid.supplierId : '' |
this.cityList = res.list; |
||||||
}).then(res => { |
}).catch(res => { |
||||||
res.message.list.map(e => { |
}); |
||||||
e.checked = false; |
}, |
||||||
if (this.checkedID) { |
async goback (val) { |
||||||
if (e.customerId === this.checkedID) { |
if (val) { |
||||||
e.checked = true; |
this.$emit("back", { show: true }); |
||||||
} |
} else { |
||||||
} |
if (!this.checkedName) { |
||||||
}); |
return this.$message("请选择客户后再确定！"); |
||||||
this.listData = res.message.list; |
} |
||||||
this.total = res.message.totalCount; |
let param = { |
||||||
}).catch(res => { |
show: true, |
||||||
}); |
id: this.checkedID, |
||||||
}, |
name: this.checkedName |
||||||
// 省份 |
}; |
||||||
getProvince() { |
await this.$get(this.api.queryCustomerDetails, { customerId: this.checkedID }).then(res => { |
||||||
this.$get(this.api.queryProvince).then(res => { |
console.log(res, "当前的res"); |
||||||
this.provinceList = res.list; |
this.data = res.result.customer; |
||||||
this.$store.commit("provinceData", { provinceList: this.provinceList }); |
param.email = this.data.email; |
||||||
}).catch(res => { |
param.phone = this.data.phone; |
||||||
}); |
param.name = this.data.customerName; |
||||||
}, |
|
||||||
clearprovince() { |
|
||||||
this.form.city = ""; |
|
||||||
}, |
|
||||||
getCity() { |
|
||||||
this.clearprovince(); |
|
||||||
this.getCityData(); |
|
||||||
this.page = 1; |
|
||||||
this.initData(); |
|
||||||
}, |
|
||||||
getCityData() { |
|
||||||
let data = { |
|
||||||
provinceId: this.form.provinces |
|
||||||
}; |
|
||||||
this.$get(this.api.queryCity, data).then(res => { |
|
||||||
this.cityList = res.list; |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
}, |
|
||||||
async goback(val) { |
|
||||||
if (val) { |
|
||||||
this.$emit("back", { show: true }); |
|
||||||
} else { |
|
||||||
if (!this.checkedName) { |
|
||||||
return this.$message("请选择客户后再确定！"); |
|
||||||
} |
|
||||||
let param = { |
|
||||||
show: true, |
|
||||||
id: this.checkedID, |
|
||||||
name: this.checkedName |
|
||||||
}; |
|
||||||
await this.$get(this.api.queryCustomerDetails, { customerId: this.checkedID }).then(res => { |
|
||||||
console.log(res, "当前的res"); |
|
||||||
this.data = res.result.customer; |
|
||||||
param.email = this.data.email; |
|
||||||
param.phone = this.data.phone; |
|
||||||
param.name = this.data.customerName; |
|
||||||
|
|
||||||
}); |
}); |
||||||
this.$emit("back", this.data); |
this.$emit("back", this.data); |
||||||
} |
} |
||||||
}, |
}, |
||||||
initData() { |
initData () { |
||||||
this.page = 1; |
this.page = 1; |
||||||
this.getData(); |
this.getData(); |
||||||
}, |
}, |
||||||
handleCurrentChange(val) { |
handleCurrentChange (val) { |
||||||
this.page = val; |
this.page = val; |
||||||
this.getData(); |
this.getData(); |
||||||
}, |
}, |
||||||
// checkbox交互 |
// checkbox交互 |
||||||
checkboxChenge(row) { |
checkboxChenge (row) { |
||||||
this.listData.map(e => { |
this.listData.map(e => { |
||||||
e.checked = false; |
e.checked = false; |
||||||
}); |
}); |
||||||
row.checked = true; |
row.checked = true; |
||||||
this.checkedName = row.customerName; |
this.checkedName = row.customerName; |
||||||
this.checkedID = row.customerId; |
this.checkedID = row.customerId; |
||||||
|
|
||||||
}, |
}, |
||||||
clearSearch() { |
clearSearch () { |
||||||
|
|
||||||
this.getData(); |
this.getData(); |
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
|
|
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
.mag { |
.mag { |
||||||
margin-right: 20px; |
margin-right: 20px; |
||||||
} |
} |
||||||
|
|
||||||
/deep/ .el-checkbox__inner { |
/deep/ .el-checkbox__inner { |
||||||
border-radius: 50%; |
border-radius: 50%; |
||||||
width: 19px; |
width: 19px; |
||||||
height: 19px; |
height: 19px; |
||||||
} |
} |
||||||
|
|
||||||
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner { |
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner, |
||||||
background: #FFF; |
.el-checkbox__input.is-indeterminate .el-checkbox__inner { |
||||||
|
background: #FFF; |
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
/deep/ .el-checkbox__inner::after { |
/deep/ .el-checkbox__inner::after { |
||||||
transform: none; |
transform: none; |
||||||
transition: all .3s ease-in; |
transition: all .3s ease-in; |
||||||
width: 0; |
width: 0; |
||||||
height: 0; |
height: 0; |
||||||
position: relative; |
position: relative; |
||||||
top: 50%; |
top: 50%; |
||||||
left: 50%; |
left: 50%; |
||||||
transform: translate(-46%, -48%); |
transform: translate(-46%, -48%); |
||||||
border-radius: 50%; |
border-radius: 50%; |
||||||
} |
} |
||||||
|
|
||||||
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner::after { |
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner::after { |
||||||
width: 13px; |
width: 13px; |
||||||
height: 13px; |
height: 13px; |
||||||
background: #9278FF; |
background: #9278FF; |
||||||
position: relative; |
position: relative; |
||||||
top: 50%; |
top: 50%; |
||||||
left: 50%; |
left: 50%; |
||||||
transform: translate(-46%, -48%); |
transform: translate(-46%, -48%); |
||||||
display: block; |
display: block; |
||||||
border-radius: 50%; |
border-radius: 50%; |
||||||
transition: all .3s ease-in; |
transition: all .3s ease-in; |
||||||
border: 0; |
border: 0; |
||||||
} |
} |
||||||
|
|
||||||
/deep/ .el-checkbox__input { |
/deep/ .el-checkbox__input { |
||||||
line-height: 0; |
line-height: 0; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
@ -1,273 +1,271 @@ |
|||||||
<template> |
<template> |
||||||
<div class="page"> |
<div class="page"> |
||||||
<h6 class="p-title">筛选</h6> |
<h6 class="p-title">筛选</h6> |
||||||
<div class="tool"> |
<div class="tool"> |
||||||
<ul class="filter"> |
<ul class="filter"> |
||||||
<li> |
<li> |
||||||
<el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
<el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
||||||
</li> |
</li> |
||||||
</ul> |
</ul> |
||||||
<div> |
<div> |
||||||
<el-button type="primary" round @click="addRole" v-auth="'/parner:小程序角色权限:新增角色'">新增角色</el-button> |
<el-button type="primary" round @click="addRole" v-auth="'/parner:小程序角色权限:新增角色'">新增角色</el-button> |
||||||
<el-button type="primary" round @click="delAllSelection" v-auth="'/parner:小程序角色权限:批量删除'">批量删除</el-button> |
<el-button type="primary" round @click="delAllSelection" v-auth="'/parner:小程序角色权限:批量删除'">批量删除</el-button> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys"> |
|
||||||
<el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column> |
|
||||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
|
||||||
<el-table-column prop="roleName" label="角色名称" align="center" min-width="250" show-overflow-tooltip></el-table-column> |
|
||||||
<el-table-column label="角色描述" min-width="400" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:小程序角色权限:查看'">查看</el-button> |
|
||||||
<el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)" v-auth="'/parner:小程序角色权限:编辑'">编辑</el-button> |
|
||||||
<el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" @click="handleDelete(scope.row)" v-auth="'/parner:小程序角色权限:删除'">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<div class="pagination"> |
|
||||||
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination> |
|
||||||
</div> |
|
||||||
|
|
||||||
<el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" @close="closeRole" class="dialog" :close-on-click-modal="false"> |
<el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange" |
||||||
<el-form ref="form" label-width="80px" :disabled="isDetail"> |
:row-key="getRowKeys"> |
||||||
<el-form-item label="角色名称"> |
<el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" |
||||||
<el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input> |
:reserve-selection="true"></el-table-column> |
||||||
</el-form-item> |
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
<el-form-item label="角色描述"> |
<el-table-column prop="roleName" label="角色名称" align="center" min-width="250" |
||||||
<el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input> |
show-overflow-tooltip></el-table-column> |
||||||
</el-form-item> |
<el-table-column label="角色描述" min-width="400" align="center"> |
||||||
<el-form-item prop="role" label="角色权限"> |
<template slot-scope="scope"> |
||||||
<div style="max-height: 300px; overflow: auto"> |
<el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input> |
||||||
<el-tree |
</template> |
||||||
ref="per" |
</el-table-column> |
||||||
:data="permissions" |
<el-table-column label="操作" align="center" width="200"> |
||||||
show-checkbox |
<template slot-scope="scope"> |
||||||
default-expand-all |
<el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:小程序角色权限:查看'">查看</el-button> |
||||||
node-key="id" |
<el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)" |
||||||
:default-expanded-keys="checkedIds" |
v-auth="'/parner:小程序角色权限:编辑'">编辑</el-button> |
||||||
:default-checked-keys="checkedIds" |
<el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" |
||||||
:props="defaultProps"> |
@click="handleDelete(scope.row)" v-auth="'/parner:小程序角色权限:删除'">删除</el-button> |
||||||
</el-tree> |
</template> |
||||||
</div> |
</el-table-column> |
||||||
</el-form-item> |
</el-table> |
||||||
</el-form> |
<div class="pagination"> |
||||||
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" |
||||||
<el-button @click="roleVisible = false">取 消</el-button> |
:total="total"></el-pagination> |
||||||
<el-button type="primary" @click="saveData">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" |
||||||
|
@close="closeRole" class="dialog" :close-on-click-modal="false"> |
||||||
|
<el-form ref="form" label-width="80px" :disabled="isDetail"> |
||||||
|
<el-form-item label="角色名称"> |
||||||
|
<el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="角色描述"> |
||||||
|
<el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="role" label="角色权限"> |
||||||
|
<div style="max-height: 300px; overflow: auto"> |
||||||
|
<el-tree ref="per" :data="permissions" show-checkbox default-expand-all node-key="id" |
||||||
|
:default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps"> |
||||||
|
</el-tree> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
||||||
|
<el-button @click="roleVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="saveData">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import Setting from "@/setting"; |
import Setting from "@/setting"; |
||||||
export default { |
export default { |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
platformId: 4, |
platformId: 4, |
||||||
keyword: "", |
keyword: "", |
||||||
searchTimer: null, |
searchTimer: null, |
||||||
isDetail: false, |
isDetail: false, |
||||||
form: { |
form: { |
||||||
id: "", |
id: "", |
||||||
roleName: "", |
roleName: "", |
||||||
remark: "" |
remark: "" |
||||||
}, |
}, |
||||||
listData: [], |
listData: [], |
||||||
defaultProps: { |
defaultProps: { |
||||||
children: "children", |
children: "children", |
||||||
label: "name" |
label: "name" |
||||||
}, |
}, |
||||||
page: 1, |
page: 1, |
||||||
pageSize: 10, |
pageSize: 10, |
||||||
total: 0, |
total: 0, |
||||||
multipleSelection: [], |
multipleSelection: [], |
||||||
isAdd: true, |
isAdd: true, |
||||||
roleVisible: false, |
roleVisible: false, |
||||||
permissions: [], |
permissions: [], |
||||||
checkedIds: [], |
checkedIds: [], |
||||||
roleNameReapeat: false // 角色名称是否重复 |
roleNameReapeat: false // 角色名称是否重复 |
||||||
}; |
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function (val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData () { |
||||||
|
// platformId 合伙人为4，具体看setting.js；port: pc端为0、小程序端为1 |
||||||
|
this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=1`).then(res => { |
||||||
|
this.listData = res.rolePage.records; |
||||||
|
this.total = res.rolePage.total; |
||||||
|
}).catch(res => { }); |
||||||
|
}, |
||||||
|
currentChange (val) { |
||||||
|
this.page = val; |
||||||
|
this.getData(); |
||||||
}, |
}, |
||||||
watch: { |
handleDelete (row) { |
||||||
keyword: function(val) { |
this.$confirm("确定要删除吗？", "提示", { |
||||||
clearTimeout(this.searchTimer); |
type: "warning" |
||||||
this.searchTimer = setTimeout(() => { |
}).then(() => { |
||||||
this.getData(); |
this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => { |
||||||
}, 500); |
this.$message.success("删除成功"); |
||||||
} |
this.getData(); |
||||||
|
}).catch(res => { }); |
||||||
|
}).catch(() => { }); |
||||||
}, |
}, |
||||||
mounted() { |
getRowKeys (row) { |
||||||
this.getData() |
return row.id; |
||||||
}, |
}, |
||||||
methods: { |
handleSelectionChange (val) { |
||||||
getData() { |
this.multipleSelection = val; |
||||||
// platformId 合伙人为4，具体看setting.js；port: pc端为0、小程序端为1 |
}, |
||||||
this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=1`).then(res => { |
delAllSelection () { |
||||||
this.listData = res.rolePage.records; |
if (this.multipleSelection.length) { |
||||||
this.total = res.rolePage.total; |
this.$confirm("确定要删除吗？", "提示", { |
||||||
}).catch(res => {}); |
type: "warning" |
||||||
}, |
}).then(() => { |
||||||
currentChange(val) { |
let ids = this.multipleSelection.map(item => { |
||||||
this.page = val; |
return item.id; |
||||||
|
}); |
||||||
|
this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => { |
||||||
|
this.$refs.table.clearSelection(); |
||||||
|
this.$message.success("删除成功"); |
||||||
this.getData(); |
this.getData(); |
||||||
}, |
}).catch(res => { }); |
||||||
handleDelete(row) { |
if (this.multipleSelection.length === this.listData.length && this.page > 1) { |
||||||
this.$confirm("确定要删除吗？", "提示", { |
this.handleCurrentChange(this.page - 1) |
||||||
type: "warning" |
} |
||||||
}).then(() => { |
}).catch(() => { }); |
||||||
this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => { |
} else { |
||||||
this.$message.success("删除成功"); |
this.$message.error("请先选择数据！"); |
||||||
this.getData(); |
} |
||||||
}).catch(res => {}); |
}, |
||||||
}).catch(() => {}); |
practiceSelectable (row, index) { |
||||||
}, |
let boolean = true; |
||||||
getRowKeys(row) { |
if (row.roleName == '超级管理员') { |
||||||
return row.id; |
boolean = false |
||||||
}, |
} else { |
||||||
handleSelectionChange(val) { |
boolean = true |
||||||
this.multipleSelection = val; |
} |
||||||
}, |
return boolean; |
||||||
delAllSelection() { |
}, |
||||||
if (this.multipleSelection.length) { |
closeRole () { |
||||||
this.$confirm("确定要删除吗？", "提示", { |
this.isDetail = false; |
||||||
type: "warning" |
this.form = { |
||||||
}).then(() => { |
id: "", |
||||||
let ids = this.multipleSelection.map(item => { |
roleName: "", |
||||||
return item.id; |
remark: "" |
||||||
}); |
}; |
||||||
this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => { |
this.checkedIds = []; |
||||||
this.$refs.table.clearSelection(); |
this.permissions = []; |
||||||
this.$message.success("删除成功"); |
}, |
||||||
this.getData(); |
// 获取权限菜单 |
||||||
}).catch(res => {}); |
getPer (row) { |
||||||
if(this.multipleSelection.length === this.listData.length && this.page>1) { |
if (!this.permissions.length) { |
||||||
this.handleCurrentChange(this.page - 1) |
this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}&port=1`).then(res => { |
||||||
} |
let data = res.children; |
||||||
}).catch(() => {}); |
// 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理 |
||||||
} else { |
let yw = data.findIndex(n => n.name == "业务后台"); |
||||||
this.$message.error("请先选择数据！"); |
yw != -1 && data.splice(yw, 1); |
||||||
} |
try { |
||||||
}, |
let system = data.findIndex(n => n.name == "系统设置"); |
||||||
practiceSelectable(row, index){ |
|
||||||
let boolean = true; |
|
||||||
if(row.roleName == '超级管理员'){ |
|
||||||
boolean = false |
|
||||||
}else{ |
|
||||||
boolean = true |
|
||||||
} |
|
||||||
return boolean; |
|
||||||
}, |
|
||||||
closeRole() { |
|
||||||
this.isDetail = false; |
|
||||||
this.form = { |
|
||||||
id: "", |
|
||||||
roleName: "", |
|
||||||
remark: "" |
|
||||||
}; |
|
||||||
this.checkedIds = []; |
|
||||||
this.permissions = []; |
|
||||||
}, |
|
||||||
// 获取权限菜单 |
|
||||||
getPer(row) { |
|
||||||
if (!this.permissions.length) { |
|
||||||
this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}&port=1`).then(res => { |
|
||||||
let data = res.children; |
|
||||||
// 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理 |
|
||||||
let yw = data.findIndex(n => n.name == "业务后台"); |
|
||||||
yw != -1 && data.splice(yw, 1); |
|
||||||
try { |
|
||||||
let system = data.findIndex(n => n.name == "系统设置"); |
|
||||||
|
|
||||||
if (system != -1) { |
if (system != -1) { |
||||||
data[system].children[1].children.splice(4, 1); |
data[system].children[1].children.splice(4, 1); |
||||||
data[system].children[1].children.splice(1, 1); |
data[system].children[1].children.splice(1, 1); |
||||||
data[system].children[1].children.splice(0, 1); |
data[system].children[1].children.splice(0, 1); |
||||||
} |
|
||||||
} catch (error) { |
|
||||||
} |
|
||||||
this.permissions = data; |
|
||||||
if (row) { |
|
||||||
this.getDetail(row); |
|
||||||
} |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
addRole() { |
|
||||||
this.isAdd = true; |
|
||||||
this.getPer(); |
|
||||||
this.checkedIds = []; |
|
||||||
this.permissions.length && this.$refs.per.setCheckedNodes([]); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
// 递归处理勾选的权限 |
|
||||||
handleRolePer(data, permissions) { |
|
||||||
let result = data; |
|
||||||
if (permissions.length) { |
|
||||||
permissions.map(e => { |
|
||||||
if (result.includes(e.id) && e.children) { |
|
||||||
// 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选 |
|
||||||
e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1); |
|
||||||
} |
|
||||||
e.children && e.children.length && this.handleRolePer(data, e.children); |
|
||||||
}); |
|
||||||
} |
|
||||||
return result; |
|
||||||
}, |
|
||||||
async getDetail(row) { // 查询详情 |
|
||||||
let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`); |
|
||||||
this.form = res.role; |
|
||||||
this.form.id = row.id; |
|
||||||
this.checkedIds = this.handleRolePer(res.permissionList, this.permissions); |
|
||||||
this.$refs.per.setCheckedNodes(this.checkedIds); |
|
||||||
}, |
|
||||||
showRole(row) { |
|
||||||
this.isDetail = true; |
|
||||||
this.isAdd = false; |
|
||||||
this.getPer(row); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
editRole(row) { |
|
||||||
this.isAdd = false; |
|
||||||
this.getPer(row); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
async saveData() { |
|
||||||
if (!this.form.roleName) return this.$message.warning("请填写角色名称"); |
|
||||||
if (!this.form.remark) return this.$message.warning("请填写角色描述"); |
|
||||||
if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限"); |
|
||||||
// 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端 |
|
||||||
let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()]; |
|
||||||
let data = { |
|
||||||
...this.form, |
|
||||||
permissionId, |
|
||||||
platformId: this.platformId, |
|
||||||
port: 1 |
|
||||||
}; |
|
||||||
if (this.form.id) { |
|
||||||
this.$post(this.api.saveOrUpdate, data).then(res => { |
|
||||||
this.$message.success("修改成功"); |
|
||||||
this.getData(); |
|
||||||
this.roleVisible = false; |
|
||||||
}).catch(res => {}); |
|
||||||
} else { |
|
||||||
this.$post(this.api.saveOrUpdate, data).then(res => { |
|
||||||
this.$message.success("新增成功"); |
|
||||||
this.getData(); |
|
||||||
this.roleVisible = false; |
|
||||||
}).catch(res => {}); |
|
||||||
} |
} |
||||||
} |
} catch (error) { |
||||||
|
} |
||||||
|
this.permissions = data; |
||||||
|
if (row) { |
||||||
|
this.getDetail(row); |
||||||
|
} |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
addRole () { |
||||||
|
this.isAdd = true; |
||||||
|
this.getPer(); |
||||||
|
this.checkedIds = []; |
||||||
|
this.permissions.length && this.$refs.per.setCheckedNodes([]); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
// 递归处理勾选的权限 |
||||||
|
handleRolePer (data, permissions) { |
||||||
|
let result = data; |
||||||
|
if (permissions.length) { |
||||||
|
permissions.map(e => { |
||||||
|
if (result.includes(e.id) && e.children) { |
||||||
|
// 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选 |
||||||
|
e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1); |
||||||
|
} |
||||||
|
e.children && e.children.length && this.handleRolePer(data, e.children); |
||||||
|
}); |
||||||
|
} |
||||||
|
return result; |
||||||
|
}, |
||||||
|
async getDetail (row) { // 查询详情 |
||||||
|
let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`); |
||||||
|
this.form = res.role; |
||||||
|
this.form.id = row.id; |
||||||
|
this.checkedIds = this.handleRolePer(res.permissionList, this.permissions); |
||||||
|
this.$refs.per.setCheckedNodes(this.checkedIds); |
||||||
|
}, |
||||||
|
showRole (row) { |
||||||
|
this.isDetail = true; |
||||||
|
this.isAdd = false; |
||||||
|
this.getPer(row); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
editRole (row) { |
||||||
|
this.isAdd = false; |
||||||
|
this.getPer(row); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
async saveData () { |
||||||
|
if (!this.form.roleName) return this.$message.warning("请填写角色名称"); |
||||||
|
if (!this.form.remark) return this.$message.warning("请填写角色描述"); |
||||||
|
if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限"); |
||||||
|
// 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端 |
||||||
|
let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()]; |
||||||
|
let data = { |
||||||
|
...this.form, |
||||||
|
permissionId, |
||||||
|
platformId: this.platformId, |
||||||
|
port: 1 |
||||||
|
}; |
||||||
|
if (this.form.id) { |
||||||
|
this.$post(this.api.saveOrUpdate, data).then(res => { |
||||||
|
this.$message.success("修改成功"); |
||||||
|
this.getData(); |
||||||
|
this.roleVisible = false; |
||||||
|
}).catch(res => { }); |
||||||
|
} else { |
||||||
|
this.$post(this.api.saveOrUpdate, data).then(res => { |
||||||
|
this.$message.success("新增成功"); |
||||||
|
this.getData(); |
||||||
|
this.roleVisible = false; |
||||||
|
}).catch(res => { }); |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped></style> |
||||||
|
|
||||||
</style> |
|
||||||
@ -1,272 +1,270 @@ |
|||||||
<template> |
<template> |
||||||
<div class="page"> |
<div class="page"> |
||||||
<h6 class="p-title">筛选</h6> |
<h6 class="p-title">筛选</h6> |
||||||
<div class="tool"> |
<div class="tool"> |
||||||
<ul class="filter"> |
<ul class="filter"> |
||||||
<li> |
<li> |
||||||
<el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
<el-input placeholder="请输入角色名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
||||||
</li> |
</li> |
||||||
</ul> |
</ul> |
||||||
<div> |
<div> |
||||||
<el-button type="primary" round @click="addRole" v-auth="'/parner:pc角色权限:新增角色'">新增角色</el-button> |
<el-button type="primary" round @click="addRole" v-auth="'/parner:pc角色权限:新增角色'">新增角色</el-button> |
||||||
<el-button type="primary" round @click="delAllSelection" v-auth="'/parner:pc角色权限:批量删除'">批量删除</el-button> |
<el-button type="primary" round @click="delAllSelection" v-auth="'/parner:pc角色权限:批量删除'">批量删除</el-button> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys"> |
|
||||||
<el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column> |
|
||||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
|
||||||
<el-table-column prop="roleName" label="角色名称" align="center" min-width="250" show-overflow-tooltip></el-table-column> |
|
||||||
<el-table-column label="角色描述" min-width="400" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:pc角色权限:查看'">查看</el-button> |
|
||||||
<el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)" v-auth="'/parner:pc角色权限:编辑'">编辑</el-button> |
|
||||||
<el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" @click="handleDelete(scope.row)" v-auth="'/parner:pc角色权限:删除'">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<div class="pagination"> |
|
||||||
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination> |
|
||||||
</div> |
|
||||||
|
|
||||||
<el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" @close="closeRole" class="dialog" :close-on-click-modal="false"> |
<el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange" |
||||||
<el-form ref="form" label-width="80px" :disabled="isDetail"> |
:row-key="getRowKeys"> |
||||||
<el-form-item label="角色名称"> |
<el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" |
||||||
<el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input> |
:reserve-selection="true"></el-table-column> |
||||||
</el-form-item> |
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
<el-form-item label="角色描述"> |
<el-table-column prop="roleName" label="角色名称" align="center" min-width="250" |
||||||
<el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input> |
show-overflow-tooltip></el-table-column> |
||||||
</el-form-item> |
<el-table-column label="角色描述" min-width="400" align="center"> |
||||||
<el-form-item prop="role" label="角色权限"> |
<template slot-scope="scope"> |
||||||
<div style="max-height: 300px; overflow: auto"> |
<el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input> |
||||||
<el-tree |
</template> |
||||||
ref="per" |
</el-table-column> |
||||||
:data="permissions" |
<el-table-column label="操作" align="center" width="200"> |
||||||
show-checkbox |
<template slot-scope="scope"> |
||||||
default-expand-all |
<el-button type="text" @click="showRole(scope.row)" v-auth="'/parner:pc角色权限:查看'">查看</el-button> |
||||||
node-key="id" |
<el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)" |
||||||
:default-expanded-keys="checkedIds" |
v-auth="'/parner:pc角色权限:编辑'">编辑</el-button> |
||||||
:default-checked-keys="checkedIds" |
<el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" |
||||||
:props="defaultProps"> |
@click="handleDelete(scope.row)" v-auth="'/parner:pc角色权限:删除'">删除</el-button> |
||||||
</el-tree> |
</template> |
||||||
</div> |
</el-table-column> |
||||||
</el-form-item> |
</el-table> |
||||||
</el-form> |
<div class="pagination"> |
||||||
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" |
||||||
<el-button @click="roleVisible = false">取 消</el-button> |
:total="total"></el-pagination> |
||||||
<el-button type="primary" @click="saveData">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" |
||||||
|
@close="closeRole" class="dialog" :close-on-click-modal="false"> |
||||||
|
<el-form ref="form" label-width="80px" :disabled="isDetail"> |
||||||
|
<el-form-item label="角色名称"> |
||||||
|
<el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="角色描述"> |
||||||
|
<el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="role" label="角色权限"> |
||||||
|
<div style="max-height: 300px; overflow: auto"> |
||||||
|
<el-tree ref="per" :data="permissions" show-checkbox default-expand-all node-key="id" |
||||||
|
:default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps"> |
||||||
|
</el-tree> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
||||||
|
<el-button @click="roleVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="saveData">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import Setting from "@/setting"; |
import Setting from "@/setting"; |
||||||
export default { |
export default { |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
platformId: 4, |
platformId: 4, |
||||||
keyword: "", |
keyword: "", |
||||||
searchTimer: null, |
searchTimer: null, |
||||||
isDetail: false, |
isDetail: false, |
||||||
form: { |
form: { |
||||||
id: "", |
id: "", |
||||||
roleName: "", |
roleName: "", |
||||||
remark: "" |
remark: "" |
||||||
}, |
}, |
||||||
listData: [], |
listData: [], |
||||||
defaultProps: { |
defaultProps: { |
||||||
children: "children", |
children: "children", |
||||||
label: "name" |
label: "name" |
||||||
}, |
}, |
||||||
page: 1, |
page: 1, |
||||||
pageSize: 10, |
pageSize: 10, |
||||||
total: 0, |
total: 0, |
||||||
multipleSelection: [], |
multipleSelection: [], |
||||||
isAdd: true, |
isAdd: true, |
||||||
roleVisible: false, |
roleVisible: false, |
||||||
permissions: [], |
permissions: [], |
||||||
checkedIds: [], |
checkedIds: [], |
||||||
roleNameReapeat: false // 角色名称是否重复 |
roleNameReapeat: false // 角色名称是否重复 |
||||||
}; |
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function (val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData () { |
||||||
|
// platformId 合伙人为4，具体看setting.js； |
||||||
|
this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=0`).then(res => { |
||||||
|
this.listData = res.rolePage.records; |
||||||
|
this.total = res.rolePage.total; |
||||||
|
}).catch(res => { }); |
||||||
|
}, |
||||||
|
currentChange (val) { |
||||||
|
this.page = val; |
||||||
|
this.getData(); |
||||||
}, |
}, |
||||||
watch: { |
handleDelete (row) { |
||||||
keyword: function(val) { |
this.$confirm("确定要删除吗？", "提示", { |
||||||
clearTimeout(this.searchTimer); |
type: "warning" |
||||||
this.searchTimer = setTimeout(() => { |
}).then(() => { |
||||||
this.getData(); |
this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => { |
||||||
}, 500); |
this.$message.success("删除成功"); |
||||||
} |
this.getData(); |
||||||
|
}).catch(res => { }); |
||||||
|
}).catch(() => { }); |
||||||
}, |
}, |
||||||
mounted() { |
getRowKeys (row) { |
||||||
this.getData() |
return row.id; |
||||||
}, |
}, |
||||||
methods: { |
handleSelectionChange (val) { |
||||||
getData() { |
this.multipleSelection = val; |
||||||
// platformId 合伙人为4，具体看setting.js； |
}, |
||||||
this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=${this.platformId}&port=0`).then(res => { |
delAllSelection () { |
||||||
this.listData = res.rolePage.records; |
if (this.multipleSelection.length) { |
||||||
this.total = res.rolePage.total; |
this.$confirm("确定要删除吗？", "提示", { |
||||||
}).catch(res => {}); |
type: "warning" |
||||||
}, |
}).then(() => { |
||||||
currentChange(val) { |
let ids = this.multipleSelection.map(item => { |
||||||
this.page = val; |
return item.id; |
||||||
|
}); |
||||||
|
this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => { |
||||||
|
this.$refs.table.clearSelection(); |
||||||
|
this.$message.success("删除成功"); |
||||||
this.getData(); |
this.getData(); |
||||||
}, |
}).catch(res => { }); |
||||||
handleDelete(row) { |
if (this.multipleSelection.length === this.listData.length && this.page > 1) { |
||||||
this.$confirm("确定要删除吗？", "提示", { |
this.handleCurrentChange(this.page - 1) |
||||||
type: "warning" |
} |
||||||
}).then(() => { |
}).catch(() => { }); |
||||||
this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => { |
} else { |
||||||
this.$message.success("删除成功"); |
this.$message.error("请先选择数据！"); |
||||||
this.getData(); |
} |
||||||
}).catch(res => {}); |
}, |
||||||
}).catch(() => {}); |
practiceSelectable (row, index) { |
||||||
}, |
let boolean = true; |
||||||
getRowKeys(row) { |
if (row.roleName == '超级管理员') { |
||||||
return row.id; |
boolean = false |
||||||
}, |
} else { |
||||||
handleSelectionChange(val) { |
boolean = true |
||||||
this.multipleSelection = val; |
} |
||||||
}, |
return boolean; |
||||||
delAllSelection() { |
}, |
||||||
if (this.multipleSelection.length) { |
closeRole () { |
||||||
this.$confirm("确定要删除吗？", "提示", { |
this.isDetail = false; |
||||||
type: "warning" |
this.form = { |
||||||
}).then(() => { |
id: "", |
||||||
let ids = this.multipleSelection.map(item => { |
roleName: "", |
||||||
return item.id; |
remark: "" |
||||||
}); |
}; |
||||||
this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => { |
this.checkedIds = []; |
||||||
this.$refs.table.clearSelection(); |
this.permissions = []; |
||||||
this.$message.success("删除成功"); |
}, |
||||||
this.getData(); |
// 获取权限菜单 |
||||||
}).catch(res => {}); |
getPer (row) { |
||||||
if(this.multipleSelection.length === this.listData.length && this.page>1) { |
if (!this.permissions.length) { |
||||||
this.handleCurrentChange(this.page - 1) |
this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}`).then(res => { |
||||||
} |
let data = res.children; |
||||||
}).catch(() => {}); |
// 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理 |
||||||
} else { |
let yw = data.findIndex(n => n.name == "业务后台"); |
||||||
this.$message.error("请先选择数据！"); |
yw != -1 && data.splice(yw, 1); |
||||||
} |
try { |
||||||
}, |
let system = data.findIndex(n => n.name == "系统设置"); |
||||||
practiceSelectable(row, index){ |
|
||||||
let boolean = true; |
|
||||||
if(row.roleName == '超级管理员'){ |
|
||||||
boolean = false |
|
||||||
}else{ |
|
||||||
boolean = true |
|
||||||
} |
|
||||||
return boolean; |
|
||||||
}, |
|
||||||
closeRole() { |
|
||||||
this.isDetail = false; |
|
||||||
this.form = { |
|
||||||
id: "", |
|
||||||
roleName: "", |
|
||||||
remark: "" |
|
||||||
}; |
|
||||||
this.checkedIds = []; |
|
||||||
this.permissions = []; |
|
||||||
}, |
|
||||||
// 获取权限菜单 |
|
||||||
getPer(row) { |
|
||||||
if (!this.permissions.length) { |
|
||||||
this.$get(`${this.api.queryAllMenus}?platformId=${this.platformId}`).then(res => { |
|
||||||
let data = res.children; |
|
||||||
// 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理 |
|
||||||
let yw = data.findIndex(n => n.name == "业务后台"); |
|
||||||
yw != -1 && data.splice(yw, 1); |
|
||||||
try { |
|
||||||
let system = data.findIndex(n => n.name == "系统设置"); |
|
||||||
|
|
||||||
if (system != -1) { |
if (system != -1) { |
||||||
data[system].children[1].children.splice(4, 1); |
data[system].children[1].children.splice(4, 1); |
||||||
data[system].children[1].children.splice(1, 1); |
data[system].children[1].children.splice(1, 1); |
||||||
data[system].children[1].children.splice(0, 1); |
data[system].children[1].children.splice(0, 1); |
||||||
} |
|
||||||
} catch (error) { |
|
||||||
} |
|
||||||
this.permissions = data; |
|
||||||
if (row) { |
|
||||||
this.getDetail(row); |
|
||||||
} |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
addRole() { |
|
||||||
this.isAdd = true; |
|
||||||
this.getPer(); |
|
||||||
this.checkedIds = []; |
|
||||||
this.permissions.length && this.$refs.per.setCheckedNodes([]); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
// 递归处理勾选的权限 |
|
||||||
handleRolePer(data, permissions) { |
|
||||||
let result = data; |
|
||||||
if (permissions.length) { |
|
||||||
permissions.map(e => { |
|
||||||
if (result.includes(e.id) && e.children) { |
|
||||||
// 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选 |
|
||||||
e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1); |
|
||||||
} |
|
||||||
e.children && e.children.length && this.handleRolePer(data, e.children); |
|
||||||
}); |
|
||||||
} |
|
||||||
return result; |
|
||||||
}, |
|
||||||
async getDetail(row) { // 查询详情 |
|
||||||
let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`); |
|
||||||
this.form = res.role; |
|
||||||
this.form.id = row.id; |
|
||||||
this.checkedIds = this.handleRolePer(res.permissionList, this.permissions); |
|
||||||
this.$refs.per.setCheckedNodes(this.checkedIds); |
|
||||||
}, |
|
||||||
showRole(row) { |
|
||||||
this.isDetail = true; |
|
||||||
this.isAdd = false; |
|
||||||
this.getPer(row); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
editRole(row) { |
|
||||||
this.isAdd = false; |
|
||||||
this.getPer(row); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
async saveData() { |
|
||||||
if (!this.form.roleName) return this.$message.warning("请填写角色名称"); |
|
||||||
if (!this.form.remark) return this.$message.warning("请填写角色描述"); |
|
||||||
if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限"); |
|
||||||
// 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端 |
|
||||||
let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()]; |
|
||||||
let data = { |
|
||||||
...this.form, |
|
||||||
permissionId, |
|
||||||
platformId: this.platformId, |
|
||||||
}; |
|
||||||
if (this.form.id) { |
|
||||||
this.$post(this.api.saveOrUpdate, data).then(res => { |
|
||||||
this.$message.success("修改成功"); |
|
||||||
this.getData(); |
|
||||||
this.roleVisible = false; |
|
||||||
}).catch(res => {}); |
|
||||||
} else { |
|
||||||
this.$post(this.api.saveOrUpdate, data).then(res => { |
|
||||||
this.$message.success("新增成功"); |
|
||||||
this.getData(); |
|
||||||
this.roleVisible = false; |
|
||||||
}).catch(res => {}); |
|
||||||
} |
} |
||||||
} |
} catch (error) { |
||||||
|
} |
||||||
|
this.permissions = data; |
||||||
|
if (row) { |
||||||
|
this.getDetail(row); |
||||||
|
} |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
addRole () { |
||||||
|
this.isAdd = true; |
||||||
|
this.getPer(); |
||||||
|
this.checkedIds = []; |
||||||
|
this.permissions.length && this.$refs.per.setCheckedNodes([]); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
// 递归处理勾选的权限 |
||||||
|
handleRolePer (data, permissions) { |
||||||
|
let result = data; |
||||||
|
if (permissions.length) { |
||||||
|
permissions.map(e => { |
||||||
|
if (result.includes(e.id) && e.children) { |
||||||
|
// 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选 |
||||||
|
e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1); |
||||||
|
} |
||||||
|
e.children && e.children.length && this.handleRolePer(data, e.children); |
||||||
|
}); |
||||||
|
} |
||||||
|
return result; |
||||||
|
}, |
||||||
|
async getDetail (row) { // 查询详情 |
||||||
|
let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`); |
||||||
|
this.form = res.role; |
||||||
|
this.form.id = row.id; |
||||||
|
this.checkedIds = this.handleRolePer(res.permissionList, this.permissions); |
||||||
|
this.$refs.per.setCheckedNodes(this.checkedIds); |
||||||
|
}, |
||||||
|
showRole (row) { |
||||||
|
this.isDetail = true; |
||||||
|
this.isAdd = false; |
||||||
|
this.getPer(row); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
editRole (row) { |
||||||
|
this.isAdd = false; |
||||||
|
this.getPer(row); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
async saveData () { |
||||||
|
if (!this.form.roleName) return this.$message.warning("请填写角色名称"); |
||||||
|
if (!this.form.remark) return this.$message.warning("请填写角色描述"); |
||||||
|
if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限"); |
||||||
|
// 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端 |
||||||
|
let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()]; |
||||||
|
let data = { |
||||||
|
...this.form, |
||||||
|
permissionId, |
||||||
|
platformId: this.platformId, |
||||||
|
}; |
||||||
|
if (this.form.id) { |
||||||
|
this.$post(this.api.saveOrUpdate, data).then(res => { |
||||||
|
this.$message.success("修改成功"); |
||||||
|
this.getData(); |
||||||
|
this.roleVisible = false; |
||||||
|
}).catch(res => { }); |
||||||
|
} else { |
||||||
|
this.$post(this.api.saveOrUpdate, data).then(res => { |
||||||
|
this.$message.success("新增成功"); |
||||||
|
this.getData(); |
||||||
|
this.roleVisible = false; |
||||||
|
}).catch(res => { }); |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped></style> |
||||||
|
|
||||||
</style> |
|
||||||
@ -1,323 +1,332 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<el-row :gutter="20"> |
<el-row :gutter="20"> |
||||||
<el-col :span="24"> |
<el-col :span="24"> |
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-between"> |
<div class="flex-between"> |
||||||
<div class="per_title" v-preventReClick @click="goback()"> |
<div class="per_title" v-preventReClick @click="goback()"> |
||||||
<i class="el-icon-arrow-left"></i> |
<i class="el-icon-arrow-left"></i> |
||||||
<span class="per_back">返回</span> |
<span class="per_back">返回</span> |
||||||
<span class="per_school">系统服务器地址配置</span> |
<span class="per_school">系统服务器地址配置</span> |
||||||
</div> |
</div> |
||||||
<div> |
<div> |
||||||
<el-button type="primary" round class="mag" v-preventReClick @click="saveAdd('form')">确定</el-button> |
<el-button type="primary" round class="mag" v-preventReClick @click="saveAdd('form')">确定</el-button> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</el-card> |
</el-card> |
||||||
|
|
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="flex-center mgb20 user_header"> |
<div class="flex-center mgb20 user_header"> |
||||||
<p class="addhr_tag"></p> |
<p class="addhr_tag"></p> |
||||||
<span>系统信息</span> |
<span>系统信息</span> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<div> |
<div> |
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px" class="flex-end-around"> |
<el-form ref="form" :model="form" :rules="rules" label-width="80px" class="flex-end-around"> |
||||||
<el-col :span="6"> |
<el-col :span="6"> |
||||||
<el-form-item prop="systemName" label="系统名称"> |
<el-form-item prop="systemName" label="系统名称"> |
||||||
<el-input v-model="form.systemName" placeholder="请输入系统名称"></el-input> |
<el-input v-model="form.systemName" placeholder="请输入系统名称"></el-input> |
||||||
</el-form-item> |
</el-form-item> |
||||||
|
|
||||||
<el-form-item prop="systemType" label="系统类型"> |
<el-form-item prop="systemType" label="系统类型"> |
||||||
<el-select v-model="form.systemType" clearable placeholder="请选择系统类型"> |
<el-select v-model="form.systemType" clearable placeholder="请选择系统类型"> |
||||||
<el-option v-for="(item,index) in systemTypeList" :key="index" :label="item.name" :value="item.value"></el-option> |
<el-option v-for="(item, index) in systemTypeList" :key="index" :label="item.name" |
||||||
</el-select> |
:value="item.value"></el-option> |
||||||
</el-form-item> |
</el-select> |
||||||
</el-col> |
</el-form-item> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
|
||||||
<el-col :span="6" style="margin-left: 60px;"> |
<el-col :span="6" style="margin-left: 60px;"> |
||||||
<el-form-item prop="systemAttribution" label="系统归属"> |
<el-form-item prop="systemAttribution" label="系统归属"> |
||||||
<el-select v-model="form.systemAttribution" clearable placeholder="请选择系统归属"> |
<el-select v-model="form.systemAttribution" clearable placeholder="请选择系统归属"> |
||||||
<el-option v-for="(item,index) in systemList" :key="index" :label="item.name" :value="item.value"></el-option> |
<el-option v-for="(item, index) in systemList" :key="index" :label="item.name" |
||||||
</el-select> |
:value="item.value"></el-option> |
||||||
</el-form-item> |
</el-select> |
||||||
</el-col> |
</el-form-item> |
||||||
</el-form> |
</el-col> |
||||||
</div> |
</el-form> |
||||||
</el-card> |
</div> |
||||||
|
</el-card> |
||||||
|
|
||||||
<el-card shadow="hover" class="mgb20"> |
<el-card shadow="hover" class="mgb20"> |
||||||
<div class="mgb20 flex-between"> |
<div class="mgb20 flex-between"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<p class="addhr_tag"></p> |
<p class="addhr_tag"></p> |
||||||
<span>地址列表</span> |
<span>地址列表</span> |
||||||
</div> |
</div> |
||||||
<div> |
<div> |
||||||
<el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input> |
<el-input placeholder="请输入系统名称" prefix-icon="el-icon-search" v-model="keyword" clearable></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<el-table :data="permissionData" class="table" stripe :span-method="SpanMethod" header-align="center"> |
<el-table :data="permissionData" class="table" :span-method="SpanMethod" header-align="center"> |
||||||
<el-table-column prop="id" label="序号" align="center"> |
<el-table-column prop="id" label="序号" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="age" label="服务器名称" align="center"> |
<el-table-column prop="age" label="服务器名称" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="IP" align="center"> |
<el-table-column label="IP" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<div class="tab_temp"> |
<div class="tab_temp"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>内网:</label> |
<label>内网:</label> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
<div class="flex-center mar10"> |
<div class="flex-center mar10"> |
||||||
<label>外网:</label> |
<label>外网:</label> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="端口" align="center"> |
<el-table-column label="端口" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<div class="tab_temp"> |
<div class="tab_temp"> |
||||||
<div class="flex-center"> |
<div class="flex-center"> |
||||||
<label>内网:</label> |
<label>内网:</label> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
<div class="flex-center mar10"> |
<div class="flex-center mar10"> |
||||||
<label>外网:</label> |
<label>外网:</label> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="storeName" label="后台" align="center"> |
<el-table-column prop="storeName" label="后台" align="center"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="操作" align="center"> |
<el-table-column label="操作" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<el-button type="text">编辑</el-button> |
<el-button type="text">编辑</el-button> |
||||||
<el-button type="text">删除</el-button> |
<el-button type="text">删除</el-button> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
</el-table> |
</el-table> |
||||||
<div class="pagination"> |
<div class="pagination"> |
||||||
<el-pagination background layout="total, prev, pager, next" :total="pages"> |
<el-pagination background layout="total, prev, pager, next" :total="pages"> |
||||||
</el-pagination> |
</el-pagination> |
||||||
</div> |
</div> |
||||||
</el-card> |
</el-card> |
||||||
</el-col> |
</el-col> |
||||||
</el-row> |
</el-row> |
||||||
|
|
||||||
<!-- 选择IP --> |
<!-- 选择IP --> |
||||||
<el-dialog :visible.sync="ipVisible" width="50%" center> |
<el-dialog :visible.sync="ipVisible" width="50%" center> |
||||||
<div class="flex-center mgb20"> |
<div class="flex-center mgb20"> |
||||||
<p class="addhr_tag"></p> |
<p class="addhr_tag"></p> |
||||||
<span>客户列表</span> |
<span>客户列表</span> |
||||||
|
</div> |
||||||
|
<el-table :data="permissionData" class="table" header-align="center"> |
||||||
|
<el-table-column prop="id" label="序号" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="age" label="服务器名称" align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="IP" align="center"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<div class="tab_temp"> |
||||||
|
<div class="flex-center"> |
||||||
|
<label>内网:</label> |
||||||
|
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
||||||
|
</div> |
||||||
|
<div class="flex-center mar10"> |
||||||
|
<label>外网:</label> |
||||||
|
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
<el-table :data="permissionData" class="table" stripe header-align="center"> |
</template> |
||||||
<el-table-column prop="id" label="序号" align="center"> |
</el-table-column> |
||||||
</el-table-column> |
<el-table-column label="端口" align="center"> |
||||||
<el-table-column prop="age" label="服务器名称" align="center"> |
<template slot-scope="scope"> |
||||||
</el-table-column> |
<div class="tab_temp"> |
||||||
<el-table-column label="IP" align="center"> |
<div class="flex-center"> |
||||||
<template slot-scope="scope"> |
<label>内网:</label> |
||||||
<div class="tab_temp"> |
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
||||||
<div class="flex-center"> |
</div> |
||||||
<label>内网:</label> |
<div class="flex-center mar10"> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入IP地址"></el-input> |
<label>外网:</label> |
||||||
</div> |
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
||||||
<div class="flex-center mar10"> |
</div> |
||||||
<label>外网:</label> |
</div> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入端口号"></el-input> |
</template> |
||||||
</div> |
</el-table-column> |
||||||
</div> |
<el-table-column label="选择" align="center"> |
||||||
</template> |
<template slot-scope="scope"> |
||||||
</el-table-column> |
<i class="el-icon-success radio_icon"></i> |
||||||
<el-table-column label="端口" align="center"> |
</template> |
||||||
<template slot-scope="scope"> |
</el-table-column> |
||||||
<div class="tab_temp"> |
</el-table> |
||||||
<div class="flex-center"> |
<span slot="footer" class="dialog-footer"> |
||||||
<label>内网:</label> |
<el-button @click="ipVisible = false">取 消</el-button> |
||||||
<el-input v-model="scope.row.Intranet" placeholder="请输入内网IP地址"></el-input> |
<el-button type="primary" @click="editSure('teacherForm')">确 定</el-button> |
||||||
</div> |
</span> |
||||||
<div class="flex-center mar10"> |
</el-dialog> |
||||||
<label>外网:</label> |
</div> |
||||||
<el-input v-model="scope.row.extranet" placeholder="请输入外网IP地址"></el-input> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="选择" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<i class="el-icon-success radio_icon"></i> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<span slot="footer" class="dialog-footer"> |
|
||||||
<el-button @click="ipVisible = false">取 消</el-button> |
|
||||||
<el-button type="primary" @click="editSure('teacherForm')">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
data (){ |
data () { |
||||||
return { |
return { |
||||||
form: { |
form: { |
||||||
systemName: '', |
systemName: '', |
||||||
systemType: '', |
systemType: '', |
||||||
systemAttribution: '' |
systemAttribution: '' |
||||||
}, |
}, |
||||||
rules: { |
rules: { |
||||||
systemName:[ |
systemName: [ |
||||||
{ required: true, message: '请输入系统名称', trigger: 'blur' } |
{ required: true, message: '请输入系统名称', trigger: 'blur' } |
||||||
], |
], |
||||||
systemType:[ |
systemType: [ |
||||||
{ required: true, message: '请选择系统类型', trigger: 'change' } |
{ required: true, message: '请选择系统类型', trigger: 'change' } |
||||||
], |
], |
||||||
systemAttribution:[ |
systemAttribution: [ |
||||||
{ required: true, message: '请选择系统归属', trigger: 'change' } |
{ required: true, message: '请选择系统归属', trigger: 'change' } |
||||||
] |
] |
||||||
}, |
}, |
||||||
permissionData: [{ |
permissionData: [{ |
||||||
id: 1, |
id: 1, |
||||||
age: '小额贷系统', |
age: '小额贷系统', |
||||||
storeName: '1个月', |
storeName: '1个月', |
||||||
total: '2019.01.02 11:00', |
total: '2019.01.02 11:00', |
||||||
payamount: '2019.01.02 11:00', |
payamount: '2019.01.02 11:00', |
||||||
payamount: '700d12h1min', |
payamount: '700d12h1min', |
||||||
swtich: true, |
swtich: true, |
||||||
Intranet: '10.20.202.1', |
Intranet: '10.20.202.1', |
||||||
extranet: '10.20.202.1' |
extranet: '10.20.202.1' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
id: 2, |
id: 2, |
||||||
age: '小额贷系统', |
age: '小额贷系统', |
||||||
storeName: '1个月', |
storeName: '1个月', |
||||||
total: '2019.01.02 11:00', |
total: '2019.01.02 11:00', |
||||||
payamount: '2019.01.02 11:00', |
payamount: '2019.01.02 11:00', |
||||||
swtich: true, |
swtich: true, |
||||||
Intranet: '', |
Intranet: '', |
||||||
extranet: '' |
extranet: '' |
||||||
}], |
}], |
||||||
pages: 1, |
pages: 1, |
||||||
ipVisible: false, |
ipVisible: false, |
||||||
educationDegreeList: [{ |
educationDegreeList: [{ |
||||||
name: '研究生及以上', |
name: '研究生及以上', |
||||||
value: 1 |
value: 1 |
||||||
}], |
}], |
||||||
systemList: [{ |
systemList: [{ |
||||||
name: '外部产品', |
name: '外部产品', |
||||||
value: 1 |
value: 1 |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
name: '内部系统', |
name: '内部系统', |
||||||
value: 0 |
value: 0 |
||||||
}], |
}], |
||||||
systemTypeList: [{ |
systemTypeList: [{ |
||||||
name: '工具', |
name: '工具', |
||||||
value: 1 |
value: 1 |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
name: '实训', |
name: '实训', |
||||||
value: 2 |
value: 2 |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
name: '网站', |
name: '网站', |
||||||
value: 3 |
value: 3 |
||||||
}], |
}], |
||||||
configId : this.$store.state.configId, |
configId: this.$store.state.configId, |
||||||
keyword: '' |
keyword: '' |
||||||
} |
} |
||||||
}, |
}, |
||||||
mounted(){ |
mounted () { |
||||||
if(this.configId){ |
if (this.configId) { |
||||||
this.getData() |
this.getData() |
||||||
} |
} |
||||||
}, |
}, |
||||||
methods: { |
methods: { |
||||||
getData(){ |
getData () { |
||||||
let data = { |
let data = { |
||||||
systemId: this.configId |
systemId: this.configId |
||||||
} |
} |
||||||
this.$get(this.api.queryServiceConfigDetails,data).then((res) => { |
this.$get(this.api.queryServiceConfigDetails, data).then((res) => { |
||||||
this.form = { |
this.form = { |
||||||
systemName: res.message[0].systemName, |
systemName: res.message[0].systemName, |
||||||
systemType: res.message[0].systemType, |
systemType: res.message[0].systemType, |
||||||
systemAttribution: res.message[0].systemAttribution, |
systemAttribution: res.message[0].systemAttribution, |
||||||
} |
} |
||||||
}).catch((res) => { |
}).catch((res) => { |
||||||
}) |
}) |
||||||
}, |
}, |
||||||
saveAdd(){ |
saveAdd () { |
||||||
let data = { |
let data = { |
||||||
systemId: this.configId, |
systemId: this.configId, |
||||||
systemName: this.form.systemName, |
systemName: this.form.systemName, |
||||||
systemType: this.form.systemType, |
systemType: this.form.systemType, |
||||||
systemAttribution: this.form.systemAttribution, |
systemAttribution: this.form.systemAttribution, |
||||||
} |
} |
||||||
if(this.configId){ |
if (this.configId) { |
||||||
this.$post(this.api.updateServiceConfig,data).then((res) => { |
this.$post(this.api.updateServiceConfig, data).then((res) => { |
||||||
this.$message.success('编辑成功'); |
this.$message.success('编辑成功'); |
||||||
this.goback() |
this.goback() |
||||||
}).catch((res) => { |
}).catch((res) => { |
||||||
}) |
}) |
||||||
}else{ |
} else { |
||||||
this.$post(this.api.updateServiceConfig,data).then((res) => { |
this.$post(this.api.updateServiceConfig, data).then((res) => { |
||||||
this.$message.success('添加成功'); |
this.$message.success('添加成功'); |
||||||
this.goback() |
this.goback() |
||||||
}).catch((res) => { |
}).catch((res) => { |
||||||
}) |
}) |
||||||
} |
} |
||||||
}, |
}, |
||||||
SpanMethod({ row, column, rowIndex, columnIndex }) { |
SpanMethod ({ row, column, rowIndex, columnIndex }) { |
||||||
if (rowIndex % 2 === 0) { |
if (rowIndex % 2 === 0) { |
||||||
if (columnIndex === 6) { |
if (columnIndex === 6) { |
||||||
if(!row.Intranet){ |
if (!row.Intranet) { |
||||||
return [1, 2]; |
return [1, 2]; |
||||||
} |
} |
||||||
} |
|
||||||
// else if (columnIndex === 1) { |
|
||||||
// return [0, 0]; |
|
||||||
// } |
|
||||||
} |
|
||||||
}, |
|
||||||
chooseIp(){ |
|
||||||
this.ipVisible = true |
|
||||||
}, |
|
||||||
goback(){ |
|
||||||
this.$router.go(-1) |
|
||||||
} |
|
||||||
} |
} |
||||||
|
// else if (columnIndex === 1) { |
||||||
|
// return [0, 0]; |
||||||
|
// } |
||||||
|
} |
||||||
|
}, |
||||||
|
chooseIp () { |
||||||
|
this.ipVisible = true |
||||||
|
}, |
||||||
|
goback () { |
||||||
|
this.$router.go(-1) |
||||||
} |
} |
||||||
|
} |
||||||
|
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped> |
<style scoped> |
||||||
.border_lf{ |
.border_lf { |
||||||
border-left: 1px dashed #eee; |
border-left: 1px dashed #eee; |
||||||
padding: 0 60px; |
padding: 0 60px; |
||||||
} |
} |
||||||
.border_lf label{ |
|
||||||
width: 120px; |
.border_lf label { |
||||||
|
width: 120px; |
||||||
} |
} |
||||||
.pad_none{ |
|
||||||
padding: 0 0 0 60px; |
.pad_none { |
||||||
|
padding: 0 0 0 60px; |
||||||
} |
} |
||||||
.mar_input{ |
|
||||||
margin-right: 80px; |
.mar_input { |
||||||
|
margin-right: 80px; |
||||||
} |
} |
||||||
.marb30{ |
|
||||||
margin-bottom: 30px; |
.marb30 { |
||||||
|
margin-bottom: 30px; |
||||||
} |
} |
||||||
.tab_temp label{ |
|
||||||
width: 60px; |
.tab_temp label { |
||||||
|
width: 60px; |
||||||
} |
} |
||||||
.mar10{ |
|
||||||
margin-top: 10px; |
.mar10 { |
||||||
|
margin-top: 10px; |
||||||
} |
} |
||||||
.radio_icon{ |
|
||||||
font-size: 26px; |
.radio_icon { |
||||||
color: #9278FF; |
font-size: 26px; |
||||||
|
color: #9278FF; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
@ -1,270 +1,267 @@ |
|||||||
<template> |
<template> |
||||||
<div class="page"> |
<div class="page"> |
||||||
<h6 class="p-title">筛选</h6> |
<h6 class="p-title">筛选</h6> |
||||||
<div class="tool"> |
<div class="tool"> |
||||||
<ul class="filter"> |
<ul class="filter"> |
||||||
<li> |
<li> |
||||||
<el-input placeholder="请输入字典名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
<el-input placeholder="请输入字典名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
||||||
</li> |
</li> |
||||||
</ul> |
</ul> |
||||||
<div> |
<div> |
||||||
<el-button type="primary" round @click="addRole">新增角色</el-button> |
<el-button type="primary" round @click="addRole">新增角色</el-button> |
||||||
<el-button type="primary" round @click="delAllSelection">批量删除</el-button> |
<el-button type="primary" round @click="delAllSelection">批量删除</el-button> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<el-table :data="listData" class="table" ref="table" stripe header-align="center" @selection-change="handleSelectionChange" :row-key="getRowKeys"> |
|
||||||
<el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" :reserve-selection="true"></el-table-column> |
|
||||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
|
||||||
<el-table-column prop="roleName" label="角色名称" align="center" min-width="250" show-overflow-tooltip></el-table-column> |
|
||||||
<el-table-column label="角色描述" min-width="400" align="center"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
<el-table-column label="操作" align="center" width="200"> |
|
||||||
<template slot-scope="scope"> |
|
||||||
<el-button type="text" @click="showRole(scope.row)">查看</el-button> |
|
||||||
<el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)">编辑</el-button> |
|
||||||
<el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" @click="handleDelete(scope.row)">删除</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</el-table> |
|
||||||
<div class="pagination"> |
|
||||||
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination> |
|
||||||
</div> |
|
||||||
|
|
||||||
<el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" @close="closeRole" class="dialog" :close-on-click-modal="false"> |
<el-table :data="listData" class="table" ref="table" header-align="center" @selection-change="handleSelectionChange" |
||||||
<el-form ref="form" label-width="80px" :disabled="isDetail"> |
:row-key="getRowKeys"> |
||||||
<el-form-item label="角色名称"> |
<el-table-column type="selection" width="55" align="center" :selectable="practiceSelectable" |
||||||
<el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input> |
:reserve-selection="true"></el-table-column> |
||||||
</el-form-item> |
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
<el-form-item label="角色描述"> |
<el-table-column prop="roleName" label="角色名称" align="center" min-width="250" |
||||||
<el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input> |
show-overflow-tooltip></el-table-column> |
||||||
</el-form-item> |
<el-table-column label="角色描述" min-width="400" align="center"> |
||||||
<el-form-item prop="role" label="角色权限"> |
<template slot-scope="scope"> |
||||||
<div style="max-height: 300px; overflow: auto"> |
<el-input placeholder="该角色用于管理全部功能权限" v-model="scope.row.remark" disabled></el-input> |
||||||
<el-tree |
</template> |
||||||
ref="per" |
</el-table-column> |
||||||
:data="permissions" |
<el-table-column label="操作" align="center" width="200"> |
||||||
show-checkbox |
<template slot-scope="scope"> |
||||||
default-expand-all |
<el-button type="text" @click="showRole(scope.row)">查看</el-button> |
||||||
node-key="id" |
<el-button v-if="scope.row.roleName !== '超级管理员'" type="text" @click="editRole(scope.row)">编辑</el-button> |
||||||
:default-expanded-keys="checkedIds" |
<el-button v-if="scope.row.roleName !== '超级管理员' && scope.row.roleName !== '管理员'" type="text" |
||||||
:default-checked-keys="checkedIds" |
@click="handleDelete(scope.row)">删除</el-button> |
||||||
:props="defaultProps"> |
</template> |
||||||
</el-tree> |
</el-table-column> |
||||||
</div> |
</el-table> |
||||||
</el-form-item> |
<div class="pagination"> |
||||||
</el-form> |
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" |
||||||
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
:total="total"></el-pagination> |
||||||
<el-button @click="roleVisible = false">取 消</el-button> |
|
||||||
<el-button type="primary" @click="saveData">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<el-dialog :title="isDetail ? '查看角色' : (isAdd ? '新增角色' : '编辑角色')" :visible.sync="roleVisible" width="30%" |
||||||
|
@close="closeRole" class="dialog" :close-on-click-modal="false"> |
||||||
|
<el-form ref="form" label-width="80px" :disabled="isDetail"> |
||||||
|
<el-form-item label="角色名称"> |
||||||
|
<el-input v-model="form.roleName" placeholder="请输入角色名称"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="角色描述"> |
||||||
|
<el-input v-model="form.remark" placeholder="请输入角色描述" type="textarea" rows="5"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item prop="role" label="角色权限"> |
||||||
|
<div style="max-height: 300px; overflow: auto"> |
||||||
|
<el-tree ref="per" :data="permissions" show-checkbox default-expand-all node-key="id" |
||||||
|
:default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps"> |
||||||
|
</el-tree> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer" v-if="!isDetail"> |
||||||
|
<el-button @click="roleVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="saveData">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import Setting from "@/setting"; |
import Setting from "@/setting"; |
||||||
export default { |
export default { |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
keyword: "", |
keyword: "", |
||||||
searchTimer: null, |
searchTimer: null, |
||||||
isDetail: false, |
isDetail: false, |
||||||
form: { |
form: { |
||||||
id: "", |
id: "", |
||||||
roleName: "", |
roleName: "", |
||||||
remark: "" |
remark: "" |
||||||
}, |
}, |
||||||
listData: [], |
listData: [], |
||||||
defaultProps: { |
defaultProps: { |
||||||
children: "children", |
children: "children", |
||||||
label: "name" |
label: "name" |
||||||
}, |
}, |
||||||
page: 1, |
page: 1, |
||||||
pageSize: 10, |
pageSize: 10, |
||||||
total: 0, |
total: 0, |
||||||
multipleSelection: [], |
multipleSelection: [], |
||||||
isAdd: true, |
isAdd: true, |
||||||
roleVisible: false, |
roleVisible: false, |
||||||
permissions: [], |
permissions: [], |
||||||
checkedIds: [], |
checkedIds: [], |
||||||
roleNameReapeat: false // 角色名称是否重复 |
roleNameReapeat: false // 角色名称是否重复 |
||||||
}; |
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
keyword: function (val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.getData(); |
||||||
|
}, 500); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
// this.getData(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData () { |
||||||
|
this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=1`).then(res => { |
||||||
|
this.listData = res.rolePage.records; |
||||||
|
this.total = res.rolePage.total; |
||||||
|
}).catch(res => { }); |
||||||
|
}, |
||||||
|
currentChange (val) { |
||||||
|
this.page = val; |
||||||
|
this.getData(); |
||||||
}, |
}, |
||||||
watch: { |
handleDelete (row) { |
||||||
keyword: function(val) { |
this.$confirm("确定要删除吗？", "提示", { |
||||||
clearTimeout(this.searchTimer); |
type: "warning" |
||||||
this.searchTimer = setTimeout(() => { |
}).then(() => { |
||||||
this.getData(); |
this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => { |
||||||
}, 500); |
this.$message.success("删除成功"); |
||||||
} |
this.getData(); |
||||||
|
}).catch(res => { }); |
||||||
|
}).catch(() => { }); |
||||||
}, |
}, |
||||||
mounted() { |
getRowKeys (row) { |
||||||
// this.getData(); |
return row.id; |
||||||
}, |
}, |
||||||
methods: { |
handleSelectionChange (val) { |
||||||
getData() { |
this.multipleSelection = val; |
||||||
this.$get(`${this.api.roleList}?page=${this.page}&size=${this.pageSize}&name=${this.keyword}&platformId=1`).then(res => { |
}, |
||||||
this.listData = res.rolePage.records; |
delAllSelection () { |
||||||
this.total = res.rolePage.total; |
if (this.multipleSelection.length) { |
||||||
}).catch(res => {}); |
this.$confirm("确定要删除吗？", "提示", { |
||||||
}, |
type: "warning" |
||||||
currentChange(val) { |
}).then(() => { |
||||||
this.page = val; |
let ids = this.multipleSelection.map(item => { |
||||||
|
return item.id; |
||||||
|
}); |
||||||
|
this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => { |
||||||
|
this.$refs.table.clearSelection(); |
||||||
|
this.$message.success("删除成功"); |
||||||
this.getData(); |
this.getData(); |
||||||
}, |
}).catch(res => { }); |
||||||
handleDelete(row) { |
if (this.multipleSelection.length === this.listData.length && this.page > 1) { |
||||||
this.$confirm("确定要删除吗？", "提示", { |
this.handleCurrentChange(this.page - 1) |
||||||
type: "warning" |
} |
||||||
}).then(() => { |
}).catch(() => { }); |
||||||
this.$post(`${this.api.batchRemove}?roleIds=${row.id}`).then(res => { |
} else { |
||||||
this.$message.success("删除成功"); |
this.$message.error("请先选择数据！"); |
||||||
this.getData(); |
} |
||||||
}).catch(res => {}); |
}, |
||||||
}).catch(() => {}); |
practiceSelectable (row, index) { |
||||||
}, |
let boolean = true; |
||||||
getRowKeys(row) { |
if (row.roleName == '超级管理员') { |
||||||
return row.id; |
boolean = false |
||||||
}, |
} else { |
||||||
handleSelectionChange(val) { |
boolean = true |
||||||
this.multipleSelection = val; |
} |
||||||
}, |
return boolean; |
||||||
delAllSelection() { |
}, |
||||||
if (this.multipleSelection.length) { |
closeRole () { |
||||||
this.$confirm("确定要删除吗？", "提示", { |
this.isDetail = false; |
||||||
type: "warning" |
this.form = { |
||||||
}).then(() => { |
id: "", |
||||||
let ids = this.multipleSelection.map(item => { |
roleName: "", |
||||||
return item.id; |
remark: "" |
||||||
}); |
}; |
||||||
this.$post(`${this.api.batchRemove}?roleIds=${ids.toString()}`).then(res => { |
this.checkedIds = []; |
||||||
this.$refs.table.clearSelection(); |
this.permissions = []; |
||||||
this.$message.success("删除成功"); |
}, |
||||||
this.getData(); |
// 获取权限菜单 |
||||||
}).catch(res => {}); |
getPer (row) { |
||||||
if(this.multipleSelection.length === this.listData.length && this.page>1) { |
if (!this.permissions.length) { |
||||||
this.handleCurrentChange(this.page - 1) |
this.$get(`${this.api.queryAllMenus}?platformId=${Setting.platformId}`).then(res => { |
||||||
} |
let data = res.children; |
||||||
}).catch(() => {}); |
// 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理 |
||||||
} else { |
let yw = data.findIndex(n => n.name == "业务后台"); |
||||||
this.$message.error("请先选择数据！"); |
yw != -1 && data.splice(yw, 1); |
||||||
} |
try { |
||||||
}, |
let system = data.findIndex(n => n.name == "系统设置"); |
||||||
practiceSelectable(row, index){ |
|
||||||
let boolean = true; |
|
||||||
if(row.roleName == '超级管理员'){ |
|
||||||
boolean = false |
|
||||||
}else{ |
|
||||||
boolean = true |
|
||||||
} |
|
||||||
return boolean; |
|
||||||
}, |
|
||||||
closeRole() { |
|
||||||
this.isDetail = false; |
|
||||||
this.form = { |
|
||||||
id: "", |
|
||||||
roleName: "", |
|
||||||
remark: "" |
|
||||||
}; |
|
||||||
this.checkedIds = []; |
|
||||||
this.permissions = []; |
|
||||||
}, |
|
||||||
// 获取权限菜单 |
|
||||||
getPer(row) { |
|
||||||
if (!this.permissions.length) { |
|
||||||
this.$get(`${this.api.queryAllMenus}?platformId=${Setting.platformId}`).then(res => { |
|
||||||
let data = res.children; |
|
||||||
// 因为有些菜单是后来去掉的，但是数据库里要去掉的话就得全部重新加了，所以就在前端来手动把不需要了的菜单给去掉，下面同理 |
|
||||||
let yw = data.findIndex(n => n.name == "业务后台"); |
|
||||||
yw != -1 && data.splice(yw, 1); |
|
||||||
try { |
|
||||||
let system = data.findIndex(n => n.name == "系统设置"); |
|
||||||
|
|
||||||
if (system != -1) { |
if (system != -1) { |
||||||
data[system].children[1].children.splice(4, 1); |
data[system].children[1].children.splice(4, 1); |
||||||
data[system].children[1].children.splice(1, 1); |
data[system].children[1].children.splice(1, 1); |
||||||
data[system].children[1].children.splice(0, 1); |
data[system].children[1].children.splice(0, 1); |
||||||
} |
|
||||||
} catch (error) { |
|
||||||
} |
|
||||||
this.permissions = data; |
|
||||||
if (row) { |
|
||||||
this.getDetail(row); |
|
||||||
} |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
} |
|
||||||
}, |
|
||||||
addRole() { |
|
||||||
this.isAdd = true; |
|
||||||
this.getPer(); |
|
||||||
this.checkedIds = []; |
|
||||||
this.permissions.length && this.$refs.per.setCheckedNodes([]); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
// 递归处理勾选的权限 |
|
||||||
handleRolePer(data, permissions) { |
|
||||||
let result = data; |
|
||||||
if (permissions.length) { |
|
||||||
permissions.map(e => { |
|
||||||
if (result.includes(e.id) && e.children) { |
|
||||||
// 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选 |
|
||||||
e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1); |
|
||||||
} |
|
||||||
e.children && e.children.length && this.handleRolePer(data, e.children); |
|
||||||
}); |
|
||||||
} |
|
||||||
return result; |
|
||||||
}, |
|
||||||
async getDetail(row) { // 查询详情 |
|
||||||
let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`); |
|
||||||
this.form = res.role; |
|
||||||
this.form.id = row.id; |
|
||||||
this.checkedIds = this.handleRolePer(res.permissionList, this.permissions); |
|
||||||
this.$refs.per.setCheckedNodes(this.checkedIds); |
|
||||||
}, |
|
||||||
showRole(row) { |
|
||||||
this.isDetail = true; |
|
||||||
this.isAdd = false; |
|
||||||
this.getPer(row); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
editRole(row) { |
|
||||||
this.isAdd = false; |
|
||||||
this.getPer(row); |
|
||||||
this.roleVisible = true; |
|
||||||
}, |
|
||||||
async saveData() { |
|
||||||
if (!this.form.roleName) return this.$message.warning("请填写角色名称"); |
|
||||||
if (!this.form.remark) return this.$message.warning("请填写角色描述"); |
|
||||||
if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限"); |
|
||||||
// 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端 |
|
||||||
let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()]; |
|
||||||
let data = { |
|
||||||
...this.form, |
|
||||||
permissionId, |
|
||||||
platformId:1, |
|
||||||
}; |
|
||||||
if (this.form.id) { |
|
||||||
this.$post(this.api.saveOrUpdate, data).then(res => { |
|
||||||
this.$message.success("修改成功"); |
|
||||||
this.getData(); |
|
||||||
this.roleVisible = false; |
|
||||||
}).catch(res => {}); |
|
||||||
} else { |
|
||||||
this.$post(this.api.saveOrUpdate, data).then(res => { |
|
||||||
this.$message.success("新增成功"); |
|
||||||
this.getData(); |
|
||||||
this.roleVisible = false; |
|
||||||
}).catch(res => {}); |
|
||||||
} |
} |
||||||
} |
} catch (error) { |
||||||
|
} |
||||||
|
this.permissions = data; |
||||||
|
if (row) { |
||||||
|
this.getDetail(row); |
||||||
|
} |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
addRole () { |
||||||
|
this.isAdd = true; |
||||||
|
this.getPer(); |
||||||
|
this.checkedIds = []; |
||||||
|
this.permissions.length && this.$refs.per.setCheckedNodes([]); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
// 递归处理勾选的权限 |
||||||
|
handleRolePer (data, permissions) { |
||||||
|
let result = data; |
||||||
|
if (permissions.length) { |
||||||
|
permissions.map(e => { |
||||||
|
if (result.includes(e.id) && e.children) { |
||||||
|
// 如果该权限下的子权限不是每个都勾选了,就把该权限的id从已勾选的id集合里去除,因为如果不去除的话,这个权限就会勾选,同时会把该权限下的所有子权限都一起勾选 |
||||||
|
e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id), 1); |
||||||
|
} |
||||||
|
e.children && e.children.length && this.handleRolePer(data, e.children); |
||||||
|
}); |
||||||
|
} |
||||||
|
return result; |
||||||
|
}, |
||||||
|
async getDetail (row) { // 查询详情 |
||||||
|
let res = await this.$get(`${this.api.obtainDetails}?id=${row.id}`); |
||||||
|
this.form = res.role; |
||||||
|
this.form.id = row.id; |
||||||
|
this.checkedIds = this.handleRolePer(res.permissionList, this.permissions); |
||||||
|
this.$refs.per.setCheckedNodes(this.checkedIds); |
||||||
|
}, |
||||||
|
showRole (row) { |
||||||
|
this.isDetail = true; |
||||||
|
this.isAdd = false; |
||||||
|
this.getPer(row); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
editRole (row) { |
||||||
|
this.isAdd = false; |
||||||
|
this.getPer(row); |
||||||
|
this.roleVisible = true; |
||||||
|
}, |
||||||
|
async saveData () { |
||||||
|
if (!this.form.roleName) return this.$message.warning("请填写角色名称"); |
||||||
|
if (!this.form.remark) return this.$message.warning("请填写角色描述"); |
||||||
|
if (!this.$refs.per.getCheckedKeys().length) return this.$message.warning("请选择角色权限"); |
||||||
|
// 获取已勾选的,和半勾选的(即子级没有全部勾选的节点),半勾选的一样要传给后端 |
||||||
|
let permissionId = [...this.$refs.per.getHalfCheckedKeys(), ...this.$refs.per.getCheckedKeys()]; |
||||||
|
let data = { |
||||||
|
...this.form, |
||||||
|
permissionId, |
||||||
|
platformId: 1, |
||||||
|
}; |
||||||
|
if (this.form.id) { |
||||||
|
this.$post(this.api.saveOrUpdate, data).then(res => { |
||||||
|
this.$message.success("修改成功"); |
||||||
|
this.getData(); |
||||||
|
this.roleVisible = false; |
||||||
|
}).catch(res => { }); |
||||||
|
} else { |
||||||
|
this.$post(this.api.saveOrUpdate, data).then(res => { |
||||||
|
this.$message.success("新增成功"); |
||||||
|
this.getData(); |
||||||
|
this.roleVisible = false; |
||||||
|
}).catch(res => { }); |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped></style> |
||||||
|
|
||||||
</style> |
|
||||||
@ -1,94 +1,93 @@ |
|||||||
<template> |
<template> |
||||||
<div class="page"> |
<div class="page"> |
||||||
<h6 class="p-title">筛选</h6> |
<h6 class="p-title">筛选</h6> |
||||||
<div class="tool"> |
<div class="tool"> |
||||||
<ul class="filter"> |
<ul class="filter"> |
||||||
<li> |
<li> |
||||||
<el-input placeholder="请输入平台名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
<el-input placeholder="请输入平台名称" prefix-icon="el-icon-search" v-model.trim="keyword" clearable></el-input> |
||||||
</li> |
</li> |
||||||
</ul> |
</ul> |
||||||
</div> |
</div> |
||||||
|
|
||||||
<el-table :data="listData" class="table" ref="table" stripe header-align="center" row-key="id"> |
<el-table :data="listData" class="table" ref="table" header-align="center" row-key="id"> |
||||||
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
<el-table-column type="index" width="60" label="序号" align="center"></el-table-column> |
||||||
<el-table-column prop="name" label="平台名称" align="center" min-width="250" show-overflow-tooltip></el-table-column> |
<el-table-column prop="name" label="平台名称" align="center" min-width="250" show-overflow-tooltip></el-table-column> |
||||||
<el-table-column prop="versionName" label="最新版本名称" align="center"></el-table-column> |
<el-table-column prop="versionName" label="最新版本名称" align="center"></el-table-column> |
||||||
<el-table-column prop="roleName" label="最新版本状态" align="center"> |
<el-table-column prop="roleName" label="最新版本状态" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
{{ scope.row.draft ? '草稿箱' : '已发布' }} |
{{ scope.row.draft ? '草稿箱' : '已发布' }} |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="updateTime" label="最近编辑" align="center"></el-table-column> |
<el-table-column prop="updateTime" label="最近编辑" align="center"></el-table-column> |
||||||
<el-table-column prop="versionNum" label="版本数" align="center"></el-table-column> |
<el-table-column prop="versionNum" label="版本数" align="center"></el-table-column> |
||||||
<el-table-column label="操作" align="center" width="200"> |
<el-table-column label="操作" align="center" width="200"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<el-button type="text" @click="toManage(scope.row)" v-auth="'/system:日志更新:管理'">管理</el-button> |
<el-button type="text" @click="toManage(scope.row)" v-auth="'/system:日志更新:管理'">管理</el-button> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
</el-table> |
</el-table> |
||||||
<div class="pagination"> |
<div class="pagination"> |
||||||
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" :total="total"></el-pagination> |
<el-pagination background @current-change="currentChange" :current-page="page" layout="total, prev, pager, next" |
||||||
</div> |
:total="total"></el-pagination> |
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import Setting from '@/setting' |
import Setting from '@/setting' |
||||||
export default { |
export default { |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
keyword: "", |
keyword: "", |
||||||
searchTimer: null, |
searchTimer: null, |
||||||
platformList: Setting.platformList, |
platformList: Setting.platformList, |
||||||
form: { |
form: { |
||||||
id: "", |
id: "", |
||||||
roleName: "", |
roleName: "", |
||||||
remark: "" |
remark: "" |
||||||
}, |
}, |
||||||
listDataAll: [], |
listDataAll: [], |
||||||
listData: [], |
listData: [], |
||||||
page: 1, |
page: 1, |
||||||
pageSize: 10, |
pageSize: 10, |
||||||
total: 0 |
total: 0 |
||||||
}; |
}; |
||||||
}, |
}, |
||||||
watch: { |
watch: { |
||||||
keyword: function(val) { |
keyword: function (val) { |
||||||
clearTimeout(this.searchTimer); |
clearTimeout(this.searchTimer); |
||||||
this.searchTimer = setTimeout(() => { |
this.searchTimer = setTimeout(() => { |
||||||
const list = this.listData |
const list = this.listData |
||||||
this.listData = val ? list.filter(e => e.name.includes(val)) : this.listDataAll |
this.listData = val ? list.filter(e => e.name.includes(val)) : this.listDataAll |
||||||
this.total = this.listData.length |
this.total = this.listData.length |
||||||
}, 500); |
}, 500); |
||||||
} |
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getData() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData () { |
||||||
|
this.$get(`${this.api.logManagementList}?search=${this.keyword}`).then(res => { |
||||||
|
const list = res.logManagementListVo |
||||||
|
const platformList = this.platformList |
||||||
|
list.map(e => { |
||||||
|
const item = platformList.find(n => n.id === e.platformId) |
||||||
|
if (item) e.name = item.name |
||||||
|
}) |
||||||
|
this.listDataAll = res.logManagementListVo |
||||||
|
this.listData = res.logManagementListVo |
||||||
|
this.total = this.listData.length |
||||||
|
}).catch(res => { }) |
||||||
}, |
}, |
||||||
mounted() { |
currentChange (val) { |
||||||
this.getData() |
this.page = val; |
||||||
|
this.getData(); |
||||||
}, |
}, |
||||||
methods: { |
toManage (row) { |
||||||
getData() { |
this.$router.push(`/manageLog?platformId=${row.platformId}`) |
||||||
this.$get(`${this.api.logManagementList}?search=${this.keyword}`).then(res => { |
|
||||||
const list = res.logManagementListVo |
|
||||||
const platformList = this.platformList |
|
||||||
list.map(e => { |
|
||||||
const item = platformList.find(n => n.id === e.platformId) |
|
||||||
if (item) e.name = item.name |
|
||||||
}) |
|
||||||
this.listDataAll = res.logManagementListVo |
|
||||||
this.listData = res.logManagementListVo |
|
||||||
this.total = this.listData.length |
|
||||||
}).catch(res => {}) |
|
||||||
}, |
|
||||||
currentChange(val) { |
|
||||||
this.page = val; |
|
||||||
this.getData(); |
|
||||||
}, |
|
||||||
toManage(row) { |
|
||||||
this.$router.push(`/manageLog?platformId=${row.platformId}`) |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped></style> |
||||||
|
|
||||||
</style> |
|
||||||
@ -1,187 +1,187 @@ |
|||||||
<template> |
<template> |
||||||
<!-- 分类管理 --> |
<!-- 分类管理 --> |
||||||
<div> |
<div> |
||||||
<div class="tool"> |
<div class="tool"> |
||||||
<ul class="filter"> |
<ul class="filter"> |
||||||
|
|
||||||
</ul> |
</ul> |
||||||
<div style="margin-top: 24px"> |
<div style="margin-top: 24px"> |
||||||
<el-button v-auth="'分类管理:新增'" type="primary" round @click="addClass">新增</el-button> |
<el-button v-auth="'分类管理:新增'" type="primary" round @click="addClass">新增</el-button> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
<el-table :data="list" class="table" stripe header-align="center" @selection-change="handleSelectionChange" row-key="id"> |
<el-table :data="list" class="table" header-align="center" @selection-change="handleSelectionChange" row-key="id"> |
||||||
<el-table-column type="index" width="100" label="序号" align="center"> |
<el-table-column type="index" width="100" label="序号" align="center"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
{{ scope.$index + (page - 1) * pageSize + 1 }} |
{{ scope.$index + (page - 1) * pageSize + 1 }} |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column prop="classificationName" label="课程分类名称"> |
<el-table-column prop="classificationName" label="课程分类名称"> |
||||||
</el-table-column> |
</el-table-column> |
||||||
<el-table-column label="操作" align="center" width="300"> |
<el-table-column label="操作" align="center" width="300"> |
||||||
<template slot-scope="scope"> |
<template slot-scope="scope"> |
||||||
<el-button v-auth="'分类管理:修改'" type="text" @click="editClass(scope.row)">修改</el-button> |
<el-button v-auth="'分类管理:修改'" type="text" @click="editClass(scope.row)">修改</el-button> |
||||||
<el-divider v-auth="'分类管理:修改'" direction="vertical"></el-divider> |
<el-divider v-auth="'分类管理:修改'" direction="vertical"></el-divider> |
||||||
<el-button v-auth="'分类管理:删除'" type="text" @click="handleDelete(scope.row)">删除</el-button> |
<el-button v-auth="'分类管理:删除'" type="text" @click="handleDelete(scope.row)">删除</el-button> |
||||||
</template> |
</template> |
||||||
</el-table-column> |
</el-table-column> |
||||||
</el-table> |
</el-table> |
||||||
<div class="pagination"> |
<div class="pagination"> |
||||||
<el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" :current-page="page"> |
<el-pagination background layout="total, prev, pager, next" :total="total" @current-change="handleCurrentChange" |
||||||
</el-pagination> |
:current-page="page"> |
||||||
</div> |
</el-pagination> |
||||||
|
|
||||||
<el-dialog :title="!curRow.id ? '添加分类' : '编辑分类'" :visible.sync="classVisible" width="400px" :close-on-click-modal="false" @close="closeColumn"> |
|
||||||
<el-form> |
|
||||||
<el-form-item> |
|
||||||
<el-input placeholder="分类名称" v-model="classificationName"></el-input> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<span slot="footer" class="dialog-footer"> |
|
||||||
<el-button @click="classVisible = false">取 消</el-button> |
|
||||||
<el-button type="primary" @click="classSubmit">确 定</el-button> |
|
||||||
</span> |
|
||||||
</el-dialog> |
|
||||||
</div> |
</div> |
||||||
|
|
||||||
|
<el-dialog :title="!curRow.id ? '添加分类' : '编辑分类'" :visible.sync="classVisible" width="400px" |
||||||
|
:close-on-click-modal="false" @close="closeColumn"> |
||||||
|
<el-form> |
||||||
|
<el-form-item> |
||||||
|
<el-input placeholder="分类名称" v-model="classificationName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="classVisible = false">取 消</el-button> |
||||||
|
<el-button type="primary" @click="classSubmit">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
import util from "@/libs/util"; |
import util from "@/libs/util"; |
||||||
import Setting from '@/setting' |
import Setting from '@/setting' |
||||||
export default { |
export default { |
||||||
name: "sortManagement", |
name: "sortManagement", |
||||||
data() { |
data () { |
||||||
return { |
return { |
||||||
list: [], |
list: [], |
||||||
multipleSelection: [], |
multipleSelection: [], |
||||||
page: 1, |
page: 1, |
||||||
pageSize: 10, |
pageSize: 10, |
||||||
total: 0, |
total: 0, |
||||||
classVisible: false, |
classVisible: false, |
||||||
curRow: {}, |
curRow: {}, |
||||||
classificationName: "", |
classificationName: "", |
||||||
nameRepeat: false |
nameRepeat: false |
||||||
}; |
}; |
||||||
|
}, |
||||||
|
watch: { |
||||||
|
classificationName: function (val) { |
||||||
|
clearTimeout(this.searchTimer); |
||||||
|
this.searchTimer = setTimeout(() => { |
||||||
|
this.nameChange(); |
||||||
|
}, 100); |
||||||
|
} |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
this.getData(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getData () { |
||||||
|
this.$post(this.api.listClassification, { |
||||||
|
pageNum: this.page, |
||||||
|
pageSize: this.pageSize, |
||||||
|
platformSource: Setting.platformSource |
||||||
|
}).then(({ page }) => { |
||||||
|
this.list = page.records |
||||||
|
this.total = page.total |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
}, |
}, |
||||||
watch: { |
handleDelete (row) { |
||||||
classificationName: function(val) { |
this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", { |
||||||
clearTimeout(this.searchTimer); |
type: "warning" |
||||||
this.searchTimer = setTimeout(() => { |
}) |
||||||
this.nameChange(); |
.then(() => { |
||||||
}, 100); |
this.$post(this.api.delClassification, [row.id]).then(res => { |
||||||
} |
util.successMsg("删除成功"); |
||||||
|
this.getData(); |
||||||
|
}).catch(res => { |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch(() => { |
||||||
|
}); |
||||||
}, |
}, |
||||||
mounted() { |
handleSelectionChange (val) { |
||||||
this.getData(); |
this.multipleSelection = val; |
||||||
}, |
}, |
||||||
methods: { |
closeColumn () { |
||||||
getData() { |
this.classificationName = ""; |
||||||
this.$post(this.api.listClassification, { |
this.curRow = {}; |
||||||
pageNum: this.page, |
}, |
||||||
pageSize: this.pageSize, |
delAllData () { |
||||||
platformSource: Setting.platformSource |
if (this.multipleSelection.length != "") { |
||||||
}).then(({ page }) => { |
let newArr = this.multipleSelection; |
||||||
this.list = page.records |
let delList = newArr.map(item => { |
||||||
this.total = page.total |
return item.id; |
||||||
|
}); |
||||||
|
// 批量删除 |
||||||
|
this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", { |
||||||
|
type: "warning" |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
let data = delList.join(); |
||||||
|
this.$del(this.api.deleteClassification, data).then(res => { |
||||||
|
this.multipleSelection = []; |
||||||
|
util.successMsg("删除成功"); |
||||||
|
this.getData(); |
||||||
}).catch(res => { |
}).catch(res => { |
||||||
}); |
}); |
||||||
}, |
}).catch(() => { |
||||||
handleDelete(row) { |
}); |
||||||
this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", { |
} else { |
||||||
type: "warning" |
util.errorMsg("请先选择数据 ！"); |
||||||
}) |
} |
||||||
.then(() => { |
}, |
||||||
this.$post(this.api.delClassification, [row.id]).then(res => { |
handleCurrentChange (val) { |
||||||
util.successMsg("删除成功"); |
this.page = val; |
||||||
this.getData(); |
this.getData(); |
||||||
}).catch(res => { |
}, |
||||||
}); |
addClass () { |
||||||
}) |
this.classVisible = true; |
||||||
.catch(() => { |
}, |
||||||
}); |
editClass (row) { |
||||||
}, |
this.curRow = row; |
||||||
handleSelectionChange(val) { |
this.classificationName = row.classificationName; |
||||||
this.multipleSelection = val; |
this.classVisible = true; |
||||||
}, |
}, |
||||||
closeColumn() { |
nameChange (val) { |
||||||
this.classificationName = ""; |
const row = this.curRow |
||||||
this.curRow = {}; |
this.$post(this.api.checkRepeatClassification, { |
||||||
}, |
id: row.id, |
||||||
delAllData() { |
platformSource: Setting.platformSource, |
||||||
if (this.multipleSelection.length != "") { |
classificationName: this.classificationName |
||||||
let newArr = this.multipleSelection; |
}).then(res => { |
||||||
let delList = newArr.map(item => { |
this.nameRepeat = false |
||||||
return item.id; |
}).catch(res => { |
||||||
}); |
this.nameRepeat = true |
||||||
// 批量删除 |
}) |
||||||
this.$confirm("此删除操作不可逆，是否确认删除选中项？", "提示", { |
}, |
||||||
type: "warning" |
classSubmit () { |
||||||
}) |
if (!this.classificationName) return util.errorMsg("请填写分类名称"); |
||||||
.then(() => { |
if (this.nameRepeat) return util.errorMsg("当前分类已存在!"); |
||||||
let data = delList.join(); |
let data = { |
||||||
this.$del(this.api.deleteClassification, data).then(res => { |
classificationName: this.classificationName, |
||||||
this.multipleSelection = []; |
platformSource: Setting.platformSource |
||||||
util.successMsg("删除成功"); |
}; |
||||||
this.getData(); |
if (this.curRow.id) { |
||||||
}).catch(res => { |
data.id = this.curRow.id; |
||||||
}); |
this.$post(this.api.updateClassification, data).then(res => { |
||||||
}).catch(() => { |
util.successMsg("修改成功"); |
||||||
}); |
this.classVisible = false; |
||||||
} else { |
this.getData(); |
||||||
util.errorMsg("请先选择数据 ！"); |
}).catch(res => { |
||||||
} |
}); |
||||||
}, |
} else { |
||||||
handleCurrentChange(val) { |
this.$post(this.api.saveClassification, data).then(res => { |
||||||
this.page = val; |
util.successMsg("添加成功"); |
||||||
this.getData(); |
this.classVisible = false; |
||||||
}, |
this.getData(); |
||||||
addClass() { |
}).catch(res => { |
||||||
this.classVisible = true; |
}); |
||||||
}, |
} |
||||||
editClass(row) { |
|
||||||
this.curRow = row; |
|
||||||
this.classificationName = row.classificationName; |
|
||||||
this.classVisible = true; |
|
||||||
}, |
|
||||||
nameChange(val) { |
|
||||||
const row = this.curRow |
|
||||||
this.$post(this.api.checkRepeatClassification, { |
|
||||||
id: row.id, |
|
||||||
platformSource: Setting.platformSource, |
|
||||||
classificationName: this.classificationName |
|
||||||
}).then(res => { |
|
||||||
this.nameRepeat = false |
|
||||||
}).catch(res => { |
|
||||||
this.nameRepeat = true |
|
||||||
}) |
|
||||||
}, |
|
||||||
classSubmit() { |
|
||||||
if (!this.classificationName) return util.errorMsg("请填写分类名称"); |
|
||||||
if (this.nameRepeat) return util.errorMsg("当前分类已存在!"); |
|
||||||
let data = { |
|
||||||
classificationName: this.classificationName, |
|
||||||
platformSource: Setting.platformSource |
|
||||||
}; |
|
||||||
if (this.curRow.id) { |
|
||||||
data.id = this.curRow.id; |
|
||||||
this.$post(this.api.updateClassification, data).then(res => { |
|
||||||
util.successMsg("修改成功"); |
|
||||||
this.classVisible = false; |
|
||||||
this.getData(); |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
} else { |
|
||||||
this.$post(this.api.saveClassification, data).then(res => { |
|
||||||
util.successMsg("添加成功"); |
|
||||||
this.classVisible = false; |
|
||||||
this.getData(); |
|
||||||
}).catch(res => { |
|
||||||
}); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
|
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped></style> |
||||||
|
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue