wushaodong
/
scj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456
							<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>配件出库</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
      <style type="text/css">
        .table-overlay .layui-table-view,
        .table-overlay .layui-table-header,
        .table-overlay .layui-table-box,
        .table-overlay .layui-table-body{overflow: visible;}
        .table-overlay .layui-table-cell{height: auto; overflow: visible;}
    </style>
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body" pad15>
            <form class="layui-form" action="" lay-filter="component-form-element">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-xs6 layui-col-sm4">
                        <label class="layui-form-label"><font color='red' size="4">*</font>仓别：</label>
                        <div class="layui-input-block">
                        <select id="id_warehouse" name="warehouse" lay-verify="required" lay-filter="onwarehouseChange">
                          <option value="">选择仓别</option>
                        </select>
                      </div>
                    </div>
                    <div class="layui-col-xs6 layui-col-sm4">
                        <label class="layui-form-label">备注：</label>
                        <div class="layui-input-block">
                            <input id="id_notes" type="text" name="notes" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>产品明细&nbsp;&nbsp;<button type="button" id="part-btn-add" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon"></i></button></legend>
                </fieldset>
                <div class="layui-row layui-col-space10">
                <div id="partDataTable" class="table-overlay">
                    <table id="part_dataTable" lay-filter="part_dataTable" class="layui-hide"></table>
                </div>
                </div>
                <button class="layui-btn" id="purchase-order-submit" lay-submit lay-filter="component-form-element" style="display: none">保存</button>
            </form>
        </div>
    </div>
