mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
cyl/dev
wangxia 2 years ago
parent cf37f0db8b
commit 0d1b9e9630
6 changed files with 1591 additions and 1486 deletions
Show Stats Download Patch File Download Diff File

2
src/App.vue
Unescape Escape View File

@ -8,7 +8,7 @@
<script> <script>
import zhCn from "ant-design-vue/lib/locale-provider/zh_CN"; import zhCn from "ant-design-vue/lib/locale-provider/zh_CN";
let sp = document.createElement('script') let sp = document.createElement('script')
sp.src = '//at.alicdn.com/t/c/font_3135652_etcavihgi6d.js' sp.src = '//at.alicdn.com/t/c/font_3135652_st06ih16ux9.js'
document.body.appendChild(sp) document.body.appendChild(sp)
export default { export default {
provide() { provide() {

183
src/components/merchantManagement/memberInfo.vue
Unescape Escape View File

@ -27,35 +27,56 @@
</a-radio-group> </a-radio-group>
<div v-if="menuType == 'role'"> <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 :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 fw500" @click="selectGroup('all')">全部角色（19人）</a-menu-item> <a-menu-item key="all" class="fsa bb_after fw500" @click="selectGroup('all')">
全部角色
<i class="the_num f14 tac" style="min-width:12px" @click.stop>19</i>
</a-menu-item>
</a-menu> </a-menu>
<div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div> <!-- <div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div> -->
<div class="f12 c9 ml24 mb8">默认角色（11人）</div> <!-- <div class="f12 c9 ml24 mb8">默认角色（11人）</div> -->
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;"> <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<template v-for="(item, index) in ['创建人(1人)','管理员(3人)','成员(12人)']"> <template v-for="(item, index) in ['创建人','管理员','成员']">
<a-menu-item :key="item" class="fsa showdot" @click="selectGroup(item)">{{item}}</a-menu-item> <a-menu-item :key="item" class="fsa" @click="selectGroup(item)">
<span>
{{item}}
<svg class="svg f20 ml4 mb2" aria-hidden="true">
<use xlink:href="#icon-xitong" />
</svg>
</span>
<i class="the_num tac" style="min-width:12px" @click.stop>3</i>
</a-menu-item>
</template> </template>
</a-menu> </a-menu>
<div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div> <!-- <div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div> -->
<div class="f12 c9 ml24 mb8">自定义角色（8人）</div> <!-- <div class="f12 c9 ml24 mb8">自定义角色（8人）</div> -->
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;"> <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<!-- <template v-for="(item, index) in groupList"> --> <template v-for="(item, index) in ['角色1','角色2']">
<a-menu-item key="角色1（8人）" class="fsa showdot" @click="selectGroup('角色1（8人）')">{{'角色1（8人）'}}</a-menu-item> <a-menu-item :key="item" class="fsa" @click="selectGroup(item)">
<a-menu-item key="角色2（8人）" class="fsa showdot" @click="selectGroup('角色2（8人）')">{{'角色2（8人）'}}</a-menu-item> <span>
<!-- </template> --> {{item}}
<svg class="svg f26 ml4 mb2" aria-hidden="true">
<use xlink:href="#icon-zidingyi" />
</svg>
</span>
<span class="the_num tac" style="min-width:12px">1</span>
</a-menu-item>
</template>
</a-menu> </a-menu>
</div> </div>
<div v-else> <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 :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 fw500" @click="selectGroup('all')">全部部门（19人）</a-menu-item> <a-menu-item key="all" class="fsa bb_after fw500" @click="selectGroup('all')">
全部部门
<i class="the_num f14" @click.stop>18</i>
</a-menu-item>
</a-menu> </a-menu>
<div class="bb1 ml12 mr12 mt4 mb4" style="wdith:calc(100% - 24px)"></div> <!-- <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;"> <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<template v-for="(item, index) in groupList"> <template v-for="(item, index) in groupList">
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)"> <a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">
{{item.teamName + '（8人）'}} {{item.teamName}}
<a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomRight"> <a-dropdown overlayClassName="groupdropdown" :trigger="['click']" placement="bottomRight">
<i class="iconfont icon-gengduo3 thedot f12" @click.stop></i> <i class="iconfont icon-gengduo3 thedot f14" @click.stop></i>
<div class="groupdropdownbox backTable" slot="overlay"> <div class="groupdropdownbox backTable" slot="overlay">
<div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div> <div @click="[addGroupShow = true,isEdit = true,recordId = item.id,groupName=item.teamName]">修改名称</div>
<div @click="delGroup(item)">删除</div> <div @click="delGroup(item)">删除</div>
@ -63,6 +84,7 @@
<div @click="index + 1 < groupList.length?moveList(item,'down'):null" :class="index + 1 == groupList.length? 'unactive':''">下移</div> <div @click="index + 1 < groupList.length?moveList(item,'down'):null" :class="index + 1 == groupList.length? 'unactive':''">下移</div>
</div> </div>
</a-dropdown> </a-dropdown>
<div class="the_num f14 tac" style="min-width:12px" @click.stop>6</div>
</a-menu-item> </a-menu-item>
</template> </template>
</a-menu> </a-menu>
@ -89,11 +111,11 @@
<a-table :columns="columns" :scroll="{x:currWidth}" :data-source="memberList" :pagination="false" @change="onChange" :loading="{spinning: isspinning,tip: '加载中',wrapperClassName: 'spinstyle'}" :rowKey="(record) => record.id" :locale="tablenodata"> <a-table :columns="columns" :scroll="{x:currWidth}" :data-source="memberList" :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> --> <!-- <a slot="index" slot-scope="record, text, index">{{ index + 1 }}</a> -->
<span slot="nickName" slot-scope="text, record">{{ record.aliasName || record.userName }}</span> <span slot="nickName" slot-scope="text, record">{{ record.aliasName || record.userName }}</span>
<div slot="join" slot-scope="text, record"> <div slot="inAgencyStatistics" slot-scope="text, record">
<a-switch default-checked :checked="record.join" @change="showChange(record,'join')" /> <a-switch :checked="text" @change="showChange(record,'inAgencyStatistics')" />
</div> </div>
<div slot="bigScreen" slot-scope="text, record"> <div slot="showAgencyScreen" slot-scope="text, record">
<a-switch default-checked :checked="record.bigScreen" @change="showChange(record,'bigScreen')" /> <a-switch :checked="text" @change="showChange(record,'showAgencyScreen')" />
</div> </div>
<div slot="setting" v-if="!record.children" class="setting" slot-scope="text, record" style="color: #1890FF"> <div slot="setting" v-if="!record.children" class="setting" slot-scope="text, record" style="color: #1890FF">
<!-- <a @click="showDetail('detail', record)">详情</a> --> <!-- <a @click="showDetail('detail', record)">详情</a> -->
@ -219,39 +241,38 @@
<a-input placeholder="请输入备注名" v-decorator="[ 'aliasName', { rules: [{ required: true, message: '请输入备注名' }] }, ]" /> <a-input placeholder="请输入备注名" v-decorator="[ 'aliasName', { rules: [{ required: true, message: '请输入备注名' }] }, ]" />
</a-form-item> </a-form-item>
<a-form-item label="手机号"> <a-form-item label="手机号">
<a-input placeholder="请输入手机号" v-decorator="['tel', {rules: [{ required: true, message: '请输入手机号' },{ type: 'regexp', validator: validateServiceName, message: '请输入正确的手机号', }, ], validateTrigger: 'submit', }, ]" :max-length="11" /> <a-input placeholder="请输入手机号" v-decorator="['tel', {rules: [{ required: true, message: '请输入手机号' },{ type: 'regexp', validator: validateServiceName, message: '请输入正确的手机号', }, ], validateTrigger: 'submit',validateFirst:true }, ]" :max-length="11" />
</a-form-item> </a-form-item>
<a-form-item label="部门选择"> <a-form-item label="部门选择">
<a-select default-value="lucy" placeholder="请选择部门" v-decorator="['agencyTeamId',{ rules: [{ required: false, message: '请选择部门' }] },]" dropdownClassName="groupSelectDrop"> <a-select placeholder="请选择部门" v-decorator="['agencyTeamId',{ rules: [{ required: false, message: '请选择部门' }] },]" dropdownClassName="groupSelectDrop">
<div slot="dropdownRender" slot-scope="menu"> <a-select-option v-for="(item,index) in groupList" :value="item.id" class="groupSelectSub fsa" :key="index">
<div>{{item.teamName}}</div>
</a-select-option>
<!-- <div slot="dropdownRender" slot-scope="menu">
<div v-for="(item,index) in groupList" @click="choiceGroup(item)" class="groupSelectSub fsa" :key="index"> <div v-for="(item,index) in groupList" @click="choiceGroup(item)" class="groupSelectSub fsa" :key="index">
<div>{{item.teamName}}</div> <div>{{item.teamName}}</div>
</div> </div>
<!-- <div class="bt1" style="padding: 9px 16px; cursor: pointer;" @mousedown="e => e.preventDefault()" @click="[addGroupShow = true,isEdit = false]">添加新部门</div> --> </div>-->
</div>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="角色"> <a-form-item label="角色">
<a-select default-value="lucy" placeholder="请选择角色" v-decorator="['role',{ rules: [{ required: true, message: '请选择角色' }] },]" dropdownClassName="groupSelectDrop"> <a-select placeholder="请选择角色" :defaultActiveFirstOption="false" v-decorator="['agencyRole',{ rules: [{ required: true, message: '请选择角色' }] },]" dropdownClassName="groupSelectDrop">
<div slot="dropdownRender" slot-scope="menu"> <a-select-option v-for="(item,index) in roleOptions" :value="item.value" class="groupSelectSub fsa" :key="index">
<div v-for="(item,index) in groupList" @click="choiceGroup(item)" class="groupSelectSub fsa" :key="index"> <div>{{item.label}}</div>
<div>{{item.teamName}}</div> </a-select-option>
</div>
<!-- <div class="bt1" style="padding: 9px 16px; cursor: pointer;" @mousedown="e => e.preventDefault()" @click="[addGroupShow = true,isEdit = false]">添加新部门</div> -->
</div>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="角色" class="dn"> <!-- <a-form-item label="角色" class="dn">
<a-radio-group v-decorator="[ <a-radio-group v-decorator="[
'agencyRole', 'agencyRole',
{ rules: [{ required: true, message: '请选择角色' }] }, { rules: [{ required: true, message: '请选择角色' }] },
]" :options="options" @change="groupChange" /> ]" :options="roleOptions" @change="groupChange" />
</a-form-item> </a-form-item>-->
<a-form-item label="参与统计"> <a-form-item label="参与统计">
<a-switch default-checked @change="onChange" /> <a-switch v-decorator="['inAgencyStatistics',{ valuePropName: 'checked' }]" />
</a-form-item> </a-form-item>
<a-form-item label="大屏显示"> <a-form-item label="大屏显示">
<a-switch default-checked @change="onChange" /> <a-switch v-decorator="['showAgencyScreen',{ valuePropName: 'checked' }]" />
</a-form-item> </a-form-item>
<!-- <a-row> <!-- <a-row>
<a-col :span="4">权限：</a-col> <a-col :span="4">权限：</a-col>
@ -283,7 +304,7 @@
</template> </template>
<script> <script>
import { getMemberListApi, deleteMemberApi, addMemberApi, getMemberGroupApi, addMemberGroupApi, updateMemberGroupApi, delMemberGroupApi, updateMemberApi, moveGroupNextApi, moveGroupPrevApi } from '../../api/userinfo' import { getMemberListApi, deleteMemberApi, addMemberApi, getMemberGroupApi, addMemberGroupApi, updateMemberGroupApi, delMemberGroupApi, updateMemberApi, moveGroupNextApi, moveGroupPrevApi, memberShowScreenApi, memberJoinDataApi } from '../../api/userinfo'
import { formatDateYMD, getUserApplyOrderStatusById, getAgencyRoleTypeById, getAgencyPermissionNameById, getAgencyPermissionsByRole, tableWidth } from '../../utils/commonUtil' import { formatDateYMD, getUserApplyOrderStatusById, getAgencyRoleTypeById, getAgencyPermissionNameById, getAgencyPermissionsByRole, tableWidth } from '../../utils/commonUtil'
export default { export default {
@ -336,7 +357,7 @@ export default {
visible: false, visible: false,
currentMember: {}, currentMember: {},
modalTitle: '', modalTitle: '',
options: [ roleOptions: [
// { label: "创建人", value: "1" }, // { label: "创建人", value: "1" },
{ label: '管理员', value: '2' }, { label: '管理员', value: '2' },
{ label: '成员', value: '3' }, { label: '成员', value: '3' },
@ -436,17 +457,19 @@ export default {
}, },
{ {
title: '参与统计', title: '参与统计',
dataIndex: 'join', dataIndex: 'inAgencyStatistics',
key: 'join', key: 'inAgencyStatistics',
scopedSlots: { customRender: 'join' }, scopedSlots: { customRender: 'inAgencyStatistics' },
ellipsis: true, ellipsis: true,
width: 80, width: 80,
}, },
{ {
title: '大屏显示', title: '大屏显示',
dataIndex: 'bigScreen', dataIndex: 'showAgencyScreen',
key: 'bigScreen', key: 'showAgencyScreen',
scopedSlots: { customRender: 'bigScreen' }, scopedSlots: { customRender: 'showAgencyScreen' },
ellipsis: true, ellipsis: true,
width: 80, width: 80,
}, },
@ -546,12 +569,13 @@ export default {
this.memberList.forEach((item, index) => { this.memberList.forEach((item, index) => {
// item.group = '部门' + ((index % 5) + 1) // item.group = '部门' + ((index % 5) + 1)
// item1.children.forEach((item) => { // item1.children.forEach((item) => {
item.join = false item.inAgencyStatistics = item.inAgencyStatistics == 0 ? true : false
item.bigScreen = false item.showAgencyScreen = item.showAgencyScreen == 0 ? true : false
item.role = getAgencyRoleTypeById(item.agencyRole) item.role = getAgencyRoleTypeById(item.agencyRole)
item.permission = getAgencyPermissionNameById(item.agencyPermissions) item.permission = getAgencyPermissionNameById(item.agencyPermissions)
// }) // })
}) })
console.log(this.memberList)
// this.memberList.sort((a, b) => { // this.memberList.sort((a, b) => {
// return a.agencyRole - b.agencyRole // return a.agencyRole - b.agencyRole
// }) // })
@ -709,6 +733,8 @@ export default {
tel: this.currentMember.tel, tel: this.currentMember.tel,
group: this.currentMember.group, group: this.currentMember.group,
agencyTeamId: this.currentMember.agencyTeamName, agencyTeamId: this.currentMember.agencyTeamName,
showAgencyScreen: this.currentMember.showAgencyScreen,
inAgencyStatistics: this.currentMember.inAgencyStatistics,
}) })
}, 200) }, 200)
} else if (type == 'detail') { } else if (type == 'detail') {
@ -721,7 +747,7 @@ export default {
this.$nextTick(() => { this.$nextTick(() => {
console.log(123) console.log(123)
that.form.setFieldsValue({ that.form.setFieldsValue({
agencyRole: '2', agencyRole: '3',
}) })
}) })
} }
@ -766,6 +792,8 @@ export default {
handleSubmit() { handleSubmit() {
console.log('issubmit') console.log('issubmit')
console.log(this.currentMember) console.log(this.currentMember)
console.log(this.form.getFieldsValue())
let formData = this.form.getFieldsValue()
this.form.validateFields(async (err) => { this.form.validateFields(async (err) => {
console.log(err) console.log(err)
if (err == null) { if (err == null) {
@ -774,7 +802,9 @@ export default {
let { data } = await updateMemberApi({ let { data } = await updateMemberApi({
...this.form.getFieldsValue(), ...this.form.getFieldsValue(),
agencyPermissions: this.permission, agencyPermissions: this.permission,
agencyTeamId: this.agencyTeamId, inAgencyStatistics: formData.inAgencyStatistics == true ? 0 : 1,
showAgencyScreen: formData.showAgencyScreen == true ? 0 : 1,
// agencyTeamId: this.agencyTeamId,
id: this.currentMember.id, id: this.currentMember.id,
}) })
console.log(data) console.log(data)
@ -797,7 +827,9 @@ export default {
let { data } = await addMemberApi({ let { data } = await addMemberApi({
...this.form.getFieldsValue(), ...this.form.getFieldsValue(),
agencyPermissions: this.permission, agencyPermissions: this.permission,
agencyTeamId: this.agencyTeamId, inAgencyStatistics: formData.inAgencyStatistics == true ? 0 : 1,
showAgencyScreen: formData.showAgencyScreen == true ? 0 : 1,
// agencyTeamId: this.agencyTeamId,
}) })
console.log(data) console.log(data)
if (data.status == 200) { if (data.status == 200) {
@ -827,14 +859,22 @@ export default {
} }
}) })
}, },
choiceGroup(e) { // choiceGroup(e) {
console.log(e) // console.log(e)
this.form.setFieldsValue({ // this.form.setFieldsValue({
agencyTeamId: e.teamName, // agencyTeamId: e.teamName,
}) // })
this.agencyTeamId = e.id // this.agencyTeamId = e.id
console.log(this.agencyTeamId) // console.log(this.agencyTeamId)
}, // },
// choiceRole(e) {
// console.log(e)
// this.form.setFieldsValue({
// agencyRole: e.teamName,
// })
// this.agencyTeamId = e.id
// console.log(this.agencyTeamId)
// },
groupChange(e) { groupChange(e) {
console.log(e) console.log(e)
this.form.setFieldsValue({ this.form.setFieldsValue({
@ -874,10 +914,10 @@ export default {
if (item.id == e.id) { if (item.id == e.id) {
item[type] = !item[type] item[type] = !item[type]
console.log(item[type]) console.log(item[type])
if (type == 'bigScreen' && item['bigScreen'] == true) { if (type == 'showAgencyScreen' && item['showAgencyScreen'] == true) {
item['join'] = true item['inAgencyStatistics'] = true
} else if (type == 'join' && item['join'] == false) { } else if (type == 'inAgencyStatistics' && item['inAgencyStatistics'] == false) {
item['bigScreen'] = false item['showAgencyScreen'] = false
} }
console.log(item) console.log(item)
@ -887,6 +927,18 @@ export default {
that.$forceUpdate() that.$forceUpdate()
}, 10) }, 10)
}, },
/**
* 大屏显示
*/
memberShowScreen(val) {
memberShowScreenApi().then(({ data }) => {})
},
/**
* 参与统计
*/
memberJoinData(val) {
memberJoinDataApi().then(({ data }) => {})
},
moveList(item, type) { moveList(item, type) {
console.log(item) console.log(item)
if (type == 'up') { if (type == 'up') {
@ -1033,8 +1085,13 @@ export default {
.thedot { .thedot {
display: none; display: none;
} }
.showdot:hover .thedot { .showdot:hover {
display: block; .thedot {
display: block;
}
.the_num {
display: none;
}
} }
} }
.rightContainer { .rightContainer {

91
src/components/userinfo/usercenter/components/dataStatistics.vue
Unescape Escape View File

@ -27,19 +27,28 @@
</a-radio-group> </a-radio-group>
<div v-if="menuType == 'role'"> <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 :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 fw500" @click="selectGroup('all')">全部成员（50人）</a-menu-item> <a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">
全部成员
<span>{{totalDataList.length}}</span>
</a-menu-item>
</a-menu> </a-menu>
<div class="bb1 ml12 mr12 mt4 mb8" style="wdith:calc(100% - 24px)"></div> <!-- <div class="bb1 ml12 mr12 mt4 mb8" style="wdith:calc(100% - 24px)"></div> -->
<!-- <div class="f12 c9 ml24 mb8">默认角色（11人）</div> --> <!-- <div class="f12 c9 ml24 mb8">默认角色（11人）</div> -->
<a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;"> <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;">
<template v-for="(item, index) in groupList"> <template v-for="(item, index) in groupList">
<a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">{{item.teamName + '（18人）'}}</a-menu-item> <a-menu-item :key="item.teamName" class="fsa showdot" @click="selectGroup(item)">
<span>{{item.teamName}}</span>
<i class="the_num" @click.stop>3</i>
</a-menu-item>
</template> </template>
</a-menu> </a-menu>
</div> </div>
<div v-else> <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 :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 fw500" @click="selectGroup('all')">全部部门（50人）</a-menu-item> <a-menu-item key="all" class="fsa showdot bb_after fw500" @click="selectGroup('all')">
全部部门
<span>32</span>
</a-menu-item>
</a-menu> </a-menu>
<!-- <a-menu :selectedKeys="selectedKeys" class="bgf" mode="inline" :class="'leftMenu'" style="overflow-y:scroll;height:calc(100%);overflow-x:hidden;"> <!-- <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> <a-menu-item key="all" class="fsa showdot bb_after" @click="selectGroup('all')">全部角色</a-menu-item>
@ -179,7 +188,7 @@
<script> <script>
import { dataStatisticsListApi, dataStatisticsTeamDetailApi, getMemberGroupApi } from '../../../../api/userinfo' import { dataStatisticsListApi, dataStatisticsTeamDetailApi, getMemberGroupApi } from '../../../../api/userinfo'
import moment from 'moment' import moment from 'moment'
import { getDateYMD, formatDateYMD, formatDateYMDHM, getUserApplyOrderStatusById, toFixed, tableWidth } from '../../../../utils/commonUtil' import { getDateYMD, formatDateYMD, formatDateYMDHM, getUserApplyOrderStatusById, toFixed, tableWidth, fullCopy } from '../../../../utils/commonUtil'
const rowSelection = { const rowSelection = {
onChange: (selectedRowKeys, selectedRows) => { onChange: (selectedRowKeys, selectedRows) => {
console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows) console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
@ -613,36 +622,45 @@ export default {
watch: { watch: {
menuType: { menuType: {
handler(value) { handler(value) {
let that = this
console.log(value) console.log(value)
if (value == 'group') { if (value == 'group') {
console.log(this.columns) console.log(this.columns)
this.columns.splice(1, 1, { that
title: '部门', .getDataStatisticsList()
dataIndex: 'agencyTeamName', .then(() => {
key: 'agencyTeamName', console.log(1313123131231232)
ellipsis: true, // this.dataList = this.groupDataList
// width: 120, that.columns.splice(1, 1, {
slots: { title: 'agencyTeamName' }, title: '部门',
}) dataIndex: 'agencyTeamName',
tableWidth(this, this.columns, 120) key: 'agencyTeamName',
console.log(this.currWidth) ellipsis: true,
// width: 120,
slots: { title: 'agencyTeamName' },
})
tableWidth(that, that.columns, 120)
this.$forceUpdate()
})
.catch((err) => {
console.log(err)
})
//
} else { } else {
console.log(value) console.log(that.columns.slice(1, 2)[0].title)
console.log(this.columns.slice(2, 3)) if (that.columns.slice(1, 2)[0].title == '部门') {
if (this.columns.slice(1, 2)[0].title == '部门') { that.getDataStatisticsList().then(() => {
this.columns.splice(1, 1, { console.log(1313123131231232)
title: '姓名', that.dataList = fullCopy(that.totalDataList)
dataIndex: 'aliasName', that.columns.splice(1, 1, {
key: 'aliasName', title: '姓名',
customRender: (text, row, index) => { dataIndex: 'aliasName',
// if (row.users) { key: 'aliasName',
// return row.agencyTeamName customRender: (text, row, index) => {
// } else { return row.aliasName
return row.aliasName },
// } ellipsis: true,
}, })
ellipsis: true,
// width: 100,
}) })
} }
} }
@ -779,10 +797,17 @@ export default {
console.log(index) console.log(index)
}) })
console.log(newList) console.log(newList)
this.dataList = newList if (this.menuType == 'group') {
this.dataList = data.data.list
} else {
this.dataList = newList
}
this.groupDataList = fullCopy(data.data.list)
this.totalDataList = fullCopy(newList)
this.isspinning = false this.isspinning = false
} }
}, },
toFixed(value) { toFixed(value) {
return toFixed(value) return toFixed(value)
}, },
@ -1183,7 +1208,7 @@ td:empty:before {
} }
} }
/deep/.searchinput { /deep/.searchinput {
width: 326px; width: 320px;
// margin-bottom: 16px; // margin-bottom: 16px;
position: relative; position: relative;
} }

21
src/style/index.less
Unescape Escape View File

@ -389,7 +389,7 @@ i {
font-size: 14px; font-size: 14px;
} }
.f16 { .f16 {
font-size: 16px; font-size: 16px !important;
} }
.f18 { .f18 {
font-size: 18px; font-size: 18px;
@ -403,6 +403,9 @@ i {
.f24 { .f24 {
font-size: 24px; font-size: 24px;
} }
.f26 {
font-size: 26px;
}
.f32 { .f32 {
font-size: 32px !important; font-size: 32px !important;
} }
@ -471,7 +474,7 @@ i {
.svg_icon { .svg_icon {
width: 1em; width: 1em;
height: 1em; height: 1em;
fill: currentColor; // fill: currentColor;
overflow: hidden; overflow: hidden;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -481,7 +484,19 @@ i {
font-weight: normal; font-weight: normal;
margin-right: 2px; margin-right: 2px;
} }
.svg {
width: 1em;
height: 1em;
// fill: currentColor;
overflow: hidden;
display: inline-block;
vertical-align: middle;
// min-width: 30px;
text-align: center;
// font-size: 20px;
font-weight: normal;
margin-right: 2px;
}
// 公用样式类名 // 公用样式类名
.w { .w {
width: 1200px; width: 1200px;

2778
src/utils/commonUtil.js
View File

File diff suppressed because it is too large Load Diff

2
src/views/merchantBack.vue
Unescape Escape View File

@ -11,7 +11,7 @@
<use xlink:href="#icon-bocai1" /> <use xlink:href="#icon-bocai1" />
</svg> </svg>
<!-- <router-link :to="{name:'home'}"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/adminLogo.svg" alt=""> --> <!-- <router-link :to="{name:'home'}"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/adminLogo.svg" alt=""> -->
<h1>商家管理后台</h1> <h1>稻田商家后台</h1>
<!-- style="position: relative;top: -1px;" --> <!-- style="position: relative;top: -1px;" -->
</router-link> </router-link>
</div> </div>

Write Preview
Loading…
Cancel
Save