添加页面
This commit is contained in:
@@ -13,6 +13,8 @@ Component({
|
||||
headerStyle: null,
|
||||
contentStyle: null,
|
||||
footerStyle: null,
|
||||
showMoreBar: { type: Boolean, value: true },
|
||||
showAll: { type: Boolean, value: false },
|
||||
},
|
||||
lifetimes: {
|
||||
attached() {
|
||||
@@ -27,7 +29,7 @@ Component({
|
||||
*/
|
||||
data: {
|
||||
showMore: false,
|
||||
showMoreBar: true,
|
||||
// showMoreBar: true,
|
||||
},
|
||||
/**
|
||||
* 组件的方法列表
|
||||
|
||||
@@ -6,14 +6,21 @@
|
||||
<slot name="header" />
|
||||
</view>
|
||||
<view class="content" style="padding:16rpx 24rpx;{{contentStyle || ''}}">
|
||||
<view id="contentSlot"
|
||||
style="height: {{showMoreBar ? showMore ? 'auto' : 'calc(3em * 1.57)' : 'auto'}};overflow: hidden;">
|
||||
<slot name="content" />
|
||||
</view>
|
||||
<view wx:if="{{showMoreBar}}" class="show-more" catch:tap="showMoreTap">
|
||||
<view>{{showMore ? '收起' : '显示更多' }}</view>
|
||||
<t-icon name="{{showMore ? 'chevron-up' : 'chevron-down' }}" />
|
||||
</view>
|
||||
<block wx:if="{{showAll}}">
|
||||
<view id="contentSlot">
|
||||
<slot name="content" />
|
||||
</view>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<view id="contentSlot"
|
||||
style="height: {{showMoreBar ? showMore ? 'auto' : 'calc(3em * 1.57)' : 'auto'}};overflow: hidden;">
|
||||
<slot name="content" />
|
||||
</view>
|
||||
<view wx:if="{{showMoreBar}}" class="show-more" catch:tap="showMoreTap">
|
||||
<view>{{showMore ? '收起' : '显示更多' }}</view>
|
||||
<t-icon name="{{showMore ? 'chevron-up' : 'chevron-down' }}" />
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<view class="footer" style="{{footerStyle||''}}">
|
||||
<slot name="footer" />
|
||||
|
||||
15
miniprogram/pages/logs/loginLog/loginLog.json
Normal file
15
miniprogram/pages/logs/loginLog/loginLog.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"search-popup": "/pages/components/search-popup/search-popup",
|
||||
"card-plugin": "/pages/components/card-plugin/card-plugin",
|
||||
"card-item-plugin": "/pages/components/card-item-plugin/card-item-plugin",
|
||||
"option-cell-plugin": "/pages/components/option-cell-plugin/option-cell-plugin",
|
||||
"date-picker-plugin": "/pages/components/date-picker-plugin/date-picker-plugin",
|
||||
"sort-plugin": "/pages/components/sort-plugin/sort-plugin",
|
||||
"count-plugin": "/pages/components/count-plugin/count-plugin",
|
||||
"total-bar-plugin": "/pages/components/total-bar-plugin/total-bar-plugin",
|
||||
"pagination-plugin": "/pages/components/pagination-plugin/pagination-plugin",
|
||||
"search-input": "/pages/components/search-input/search-input"
|
||||
},
|
||||
"navigationBarTitleText": "登录日志"
|
||||
}
|
||||
143
miniprogram/pages/logs/loginLog/loginLog.ts
Normal file
143
miniprogram/pages/logs/loginLog/loginLog.ts
Normal file
@@ -0,0 +1,143 @@
|
||||
import { loginStatus, post } from '@/utils/https';
|
||||
import { cloneLite, getAuthInfo, getDataSet, toArray, toNumber } from '@/utils/util';
|
||||
|
||||
const defaultParams = { curr_page: 1, page_count: 20 };
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
params: cloneLite(defaultParams) as any,
|
||||
list: [] as any[],
|
||||
count: 0,
|
||||
sort: [{ label: '创建日期', value: 'create_date' }],
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.setData({ authInfo: getAuthInfo() });
|
||||
this.getList();
|
||||
},
|
||||
searchChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchChange2(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
const val = `${e.detail.value || ''}`.trim();
|
||||
if (val) {
|
||||
this.data.params[key] = val;
|
||||
} else {
|
||||
delete this.data.params[key];
|
||||
}
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
onOptionChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
datePickerConfirm(e: any) {
|
||||
const data = getDataSet(e);
|
||||
this.data.params[data.key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchOk() {
|
||||
this.getList(1);
|
||||
},
|
||||
searchReset() {
|
||||
this.data.params = cloneLite(defaultParams);
|
||||
this.getList(1);
|
||||
},
|
||||
onSort(e: any) {
|
||||
this.data.params.order = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
this.getList(1);
|
||||
},
|
||||
paginationChange(e: any) {
|
||||
this.getList(e.detail.curr_page);
|
||||
},
|
||||
getList(curr: number = 1) {
|
||||
this.data.params.curr_page = curr;
|
||||
this.setData({ params: this.data.params });
|
||||
const temp = cloneLite(this.data.params);
|
||||
|
||||
post('Log/loginList', temp).then((res: any) => {
|
||||
const list = toArray(res.data?.list);
|
||||
if (list.length == 0 && this.data.params.curr_page > 1) {
|
||||
this.getList(this.data.params.curr_page - 1);
|
||||
}
|
||||
this.setData({
|
||||
count: toNumber(res.data?.count),
|
||||
list: list.map((el) => {
|
||||
el.address = '';
|
||||
if (el.detail) {
|
||||
const obj = JSON.parse(el.detail);
|
||||
const arr = ['province', 'city']
|
||||
.map((key) => obj[key]) // 取出字段值
|
||||
.filter(Boolean);
|
||||
el.address = arr.length ? arr.join(',') : '';
|
||||
}
|
||||
return el;
|
||||
}),
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(_options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({ loading: true });
|
||||
loginStatus()
|
||||
.then(() => {
|
||||
this.setData({ isLogin: true, loading: false });
|
||||
this.init();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.setData({ isLogin: false, loading: false });
|
||||
console.log('调用登录状态请求失败', err);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
31
miniprogram/pages/logs/loginLog/loginLog.wxml
Normal file
31
miniprogram/pages/logs/loginLog/loginLog.wxml
Normal file
@@ -0,0 +1,31 @@
|
||||
<page-plugin isAuth="{{authInfo['SF_ERP_LOG_VIEW']}}" loading="{{loading}}" is-login="{{isLogin}}"
|
||||
bind:handleLogin="handleLogin">
|
||||
<search-popup placeholder="输入登录账号" bind:change="searchChange" bind:ok="searchOk"
|
||||
bind:reset="searchReset" value="{{params.login_name}}" data-key="login_name">
|
||||
<view slot="content">
|
||||
<search-input label="登录IP" value="{{params.login_ip}}" data-key="login_ip"
|
||||
bind:change="searchChange2" />
|
||||
<date-picker-plugin title="登录开始日期" value="{{params.login_timeL}}" data-key="login_timeL"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
<date-picker-plugin title="登录结束日期" value="{{params.login_timeU}}" data-key="login_timeU"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
</view>
|
||||
</search-popup>
|
||||
|
||||
<count-plugin count="{{count}}">
|
||||
<!-- <sort-plugin options="{{sort}}" bind:ok="onSort" value="{{params.order}}" slot="right" /> -->
|
||||
</count-plugin>
|
||||
|
||||
<empty-plugin wx:if="{{list.length == 0}}" />
|
||||
<card-plugin wx:for="{{ list }}" wx:key="log_id" showAll="{{true}}">
|
||||
<view slot="header">{{ item.login_name }}</view>
|
||||
<view slot="content">
|
||||
<card-item-plugin label="登录IP" value="{{item.login_ip}}" />
|
||||
<card-item-plugin label="登录时间" value="{{item.login_time}}" />
|
||||
<card-item-plugin label="登录地址" value="{{item.address}}" />
|
||||
<card-item-plugin label="浏览器" value="{{item.browser}}" />
|
||||
</view>
|
||||
</card-plugin>
|
||||
<pagination-plugin curr_page="{{params.curr_page}}" page_count="{{params.page_count}}"
|
||||
total="{{count}}" bind:change="paginationChange" />
|
||||
</page-plugin>
|
||||
0
miniprogram/pages/logs/loginLog/loginLog.wxss
Normal file
0
miniprogram/pages/logs/loginLog/loginLog.wxss
Normal file
15
miniprogram/pages/logs/operateLog/operateLog.json
Normal file
15
miniprogram/pages/logs/operateLog/operateLog.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"search-popup": "/pages/components/search-popup/search-popup",
|
||||
"card-plugin": "/pages/components/card-plugin/card-plugin",
|
||||
"card-item-plugin": "/pages/components/card-item-plugin/card-item-plugin",
|
||||
"option-cell-plugin": "/pages/components/option-cell-plugin/option-cell-plugin",
|
||||
"date-picker-plugin": "/pages/components/date-picker-plugin/date-picker-plugin",
|
||||
"sort-plugin": "/pages/components/sort-plugin/sort-plugin",
|
||||
"count-plugin": "/pages/components/count-plugin/count-plugin",
|
||||
"total-bar-plugin": "/pages/components/total-bar-plugin/total-bar-plugin",
|
||||
"pagination-plugin": "/pages/components/pagination-plugin/pagination-plugin",
|
||||
"search-input": "/pages/components/search-input/search-input"
|
||||
},
|
||||
"navigationBarTitleText": "操作日志"
|
||||
}
|
||||
133
miniprogram/pages/logs/operateLog/operateLog.ts
Normal file
133
miniprogram/pages/logs/operateLog/operateLog.ts
Normal file
@@ -0,0 +1,133 @@
|
||||
import { loginStatus, post } from '@/utils/https';
|
||||
import { cloneLite, getAuthInfo, getDataSet, toArray, toNumber } from '@/utils/util';
|
||||
|
||||
const defaultParams = { curr_page: 1, page_count: 20 };
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
params: cloneLite(defaultParams) as any,
|
||||
list: [] as any[],
|
||||
count: 0,
|
||||
sort: [{ label: '创建日期', value: 'create_date' }],
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.setData({ authInfo: getAuthInfo() });
|
||||
this.getList();
|
||||
},
|
||||
searchChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchChange2(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
const val = `${e.detail.value || ''}`.trim();
|
||||
if (val) {
|
||||
this.data.params[key] = val;
|
||||
} else {
|
||||
delete this.data.params[key];
|
||||
}
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
onOptionChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
datePickerConfirm(e: any) {
|
||||
const data = getDataSet(e);
|
||||
this.data.params[data.key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchOk() {
|
||||
this.getList(1);
|
||||
},
|
||||
searchReset() {
|
||||
this.data.params = cloneLite(defaultParams);
|
||||
this.getList(1);
|
||||
},
|
||||
onSort(e: any) {
|
||||
this.data.params.order = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
this.getList(1);
|
||||
},
|
||||
paginationChange(e: any) {
|
||||
this.getList(e.detail.curr_page);
|
||||
},
|
||||
getList(curr: number = 1) {
|
||||
this.data.params.curr_page = curr;
|
||||
this.setData({ params: this.data.params });
|
||||
const temp = cloneLite(this.data.params);
|
||||
|
||||
post('Log/operateList', temp).then((res: any) => {
|
||||
const list = toArray(res.data?.list);
|
||||
if (list.length == 0 && this.data.params.curr_page > 1) {
|
||||
this.getList(this.data.params.curr_page - 1);
|
||||
}
|
||||
this.setData({
|
||||
count: toNumber(res.data?.count),
|
||||
list: list,
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(_options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({ loading: true });
|
||||
loginStatus()
|
||||
.then(() => {
|
||||
this.setData({ isLogin: true, loading: false });
|
||||
this.init();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.setData({ isLogin: false, loading: false });
|
||||
console.log('调用登录状态请求失败', err);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
37
miniprogram/pages/logs/operateLog/operateLog.wxml
Normal file
37
miniprogram/pages/logs/operateLog/operateLog.wxml
Normal file
@@ -0,0 +1,37 @@
|
||||
<page-plugin isAuth="{{authInfo['SF_ERP_LOG_VIEW']}}" loading="{{loading}}" is-login="{{isLogin}}"
|
||||
bind:handleLogin="handleLogin">
|
||||
<search-popup placeholder="输入操作账号" bind:change="searchChange" bind:ok="searchOk"
|
||||
bind:reset="searchReset" value="{{params.login_name}}" data-key="login_name">
|
||||
<view slot="content">
|
||||
<search-input label="操作IP" value="{{params.client_ip}}" data-key="client_ip"
|
||||
bind:change="searchChange2" />
|
||||
|
||||
<date-picker-plugin title="操作开始日期" value="{{params.create_dateL}}" data-key="create_dateL"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
<date-picker-plugin title="操作结束日期" value="{{params.create_dateU}}" data-key="create_dateU"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
</view>
|
||||
</search-popup>
|
||||
|
||||
<count-plugin count="{{count}}">
|
||||
<!-- <sort-plugin options="{{sort}}" bind:ok="onSort" value="{{params.order}}" slot="right" /> -->
|
||||
</count-plugin>
|
||||
|
||||
<empty-plugin wx:if="{{list.length == 0}}" />
|
||||
<card-plugin wx:for="{{ list }}" wx:key="log_id" showAll="{{true}}">
|
||||
<view slot="header">{{ item.menu_ch_name }}({{item.function_ch_name}})</view>
|
||||
<view slot="content">
|
||||
<card-item-plugin label="操作详情" value="{{item.content}}" />
|
||||
<card-item-plugin label="操作账号">
|
||||
<view slot="value">
|
||||
{{item.login_name}}
|
||||
<text wx:if="{{item.nick_name}}">({{item.nick_name}})</text>
|
||||
</view>
|
||||
</card-item-plugin>
|
||||
<card-item-plugin label="操作IP" value="{{item.client_ip}}" />
|
||||
<card-item-plugin label="操作时间" value="{{item.create_date}}" />
|
||||
</view>
|
||||
</card-plugin>
|
||||
<pagination-plugin curr_page="{{params.curr_page}}" page_count="{{params.page_count}}"
|
||||
total="{{count}}" bind:change="paginationChange" />
|
||||
</page-plugin>
|
||||
0
miniprogram/pages/logs/operateLog/operateLog.wxss
Normal file
0
miniprogram/pages/logs/operateLog/operateLog.wxss
Normal file
7
miniprogram/pages/manage/department/department.json
Normal file
7
miniprogram/pages/manage/department/department.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-cell": "tdesign-miniprogram/cell/cell",
|
||||
"t-cell-group": "tdesign-miniprogram/cell-group/cell-group"
|
||||
},
|
||||
"navigationBarTitleText": "组织架构"
|
||||
}
|
||||
166
miniprogram/pages/manage/department/department.ts
Normal file
166
miniprogram/pages/manage/department/department.ts
Normal file
@@ -0,0 +1,166 @@
|
||||
import { loginStatus, post } from '@/utils/https';
|
||||
import {
|
||||
cloneLite,
|
||||
getAuthInfo,
|
||||
getDataSet,
|
||||
showModal,
|
||||
sleep,
|
||||
toArray,
|
||||
toastSuccess,
|
||||
} from '@/utils/util';
|
||||
|
||||
const defaultParams = { curr_page: 1, page_count: 20, head_type: 1 };
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
params: cloneLite(defaultParams) as any,
|
||||
list: [] as any[],
|
||||
states: [
|
||||
{ value: '', label: '全部' },
|
||||
{ value: '1', label: '未审核' },
|
||||
{ value: '2', label: '已审核' },
|
||||
],
|
||||
sort: [{ label: '创建日期', value: 'create_date' }],
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.setData({ authInfo: getAuthInfo() });
|
||||
this.getList();
|
||||
},
|
||||
searchChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchChange2(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
const val = `${e.detail.value || ''}`.trim();
|
||||
if (val) {
|
||||
this.data.params[key] = val;
|
||||
} else {
|
||||
delete this.data.params[key];
|
||||
}
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
onOptionChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
datePickerConfirm(e: any) {
|
||||
const data = getDataSet(e);
|
||||
this.data.params[data.key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchOk() {
|
||||
this.getList(1);
|
||||
},
|
||||
searchReset() {
|
||||
this.data.params = cloneLite(defaultParams);
|
||||
this.getList(1);
|
||||
},
|
||||
onSort(e: any) {
|
||||
this.data.params.order = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
this.getList(1);
|
||||
},
|
||||
paginationChange(e: any) {
|
||||
this.getList(e.detail.curr_page);
|
||||
},
|
||||
getList(curr: number = 1) {
|
||||
this.data.params.curr_page = curr;
|
||||
this.setData({ params: this.data.params });
|
||||
const temp = cloneLite(this.data.params);
|
||||
if (temp.order_step && temp.order_step.length) {
|
||||
temp.order_step = temp.order_step.join(',');
|
||||
} else {
|
||||
delete temp.order_step;
|
||||
}
|
||||
|
||||
if (temp.process_state && temp.process_state.length) {
|
||||
temp.process_state = temp.process_state.join(',');
|
||||
} else {
|
||||
delete temp.process_state;
|
||||
}
|
||||
|
||||
post('Departments/list', temp).then((res: any) => {
|
||||
const list = toArray(res.data);
|
||||
if (list.length == 0 && this.data.params.curr_page > 1) {
|
||||
this.getList(this.data.params.curr_page - 1);
|
||||
}
|
||||
this.setData({ list: list });
|
||||
});
|
||||
},
|
||||
|
||||
onOrderDel(e: any) {
|
||||
const data = getDataSet(e);
|
||||
const index = data.index;
|
||||
const item = this.data.list[index];
|
||||
showModal({ content: `确认删除 ${item.name}?` }).then(() => {
|
||||
post('Departments/del', { department_id: item.department_id }).then(() => {
|
||||
toastSuccess('删除成功');
|
||||
sleep(() => {
|
||||
this.getList();
|
||||
}, 1000);
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(_options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({ loading: true });
|
||||
loginStatus()
|
||||
.then(() => {
|
||||
this.setData({ isLogin: true, loading: false });
|
||||
this.init();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.setData({ isLogin: false, loading: false });
|
||||
console.log('调用登录状态请求失败', err);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
32
miniprogram/pages/manage/department/department.wxml
Normal file
32
miniprogram/pages/manage/department/department.wxml
Normal file
@@ -0,0 +1,32 @@
|
||||
<page-plugin isAuth="{{authInfo['SF_ERP_DEPART_VIEW']}}" loading="{{loading}}"
|
||||
is-login="{{isLogin}}" bind:handleLogin="handleLogin">
|
||||
<!-- <search-popup placeholder="输入单据编号" bind:change="searchChange" bind:ok="searchOk"
|
||||
bind:reset="searchReset" value="{{params.bill_no}}" data-key="bill_no">
|
||||
<view slot="content">
|
||||
<search-input label="销售单号" value="{{params.rel_bill_no}}" data-key="rel_bill_no"
|
||||
bind:change="searchChange2" />
|
||||
<search-input label="收入账户" value="{{params.account_name}}" data-key="account_name"
|
||||
bind:change="searchChange2" />
|
||||
<search-input label="往来单位" value="{{params.crm_name}}" data-key="crm_name"
|
||||
bind:change="searchChange2" />
|
||||
|
||||
<option-cell-plugin title="单据状态" value="{{params.state || ''}}" bind:change="onOptionChange"
|
||||
mode="radio" options="{{states}}" data-key="state" />
|
||||
|
||||
<date-picker-plugin title="单据开始日期" value="{{params.bill_dateL}}" data-key="bill_dateL"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
<date-picker-plugin title="单据结束日期" value="{{params.bill_dateU}}" data-key="bill_dateU"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
</view>
|
||||
</search-popup> -->
|
||||
|
||||
<empty-plugin wx:if="{{list.length == 0}}" />
|
||||
<t-cell-group theme="card" custom-style="margin: 0">
|
||||
<t-cell wx:for="{{ list }}" wx:key="department_id" title="{{item.name}}">
|
||||
<t-button slot="right-icon" wx:if="{{authInfo['SF_ERP_DEPART_DEL']}}" size="extra-small"
|
||||
theme="danger" bind:tap="onOrderDel" data-index="{{index}}">删除</t-button>
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
<!-- <pagination-plugin curr_page="{{params.curr_page}}" page_count="{{params.page_count}}"
|
||||
total="{{count}}" bind:change="paginationChange" /> -->
|
||||
</page-plugin>
|
||||
0
miniprogram/pages/manage/department/department.wxss
Normal file
0
miniprogram/pages/manage/department/department.wxss
Normal file
7
miniprogram/pages/manage/group/group.json
Normal file
7
miniprogram/pages/manage/group/group.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-cell": "tdesign-miniprogram/cell/cell",
|
||||
"t-cell-group": "tdesign-miniprogram/cell-group/cell-group"
|
||||
},
|
||||
"navigationBarTitleText": "岗位角色"
|
||||
}
|
||||
175
miniprogram/pages/manage/group/group.ts
Normal file
175
miniprogram/pages/manage/group/group.ts
Normal file
@@ -0,0 +1,175 @@
|
||||
import { loginStatus, post } from '@/utils/https';
|
||||
import {
|
||||
cloneLite,
|
||||
getAuthInfo,
|
||||
getDataSet,
|
||||
showModal,
|
||||
sleep,
|
||||
toArray,
|
||||
toastSuccess,
|
||||
} from '@/utils/util';
|
||||
|
||||
const defaultParams = { curr_page: 1, page_count: 20, head_type: 1 };
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
params: cloneLite(defaultParams) as any,
|
||||
list: [] as any[],
|
||||
states: [
|
||||
{ value: '', label: '全部' },
|
||||
{ value: '1', label: '未审核' },
|
||||
{ value: '2', label: '已审核' },
|
||||
],
|
||||
sort: [{ label: '创建日期', value: 'create_date' }],
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.setData({ authInfo: getAuthInfo() });
|
||||
this.getList();
|
||||
},
|
||||
searchChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchChange2(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
const val = `${e.detail.value || ''}`.trim();
|
||||
if (val) {
|
||||
this.data.params[key] = val;
|
||||
} else {
|
||||
delete this.data.params[key];
|
||||
}
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
onOptionChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
datePickerConfirm(e: any) {
|
||||
const data = getDataSet(e);
|
||||
this.data.params[data.key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchOk() {
|
||||
this.getList(1);
|
||||
},
|
||||
searchReset() {
|
||||
this.data.params = cloneLite(defaultParams);
|
||||
this.getList(1);
|
||||
},
|
||||
onSort(e: any) {
|
||||
this.data.params.order = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
this.getList(1);
|
||||
},
|
||||
paginationChange(e: any) {
|
||||
this.getList(e.detail.curr_page);
|
||||
},
|
||||
getList(curr: number = 1) {
|
||||
this.data.params.curr_page = curr;
|
||||
this.setData({ params: this.data.params });
|
||||
const temp = cloneLite(this.data.params);
|
||||
if (temp.order_step && temp.order_step.length) {
|
||||
temp.order_step = temp.order_step.join(',');
|
||||
} else {
|
||||
delete temp.order_step;
|
||||
}
|
||||
|
||||
if (temp.process_state && temp.process_state.length) {
|
||||
temp.process_state = temp.process_state.join(',');
|
||||
} else {
|
||||
delete temp.process_state;
|
||||
}
|
||||
|
||||
post('Groups/list', temp).then((res: any) => {
|
||||
const list = toArray(res.data);
|
||||
if (list.length == 0 && this.data.params.curr_page > 1) {
|
||||
this.getList(this.data.params.curr_page - 1);
|
||||
}
|
||||
this.setData({ list: list });
|
||||
});
|
||||
},
|
||||
onGroupTap(e: any) {
|
||||
const data = getDataSet(e);
|
||||
const index = data.index;
|
||||
const item = this.data.list[index];
|
||||
wx.navigateTo({
|
||||
url: `/pages/manage/groupDetail/groupDetail?group_id=${
|
||||
item.group_id
|
||||
}&name=${encodeURIComponent(item.name)}`,
|
||||
});
|
||||
},
|
||||
onOrderDel(e: any) {
|
||||
const data = getDataSet(e);
|
||||
const index = data.index;
|
||||
const item = this.data.list[index];
|
||||
showModal({ content: `确认删除 ${item.name}?` }).then(() => {
|
||||
post('Groups/del', { group_id: item.group_id }).then(() => {
|
||||
toastSuccess('删除成功');
|
||||
sleep(() => {
|
||||
this.getList();
|
||||
}, 1000);
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(_options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({ loading: true });
|
||||
loginStatus()
|
||||
.then(() => {
|
||||
this.setData({ isLogin: true, loading: false });
|
||||
this.init();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.setData({ isLogin: false, loading: false });
|
||||
console.log('调用登录状态请求失败', err);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
33
miniprogram/pages/manage/group/group.wxml
Normal file
33
miniprogram/pages/manage/group/group.wxml
Normal file
@@ -0,0 +1,33 @@
|
||||
<page-plugin isAuth="{{authInfo['SF_ERP_GROUP_VIEW']}}" loading="{{loading}}" is-login="{{isLogin}}"
|
||||
bind:handleLogin="handleLogin">
|
||||
<!-- <search-popup placeholder="输入单据编号" bind:change="searchChange" bind:ok="searchOk"
|
||||
bind:reset="searchReset" value="{{params.bill_no}}" data-key="bill_no">
|
||||
<view slot="content">
|
||||
<search-input label="销售单号" value="{{params.rel_bill_no}}" data-key="rel_bill_no"
|
||||
bind:change="searchChange2" />
|
||||
<search-input label="收入账户" value="{{params.account_name}}" data-key="account_name"
|
||||
bind:change="searchChange2" />
|
||||
<search-input label="往来单位" value="{{params.crm_name}}" data-key="crm_name"
|
||||
bind:change="searchChange2" />
|
||||
|
||||
<option-cell-plugin title="单据状态" value="{{params.state || ''}}" bind:change="onOptionChange"
|
||||
mode="radio" options="{{states}}" data-key="state" />
|
||||
|
||||
<date-picker-plugin title="单据开始日期" value="{{params.bill_dateL}}" data-key="bill_dateL"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
<date-picker-plugin title="单据结束日期" value="{{params.bill_dateU}}" data-key="bill_dateU"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
</view>
|
||||
</search-popup> -->
|
||||
|
||||
<empty-plugin wx:if="{{list.length == 0}}" />
|
||||
<t-cell-group custom-style="margin: 0">
|
||||
<t-cell wx:for="{{ list }}" wx:key="department_id" title="{{item.name}}" hover arrow
|
||||
data-index="{{index}}" bind:tap="onGroupTap">
|
||||
<t-button slot="note" wx:if="{{authInfo['SF_ERP_GROUP_DEL']}}" size="extra-small"
|
||||
theme="danger" catch:tap="onOrderDel" data-index="{{index}}">删除</t-button>
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
<!-- <pagination-plugin curr_page="{{params.curr_page}}" page_count="{{params.page_count}}"
|
||||
total="{{count}}" bind:change="paginationChange" /> -->
|
||||
</page-plugin>
|
||||
0
miniprogram/pages/manage/group/group.wxss
Normal file
0
miniprogram/pages/manage/group/group.wxss
Normal file
3
miniprogram/pages/manage/groupDetail/groupDetail.json
Normal file
3
miniprogram/pages/manage/groupDetail/groupDetail.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
114
miniprogram/pages/manage/groupDetail/groupDetail.ts
Normal file
114
miniprogram/pages/manage/groupDetail/groupDetail.ts
Normal file
@@ -0,0 +1,114 @@
|
||||
import { loginStatus, post } from '@/utils/https';
|
||||
import { getAuthInfo, toArray } from '@/utils/util';
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
list: [] as any[],
|
||||
group_id: '',
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.setData({ authInfo: getAuthInfo() });
|
||||
this.getList();
|
||||
},
|
||||
|
||||
getList() {
|
||||
post('Groups/getGrpRights', { group_id: this.data.group_id }).then((res: any) => {
|
||||
const list = toArray(res.right_tree);
|
||||
const rights = `${res.rights || ''}`.split(',');
|
||||
this.data.list.length = 0;
|
||||
|
||||
toArray(list).forEach((menu) => {
|
||||
const arr: any[] = [];
|
||||
toArray(menu.children).forEach((menu2) => {
|
||||
let flag = false;
|
||||
toArray(menu2.children).forEach((fun) => {
|
||||
fun.web_checked = rights.includes(`${fun.function_id}`);
|
||||
if (fun.web_checked) {
|
||||
flag = true;
|
||||
}
|
||||
});
|
||||
|
||||
if (flag) {
|
||||
arr.push({
|
||||
menu_ch_name: menu2.menu_ch_name,
|
||||
menu_id: menu2.menu_id,
|
||||
functions: toArray(menu2.children),
|
||||
});
|
||||
}
|
||||
});
|
||||
if (arr.length) {
|
||||
this.data.list.push({
|
||||
menu_ch_name: menu.menu_ch_name,
|
||||
menu_id: menu.menu_id,
|
||||
children: arr,
|
||||
});
|
||||
}
|
||||
});
|
||||
// console.log(this.data.list);
|
||||
this.setData({ list: this.data.list });
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
this.data.group_id = `${options.group_id}`;
|
||||
wx.setNavigationBarTitle({ title: `${decodeURIComponent(`${options.name}`)} 权限` });
|
||||
|
||||
this.setData({ loading: true });
|
||||
loginStatus()
|
||||
.then(() => {
|
||||
this.setData({ isLogin: true, loading: false });
|
||||
this.init();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.setData({ isLogin: false, loading: false });
|
||||
console.log('调用登录状态请求失败', err);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
25
miniprogram/pages/manage/groupDetail/groupDetail.wxml
Normal file
25
miniprogram/pages/manage/groupDetail/groupDetail.wxml
Normal file
@@ -0,0 +1,25 @@
|
||||
<page-plugin isAuth="{{authInfo['SF_ERP_GROUP_VIEW']}}" loading="{{loading}}" is-login="{{isLogin}}"
|
||||
bind:handleLogin="handleLogin" customStyle="padding-top: 0">
|
||||
<empty-plugin wx:if="{{list.length == 0}}" />
|
||||
<view wx:if="{{list.length}}" class="top">
|
||||
<view class="header">
|
||||
<view class="name">菜单名称</view>
|
||||
<view class="name2">目录名称</view>
|
||||
<view class="functions">权限点</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:for="{{list}}" wx:key="menu_id" class="content">
|
||||
<view class="name">{{item.menu_ch_name}}</view>
|
||||
<view style="display: flex;flex-direction: column;flex: 1;">
|
||||
<view wx:for="{{item.children}}" wx:key="menu_id" wx:for-item="item2"
|
||||
style="display: flex;flex: 1;">
|
||||
<view class="name2" style="flex-shrink: 0;">{{item2.menu_ch_name}}</view>
|
||||
<view style="display: flex;" class="functions">
|
||||
<block wx:for="{{item2.functions}}" wx:key="function_id">
|
||||
<view wx:if="{{item.web_checked}}">{{item.function_ch_name}}</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</page-plugin>
|
||||
55
miniprogram/pages/manage/groupDetail/groupDetail.wxss
Normal file
55
miniprogram/pages/manage/groupDetail/groupDetail.wxss
Normal file
@@ -0,0 +1,55 @@
|
||||
.header,
|
||||
.content {
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
border-left: 1rpx solid #ddd;
|
||||
border-right: 1rpx solid #ddd;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header {
|
||||
border-top: 1rpx solid #ddd;
|
||||
background: #f5f5f5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
padding-top: 24rpx;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.content {
|
||||
/* flex-direction: column; */
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.name,
|
||||
.name2 {
|
||||
width: 5.5em;
|
||||
flex-shrink: 0;
|
||||
border-bottom: 1rpx solid #ddd;
|
||||
border-right: 1rpx solid #ddd;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12rpx 0.5em;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.name2 {
|
||||
width: 6.5em;
|
||||
}
|
||||
|
||||
.functions {
|
||||
border-bottom: 1rpx solid #ddd;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
column-gap: 0.5em;
|
||||
row-gap: 12rpx;
|
||||
flex-wrap: wrap;
|
||||
padding: 0.5em;
|
||||
}
|
||||
4
miniprogram/pages/manage/my/my.json
Normal file
4
miniprogram/pages/manage/my/my.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"usingComponents": { },
|
||||
"navigationBarTitleText": "我的权限"
|
||||
}
|
||||
110
miniprogram/pages/manage/my/my.ts
Normal file
110
miniprogram/pages/manage/my/my.ts
Normal file
@@ -0,0 +1,110 @@
|
||||
import { loginStatus, post } from '@/utils/https';
|
||||
import { getAuthInfo, toArray } from '@/utils/util';
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
list: [] as any[],
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.setData({ authInfo: getAuthInfo() });
|
||||
this.getList();
|
||||
},
|
||||
|
||||
getList() {
|
||||
post('Groups/myAuth').then((res: any) => {
|
||||
const list = toArray(res.right_tree);
|
||||
const rights = `${res.rights || ''}`.split(',');
|
||||
this.data.list.length = 0;
|
||||
|
||||
toArray(list).forEach((menu) => {
|
||||
const arr: any[] = [];
|
||||
toArray(menu.children).forEach((menu2) => {
|
||||
let flag = false;
|
||||
toArray(menu2.children).forEach((fun) => {
|
||||
fun.web_checked = rights.includes(`${fun.function_id}`);
|
||||
if (fun.web_checked) {
|
||||
flag = true;
|
||||
}
|
||||
});
|
||||
|
||||
if (flag) {
|
||||
arr.push({
|
||||
menu_ch_name: menu2.menu_ch_name,
|
||||
menu_id: menu2.menu_id,
|
||||
functions: toArray(menu2.children),
|
||||
});
|
||||
}
|
||||
});
|
||||
if (arr.length) {
|
||||
this.data.list.push({
|
||||
menu_ch_name: menu.menu_ch_name,
|
||||
menu_id: menu.menu_id,
|
||||
children: arr,
|
||||
});
|
||||
}
|
||||
});
|
||||
// console.log(this.data.list);
|
||||
this.setData({ list: this.data.list });
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(_options) {
|
||||
this.setData({ loading: true });
|
||||
loginStatus()
|
||||
.then(() => {
|
||||
this.setData({ isLogin: true, loading: false });
|
||||
this.init();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.setData({ isLogin: false, loading: false });
|
||||
console.log('调用登录状态请求失败', err);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
25
miniprogram/pages/manage/my/my.wxml
Normal file
25
miniprogram/pages/manage/my/my.wxml
Normal file
@@ -0,0 +1,25 @@
|
||||
<page-plugin isAuth="{{authInfo['SF_ERP_GROUP_VIEW']}}" loading="{{loading}}" is-login="{{isLogin}}"
|
||||
bind:handleLogin="handleLogin" customStyle="padding-top: 0">
|
||||
<empty-plugin wx:if="{{list.length == 0}}" />
|
||||
<view wx:if="{{list.length}}" class="top">
|
||||
<view class="header">
|
||||
<view class="name">菜单名称</view>
|
||||
<view class="name2">目录名称</view>
|
||||
<view class="functions">权限点</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:for="{{list}}" wx:key="menu_id" class="content">
|
||||
<view class="name">{{item.menu_ch_name}}</view>
|
||||
<view style="display: flex;flex-direction: column;flex: 1;">
|
||||
<view wx:for="{{item.children}}" wx:key="menu_id" wx:for-item="item2"
|
||||
style="display: flex;flex: 1;">
|
||||
<view class="name2" style="flex-shrink: 0;">{{item2.menu_ch_name}}</view>
|
||||
<view style="display: flex;" class="functions">
|
||||
<block wx:for="{{item2.functions}}" wx:key="function_id">
|
||||
<view wx:if="{{item.web_checked}}">{{item.function_ch_name}}</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</page-plugin>
|
||||
55
miniprogram/pages/manage/my/my.wxss
Normal file
55
miniprogram/pages/manage/my/my.wxss
Normal file
@@ -0,0 +1,55 @@
|
||||
.header,
|
||||
.content {
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
border-left: 1rpx solid #ddd;
|
||||
border-right: 1rpx solid #ddd;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header {
|
||||
border-top: 1rpx solid #ddd;
|
||||
background: #f5f5f5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
padding-top: 24rpx;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.content {
|
||||
/* flex-direction: column; */
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.name,
|
||||
.name2 {
|
||||
width: 5.5em;
|
||||
flex-shrink: 0;
|
||||
border-bottom: 1rpx solid #ddd;
|
||||
border-right: 1rpx solid #ddd;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12rpx 0.5em;
|
||||
word-break: break-all;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.name2 {
|
||||
width: 6.5em;
|
||||
}
|
||||
|
||||
.functions {
|
||||
border-bottom: 1rpx solid #ddd;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
column-gap: 0.5em;
|
||||
row-gap: 12rpx;
|
||||
flex-wrap: wrap;
|
||||
padding: 0.5em;
|
||||
}
|
||||
15
miniprogram/pages/manage/staff/staff.json
Normal file
15
miniprogram/pages/manage/staff/staff.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"search-popup": "/pages/components/search-popup/search-popup",
|
||||
"card-plugin": "/pages/components/card-plugin/card-plugin",
|
||||
"card-item-plugin": "/pages/components/card-item-plugin/card-item-plugin",
|
||||
"option-cell-plugin": "/pages/components/option-cell-plugin/option-cell-plugin",
|
||||
"date-picker-plugin": "/pages/components/date-picker-plugin/date-picker-plugin",
|
||||
"sort-plugin": "/pages/components/sort-plugin/sort-plugin",
|
||||
"count-plugin": "/pages/components/count-plugin/count-plugin",
|
||||
"total-bar-plugin": "/pages/components/total-bar-plugin/total-bar-plugin",
|
||||
"pagination-plugin": "/pages/components/pagination-plugin/pagination-plugin",
|
||||
"search-input": "/pages/components/search-input/search-input"
|
||||
},
|
||||
"navigationBarTitleText": "员工管理"
|
||||
}
|
||||
223
miniprogram/pages/manage/staff/staff.ts
Normal file
223
miniprogram/pages/manage/staff/staff.ts
Normal file
@@ -0,0 +1,223 @@
|
||||
import { loginStatus, post } from '@/utils/https';
|
||||
import {
|
||||
cloneLite,
|
||||
getAuthInfo,
|
||||
getDataSet,
|
||||
showModal,
|
||||
sleep,
|
||||
toArray,
|
||||
toastSuccess,
|
||||
toNumber,
|
||||
} from '@/utils/util';
|
||||
|
||||
const defaultParams = { curr_page: 1, page_count: 20 };
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
params: cloneLite(defaultParams) as any,
|
||||
list: [] as any[],
|
||||
count: 0,
|
||||
orderStep: [] as any[],
|
||||
sort: [
|
||||
{ label: '部门', value: 'dep_name' },
|
||||
{ label: '岗位', value: 'group_id' },
|
||||
{ label: '状态', value: 'state' },
|
||||
{ label: '创建日期', value: 'create_date' },
|
||||
],
|
||||
user_id: wx.getStorageSync('user_id'),
|
||||
depOption: [] as any[],
|
||||
groupsOption: [] as any[],
|
||||
},
|
||||
handleLogin(e: any) {
|
||||
this.setData({ isLogin: e.detail });
|
||||
if (e.detail) {
|
||||
this.init();
|
||||
}
|
||||
},
|
||||
init() {
|
||||
this.setData({ authInfo: getAuthInfo() });
|
||||
this.getList();
|
||||
this.getOrderStep();
|
||||
},
|
||||
searchChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchChange2(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
const val = `${e.detail.value || ''}`.trim();
|
||||
if (val) {
|
||||
this.data.params[key] = val;
|
||||
} else {
|
||||
delete this.data.params[key];
|
||||
}
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
onOptionChange(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
this.data.params[key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
datePickerConfirm(e: any) {
|
||||
const data = getDataSet(e);
|
||||
this.data.params[data.key] = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
},
|
||||
searchOk() {
|
||||
this.getList(1);
|
||||
},
|
||||
searchReset() {
|
||||
this.data.params = cloneLite(defaultParams);
|
||||
this.getList(1);
|
||||
},
|
||||
onSort(e: any) {
|
||||
this.data.params.order = e.detail.value;
|
||||
this.setData({ params: this.data.params });
|
||||
this.getList(1);
|
||||
},
|
||||
onSearchState(e: any) {
|
||||
const key = getDataSet(e).key;
|
||||
if (key) {
|
||||
this.data.params.state = key;
|
||||
} else {
|
||||
delete this.data.params.state;
|
||||
}
|
||||
this.setData({ params: this.data.params });
|
||||
this.getList(1);
|
||||
},
|
||||
paginationChange(e: any) {
|
||||
this.getList(e.detail.curr_page);
|
||||
},
|
||||
getOrderStep() {
|
||||
post('Departments/list').then((res: any) => {
|
||||
this.setData({
|
||||
depOption: [
|
||||
{ label: '全部', value: '' },
|
||||
...toArray(res.data).map((el) => ({
|
||||
label: el.name,
|
||||
value: el.department_id,
|
||||
})),
|
||||
],
|
||||
});
|
||||
});
|
||||
post('Groups/list').then((res: any) => {
|
||||
this.setData({
|
||||
groupsOption: [
|
||||
{ label: '全部', value: '' },
|
||||
...toArray(res.data).map((el) => ({
|
||||
label: el.name,
|
||||
value: el.group_id,
|
||||
})),
|
||||
],
|
||||
});
|
||||
});
|
||||
},
|
||||
getList(curr: number = 1) {
|
||||
this.data.params.curr_page = curr;
|
||||
this.setData({ params: this.data.params });
|
||||
const temp = cloneLite(this.data.params);
|
||||
|
||||
post('Users/getStaff', temp).then((res: any) => {
|
||||
const list = toArray(res.data);
|
||||
if (list.length == 0 && this.data.params.curr_page > 1) {
|
||||
this.getList(this.data.params.curr_page - 1);
|
||||
}
|
||||
this.setData({ count: toNumber(res.count), list: list });
|
||||
});
|
||||
},
|
||||
onReinstatedStaff(e: any) {
|
||||
const data = getDataSet(e);
|
||||
const index = data.index;
|
||||
const item = this.data.list[index];
|
||||
showModal({ content: `确认复职 ${item.login_name}?` }).then(() => {
|
||||
post('Users/reinstatedStaff', { staff_id: item.staff_id }).then(() => {
|
||||
toastSuccess('复职成功');
|
||||
sleep(() => {
|
||||
this.getList();
|
||||
}, 1000);
|
||||
});
|
||||
});
|
||||
},
|
||||
onFireStaff(e: any) {
|
||||
const data = getDataSet(e);
|
||||
const index = data.index;
|
||||
const item = this.data.list[index];
|
||||
showModal({ content: `确认解雇 ${item.login_name}?` }).then(() => {
|
||||
post('Users/fireStaff', { staff_id: item.staff_id }).then(() => {
|
||||
toastSuccess('解雇成功');
|
||||
sleep(() => {
|
||||
this.getList();
|
||||
}, 1000);
|
||||
});
|
||||
});
|
||||
},
|
||||
onStaffState(e: any) {
|
||||
const data = getDataSet(e);
|
||||
const index = data.index;
|
||||
const item = this.data.list[index];
|
||||
showModal({ content: `确认${item.state == 1 ? '禁用' : '启用'} ${item.login_name}?` }).then(
|
||||
() => {
|
||||
post('Users/setStaffState', { staff_id: item.staff_id }).then(() => {
|
||||
toastSuccess(`${item.state == 1 ? '禁用' : '启用'}成功`);
|
||||
sleep(() => {
|
||||
this.getList();
|
||||
}, 1000);
|
||||
});
|
||||
},
|
||||
);
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(_options) {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({ loading: true });
|
||||
loginStatus()
|
||||
.then(() => {
|
||||
this.setData({ isLogin: true, loading: false });
|
||||
this.init();
|
||||
})
|
||||
.catch((err) => {
|
||||
this.setData({ isLogin: false, loading: false });
|
||||
console.log('调用登录状态请求失败', err);
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage() {},
|
||||
});
|
||||
65
miniprogram/pages/manage/staff/staff.wxml
Normal file
65
miniprogram/pages/manage/staff/staff.wxml
Normal file
@@ -0,0 +1,65 @@
|
||||
<page-plugin isAuth="{{authInfo['SF_ERP_STAFF_VIEW']}}" loading="{{loading}}" is-login="{{isLogin}}"
|
||||
bind:handleLogin="handleLogin">
|
||||
<search-popup placeholder="输入员工账号" bind:change="searchChange" bind:ok="searchOk"
|
||||
bind:reset="searchReset" value="{{params.login_name}}" data-key="login_name">
|
||||
<view slot="content">
|
||||
<search-input label="手机" value="{{params.user_phone}}" data-key="user_phone"
|
||||
bind:change="searchChange2" />
|
||||
|
||||
<option-cell-plugin title="组织架构" value="{{params.department_id || ''}}"
|
||||
bind:change="onOptionChange" mode="radio" options="{{depOption}}"
|
||||
data-key="department_id" />
|
||||
<option-cell-plugin title="组织架构" value="{{params.group_id || ''}}"
|
||||
bind:change="onOptionChange" mode="radio" options="{{groupsOption}}" data-key="group_id" />
|
||||
|
||||
<!-- <date-picker-plugin title="创建开始日期" value="{{params.create_dateL}}" data-key="create_dateL"
|
||||
bind:confirm="datePickerConfirm" />
|
||||
<date-picker-plugin title="创建结束日期" value="{{params.create_dateU}}" data-key="create_dateU"
|
||||
bind:confirm="datePickerConfirm" /> -->
|
||||
</view>
|
||||
</search-popup>
|
||||
|
||||
<count-plugin count="{{count}}">
|
||||
<view slot="left">
|
||||
<t-button size="small" theme="{{params.state == '-1' ? '': 'primary'}}" class="btn-left"
|
||||
bind:tap="onSearchState" data-key="">在职员工</t-button>
|
||||
<t-button size="small" theme="{{params.state == '-1' ? 'primary': ''}}" class="btn-right"
|
||||
bind:tap="onSearchState" data-key="-1">离职员工</t-button>
|
||||
</view>
|
||||
<sort-plugin options="{{sort}}" bind:ok="onSort" value="{{params.order}}" slot="right" />
|
||||
</count-plugin>
|
||||
<empty-plugin wx:if="{{list.length == 0}}" />
|
||||
<card-plugin wx:for="{{ list }}" wx:key="staff_id" showAll="{{true}}">
|
||||
<view slot="header"
|
||||
style="display: flex;justify-content: space-between;align-items: center;width: 100%;">
|
||||
<view style="word-break: break-all;">
|
||||
{{ item.login_name }}
|
||||
<text wx:if="{{item.nick_name}}">({{item.nick_name}})</text>
|
||||
</view>
|
||||
<view style="font-weight: normal;color: #999;flex-shrink: 0;display: flex;">
|
||||
{{ item.state== 1 ? '正常' : '禁用'}}
|
||||
</view>
|
||||
</view>
|
||||
<view slot="content">
|
||||
<card-item-plugin label="手机" value="{{item.user_phone}}" />
|
||||
<card-item-plugin label="部门" value="{{item.dep_name}}" />
|
||||
<card-item-plugin label="岗位" value="{{item.group_name}}" />
|
||||
<card-item-plugin label="创建日期" value="{{item.create_date}}" />
|
||||
</view>
|
||||
<view slot="footer" class="card-plugin-footer">
|
||||
<block wx:if="{{item.state == -1}}">
|
||||
<t-button wx:if="{{authInfo['SF_ERP_STAFF_EDIT']}}" size="small" theme="primary"
|
||||
bind:tap="onReinstatedStaff" data-index="{{index}}">复职</t-button>
|
||||
</block>
|
||||
<block wx:else>
|
||||
<t-button wx:if="{{user_id != item.user_id && authInfo['SF_ERP_STAFF_FIRE']}}" size="small"
|
||||
theme="danger" bind:tap="onFireStaff" data-index="{{index}}">解雇</t-button>
|
||||
<t-button wx:if="{{authInfo['SF_ERP_STAFF_EDIT']}}" size="small"
|
||||
theme="{{ item.state== 1 ? 'danger' : 'primary'}}" bind:tap="onStaffState"
|
||||
data-index="{{index}}">{{ item.state== 1 ? '禁用' : '启用'}}</t-button>
|
||||
</block>
|
||||
</view>
|
||||
</card-plugin>
|
||||
<pagination-plugin curr_page="{{params.curr_page}}" page_count="{{params.page_count}}"
|
||||
total="{{count}}" bind:change="paginationChange" />
|
||||
</page-plugin>
|
||||
11
miniprogram/pages/manage/staff/staff.wxss
Normal file
11
miniprogram/pages/manage/staff/staff.wxss
Normal file
@@ -0,0 +1,11 @@
|
||||
button.btn-left,
|
||||
button.btn-left::after {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
button.btn-right,
|
||||
button.btn-right::after {
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user