educode_sales 0.1.0

data/app/views/educode_sales/operation_plans/_monthly.html.erb

@@ -0,0 +1,284 @@
+<script type="text/html" id="monthlyToolbar">
+  <div class="layui-btn-container">
+    <span class="table-label">月报列表</span>
+    <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn pull-right" lay-event="add"> 添加月报</button>
+  </div>
+</script>
+<!--搜索-->
+<form class="layui-form layui-form-pane" action="">
+  <div class="layui-form-item">
+    <div class="layui-inline">
+      <label class="layui-form-label">人员</label>
+      <div class="layui-input-inline">
+        <select name="quiz">
+          <option value="">请选择</option>
+          <option value="010">A类</option>
+          <option value="021">B类</option>
+          <option value="0571">C类</option>
+          <option value="0572">D类</option>
+        </select>
+      </div>
+    </div>
+    <div class="layui-inline">
+      <label class="layui-form-label">年度</label>
+      <div class="layui-input-inline">
+        <select name="quiz">
+          <option value="">请选择</option>
+          <option value="010">北京</option>
+          <option value="021">上海</option>
+          <option value="0571">杭州</option>
+        </select>
+      </div>
+    </div>
+    <div class="layui-inline">
+      <label class="layui-form-label">月份</label>
+      <div class="layui-input-inline">
+        <select name="quiz">
+          <option value="">请选择</option>
+          <option value="010">北京</option>
+          <option value="021">上海</option>
+          <option value="0571">杭州</option>
+        </select>
+      </div>
+    </div>
+    <div class="layui-inline">
+      <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-reset-btn">重置
+      </button>
+      <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn">检索
+      </button>
+    </div>
+  </div>
+</form>
+<table class="layui-hide" id="monthlyTable" lay-filter="currentTableFilter4"></table>
+
+<script type="text/html" id="currentTableBar">
+  <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="show">查看</a>
+  <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>
+  <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>
+</script>
+
+
+<script>
+    layui.use(['form', 'table', 'miniPage', 'element', 'rate'], function () {
+        var $ = layui.jquery,
+            form = layui.form,
+            table = layui.table,
+            rate = layui.rate,
+            miniPage = layui.miniPage;
+
+        table.render({
+            elem: '#monthlyTable',
+            // url: 'api/table.json',
+            toolbar: '#monthlyToolbar',
+            defaultToolbar: [],
+            cols: [
+                [
+                    {
+                        field: 'id',
+                        width: 80,
+                        title: '序号'
+                    },
+                    {
+                        field: 'username',
+                        width: 100,
+                        title: '姓名'
+                    },
+                    {
+                        field: 'rate',
+                        width: 100,
+                        title: '完成率',
+                    },
+                    {
+                        field: 'customer',
+                        width: 100,
+                        title: '运营教师'
+                    },
+                    {
+                        field: 'sumUp',
+                        width: 300,
+                        title: '个人总结',
+                    },
+                    {
+                        field: 'area',
+                        width: 180,
+                        title: '大区',
+                        templet: function (d) {
+                            return '<div id="star4"></div>'
+                        }
+                    },
+                    {
+                        field: 'zong',
+                        width: 180,
+                        title: '总监',
+                        templet: function (d) {
+                            return '<div id="star5"></div>'
+                        }
+                    },
+                    {
+                        field: 'fu',
+                        width: 180,
+                        title: '副总',
+                        templet: function (d) {
+                            return '<div id="star6"></div>'
+                        }
+                    },
+                    {
+                        title: '操作',
+                        minWidth: 350,
+                        toolbar: '#currentTableBar',
+                        align: "center",
+                        fixed: 'right'
+                    }
+                ]
+            ], done: function (res) {
+                //星级
+                rate.render({//循环设置评分
+                    elem: '#star4'//给不同的id的rate绑定不同的值
+                    , length: 5            //星星个数
+                    , half: true           //支持半颗星
+                    , readonly: true      //只读
+                });
+                rate.render({//循环设置评分
+                    elem: '#star5'//给不同的id的rate绑定不同的值
+                    , length: 5            //星星个数
+                    , half: true           //支持半颗星
+                    , readonly: true      //只读
+                });
+                rate.render({//循环设置评分
+                    elem: '#star6'//给不同的id的rate绑定不同的值
+                    , length: 5            //星星个数
+                    , half: true           //支持半颗星
+                    , readonly: true      //只读
+                });
+
+            },
+            data: [{
+                "id": "1",
+                "username": "段小龙",
+                "rate": "90%",
+                "customer": "12",
+                "money": "128",
+                "sumUp": "院长当面汇报一次",
+                "area": "※",
+                "zong": "※",
+                "fu": "※",
+            }],
+            limits: [10, 15, 20, 25, 50, 100],
+            limit: 15,
+            page: true,
+            skin: 'line'
+        });
+
+        // 监听搜索操作
+        form.on('submit(data-search-btn)', function (data) {
+            var result = JSON.stringify(data.field);
+            layer.alert(result, {
+                title: '最终的搜索信息'
+            });
+
+            //执行搜索重载
+            table.reload('currentTableId', {
+                page: {
+                    curr: 1
+                },
+                where: {
+                    searchParams: result
+                }
+            }, 'data');
+
+            return false;
+        });
+
+        /**
+         * toolbar事件监听
+         */
+        table.on('toolbar(currentTableFilter4)', function (obj) {
+            if (obj.event === 'add') { // 监听添加操作
+                var content = miniPage.getHrefContent('/educode_sales/operation_plans/new_monthly');
+                var openWH = miniPage.getOpenWidthHeight();
+                var index = layer.open({
+                    title: '添加月报',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                    success: function (layero, index) {
+                        // 重新渲染弹层中的下拉选择框select
+                        form.render('select');
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+            } else if (obj.event === 'delete') { // 监听删除操作
+                var checkStatus = table.checkStatus('currentTableId'),
+                    data = checkStatus.data;
+                layer.alert(JSON.stringify(data));
+            }
+        });
+
+        //监听表格复选框选择
+        table.on('checkbox(currentTableFilter4)', function (obj) {
+            console.log(obj)
+        });
+
+        table.on('tool(currentTableFilter4)', function (obj) {
+            var data = obj.data;
+            if (obj.event === 'edit') {
+
+                var content = miniPage.getHrefContent('/educode_sales/operation_plans/edit_monthly');
+                var openWH = miniPage.getOpenWidthHeight();
+
+                var index = layer.open({
+                    title: '编辑用户',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                    success: function (layero, index) {
+                        // 重新渲染弹层中的下拉选择框select
+                        form.render('select');
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+                return false;
+            } else if (obj.event === 'delete') {
+                layer.confirm('真的删除行么', function (index) {
+                    obj.del();
+                    layer.close(index);
+                });
+            } else if (obj.event === 'show') {
+
+                content = miniPage.getHrefContent('/educode_sales/operation_plans/show_monthly');
+                openWH = miniPage.getOpenWidthHeight();
+                index = layer.open({
+                    title: '编辑用户',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                    success: function (layero, index) {
+                        // 重新渲染弹层中的下拉选择框select
+                        form.render('select');
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+                return false;
+            }
+        });
+
+    });
+</script>

data/app/views/educode_sales/operation_plans/_weekPlan.html.erb

@@ -0,0 +1,291 @@
+<script type="text/html" id="weekPlanToolbar">
+  <div class="layui-btn-container">
+    <span class="table-label">周计划列表</span>
+    <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn pull-right" lay-event="add"> 添加计划</button>
+  </div>
+</script>
+<!--搜索-->
+<form class="layui-form layui-form-pane" action="">
+  <div class="layui-form-item">
+    <div class="layui-inline">
+      <label class="layui-form-label">人员</label>
+      <div class="layui-input-inline">
+        <select name="quiz">
+          <option value="">请选择</option>
+          <option value="010">A类</option>
+          <option value="021">B类</option>
+          <option value="0571">C类</option>
+          <option value="0572">D类</option>
+        </select>
+      </div>
+    </div>
+    <div class="layui-inline">
+      <label class="layui-form-label">年度</label>
+      <div class="layui-input-inline">
+        <select name="quiz">
+          <option value="">请选择</option>
+          <option value="010">北京</option>
+          <option value="021">上海</option>
+          <option value="0571">杭州</option>
+        </select>
+      </div>
+    </div>
+    <div class="layui-inline">
+      <label class="layui-form-label">月份</label>
+      <div class="layui-input-inline">
+        <select name="quiz">
+          <option value="">请选择</option>
+          <option value="010">北京</option>
+          <option value="021">上海</option>
+          <option value="0571">杭州</option>
+        </select>
+      </div>
+    </div>
+    <div class="layui-inline">
+      <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-reset-btn">重置
+      </button>
+      <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn">检索
+      </button>
+    </div>
+  </div>
+</form>
+
+<table class="layui-hide" id="weekPlanTable" lay-filter="currentTableFilter1"></table>
+
+<script type="text/html" id="currentTableBar">
+  <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="show">查看</a>
+  <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>
+  <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete">删除</a>
+</script>
+
+<script type="text/html" id="show_follow">
+  <a href="javascript:void(0);" lay-event="show_follow" class="layui-table-link">{{ d.follow }}</a>
+</script>
+
+<script>
+    layui.use(['form', 'table', 'miniPage', 'element'], function () {
+        var $ = layui.jquery,
+            form = layui.form,
+            table = layui.table,
+            miniPage = layui.miniPage;
+
+        table.render({
+            elem: '#weekPlanTable',
+            // url: 'api/table.json',
+            toolbar: '#weekPlanToolbar',
+            defaultToolbar: [],
+            cols: [
+                [
+                    {
+                        field: 'id',
+                        width: 80,
+                        title: '序号'
+                    },
+                    {
+                        field: 'username',
+                        width: 100,
+                        title: '姓名'
+                    },
+                    {
+                        field: 'chance',
+                        width: 100,
+                        title: '教师姓名',
+                    },
+                    {
+                        field: 'company',
+                        width: 100,
+                        title: '单位'
+                    },
+                    {
+                        field: 'dep',
+                        width: 100,
+                        title: '部门'
+                    },
+                    {
+                        field: 'week',
+                        width: 100,
+                        title: '周次',
+                    },
+                    {
+                        field: 'plan',
+                        width: 300,
+                        title: '计划内容',
+                    },
+                    {
+                        field: 'follow',
+                        width: 100,
+                        title: '跟进',
+                        templet: '#show_follow'
+                    },
+                    {
+                        field: 'rate',
+                        width: 100,
+                        title: '完成率',
+                    },
+                    {
+                        field: 'updateTime',
+                        width: 150,
+                        title: '更新时间',
+                        sort: true,
+                    },
+                    {
+                        title: '操作',
+                        minWidth: 280,
+                        toolbar: '#currentTableBar',
+                        align: "center",
+                        fixed: 'right'
+                    }
+                ]
+            ],
+            data: [{
+                "id": "1",
+                "username": "丁亚莲",
+                "chance": "老王",
+                "company": "中南大学",
+                "dep": "计算机学院",
+                "week": "2021-33周",
+                "plan": "对接决策人",
+                "follow": "120",
+                "rate": "100%",
+                "updateTime": "2021-07-27",
+            }],
+            limits: [10, 15, 20, 25, 50, 100],
+            limit: 15,
+            page: true,
+            skin: 'line'
+        });
+        // 监听搜索操作
+        form.on('submit(data-search-btn)', function (data) {
+            var result = JSON.stringify(data.field);
+            layer.alert(result, {
+                title: '最终的搜索信息'
+            });
+
+            //执行搜索重载
+            table.reload('currentTableId', {
+                page: {
+                    curr: 1
+                },
+                where: {
+                    searchParams: result
+                }
+            }, 'data');
+
+            return false;
+        });
+
+        /**
+         * toolbar事件监听
+         */
+        table.on('toolbar(currentTableFilter1)', function (obj) {
+            if (obj.event === 'add') { // 监听添加操作
+                var content = miniPage.getHrefContent('/educode_sales/operation_plans/new_week');
+                var openWH = miniPage.getOpenWidthHeight();
+                var index = layer.open({
+                    title: '添加计划',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                    success: function (layero, index) {
+                        // 重新渲染弹层中的下拉选择框select
+                        form.render('select');
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+            } else if (obj.event === 'delete') { // 监听删除操作
+                var checkStatus = table.checkStatus('currentTableId'),
+                    data = checkStatus.data;
+                layer.alert(JSON.stringify(data));
+            }
+        });
+
+
+        table.on('tool(currentTableFilter1)', function (obj) {
+            var data = obj.data;
+            var id = data.id
+            if (obj.event === 'delete') {
+                layer.confirm('真的删除行么', function (index) {
+                    obj.del();
+                    layer.close(index);
+                });
+            } else if (obj.event === 'show') {
+                content = miniPage.getHrefContent('/educode_sales/operation_plans/show_week');
+                openWH = miniPage.getOpenWidthHeight();
+                index = layer.open({
+                    title: '查看',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                    success: function (layero, index) {
+                        $("#show_chance1").val(data.chance);
+                        $("#show_plan1").val(data.plan);
+                        $("#show_rate1").val(data.rate);
+                        $("#show_week1").val(data.week);
+                        // 重新渲染弹层中的下拉选择框select
+                        form.render('select');
+                    },
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+                return false;
+            } else if (obj.event === 'edit') {
+                content = miniPage.getHrefContent('/educode_sales/operation_plans/edit_week');
+                openWH = miniPage.getOpenWidthHeight();
+                index = layer.open({
+                    title: '编辑',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                    success: function (layero, index) {
+                        $("#edit_chance1").val(data.chance);
+                        $("#edit_plan1").val(data.plan);
+                        $("#edit_rate1").val(data.rate);
+                        $("#edit_week1").val(data.week);
+                        // 重新渲染弹层中的下拉选择框select
+                        form.render('select');
+                    },
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+                return false;
+            } else if (obj.event === 'show_follow') {
+                content = miniPage.getHrefContent('/educode_sales/businesses/show_follow');
+                openWH = miniPage.getOpenWidthHeight();
+                index = layer.open({
+                    title: 'xxxx/跟进记录',
+                    type: 1,
+                    shade: 0.2,
+                    maxmin: true,
+                    shadeClose: true,
+                    area: [openWH[0] + 'px', openWH[1] + 'px'],
+                    offset: [openWH[2] + 'px', openWH[3] + 'px'],
+                    content: content,
+                    success: function (layero, index) {
+                        // 重新渲染弹层中的下拉选择框select
+                        // form.render('select');
+                    }
+                });
+                $(window).on("resize", function () {
+                    layer.full(index);
+                });
+            }
+        });
+
+    });
+</script>