admin1/Home/View/Company/edit.html

<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="#company_info" role="tab" data-toggle="tab">单位信息</a></li>
                <li><a href="#company_lian" role="tab" data-toggle="tab">联系人</a></li>
                <li><a href="#company_weibao" role="tab" data-toggle="tab">维保人员</a></li>
                <li><a href="#company_fujin" role="tab" data-toggle="tab">群组管理</a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <div class="tab-pane fade active in" id="company_info">
              <form action="__MODULE__/Company/edit"  data-toggle="ajaxform">
              <button type="submit" class="btn-green" data-icon="save">保存</button>
                    <input type="hidden" name="saveid" value="{$list.id}">
                    <input type="hidden" name="type"  value="savacompany" >
                      <table class="table table-condensed table-hover" width="100%">
                       <tbody>
                        <tr><td>
                            <label  class="control-label x120">单位编号：</label>
                            {$list.owner_id}
                        </td></tr>
                        
                        <tr><td>
                            <label  class="control-label x120">单位名称：</label>
                            <input type="text" size="25" name="owner_name"  value="{$list.owner_name}" data-rule="required" class="form-control" >
                              <span style="color:red;" >*</span>
                        </td></tr>
                        <tr><td>
                            <label  class="control-label x120">单位地址：</label>
                            <input type="text" size="25" name="owner_address"  value="{$list.owner_address}" data-rule="required" class="form-control" >
                              <span style="color:red;" >*</span>
                        </td></tr>
                        
                        <tr><td>
			                <label  class="control-label x120">项目类型：</label>
			                <select data-toggle="selectpicker" name="xmlx">
			                                <option value="交通" <if condition=" '交通' eq $list.xmlx "> selected </if>>交通</option>
			                                <option value="办公" <if condition=" '办公' eq $list.xmlx "> selected </if>>办公</option>
			                                <option value="商业" <if condition=" '商业' eq $list.xmlx "> selected </if>>商业</option>
			                                <option value="酒店旅馆" <if condition=" '酒店旅馆' eq $list.xmlx "> selected </if>>酒店旅馆</option>
			                </select>
			            </td></tr>
                        <tr><td>
                            <label  class="control-label x120">单位电话：</label>
                            <input type="text" size="25" name="owner_office"  value="{$list.owner_office}" class="form-control" >
                        </td></tr>
                        <tr><td>
                            <label  class="control-label x120">责任人：</label>
                            <input type="text" size="25" name="owner_man"  value="{$list.owner_man}" class="form-control" >
                        </td></tr>
                        <tr><td>
                            <label  class="control-label x120">所属建筑：</label>
                            <select data-toggle="selectpicker"  name="building_id" data-rule="required">
                                <volist name="build" id="vo">
                                <option value="{$vo.id}" <if condition=" $list.building_id eq $vo.id "> selected </if> >{$vo.build_name}</option>
                                </volist>
                            </select>
                        </td></tr>
                        <tr><td>
                            <label  class="control-label x120">rtmp直播地址：</label>
                            <input type="text" size="25" name="rtmp"  value="{$list.rtmp}" class="form-control" >
                        </td></tr>
                        <tr><td>
                            <label  class="control-label x120">hls直播地址：</label>
                            <input type="text" size="25" name="hls"  value="{$list.hls}" class="form-control" >
                        </td></tr>
                        <tr><td>
                            <label  class="control-label x120">微信直播地址：</label>
                            <input type="text" size="25" name="h5"  value="{$list.h5}" class="form-control" >
                        </td></tr>
                        </tbody>
                        </table>
                </form>  
            </div>
            <div class="tab-pane fade" id="company_lian">
                  <form action="__APP__{$action}" data-toggle="ajaxform" id="ownerlian" >
                        <select data-toggle="selectpicker" name="idphone" data-live-search="true">
                            <option value="0">--自定义--</option>
                            <volist name="weixin" id="vot">
                                <option value="{$vot['idphone']}" >{$vot['idphone']} {$vot['username']}</option>
                            </volist>
                        </select>
                        <input type="hidden" name="type"  value="addlian" >
                        <input type="hidden" name="owner_code"  value="{$company_code_uid}" >
                        <button class="btn btn-green" onclick="Addlian()">新增</button>
                    </form>

                    <table class="table table-bordered table-hover table-striped table-condensed" data-toggle="tablefixed" data-height="150">
                                <thead>
                                    <tr>
                                        <th data-order-field="owner_code">单位编号</th>
                                        <th data-order-field="truename">用户名</th>
                                        <th data-order-field="phone">手机号</th>
                                        <th data-order-field="status">手机推送</th>
                                        <!-- <th data-order-field="types">接收报警类型</th> -->
                                        
                                        <th data-order-field="datetime">时间</th>
                                        <th width="200px"> 操作</th>
                                    </tr>
                                </thead>
                                <tbody id="owner_lian_tab">
                                    <volist name="lianlist" id="vo">
                                        <tr>
                                            <td>{$vo.owner_code}</td>
                                            <td><input type="text" name="username" form="lianlist{$vo.id}" value="{$vo.username}"> </td>
                                            <td><input type="text" name="phone" form="lianlist{$vo.id}" value="{$vo.phone}"></td>
                                            <td>
                                                <select data-toggle="selectpicker" form="lianlist{$vo.id}" name="status">
                                                    <option value="0" <if condition=" 0 eq $vo.status "> selected </if>  >不接收</option>
                                                    <option value="1" <if condition=" 1 eq $vo.status "> selected </if>  >接收</option>
                                                </select>
                                            </td>
                                            <!-- <td>
                                                <select data-toggle="selectpicker" form="lianlist{$vo.id}" name="types">
                                                    <option value="1" <if condition=" 1 eq $vo.types "> selected </if> >火警</option>
                                                    <option value="2" <if condition=" 2 eq $vo.types "> selected </if> >其他</option>
                                                    <option value="3" <if condition=" 3 eq $vo.types "> selected </if> >所有</option>
                                                </select>
                                            </td> -->
                                            <td>{$vo.time}</td>
                                            <td>
                                             <form id="lianlist{$vo.id}" >
                                            <input type="hidden" name="type"  value="sevalian" >
                                            <input type="hidden" name="lianid"  value="{$vo.id}" >
                                            
                                            </form>
                                            <button class="btn btn-green" onclick=Savelian("lianlist{$vo.id}") >保存</button>&nbsp;
                                            <button class="btn btn-red" onclick=Dellian("{$vo.id}",this)>删除</button>
                                            </td>
                                        </tr>
                                    </volist>
                                </tbody>
                    </table>
            </div>
            <div class="tab-pane fade" id="company_weibao">
                    <form action="__APP__{$action}" data-toggle="ajaxform" id="ownerweibao" >
                        <select data-toggle="selectpicker" name="username">
                            <option value="0">--请选择--</option>
                            <volist name="weibao" id="vot">
                                <option value="{$vot['agentid']}" >{$vot['truename']}</option>
                            </volist>
                        </select>
                        <input type="hidden" name="type"  value="addweibao" >
                        <input type="hidden" name="owner_code"  value="{$company_code_uid}" >
                        <button class="btn btn-green" onclick="AddWeibao()">新增</button>
                    </form>

                    <table class="table table-bordered table-hover table-striped table-condensed" data-toggle="tablefixed" data-height="150">
                                <thead>
                                    <tr>
                                        <th data-order-field="owner_code">单位编号</th>
                                        <th data-order-field="truename">用户名</th>
                                        <th data-order-field="datetime">时间</th>
                                        <th width="120px"> 操作</th>
                                    </tr>
                                </thead>
                                <tbody id="owner_weibao_tab">
                                    <volist name="weibaolist" id="vo">
                                        <tr>
                                            <td>{$vo.owner_code}</td>
                                            <td>{$vo.truename}</td>
                                            <td>{$vo.datetime}</td>
                                            <td><button class="btn btn-green" onclick=DelWeibao("{$vo.id}",this)>删除</button></td>
                                        </tr>
                                    </volist>
                                </tbody>
                    </table>
            </div>
            <div class="tab-pane fade" id="company_fujin">
                    <form action="__APP__{$action}" data-toggle="ajaxform" id="companyfujin" >
                        <select data-toggle="selectpicker" name="myownercode">
                            <option value="0">--请选择--</option>
                            <volist name="fujinselect" id="vot">
                                <option value="{$vot['owner_id']}" >{$vot['owner_name']} {$vot['unitinfo']}</option>
                            </volist>
                        </select>
                        <input type="hidden" name="type"  value="addfujin" >
                        <input type="hidden" name="owner_code"  value="{$company_code_uid}" >
                        <button class="btn btn-green" onclick="Addfujin()">新增</button>
                    </form>

                    <table class="table table-bordered table-hover table-striped table-condensed" data-toggle="tablefixed" data-height="150">
                                <thead>
                                    <tr>
                                        <th data-order-field="owner_code">单位编号</th>
                                        <th data-order-field="other_code">关联编号</th>
                                        <th data-order-field="owner_name">用户名</th>
                                        <th data-order-field="owner_address">单位地址</th>
                                        <th width="120px"> 操作</th>
                                    </tr>
                                </thead>
                                <tbody id="owner_fujin_tab">
                                    <volist name="fujinlist" id="vo">
                                        <tr>
                                            <td>{$vo.owner_code}</td>
                                            <td>{$vo.other_code}</td>
                                            <td>{$vo.owner_name}</td>
                                            <td>{$vo.owner_address}</td>
                                            <td><button class="btn btn-green" onclick=Delfujin("{$vo.id}",this)>删除</button></td>
                                        </tr>
                                    </volist>
                                </tbody>
                    </table>
            </div>
        </div>
    </div> 
