app/views/educode_sales/assessments/new.html.erb in educode_sales-0.7.7 vs app/views/educode_sales/assessments/new.html.erb in educode_sales-0.7.8
- old
+ new
@@ -1,39 +1,31 @@
<div class="layui-form layuimini-form" lay-filter="new_assessment">
<div class="layui-form-item" style="padding: 25px">
-<!-- month-->
-<!-- <div class="layui-inline">-->
-<!-- <label class="layui-form-label required">月份</label>-->
-<!-- <div class="layui-input-inline">-->
-<!-- <input type="text" lay-verify="required" class="layui-input" id="new_week_month" autocomplete="off" name="month">-->
-<!-- </div>-->
-<!-- </div>-->
-
<div class="layui-form-item" style="padding: 25px">
<div class="layui-inline">
<label class="layui-form-label required ">考核指标</label>
<div class="layui-input-inline">
- <select name="assessment" lay-verify="required" >
-<!-- <option value="0" selected ></option>-->
+ <select name="assessment" lay-verify="required" lay-filter="new_assessment_id" >
+ <option value="0" selected ></option>
<option value="1">签单金额</option>
<option value="2">回款金额</option>
<option value="3">拜访量</option>
<option value="4">新增商机数</option>
</select>
</div>
- </div>
+ </div>
<div class="layui-inline">
<label class="layui-form-label required">考核人员</label>
- <div class="layui-input-inline" style="width: 500px">
- <%#= select_tag "business_id", options_for_select(@businesses, @business&.id), {"lay-verify": "required", include_blank: true} %>
- <div class="layui-input-inline" >
- <%= select_tag "staff_id", options_for_select(@staffs, params[:staff_id]), { 'lay-filter': 'staff_id', include_blank: true, 'lay-verify': 'required' } %>
+ <div class="layui-input-inline" >
+ <div class="layui-input-inline">
+ <div id="staffs" class="xm-select-demo"></div>
</div>
</div>
- </div></div>
+ </div>
+ </div>
<div class="layui-form-item" style="padding: 25px">
<div class="layui-inline" >
<label class="layui-form-label required ">年度</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="add_assessments_year" name="assessment_year" autocomplete="off" lay-verify="required">
@@ -42,203 +34,240 @@
<div class="layui-inline">
<label class="layui-form-label">业务目标</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" disabled value="" name="annual" autocomplete="off" placeholder="自动计算" id="annual">
</div>
- <div class="layui-input-inline">万</div>
+ <div class="label1 layui-input-inline">万</div>
+ <div class="label2 layui-input-inline layui-hide">个</div>
</div>
</div>
<div class="layui-form-item" style="padding: 25px">
- <div class="layui-row" >
+<!-- 根据考核要求更换单位-->
+ <div class="layui-row " >
<div class="layui-col-md3">
<div class="layui-input-inline">
- <label class="layui-form-label ">第一季度(万)</label>
- <div class="layui-input-block" style="width: 500px;">
+ <label class="label1 layui-form-label ">第一季度(万)</label>
+ <label class="label2 layui-form-label layui-hide">第一季度(个)</label>
+ <div class="layui-input-block " style="width: 200px;">
<input type="text" name="first_quarter" value="" autocomplete="off" class="layui-input" placeholder="自动计算" disabled id="quarter1" >
</div>
</div>
<div class="layui-input-inline ">
- <label class="layui-form-label ">1月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="january" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month1" onkeyup="sum()">
+ <label class="label1 layui-form-label ">1月(万)</label>
+ <label class="label2 layui-form-label layui-hide">1月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="january" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month1" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">2月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="february" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month2" onkeyup="sum()" >
+ <label class="label1 layui-form-label ">2月(万)</label>
+ <label class="label2 layui-form-label layui-hide">2月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="february" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month2" onkeyup="sum()" >
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">3月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="march" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month3" onkeyup="sum()">
+ <label class="label1 layui-form-label ">3月(万)</label>
+ <label class="label2 layui-form-label layui-hide">3月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="march" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month3" onkeyup="sum()">
</div>
</div>
</div>
<div class="layui-col-md3">
<div class="layui-input-inline">
- <label class="layui-form-label ">第二季度(万)</label>
- <div class="layui-input-block" style="width: 500px;">
+ <label class="label1 layui-form-label ">第二季度(万)</label>
+ <label class="label2 layui-form-label layui-hide">第二季度(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
<input type="text" name="second_quarter" value="" autocomplete="off" class="layui-input" placeholder="自动计算" disabled id="quarter2" onkeyup="sum()" >
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">4月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="april" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month4" onkeyup="sum()">
+ <label class="label1 layui-form-label ">4月(万)</label>
+ <label class="label2 layui-form-label layui-hide">4月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="april" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month4" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">5月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="may" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month5" onkeyup="sum()">
+ <label class="label1 layui-form-label ">5月(万)</label>
+ <label class="label2 layui-form-label layui-hide">5月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="may" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month5" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">6月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="june" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month6" onkeyup="sum()">
+ <label class="label1 layui-form-label ">6月(万)</label>
+ <label class="label2 layui-form-label layui-hide">6月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="june" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month6" onkeyup="sum()">
</div>
</div>
</div>
<div class="layui-col-md3">
<div class="layui-input-inline">
- <label class="layui-form-label ">第三季度(万)</label>
- <div class="layui-input-block" style="width: 500px;">
+ <label class="label1 layui-form-label ">第三季度(万)</label>
+ <label class="label2 layui-form-label layui-hide">第三季度(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
<input type="text" name="third_quarter" value="" autocomplete="off" class="layui-input" placeholder="自动计算" disabled id="quarter3" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">7月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="july" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month7" onkeyup="sum()">
+ <label class="label1 layui-form-label ">7月(万)</label>
+ <label class="label2 layui-form-label layui-hide">7月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="july" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month7" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">8月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="august" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month8" onkeyup="sum()">
+ <label class="label1 layui-form-label ">8月(万)</label>
+ <label class="label2 layui-form-label layui-hide">8月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="august" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month8" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">9月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="september" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month9" onkeyup="sum()">
+ <label class="label1 layui-form-label ">9月(万)</label>
+ <label class="label2 layui-form-label layui-hide">9月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="september" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month9" onkeyup="sum()">
</div>
</div>
</div>
<div class="layui-col-md3">
<div class="layui-input-inline">
- <label class="layui-form-label ">第四季度(万)</label>
- <div class="layui-input-block" style="width: 500px;">
+ <label class="label1 layui-form-label ">第四季度(万)</label>
+ <label class="label2 layui-form-label layui-hide">第四季度(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
<input type="text" name="fourth_quarter" value="" autocomplete="off" class="layui-input" placeholder="自动计算" disabled id="quarter4" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">10月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="october" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month10" onkeyup="sum()">
+ <label class="label1 layui-form-label ">10月(万)</label>
+ <label class="label2 layui-form-label layui-hide">10月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="october" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month10" onkeyup="sum()">
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">11月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="november" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month11" onkeyup="sum()" >
+ <label class="label1 layui-form-label ">11月(万)</label>
+ <label class="label2 layui-form-label layui-hide">11月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="november" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month11" onkeyup="sum()" >
</div>
</div>
<div class="layui-input-inline">
- <label class="layui-form-label ">12月(万)</label>
- <div class="layui-input-block" style="width: 500px;">
- <input type="text" name="december" value="" autocomplete="off" class="layui-input" lay-verify="number" id="month12" onkeyup="sum()">
+ <label class="label1 layui-form-label ">12月(万)</label>
+ <label class="label2 layui-form-label layui-hide">12月(个)</label>
+ <div class="layui-input-block" style="width: 200px;">
+ <input type="text" name="december" value="" autocomplete="off" class="layui-input" lay-verify="number|data" id="month12" onkeyup="sum()">
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item m-t-20">
<div class="layui-input-block">
- <button type="submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="add_task_assessment">提交</button>
-<!-- <button type="submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="cancel_add_assessment">取消</button>-->
+ <button type="submit" class="layui-btn layui-btn-normal" lay-submit lay-filter="add_task_assessment" id="add_task_assessment">提交</button>
</div>
</div>
</div>
+
</div>
+
<script>
+ // 单独写在这里配合upen(才实现打开open时清空select中数据)
+ // staffs(select多选)
+ // 因为new是弹出层 所以可以获取index页面的gon.demo数据
+ var test = gon.demo;
+ var staffs = xmSelect.render({
+ el: '#staffs',
+ data: test,
+ // 向后端传输的name值
+ name: 'staffs_ids'
+ });
+</script>
+
+
+
+<script>
+
+
+
+
layui.use(['form', 'table', 'laytpl', 'request', 'laydate'], function () {
var form = layui.form,
layer = layui.layer,
table = layui.table,
request = layui.request,
laydate = layui.laydate,
$ = layui.$;
+
+
+ // 自定义校验数据
+ form.verify({
+ data: function (value,item){
+ if (parseFloat(value) < 0 ){
+ console.log(value);
+ return "数据不能小于零"
+ }
+ }
+ })
+
+
+ // time
laydate.render({
elem: '#add_assessments_year',
type: 'year',
+ value: <%=Time.now.year %>
});
form.on('submit(add_task_assessment)', function (data) {
console.log(data)
- console.log($("#demo1").val())
- request.authPost("missions/assessments", data.field, function (res) {
- if (res.success == false) {
- layer.alert(res.msg)
- } else {
- // 增加成功 退出并重新reload_table ------------有问题
- layer.closeAll();
- layer.alert("添加成功");
- table.reload("assessments");
- }
- })
- return false;
+ console.log(data.field)
+ // console.log($("#demo1").val())
+ var staffs_selectArr = staffs.getValue();
+ if ( staffs_selectArr.length === 0 ) {
+ alert("请选择员工！！！");
+ } else {
+ request.authPost("missions/assessments", data.field, function (res) {
+ if (res.success == false) {
+ layer.alert(res.msg)
+ } else {
+ layer.closeAll();
+ layer.alert("添加成功");
+ table.reload("assessments");
+ }
+ });
+ return false;
+ }
});
+ // 根据考核要求更换单位
+ form.on('select(new_assessment_id)', function (data){
+ console.log(data.value)
+ // 默认 签单金额 回款金额
+ if (data.value in ["2 ","1","0"]) {
+ // 默认 签单金额 回款金额
+ $(".label1").removeClass('layui-hide')
+ $(".label2").addClass('layui-hide')
+ } else {
+ // 新增商机 拜访量
+ $(".label1").addClass('layui-hide')
+ $(".label2").removeClass('layui-hide')
+ }
+ })
- // // que xiao
- // form.on('submit(cancel_add_assessment)', function (data) {
- // layer.closeAll();
- // return false;
- // });
- // form.on('submit(cancel_add_assessment)', function (data){
- // console.log(data.field);
- // form.val('new_assessment',{
- // first_quarter: '1',
- // february: '1',
- // march: '1',
- // second_quarter: '1',
- // april: '1',
- // may: '1',
- // june: '1',
- // third_quarter: '1',
- // august: '1',
- // september: '1',
- // fourth_quarter: '1',
- // october: '1',
- // november: '1',
- // december: '1',
- // annual: '1',
- // staff_id: '1'
- // });
- // layer.closeAll();
- // layer.alert("取消成功");
- // return false;
- // });
-
-
-
-
-
-
});
</script>
@@ -305,6 +334,13 @@
document.getElementById('quarter3').value = parseInt(month7)+parseInt(month8)+parseInt(month9)
document.getElementById('quarter4').value = parseInt(month10)+parseInt(month11)+parseInt(month12)
document.getElementById('annual').value = parseInt(month1)+parseInt(month2)+parseInt(month3)+parseInt(month4)+
parseInt(month5)+parseInt(month6)+parseInt(month7)+parseInt(month8)+parseInt(month9)+parseInt(month10)+parseInt(month11)+parseInt(month12)
}
+
+
+
+
+
+
+
</script>
\ No newline at end of file