cyl/dev
wangxia 3 years ago
parent e360f30372
commit 3f0d963af7

@ -12,7 +12,9 @@
<a-button class="newScreen">
<router-link target="_blank" to="/largeScreen">新窗口打开</router-link>
</a-button>
<largeScreen></largeScreen>
<div class="middleScreen">
<largeScreen class="screen"></largeScreen>
</div>
</div>
</div>
</template>
@ -61,6 +63,26 @@ export default {
padding-top: 64px;
position: relative;
}
.middleScreen {
position: relative;
width: 100%;
height: 100%;
.screen {
zoom: 0.4;
width: 40%;
height:30%;
min-height: 30%;
margin-left: 50%;
transform: translateX(-50%);
// min-height: 700px;
// height: 700px;
// position: absolute;
// top: 0;
// left: 50%;
// transform: translateX(-50%) scale(0.6);
}
}
.newScreen {
position: absolute;
right: 16px;
@ -71,7 +93,7 @@ export default {
border: none;
// width: 92px;
padding: 0 12px;
height: 24px;
height: 32px;
background: #1890ff;
border-radius: 4px;
}

@ -22,12 +22,12 @@
</div>
<a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:100%" :style="{ marginBottom: '8px' }">
<a-radio-button value="group" class="changeGroup" style="width:50%">按部门</a-radio-button>
<a-radio-button value="role" class="changeGroup" style="width:50%">按角色</a-radio-button>
<a-radio-button value="group" class="changeGroup" style="width:50%">按部门</a-radio-button>
</a-radio-group>
<div v-if="menuType == 'role'">
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">19</a-menu-item>
<a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">19</a-menu-item>
</a-menu>
<div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div>
<div class="f12 c9 ml24 mb8">默认角色11</div>
@ -47,7 +47,7 @@
</div>
<div v-else>
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">19</a-menu-item>
<a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">19</a-menu-item>
</a-menu>
<div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div>
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
@ -79,7 +79,7 @@
<div class="f16 fw500">{{ selectedKeys[0] == 'all' ? '全部成员19人':selectedKeys[0] + '8人' }}</div>
<!-- <button class="addGroup" @click="addGroupShow = true">添加部门</button> -->
<a-button class="addmemeber f14" @click="showDetail('add')">
<i class="iconfont icon-fangda"></i> 添加成员
<i class="iconfont icon-fangda mr4"></i> 添加成员
</a-button>
<!-- <button @click="changepage(1)"></button> -->
</div>
@ -352,7 +352,7 @@ export default {
loading: false,
isEdit: false, //
selectedKeys: ['all'],
menuType: 'group',
menuType: 'role',
}
},
//
@ -552,8 +552,16 @@ export default {
item.permission = getAgencyPermissionNameById(item.agencyPermissions)
// })
})
// this.memberList.sort((a, b) => {
// return a.agencyRole - b.agencyRole
// })
this.memberList.sort((a, b) => {
return a.agencyRole - b.agencyRole
if (a.agencyRole == b.agencyRole) {
//== id
return b.agencyTeamId - a.agencyTeamId
} else {
return a.agencyRole - b.agencyRole
}
})
this.pagination.total = data.data.recordCount
this.isspinning = false
@ -887,7 +895,7 @@ export default {
// this.groupList[index] = middle
moveGroupPrevApi(item.id).then((res) => {
console.log(res)
if(res.data.status == 200){
if (res.data.status == 200) {
this.getMemberGroup()
}
})
@ -897,7 +905,7 @@ export default {
// this.groupList[index] = middle
moveGroupNextApi(item.id).then((res) => {
console.log(res)
if(res.data.status == 200){
if (res.data.status == 200) {
this.getMemberGroup()
}
})
@ -993,7 +1001,7 @@ export default {
}
}
.contentbody {
overflow: hidden;
// overflow: hidden;
display: flex;
justify-content: space-between;
padding-left: 0;
@ -1009,7 +1017,7 @@ export default {
/deep/ .searchbox {
display: flex;
justify-content: space-between;
.searchinput{
.searchinput {
width: 100%;
}
// padding-bottom: 14px;
@ -1032,7 +1040,7 @@ export default {
.rightContainer {
flex: 1;
padding-left: 16px;
overflow: hidden;
// overflow: hidden;
position: relative;
// min-width: 1020px;
&::before {

@ -13,16 +13,16 @@
<a-breadcrumb-item v-if="secondBreadcrumb">{{secondBreadcrumb}}</a-breadcrumb-item>
</a-breadcrumb>
<div class="contentbody bodyContainer">
<div class>
<div class="searchbox pb12 ml12 mr12">
<div class="fss">
<div class="searchbox ">
<div class="searchinput">
<a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch">
<!-- <a-icon slot="prefix" type="search" class="cccc" /> -->
<!-- <a-button slot="enterButton" class="cblue">搜索</a-button> -->
</a-input-search>
<a-input-search placeholder="搜索成员" v-model.trim="pagination.keys" allowClear @search="onSearch" @keyup.enter="onSearch" @input="resetsearch"></a-input-search>
</div>
<!-- <i class="iconfont icon-fangda ml12 c6 curp" @click="[addGroupShow = true,isEdit = false]" style="line-height:32px"></i> -->
</div>
<a-radio-group v-model="menuType" class="pl12 pr12 tac" style="width:190px">
<a-radio-button value="fabu" class="changeGroup" style="width:50%">已发布</a-radio-button>
<a-radio-button value="caogao" class="changeGroup" style="width:50%">草稿</a-radio-button>
</a-radio-group>
</div>
</div>
</div>
@ -40,6 +40,22 @@ export default {
data() {
return {
secondBreadcrumb: '',
menuType: 'fabu',
pagination: {
hideOnSinglePage: false,
showQuickJumper: true,
pageSize: 100,
total: 0,
size: 'small',
showTotal: function (total, range) {
return `${total}`
},
pageSizeOptions: ['25', '50', '100'],
showSizeChanger: true,
// showSizeChange:function(current, pageSize){
// this.pageSize = pageSize;
// }
},
}
},
//
@ -59,9 +75,18 @@ export default {
*/
mounted() {},
//
methods: {},
methods: {
onSearch() {
// if (this.billPagination.keys != null && this.billPagination.keys.length != 0) {
// this.gitBillList()
// }
},
},
}
</script>
<style scoped lang="less">
.searchbox {
width: 280px;
}
</style>

@ -17,27 +17,23 @@
{{secondBreadcrumb}}
</div>-->
<div class="contentbody bodyContainer">
<div class="fsa pb16">
<div class="fsa pb16" v-if="secondBreadcrumb == ''">
<div class="f20 fw500">{{secondBreadcrumb || '角色管理'}}</div>
<a-button class="addmemeber f14" @click="addRole('add')" v-if="secondBreadcrumb == ''">
<i class="iconfont icon-fangda"></i> 添加角色
<a-button class="addmemeber f14" @click="addRole('add')" >
<i class="iconfont icon-fangda mr4"></i> 添加角色
</a-button>
</div>
<div v-if="secondBreadcrumb == ''">
<a-table :columns="columns" :data-source="roleList" :scroll="{y:480}" :pagination="false" @change="onChange" :loading="{spinning: isspinning,tip: '加载中',wrapperClassName: 'spinstyle'}" :rowKey="(record) => record.id" :locale="tablenodata">
<a-table :columns="columns" :data-source="roleList" :pagination="false" @change="onChange" :loading="{spinning: isspinning,tip: '加载中',wrapperClassName: 'spinstyle'}" :rowKey="(record) => record.id" :locale="tablenodata">
<!-- <a slot="index" slot-scope="record, text, index">{{ index + 1 }}</a> -->
<div slot="setting" class="setting" slot-scope="text, record" style="color: #1890FF">
<a @click="secondBreadcrumb = '角色详情'">详情</a>
<a class="delete"></a>
<a></a>
<a class="delete" @click="addRole('edit')"></a>
<a @click="delRole('del')"></a>
</div>
</a-table>
<div class="pagecontainer mt16 fss">
<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="8" :total="pagination.total" @change="onChange" />
<div class="ant-pagination-options-quick-jumper f14 ml12">
<span>{{ pagination.total }}</span>跳至
<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />
</div>
<a-pagination :current="pagination.pageNum" :page-size-options="pagination.pageSizeOptions" :default-current="1" :defaultPageSize="20" :show-total="total => `${total}`" :total="pagination.total" @change="onChange" size="small" show-size-changer show-quick-jumper />
</div>
</div>
<div v-else-if="secondBreadcrumb == '' || secondBreadcrumb == ''">
@ -114,463 +110,63 @@ export default {
roleList: [1, 2, 3, 4],
pagination: {
pageNum: 1,
pageSize: 8,
total: null, //
pageSize: 20,
total: 3, //
status: 0,
keys: null,
size: 'small',
showTotal: function (total, range) {
return `${total}`
},
pageSizeOptions: ['25', '50', '100'],
showSizeChanger: true,
// searchTag: 1,
},
isspinning: false,
// roleList: [
// {
// roleDesp: '',
// roleCreateTime: '2023-10-20 14:27:17',
// classify: 0,
// aliasName: '',
// userNum: 21,
// labelId: 672,
// pName: '',
// roleId: 145,
// roleName: '',
// sort: 1,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2023-10-12 09:34:33',
// classify: 0,
// aliasName: '',
// userNum: 2,
// labelId: 670,
// pName: '',
// roleId: 144,
// roleName: '',
// sort: 2,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2023-09-22 11:46:25',
// classify: 1,
// aliasName: '',
// userNum: 2,
// labelId: 667,
// pName: '',
// roleId: 143,
// roleName: '',
// sort: 3,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2023-09-06 20:05:46',
// classify: 1,
// aliasName: '',
// userNum: 1,
// labelId: 662,
// pName: '',
// roleId: 142,
// roleName: '',
// sort: 4,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2023-08-19 18:30:20',
// classify: 1,
// aliasName: '',
// userNum: 0,
// labelId: 658,
// pName: '线',
// roleId: 141,
// roleName: '',
// sort: 5,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2023-08-11 10:48:15',
// classify: 1,
// aliasName: '',
// userNum: 0,
// labelId: 656,
// pName: '线',
// roleId: 140,
// roleName: '',
// sort: 6,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2023-07-31 16:03:23',
// classify: 0,
// aliasName: '',
// userNum: 8,
// labelId: 655,
// pName: '',
// roleId: 139,
// roleName: '',
// sort: 7,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2023-01-29 13:53:17',
// classify: 0,
// aliasName: '',
// userNum: 18,
// labelId: 636,
// pName: '',
// roleId: 138,
// roleName: '',
// sort: 8,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2020-06-09 16:26:25',
// classify: 1,
// aliasName: '',
// userNum: 6,
// labelId: 408,
// pName: '',
// roleId: 106,
// roleName: '',
// sort: 9,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2022-04-27 10:40:43',
// classify: 1,
// aliasName: '',
// userNum: 5,
// labelId: 616,
// pName: '',
// roleId: 136,
// roleName: '',
// sort: 10,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2022-02-24 19:58:45',
// classify: 0,
// aliasName: '',
// userNum: 12,
// labelId: 612,
// pName: '',
// roleId: 135,
// roleName: '',
// sort: 11,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2020-08-30 10:12:30',
// classify: 1,
// aliasName: '',
// userNum: 1,
// labelId: 452,
// pName: '线',
// roleId: 117,
// roleName: '',
// sort: 12,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2022-06-10 14:12:00',
// classify: 0,
// aliasName: '',
// userNum: 0,
// labelId: 622,
// pName: '',
// roleId: 137,
// roleName: '01',
// sort: 13,
// roleType: 1,
// labelName: '01',
// },
// {
// roleDesp: '',
// roleCreateTime: '2021-12-27 19:36:07',
// classify: 0,
// aliasName: '',
// userNum: 1,
// labelId: 607,
// pName: '-1.0广',
// roleId: 133,
// roleName: '',
// sort: 14,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2021-10-26 13:56:05',
// classify: 0,
// aliasName: '',
// userNum: 10,
// labelId: 588,
// pName: '',
// roleId: 132,
// roleName: '',
// sort: 15,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2021-10-14 09:37:00',
// classify: 0,
// aliasName: '',
// userNum: 2,
// labelId: 586,
// pName: '',
// roleId: 130,
// roleName: '',
// sort: 16,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2021-10-13 16:20:01',
// classify: 0,
// aliasName: '',
// userNum: 2,
// labelId: 585,
// pName: '',
// roleId: 129,
// roleName: '',
// sort: 17,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '广',
// roleCreateTime: '2021-10-07 17:20:01',
// classify: 0,
// aliasName: '',
// userNum: 3,
// labelId: 584,
// pName: '',
// roleId: 128,
// roleName: '',
// sort: 18,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '线',
// roleCreateTime: '2021-08-31 15:23:45',
// classify: 0,
// aliasName: '',
// userNum: 2,
// labelId: 582,
// pName: '1.0广',
// roleId: 126,
// roleName: '',
// sort: 19,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2021-08-18 18:00:44',
// classify: 1,
// aliasName: '',
// userNum: 3,
// labelId: 580,
// pName: '',
// roleId: 125,
// roleName: '',
// sort: 20,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2021-05-12 10:27:09',
// classify: 0,
// aliasName: '',
// userNum: 0,
// labelId: 561,
// pName: '',
// roleId: 124,
// roleName: '',
// sort: 21,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2017-04-18 14:16:41',
// classify: 0,
// aliasName: '',
// userNum: 7225,
// labelId: 1,
// pName: '',
// roleId: 45,
// roleName: 'A',
// sort: 22,
// roleType: 1,
// labelName: 'A',
// },
// {
// roleDesp: '',
// roleCreateTime: '2020-11-18 20:12:40',
// classify: 0,
// aliasName: '',
// userNum: 3,
// labelId: 479,
// pName: '',
// roleId: 122,
// roleName: '',
// sort: 23,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '线',
// roleCreateTime: '2019-11-15 18:04:13',
// classify: 0,
// aliasName: '',
// userNum: 4,
// labelId: 433,
// pName: '',
// roleId: 102,
// roleName: '',
// sort: 24,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2018-02-03 10:10:05',
// classify: 0,
// aliasName: '',
// userNum: 7,
// labelId: 207,
// pName: '',
// roleId: 87,
// roleName: '',
// sort: 25,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2017-10-27 22:08:21',
// classify: 0,
// aliasName: '',
// userNum: 5,
// labelId: 165,
// pName: '',
// roleId: 84,
// roleName: '',
// sort: 26,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2020-11-03 18:25:54',
// classify: 0,
// aliasName: '',
// userNum: 3,
// labelId: 468,
// pName: '',
// roleId: 119,
// roleName: '',
// sort: 27,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: 'BD',
// roleCreateTime: '2017-04-15 22:01:27',
// classify: 0,
// aliasName: '',
// userNum: 5,
// labelId: 27,
// pName: '',
// roleId: 41,
// roleName: '',
// sort: 28,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2020-03-12 10:13:18',
// classify: 0,
// aliasName: '',
// userNum: 1,
// labelId: 355,
// pName: '1.0',
// roleId: 104,
// roleName: '',
// sort: 29,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2020-11-16 19:39:20',
// classify: 1,
// aliasName: '',
// userNum: 2,
// labelId: 477,
// pName: '',
// roleId: 121,
// roleName: '',
// sort: 30,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2020-09-14 18:34:47',
// classify: 0,
// aliasName: '',
// userNum: 4,
// labelId: 458,
// pName: '',
// roleId: 118,
// roleName: '',
// sort: 31,
// roleType: 1,
// labelName: '',
// },
// {
// roleDesp: '',
// roleCreateTime: '2017-04-13 15:27:02',
// classify: 1,
// aliasName: '',
// userNum: 10,
// labelId: 12,
// pName: '1.0OpenIDPDF线线线',
// roleId: 11,
// roleName: 'admin',
// sort: 32,
// roleType: 0,
// labelName: 'admin',
// },
// ],
roleList: [
{
roleDesp: '',
roleCreateTime: '2023-10-20 14:27:17',
classify: 0,
aliasName: '',
userNum: 21,
labelId: 672,
pName: '稻田内测备注',
roleId: 145,
roleName: '稻田内测用户',
sort: 1,
roleType: 1,
labelName: '稻田内测用户',
},
{
roleDesp: '',
roleCreateTime: '2023-10-12 09:34:33',
classify: 0,
aliasName: '',
userNum: 2,
labelId: 670,
pName: '稻田内测备注',
roleId: 144,
roleName: '稻田内测用户1',
sort: 2,
roleType: 1,
labelName: '稻田内测用户1',
},
{
roleDesp: '',
roleCreateTime: '2023-10-12 09:34:33',
classify: 0,
aliasName: '',
userNum: 2,
labelId: 670,
pName: '稻田内测备注',
roleId: 144,
roleName: '稻田内测用户2',
sort: 2,
roleType: 1,
labelName: '稻田内测用户2',
},
],
middleauthor: null,
authorityList: {
dtzw: {
@ -728,7 +324,7 @@ export default {
key: 'roleName',
scopedSlots: { customRender: 'roleName' },
ellipsis: true,
width: 80,
width: 150,
},
// {
// title: '',
@ -834,10 +430,31 @@ export default {
this.getMemberList()
}
},
addRole() {
this.secondBreadcrumb = '添加角色'
addRole(type) {
if (type == 'add') {
this.secondBreadcrumb = '添加角色'
} else {
this.secondBreadcrumb = '编辑角色'
}
this.$forceUpdate()
},
delRole() {
this.$confirm({
title: '删除',
content: '确定要删除该角色吗?',
centered: true,
onOk(e1, e2) {
console.log(e1)
console.log(e2)
return new Promise((res) => {
setTimeout(() => {
res()
}, 2000)
})
},
onCancel() {},
})
},
/**
* 角色信息表单提交
*/
@ -886,4 +503,49 @@ export default {
padding: 0 9px;
margin: 0 9px;
}
/deep/.ant-table {
.ant-table-content {
.ant-table-body {
.ant-table-thead {
th {
padding: 12px 0;
div {
padding: 0px 8px;
}
&:not(:first-child) {
> span {
// line-height: 22px;
> div {
// line-height: 1;
border-left: 1px solid #ddd;
padding-left: 12px;
}
}
}
}
.ant-table-row-cell-break-word {
font-size: 14px !important;
font-weight: bold;
}
.ant-table-row-cell-ellipsis {
font-size: 14px !important;
font-weight: bold;
}
}
.ant-table-tbody {
.ant-table-row-cell-ellipsis {
font-size: 14px !important;
padding: 12px 14px;
}
.ant-table-row-expand-icon {
// color: #000;
padding: 0;
}
.ant-table-row-indent {
display: none !important;
}
}
}
}
}
</style>

@ -27,7 +27,7 @@
</a-radio-group>
<div v-if="menuType == 'role'">
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">50</a-menu-item>
<a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">50</a-menu-item>
</a-menu>
<div class="bb1 ml12 mr12 mt4 mb8" style="wdith:calc(100% - 24px)"></div>
<!-- <div class="f12 c9 ml24 mb8">默认角色11</div> -->
@ -39,7 +39,7 @@
</div>
<div v-else>
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">50</a-menu-item>
<a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">50</a-menu-item>
</a-menu>
<!-- <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')"></a-menu-item>

@ -452,6 +452,7 @@ i {
}
.bodyContainer {
padding: 16px;
min-height: calc(100vh - 170px);
// height: 97%;
background-color: #fff;
}

Loading…
Cancel
Save