92 lines
3.9 KiB
Plaintext
92 lines
3.9 KiB
Plaintext
<scroll-view
|
|
class="page safe-bottom"
|
|
scroll-y
|
|
type="list"
|
|
refresher-enabled
|
|
refresher-triggered="{{refreshing}}"
|
|
bindrefresherrefresh="onPullDownRefresh"
|
|
>
|
|
<view class="header">
|
|
<text class="title">通知配置</text>
|
|
<text class="subtitle">首页通知内容维护</text>
|
|
</view>
|
|
|
|
<view class="card action-panel">
|
|
<button class="btn primary full add-btn" bindtap="openCreate">新增通知</button>
|
|
</view>
|
|
|
|
<view wx:if="{{!rows.length}}" class="list-empty">暂无通知</view>
|
|
<view wx:for="{{rows}}" wx:key="id" wx:for-index="index" class="card notice-row">
|
|
<view class="row">
|
|
<view class="row-left">
|
|
<text class="value">{{item.title}}</text>
|
|
<text class="subtitle">考勤点 {{item.attendancePointsText || '-'}}</text>
|
|
<text class="subtitle">排序 {{item.sortOrder}} · {{item.updatedAtText}}</text>
|
|
</view>
|
|
<text class="pill {{item.isActive ? 'success' : 'warn'}}">{{item.isActive ? '展示中' : '已停用'}}</text>
|
|
</view>
|
|
<text class="notice-content">{{item.content}}</text>
|
|
<view class="button-row">
|
|
<button class="btn secondary full" data-index="{{index}}" bindtap="edit">编辑</button>
|
|
<button class="btn danger full" data-index="{{index}}" bindtap="remove">删除</button>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="button-row pager-row" wx:if="{{rows.length}}">
|
|
<button class="btn secondary pager-nav" bindtap="prevPage" disabled="{{page <= 1}}">上一页</button>
|
|
<view class="page-jump-control">
|
|
<input class="page-jump-input" type="number" confirm-type="done" value="{{pageInput}}" bindinput="onPageInput" bindconfirm="jumpToPage" />
|
|
<text class="page-total-label">/ {{totalPages}}</text>
|
|
<text class="page-jump-action" bindtap="jumpToPage">跳</text>
|
|
</view>
|
|
<button class="btn secondary pager-nav" bindtap="nextPage" disabled="{{page >= totalPages}}">下一页</button>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<view wx:if="{{formVisible}}" class="modal-mask" catchtap="closeForm">
|
|
<view class="modal-panel" catchtap="noop">
|
|
<view class="modal-head">
|
|
<text class="modal-title">{{formTitle}}</text>
|
|
<button class="btn mini secondary modal-close" bindtap="clearForm">清空</button>
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="label">标题</text>
|
|
<input class="input" value="{{form.title}}" data-field="title" bindinput="onInput" />
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="label">内容</text>
|
|
<textarea class="textarea notice-textarea" value="{{form.content}}" data-field="content" bindinput="onInput"></textarea>
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="label">通知考勤点</text>
|
|
<checkbox-group class="checkbox-grid" bindchange="onPointCheckboxChange">
|
|
<label
|
|
wx:for="{{attendancePoints}}"
|
|
wx:key="name"
|
|
class="checkbox-chip {{item.checked ? 'checked' : ''}}"
|
|
>
|
|
<checkbox value="{{item.name}}" checked="{{item.checked}}" color="#1463ff"></checkbox>
|
|
<text>{{item.name}}</text>
|
|
</label>
|
|
</checkbox-group>
|
|
</view>
|
|
<view class="form-grid">
|
|
<view class="form-item">
|
|
<text class="label">排序</text>
|
|
<input class="input number-input" type="number" value="{{form.sortOrder}}" data-field="sortOrder" bindinput="onInput" />
|
|
</view>
|
|
<view class="form-item status-form-item">
|
|
<text class="label">展示状态</text>
|
|
<view class="switch-row">
|
|
<text class="value">{{form.isActive ? '展示中' : '停用'}}</text>
|
|
<switch checked="{{form.isActive}}" bindchange="onActiveChange" color="#1463ff"></switch>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="button-row">
|
|
<button class="btn secondary full" bindtap="closeForm">关闭</button>
|
|
<button class="btn primary full" bindtap="save">保存通知</button>
|
|
</view>
|
|
</view>
|
|
</view>
|