gitfjn/duolamaojiazhen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加网站文件

Browse Source
This commit is contained in:
gitfjn
2025-12-22 13:59:40 +08:00
commit 117aaf83d1
19468 changed files with 2111999 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

805
application/admin/view/staff/add.html Normal file
View File

@@ -0,0 +1,805 @@
{layout name="layout2" /}
<link rel="stylesheet" href="/static/admin/css/goods.css" media="all">
<div class="">
<div class="layui-tab-content layui-form">
<div class="">
<div class="" >
<div style=" margin-right: 20px;">
<div style="display: flex; justify-content: space-between;">
<div>
<label class="layui-form-label">员工姓名：</label>
<div class="layui-input-block">
<input name="goodss_id" type="hidden">
<input type="text" name="name" lay-verify="custom_required" lay-verType="tips" style="width: 200px;"
autocomplete="off"
switch-tab="0"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">电话号码：</label>
<div class="layui-input-block">
<input type="text" name="mobile" lay-verType="tips" style="width: 200px;"autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工工号：</label>
<div class="layui-input-block">
<input type="text" name="jon" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工学历：</label>
<div class="layui-input-block">
<input type="text" name="education" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">身份证号：</label>
<div class="layui-input-block">
<input type="text" name="identity" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">紧急联系人:</label>
<div class="layui-input-block">
<input type="text" name="urgent_name" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">联系号码:</label>
<div class="layui-input-block">
<input type="text" name="urgent_phone" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工性别：</label>
<div class="layui-input-block" style="width:200px">
<select name="sex" lay-verType="tips" switch-tab="0" style="width:140px">
<option value="1" {if $infos.sex == 1}selected{/if}>男 </option>
<option value="2" {if $infos.sex == 2}selected{/if}>女 </option>
<option value="3" {if $infos.sex == 3}selected{/if}>未知</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">健康证：</label>
<div class="layui-input-block" style="width:200px">
<input class="layui-input" value="{$infos.birthday}" autocomplete="off" name="birthday" id="birthday" type="text" placeholder="请输入健康证有效期" >
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">婚姻状况:</label>
<div class="layui-input-block" style="width:200px">
<select name="marry" lay-verType="tips" switch-tab="0" style="width:140px">
<option value="1" {if $infos.marry == 1}selected{/if}>是</option>
<option value="2" {if $infos.marry == 2}selected{/if}>否 </option>
<option value="3" {if $infos.marry == 3}selected{/if}>未知</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">籍贯:</label>
<div class="layui-input-block">
<input type="text" name="native" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">隶属部门:</label>
<div class="layui-input-block" style="width:200px">
<select name="brand_id" lay-verType="tips" switch-tab="0" verify-msg="请选择隶属部门">
<option value="">请选择员工的部门</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">工资底薪：</label>
<div class="layui-input-block">
<input type="text" name="mooney" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工积分:</label>
<div class="layui-input-block">
<input type="text" name="score" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">服务等级:</label>
<div class="layui-input-block" style="width:200px">
<select name="star" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.star == 0}selected{/if}>一星级</option>
<option value="1" {if $infos.star == 1}selected{/if}>二星级</option>
<option value="1" {if $infos.star == 2}selected{/if}>三星级</option>
<option value="1" {if $infos.star == 3}selected{/if}>四星级</option>
<option value="1" {if $infos.star == 4}selected{/if}>五星级</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">乙肝两对半:</label>
<div class="layui-input-block" style="width:200px">
<select name="physical" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.physical == 0}selected{/if}>是</option>
<option value="1" {if $infos.physical == 1}selected{/if}>否</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">工资银行卡：</label>
<div class="layui-input-block">
<input type="text" name="bank" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">银行卡号:</label>
<div class="layui-input-block">
<input type="text" name="account" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">社保银行:</label>
<div class="layui-input-block">
<input type="text" name="sbyhk" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">社保账号:</label>
<div class="layui-input-block">
<input type="text" name="social" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">员工苗族：</label>
<div class="layui-input-block">
<input type="text" name="nation" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">属相:</label>
<div class="layui-input-block">
<input type="text" name="sign" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">出行工具:</label>
<div class="layui-input-block">
<input type="text" name="transit" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">服务类别:</label>
<div class="layui-input-block" style="width:200px">
<select name="goods_id" lay-verType="tips" switch-tab="0" verify-msg="选择员工职位">
<option value="">请选择员工的部门</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">是否在职：</label>
<div class="layui-input-block" style="width:200px">
<select name="onwork" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.onwork == 0}selected{/if}>离职</option>
<option value="1" {if $infos.onwork == 1}selected{/if}>在职</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否过敏:</label>
<div class="layui-input-block" style="width:200px">
<select name="allergy" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.allergy == 1}selected{/if}>是</option>
<option value="1" {if $infos.allergy == 0}selected{/if}>否</option>
<option value="1" {if $infos.allergy == 2}selected{/if}>未知</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">缴纳社保:</label>
<div class="layui-input-block" style="width:200px">
<select name="security" lay-verType="tips" switch-tab="0">
<option value="1" {if $infos.security == 1}selected{/if}>是</option>
<option value="0" {if $infos.security == 0}selected{/if}>否</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">购买五险:</label>
<div class="layui-input-block" style="width:200px">
<select name="insurances" lay-verType="tips" switch-tab="0">
<option value="1" {if $infos.insurances == 1}selected{/if}>是</option>
<option value="0" {if $infos.insurances == 0}selected{/if}>否</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">员工住址：</label>
<div class="layui-input-block">
<input type="text" name="addr" lay-verType="tips" style="width: 200px;" id="addr" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">定位精度:</label>
<div class="layui-input-block">
<input type="text" name="store_longitude" lay-verType="tips" value="" id="lon" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">定位维度:</label>
<div class="layui-input-block">
<input type="text" name="store_latitude" lay-verType="tips" style="width: 200px;" value="" id="lat" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">雷达距离:</label>
<div class="layui-input-block">
<input type="text" name="distance" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">登入密码：</label>
<div class="layui-input-block">
<input type="password" name="password" value="123456" lay-verType="tips" style="width: 200px;" id="addr" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工类型:</label>
<div class="layui-input-block" style="width:200px">
<select name="type" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.type == 0}selected{/if}>服务人员</option>
<option value="1" {if $infos.type == 1}selected{/if}>办公室人员</option>1
<option value="2" {if $infos.type == 2}selected{/if}>管理人员</option>
<option value="3" {if $infos.type == 3}selected{/if}>站长</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">推荐人ID:</label>
<div class="layui-input-block">
<input type="text" name="uid" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工分组:</label>
<div class="layui-input-block" style="width:200px">
<select name="grouping_id" lay-verType="tips" switch-tab="0" verify-msg="选择员工分组">
<option value="" >请选择员工的分组</option>
</select>
</div>
</div>
</div>
<div id="tMap" class="layui-hide" style="padding: 10px;margin-left: 3%; width: 100%;">
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<div class="layui-input-inline">
<input type="text" name="search_key" id="search_key" class="layui-input" placeholder="请输入地名" >
</div>
<button class="layui-btn layui-btn-normal layui-btn-sm searchKey">查询</button>
</div>
</div>
<div id="maplocation" style="width:1080px;height:400px;"></div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">注册地区：</label>
<div class="layui-input-inline">
<select name="first_category_id" lay-filter="first_category" lay-verify="custom_required"
lay-verType="tips" switch-tab="0" verify-msg="请选择地区">
<option value="">请选择地区</option>
</select>
</div>
<div class="layui-input-inline">
<select name="second_category_id" lay-filter="second_category" lay-verify="custom_required"
lay-verType="tips" switch-tab="0" verify-msg="请选择地区">
<option value="">请选择地区</option>
</select>
</div>
<div class="layui-input-inline">
<select name="third_category_id" lay-filter="third_category" lay-verify="custom_required"
lay-verType="tips" switch-tab="0" verify-msg="请选择地区">
<option value="">请选择地区</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">特长描写：</label>
<div class="layui-input-block">
<textarea type="text" name="remark" autocomplete="off" class="layui-textarea">{$infos.remark}</textarea>
</div>
</div>
<style>
body .layui-ext-yourskin .layui-layer-btn0{
border: 1px solid #dedede;
background-color:#fff;
color: #333;
}
body .layui-ext-yourskin .layui-layer-btn1{
background-color:#1E9FFF;
border-color:#1E9FFF;
color: #fff;
}
</style>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
</div>
</div>
</div>
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=EVOBZ-VX7YU-QKJVR-BVESA-AVFT3-7JBWG&libraries=drawing,geometry,place,convertor,visualization"></script>
<script type="text/javascript">
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
var dragstart = 0;
var swop_element_ed = -1;
var create_table_by_spec = null;
var spec_table_data = [];
var spec_value_temp_id_number = 0;
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'element', 'jquery', 'like', 'likeedit','laydate'], function () {
var $ = layui.$
,laydate = layui.laydate
;
var like = layui.like;
var form = layui.form;
var likeedit = layui.likeedit;
laydate.render({
elem: '#birthday'
,format: 'yyyy-MM-dd'
,trigger: 'click'
});
$('.first_ratio').bind('input propertychange', function() {
var that = $(this);
var value = that.val();
format(that,value)
});
$(document).on('click','#lon',function(){
if(!$("#addr").val()){
layer.msg('请先填写用户的地址', { icon: 5, anim: 6 });
return false;
}
var markers = [];
$("#tMap").removeClass('layui-hide');
layer.open({
type:1,
area:["800px","600px"],
title:"地图标识",
btn: ['取消','确定'],
skin: 'layui-ext-yourskin',
content:layui.jquery('#tMap'),
success:function(){
let map = new qq.maps.Map(document.getElementById("maplocation"), {
center: new qq.maps.LatLng(26.67865,106.62298), // 地图的中心地理坐标。
zoom:13, // 地图的中心地理坐标。
});
var latlngBounds = new qq.maps.LatLngBounds();
searchService = new qq.maps.SearchService({
complete:function(results){
console.log(results)
var pois = results.detail.pois;
var infoWin = new qq.maps.InfoWindow({
map: map
});
var latlngBounds = new qq.maps.LatLngBounds();
for (var i = 0, l = pois.length; i < l; i++) {
var poi = pois[i];
//扩展边界范围，用来包含搜索到的Poi点
latlngBounds.extend(poi.latLng);
(function(n) {
console.log(111)
var marker = new qq.maps.Marker({
map: map
});
marker.setPosition(pois[n].latLng);
marker.setTitle(i + 1);
markers.push(marker);
qq.maps.event.addListener(marker, 'click', function() {
let latX = pois[n].latLng.getLat().toFixed(6);
let lngY = pois[n].latLng.getLng().toFixed(6);
$('#lon').val(latX);
$('#lat').val(lngY);
infoWin.open();
infoWin.setContent('<div style="width:280px;height:100px;">' + '当前经纬度：' +
pois[n].latLng + '，名称：' + pois[n].name + '，当前位置：' + pois[n].address +'</div>');
infoWin.setPosition(pois[n].latLng);
});
})(i);
}
//调整地图视野
map.fitBounds(latlngBounds);
}
});
qq.maps.event.addListener(map, 'click', function(event) {
var marker=new qq.maps.Marker({
position:event.latLng,
map:map,
draggable: true,
});
var info = new qq.maps.InfoWindow({
map: map
});
var point = event.latLng;
let latX = point.getLat().toFixed(6);
let lngY = point.getLng().toFixed(6);
$('#lon').val(latX);
$('#lat').val(lngY);
qq.maps.event.addListener(map, 'click', function(event) {
marker.setMap(null);
});
qq.maps.event.addListener(marker, 'dragging', function(event) {
var latLng = event.latLng;
let lat = latLng.getLat().toFixed(6);
let lng = latLng.getLng().toFixed(6);
$('#lon').val(lng);
$('#lat').val(lat);
});
});
} ,
yes: function(index, layero){
//do something
layer.close(index); //如果设定了yes回调，需进行手工关闭
},
cancel: function(index, layero){
//if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
document.getElementById("tMap").style.display="none";//通过设置display属性可以使div隐藏后释放占用的页面空间
layer.close(index)
// }
return false;
} //这里content是一个普通的String
});
$(document).on('click','.searchKey',function(){
console.log('代码执行到这里')
var search_key=$("#search_key").val();
var city=$(".el-input__inner").val();
searchService.setLocation(search_key);
searchService.search(search_key);
})
});
//渲染部门
var brands = {$brand_lists | raw};
setBrand();
function setBrand(default_id) {
var brand_select_html = '<option value="">请选择部门的数据</option>';
for (var i in brands) {
brand_select_html += '<option value="' + brands[i]['id'] + '">' + brands[i]['name'] + '</option>';
}
$('select[name="brand_id"]').html(brand_select_html);
$('select[name="brand_id"]').val(default_id);
form.render('select');
}
//渲染员工分组
var grouping = {$grouping_id | raw};
setBranddss();
function setBranddss(default_id) {
var grouping_select_html = '<option value="">请选择分组</option>';
for (var i in grouping) {
grouping_select_html += '<option value="' + grouping[i]['id'] + '">' + grouping[i]['name'] + '</option>';
}
$('select[name="grouping_id"]').html(grouping_select_html);
$('select[name="grouping_id"]').val(default_id);
form.render('select');
}
//渲染部门
var goods = {$goods_id | raw};
setBrandds();
function setBrandds(default_id) {
var goods_select_html = '<option value="">请选择部门的数据</option>';
for (var i in goods) {
goods_select_html += '<option value="' + goods[i]['id'] + '">' + goods[i]['name'] + '</option>';
}
$('select[name="goods_id"]').html(goods_select_html);
$('select[name="goods_id"]').val(default_id);
form.render('select');
}
//分类联动
var categorys = {$category_lists | raw};
setSelectFirst();
function setSelectFirst(default_id) {
var category_select_html = '<option value="">请选择分类</option>';
for (var i in categorys) {
if (categorys[i]['level'] == 1) {
category_select_html += '<option value="' + categorys[i]['id'] + '">' + categorys[i]['name'] + '</option>';
}
}
$('select[name="first_category_id"]').html(category_select_html);
$('select[name="first_category_id"]').val(default_id);
form.render('select');
}
function setSelectSecond(default_id, parent_id) {
parent_id = parent_id === undefined ? $('select[name="first_category_id"]').val() : parent_id;
$('select[name="second_category_id"]').html('<option value="">请选择分类</option>');
$('select[name="third_category_id"]').html('<option value="">请选择分类</option>');
var category_select_html = '<option value="">请选择分类</option>';
for (var i in categorys) {
if (categorys[i]['parent_id'] == parent_id) {
category_select_html += '<option value="' + categorys[i]['id'] + '">' + categorys[i]['name'] + '</option>';
}
}
$('select[name="second_category_id"]').html(category_select_html);
$('select[name="second_category_id"]').val(default_id);
form.render('select');
}
function setSelectThird(default_id, parent_id) {
parent_id = parent_id === undefined ? $('select[name="second_category_id"]').val() : parent_id;
$('select[name="third_category_id"]').html('<option value="">请选择分类</option>');
var first_category_id = $('select[name="first_category_id"]').val();
var category_select_html = '<option value="">请选择分类</option>';
for (var i in categorys) {
if (categorys[i]['parent_id'] == parent_id) {
category_select_html += '<option value="' + categorys[i]['id'] + '">' + categorys[i]['name'] + '</option>';
}
}
$('select[name="third_category_id"]').html(category_select_html);
$('select[name="third_category_id"]').val(default_id);
form.render('select');
}
form.on('select(first_category)', function (data) {
setSelectSecond('', data.value);
});
form.on('select(second_category)', function (data) {
setSelectThird('', data.value);
});
//------------------------价格库存----------------------------------
// 单规格图片
like.imageUpload('.goods-one-spec-img-add', function (uris, element) {
if(uris.length>1){
layer.msg('最多最能选中1张图片');
return;
}
element.hide();
var key = element.parent().parent().parent().attr('spec-value-temp-ids');
spec_table_data["spec_image[]"+key] = uris[0];//保存图片地址
$(element).parent().html('<input name="one_spec_image" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '"><a class="goods-one-spec-img-del-x">x</a><img class="goods-spec-img" src="' + uris[0] + '">');
});
$(document).on('mouseenter', '.goods-spec-img-div', function () {
$(this).find('.goods-one-spec-img-del-x').show();
});
$(document).on('mouseleave', '.goods-spec-img-div', function () {
$(this).find('.goods-one-spec-img-del-x').hide();
});
$(document).on('click', '.goods-one-spec-img-del-x', function () {
$(this).parent().html('<input type="hidden" name="one_spec_image"><img src="/static/common/image/plug/goods-lists-add-image.png" class="goods-one-spec-img-add">');
});
//多规格图片
like.imageUpload('.goods-spec-img-add', function (uris, element) {
if(uris.length>1){
layer.msg('最多最能选中1张图片');
return;
}
element.hide();
var key = element.parent().parent().parent().attr('spec-value-temp-ids');
spec_table_data["spec_image[]"+key] = uris[0];//保存图片地址
$(element).parent().html('<input name="spec_image[]" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '"><a class="goods-spec-img-del-x">x</a><img class="goods-spec-img" src="' + uris[0] + '">');
});
$(document).on('mouseenter', '.goods-spec-img-div', function () {
$(this).find('.goods-spec-img-del-x').show();
});
$(document).on('mouseleave', '.goods-spec-img-div', function () {
$(this).find('.goods-spec-img-del-x').hide();
});
$(document).on('click', '.goods-spec-img-del-x', function () {
var key = 'spec_image[]' + $(this).parent().parent().parent().attr('spec-value-temp-ids');
$(this).parent().html('<input type="hidden" name="spec_image[]"><img src="/static/common/image/plug/goods-lists-add-image.png" class="goods-spec-img-add">');
spec_table_data[key] = '';
});
$(document).on('click', '.goods-spec-img', function () {
like.showImg($(this).attr('src'),600);
});
//规格生成表格
createTableBySepc = function () {
if ($('.goods-spec').size() <= 0) {
$('#more-spec-lists').hide();
return;
}
$('#more-spec-lists').show();
var table_title = [];
var table_data = [];
var spec_value_temp_arr = [];
var i = 0;
var th_html = $('#template-spec-table-th').html();
var tr_html = $('#template-spec-table-tr').html();
//遍历规格项目
$('.goods-spec').each(function () {
var spec_name = $(this).find('.spec_name').first().val();
if (isEmptyString(spec_name)) {
return true;
}
table_title[i] = spec_name;
table_data[i] = [];
spec_value_temp_arr[i] = [];
var j = 0;
$(this).find('.goods-spec-value .goods-spec-value-input').each(function () {
var spec_value = $(this).val();
var spec_value_temp_id = $(this).attr('spec-value-temp-id');
if (isEmptyString(spec_value)) {
return true;
}
table_data[i][j] = spec_value;
spec_value_temp_arr[i][j] = spec_value_temp_id;
j++;
});
i++;
});
table_html = '';
//表格头部组装
spec_th_html = '';
for (var i in table_title) {
spec_th_html += '<th>' + table_title[i] + '</th>';
}
table_html = th_html.replace('{spec_th}', spec_th_html);
spec_value_temp_arr = cartesianProduct(spec_value_temp_arr);
table_data = cartesianProduct(table_data);
for (var i in table_data) {
var spec_tr_html = '';
var tr_name_arr = [];
var specs = '';
if (Array.isArray(table_data[i])) {
//根据规格创建tr的id
var spec_value_temp_ids = '';
for(var j in spec_value_temp_arr[i]){
spec_value_temp_ids += spec_value_temp_arr[i][j]+',';
}
spec_value_temp_ids = spec_value_temp_ids.substring(0, spec_value_temp_ids.lastIndexOf(','));
spec_tr_html += '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
for (var j in table_data[i]) {
spec_tr_html += '<td>' + table_data[i][j] + '</td>';
tr_name_arr[j] = table_data[i][j];
specs += table_data[i][j].replace(',', '') + ',';
}
} else {
var spec_value_temp_ids = spec_value_temp_arr[i];
spec_tr_html = '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
spec_tr_html += '<td>' + table_data[i] + '</td>';
specs += table_data[i].replace(',', '') + ',';
}
specs = specs.substring(0, specs.lastIndexOf(','));
spec_table_data["spec_value_str[]"+spec_value_temp_ids] = specs;
spec_tr_html += '<td style="display: none"><input type="hidden" name="spec_value_str[]" value="' + specs + '"><input type="hidden" name="item_id[]" value=""></td>';
table_html += tr_html.replace('{spec_td}', spec_tr_html);
}
$('#more-spec-lists-table').html(table_html);
setTableValue();
}
//------------------------编辑页面----------------------------------
{notempty name='info'}
var goods_info= {$info|raw|default=''};
console.log(goods_info);
$('input[name="goodss_id"]').val(goods_info['base']['id']);
$('input[name="name"]').val(goods_info['base']['name']);
$('input[name="mobile"]').val(goods_info['base']['mobile']);
$('input[name="jon"]').val(goods_info['base']['jon']);
$('input[name="education"]').val(goods_info['base']['education']);
$('input[name="identity"]').val(goods_info['base']['identity']);
$('input[name="urgent_name"]').val(goods_info['base']['urgent_name']);
$('input[name="urgent_phone"]').val(goods_info['base']['urgent_phone']);
$('input[name="native"]').val(goods_info['base']['native']);
$('input[name="sign"]').val(goods_info['base']['sign']);
$('input[name="mooney"]').val(goods_info['base']['mooney']);
$('input[name="score"]').val(goods_info['base']['score']);
$('input[name="bank"]').val(goods_info['base']['bank']);
$('input[name="account"]').val(goods_info['base']['account']);
$('input[name="addr"]').val(goods_info['base']['addr']);
$('input[name="social"]').val(goods_info['base']['social']);
$('input[name="sbyhk"]').val(goods_info['base']['sbyhk']);
$('input[name="transit"]').val(goods_info['base']['transit']);
$('input[name="distance"]').val(goods_info['base']['distance']);
//$('input[name="password"]').val(goods_info['base']['password']);
$('input[name="birthday"]').val(goods_info['base']['birthday']);
$('input[name="nation"]').val(goods_info['base']['nation']);
$('input[name="adder"]').val(goods_info['base']['adder']);
$('input[name="store_longitude"]').val(goods_info['base']['lat']);
$('input[name="store_latitude"]').val(goods_info['base']['lng']);
$("input[name=sex][value="+goods_info['base']['sex']+"]").prop("checked",true); //性别
$("input[name=onwork][value="+goods_info['base']['onwork']+"]").prop("checked",true); //是否离职
setSelectFirst(goods_info['base']['first_category_id']);
setSelectSecond(goods_info['base']['second_category_id']);
setSelectThird(goods_info['base']['third_category_id']);
setBrand(goods_info['base']['group_id']); //部门的修改
setBrandds(goods_info['base']['goods_id']); //部门的修改
setBranddss(goods_info['base']['grouping_id']);
{/notempty}
//------------------------编辑页面----------------------------------
});
</script>

289
application/admin/view/staff/adder.html Normal file
View File

@@ -0,0 +1,289 @@
{layout name="layout2" /}
<link rel="stylesheet" href="/static/admin/css/goods.css" media="all">
<div class="">
<div class="layui-tab-content layui-form">
<div class="layui-tab-item goods-content layui-show">
<div class="layui-card-body" pad15>
<div lay-filter="">
<input type="hidden" id="id" name="id">
<div class="layui-form-item">
<label class="layui-form-label">位置精度：</label>
<div class="layui-input-inline" style="width: 20%;">
<input type="text" name="store_longitude" class="layui-input" placeholder="请输入经度" value="" id="lon" lay-filter="lon" >
</div>
<label class="layui-form-label">位置维度：</label>
<div class="layui-input-inline" style="width: 20%;">
<input type="text" name="store_latitude" class="layui-input" placeholder="请输入经度" value="" id="lat" lay-filter="lat" >
</div>
</div>
<div id="tMap" class="layui-hide" style="padding: 10px;margin-left: 3%; width: 100%;">
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<div class="layui-input-inline">
<input type="text" name="search_key" id="search_key" class="layui-input" placeholder="请输入地名" >
</div>
<button class="layui-btn layui-btn-normal layui-btn-sm searchKey" >查询</button>
</div>
</div>
<div id="maplocation" style="width:1080px;height:400px;"></div>
</div>
<style>
body .layui-ext-yourskin .layui-layer-btn0{
border: 1px solid #dedede;
background-color:#fff;
color: #333;
}
body .layui-ext-yourskin .layui-layer-btn1{
background-color:#1E9FFF;
border-color:#1E9FFF;
color: #fff;
}
</style>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
</div>
</div>
</div>
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&libraries=service&key=EVOBZ-VX7YU-QKJVR-BVESA-AVFT3-7JBWG"></script>
<script type="text/javascript">
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
var dragstart = 0;
var swop_element_ed = -1;
var create_table_by_spec = null;
var spec_table_data = [];
var spec_value_temp_id_number = 0;
var geocoder = null
var lat_lng = null
var map = null
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'element', 'jquery', 'like', 'likeedit'], function () {
var $ = layui.$;
var like = layui.like;
var form = layui.form;
var likeedit = layui.likeedit;
$('.first_ratio').bind('input propertychange', function() {
var that = $(this);
var value = that.val();
format(that,value)
});
$(document).on('click','#lon',function(){
var markers = [];
function addMarker(latlng){
markers.updateGeometries([
{
id: 'main',
position: latlng, // 将得到的坐标位置用点标记标注在地图上
},
]);
}
$("#tMap").removeClass('layui-hide');
layer.open({
type:1,
area:["800px","600px"],
title:"地图标识",
btn: ['取消','确定'],
skin: 'layui-ext-yourskin',
content:layui.jquery('#tMap'),
success:function(){
if(!map){
map = new TMap.Map('maplocation', {
zoom: 14,
center: new TMap.LatLng(39.986785, 116.301012),
});
markers = new TMap.MultiMarker({
map: map,
geometries: [],
});
map.on('click', function(event) {
lat_lng = event.latLng
addMarker(event.latLng);
$('#lon').val(event.latLng.lng)
$('#lat').val(event.latLng.lat)
});
geocoder = new TMap.service.Geocoder();
searchService = {
search:function(name){
geocoder.getLocation({ address:name })
.then((result) => {
console.log(result,999)
lat_lng = result.result.location
addMarker( result.result.location)
// markers.updateGeometries([
// {
// id: 'main',
// position: result.result.location, // 将得到的坐标位置用点标记标注在地图上
// },
// ]);
map.setCenter(result.result.location);
$('#lon').val(result.result.location.lng)
$('#lat').val(result.result.location.lat)
// 显示坐标数值
});
}
}
}
} ,
yes: function(index, layero){
console.log(lat_lng,99)
//do something
layer.close(index); //如果设定了yes回调，需进行手工关闭
},
btn2:function(index){
layer.close(index)
console.log(lat_lng,88)
if(lat_lng){
$('#lon').val(lat_lng.lng)
$('#lat').val(lat_lng.lat)
}
},
cancel: function(index, layero){
//if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
document.getElementById("tMap").style.display="none";//通过设置display属性可以使div隐藏后释放占用的页面空间
layer.close(index)
// }
return false;
} //这里content是一个普通的String
});
$(document).on('click','.searchKey',function(){
var search_key=$("#search_key").val();
var search_key=$("#search_key").val();
searchService.search(search_key);
// searchService.setLocation(search_key);
// searchService.search(search_key);
})
});
//规格生成表格
createTableBySepc = function () {
if ($('.goods-spec').size() <= 0) {
$('#more-spec-lists').hide();
return;
}
$('#more-spec-lists').show();
var table_title = [];
var table_data = [];
var spec_value_temp_arr = [];
var i = 0;
var th_html = $('#template-spec-table-th').html();
var tr_html = $('#template-spec-table-tr').html();
//遍历规格项目
$('.goods-spec').each(function () {
var spec_name = $(this).find('.spec_name').first().val();
if (isEmptyString(spec_name)) {
return true;
}
table_title[i] = spec_name;
table_data[i] = [];
spec_value_temp_arr[i] = [];
var j = 0;
$(this).find('.goods-spec-value .goods-spec-value-input').each(function () {
var spec_value = $(this).val();
var spec_value_temp_id = $(this).attr('spec-value-temp-id');
if (isEmptyString(spec_value)) {
return true;
}
table_data[i][j] = spec_value;
spec_value_temp_arr[i][j] = spec_value_temp_id;
j++;
});
i++;
});
table_html = '';
//表格头部组装
spec_th_html = '';
for (var i in table_title) {
spec_th_html += '<th>' + table_title[i] + '</th>';
}
table_html = th_html.replace('{spec_th}', spec_th_html);
spec_value_temp_arr = cartesianProduct(spec_value_temp_arr);
table_data = cartesianProduct(table_data);
for (var i in table_data) {
var spec_tr_html = '';
var tr_name_arr = [];
var specs = '';
if (Array.isArray(table_data[i])) {
//根据规格创建tr的id
var spec_value_temp_ids = '';
for(var j in spec_value_temp_arr[i]){
spec_value_temp_ids += spec_value_temp_arr[i][j]+',';
}
spec_value_temp_ids = spec_value_temp_ids.substring(0, spec_value_temp_ids.lastIndexOf(','));
spec_tr_html += '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
for (var j in table_data[i]) {
spec_tr_html += '<td>' + table_data[i][j] + '</td>';
tr_name_arr[j] = table_data[i][j];
specs += table_data[i][j].replace(',', '') + ',';
}
} else {
var spec_value_temp_ids = spec_value_temp_arr[i];
spec_tr_html = '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
spec_tr_html += '<td>' + table_data[i] + '</td>';
specs += table_data[i].replace(',', '') + ',';
}
specs = specs.substring(0, specs.lastIndexOf(','));
spec_table_data["spec_value_str[]"+spec_value_temp_ids] = specs;
spec_tr_html += '<td style="display: none"><input type="hidden" name="spec_value_str[]" value="' + specs + '"><input type="hidden" name="item_id[]" value=""></td>';
table_html += tr_html.replace('{spec_td}', spec_tr_html);
}
$('#more-spec-lists-table').html(table_html);
setTableValue();
}
{notempty name='info'}
var goods_info= {$info|raw|default=''};
console.log(goods_info);
$('input[name="id"]').val(goods_info['id']);
$('input[name="address"]').val(goods_info['address']);
$('input[name="total_amount"]').val(goods_info['total_amount']);
$('input[name="name"]').val(goods_info['consignee']);
$('input[name="phone"]').val(goods_info['mobile']);
$('input[name="store_latitude"]').val(goods_info['lng']);
$('input[name="store_longitude"]').val(goods_info['lat']);
$('input[name="areas"]').val(goods_info['areas']);
$("input[name=pay_status][value="+goods_info['pay_zd']+"]").prop("checked",true);
form.render();
{/notempty}
//------------------------编辑页面----------------------------------
});
</script>

