admin1/Home/View/Project/add.html

<style>
    .anchorBL {display:none;}
    .tangram-suggestion-main{z-index:1000;}
    .add-device{    background: #c9dceb; margin-top: 10px; border-radius: 4px; text-align: center; cursor: pointer;  color: #16669e;}
</style>
<script src="__PUBLIC__/B-JUI/mycssandjava/area.js"></script>
<div class="bjui-pageContent">
    <div class="pageFormContent" data-layout-h="0" style="overflow: auto;">
        <!-- Tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li class="active"><a href="#owner_info" role="tab" data-toggle="tab">项目信息</a></li>
            <!-- <li><a href="#owner_device" role="tab" data-toggle="tab">传输设备</a></li> -->
            <li><a href="#owner_port" role="tab" data-toggle="tab">设备信息</a></li>
            <li><a href="#project_monitor" role="tab" data-toggle="tab">监控点信息</a></li>
            <!-- <li><a href="#owner_weibao" role="tab" data-toggle="tab">维保人员</a></li>
            <li><a href="#owner_fujin" role="tab" data-toggle="tab">群组管理</a></li> -->
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <div class="tab-pane fade active in" id="owner_info">
                <form action="__MODULE__/Project/add"  data-toggle="ajaxform" data-options="{closeCurrent:true}" >
                    <button type="submit" class="btn-green" data-icon="save">保存</button>
                    <table class="table table-condensed table-hover" width="100%">
                        <tbody>
                        <tr>
                            <td>
                                <label class="control-label x85">单位名称：</label>
                                <input type="hidden" name="type"  value="savacompany" >
                                <select data-toggle="selectpicker" name="company_code">
                                    <option value=""></option>
                                    <volist name="companylist" id="vo">
                                        <option value="{$vo.owner_id}">{$vo.owner_name}</option>
                                    </volist>
                                </select>
                                <span style="color:red;" >*</span>
                            </td>
                            <td>
                                <label class="control-label x85">单位联系人：</label>
                                <input type="text" size="20" name="company_username"  value="" class="form-control" >
                            </td> </tr>
                        <tr>
                            <td>
                                <label  class="control-label x85">单位联系人联系方式：</label>
                                <input type="text" size="20" name="company_phone"  value="" class="form-control" >
                            </td>
                            <td>
                                <label class="control-label x85">进场时间：</label>
                                <input type="text" size="20" name="approach_time"  value="" class="form-control" >

                            </td></tr>
                        <tr>
                            <td>
                                <label  class="control-label x85">完工时间：</label>
                                <input type="text" size="20" name="complete_time"  value="" class="form-control" >
                            </td>
                            <td>
                                <label  class="control-label x85">验收时间：</label>
                                <input type="text" size="20" name="check_time"  value="" class="form-control" >
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            </div>
            <div class="tab-pane fade" id="owner_port">

                <table class="table table-bordered table-hover table-striped table-condensed" data-toggle="tablefixed" data-height="150">
                    <thead>
                    <tr>
                        <!--<th data-order-field="id" width="50px">ID</th>-->
                        <th data-order-field="device_name">设备名称</th>
                        <th data-order-field="specifications">规格型号</th>
                        <th data-order-field="device_num">安装设备数量</th>
                        <th data-order-field="company_code">所属单位</th>
                        <th data-order-field="data_info">备注</th>
                        <th width="110px"> 操作</th>
                    </tr>
                    </thead>
                    <tbody id="owner_port_tab">
                    </tbody>
                </table>
                <div class="add-device" onclick="AddPort()">新增</div>
            </div>
            <div class="tab-pane fade" id="project_monitor">

                <table class="table table-bordered table-hover table-striped table-condensed" data-toggle="tablefixed" data-height="150">
                    <thead>
                    <tr>
                        <!--<th data-order-field="id" width="50px">ID</th>-->
                        <th data-order-field="monitor_son">监控点子系统</th>
                        <th data-order-field="monitor_type">监控点类型</th>
                        <th data-order-field="monitor_sum">监控点数量</th>
                        <th data-order-field="company_code">所属单位</th>
                        <th data-order-field="data_info">备注</th>
                        <th width="110px"> 操作</th>
                    </tr>
                    </thead>
                    <tbody id="owner_port_tab1">
                    </tbody>
                </table>
                <div class="add-device" onclick="AddPort1()">新增</div>
            </div>
        </div>
    </div>
</div>
<script>
    function AddPort(){
        var rand = "";
        for(var i = 0; i < 3; i++){
            var r = Math.floor(Math.random() * 10);

            rand += r;

        }
        var html='<tr>'+
            '<td><input type="text" form="Portlist'+rand+'" class="form-control" name="device_name" value=""></td>'+
            '<td><input type="text" form="Portlist'+rand+'" class="form-control" name="specifications" value=""></td>'+
            '<td><input type="text" form="Portlist'+rand+'" class="form-control" name="device_num" value=""></td>'+
            '<td>'+
            '<select data-toggle="selectpicker" name="company_code" form="Portlist'+rand+'">'+
            '<option value="0">--请选择--</option>'+
            '<volist name="companylist" id="vot">'+
            '<option value="{$vot.owner_id}" >{$vot.owner_name}</option>'+
            '</volist>'+
            '</select>'+
            '</td>'+
            '<td><input type="text" form="Portlist'+rand+'" class="form-control" name="data_info" value=""></td>'+
            '<td>'+
            '<form action="__MODULE__/Project/add" id="Portlist'+rand+'"  data-toggle="ajaxform" data-options={closeCurrent:false} >'+
            '<input type="hidden" name="type"  value="sevaport" >'+
            '<button type="button" onclick=addPort("'+rand+'") class="btn-green btn" data-icon="save">保存</button> '+
            '<button type="button" onclick=DelPort('+rand+',2,this) class="btn-red btn" >删除</button>'+
            '</form>'+
            '</td>'+
            '</tr>';

        $("#owner_port_tab").append(html);
    }
    function AddPort1(){
        var rand = "";
        for(var i = 0; i < 3; i++){
            var r = Math.floor(Math.random() * 10);

            rand += r;

        }
        var html='<tr>'+
            '<td><input type="text" form="monitor'+rand+'" class="form-control" name="monitor_son" value=""></td>'+
            '<td><input type="text" form="monitor'+rand+'" class="form-control" name="monitor_type" value=""></td>'+
            '<td><input type="text" form="monitor'+rand+'" class="form-control" name="monitor_sum" value=""></td>'+
            '<td>'+
            '<select data-toggle="selectpicker" name="company_code" form="monitor'+rand+'">'+
            '<option value="0">--请选择--</option>'+
            '<volist name="companylist" id="vot1">'+
            '<option value="{$vot1.owner_id}" >{$vot1.owner_name}</option>'+
            '</volist>'+
            '</select>'+
            '</td>'+
            '<td><input type="text" form="monitor'+rand+'" class="form-control" name="data_info" value=""></td>'+
            '<td>'+
            '<form action="__MODULE__/Project/add" id="monitor'+rand+'"  data-toggle="ajaxform" data-options={closeCurrent:false} >'+
            '<input type="hidden" name="type"  value="sevamonitor" >'+
            '<button type="button" onclick=addPort1("'+rand+'") class="btn-green btn" data-icon="save">保存</button> '+
            '<button type="button" onclick=DelPort1('+rand+',2,this) class="btn-red btn" >删除</button>'+
            '</form>'+
            '</td>'+
            '</tr>';

        $("#owner_port_tab1").append(html);
    }
    function addPort(id){
        BJUI.ajax('ajaxform', {
            url: '__MODULE__/Project/add',
            form: $('#Portlist'+id),
            validate: false,
            loadingmask: false,
            //okalert:false,
            // alertmsg:false,
            okCallback: function(json, options) {
                if(json >0){
                    $('.Portlist-id-name'+id).attr("value",json);
                    BJUI.alertmsg('ok', '添加成功！');
                }
            }
        });
    }
    function addPort1(id){
        BJUI.ajax('ajaxform', {
            url: '__MODULE__/Project/add',
            form: $('#monitor'+id),
            validate: false,
            loadingmask: false,
            //okalert:false,
            // alertmsg:false,
            okCallback: function(json, options) {
                if(json >0){
                    $('.Portlist-id-name'+id).attr("value",json);
                    BJUI.alertmsg('ok', '添加成功！');
                }
            }
        });
    }
    function DelPort(did,typ,dom){
        if (typ==2) {
            var did=$('.Portlist-id-name'+did).val();//attr("value")
            if(did==''|| did==null){
                $(dom).parent().parent().parent().remove();
                return;
            }
        }

        BJUI.ajax('doajax', {
            url: '__APP__{$delport}',
            data:{'id':did},
            loadingmask: false,
            okCallback: function(json, options) {
                //console.log('返回内容：\n'+ JSON.stringify(json));

                $(dom).parent().parent().parent().remove();

            }
        })
    }
    function DelPort1(did,typ,dom){
        if (typ==2) {
            var did=$('.Portlist-id-name'+did).val();//attr("value")
            if(did==''|| did==null){
                $(dom).parent().parent().parent().remove();
                return;
            }
        }

        BJUI.ajax('doajax', {
            url: '__APP__{$delport}',
            data:{'id':did},
            loadingmask: false,
            okCallback: function(json, options) {
                //console.log('返回内容：\n'+ JSON.stringify(json));

                $(dom).parent().parent().parent().remove();

            }
        })
    }
    function formAll2(){

        var a=$('#owner_port_tab').find('tr').find('form');

        for(var i=0;i<a.length;i++){
            var form=$(a).eq(i);
            var formid= $(form).attr('id');
            var input = $(form).parent().parent().find('td').find('input').eq(0);
            PostForm(formid,input);
        }
        BJUI.alertmsg('ok', '保存成功！');
    }
    function PostForm(formid,input){
        BJUI.ajax('ajaxform', {
            url: '__APP__{$action}',
            form: $('#'+formid),
            validate: false,
            loadingmask: false,
            okalert:false,
            alertmsg:false,
            okCallback: function(json, options) {

                //BJUI.dialog('refresh', 'owner_edit');
                //console.log(json);
                var a=/^\+?[1-9][0-9]*$/.test(json);
                if(a){
                    input.attr("value",json);
                }
            }
        });
    }
</script>