educode_sales 1.0.3 → 1.0.4

data/app/views/educode_sales/invoices/apply.html.erb

@@ -0,0 +1,443 @@
+<div style="padding:10px">
+  <div class="layui-form layuimini-form" lay-filter="searchform">
+    <div class="layui-form-item">
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width: 80px !important;">合同名称：</label>
+        <div class="layui-inline">
+          <div id="business_app" style="width:500px;"></div>
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label" style="width:150px;">合同金额：</label>
+        <div class="layui-inline" style="line-height: 38px;" id="total_amount">
+          <%= @invoice_apply ? @invoice_apply.business.actual_amount : 0 %>
+        </div>
+      </div>
+    </div>
+    <div class="layui-form-item">
+      <div class="layui-inline">
+        <label class="layui-form-label" style="width:150px;">已开票金额：</label>
+        <div class="layui-input-inline" style="line-height: 38px;" id="pass_amount">
+          <%= @invoice_apply ? @invoice_apply.invoice_details.passed.sum(:amount) : 0 %>
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label" style="width:150px;">本次开票金额：</label>
+        <div class="layui-input-inline" style="line-height: 38px;" id="current_amount">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label" style="width:150px;">剩余可开票金额：</label>
+        <div class="layui-input-inline" style="line-height: 38px;" id="residuea_mount">
+        </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 "invoice_category", options_for_select(EducodeSales::InvoiceApply.categories.keys), { 'lay-filter': 'category', 'lay-verify': "required",  include_blank: true,  "lay-search": "" } %>
+          </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">是否退税产品：</label>
+        <div class="layui-input-inline">
+          <div class="layui-input-inline">
+            <%= select_tag "is_tax_rebate", options_for_select([['是', true], ['否', false]], @invoice_apply&.is_tax_rebate), { 'lay-filter': 'category', 'lay-verify': "required",  include_blank: true,  "lay-search": "" } %>
+          </div>
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">出票需求时间：</label>
+        <div class="layui-input-inline">
+          <div class="layui-input-inline">
+            <input type="text" name="ticket_at" value="<%= @invoice_apply&.ticket_at %>" class="layui-input" lay-verify="required" id="ticket_at">
+          </div>
+        </div>
+      </div>
+    </div>
+    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
+      <legend>开票信息</legend>
+    </fieldset>
+   
+    <div class="layui-form-item">
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">名称：</label>
+        <div class="layui-input-inline" style="line-height: 38px;">
+          <input type="text" name="name" class="layui-input">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">纳税人识别号：</label>
+        <div class="layui-input-inline" style="line-height: 38px;">
+          <input type="text" name="taxpaper_number" class="layui-input">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">地址：</label>
+        <div class="layui-input-inline" style="line-height: 38px;">
+          <input type="text" name="address" class="layui-input">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">电话：</label>
+        <div class="layui-input-inline" style="line-height: 38px;">
+          <input type="text" name="phone" class="layui-input">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">开户行：</label>
+        <div class="layui-input-inline" style="line-height: 38px;">
+          <input type="text" name="bank" class="layui-input">
+        </div>
+      </div>
+      <div class="layui-inline">
+        <label class="layui-form-label required" style="width:150px;">开户行账号：</label>
+        <div class="layui-input-inline" style="line-height: 38px;">
+          <input type="text" name="bank_number" class="layui-input">
+        </div>
+      </div>
+    </div>
+
+    <div id="invoices_passed">
+      <table class="layui-hide" id="invoices_details_pass_table" lay-filter="invoices_details_pass_table"></table>
+    </div>
+
+    <div id="invoices_details">
+      <table class="layui-hide" id="invoices_details_table" lay-filter="invoices_details_table"></table>
+    </div>
+    <div class="layui-form-item">
+      <div class="layui-input-block">
+        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveInvoiceApply">保存</button>
+      </div>
+    </div>
+  </div>
+</div>
+<script type="text/html" id="toolbar_invoices_apply">
+  <div class="layui-btn-container">
+    <span class="table-label">已开票记录</span>
+  </div>
+</script>
+<script type="text/html" id="toolbar_invoices_apply_detail">
+  <div class="layui-btn-container">
+    <span class="table-label">开票明细</span>
+    <a class="layui-btn layui-btn-normal layui-btn-sm" style="margin-left: 20px;" lay-event="add_detail">添加明细</a>
+  </div>
+</script>
+<script type="text/html" id="select_category_temp" >
+<select name="category" lay-filter="select_category" data-value={{d.category}} > 
+    <option value=""></option>
+    <option value="软件" selected="{{d.category == '软件'}}">软件</option>
+    <option value="技术服务" selected="{{d.category == '技术服务'}}">技术服务</option>
+    <option value="硬件" selected="{{d.category == '硬件'}}">硬件</option>
+    <option value="装修服务" selected="{{d.category == '装修服务'}}">装修服务</option>
+    <option value="咨询服务" selected="{{d.category == '咨询服务'}}">咨询服务</option>
+    <option value="会议服务" selected="{{d.category == '会议服务'}}">会议服务</option>
+</select>
+</script>
+<script>
+
+  layui.use(['form', 'table', 'upload', 'laytpl', 'request', 'laydate', 'selectInput'], function() {
+    var form = layui.form,
+      layer = layui.layer,
+      table = layui.table,
+      laydate = layui.laydate,
+      laytpl = layui.laytpl,
+      request = layui.request,
+      selectInput = layui.selectInput,
+      $ = layui.$;
+    form.render();
+
+
+    laydate.render({
+      elem: '#ticket_at',
+    });
+    
+
+    var invoices_details_pass_table = table.render({
+      elem: '#invoices_details_pass_table',
+     // url: '/missions/invoices/details',
+      autoSort: false,
+      defaultToolbar: [],
+      title: '已开票记录',
+      data: [],
+      totalRow: true,
+      cols: [
+        [{
+          field: 'category',
+          width: 100,
+          title: '类别',
+          totalRowText: '合计'
+        },
+        {
+          field: 'name',
+          width: 200,
+          title: '货物或应税劳务名称',
+        },
+        {
+          field: 'specification',
+          width: 120,
+          title: '规格型号',
+        },
+        {
+          field: 'unit',
+          width: 150,
+          title: '单位',
+        },
+        {
+          field: 'num',
+          width: 150,
+          title: '数量',
+        },
+        {
+          field: 'amount',
+          width: 150,
+          title: '开票金额',
+          totalRow: true,
+        },
+        {
+          field: 'state',
+          width: 150,
+          title: '开票状态',
+        }]
+      ],
+      toolbar: '#toolbar_invoices_apply',
+      page: false,
+      skin: 'line'
+    });
+
+    var invoices_details_table = table.render({
+      elem: '#invoices_details_table',
+      autoSort: false,
+      data: [],
+      height: 400,
+      defaultToolbar: [],
+      title: '开票明细',
+      totalRow: true,
+      cols: [
+        [{
+          field: 'category',
+          width: 180,
+          title: '类别',
+          templet: '#select_category_temp',
+          totalRowText: '合计'
+        },
+        {
+          field: 'name',
+          width: 200,
+          edit: true,
+          title: '货物或应税劳务名称',
+        },
+        {
+          field: 'specification',
+          width: 120,
+          edit: true,
+          title: '规格型号',
+        },
+        {
+          field: 'unit',
+          width: 120,
+          edit: true,
+          title: '单位',
+        },
+        {
+          field: 'num',
+          width: 150,
+          edit: true,
+          title: '数量',
+        },
+        {
+          field: 'price',
+          width: 150,
+          edit: true,
+          title: '单价',
+        },
+        {
+          field: 'amount',
+          width: 150,
+          edit: true,
+          title: '开票金额',
+          totalRow: true,
+        }]
+      ],
+      toolbar: '#toolbar_invoices_apply_detail',
+      page: false,
+      skin: 'line',
+      done: function (res, curr, count) {
+        res.data.forEach(function (item, index) {//根据已有的值回填下拉框
+          layui.each($("select[name='category']", ""), function (index, item) {
+              var elem = $(item);
+              elem.next().children().children()[0].defaultValue = elem.data('value');
+              //elem.val(elem.data('value'));
+          });
+        })
+        table.render('select');
+      }
+    });
+
+    form.on('select(select_category)', function(data){
+      var elem = data.othis.parents('tr');
+      var dataindex = elem.attr("data-index");
+      var tabledata = table.cache["invoices_details_table"];
+      $.each(tabledata,function(index,value){
+        if(value.LAY_TABLE_INDEX==dataindex){
+          tabledata[index]["category"] = data.value;
+         // table.reload("invoices_details_table", {
+           // data: tabledata,
+         // })
+        }
+      });
+    });
+
+     if (parent.business_id) {
+      loadData();
+      business_id = parent.business_id;
+     } else {
+      business_id = "";
+     }
+
+  
+     business_select = selectInput.render({
+       elem: '#business_app',
+       name: 'bussiness_name', // 渲染的input的name值
+       layFilter: 'test', //同layui form参数lay-filter
+       layVerType: 'tips', // 同layui form参数lay-verType
+       layReqText: '请填写文本', //同layui form参数lay-ReqText
+       hasSelectIcon: false,
+       initValue: parent.business_id ? parent.business_id : '', 
+       data: parent.business ? parent.business : [],
+       placeholder: '请输入合同名称', // 渲染的inputplaceholder值
+       remoteSearch: true, // 是否启用远程搜索 默认是false，和远程搜索回调保存同步
+       remoteMethod: function (value, cb) { // 远程搜索的回调函数
+         if (!value) {
+          business_id = "";
+           return cb([]);
+         }
+         request.get('missions/search_contracts?q=' + value, {}, function (res) {
+          if (res.data.length == 0) {
+            business_select.emptyValue();
+            return cb([])
+          }
+           return cb(res)
+         })
+       },
+       
+     });
+     
+
+    business_select.on('itemSelect(business_app)', function (obj) {
+      business_id = obj.data;
+      loadData();
+    });
+
+    function loadData() {
+      request.get("missions/invoices/invoice_amount?id="+ business_id, {}, function(res) {
+        total_amount.innerText = res.actual_amount;
+        $("#pass_amount")[0].innerText = res.invoice_pass;
+        residuea_mount = parseFloat(total_amount.innerText) - parseFloat($("#pass_amount")[0].innerText) - parseFloat(current_amount.innerText || 0)
+        form.val('searchform', res)
+      })
+
+       table.reload("invoices_details_pass_table", {
+         url: '/missions/invoices/details?id=' + business_id,
+       })
+     
+    }
+    
+    table.on('edit(invoices_details_table)', function(obj){ 
+      if (['num','price'].includes(obj.field)) {
+        obj.data.amount = (parseFloat(obj.data.num) * parseFloat(obj.data.price)).toFixed(2)
+      }
+      obj.update(obj.data)
+      calAmount()
+    })
+
+     table.on('toolbar(invoices_details_table)', function(obj) {
+      if (business_id == '') {
+        layer.msg('请选择合同')
+        return false;
+      }
+      if (obj.event === 'add_detail') { // 监听添加操作
+        var content = miniPage.getHrefContent('/missions/invoices/' + business_id +  "/sales_details")
+        var openWH = miniPage.getOpenWidthHeight();
+        deteilIndex = 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(deteilIndex);
+        });
+      }
+    });
+
+    calAmount = function() {
+      var amount = 0
+      table.getData('invoices_details_table').forEach(function(d) {
+        amount += parseFloat(d.amount || 0)
+      })
+      current_amount.innerText = amount;
+      residuea_mount.innerText = parseFloat(total_amount.innerText) - parseFloat(pass_amount) - parseFloat(current_amount.innerText)
+    }
+   
+
+    form.on('submit(saveInvoiceApply)', function(data) {
+      data.field.business_id = business_select.getValue() || business_id;
+      data.field.category = data.field.invoice_category;
+      if (data.field.business_id == '') {
+        layer.msg('请选择合同')
+        return false;
+      }
+      var is_valid = true;
+      table.getData('invoices_details_table').forEach(function(d) {
+       
+        if (d.category == "") {
+          is_valid = false;
+          layer.msg('类别不能为空')
+          return false;
+        } else if (d.specification == "" || d.unit == "" || d.num == "" || d.price == "" || d.amount == "") {
+          layer.msg('明细内容不能为空')
+          is_valid = false;
+          return false;
+        }
+      })
+      if (is_valid) {
+        data.field.details = table.getData('invoices_details_table');
+    
+        request.post("missions/invoices/create_apply", data.field, function(res) {
+          layer.close(parent.sindex)
+          parent.table.reload('apply_invoice_table')
+        })
+      }
+
+     
+      return false;
+    });
+  });
+</script>
+
+<style>
+		.layui-table-cell {
+			overflow: visible;
+		}
+
+		.layui-table-box {
+			overflow: visible;
+		}
+
+		.layui-table-body {
+			overflow: visible;
+		}
+		/* 设置下拉框的高度与表格单元相同 */
+
+		td .layui-form-select {
+			margin-top: -10px;
+			margin-left: -15px;
+			margin-right: -15px;
+		}
+	</style>