971
application/admin/view/staff/edit.html Normal file
View File

@@ -0,0 +1,971 @@
{layout name="layout2" /}
<link rel="stylesheet" href="/static/admin/css/goods.css" media="all">
<div class="">
<div class="layui-tab-content layui-form">
<div class="">
<div class="" >
<div style=" margin-right: 20px;">
<div style="display: flex; justify-content: space-between;">
<div>
<label class="layui-form-label">员工姓名：</label>
<div class="layui-input-block">
<input name="goodss_id" type="hidden">
<input type="text" name="name" lay-verify="custom_required" lay-verType="tips" style="width: 200px;"
autocomplete="off"
switch-tab="0"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">电话号码：</label>
<div class="layui-input-block">
<input type="text" name="mobile" lay-verType="tips" style="width: 200px;"autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工工号：</label>
<div class="layui-input-block">
<input type="text" name="jon" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工学历：</label>
<div class="layui-input-block">
<input type="text" name="education" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">身份证号：</label>
<div class="layui-input-block">
<input type="text" name="identity" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">紧急联系人:</label>
<div class="layui-input-block">
<input type="text" name="urgent_name" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">联系号码:</label>
<div class="layui-input-block">
<input type="text" name="urgent_phone" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工性别：</label>
<div class="layui-input-block" style="width:200px">
<select name="sex" lay-verType="tips" switch-tab="0" style="width:140px">
<option value="1" {if $infos.sex == 1}selected{/if}>男 </option>
<option value="2" {if $infos.sex == 2}selected{/if}>女 </option>
<option value="3" {if $infos.sex == 3}selected{/if}>未知</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">健康证：</label>
<div class="layui-input-block" style="width:200px">
<input class="layui-input" value="{$infos.birthday}" autocomplete="off" name="birthday" id="birthday" type="text" placeholder="请输入健康证有效期" >
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">婚姻状况:</label>
<div class="layui-input-block" style="width:200px">
<select name="marry" lay-verType="tips" switch-tab="0" style="width:140px">
<option value="1" {if $infos.marry == 1}selected{/if}>是</option>
<option value="2" {if $infos.marry == 2}selected{/if}>否 </option>
<option value="3" {if $infos.marry == 3}selected{/if}>未知</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">籍贯:</label>
<div class="layui-input-block">
<input type="text" name="native" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">隶属部门:</label>
<div class="layui-input-block" style="width:200px">
<select name="brand_id" lay-verType="tips" switch-tab="0" verify-msg="请选择隶属部门">
<option value="">请选择员工的部门</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">工资底薪：</label>
<div class="layui-input-block">
<input type="text" name="mooney" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工积分:</label>
<div class="layui-input-block">
<input type="text" name="score" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">服务等级:</label>
<div class="layui-input-block" style="width:200px">
<select name="star" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.star == 0}selected{/if}>一星级</option>
<option value="1" {if $infos.star == 1}selected{/if}>二星级</option>
<option value="1" {if $infos.star == 2}selected{/if}>三星级</option>
<option value="1" {if $infos.star == 3}selected{/if}>四星级</option>
<option value="1" {if $infos.star == 4}selected{/if}>五星级</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">乙肝两对半:</label>
<div class="layui-input-block" style="width:200px">
<select name="physical" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.physical == 0}selected{/if}>是</option>
<option value="1" {if $infos.physical == 1}selected{/if}>否</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">工资银行卡：</label>
<div class="layui-input-block">
<input type="text" name="bank" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">银行卡号:</label>
<div class="layui-input-block">
<input type="text" name="account" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">社保银行:</label>
<div class="layui-input-block">
<input type="text" name="sbyhk" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">社保账号:</label>
<div class="layui-input-block">
<input type="text" name="social" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">员工苗族：</label>
<div class="layui-input-block">
<input type="text" name="nation" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">属相:</label>
<div class="layui-input-block">
<input type="text" name="sign" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">出行工具:</label>
<div class="layui-input-block">
<input type="text" name="transit" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">服务类别:</label>
<div class="layui-input-block" style="width:200px">
<select id="goods_id" name="goods_id" >
<option value="">请选择员工的部门</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">是否在职：</label>
<div class="layui-input-block" style="width:200px">
<select name="onwork" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.onwork == 0}selected{/if}>离职</option>
<option value="1" {if $infos.onwork == 1}selected{/if}>在职</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否过敏:</label>
<div class="layui-input-block" style="width:200px">
<select name="allergy" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.allergy == 1}selected{/if}>是</option>
<option value="1" {if $infos.allergy == 0}selected{/if}>否</option>
<option value="1" {if $infos.allergy == 2}selected{/if}>未知</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">缴纳社保:</label>
<div class="layui-input-block" style="width:200px">
<select name="security" lay-verType="tips" switch-tab="0">
<option value="1" {if $infos.security == 1}selected{/if}>是</option>
<option value="0" {if $infos.security == 0}selected{/if}>否</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">购买五险:</label>
<div class="layui-input-block" style="width:200px">
<select name="insurances" lay-verType="tips" switch-tab="0">
<option value="1" {if $infos.insurances == 1}selected{/if}>是</option>
<option value="0" {if $infos.insurances == 0}selected{/if}>否</option>
</select>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">员工住址：</label>
<div class="layui-input-block">
<input type="text" name="addr" lay-verType="tips" style="width: 200px;" id="addr" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">服务范围:</label>
<div class="layui-input-block">
<input type="text" name="lnglat" lay-verType="tips" value="" id="lnglat" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">定位精度:</label>
<div class="layui-input-block">
<input type="text" name="store_longitude" lay-verType="tips" value="" id="lon" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">定位维度:</label>
<div class="layui-input-block">
<input type="text" name="store_latitude" lay-verType="tips" style="width: 200px;" value="" id="lat" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">雷达距离:</label>
<div class="layui-input-block">
<input type="text" name="distance" lay-verType="tips" style="width: 50px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between;">
<div class="layui-form-item">
<label class="layui-form-label">登入密码：</label>
<div class="layui-input-block">
<input type="password" name="password" value="123456" lay-verType="tips" style="width: 200px;" id="addr" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工类型:</label>
<div class="layui-input-block" style="width:200px">
<select name="type" lay-verType="tips" switch-tab="0">
<option value="0" {if $infos.type == 0}selected{/if}>服务人员</option>
<option value="1" {if $infos.type == 1}selected{/if}>办公室人员</option>1
<option value="2" {if $infos.type == 2}selected{/if}>管理人员</option>
<option value="3" {if $infos.type == 3}selected{/if}>站长</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">推荐人ID:</label>
<div class="layui-input-block">
<input type="text" name="uid" lay-verType="tips" style="width: 200px;" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">员工分组:</label>
<div class="layui-input-block" style="width:200px">
<select name="grouping_id" lay-verType="tips" switch-tab="0" verify-msg="选择员工分组">
<option value="" >请选择员工的分组</option>
</select>
</div>
</div>
</div>
<div id="tMap" class="layui-hide" style="padding: 10px;margin-left: 3%; width: 100%;position:relative">
<div class="layui-form layuimini-form">
<div class="layui-form-item">
<div class="layui-input-inline">
<input type="text" name="search_key" id="search_key" class="layui-input" placeholder="请输入地名" >
</div>
<button class="layui-btn layui-btn-normal layui-btn-sm searchKey">查询</button>
</div>
</div>
<style type="text/css" media="all">
#container {
width: 100%;
height: 80%;
}
#toolControl {
position: absolute;
top: 10px;
left: 0px;
right: 0px;
margin: auto;
width: 500px;
z-index: 1001;
}
.toolItem {
width: 30px;
height: 30px;
float: left;
margin: 1px;
padding: 4px;
border-radius: 3px;
background-size: 30px 30px;
background-position: 4px 4px;
background-repeat: no-repeat;
box-shadow: 0 1px 2px 0 #e4e7ef;
background-color: #ffffff;
border: 1px solid #ffffff;
}
.toolItem:hover {
border-color: #789cff;
}
.active {
border-color: #d5dff2;
background-color: #d5dff2;
}
.help{
position: absolute;
top: 10px;
left: 85px;
right: 0px;
margin: auto;
width: 500px;
z-index: 1002;
display: flex;
}
.h-i{
width: 40px;
height: 40px;
margin: 1px;
font-size: 12px;
border-radius: 3px;
background-color: #D6E0F1;
display: flex;
color: #005af7;
align-items: center;
justify-content: center;
font-weight: bold;
}
#polygon {
background-image: url('https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/polygon.png');
}
</style>
<div id="maplocation" style="width:1080px;height:600px;"></div>
<div class="help">
<div class="h-i" onclick="onclear()">删除</br>绘制</div>
<div class="h-i" onclick="onhelp()">使用</br>帮助</div>
</div>
<div id="toolControl">
<div class="toolItem active" id="polygon" title="多边形"></div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">注册地区：</label>
<div class="layui-input-inline">
<select name="first_category_id" lay-filter="first_category" lay-verify="custom_required"
lay-verType="tips" switch-tab="0" verify-msg="请选择地区">
<option value="">请选择地区</option>
</select>
</div>
<div class="layui-input-inline">
<select name="second_category_id" lay-filter="second_category" lay-verify="custom_required"
lay-verType="tips" switch-tab="0" verify-msg="请选择地区">
<option value="">请选择地区</option>
</select>
</div>
<div class="layui-input-inline">
<select name="third_category_id" lay-filter="third_category" lay-verify="custom_required"
lay-verType="tips" switch-tab="0" verify-msg="请选择地区">
<option value="">请选择地区</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">保洁技能：</label>
<div class="layui-input-block">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">特长描写：</label>
<div class="layui-input-block">
<textarea type="text" name="remark" autocomplete="off" class="layui-textarea">{$infos.remark}</textarea>
</div>
</div>
<style>
body .layui-ext-yourskin .layui-layer-btn0{
border: 1px solid #dedede;
background-color:#fff;
color: #333;
}
body .layui-ext-yourskin .layui-layer-btn1{
background-color:#1E9FFF;
border-color:#1E9FFF;
color: #fff;
}
</style>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
</div>
</div>
</div>
<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&libraries=service,tools&key=EVOBZ-VX7YU-QKJVR-BVESA-AVFT3-7JBWG"></script>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
var dragstart = 0;
var swop_element_ed = -1;
var create_table_by_spec = null;
var spec_table_data = [];
var spec_value_temp_id_number = 0;
var geocoder = null
var result = []
var map; // 地图
var editor; // 编辑器
var activeType = 'polygon'; // 激活的图形编辑类型
var lnglat_data = null
function onhelp(){
alert('点击左侧图形在地图上单击移动即可绘制图形（双击结束绘制、多边形会自动闭合），按esc键退出绘制。删除绘制(单击选中图形，点击删除绘制即可)')
}
function onclear(){
console.log('oncl',editor);
editor.delete()
result = []
}
// 切换激活图层
document.getElementById('toolControl').addEventListener('click', (e) => {
var id = e.target.id;
if (id !== 'toolControl') {
document.getElementById(activeType).className = 'toolItem';
document.getElementById(id).className = 'toolItem active';
activeType = id;
editor.setActionMode(TMap.tools.constants.EDITOR_ACTION.DRAW)
editor.setActiveOverlay(id);
}
});
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'element', 'jquery', 'like', 'likeedit','laydate'], function () {
var $ = layui.$
,laydate = layui.laydate
,formSelects = layui.formSelects
;
var like = layui.like;
var form = layui.form;
var likeedit = layui.likeedit;
laydate.render({
elem: '#birthday'
,format: 'yyyy-MM-dd'
,trigger: 'click'
});
$('.first_ratio').bind('input propertychange', function() {
var that = $(this);
var value = that.val();
format(that,value)
});
$(document).on('click','#lnglat',function(){
if(!$("#addr").val()){
layer.msg('请先填写用户的地址', { icon: 5, anim: 6 });
return false;
}
var markers = [];
$("#tMap").removeClass('layui-hide');
layer.open({
type:1,
area:["1200px","800px"],
title:"地图标识",
btn: ['取消','确定'],
skin: 'layui-ext-yourskin',
content:layui.jquery('#tMap'),
success:function(){
if(!map){
var path = []
var mode = TMap.tools.constants.EDITOR_ACTION.DRAW
var default_center = new TMap.LatLng(39.986785, 116.301012)
if(lnglat_data){
lnglat_data = lnglat_data.split(',')
function convertToLatLngArray(coordArray) {
var latLngArray = [];
for (var i = 0; i < coordArray.length; i += 2) {
var lat = parseFloat(coordArray[i].trim());
var lng = parseFloat(coordArray[i + 1].trim());
latLngArray.push(new TMap.LatLng(lat, lng));
}
return latLngArray;
}
path = convertToLatLngArray(lnglat_data)
default_center = path[0]
}
map = new TMap.Map('maplocation', {
zoom: 14,
center: default_center,
});
var markers = new TMap.MultiMarker({
map: map,
geometries: [],
});
geocoder = new TMap.service.Geocoder();
searchService = {
search:function(name){
geocoder.getLocation({ address:name })
.then((result) => {
console.log(result,999)
markers.updateGeometries([
{
id: 'main',
position: result.result.location, // 将得到的坐标位置用点标记标注在地图上
},
]);
map.setCenter(result.result.location);
// 显示坐标数值
});
}
}
// start
var polygon = new TMap.MultiPolygon({
map: map,
//多边形数据
geometries: [
{
'id': 'polygon', //该多边形在图层中的唯一标识（删除、更新数据时需要）
'styleId': 'polygon', //绑定样式名
'paths': path, //多边形轮廓
}
]
});
editor = new TMap.tools.GeometryEditor({
// TMap.tools.GeometryEditor 文档地址：https://lbs.qq.com/webApi/javascriptGL/glDoc/glDocEditor
map: map, // 编辑器绑定的地图对象
overlayList: [
{
overlay: polygon,
id: 'polygon',
},
],
actionMode: mode, // 编辑器的工作模式
activeOverlayId: 'marker', // 激活图层
snappable: true, // 开启吸附
selectable:true
});
if(lnglat_data){
setTimeout(function(){
editor.setActiveOverlay('polygon');
editor.setActionMode(TMap.tools.constants.EDITOR_ACTION.INTERACT)
},1000)
}
// 监听绘制结束事件，获取绘制几何图形
editor.on('draw_complete', (geometry) => {
// 判断当前处于编辑状态的图层id是否是overlayList中id为rectangle（矩形）图层
// 判断当前处于编辑状态的图层id是否是overlayList中id为rectangle（矩形）图层
var id = geometry.id;
if (editor.getActiveOverlay().id === 'rectangle') {
// 获取矩形顶点坐标
var geo = rectangle.geometries.filter(function (item) {
return item.id === id;
});
console.log('绘制的矩形定位的坐标：', geo[0].paths);
}
if (editor.getActiveOverlay().id === 'polygon') {
// 获取多边形顶点坐标
var geo = polygon.geometries.filter(function (item) {
return item.id === id;
});
result = (geo[0].paths)
console.log('绘制的所有多边形坐标：', result);
//改变成可编辑状态
editor.setActionMode(TMap.tools.constants.EDITOR_ACTION.INTERACT)
}
});
//end
}
} ,
yes: function(index, layero){
$("#tMap").addClass('layui-hide');
console.log(result,9999)
//do something
layer.close(index); //如果设定了yes回调，需进行手工关闭
},
btn2: function(index, layero){
console.log(result,888)
$('#lnglat').val(result)
$("#tMap").addClass('layui-hide');
layer.close(index)
} //这里content是一个普通的String
});
$(document).on('click','.searchKey',function(){
console.log('代码执行到这里')
var search_key=$("#search_key").val();
searchService.search(search_key);
})
});
//渲染部门
var brands = {$brand_lists | raw};
setBrand();
function setBrand(default_id) {
var brand_select_html = '<option value="">请选择部门的数据</option>';
for (var i in brands) {
brand_select_html += '<option value="' + brands[i]['id'] + '">' + brands[i]['name'] + '</option>';
}
$('select[name="brand_id"]').html(brand_select_html);
$('select[name="brand_id"]').val(default_id);
form.render('select');
}
//渲染员工分组
var grouping = {$grouping_id | raw};
setBranddss();
function setBranddss(default_id) {
var grouping_select_html = '<option value="">请选择分组</option>';
for (var i in grouping) {
grouping_select_html += '<option value="' + grouping[i]['id'] + '">' + grouping[i]['name'] + '</option>';
}
$('select[name="grouping_id"]').html(grouping_select_html);
$('select[name="grouping_id"]').val(default_id);
form.render('select');
}
//渲染部门
var goods = {$goods_id | raw};
//console.log("获取部门所有的内容",goods)
//setBrandds();
function setBrandds(default_id) {
var goods_select_html = '<option value="">请选择部门的数据</option>';
for (var i in goods) {
goods_select_html += '<option value="' + goods[i]['id'] + '">' + goods[i]['name'] + '</option>';
}
$('#goods_id').html(goods_select_html);
if (default_id) {
$('#goods_id').val(default_id);
}
// 更新渲染表单
form.render('select');
}
//分类联动
var categorys = {$category_lists | raw};
setSelectFirst();
function setSelectFirst(default_id) {
var category_select_html = '<option value="">请选择分类</option>';
for (var i in categorys) {
if (categorys[i]['level'] == 1) {
category_select_html += '<option value="' + categorys[i]['id'] + '">' + categorys[i]['name'] + '</option>';
}
}
$('select[name="first_category_id"]').html(category_select_html);
$('select[name="first_category_id"]').val(default_id);
form.render('select');
}
function setSelectSecond(default_id, parent_id) {
parent_id = parent_id === undefined ? $('select[name="first_category_id"]').val() : parent_id;
$('select[name="second_category_id"]').html('<option value="">请选择分类</option>');
$('select[name="third_category_id"]').html('<option value="">请选择分类</option>');
var category_select_html = '<option value="">请选择分类</option>';
for (var i in categorys) {
if (categorys[i]['parent_id'] == parent_id) {
category_select_html += '<option value="' + categorys[i]['id'] + '">' + categorys[i]['name'] + '</option>';
}
}
$('select[name="second_category_id"]').html(category_select_html);
$('select[name="second_category_id"]').val(default_id);
form.render('select');
}
function setSelectThird(default_id, parent_id) {
parent_id = parent_id === undefined ? $('select[name="second_category_id"]').val() : parent_id;
$('select[name="third_category_id"]').html('<option value="">请选择分类</option>');
var first_category_id = $('select[name="first_category_id"]').val();
var category_select_html = '<option value="">请选择分类</option>';
for (var i in categorys) {
if (categorys[i]['parent_id'] == parent_id) {
category_select_html += '<option value="' + categorys[i]['id'] + '">' + categorys[i]['name'] + '</option>';
}
}
$('select[name="third_category_id"]').html(category_select_html);
$('select[name="third_category_id"]').val(default_id);
form.render('select');
}
form.on('select(first_category)', function (data) {
setSelectSecond('', data.value);
});
form.on('select(second_category)', function (data) {
setSelectThird('', data.value);
});
//------------------------价格库存----------------------------------
// 单规格图片
like.imageUpload('.goods-one-spec-img-add', function (uris, element) {
if(uris.length>1){
layer.msg('最多最能选中1张图片');
return;
}
element.hide();
var key = element.parent().parent().parent().attr('spec-value-temp-ids');
spec_table_data["spec_image[]"+key] = uris[0];//保存图片地址
$(element).parent().html('<input name="one_spec_image" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '"><a class="goods-one-spec-img-del-x">x</a><img class="goods-spec-img" src="' + uris[0] + '">');
});
$(document).on('mouseenter', '.goods-spec-img-div', function () {
$(this).find('.goods-one-spec-img-del-x').show();
});
$(document).on('mouseleave', '.goods-spec-img-div', function () {
$(this).find('.goods-one-spec-img-del-x').hide();
});
$(document).on('click', '.goods-one-spec-img-del-x', function () {
$(this).parent().html('<input type="hidden" name="one_spec_image"><img src="/static/common/image/plug/goods-lists-add-image.png" class="goods-one-spec-img-add">');
});
//多规格图片
like.imageUpload('.goods-spec-img-add', function (uris, element) {
if(uris.length>1){
layer.msg('最多最能选中1张图片');
return;
}
element.hide();
var key = element.parent().parent().parent().attr('spec-value-temp-ids');
spec_table_data["spec_image[]"+key] = uris[0];//保存图片地址
$(element).parent().html('<input name="spec_image[]" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '"><a class="goods-spec-img-del-x">x</a><img class="goods-spec-img" src="' + uris[0] + '">');
});
$(document).on('mouseenter', '.goods-spec-img-div', function () {
$(this).find('.goods-spec-img-del-x').show();
});
$(document).on('mouseleave', '.goods-spec-img-div', function () {
$(this).find('.goods-spec-img-del-x').hide();
});
$(document).on('click', '.goods-spec-img-del-x', function () {
var key = 'spec_image[]' + $(this).parent().parent().parent().attr('spec-value-temp-ids');
$(this).parent().html('<input type="hidden" name="spec_image[]"><img src="/static/common/image/plug/goods-lists-add-image.png" class="goods-spec-img-add">');
spec_table_data[key] = '';
});
$(document).on('click', '.goods-spec-img', function () {
like.showImg($(this).attr('src'),600);
});
//规格生成表格
createTableBySepc = function () {
if ($('.goods-spec').size() <= 0) {
$('#more-spec-lists').hide();
return;
}
$('#more-spec-lists').show();
var table_title = [];
var table_data = [];
var spec_value_temp_arr = [];
var i = 0;
var th_html = $('#template-spec-table-th').html();
var tr_html = $('#template-spec-table-tr').html();
//遍历规格项目
$('.goods-spec').each(function () {
var spec_name = $(this).find('.spec_name').first().val();
if (isEmptyString(spec_name)) {
return true;
}
table_title[i] = spec_name;
table_data[i] = [];
spec_value_temp_arr[i] = [];
var j = 0;
$(this).find('.goods-spec-value .goods-spec-value-input').each(function () {
var spec_value = $(this).val();
var spec_value_temp_id = $(this).attr('spec-value-temp-id');
if (isEmptyString(spec_value)) {
return true;
}
table_data[i][j] = spec_value;
spec_value_temp_arr[i][j] = spec_value_temp_id;
j++;
});
i++;
});
table_html = '';
//表格头部组装
spec_th_html = '';
for (var i in table_title) {
spec_th_html += '<th>' + table_title[i] + '</th>';
}
table_html = th_html.replace('{spec_th}', spec_th_html);
spec_value_temp_arr = cartesianProduct(spec_value_temp_arr);
table_data = cartesianProduct(table_data);
for (var i in table_data) {
var spec_tr_html = '';
var tr_name_arr = [];
var specs = '';
if (Array.isArray(table_data[i])) {
//根据规格创建tr的id
var spec_value_temp_ids = '';
for(var j in spec_value_temp_arr[i]){
spec_value_temp_ids += spec_value_temp_arr[i][j]+',';
}
spec_value_temp_ids = spec_value_temp_ids.substring(0, spec_value_temp_ids.lastIndexOf(','));
spec_tr_html += '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
for (var j in table_data[i]) {
spec_tr_html += '<td>' + table_data[i][j] + '</td>';
tr_name_arr[j] = table_data[i][j];
specs += table_data[i][j].replace(',', '') + ',';
}
} else {
var spec_value_temp_ids = spec_value_temp_arr[i];
spec_tr_html = '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
spec_tr_html += '<td>' + table_data[i] + '</td>';
specs += table_data[i].replace(',', '') + ',';
}
specs = specs.substring(0, specs.lastIndexOf(','));
spec_table_data["spec_value_str[]"+spec_value_temp_ids] = specs;
spec_tr_html += '<td style="display: none"><input type="hidden" name="spec_value_str[]" value="' + specs + '"><input type="hidden" name="item_id[]" value=""></td>';
table_html += tr_html.replace('{spec_td}', spec_tr_html);
}
$('#more-spec-lists-table').html(table_html);
setTableValue();
}
//------------------------编辑页面----------------------------------
{notempty name='info'}
var goods_info= {$info|raw|default=''};
console.log(goods_info);
$('input[name="goodss_id"]').val(goods_info['base']['id']);
$('input[name="name"]').val(goods_info['base']['name']);
$('input[name="mobile"]').val(goods_info['base']['mobile']);
$('input[name="jon"]').val(goods_info['base']['jon']);
$('input[name="education"]').val(goods_info['base']['education']);
$('input[name="identity"]').val(goods_info['base']['identity']);
$('input[name="urgent_name"]').val(goods_info['base']['urgent_name']);
$('input[name="urgent_phone"]').val(goods_info['base']['urgent_phone']);
$('input[name="native"]').val(goods_info['base']['native']);
$('input[name="sign"]').val(goods_info['base']['sign']);
$('input[name="mooney"]').val(goods_info['base']['mooney']);
$('input[name="score"]').val(goods_info['base']['score']);
$('input[name="bank"]').val(goods_info['base']['bank']);
$('input[name="account"]').val(goods_info['base']['account']);
$('input[name="addr"]').val(goods_info['base']['addr']);
$('input[name="social"]').val(goods_info['base']['social']);
$('input[name="sbyhk"]').val(goods_info['base']['sbyhk']);
$('input[name="transit"]').val(goods_info['base']['transit']);
$('input[name="distance"]').val(goods_info['base']['distance']);
$('input[name="birthday"]').val(goods_info['base']['birthday']);
$('input[name="nation"]').val(goods_info['base']['nation']);
$('input[name="adder"]').val(goods_info['base']['adder']);
$('input[name="store_longitude"]').val(goods_info['base']['lat']);
$('input[name="lnglat"]').val(goods_info['base']['lnglat']);
$('input[name="store_latitude"]').val(goods_info['base']['lng']);
$("input[name=sex][value="+goods_info['base']['sex']+"]").prop("checked",true); //性别
$("input[name=onwork][value="+goods_info['base']['onwork']+"]").prop("checked",true); //是否离职
setSelectFirst(goods_info['base']['first_category_id']);
setSelectSecond(goods_info['base']['second_category_id']);
setSelectThird(goods_info['base']['third_category_id']);
setBrand(goods_info['base']['group_id']); //部门的修改
setBrandds(goods_info['base']['goods_id']); //部门的修改
setBranddss(goods_info['base']['grouping_id']);
lnglat_data = goods_info['base']['lnglat']
{/notempty}
//------------------------编辑页面----------------------------------
});
</script>

99
application/admin/view/staff/group_add.html Normal file
View File

@@ -0,0 +1,99 @@
{layout name="layout2" /}
<style>
.layui-form-label {
color: #6a6f6c;
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
.tips{
color: red;
}
.goods-li {
float: left;
opacity: 1;
position: relative;
}
.goods-img {
width: 80px;
height: 80px;
padding: 4px;
}
.goods-img-del-x {
position: absolute;
z-index: 100;
top: -4px;
right: -2px;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 16px;
color: #fff;
text-align: center;
cursor: pointer;
background: hsla(0, 0%, 60%, .6);
border-radius: 10px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>分组名称：</label>
<div class="layui-input-inline">
<input type="text" name="name" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">选择站长：</label>
<div class="layui-input-block" style="width: 200px;">
<select id="admin_id" name="admin_id" style="height:80px;width: 80px" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
<option value="" >请选分组的站长</option>
{foreach $staff as $val}
<option value="{$val.id}">{$val.name} </option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">选择组长：</label>
<div class="layui-input-block" style="width: 200px;">
<select id="group_id" name="group_id" style="height:80px;width: 80px" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
<option value="" >请选分组的组长</option>
{foreach $staff as $val}
<option value="{$val.id}">{$val.name} </option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="add-user_level-submit" id="add-user_level-submit" value="确认">
</div>
</div>
<style>
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form','like'], function(){
var $ = layui.$
,form = layui.form
,like = layui.like
,formSelects = layui.formSelects
;
})
</script>

102
application/admin/view/staff/group_edit.html Normal file
View File

@@ -0,0 +1,102 @@
{layout name="layout2" /}
<style>
.layui-form-label {
color: #6a6f6c;
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
.tips{
color: red;
}
.goods-li {
float: left;
opacity: 1;
position: relative;
}
.goods-img {
width: 80px;
height: 80px;
padding: 4px;
}
.goods-img-del-x {
position: absolute;
z-index: 100;
top: -4px;
right: -2px;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 16px;
color: #fff;
text-align: center;
cursor: pointer;
background: hsla(0, 0%, 60%, .6);
border-radius: 10px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
<input type="hidden" name="id" value="{$info.id}">
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>部门名称：</label>
<div class="layui-input-inline">
<input type="text" name="name" value="{$info.name}" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">选择站长：</label>
<div class="layui-input-block" style="width: 200px;">
<select id="admin_id" name="admin_id" style="height:80px;width: 80px" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
<option value="{$info.admin_id}" selected>{$info.staff_name}</option>
{foreach $staff as $val}
<option value="{$val.id}" >{$val.name} </option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">选择组长：</label>
<div class="layui-input-block" style="width: 200px;">
<select id="group_id" name="group_id" style="height:80px;width: 80px" xm-select="privileges" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
<option value="{$info.group_id}" selected>{$info.group_name}</option>
{foreach $group as $val}
<option value="{$val.id}" >{$val.name} </option>
{/foreach}
</select>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="edit-user_level-submit" id="edit-user_level-submit" value="确认">
</div>
</div>
<style>
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form','like'], function(){
var $ = layui.$
,form = layui.form
,like = layui.like
,formSelects = layui.formSelects,
select_id = [{$info.id}];
})
</script>

605
application/admin/view/staff/group_info.html Normal file
View File

@@ -0,0 +1,605 @@
{layout name="layout1" /}
<style>
.layui-table-cell {
height:auto;
}
.goods-content>div:not(:last-of-type) {
border-bottom:1px solid #DCDCDC;
}
.goods-data::after{
display: block;
content: '';
clear: both;
}
.goods_name_hide{
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.operation-btn {
margin: 5px;
}
.table-operate{
text-align: left;
font-size:14px;
padding:0 5px;
height:auto;
overflow:visible;
text-overflow:inherit;
white-space:normal;
word-break: break-all;
}
</style>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<ul class="layui-tab-title">
<li data-type='' class="layui-this">全部状态</li>
</ul>
<div class="layui-tab-item layui-show">
<div class="layui-card">
<div class="layui-card-body">
<table id="order-lists" lay-filter="order-lists"></table>
<script type="text/html" id="state">
{{# if(d.state === 0) { }}
<p style="color:#1E9FFF">正常</p>
{{# } }}
{{# if(d.state === 1) { }}
<p style="color:#ee0000">停止</p>
{{# } }}
</script>
<script type="text/html" id="sex">
{{# if(d.sex === 1) { }}
<p style="color:#1E9FFF">男</p>
{{# } }}
{{# if(d.sex === 2) { }}
<p style="color:#ee0000">女</p>
{{# } }}
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'table', 'like', 'laydate'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, like = layui.like
, element = layui.element
, laydate = layui.laydate;
var listType = '';
//监听搜索
form.on('submit(order-search)', function (data) {
var field = data.field;
//执行重载
table.reload('order-lists', {
where: field,
page: {
curr: 1
}
});
});
//清空查询
form.on('submit(order-clear-search)', function () {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#order_source').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
//刷新列表
table.reload('order-lists', {
where: [],
page: {
curr: 1
}
});
});
//日期时间范围
laydate.render({
elem: '#start_time'
,type: 'datetime'
,trigger: 'click'
});
laydate.render({
elem: '#end_time'
,type: 'datetime'
,trigger: 'click'
});
//获取列表
getList(listType);
//切换列表
element.on('tab(tab-all)', function (data) {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
listType = $(this).attr('data-type');
getList(listType);
if (listType !== ''){
$('.order_status').hide();
}else {
$('.order_status').show();
}
});
function getList(type) {
table.render({
elem: '#order-lists'
, url: '{:url("staff/infolist")}?id='+'{$id}'
, cols: [[
{field:'jon',title: '工号',align: 'center',}
, {field: 'name', title: '员工姓名', align: 'center',templet:'#userinfo'}
, {field: 'mobile', title: '员工电话', align: 'center',templet:'#delivery',}
, {field: 'sex', title: '性别',templet:'#adder',toolbar:'#sex'}
, {field: 'addr', title: '联系地址', align: 'center', templet:'#order',}
,{field: 'transit', title: '出行工具', align: 'center',}
,{field: 'state', title: '接单状态', align: 'center', toolbar:'#state'}
]]
, page: true
, text: {none: '暂无数据！'}
, parseData: function (res) {
return {
"code": res.code,
"msg": res.msg,
"count": res.data.count,
"data": res.data.list,
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
};
//监听工具条
table.on('tool(order-lists)', function (obj) {
var status=obj.data.status;
if(obj.event == 'log'){
var order_sn = obj.data.id;
layer.open({
type: 2
,title: '订单的操作记录'
,content: '{:url("Orderautomatic/orderlog")}?id='+order_sn
,area: ['65%', '65%']
,yes: function(index, layero){
}
})
return
}
if(status==1){
layui.layer.msg('订单已经完成,无法修改订单的状态', {
offset: '15px'
, icon: 2
, time: 1000
},
)
return
};
if(obj.event === 'reserva'){
var status=obj.data.lock;
if(status==1){
layui.layer.msg('请联系管理员解锁订单', {
offset: '15px'
, icon: 2
, time: 1000
},
)
return
};
var id = obj.data.id;
layer.open({
type: 2
,title: '修改订单预约的时间'
,content: '{:url("Orderautomatic/eitdata")}?id='+id
,area: ['55%', '60%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submit = layero.find('iframe').contents().find('#edit-submits');
//监听提交
iframeWindow.layui.form.on('submit(edit-submits)', function(data){
var field = data.field;
if(data.field.end_time==""){
layui.layer.msg('服务日期不能为空', {
offset: '15px'
, icon: 2
, time: 1000
});
return;
}
$.ajax({
url:'{:url("Orderautomatic/eitdata")}?id='+id,
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
})
}
//暂停订单执行
if(obj.event === 'del'){
var status=obj.data.status;
if(status==1){
layui.layer.msg('订单已经完成，无法修改订单状态', {
offset: '15px'
, icon: 2
, time: 1000
},
)
return
};
var id = obj.data.id;
layer.confirm('暂停后订单将不执行，确认暂停订单吗?', {
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("Orderautomatic/dels")}?id='+id
, data: {'order_id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//锁定订单
if(obj.event === 'lock'){
var id = obj.data.id;
layer.confirm('锁定订单后不是超级管理员不能解锁订单？', {
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("Orderautomatic/lock")}?id='+id
, data: {'order_id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//锁定订单
if(obj.event === 'unlock'){
var id = obj.data.id;
layer.confirm('锁定订单后不是超级管理员不能解锁订单？', {
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("Orderautomatic/unlock")}?id='+id
, data: {'order_id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//删除订单
if(obj.event === 'delss'){
var status=obj.data.status;
if(status==1){
layui.layer.msg('订单已经完成，无法删除订单', {
offset: '15px'
, icon: 2
, time: 1000
},
)
return
};
var id = obj.data.id;
layer.confirm('请注意操作订单，订单日志记录更新?',{
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("Orderautomatic/delss")}?id='+id
, data: {'order_id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//删除订单
if(obj.event === 'delss'){
var ids = obj.data.id;
layer.confirm('请注意操作订单，订单日志记录更新?',{
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("Orderautomatic/delss")}?id='+id
, data: {'order_id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//设置订单已完成状态
if(obj.event === 'complete'){
var status=obj.data.status;
if(status==1){
layui.layer.msg('订单已经完成，无法修改状态', {
offset: '15px'
, icon: 2
, time: 1000
},
)
return
};
var id = obj.data.id;
layer.confirm('请注意操作订单，订单日志记录更新?',{
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("Orderautomatic/complete")}?id='+id
, data: {'order_id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//编辑订单
if(obj.event === 'edit'){
var status=obj.data.lock;
var id=obj.data.id;
if(status==1){
layui.layer.msg('请联系管理员解锁订单', {
offset: '15px'
, icon: 2
, time: 1000
},
)
return
};
var index = layer.open({
type: 2
,title: '增加排单预约'
,content: '{:url("Orderautomatic/staff")}?id='+id
,area: ['30%', '60%']
,btn: ['保存', '取消']
,maxmin: true
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'add-user_level-submit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("Orderautomatic/staff")}?id='+id,
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
//取消暂停服务
if(obj.event === 'delsd'){
var status=obj.data.status;
if(status==1){
layui.layer.msg('订单已经完成，无法修改暂停', {
offset: '15px'
, icon: 2
, time: 1000
},
)
return
};
var id = obj.data.id;
layer.confirm('取消暂停后订单将继续执行，确认取消暂停订单吗?', {
btn: ['确认','取消'] //按钮
}, function(){
like.ajax({
url: '{:url("Orderautomatic/delsd")}?id='+id
, data: {'order_id': id}
, type: 'post'
, success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
},function () {
table.reload('order-lists');
});
}
},
});
});
}
//保洁人员备注信息
if(obj.event === 'remarksd'){
var id = obj.data.id;
like.ajax({
url: '{:url("Orderautomatic/remarks")}'
, data: {'id': id}
, type: 'get'
, success: function (res) {
if (res.code === 1) {
layer.prompt({title: '备注信息', formType: 2, value: res.data.order_remarks}, function(value, index){
layer.close(index);
like.ajax({
url: '{:url("Orderautomatic/remarks")}'
, data: {'id': id, "order_remarks": value }
, type: 'post'
, success: function (res) {
if (res.code === 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
table.reload('order-lists');
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
}
}
});
}
//商家备注
if(obj.event === 'remarks') {
like.ajax({
url: '{:url("order/remarks")}'
, data: {'id': id}
, type: 'get'
, success: function (res) {
if (res.code === 1) {
layer.prompt({title: '备注信息', formType: 2, value: res.data.order_remarks}, function(value, index){
layer.close(index);
like.ajax({
url: '{:url("order/remarks")}'
, data: {'id': id, "order_remarks": value }
, type: 'post'
, success: function (res) {
if (res.code === 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
table.reload('order-lists');
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
}
}
});
}
});
});
</script>

231
application/admin/view/staff/group_list.html Normal file
View File

@@ -0,0 +1,231 @@
{layout name="layout1" /}
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*删除员工分组体系，会重新调整员工的信息，请谨慎操作。</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<div class="layui-card">
<div class="layui-card-body">
<div style="padding-bottom: 10px;" class="add">
<button class="layui-btn layui-btn-sm layuiadmin-btn-user_level {$view_theme_color}" data-type="add">新增分组</button>
</div>
<table id="user_level-lists" lay-filter="user_level-lists"></table>
<script type="text/html" id="user_level-operation">
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-normal layui-btn-sm Warning" style="background-color:#ffb800" lay-event="group_info">员工</a>
<a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除</a>
</script>
</div>
</div>
</div>
</div>
</div>
<style>
.layui-table-cell {
height: auto;
}
</style>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index','table','like','form'], function(){
var $ = layui.$
,form = layui.form
,table = layui.table
,like = layui.like
,element = layui.element;
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
$('.layui-btn.layuiadmin-btn-user_level').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
layui.define(['table', 'form'], function(exports){
var $ = layui.$
,table = layui.table
,form = layui.form;
//管理员管理
table.render({
id:'user_level-lists'
,elem: '#user_level-lists'
,url: '{:url("staff/group_list")}' //模拟接口
,cols: [[
{field: 'id', title: 'ID',width:80}
,{field: 'name', title: '分组名称'}
,{field: 'staff_name', title: '站长'}
,{field: 'staff_phone', title: '站长电话'}
,{field: 'group_name', title: '组长'}
,{field: 'group_phone', title: '组长电话'}
,{field: 'create_time', title: '创建时间'}
,{fixed: 'right', title: '操作', width:210,align: 'center', toolbar: '#user_level-operation'}
]]
,page:true
,text: {none: '暂无数据！'}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
return {
"code":res.code,
"msg":res.msg,
"count": res.data.count, //解析数据长度
"data": res.data.lists, //解析数据列表
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
});
//事件
var active = {
add: function(){
var index = layer.open({
type: 2
,title: '增加员工分组名称'
,content: '{:url("staff/group_add")}'
, area: ['40%', '40%']
,btn: ['保存', '取消']
,maxmin: true
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'add-user_level-submit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("staff/group_add")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
}
table.on('tool(user_level-lists)', function(obj) {
var id = obj.data.id;
if (obj.event === 'edit') {
var index = layer.open({
type: 2
, title: '编辑员工分组'
, content: '{:url("staff/group_edit")}?id=' + id
, area: ['20%', '30%']
, btn: ['保存', '取消']
, maxmin: true
, yes: function (index, layero) {
var iframeWindow = window['layui-layer-iframe' + index]
, submitID = 'edit-user_level-submit'
, submit = layero.find('iframe').contents().find('#' + submitID);
//监听提交
iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
var field = data.field;
like.ajax({
url: '{:url("staff/group_edit")}',
data: field,
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
if(obj.event === 'group_info'){
var id = obj.data.id;
layer.open({
type: 2
,title: '分组员工'
,content: '{:url("staff/group_info")}?id='+id
,area: ['60%','70%']
,btn: ['返回']
})
}
if (obj.event === 'del') {
var name = obj.data.name;
layer.confirm('请要删除数据', function (index) {
like.ajax({
url: '{:url("staff/group_del")}',
data: {id: id},
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
layer.close(index);
})
}
})
});
</script>

255
application/admin/view/staff/info.html Normal file
View File

@@ -0,0 +1,255 @@
{layout name="layout2" /}
<style>
.tbody{
margin: 30px;
width: 98%;
margin: 30px auto;
}
.tbody table{border:1px solid #F00}
table, th, td {
border: 1px solid #f2f2f2;
border-collapse: collapse; /* 移除单元格之间的间隔 */
width: 10%;
height: 45px;
padding-left: 10px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_group" id="layuiadmin-form-user_group" >
<div style="padding: 30px;">
<div style="display: flex; width:80%">
<div style="width: 90px; height: 90px; background-color: aqua;"> <img src="{$detail.image}" style="height:90px;width: 90px" class="image-show"></div>
<div style="margin-left: 10px;">
<div style="display: flex; margin-top: 5px;">
<div style="font-size: 16px;">{$detail.name}</div>
</div>
<div style="display: flex; justify-content: space-between; width: 350px; margin-top: 10px; color: #999;">
<div>工号:{$detail.jon}</div>
<div>性别：{$detail.sex}</div>
<div>年龄：25</div>
</div>
<div style="display: flex;width: 350px; margin-top: 10px; color: #999;">
<div>电话:{$detail.mobile}</div>
<div style="color: #000; margin-left: 20px;">地址：{$detail.addr}</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item div-flex">
<fieldset class="layui-elem-field layui-field-title" style="width: 97%; margin: 0 auto;">
</fieldset>
</div>
<div style="margin-left: 1.3%;">基本信息</div>
<div class="layui-form-item div-flex">
<fieldset class="layui-elem-field layui-field-title" style="width: 97%; margin: 12px auto;">
</fieldset>
</div>
<div style="margin-left: 1.3%; display: flex;" >
<div style="background-color: aqua; width: 5px;"></div>
<div style="margin-left: 0.5%;">员工资料</div>
</div>
<div>
<table class="tbody">
<tbody style="border:1px solid #666">
<tr>
<td style="background-color: #e6e6e6;">工号</td>
<td>{$detail.jon}</td>
<td style="background-color: #e6e6e6;">学历</td>
<td>{$detail.education}</td>
<td style="background-color: #e6e6e6;"> 紧急联系人</td>
<td>{$detail.urgent_name}</td>
<td style="background-color: #e6e6e6;">身份证号码</td>
<td>{$detail.identity}</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">姓名</td>
<td>{$detail.name}</td>
<td style="background-color: #e6e6e6;">婚姻状况</td>
<td> {if $detail.marry == 0}是{/if}{if $detail.marry == 1}否{/if}{if $detail.marry == 2}/{/if}</td>
<td style="background-color: #e6e6e6;"> 紧急联系人手机号</td>
<td>{$detail.urgent_phone}</td>
<td style="background-color: #e6e6e6;">健康证有效期</td>
<td>{$detail.birthday}</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">性别</td>
<td>{if $detail.sex == 0}男{/if}{if $detail.sex == 1}女{/if}{if $detail.sex == 2}/{/if}</td>
<td style="background-color: #e6e6e6;">手机号</td>
<td>{$detail.mobile}</td>
<td style="background-color: #e6e6e6;"> 关系</td>
<td>/</td>
<td style="background-color: #e6e6e6;">状态</td>
<td>{if $detail.onwork == 1}在职{/if}{if $detail.onwork == 0}离职{/if}</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">出生日期</td>
<td>/</td>
<td style="background-color: #e6e6e6;">籍贯</td>
<td>{$detail.native}</td>
<td style="background-color: #e6e6e6;"> 推荐人信息</td>
<td>/</td>
<td style="background-color: #e6e6e6;">属相</td>　
<td>{$detail.sign}</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">年龄</td>
<td>/</td>
<td style="background-color: #e6e6e6;">现居住地</td>
<td>{$detail.addr}</td>
<td style="background-color: #e6e6e6;"> 推荐人工号</td>
<td>/</td>
<td style="background-color: #e6e6e6;">隶属部门</td>
<td>/</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">隶属职位</td>
<td>/</td>
<td style="background-color: #e6e6e6;">上级管理</td>
<td>/</td>
<td style="background-color: #e6e6e6;"> 提交来源</td>
<td>/</td>
<td style="background-color: #e6e6e6;">招聘来源</td>
<td>/</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">位置精度</td>
<td>{$detail.lat}</td>
<td style="background-color: #e6e6e6;">位置维度</td>
<td>{$detail.lng}</td>
<td style="background-color: #e6e6e6;"> 雷达距离</td>
<td>{$detail.distance}</td>
<td style="background-color: #e6e6e6;">出行工具</td>
<td>{$detail.transit}</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">工资银行卡</td>
<td>{$detail.bank}</td>
<td style="background-color: #e6e6e6;">银行卡卡号</td>
<td>{$detail.account}</td>
<td style="background-color: #e6e6e6;"> 社保银行卡</td>
<td>{$detail.sbyhk}</td>
<td style="background-color: #e6e6e6;">社保账号</td>
<td>{$detail.social}</td>
</tr>
<tr>
<td style="background-color: #e6e6e6;">乙肝两对半</td>
<td>{if $detail.physical == 1}是{/if}{if $detail.physical == 0}否{/if}</td>
<td style="background-color: #e6e6e6;">是否购买社保</td>
<td>{if $detail.security == 1}是{/if}{if $detail.security == 0}否{/if}</td>
<td style="background-color: #e6e6e6;"> 是否购买工伤保险</td>
<td>{if $detail.insurances == 1}是{/if}{if $detail.onwork == 0}否{/if}</td>
<td style="background-color: #e6e6e6;">是否购买五险</td>
<td>{if $detail.onwork == 1}在职{/if}{if $detail.onwork == 0}否{/if}</td>
</tr>
</tbody>
</table>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index','table','like','element'], function(){
var $ = layui.$
,form = layui.form
,table = layui.table
,like = layui.like
,element = layui.element
,id = {$detail.id};
element.on('tab(tab-all)', function (data) {
var index = data.index;
getList(index);
})
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
getList(0)
function getList(index){
switch (index) {
case 0:
var cols = [
{field: 'order_sn', title: '服务订单号'}
,{field: 'consignee', title: '客户姓名',align: 'center'}
,{field: 'phone', title: '客户电话',align: 'center',}
,{field: 'address', title: '房屋地址',align: 'center',}
,{field: 'createtime',title:'服务时间' ,width: 160}
];
break;
case 1:
var cols = [
{field: 'source_type', title: '来源用途',}
,{field: 'change_amount', title: '变动积分',}
,{field: 'left_amount', title: '剩余积分',}
,{field: 'remark', title: '备注',}
,{field: 'create_time', title: '变动时间',}
];
break;
case 2:
var cols = [
{field: 'source_type', title: '动作',}
,{field: 'change_amount', title: '获得积分',}
,{field: 'remark', title: '备注',}
,{field: 'create_time', title: '变动时间',}
];
break;
case 3:
var cols = [
{field: 'source_type', title: '来源用途',}
,{field: 'change_amount', title: '变动金额',}
,{field: 'left_amount', title: '剩余金额',}
,{field: 'remark', title: '备注',}
,{field: 'create_time', title: '变动时间',}
];
break;
case 4:
var cols = [
{field: 'referrer', title: '直推会员信息',toolbar: '#referrer'}
,{field: 'level_name', title: '会员等级',}
,{field: 'total_order_amount', title: '消费金额',}
,{field: 'account', title: '账户金额',toolbar: '#account'}
];
break;
case 5:
var cols = [
{field: 'contact', title: '联系人',}
,{field: 'telephone', title: '联系手机',}
,{field: 'address', title: '收货地址',}
,{field: 'default', title: '默认地址',}
];
break;
}
table.render({
id:'lists'
,elem: '#lists'
,url: '{:url("staff/getList")}?type='+index+'&user_id='+id //模拟接口
,cols: [cols]
,page:true
,text: {none: '暂无数据！'}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
return {
"code":res.code,
"msg":res.msg,
"count": res.data.count, //解析数据长度
"data": res.data.lists, //解析数据列表
};
}
});
}
})
</script>

595
application/admin/view/staff/lists.html Normal file
View File

@@ -0,0 +1,595 @@
{layout name="layout1" /}
<style>
.layui-table-cell {
height:auto;
}
.goods-content>div:not(:last-of-type) {
border-bottom:1px solid #DCDCDC;
}
.goods-data::after{
display: block;
content: '';
clear: both;
}
.goods_name_hide{
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.operation-btn {
margin: 5px;
}
.table-operate{
text-align: left;
font-size:14px;
padding:0 5px;
height:auto;
overflow:visible;
text-overflow:inherit;
white-space:normal;
word-break: break-all;
}
.user_img{
width: 80px;
height: 80px;
background-color: #666;
}
</style>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*哆啦猫内部员工列表，对员工档案进行编辑，账户调整，资料查看等操作。</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<ul class="layui-tab-title">
<li data-type='' class="layui-this">全部</li>
<li data-type="5">在职人员</li>
<li data-type="1">离职人员</li>
</ul>
<div class="layui-tab-item layui-show">
<div class="layui-card">
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
<div class="layui-row">
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">员工姓名:</label>
<div class="layui-input-block">
<input type="text" name="name" id="name" placeholder="请输入员工姓名"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">手机号码:</label>
<div class="layui-input-block">
<input type="text" name="mobile" id="mobile" placeholder="请输入客户手机号码"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">隶属区域:</label>
<div class="layui-input-block">
<select name="area_id" id="order_type">
<option value="">全部</option>
<option value="520102">南明区</option>
<option value="520103">云岩区</option>
<option value="520111">花溪区</option>
<option value="520112">乌当区</option>
<option value="520113">白云区</option>
<option value="520115">观山湖区</option>
<option value="520122">息烽县</option>
<option value="520123">修文县</option>
<option value="520181">清镇市</option>
</select>
</div>
</div>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">是否结婚:</label>
<div class="layui-input-block">
<select name="marry" id="marry">
<option value="">请选是否结婚</option>
<option value="1">是</option>
<option value="0">否</option>
</select>
</div>
</div>
<br>
<p style="height: 15px;"></p>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">是否过敏:</label>
<div class="layui-input-block">
<select name="allergy" id="allergy">
<option value="">全部</option>
<option value="">请选是否过敏</option>
<option value="0">是</option>
<option value="1">否</option>
</select>
</div>
</div>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">员工性别:</label>
<div class="layui-input-block">
<select name="sex" id="sex">
<option value="">请选员工性别</option>
<option value="1">男</option>
<option value="2">女</option>
</select>
</div>
</div>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">员工分类:</label>
<div class="layui-input-block">
<select name="pid" id="pid">
<option value="">全部</option>
{foreach $type as $item }
<option value="{$item.id}">{$item.name}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">隶属部门:</label>
<div class="layui-input-block">
<select name="group_id" id="group_id">
<option value="">全部</option>
{foreach $type as $item }
<option value="{$item.id}">{$item.name}</option>
{/foreach}
</select>
</div>
</div>
<p style="height: 15px;"></p>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">是否在职:</label>
<div class="layui-input-block">
<select name="onwork" id="onwork">
<option value="">全部</option>
<option value="1">在职</option>
<option value="0">离职</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">入职时间:</label>
<div class="layui-input-inline">
<div class="layui-input-inline" >
<input type="text" name="start_time" class="layui-input" id="start_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-input-inline" style="margin-right: 5px;width: 20px;">
<label class="layui-form-mid">至</label>
</div>
<div class="layui-input-inline">
<input type="text" name="end_time" class="layui-input" id="end_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad {$view_theme_color}" lay-submit
lay-filter="user-search">查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="user-clear-search">清空查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="export-file">导出
</button>
</div>
</div>
</div>
<div class="layui-card-body">
<table id="order-lists" lay-filter="order-lists"></table>
<script type="text/html" id="userimg">
<div class="user_img"></div>
</script>
<script type="text/html" id="userinfo">
<div>姓名：{{d.name}}</div>
<div>电话：{{d.mobile}}</div>
<div>性别：</div>
</script>
<script type="text/html" id="state">
{{# if(d.state === 0) { }}
<p style="color:#1E9FFF">正常</p>
{{# } }}
{{# if(d.state === 1) { }}
<p style="color:#ee0000">停止</p>
{{# } }}
</script>
<script type="text/html" id="user-operation">
<div class="table-operate">
<a class=" layui-btn-primary layui-btn-sm " lay-event="adjust_user" style="display: inline-block;">查看</a>
<a class="layui-btn-primary layui-btn-sm " lay-event="edit" style="display: inline-block; margin-top:10px">编辑</a>
<a class="layui-btn-primary layui-btn-sm " lay-event="adder" style="display: inline-block; margin-top:10px">定位</a>
<a class="layui-btn-primary layui-btn-sm " lay-event="info" style="display: inline-block; margin-top:10px">分值</a>
<a class="layui-btn-primary layui-btn-sm " lay-event="complete" style="display: inline-block; margin-top:10px">日志</a>
<a class="layui-btn-primary layui-btn-sm " lay-event="adjust_level" style="display: inline-block; margin-top:10px;background-color:#ff5722;color:#fff">删除</a>
<div>
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'table', 'like', 'laydate'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, like = layui.like
, element = layui.element
, laydate = layui.laydate;
var listType = '';
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
//监听搜索
form.on('submit(user-search)', function (data) {
var field = data.field;
//执行重载
table.reload('order-lists', {
where: field,
page: {
curr: 1
}
});
});
//清空查询
form.on('submit(order-clear-search)', function () {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#order_source').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
//刷新列表
table.reload('order-lists', {
where: [],
page: {
curr: 1
}
});
});
form.on('submit(send_coupon)', function(data){
layer.open({
type: 2
,title: '增加服务订单'
,content: '{:url("order/add")}'
,area: ['70%', '70%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'user_group-submit'
,submit = layero.find('iframe').contents().find("#add-user_group-submit");
//监听提交
iframeWindow.layui.form.on('submit(add-user_group-submit)', function(data){
var field = data.field;
like.ajax({
url:'{:url("order/add")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists');
}
}
});
});
submit.trigger('click');
}
});
});
// 导出
form.on('submit(export-file)', function(data){
var field = data.field;
$.ajax({
url: '{:url("order/exportFile")}?type=' + listType,
type: 'get',
data: field,
dataType: 'json',
error: function() {
layer.msg('导出超时，请稍后再试!');
},
success: function(res) {
table.exportFile(res.data.exportTitle,res.data.exportData, res.data.exportExt, res.data.exportName);
},
timeout: 15000
});
layer.msg('导出中请耐心等待~');
});
//日期时间范围
laydate.render({
elem: '#start_time'
,type: 'datetime'
,trigger: 'click'
});
laydate.render({
elem: '#end_time'
,type: 'datetime'
,trigger: 'click'
});
//获取列表
getList(listType);
//切换列表
element.on('tab(tab-all)', function (data) {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
listType = $(this).attr('data-type');
getList(listType);
if (listType !== ''){
$('.order_status').hide();
}else {
$('.order_status').show();
}
});
function getList(type) {
table.render({
elem: '#order-lists'
,url: '{:url("staff/lists")}?type=' + type//模拟接口
, cols: [[
{field: 'userinfo', width: 110, title: '员工图像', toolbar: '#userimg'}
,{field: 'user_id', title: '基础信息',align: 'left',width: 280,toolbar: '#userinfo'}
,{field: 'jon', title: '工号',align: 'center',}
,{field: 'group_name', title: ' 隶属部门',align: 'center',}
,{field: 'distance', title: ' 雷达距离(KM)',align: 'center',}
,{field: 'addr', title: '位置定位',}
,{field: 'transit', title: '出行工具',}
,{field: 'updatetime', title: '接单状态',toolbar:'#state'}
,{field: 'number', title: '服务分',}
,{field: 'updatetime', title: '创建时间',}
,{fixed: 'right', title: '操作', width:140, toolbar: '#user-operation'}
]]
, page: true
, limit: 17
, text: {none: '暂无数据！'}
, parseData: function (res) {
return {
"code": res.code,
"msg": res.msg,
"count": res.data.count,
"data": res.data.lists,
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
}
//监听工具条
table.on('tool(order-lists)', function (obj) {
var id = obj.data.id;
if(obj.event === 'edit'){
var id = obj.data.id;
layer.open({
type: 2
,title: '编辑员工资料'
,content: '{:url("staff/edit")}?id='+id
,area: ['90%', '90%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submit = layero.find('iframe').contents().find('#edit-submit');
//监听提交
iframeWindow.layui.form.on('submit(edit-submit)', function(data){
var field = data.field;
$.ajax({
url:'{:url("staff/edit")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user-lists'); //数据刷新
}else{
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
});
}
}
});
});
submit.trigger('click');
}
})
}
if(obj.event === 'info'){
var id = obj.data.id;
layer.open({
type: 2
,title: '服务分调整'
,content: '{:url("staff/staffinfo")}?id='+id
,area: ['90%', '90%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submit = layero.find('iframe').contents().find('#adjust_user-submit');
//监听提交
iframeWindow.layui.form.on('submit(adjust_user-submit)', function(data){
var field = data.field;
$.ajax({
url:'{:url("staff/staffinfo")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists'); //数据刷新
}else{
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
});
}
}
});
});
submit.trigger('click');
}
})
}
if(obj.event === 'adjust_user'){
var id = obj.data.id;
layer.open({
type: 2
,title: '员工基础信息'
,content: '{:url("staff/info")}?id='+id
,area: ['60%','70%']
,btn: ['返回']
})
}
if(obj.event === 'adjust_level'){
var id = obj.data.id;
layer.confirm('确定删除员工', function(index){
$.ajax({
url:'{:url("staff/del")}',
data:{id:id},
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists'); //数据刷新
obj.del();
}
}
});
layer.close(index);
});
}
if(obj.event === 'adder'){
var id = obj.data.id;
layer.open({
type: 2
,title: '编辑地图'
,content: '{:url("staff/adder")}?id='+id
,area: ['50%', '90%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submit = layero.find('iframe').contents().find('#edit-submit');
//监听提交
iframeWindow.layui.form.on('submit(edit-submit)', function(data){
var field = data.field;
field.id = id
$.ajax({
url:'{:url("staff/adder")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists'); //数据刷新
}else{
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
});
}
}
});
});
submit.trigger('click');
}
})
}
});
});
</script>

394
application/admin/view/staff/points.html Normal file
View File

@@ -0,0 +1,394 @@
{layout name="layout1" /}
<style>
.layui-table-cell {
height:auto;
}
.goods-content>div:not(:last-of-type) {
border-bottom:1px solid #DCDCDC;
}
.goods-data::after{
display: block;
content: '';
clear: both;
}
.goods_name_hide{
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.operation-btn {
margin: 5px;
}
.table-operate{
text-align: left;
font-size:14px;
padding:0 5px;
height:auto;
overflow:visible;
text-overflow:inherit;
white-space:normal;
word-break: break-all;
}
</style>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*员工积分记录，后台无法将删除</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<ul class="layui-tab-title">
<li data-type='' class="layui-this">全部</li>
</ul>
<div class="layui-tab-item layui-show">
<div class="layui-card">
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
<div class="layui-row">
<div class="layui-inline">
<label class="layui-form-label">保洁师：</label>
<div class="layui-input-inline">
<select id="staff_id" name="staff_id" style="height:80px;width: 80px" >
<option value="" selected>请选择服务保洁师</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">类型：</label>
<div class="layui-input-inline">
<select id="staff_id" name="staff_id" style="height:80px;width: 80px" >
<option value="" selected>请选择记录类型</option>
<option value="1" >增加</option>
<option value="2" >减少</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">增加时间:</label>
<div class="layui-input-inline">
<div class="layui-input-inline" >
<input type="text" name="start_time" class="layui-input" id="start_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-input-inline" style="margin-right: 5px;width: 20px;">
<label class="layui-form-mid">至</label>
</div>
<div class="layui-input-inline">
<input type="text" name="end_time" class="layui-input" id="end_time"
placeholder="" autocomplete="off">
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad {$view_theme_color}" lay-submit
lay-filter="user-search">查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="user-clear-search">清空查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="export-file">导出
</button>
</div>
</div>
</div>
<div class="layui-card-body">
<table id="order-lists" lay-filter="order-lists"></table>
<script type="text/html" id="status">
{{# if(d.type === 0) { }}
<p style="color:#1E9FFF">减少</p>
{{# } }}
{{# if(d.type === 1) { }}
<p style="color:#ee0000">增加</p>
{{# } }}
</script>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'table', 'like', 'laydate'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, like = layui.like
, element = layui.element
, laydate = layui.laydate;
var listType = '';
$('.layui-btn.layuiadmin-btn-user_level').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
//监听搜索
form.on('submit(user-search)', function (data) {
var field = data.field;
//执行重载
table.reload('order-lists', {
where: field,
page: {
curr: 1
}
});
});
//清空查询
form.on('submit(order-clear-search)', function () {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#order_source').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
//刷新列表
table.reload('order-lists', {
where: [],
page: {
curr: 1
}
});
});
// 导出
form.on('submit(export-file)', function(data){
var field = data.field;
$.ajax({
url: '{:url("order/exportFile")}?type=' + listType,
type: 'get',
data: field,
dataType: 'json',
error: function() {
layer.msg('导出超时，请稍后再试!');
},
success: function(res) {
table.exportFile(res.data.exportTitle,res.data.exportData, res.data.exportExt, res.data.exportName);
},
timeout: 15000
});
layer.msg('导出中请耐心等待~');
});
//日期时间范围
laydate.render({
elem: '#start_time'
,type: 'datetime'
,trigger: 'click'
});
laydate.render({
elem: '#end_time'
,type: 'datetime'
,trigger: 'click'
});
//获取列表
getList(listType);
//切换列表
element.on('tab(tab-all)', function (data) {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
listType = $(this).attr('data-type');
getList(listType);
if (listType !== ''){
$('.order_status').hide();
}else {
$('.order_status').show();
}
});
function getList(type) {
table.render({
elem: '#order-lists'
,url: '{:url("staff/points")}?type=' + type//模拟接口
, cols: [[
{type: 'checkbox'}
,{field: 'staff_name', title: '员工姓名',align: 'center'}
,{field: 'staff_mobile', title: '员工电话',align: 'center'}
,{field: 'bdjf', title: '服务分变化',align: 'center'}
,{field: 'staff_name', title: '类型',align: 'center',toolbar: '#status'}
,{field: 'staff_number', title: '剩余服务分',align: 'center'}
,{field: 'type_name', title: '变动说明',align: 'center'}
,{field: 'add_time', title: '创建时间',align: 'center'}
]]
, page: true
, limit: 17
, text: {none: '暂无数据！'}
, parseData: function (res) {
return {
"code": res.code,
"msg": res.msg,
"count": res.data.count,
"data": res.data.lists,
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
}
var active = {
add: function(){
var index = layer.open({
type: 2
,title: '增加员工罚款'
,content: '{:url("Fine/add")}'
, area: ['60%', '60%']
,btn: ['保存', '取消']
,maxmin: true
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'add-user_level-submit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("Fine/add")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
}
//监听工具条
table.on('tool(order-lists)', function (obj) {
var id = obj.data.id;
if(obj.event === 'edit'){
var id = obj.data.id;
layer.open({
type: 2
,title: '编辑罚款'
,content: '{:url("Fine/edit")}?id='+id
,area: ['60%', '65%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submit = layero.find('iframe').contents().find('#edit-submit');
//监听提交
iframeWindow.layui.form.on('submit(edit-submit)', function(data){
var field = data.field;
$.ajax({
url:'{:url("Fine/edit")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('order-lists'); //数据刷新
}else{
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
});
}
}
});
});
submit.trigger('click');
}
})
}
if(obj.event === 'del'){
var id = obj.data.id;
layer.confirm('确定删除罚款', function(index){
$.ajax({
url:'{:url("fine/del")}',
data:{id:id},
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user-lists'); //数据刷新
obj.del();
}
}
});
layer.close(index);
});
}
});
});
</script>

116
application/admin/view/staff/staff_beeadd.html Normal file
View File

@@ -0,0 +1,116 @@
{layout name="layout2" /}
<style>
.layui-form-label {
color: #6a6f6c;
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
.tips{
color: red;
}
.goods-li {
float: left;
opacity: 1;
position: relative;
}
.goods-img {
width: 80px;
height: 80px;
padding: 4px;
}
.goods-img-del-x {
position: absolute;
z-index: 100;
top: -4px;
right: -2px;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 16px;
color: #fff;
text-align: center;
cursor: pointer;
background: hsla(0, 0%, 60%, .6);
border-radius: 10px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>分组名称：</label>
<div class="layui-input-inline">
<input type="text" name="name" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="add-user_level-submit" id="add-user_level-submit" value="确认">
</div>
</div>
<style>
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form','like'], function(){
var $ = layui.$
,form = layui.form
,like = layui.like
,formSelects = layui.formSelects
;
//上传图片
like.imageUpload('.goods-img-add', function (uri, element) {
if(uri.length>1){
layer.msg('最多最能选中1张图片');
return;
}
var html = '<div class="goods-li">\n' +
'<img class="goods-img" ' +
'src="' + uri[0] + '">' +
'<a class="goods-img-del-x" style="display: none">x</a>' +
'</div>';
element.prev().val(like.getUrlFileName(uri[0], '{$storageUrl}'));
element.parent().append(html);
element.css('display','none');
}, true);
//删除图片
$(document).on('click', '.goods-img-del-x', function () {
$(this).parent().siblings('input').val('');
$(this).parent().prev().css('display','block');
$(this).parent().remove();
});
//显示图片
$(document).on('click', '.goods-img', function () {
var image = $(this).attr('src');
like.showImg(image,600);
});
// 删除按钮的显示与隐藏
$(document).on('mouseover', '.goods-img', function () {
$(this).next().show();
});
$(document).on('mouseout', '.goods-img', function () {
$(this).next().hide();
});
$(document).on('mouseover', '.goods-img-del-x', function () {
$(this).show();
});
$(document).on('mouseout', '.goods-img-del-x', function () {
$(this).hide();
});
//三级联动
formSelects.value('privilege',select_id);
})
</script>

49
application/admin/view/staff/staff_beedit.html Normal file
View File

@@ -0,0 +1,49 @@
{layout name="layout2" /}
<style>
.layui-form-item .layui-input-inline {
width: 270px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-role" id="layuiadmin-form-role" style="padding: 20px 30px 0 0;">
<input type="hidden" name="id" value="{$info.id}">
<div class="layui-form-item">
<label class="layui-form-label">名称</label>
<div class="layui-input-inline">
<input type="text" name="name" value="{$info.name}" lay-verify="required" lay-vertype="tips" placeholder="请输入名称" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">权限</label>
<div class="layui-input-block">
<div id="test12" class="demo-tree-more"></div>
</div>
</div>
<div class="layui-form-item layui-hide">
<button class="layui-btn" lay-submit lay-filter="edit-role-submit" id="edit-role-submit">提交</button>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form','tree'], function(){
var $ = layui.$
,form = layui.form
,tree = layui.tree;
var data ={$auth_tree|raw};
tree.render({
elem: '#test12'
,data: data
,showCheckbox: true //是否显示复选框
,id: 'auth'
,isJump: true //是否允许点击节点时弹出新窗口跳转
});
})
</script>

216
application/admin/view/staff/staff_bellist.html Normal file
View File

@@ -0,0 +1,216 @@
{layout name="layout1" /}
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*删除员工分组时，会重新调整对应员工的分组，请谨慎操作。</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<div class="layui-card">
<div class="layui-card-body">
<div style="padding-bottom: 10px;" class="add">
<button class="layui-btn layui-btn-sm layuiadmin-btn-user_level {$view_theme_color}" data-type="add">新增员工分组</button>
</div>
<table id="user_level-lists" lay-filter="user_level-lists"></table>
<script type="text/html" id="image">
<img src="{{d.image}}" style="height:auto;width: auto" class="image-show">
</script>
<script type="text/html" id="background">
<img src="{{d.background_image}}" style="height:auto;width: auto" class="image-show">
</script>
<script type="text/html" id="user_level-operation">
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除</a>
</script>
</div>
</div>
</div>
</div>
</div>
<style>
.layui-table-cell {
height: auto;
}
</style>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index','table','like','form'], function(){
var $ = layui.$
,form = layui.form
,table = layui.table
,like = layui.like
,element = layui.element;
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
$('.layui-btn.layuiadmin-btn-user_level').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
layui.define(['table', 'form'], function(exports){
var $ = layui.$
,table = layui.table
,form = layui.form;
//管理员管理
table.render({
id:'user_level-lists'
,elem: '#user_level-lists'
,url: '{:url("staff/staff_bellist")}' //模拟接口
,cols: [[
{field: 'id', title: 'ID',width:80}
,{field: 'name', title: '分组名称'}
,{field: 'rloe', title: '权限名称'}
,{field: 'createtime', title: '增加时间'}
,{fixed: 'right', title: '操作', width:160,align: 'center', toolbar: '#user_level-operation'}
]]
,page:true
,text: {none: '暂无数据！'}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
return {
"code":res.code,
"msg":res.msg,
"count": res.data.count, //解析数据长度
"data": res.data.lists, //解析数据列表
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
});
//事件
var active = {
add: function(){
var index = layer.open({
type: 2
,title: '添加员工分组'
,content: '{:url("staff/staff_beeadd")}'
, area: ['30%', '30%']
,btn: ['保存', '取消']
,maxmin: true
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'add-user_level-submit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("staff/staff_beeadd")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
}
table.on('tool(user_level-lists)', function(obj) {
var id = obj.data.id;
if (obj.event === 'edit') {
var index = layer.open({
type: 2
, title: '编辑员工分组'
, content: '{:url("staff/staff_beedit")}?id=' + id
, area: ['90%', '90%']
, btn: ['保存', '取消']
, maxmin: true
, yes: function (index, layero) {
var iframeWindow = window['layui-layer-iframe' + index]
, submitID = 'edit-role-submit'
, submit = layero.find('iframe').contents().find('#' + submitID);
//监听提交
iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
var field = data.field;
like.ajax({
url: '{:url("staff/staff_beedit")}',
data: field,
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
if (obj.event === 'del') {
var name = obj.data.name;
layer.confirm('确定删除分组', function (index) {
like.ajax({
url: '{:url("staff/staff_beedel")}',
data: {id: id},
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
layer.close(index);
})
}
})
});
</script>

226
application/admin/view/staff/staff_notice.html Normal file
View File

@@ -0,0 +1,226 @@
{layout name="layout1" /}
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*设置员工端的公告，增加、修改、删除操作。</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<div class="layui-card">
<div class="layui-card-body">
<div style="padding-bottom: 10px;" class="add">
<button class="layui-btn layui-btn-sm layuiadmin-btn-user_level {$view_theme_color}" data-type="add">增加公告</button>
</div>
<table id="user_level-lists" lay-filter="user_level-lists"></table>
<script type="text/html" id="user_level-operation">
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-sm" id="adjust_level" lay-event="adjust_level">删除</a>
</script>
</div>
</div>
</div>
</div>
</div>
<style>
.layui-table-cell {
height: auto;
}
</style>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index','table','like','form'], function(){
var $ = layui.$
,form = layui.form
,table = layui.table
,like = layui.like
,element = layui.element;
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
$('.layui-btn.layuiadmin-btn-user_level').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
layui.define(['table', 'form'], function(exports){
var $ = layui.$
,table = layui.table
,form = layui.form;
//管理员管理
table.render({
id:'user_level-lists'
,elem: '#user_level-lists'
,url: '{:url("staff/staff_notice")}' //模拟接口
,cols: [[
{type: 'checkbox'}
,{field: 'id', width: 60, title: 'ID', sort: true,}
,{field: 'title', title: '公告标题',}
,{field: 'introduction', title: '公告简介'}
,{field: 'time', title: '创建时间',}
,{fixed: 'right', title: '操作', width: 140,toolbar: '#user_level-operation'}
]]
,page:true
,text: {none: '暂无数据！'}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
return {
"code":res.code,
"msg":res.msg,
"count": res.data.count, //解析数据长度
"data": res.data.lists, //解析数据列表
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
});
//事件
var active = {
add: function(){
var index = layer.open({
type: 2
,title: '添加员工分组'
,content: '{:url("staff/staff_noticeadd")}'
,area: ['40%', '50%']
,btn: ['保存', '取消']
,maxmin: true
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'add-user_level-submit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("staff/staff_noticeadd")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
}
table.on('tool(user_level-lists)', function(obj) {
var id = obj.data.id;
if(obj.event === 'edit'){
var id = obj.data.id;
layer.open({
type: 2
,title: '修改员工公告'
,content: '{:url("staff/staff_noticedit")}?id='+id
,area: ['40%', '50%']
,btn: ['确定', '取消']
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submit = layero.find('iframe').contents().find('#edit-submit');
//监听提交
iframeWindow.layui.form.on('submit(edit-submit)', function(data){
var field = data.field;
$.ajax({
url:'{:url("staff/staff_noticedit")}?id='+id,
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}else{
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
});
}
}
});
});
submit.trigger('click');
}
})
}
if(obj.event === 'adjust_level'){
var id = obj.data.id;
layer.confirm('确定删除员工端公告', function(index){
$.ajax({
url:'{:url("staff/staff_noticedel")}',
data:{id:id},
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
obj.del();
}
}
});
layer.close(index);
});
}
})
});
</script>

117
application/admin/view/staff/staff_noticeadd.html Normal file
View File

@@ -0,0 +1,117 @@
{layout name="layout2" /}
<style>
.layui-form-label {
color: #6a6f6c;
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
.tips{
color: red;
}
.goods-li {
float: left;
opacity: 1;
position: relative;
}
.goods-img {
width: 80px;
height: 80px;
padding: 4px;
}
.goods-img-del-x {
position: absolute;
z-index: 100;
top: -4px;
right: -2px;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 16px;
color: #fff;
text-align: center;
cursor: pointer;
background: hsla(0, 0%, 60%, .6);
border-radius: 10px;
}
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="margin-right:20px">
<div class="layui-form-item" style="margin-top:20px">
<label class="layui-form-label">公告标题：</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verType="tips" placeholder="请输入公告的标题" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">简介：</label>
<div class="layui-input-block">
<textarea name="introduction" placeholder="请输入公告内容简介" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">内容：</label>
<div class="layui-input-block">
<textarea name="connect" placeholder="请输入公告内容" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="add-user_level-submit" id="add-user_level-submit" value="确认">
</div>
</div>
<style>
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index','table','like','laydate'], function(){
var $ = layui.$
,form = layui.form
,table = layui.table
,like = layui.like
, laydate = layui.laydate;
//监听搜索
form.on('submit(user-search)', function(data){
var field = data.field;
//执行重载
table.reload('user-lists', {
where: field,
page: {
curr: 1 //重新从第 1 页开始
}
});
});
// 导出
});
</script>

106
application/admin/view/staff/staff_noticedit.html Normal file
View File

@@ -0,0 +1,106 @@
{layout name="layout2" /}
<style>
.layui-form-label {
color: #6a6f6c;
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
.tips{
color: red;
}
.goods-li {
float: left;
opacity: 1;
position: relative;
}
.goods-img {
width: 80px;
height: 80px;
padding: 4px;
}
.goods-img-del-x {
position: absolute;
z-index: 100;
top: -4px;
right: -2px;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 16px;
color: #fff;
text-align: center;
cursor: pointer;
background: hsla(0, 0%, 60%, .6);
border-radius: 10px;
}
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="margin-right:20px">
<input type="hidden" name="id" value="{$noticeinfo.id}">
<div class="layui-form-item" style="margin-top:20px">
<label class="layui-form-label">公告标题：</label>
<div class="layui-input-block">
<input type="text" name="title" lay-verType="tips" value="{$noticeinfo.title}" autocomplete="off" switch-tab="0" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">简介：</label>
<div class="layui-input-block">
<textarea name="introduction" placeholder="请输入公告内容简介" class="layui-textarea">{$noticeinfo.introduction}</textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">内容：</label>
<div class="layui-input-block">
<textarea name="connect" placeholder="请输入公告内容" class="layui-textarea">{$noticeinfo.connect}</textarea>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
</div>
</div>
<style>
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form','like'], function(){
var $ = layui.$
,form = layui.form
,like = layui.like
,formSelects = layui.formSelects,
select_id = [{$noticeinfo.id}];
})
</script>

116
application/admin/view/staff/staff_typeadd.html Normal file
View File

@@ -0,0 +1,116 @@
{layout name="layout2" /}
<style>
.layui-form-label {
color: #6a6f6c;
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
.tips{
color: red;
}
.goods-li {
float: left;
opacity: 1;
position: relative;
}
.goods-img {
width: 80px;
height: 80px;
padding: 4px;
}
.goods-img-del-x {
position: absolute;
z-index: 100;
top: -4px;
right: -2px;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 16px;
color: #fff;
text-align: center;
cursor: pointer;
background: hsla(0, 0%, 60%, .6);
border-radius: 10px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>类别名称：</label>
<div class="layui-input-inline">
<input type="text" name="name" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="add-user_level-submit" id="add-user_level-submit" value="确认">
</div>
</div>
<style>
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form','like'], function(){
var $ = layui.$
,form = layui.form
,like = layui.like
,formSelects = layui.formSelects
;
//上传图片
like.imageUpload('.goods-img-add', function (uri, element) {
if(uri.length>1){
layer.msg('最多最能选中1张图片');
return;
}
var html = '<div class="goods-li">\n' +
'<img class="goods-img" ' +
'src="' + uri[0] + '">' +
'<a class="goods-img-del-x" style="display: none">x</a>' +
'</div>';
element.prev().val(like.getUrlFileName(uri[0], '{$storageUrl}'));
element.parent().append(html);
element.css('display','none');
}, true);
//删除图片
$(document).on('click', '.goods-img-del-x', function () {
$(this).parent().siblings('input').val('');
$(this).parent().prev().css('display','block');
$(this).parent().remove();
});
//显示图片
$(document).on('click', '.goods-img', function () {
var image = $(this).attr('src');
like.showImg(image,600);
});
// 删除按钮的显示与隐藏
$(document).on('mouseover', '.goods-img', function () {
$(this).next().show();
});
$(document).on('mouseout', '.goods-img', function () {
$(this).next().hide();
});
$(document).on('mouseover', '.goods-img-del-x', function () {
$(this).show();
});
$(document).on('mouseout', '.goods-img-del-x', function () {
$(this).hide();
});
//三级联动
formSelects.value('privilege',select_id);
})
</script>

117
application/admin/view/staff/staff_typeedit.html Normal file
View File

@@ -0,0 +1,117 @@
{layout name="layout2" /}
<style>
.layui-form-label {
color: #6a6f6c;
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
.tips{
color: red;
}
.goods-li {
float: left;
opacity: 1;
position: relative;
}
.goods-img {
width: 80px;
height: 80px;
padding: 4px;
}
.goods-img-del-x {
position: absolute;
z-index: 100;
top: -4px;
right: -2px;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 16px;
color: #fff;
text-align: center;
cursor: pointer;
background: hsla(0, 0%, 60%, .6);
border-radius: 10px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
<input type="hidden" name="id" value="{$detail.id}">
<div class="layui-form-item">
<label class="layui-form-label"><span class="tips">*</span>服务类别：</label>
<div class="layui-input-inline">
<input type="text" name="name" value="{$detail.name}" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="edit-user_level-submit" id="edit-user_level-submit" value="确认">
</div>
</div>
<style>
.layui-form-label {
width: 100px;
}
.layui-input-block {
margin-left: 130px;
}
</style>
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form','like'], function(){
var $ = layui.$
,form = layui.form
,like = layui.like
,formSelects = layui.formSelects,
select_id = [{$detail.id}];
//上传图片
like.imageUpload('.goods-img-add', function (uri, element) {
if(uri.length>1){
layer.msg('最多最能选中1张图片');
return;
}
var html = '<div class="goods-li">\n' +
'<img class="goods-img" ' +
'src="' + uri[0] + '">' +
'<a class="goods-img-del-x" style="display: none">x</a>' +
'</div>';
element.prev().val(like.getUrlFileName(uri[0], '{$storageUrl}'));
element.parent().append(html);
element.css('display','none');
}, true);
//删除图片
$(document).on('click', '.goods-img-del-x', function () {
$(this).parent().siblings('input').val('');
$(this).parent().prev().css('display','block');
$(this).parent().remove();
});
//显示图片
$(document).on('click', '.goods-img', function () {
var image = $(this).attr('src');
like.showImg(image,600);
});
// 删除按钮的显示与隐藏
$(document).on('mouseover', '.goods-img', function () {
$(this).next().show();
});
$(document).on('mouseout', '.goods-img', function () {
$(this).next().hide();
});
$(document).on('mouseover', '.goods-img-del-x', function () {
$(this).show();
});
$(document).on('mouseout', '.goods-img-del-x', function () {
$(this).hide();
});
//三级联动
formSelects.value('privilege',select_id);
})
</script>

211
application/admin/view/staff/staff_typelist.html Normal file
View File

@@ -0,0 +1,211 @@
{layout name="layout1" /}
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*删除员工类别时，会重新调整对应员工服务的类别，请谨慎操作。</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<div class="layui-card">
<div class="layui-card-body">
<div style="padding-bottom: 10px;" class="add">
<button class="layui-btn layui-btn-sm layuiadmin-btn-user_level {$view_theme_color}" data-type="add">新增服务类别</button>
</div>
<table id="user_level-lists" lay-filter="user_level-lists"></table>
<script type="text/html" id="image">
<img src="{{d.image}}" style="height:auto;width: auto" class="image-show">
</script>
<script type="text/html" id="background">
<img src="{{d.background_image}}" style="height:auto;width: auto" class="image-show">
</script>
<script type="text/html" id="user_level-operation">
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="del">删除</a>
</script>
</div>
</div>
</div>
</div>
</div>
<style>
.layui-table-cell {
height: auto;
}
</style>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index','table','like','form'], function(){
var $ = layui.$
,form = layui.form
,table = layui.table
,like = layui.like
,element = layui.element;
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
$('.layui-btn.layuiadmin-btn-user_level').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
layui.define(['table', 'form'], function(exports){
var $ = layui.$
,table = layui.table
,form = layui.form;
//管理员管理
table.render({
id:'user_level-lists'
,elem: '#user_level-lists'
,url: '{:url("staff/staff_typelist")}' //模拟接口
,cols: [[
{field: 'id', title: 'ID',width:80}
,{field: 'name', title: '服务名称'}
,{field: 'createtime', title: '增加时间'}
,{fixed: 'right', title: '操作', width:160,align: 'center', toolbar: '#user_level-operation'}
]]
,page:true
,text: {none: '暂无数据！'}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
return {
"code":res.code,
"msg":res.msg,
"count": res.data.count, //解析数据长度
"data": res.data.lists, //解析数据列表
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
});
//事件
var active = {
add: function(){
var index = layer.open({
type: 2
,title: '添加服务类别'
,content: '{:url("staff/staff_typeadd")}'
, area: ['30%', '30%']
,btn: ['保存', '取消']
,maxmin: true
,yes: function(index, layero){
var iframeWindow = window['layui-layer-iframe'+ index]
,submitID = 'add-user_level-submit'
,submit = layero.find('iframe').contents().find('#'+ submitID);
//监听提交
iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
var field = data.field;
like.ajax({
url:'{:url("staff/staff_typeadd")}',
data:field,
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
}
table.on('tool(user_level-lists)', function(obj) {
var id = obj.data.id;
if (obj.event === 'edit') {
var index = layer.open({
type: 2
, title: '编辑服务类别'
, content: '{:url("staff/staff_typeedit")}?id=' + id
, area: ['30%', '30%']
, btn: ['保存', '取消']
, maxmin: true
, yes: function (index, layero) {
var iframeWindow = window['layui-layer-iframe' + index]
, submitID = 'edit-user_level-submit'
, submit = layero.find('iframe').contents().find('#' + submitID);
//监听提交
iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
var field = data.field;
like.ajax({
url: '{:url("staff/staff_typeedit")}',
data: field,
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
});
submit.trigger('click');
}
});
}
if (obj.event === 'del') {
var name = obj.data.name;
layer.confirm('确定删除服务类别', function (index) {
like.ajax({
url: '{:url("staff/staff_typedel")}',
data: {id: id},
type: "post",
success: function (res) {
if (res.code == 1) {
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user_level-lists'); //数据刷新
}
}
});
layer.close(index);
})
}
})
});
</script>

70
application/admin/view/staff/staffinfo.html Normal file
View File

@@ -0,0 +1,70 @@
{layout name="layout2" /}
<style>
.layui-form-label{
width: 90px;
}
</style>
<div class="layui-form" lay-filter="layuiadmin-form-user" id="layuiadmin-form-user" style="padding: 20px 30px 0 0;">
<input type="hidden" value="{$info.id}" name="id">
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-tab layui-tab-card">
<ul class="layui-tab-title">
<li class="layui-this">服务分调整</li>
</ul>
<div class="layui-tab-content" >
<div class="layui-tab-item layui-show " >
<div class="layui-form-item">
<label class="layui-form-label">当前服务分：</label>
<div class="layui-input-inline">
<label class="layui-form-mid">{$info.number}</label>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">服务分增减：</label>
<div class="layui-input-block">
<input type="radio" name="money_handle" value="1" title="服务分增加">
<input type="radio" name="money_handle" value="0" title="扣减服务分">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">调整服务分：</label>
<div class="layui-input-inline">
<input type="text" name="money" value="" lay-verify="" lay-vertype="tips" placeholder="" autocomplete="off" class="layui-input">
<label class="layui-form-mid layui-word-aux">请输入调整的用户每次积分</label>
</div>
<label class="layui-form-mid">个</label>
</div>
<div class="layui-form-item">
<label class="layui-form-label">备注：</label>
<div class="layui-input-block">
<textarea type="text" name="money_remark" autocomplete="off" class="layui-textarea" style="width: 30%;"></textarea>
<label class="layui-form-mid layui-word-aux" style="margin-left: 10px;">不超过100字</label>
</div>
</div>
</div>
<div class="layui-tab-item">
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item layui-hide">
<input type="button" lay-submit lay-filter="adjust_user-submit" id="adjust_user-submit" value="确认">
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form'], function(){
var $ = layui.$
,form = layui.form ;
})
</script>

290
application/admin/view/staff/wages.html Normal file
View File

@@ -0,0 +1,290 @@
{layout name="layout1" /}
<style>
.layui-table-cell {
height:auto;
}
.goods-content>div:not(:last-of-type) {
border-bottom:1px solid #DCDCDC;
}
.goods-data::after{
display: block;
content: '';
clear: both;
}
.goods_name_hide{
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.operation-btn {
margin: 5px;
}
.table-operate{
text-align: left;
font-size:14px;
padding:0 5px;
height:auto;
overflow:visible;
text-overflow:inherit;
white-space:normal;
word-break: break-all;
}
</style>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-body">
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
<div class="layui-colla-item">
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
<div class="layui-colla-content layui-show">
<p>*员工工资内容，统计员工服务内容，请勿删除</p>
<p>*员工提交的报销、加时、物料等想要审批才可以显示</p>
</div>
</div>
</div>
</div>
<div class="layui-tab layui-tab-card" lay-filter="tab-all">
<ul class="layui-tab-title">
<li data-type='' class="layui-this">全部</li>
{foreach $goods_brand as $val}
<li data-type='{$val.id}'>{$val.name}</li>
{/foreach}
</ul>
<div class="layui-tab-item layui-show">
<div class="layui-card">
<div class="layui-form layui-card-header layuiadmin-card-header-auto">
<div class="layui-row">
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">员工姓名:</label>
<div class="layui-input-block">
<select name="staff_id" v-model="selectedOptions" multiple :limit="2" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
<option value="">请选择</option>
{foreach $staff as $val}
<option value="{$val.id}">{$val.name}</option>
{/foreach}
</select>
</div>
</div>
<div class="layui-inline" style="width: 24%;">
<label class="layui-form-label">员工电话:</label>
<div class="layui-input-block">
<input type="text" name="phone" id="phone" placeholder="请输入客户电话"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">日期查询:</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="start_time" name="start_time" autocomplete="off">
</div>
</div>
<div class="layui-inline">
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad {$view_theme_color}" lay-submit
lay-filter="user-search">查询
</button>
<button class="layui-btn layui-btn-sm layuiadmin-btn-ad layui-btn-primary " lay-submit
lay-filter="user-clear-search">清空查询
</button>
</div>
</div>
</div>
<div class="layui-card-body">
<table id="order-lists" lay-filter="order-lists"></table>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
layui.config({
version:"{$front_version}",
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'table', 'like', 'laydate'], function () {
var $ = layui.$
, form = layui.form
, table = layui.table
, like = layui.like
, element = layui.element
, laydate = layui.laydate;
var listType = '';
//图片放大
$(document).on('click', '.image-show', function () {
var src = $(this).attr('src');
like.showImg(src,600);
});
//监听搜索
form.on('submit(user-search)', function (data) {
var field = data.field;
//执行重载
table.reload('order-lists', {
where: field,
page: {
curr: 1
}
});
});
//清空查询
form.on('submit(order-clear-search)', function () {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#order_source').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
//刷新列表
table.reload('order-lists', {
where: [],
page: {
curr: 1
}
});
});
// 导出
form.on('submit(export-file)', function(data){
var field = data.field;
$.ajax({
url: '{:url("order/exportFile")}?type=' + listType,
type: 'get',
data: field,
dataType: 'json',
error: function() {
layer.msg('导出超时，请稍后再试!');
},
success: function(res) {
table.exportFile(res.data.exportTitle,res.data.exportData, res.data.exportExt, res.data.exportName);
},
timeout: 15000
});
layer.msg('导出中请耐心等待~');
});
//日期时间范围
laydate.render({
elem: '#start_time'
,type: 'datetime'
,trigger: 'click'
});
laydate.render({
elem: '#end_time'
,type: 'datetime'
,trigger: 'click'
});
//获取列表
getList(listType);
//切换列表
element.on('tab(tab-all)', function (data) {
$('#keyword').val('');
$('#order_status').val('');
$('#goods_name').val('');
$('#pay_way').val('');
$('#order_type').val('');
$('#start_time').val('');
$('#end_time').val('');
$('#delivery_type').val('');
form.render('select');
listType = $(this).attr('data-type');
getList(listType);
if (listType !== ''){
$('.order_status').hide();
}else {
$('.order_status').show();
}
});
function getList(type) {
table.render({
elem: '#order-lists'
,url: '{:url("staff/wages")}?type=' + type//模拟接口
, cols: [[
{type: 'checkbox'}
,{field: 'name', title: '员工姓名',align: 'center',}
,{field: 'mobile', title: '员工电话',align: 'center',}
,{field: 'total_orders', title: '服务总订单',align: 'center',}
,{field: 'sw_orders', title: '上午订单',align: 'center',}
,{field: 'xw_orders', title: '下午订单',align: 'center',}
,{field: 'finance', title: ' 财务报销',align: 'center',}
,{field: 'sw_addtimes', title: ' 上午加时',align: 'center',}
,{field: 'xw_addtimes', title: ' 下午加时',align: 'center',}
,{field: 'leaves', title: ' 请假天数',align: 'center',}
,{field: 'attendance', title: ' 出勤天数',align: 'center',}
,{field: 'fine', title: '罚款金额',align: 'center',}
,{field: 'abnormal', title: '异常订单',align: 'center',}
,{field: 'annual', title: '年卡订单',align: 'center',}
,{field: 'erp_staff', title: '物料金额',align: 'center',}
]]
, page: true
, limit: 17
, text: {none: '暂无数据！'}
, parseData: function (res) {
return {
"code": res.code,
"msg": res.msg,
"count": res.data.count,
"data": res.data.lists,
};
}
,done: function(res, curr, count){
// 解决操作栏因为内容过多换行问题
$(".layui-table-main tr").each(function (index, val) {
$($(".layui-table-fixed-l .layui-table-body tbody tr")[index]).height($(val).height());
$($(".layui-table-fixed-r .layui-table-body tbody tr")[index]).height($(val).height());
});
}
});
}
//监听工具条
table.on('tool(order-lists)', function (obj) {
var id = obj.data.id;
if(obj.event === 'del'){
var id = obj.data.id;
layer.confirm('确定要删除员工的工资吗？', function(index){
$.ajax({
url:'{:url("staff/wagesdel")}',
data:{id:id},
type:"post",
success:function(res)
{
if(res.code == 1)
{
layui.layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
});
layer.close(index); //关闭弹层
table.reload('user-lists'); //数据刷新
obj.del();
}
}
});
layer.close(index);
});
}
});
});
</script>