educode_sales 0.9.84 → 0.9.89

data/app/views/educode_sales/sales_details/_index.html.erb

@@ -0,0 +1,401 @@
+<div class="min-height-table" id="sales_list">
+  <div style="margin: 10px 10px 10px 10px">
+    <form class="layui-form layui-form-pane" lay-filter="search_form">
+      <div class="layui-form-item">
+        <div class="layui-inline">
+          <label class="layui-form-label">合同名称</label>
+          <div class="layui-input-inline">
+            <input type="text" name="name" class="layui-input" value="">
+          </div>
+        </div>
+        <div class="layui-inline">
+          <label class="layui-form-label">用户单位</label>
+          <div class="layui-input-inline">
+            <input type="text" name="department" class="layui-input">
+          </div>
+        </div>
+        <div class="layui-inline">
+          <label class="layui-form-label">签约单位</label>
+          <div class="layui-input-inline">
+            <input type="text" name="signed_department" class="layui-input">
+          </div>
+        </div>
+        <div class="layui-inline">
+          <label class="layui-form-label">销售经理</label>
+          <div class="layui-input-inline">
+            <%= select_tag "sales_staff_id", options_for_select(@staffs, params[:staff_id]), { 'lay-filter': 'staff_id', include_blank: true , "lay-search": "" } %>
+          </div>
+        </div>
+
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">项目阶段</label>
+          <div class="layui-input-inline">
+            <div id="contract_business_step" style="width: 190px;"></div>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">区域</label>
+          <div class="layui-input-inline">
+            <%= select_tag "area", options_for_select(EducodeSales::Common.where(clazz: 'area').pluck(:name, :id)), { include_blank: true } %>
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">中标时间</label>
+          <div class="layui-input-inline">
+            <input type="text" class="layui-input" id="bidded_date" name="bidded_date" placeholder=" - " autocomplete="off">
+          </div>
+        </div>
+        <div class="layui-inline show_item_contract">
+          <label class="layui-form-label">签单时间</label>
+          <div class="layui-input-inline">
+            <input type="text" class="layui-input" id="signed_date" name="signed_date" placeholder=" - " autocomplete="off">
+          </div>
+        </div>
+        <div class="layui-inline">
+          <button type="reset" class="layui-btn layui-btn-primary" lay-submit lay-filter="reset_business_search">重置
+          </button>
+          <button type="submit" id="search_bt" class="layui-btn layui-btn-primary" lay-submit lay-filter="search_sales_table">搜索
+          </button>
+        </div>
+      </div>
+    </form>
+  </div>
+  <div id="sales_details_table_wraper">
+    <table class="layui-hide" id="sales_details_table" lay-filter="sales_details_table"></table>
+  </div>
+</div>
+
+<script type="text/html" id="currentTableBarSales">
+  <% if can? :add_follow, EducodeSales::Business %>
+    <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="add">添加跟进</a>
+  <% end %>
+  <% if can? :edit_sales_detail, EducodeSales::Business %>
+    <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">编辑</a>
+  <% end %>
+  <% if can? :delete_sales_detail, EducodeSales::Business %>
+    <a class="layui-btn layui-btn-danger layui-btn-xs data-count-delete" lay-event="delete">删除</a>
+  <% end %>
+  <% if can?(:create, EducodeSales::SalePlan) %>
+    <a class="layui-btn layui-btn-default layui-btn-xs data-count-edit" lay-event="add_month_plan">添加月计划</a>
+  <% end %>
+  <% if can?(:show_file, EducodeSales::Business) %>
+    <a class="layui-btn layui-btn-default layui-btn-xs data-count-edit" lay-event="file">附件</a>
+  <% end %>
+  
+</script>
+
+<script type="text/html" id="toolbar_contract">
+  <div class="layui-btn-container">
+    <span class="table-label">销售明细</span>
+  </div>
+</script>
+<script>
+  layui.use(['form', 'table', 'miniPage', 'element', 'request', 'laydate', 'dropdown', 'laytpl', 'xmSelect'], function() {
+    var $ = layui.jquery,
+      form = layui.form,
+      request = layui.request,
+      miniPage = layui.miniPage,
+      dropdown = layui.dropdown,
+      xmSelect = layui.xmSelect,
+      laydate = layui.laydate;
+    var openWH = miniPage.getOpenWidthHeight();
+    laydate.render({
+      elem: '#date',
+      range: true
+    });
+
+
+    laydate.render({
+      elem: '#bidded_date',
+      range: true,
+      value: gon.bidded_date
+    });
+    laydate.render({
+      elem: '#signed_date',
+      range: true,
+      value: gon.signed_date
+    });
+
+
+    var business_step_list = xmSelect.render({
+      el: '#contract_business_step',
+      data: gon.business_step
+    })
+
+    var data = form.val("search_form");
+    table = layui.table;
+    var cols_table = [
+      [{
+        field: 'id',
+        width: 60,
+        title: '序号',
+        type: 'numbers',
+        fixed: "left"
+      }, {
+        field: 'number',
+        width: 120,
+        title: '合同编号',
+        fixed: 'left',
+      }, {
+        field: 'name',
+        width: 120,
+        title: '商机名称',
+      }, {
+        field: 'school',
+        width: 180,
+        title: '用户单位',
+      }, {
+        field: 'department',
+        width: 180,
+        title: '部门',
+      }, {
+        field: 'majors',
+        width: 150,
+        title: '专业',
+      }, {
+        field: 'signed_department',
+        title: '签约单位',
+        width: 280,
+      }, {
+        field: 'actual_amount',
+        width: 120,
+        title: '合同金额',
+      }, {
+        field: 'item_clazz',
+        width: 100,
+        title: '销售品目',
+      }, {
+        field: 'brand',
+        width: 150,
+        title: '品牌',
+      }, {
+        field: 'specification',
+        width: 150,
+        title: '规格型号',
+      }, {
+        field: 'unit',
+        width: 90,
+        title: '单位',
+      }, {
+        field: 'amount',
+        width: 100,
+        title: '数量',
+      }, {
+        field: 'total_price',
+        width: 100,
+        title: '金额',
+      }, {
+        field: 'source_method',
+        width: 100,
+        title: '来源方式',
+      }, {
+        field: 'custom_clazz',
+        width: 100,
+        title: '定制类型',
+      }, {
+        field: 'supplier',
+        width: 120,
+        title: '供货商',
+        sort: true,
+      }, {
+        field: 'delivery_date',
+        width: 120,
+        title: '交货时间',
+        sort: true,
+      }, {
+        title: '操作',
+        minWidth: 350,
+        toolbar: '#currentTableBarSales',
+        align: "center",
+        fixed: 'right'
+      }]
+    ]
+
+
+    var sales_details_table = table.render({
+      elem: '#sales_details_table',
+      url: '/missions/sales_details',
+      autoSort: false,
+      where: {
+        q: data
+      },
+      defaultToolbar: ['filter'],
+      title: '销售明细数据表',
+      totalRow: true, //开启合并行
+      cols: cols_table,
+      toolbar: '#toolbar_contract',
+      limit: 20,
+      limits: [10, 15, 20, 30, 40, 50, 60, 70, 80, 90],
+      page: true,
+      skin: 'line',
+    });
+
+
+    var sort = {},
+      search = data;
+
+    table.on('sort(sales_details_table)', function(obj) {
+      var data = form.val("search_form");
+      sort.field = obj.field;
+      sort.order = obj.type;
+      table.reload('sales_details_table', {
+        url: '/missions/sales_details',
+        initSort: obj,
+        where: {
+          sort: sort,
+          q: search
+        }
+      });
+    })
+
+    // 监听搜索操作
+    form.on('submit(search_sales_table)', function(data) {
+      if (search['clazz']) {
+        data.field['clazz'] = search['clazz']
+      }
+      var business_step = [];
+      business_step_list.getValue().forEach(function(d) {
+        business_step.push(d.value);
+      })
+      data.field.business_step = business_step.toString();
+      search = data.field
+      table.reload('sales_details_table', {
+        url: '/missions/sales_details',
+        page: {
+          curr: 1
+        },
+        where: {
+          q: search,
+          sort: sort
+        }
+      }, 'data');
+
+      return false;
+    });
+
+    form.on('submit(reset_business_search)', function(data) {
+      var field = data.field;
+      form.val('search_form', {
+        name: '',
+        area: '',
+        department: '',
+        business_type: '',
+        business_step: '',
+        place_id: '',
+        bidded_date: '',
+        signed_department: '',
+        signed_date: '',
+        sales_staff_id: '',
+      })
+      business_step_list.setValue([])
+      .setValue([])
+      return false;
+    });
+
+    table.on('tool(sales_details_table)', function(obj) {
+      var data = obj.data;
+      id = data.id
+      if (obj.event === 'add') { // 监听添加操作
+        business_id = data.business_id
+        var content = miniPage.getHrefContent('/missions/businesses/new_follow_record?id=' + data.business_id);
+        var openWH = miniPage.getOpenWidthHeight();
+        sale_plan_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) {
+            form.render('select');
+          }
+        });
+        $(window).on("resize", function () {
+          layer.full(sale_plan_index);
+        });
+      } else if (obj.event === 'edit') {
+        var content = miniPage.getHrefContent('/missions/sales_details/' + id + '/edit');
+        var openWH = miniPage.getOpenWidthHeight();
+        name = data.name;
+        sindex = 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) {
+            form.render('select');
+          }
+        });
+        $(window).on("resize", function() {
+          layer.full(sindex);
+        });
+        return false;
+      } else if (obj.event === 'add_month_plan') {
+        id = obj.data.business_id;
+        var content = miniPage.getHrefContent('/missions/plans/new_month?business_id=' + obj.data.business_id);
+        var openWH = miniPage.getOpenWidthHeight();
+        sindex = 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
+        });
+        $(window).on("resize", function () {
+            layer.full(sindex);
+        });
+      } else if (obj.event == 'file') {
+        name = obj.data.name;
+        id = obj.data.business_id;
+        var content = miniPage.getHrefContent('/missions/businesses/file?business_id=' + obj.data.business_id);
+        var openWH = miniPage.getOpenWidthHeight();
+        sindex = layer.open({
+          title: '商机列表/'+name+'的附件信息',
+          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
+        });
+        $(window).on("resize", function () {
+          // layer.full(sindex);
+        });
+      } else if (obj.event == 'delete') {
+        name = obj.data.name;
+        layer.confirm('确定删除' + data.name, function (index) {
+          request.delete('missions/sales_details/' + data.id, {}, function (res) {
+            layer.close(index);
+            table.reload("sales_details_table")
+          })
+      });
+      }
+    });
+
+
+  });
+</script>
+<style>
+  .layui-table-tool-temp {
+    padding-right: 30px;
+    !important;
+  }
+  
+  .layui-table-fixed .layui-table-body {
+    height: auto!important;
+  }
+  
+  .layui-table-fixed.layui-hide {
+    display: block!important;
+  }
+</style>

