createDevice.php 5.74 KB
<?php

use yii\helpers\Url;
use app\ht\helpers\CssFiles;

$this->title = '新建序列号';
$this->params['breadcrumbs'][] = '序列号管理';
$this->params['breadcrumbs'][] = ['label' => '序列号列表', 'url' => ['/device/device/index']];
$this->params['breadcrumbs'][] =  $this->title;

CssFiles::register($this, 'exts/showimg/css/showimg.css');

?>
<style>
 .create-div .form-group{padding:1rem 0}
 .create-div .full-width{width:100%;}
</style>
<div class="panel panel-default">
    <div class="panel-body form-inline create-div">
        <form action="" method="get" id="create-form" class="filter-form">
            <div class="form-group col-sm-12">
                <label for="manufacture" class="col-sm-4 control-label text-right">厂商:</label>
                <div class="col-sm-4 form-inline">
                    <input type="text" class="form-control full-width searchInput" id="manufacture" name="manufacture" value="" autocomplete="off">
                </div>
                <div class="col-sm-4"><a href="<?=Url::toRoute('/manufacturer/manufacturer/create')?>">+创建厂商</a></div>
            </div>
            <div class="form-group col-sm-12">
                <label for="project" class="col-sm-4 control-label text-right">项目名:</label>
                <div class="col-sm-4 form-inline">
                    <input type="text" class="form-control full-width searchInput" id="project" name="project" value="" autocomplete="off">
                </div>
                <div class="col-sm-4"><a href="<?=Url::toRoute('/project/project/create')?>">+创建项目</a></div>

            </div>
            <div class="form-group col-sm-12">
                <label for="model" class="col-sm-4 control-label text-right">设备型号:</label>
                <div class="col-sm-4 form-inline">
                    <input type="text" class="form-control full-width searchInput" id="model" name="model" value="" autocomplete="off">
                </div>
                <div class="col-sm-4"><a href="<?=Url::toRoute('/model/model/create')?>">+创建型号</a></div>
            </div>
            <div class="form-group col-sm-12">
                <label for="production" class="col-sm-4 control-label text-right">生产日期:</label>
                <div class="col-sm-4 form-inline">
                    <input type="text" class="form-control full-width searchInput" id="production" name="production" value="" autocomplete="off">
                </div>
                <div class="col-sm-4"><a href="<?=Url::toRoute('/production/production/create')?>">+生产日期</a></div>
            </div>

            <div class="form-group col-sm-12">
                <label for="production" class="col-sm-4 control-label text-right">数量:</label>
                <div class="col-sm-4 form-inline">
                    <input type="number" class="form-control full-width" id="num" name="num" value="" autocomplete="off">
                </div>
            </div>

            <div class="form-group col-sm-12" style="text-align: center;">
                <div><button type="submit" class="btn btn-primary font-1" id="createDeviceBtn">创建</button></div>
            </div>
        </form>
    </div>

</div>

<script type="text/javascript" src="<?=Url::toRoute('/exts/base/1.0.0/ui/typeahead/bootstrap3-typeahead.min.js')?>" ></script>
<script type="text/javascript">
    var searchItemUrl = "<?=Url::toRoute('/device/device/search-item')?>";
    var saveUrl = "<?=Url::toRoute('/device/device/do-create-device')?>";
$(function() {

    function typeaheadAll(id) {
        var type = id;
        $('#'+id).typeahead({
            minLength: 2,
            items:15,
            source: function(query, process) {

                var parameter = {query: query, type: type};
                $.post(searchItemUrl, parameter, function (res) {
                    var data = [];
                    var iList = res.list;
                    for(i in iList){
                        var tItem = iList[i];
                        data.push(JSON.stringify(tItem));
                    }
                    process(data);
                },'json');
            },
            highlighter: function(item) {
                var itemObject = JSON.parse(item);
                var title = itemObject.name;
                $('#'+id).attr('data-id', itemObject.id);
                $('#'+id).attr('data-no', itemObject[id+'_no']);
                return  title ;
            },

            updater: function(item) {
                var itemObject = JSON.parse(item);
                var title = itemObject.name;
                $('#'+id).attr('data-id', itemObject.id);
                $('#'+id).attr('data-no', itemObject[id+'_no']);
                return title;
            }
        });
    }
    typeaheadAll('manufacture');
    typeaheadAll('project');
    typeaheadAll('model');
    typeaheadAll('production');

    $('#createDeviceBtn').click(function(e) {
        e.preventDefault();
        var params = {
            manufactureId: $('#manufacture').attr('data-id'),
            manufactureNo: $('#manufacture').attr('data-no'),
            projectId: $('#project').attr('data-id'),
            projectNo: $('#project').attr('data-no'),

            modelId: $('#model').attr('data-id'),
            modelNo: $('#model').attr('data-no'),

            productionId: $('#production').attr('data-id'),
            productionNo: $('#production').attr('data-no'),
            num: $('#num').val()
        }
        $.post(saveUrl, params, function(res) {
            if (!res.success) {
                alert(res.message);
                return false;
            }
            alert('成功生成'+params.num +'个序列号');
            window.location.href = '<?=Url::toRoute('/datas/device/index')?>'
        }, 'json')
    })

})
</script>