data/app/views/educode_sales/invoices/apply_records.js.erb

@@ -0,0 +1 @@
+$("#invoice_wraper").html("<%= j render 'apply_records' %>");

data/app/views/educode_sales/invoices/apply_records.json.jbuilder

@@ -0,0 +1,20 @@
+json.data do
+  json.array! @data do |d|
+    json.id d.id
+    json.number d.number
+    json.business_name d.business.name
+    json.business_number d.business.number
+    json.created_at d.created_at.to_s(:date)
+    json.take_ticket d.take_ticket&.name || ''
+    json.business_id d.business_id
+    json.school d.business.school&.name
+    json.staff d.staff.name
+    json.state d.state
+    json.delivery d.delivery
+    json.amount d.invoice_details.sum(:amount)
+    json.invoices_count d.invoices_count || 0
+  end
+end
+
+json.code 0
+json.count @data.total_count

data/app/views/educode_sales/invoices/details.json.jbuilder

@@ -0,0 +1,17 @@
+json.data do
+  json.array! @data do |d|
+    json.id d.id
+    json.category d.category
+    json.name d.name
+    json.specification d.specification
+    json.num d.num
+    json.amount d.amount
+    json.unit d.unit
+    json.price d.price
+    json.date d.state
+    json.state d.state
+  end
+end
+
+json.code 0
+json.count @data.total_count