data/app/views/educode_sales/sales_details/edit.html.erb

@@ -0,0 +1,115 @@
+<%= Gon::Base.render_data %>
+<div style="padding:30px">
+    <div class="layui-form layuimini-form" lay-filter="searchform">
+      <div class="layui-form-item">
+        <div class="layui-inline">
+          <label class="layui-form-label">产品名称：</label>
+          <div class="layui-input-inline" style="line-height: 38px;width: 400px;" id="product_name">
+            <%= @name %>
+          </div>
+          <div class="layui-form-mid layui-text-em"><button class="layui-btn layui-btn-sm" id="open_product">选择产品</button></div>
+          <input type="hidden" name="product_catalog_id" id="product_catalog_id" value="<%= @sale_detail.product_catalog_id %>">
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <div class="layui-inline">
+          <label class="layui-form-label required">单价：</label>
+          <div class="layui-input-inline">
+            <input type="number" name="price" value="<%= @sale_detail.price %>" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+        <div class="layui-inline">
+          <label class="layui-form-label required">数量：</label>
+          <div class="layui-input-inline">
+            <input type="number" name="amount" value="<%= @sale_detail.amount %>" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+        <div class="layui-inline">
+          <label class="layui-form-label required">金额：</label>
+          <div class="layui-input-inline">
+            <input type="number" name="total_price" value="<%= @sale_detail.total_price %>" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+
+      </div>
+      <div class="layui-form-item">
+        <div class="layui-inline">
+          <label class="layui-form-label required">定制类型：</label>
+          <div class="layui-input-inline">
+            <%= select_tag "custom_clazz", options_for_select(EducodeSales::SalesDetail.custom_clazzs.keys, @sale_detail.custom_clazz), { 'lay-filter': 'source_method', 'lay-verify': "required",  include_blank: true,  "lay-search": "" } %>
+          </div>
+        </div>
+        <div class="layui-inline">
+          <label class="layui-form-label required">交货时间：</label>
+          <div class="layui-input-inline">
+            <input type="text" name="delivery_date" value="<%= @sale_detail.delivery_date %>" class="layui-input" lay-verify="required" id="delivery_date">
+          </div>
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <div class="layui-input-block">
+          <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">保存</button>
+        </div>
+      </div>
+    </div>
+</div>
+
+  <script type="text/html" id="sale_toolbar">
+    <div class="layui-btn-container">
+      <button class="layui-btn layui-btn-sm" lay-event="select_product">选择产品</button>
+    </div>
+  </script>
+  <script>
+    function selectProduct(data) {
+      $("#product_catalog_id").val(data.id)
+      product_name.innerText = [data.name, data.item_clazz, data.brand, data.specification, data.unit, data.source_method, data.param, data.supplier].join(" ")
+    }
+    layui.use(['form', 'table', 'upload', 'laytpl', 'request', 'laydate'], function() {
+      var form = layui.form,
+        layer = layui.layer,
+        table = layui.table,
+        laydate = layui.laydate,
+        laytpl = layui.laytpl,
+        request = layui.request,
+        $ = layui.$;
+      form.render();
+
+      laydate.render({
+        elem: '#delivery_date',
+      });
+  
+
+     $("#open_product").on("click", function() {
+        var content = miniPage.getHrefContent('/missions/contracts/select_product');
+        var openWH = miniPage.getOpenWidthHeight();
+        product_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) {
+            form.render('select');
+          }
+        });
+        $(window).on("resize", function () {
+          layer.full(new_follow_index);
+        });
+      })
+
+      form.on('submit(saveBtn)', function(data) {
+        if (data.field.product_catalog_id == "") {
+          layer.alert("请选择产品")
+          return false;
+        }
+        request.put("missions/sales_details/" + parent.id, data.field, function(res) {
+          layer.close(parent.sindex)
+          parent.table.reload('sales_details_table')
+        })
+        return false;
+      });
+    });
+  </script>