</div>

  <script src="../../layuiadmin/layui/layui.js"></script>
  <script>

  layui.link('../../../layuiadmin/style/autocomplete.css');
  layui.config({
    base: '../../../layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index',
    autocomplete: 'autocomplete'
  }).use(['index', 'form', 'autocomplete', 'table', 'utils'], function(){
    var $ = layui.$
    ,admin = layui.admin
    ,element = layui.element
    ,form = layui.form
    ,table = layui.table
    ,utils = layui.utils
    ,autocomplete = layui.autocomplete;

    var id = layui.view.getParameterByName('id');
    var type = layui.view.getParameterByName('type');
    form.render();
    var warehosue_option = '';
    var warehouse_isload = false;
    var data_isload = false;
    admin.req({
        url: '/warehouse/select/?type=' + type,
        done: function(res){
            var warehouses = res.data;
            for (var i in warehouses) {
                 warehosue_option += "<option value="+ warehouses[i].id+">"+ warehouses[i].value+"</option>";
            }
            $("#id_warehouse").append(warehosue_option);
            warehouse_isload = true;
            form.render();
            loadData();// 赋值完成后调用传值
        }
    });

    window.viewObj = {
		renderSelectOptions: function(data, settings){
			settings =  settings || {};
			var valueField = settings.valueField || 'value',
				textField = settings.textField || 'text',
				selectedValue = settings.selectedValue || "";
			var html = [];
			for(var i=0, item; i < data.length; i++){
			    item = data[i];
				html.push('<option value="');
				html.push(item[valueField]);
				html.push('"');
				if(selectedValue && item[valueField] == selectedValue ){
					html.push(' selected="selected"');
				}
				html.push('>');
				html.push(item[textField]);
				html.push('</option>');
			}
			return html.join('');
		}
	};

    var part_width = $("#partDataTable").width();
    var cols = [];
        cols.push({title: '序号', type: 'numbers'});
        cols.push({field: 'name', title: '产品名称', width: 100});
        cols.push({field: 'model', title: '产品代码', width: 100});
        cols.push({field: 'count', title: '数量', width: 100, templet: function (d){
                        return '<input id="count'+d.id+'" type="text"  value="'+d.count+'" lay-verify="required|numberGtZ" autocomplete="off" class="layui-input">';
                    }});
        cols.push({field: 'price', title: '单价', width: 100, templet: function (d){
                            return '<span id="price' + d.id + '">'+ d.price +'</span>';
                    }});
        cols.push({field: 'loss_stock_record', title: '入库单号', width: 200,templet: function (d) {
                var options = utils.renderSelectOptions(d.record_data, {
                    valueField: "stock_id",
                    textField: "no",
                    selectedValue: d.loss_stock_record
                });
                return '<select id="loss_stock_record'+d.id+'" lay-filter="onEntryChange"><option value="">请选择入库单</option>' + options + '</select>';
                }
            });


         cols.push({field: 'surplus_count', title: '剩余数量', width: 100, templet: function (d){
                            return '<span id="surplus_count' + d.id + '">'+ d.surplus_count +'</span>';
                    }});
        cols.push({field: 'entry_notes', title: '入库备注', width: 100, templet: function (d){
                            return '<span id="entry_notes' + d.id + '">'+ d.entry_notes +'</span>';
                    }});
        cols.push({field: 'notes', title: '备注', width: 200, templet: function (d){
                        return '<input id="notes'+d.id+'" type="text" value="'+d.notes+'" autocomplete="off" class="layui-input">';
                    }});
        cols.push({field: 'type_text', title: '产品类别', width: 100});
        cols.push({field: 'option_text', title: '类型', width: 100});
        cols.push({field: 'unit', title: '单位', width: 80});

        cols.push({field: 'id', title: '操作',minWidth:120, templet: function(d){
                        return '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del" lay-id="'+ d.id +'">删除</a>';
                    }});
    var part_layTableId = "part_layTable";
	var part_tableIns = table.render({
        elem: '#part_dataTable',
        id: part_layTableId,
        data: [],
        width: part_width,
        page: false,
        limit: 1000,
        loading: true,
        even: true, //不开启隔行背景
        cols: [cols],
    });

    //监听工具条
    table.on('tool(part_dataTable)', function (obj) {
        var data = obj.data, event = obj.event, tr = obj.tr; //获得当前行 tr 的DOM对象;
        switch(event){
             case "del":
                obj.del();
                layer.msg('删除成功', {icon: 6});
                break;
        }
    });

    form.render(null, 'component-form-element');
    element.render('breadcrumb', 'breadcrumb');

    var getProductData = function () {
        var rows = table.cache[part_layTableId];
        var items = [];

        for(var k in rows){
            if (rows[k] == false) {
                continue;
            }

            var count = $('#count'+rows[k].id).val();
            var notes = $('#notes'+rows[k].id).val();
            var price = $('#price'+rows[k].id).html();
            var surplus_count = $('#surplus_count'+rows[k].id).html();
            var entry_notes = $('#entry_notes'+rows[k].id).html();
            var loss_stock_record = $('#loss_stock_record'+rows[k].id).val();
            var item = {
                id:rows[k].id,
                product:rows[k].product,
                name:rows[k].name,
                model:rows[k].model,
                type_text: rows[k].type_text,
                option_text: rows[k].option_type_text,
                record_data: rows[k].record_data,
                loss_stock_record: loss_stock_record,
                surplus_count: surplus_count,
                entry_notes: entry_notes,
                count:count,
                price:price,
                notes:notes
            };
            items.push(item);
        }
        return items
    };
    form.on('submit(component-form-element)', function(data){
        var items = getProductData();

        if(items.length == 0){
            layer.msg('请添加产品！', {icon: 5});
            return false;
        }
        var warehouse = $('#id_warehouse').val();
        if (!warehouse) {
            layer.msg('请选择仓别！', {icon: 5});
            return false;
        }

        for (var i in items) {
            if (!items[i].loss_stock_record){
                var  m = parseInt(i) + 1;
                layer.msg('第'+m+'行请选择入库单！', {icon: 5});
                return false;
            }
        }


        var order_data = {'warehouse': warehouse, 'notes': $('#id_notes').val(), 'product_type': type, 'type': 1};

        data.field.order_data = order_data;
        data.field.items = items;
        admin.req({
            url: '/material/inventory/save/?id='+id
            ,data: JSON.stringify(data.field)
            ,type: 'post'
            , done: function (res) {
                parent.layui.onSubmitChild();
            }
        });
        return false;
    });

    $('#btn_close').on('click', function() {
        parent.layer.closeAll('iframe');
    });

    $('#part-btn-add').on('click', function(){
        var warehouse = $('#id_warehouse').val();
        layer.open({
          type: 2,
          title: '添加产品',
          shadeClose: false,
          area: ['90%', '98%'],
          btn: ['保存', '取消'],
          yes: function (index, layero) {
               layui.onSubmitChild = function (data) {
                   if(data.length > 0) {
                    layer.msg('添加成功！', {icon: 6});
                } else {
                        layer.msg('请先选择记录！');
                    }
                  // layer.close(index);
                  var oldData = getProductData();
                  var k = 0;
                  if (oldData.length > 0) {
                      k = oldData[oldData.length-1].id;
                  }
                  for (var i in data){
                      k = k + 1;
                      var newRow = {
                        id:k,
                        product:data[i].product_id,
                        name:data[i].name,
                        model:data[i].model,
                        unit:data[i].unit,
                        type_text: data[i].type_text,
                        option_text: data[i].option_type,
                        record_data: data[i].record_data,
                        surplus_count: '',
                        entry_notes: '',
                        count: 1.00,
                        price: data[i].entry_price,
                        notes: ''
                      }
                      oldData.push(newRow);
                  }
                    part_tableIns.reload({
                        data: oldData
                    });
                  updateCost();
                };
                layui.submitChild();
            },
          btn2: function(index, layero){
            layer.close(index);
          },
          content: 'search_goods_item.html?warehouse=' + warehouse
        });
    });

    form.on('select(onEntryChange)', function(data){
            var id = data.elem.id;
            id = id.match(/\d+/g)[0];
            var value = data.value;
            var product_data = getProductData();
            for (var i in product_data) {
                if (product_data[i].id == id) {
                    var record_data = product_data[i].record_data;
                    for (var m in record_data){
                        if (record_data[m].stock_id == value){
                            $("#price" + id).html(record_data[m].entry_price);
                            $("#surplus_count" + id).html(record_data[m].surplus_count);
                            $("#entry_notes" + id).html(record_data[m].entry_notes);
                             break;
                        }
                    }
                    break;
                }
            }
        });

    form.on('select(onwarehouseChange)', function(){
        updateCost()
    });
      function updateCost() {
          var warehouse = $("#id_warehouse").val();
          var product_data = getProductData();
          var edit_data = [];
          var products = [];

          if(!warehouse){
              for(var i in product_data) {
                  var product_id = product_data[i].id;
                  $("#price" + product_id).html('');
              }
              return;
          }
          for(var i in product_data){
              var product_id = product_data[i].product;
              var count = product_data[i].count;
              var row = {
                  product_id: product_id,
                  count: count,
                  warehouse: warehouse,
                  num: product_data[i].id
              };
              edit_data.push(row);
              products.push({product_id: product_id, index: product_data[i].id});


              admin.req({
                  url: '/material/editwarehouse/'
                  , data: {data:JSON.stringify(edit_data)}
                  , type: 'post'
                  ,done: function(res){
                      var result_data = res.data;
                      for(var i in result_data){
                          var price = result_data[i].max_entry_price;
                          $("#price" + result_data[i].id).html(price);
                      }
                  }
              })
          }

          admin.req({
                url: '/warehouse/select/stocks/?warehouse=' + warehouse
                , data: {products:JSON.stringify(products)}
                , type: 'post'
                ,done: function(res){
                    var result_data = res.data;
                    var table_data = getProductData();
                    var record_data = [];
                    for (var i in table_data) {
                        for (var m in result_data){
                            if (table_data[i].id == result_data[m].index && table_data[i].product == result_data[m].product_id) {
                                record_data = result_data[m].items;
                                break;
                            }
                        }

                        table_data[i].record_data = record_data;
                        table_data[i].surplus_count = '';
                        table_data[i].price = '';
                        table_data[i].entry_no = '';
                    }

                    part_tableIns.reload({
                        data: table_data
                    });
                }
          })

      }

    var loadData = function () {
        if (!warehouse_isload) { // 要等下拉框渲染完成后才能赋值
            return;
        }
        if (data_isload) {
            return;
        }
        data_isload = true;
        if (id) {
            var orderData = JSON.parse(JSON.stringify(parent.layui.table.editdata));
            form.val("component-form-element", orderData);
            admin.req({
              url: '/material/inventory/detail/?id='+id,
              done: function(res){
                var data = res.data.items_data;
                var oldData = [];
                for (var i in data) {
                    var item = data[i];
                    var newRow = {
                        id: i,
                        product: item.product_id,
                        name: item.product_name,
                        model:item.product_name,
                        unit:item.unit,
                        price: item.price,
                        count: item.count,
                        amount: item.amount,
                        type_text: item.type_text,
                        option_text: item.option_type_text,
                        loss_stock_record: item.loss_stock_record,
                        notes: item.notes,
                        surplus_count: item.surplus_count,
                        entry_notes: item.entry_notes,
                        record_data: item.record_data
                    };
                    oldData.push(newRow);
                }
                part_tableIns.reload({
                    data: oldData
                });
              }
            });
        }
    };

    parent.layui.submitChild = function () {
      $("#purchase-order-submit").click();
    };

  });
  </script>
</body>
</html>