data/app/views/educode_sales/invoices/list.json.jbuilder

@@ -0,0 +1,14 @@
+json.data do
+  json.array! @data do |d|
+    json.id d.id
+    json.number d.number
+    json.no_tax_amount d.no_tax_amount
+    json.taxt_amount d.taxt_amount
+    json.amount d.amount
+    json.date_at d.date_at.to_s(:date)
+    json.created_at d.created_at.to_s(:date)
+  end
+end
+
+json.code 0
+json.count @data.total_count

data/app/views/educode_sales/invoices/new.html.erb

@@ -0,0 +1,177 @@
+<div class="layuimini-main edit-table" >
+  <div class="layui-form layuimini-form" lay-filter="add_invoice_form">
+    <fieldset class="table-search-fieldset">
+      <legend>添加发票信息</legend>
+      <div class="layui-form-item">
+        <div class="layui-input-inline" style="width: 300px;">
+          <label class="layui-form-label required">发票号码</label>
+          <div class="layui-input-block">
+            <input type="text" name="number" autocomplete="off" placeholder="请输入发票号码" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+        <div class="layui-input-inline" style="width: 300px;" id="professional_title_div">
+          <label class="layui-form-label required">未税金额</label>
+          <div class="layui-input-block">
+            <input type="text" name="no_tax_amount" autocomplete="off" placeholder="请输入未税金额" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <div class="layui-input-inline" style="width: 300px;">
+          <label class="layui-form-label required">税额</label>
+          <div class="layui-input-block">
+            <input type="text" name="taxt_amount" autocomplete="off" placeholder="请输入税额" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+        <div class="layui-input-inline" style="width: 300px;">
+          <label class="layui-form-label required">发票金额</label>
+          <div class="layui-input-block">
+            <input type="text" name="amount" autocomplete="off" placeholder="请输入发票金额" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <div class="layui-input-inline" style="width: 300px;">
+        <label class="layui-form-label required">开票日期</label>
+        <div class="layui-input-block" style="width: 190px;">
+          <input type="text" class="layui-input" name="date_at" autocomplete="off"  lay-verify="required" id="date_at" placeholder="请选择开票日期">
+        </div>
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <div class="layui-input-block">
+          <button class="layui-btn layui-btn-normal" lay-submit lay-filter="add_invoice_btn">提交</button>
+        </div>
+      </div>
+    </fieldset>
+  </div>
+  <h4 class="m-t-10">发票信息列表</h4>
+  <table class="layui-hide" id="invoice_table" style="min-height: 300px;" lay-filter="invoice_table"></table>
+</div>
+
+<script type="text/html" id="invoice_toolbar">
+  <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit">保存</a>
+  <a class="layui-btn layui-btn-danger layui-btn-xs data-count-edit" lay-event="delete">删除</a>
+</script>
+<script>
+  layui.use(['form', 'table', 'upload', 'laytpl', 'request', 'laydate', 'selectInput'], function () {
+    var form = layui.form,
+      layer = layui.layer,
+      table = layui.table,
+      laytpl = layui.laytpl,
+      laydate = layui.laydate,
+        miniPage = layui.miniPage,
+        request = layui.request,
+      selectInput = layui.selectInput,
+      $ = layui.$;
+
+    form.render();
+    laydate.render({
+      elem: '#date_at'
+    })
+
+    var invoice_apply_id = parent.invoice_apply_id;
+    form.on('submit(add_invoice_btn)', function (data) {
+      data.field.invoice_apply_id = invoice_apply_id;
+      request.authPost("missions/invoices", data.field, function (res) {
+        if (res.success == false) {
+          layer.alert(res.msg)
+        } else {
+          table.reload("invoice_table");
+          parent.table.reload('apply_invoice_table');
+          layer.alert('添加成功')
+          form.val('add_invoice_form', {
+            'number': '',
+            'no_tax_amount': '',
+            'taxt_amount': '',
+            'amount': '',
+            'date_at': '',
+          })
+        }
+      })
+      return false;
+    });
+
+    table.render({
+      elem: '#invoice_table',
+      url: '/missions/invoices/list?id=' + invoice_apply_id,
+      cols: [
+        [{
+          field: 'id',
+          width: 80,
+          title:'序号',type: 'numbers',
+          sort: true
+        }, {
+          field: 'number',
+          width: 150,
+          title: '发票号码',
+          edit: true
+        }, {
+          field: 'no_tax_amount',
+          width: 150,
+          title: '未税金额',
+          edit: true
+        },  {
+          field: 'taxt_amount',
+          width: 150,
+          title: '税额',
+          edit: true
+        }, {
+          field: 'amount',
+          width: 150,
+          title: '发票金额',
+          edit: true
+        }, {
+          field: 'date_at',
+          width: 190,
+          title: '开票日期',
+          templet:function (d) {
+            return '<input type="text" class="layui-input layui-input-date" value="'+ (d.date_at  || '') +'" autocomplete="off">'
+          }
+        }, {
+          title: '操作',
+          minWidth: 170,
+          toolbar: '#invoice_toolbar'
+        }]
+      ],
+      page: true,
+      done: function (res) {
+        $(".layui-input-date").each(function (i) { 
+          layui.laydate.render({
+            elem: this,
+            format: "yyyy-MM-dd", 
+            done: function (value, date) {
+              if (res && res.data[i]) { 
+                $.extend(res.data[i], {'date_at': value || ''}) 
+              }
+            }
+            })
+          })
+      }
+    });
+
+    table.on('tool(invoice_table)', function (obj) {
+      var data = obj.data;
+      if (obj.event === 'edit') {
+        request.authPut('missions/invoices/' + data.id, data,
+          function (res) {
+            if (res.success) {
+              table.reload('invoice_table')
+            } else {
+              layer.alert(res.msg)
+            }
+
+          })
+      } else if (obj.event == 'delete') {
+        layer.confirm('确定删除发票号码' + data.number, function (index) {
+          request.delete('missions/invoices/'+ data.id, {}, function(res) {
+            layer.close(index);
+            table.reload("invoice_table")
+            table.reload("apply_invoice_table")
+          })
+        });
+      }
+    });
+
+  });
+</script>