</div>
<script>
        // lian
    function Addlian(){
      BJUI.ajax('ajaxform', {
            url: '__APP__{$action}',
            form: $('#ownerlian'),
            validate: false,
            loadingmask: false,
            okalert:false,
            alertmsg:false,
            okCallback: function(json, options) {
                var html='<tr>'+
                    '<td>'+json.owner_code+'</td>'+
                    '<td><input type="text" name="username" form="lianlist'+json.id+'" class="form-control" value="'+json.username+'"> </td>'+
                    '<td><input type="text" name="phone" form="lianlist'+json.id+'" class="form-control" value="'+json.phone+'"></td>'+
                    '<td>'+
                        '<select data-toggle="selectpicker" form="lianlist'+json.id+'" name="status">'+
                           '<option value="0"  >不接收</option>'+
                            '<option value="1"  >接收</option>'+
                        '</select>'+
                    '</td>'+
                    // '<td>'+
                    //     '<select data-toggle="selectpicker" form="lianlist'+json.id+'" name="types">'+
                    //         '<option value="3" >所有</option>'+
                    //         '<option value="1" >火警</option>'+
                    //         '<option value="2" >其他</option>'+
                            
                    //     '</select>'+
                    // '</td>'+
                    '<td>'+json.time+'</td>'+
                    '<td>'+
                     '<form id="lianlist'+json.id+'">'+
                    '<input type="hidden" name="type"  value="sevalian" >'+
                    '<input type="hidden" name="lianid"  value="'+json.id+'" >'+
                    '</form>'+
                    '<button class="btn btn-green" onclick=Savelian("lianlist'+json.id+'") >保存</button>&nbsp;&nbsp;'+
                    '<button class="btn btn-red" onclick=Dellian("'+json.id+'",this)>删除</button>'+
                    '</td>'+
                '</tr>';
                $('#owner_lian_tab').append(html);
                BJUI.alertmsg('ok', '添加成功！');
            

            }
        });  
    }
    function Dellian(fid,dom){
        BJUI.ajax('doajax', {
            url: '__APP__/home/Company/Dellian',
            data:{'id':fid},
            loadingmask: false,
            okCallback: function(json, options) {
                console.log(json);
                
                $(dom).parent().parent().remove();

            }
        })
    }
    function Savelian(formid){
        //console.log($('#'+formid).serialize());
        //console.log($('#'+formid).serializeArray());
        
        BJUI.ajax('ajaxform', {
            url: '__APP__{$action}',
            form: $('#'+formid),
            validate: false,
            loadingmask: false,
            okalert:false,
            alertmsg:false,
            okCallback: function(json, options) {
                console.log(json);
                if(json){
                    BJUI.alertmsg('ok', '保存成功！');
                }else{
                    BJUI.alertmsg('error', '保存失败！');
                }
                
            }
        });
    }
    //weibao
    function AddWeibao(){
      BJUI.ajax('ajaxform', {
            url: '__APP__{$action}',
            form: $('#ownerweibao'),
            validate: false,
            loadingmask: false,
            okalert:false,
            alertmsg:false,
            okCallback: function(json, options) {
                
                var html='<tr>'+
                    '<td>'+json.owner_code+'</td>'+
                    '<td>'+json.truename+'</td>'+
                    '<td>'+json.datetime+'</td>'+
                    '<td><button class="btn btn-green" onclick=DelWeibao("'+json.id+'",this)>删除</button></td>'+
                '</tr>';
                $('#owner_weibao_tab').append(html);
                BJUI.alertmsg('ok', '添加成功！');
            

            }
        });  
    }
    function DelWeibao(fid,dom){
        BJUI.ajax('doajax', {
            url: '__APP__/home/Company/Delwei',
            data:{'id':fid},
            loadingmask: false,
            okCallback: function(json, options) {
                //console.log('返回内容：\n'+ JSON.stringify(json));
                
                $(dom).parent().parent().remove();

            }
        })
    }
    function Addfujin(){
      BJUI.ajax('ajaxform', {
            url: '__APP__{$action}',
            form: $('#companyfujin'),
            validate: false,
            loadingmask: false,
            okalert:false,
            alertmsg:false,
            okCallback: function(json, options) {   
                var html='<tr>'+
                    '<td>'+json.owner_code+'</td>'+
                    '<td>'+json.other_code+'</td>'+
                    '<td>'+json.owner_name+'</td>'+
                    '<td>'+json.owner_address+'</td>'+
                    '<td><button class="btn btn-green" onclick=Delfujin("'+json.id+'",this)>删除</button></td>'+
                '</tr>';
                $('#owner_fujin_tab').append(html);
                BJUI.alertmsg('ok', '添加成功！');
            

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

            }
        })
    }
</script>