itsm-pc-handle/assets/views/fixed/gdzc_edit.html

<style>
    .row {
        position: relative;
    }
    
    .left {
        width: 20%;
        position: absolute;
        left: 0;
        top: 0
    }
    /* 修改人信息 */
    
    .left .worker_message {
        width: 100%;
        height: 161px;
        background-color: #f9fbff;
        padding-left: 16px;
    }
    
    .left .worker_message .head {
        font-size: 14px;
        font-weight: bold;
        height: 36px;
        line-height: 36px
    }
    
    .left .worker_message .body {
        height: 125px;
    }
    
    .left .worker_message .body .pit {
        width: 30%;
        float: left;
        height: 100px;
        text-align: center;
    }
    
    .left .worker_message .body .pit img {
        width: 64%;
    }
    
    .left .worker_message .body .cot {
        float: left;
        font-size: 12px;
        width: 64%;
    }
    
    .left .worker_message .body .cot li {
        height: 20px;
        line-height: 20px;
        color: #858687;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    /* 资产属性 */
    
    .left .attribute_message {
        width: 100%;
        height: 394px;
        background-color: #f9fbff;
        padding-left: 16px;
        margin-top: 10px;
        padding-right: 16px;
        overflow: hidden;
    }
    
    .left .attribute_message .head {
        font-size: 14px;
        font-weight: bold;
        height: 36px;
        line-height: 36px;
    }
    
    .left .attribute_message .body li {
        height: 60px;
        line-height: 60px;
        border-bottom: 2px #f5f6f9 solid;
        font-size: 12px
    }
    
    .left .attribute_message .body .tit {
        float: left;
    }
    
    .left .attribute_message .body .neirong {
        float: right;
    }
    
    .right {
        /* width: 853px; */
        width: 76%;
        height: 564px;
        border: 1px #eeeeee solid;
        position: absolute;
        left: 21%;
        top: 0
    }
    
    .right .row {
        margin: 0
    }
    
    .right .submit {
        height: 57px;
        /* width: 851px; */
        width: 100%;
        /* background-color: red; */
        position: relative;
        left: 0;
        bottom: 0;
        text-align: center;
        /* line-height: 57px; */
        border-top: 1px #eeeeee solid;
    }
    
    .right .submit .sub {
        width: 80px;
        height: 34px;
        background-color: #123f8f;
        border: 1px #123f8f solid;
        border-radius: 2px;
        color: white;
        margin-top: 9px;
        margin-left: 0;
    }
    
    .right .submit .clo {
        width: 80px;
        height: 34px;
        background-color: #f2f2f2;
        border: 1px #d1d1d1 solid;
        border-radius: 2px;
        color: #d1d1d1;
        margin-top: 9px;
    }
    
    .container-fullw {
        border-bottom: 0;
        height: 800px;
    }
    
    .rightrow {
        overflow: hidden;
        height: 447px;
        overflow-y: scroll;
        margin-right: -15px;
        margin-left: 0;
        width: 100%;
    }
    
    .rightrowbottom {
        overflow: hidden;
        height: 600px;
        overflow-y: scroll;
        margin-right: -15px;
        margin-left: 0;
        width: 100%;
    }
    
    .right .panel {
        margin-top: 15px;
        background-color: #ddedff!important;
    }
    
    .right div.form-group label {
        margin-left: 8px
    }
    
    .right .titl_head {
        height: 58px;
        width: 100%;
        background-color: #f9fbff;
    }
    
    .haha {
        background-color: #ddedff!important;
        border-top: 5px #4a90e2 solid!important;
    }
    
    .right .titl_head .titl {
        float: left;
        height: 56px;
        line-height: 56px;
        padding: 0 16px;
        background-color: #f9fbff;
        border-top: 5px #eeeeee solid;
        cursor: pointer;
        font-size: 13px;
        margin-right: 1px;
    }
    
    .xianzhi {
        display: inline-block;
        width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    
    .tab-content>.tab-pane,
    .pill-content>.pill-pane {
        display: block;
        /* undo display:none */
        height: 0;
        /* height:0 is also invisible */
        overflow-y: hidden;
        /* no-overflow */
    }
    
    .tab-content>.active,
    .pill-content>.active {
        height: auto;
        /* let the content decide it */
    }
    
    .headmap {
        font-size: 14px;
        font-weight: bold;
        height: 36px;
        line-height: 36px;
    }
    
    .btn {
        transition: all 0.3s ease 0s !important;
        background-image: none !important;
        /* box-shadow: none !important; */
        outline: none !important;
        position: relative;
        padding: 6px 12px;
        border-radius: 2px;
    }
</style>
<!-- <section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle">固定资产列表
                <i tooltip='固定资产列表,点击操作处理任务' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i>
            </h1>
        </div>
    </div>
</section> -->
<section id="page-title">
    <div class="row">
        <!-- <i class="iconfont icon-bianji pull-left"></i> -->
        <div class="col-sm-8">
            <h1 class="mainTitle">固定资产编辑<i tooltip='固定资产,点击操作可编辑固定资产' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
        </div>
    </div>
</section>
<div class="modal-body">
    <div class="container-fluid container-fullw bg-white" ng-controller="gdzc_meansformCtrl">
        <div class="row" id="searchid">
            <div class="left">
                <div class="worker_message">
                    <div class="head">
                        修改人信息
                    </div>
                    <div class="body">
                        <div class="pit">
                            <img src="assets/images/cmdb/icon_touxiang.png" alt="">
                        </div>
                        <ul class="cot">
                            <li>
                                <span>姓名：{{user.name||'暂无'}}</span>
                            </li>
                            <li>
                                <span>科室：{{user.dept.dept||'暂无'}}</span>
                            </li>
                            <li>
                                <span>手机：{{user.phone||'暂无'}}</span>
                            </li>
                            <li>
                                <span>电话：{{user.telephone||'暂无'}}</span>
                            </li>
                            <li>
                                <span>邮箱：{{user.email||'暂无'}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="attribute_message">
                    <div class="head">
                        资产属性
                    </div>
                    <ul class="body">
                        <li>
                            <span class="tit">内部编码：</span><span class="neirong">{{jry_shuxing.model.uuid||'暂无'}}</span>
                        </li>
                        <li>
                            <span class="tit">最后更新人：</span>
                            <span class="neirong">{{jry_shuxing.model.props.lastupdateperson||'暂无'}}</span>
                        </li>
                        <li>
                            <span class="tit">创建时间：</span>
                            <span class="neirong">{{jry_shuxing.model.createtime||'暂无'}}</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="right">
                <form ng-submit="vm.submit(vm.model,vm.model.id,templateitem,'gray')">
                    <div class="row">
                        <!-- <div class="col-md-12 col-sm-4"> -->
                        <!-- <div class="col-md-12"> -->
                        <!-- <div ng-repeat="tab in vm.tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
                                    <div class="panel col-xs-12 bg-grey">
                                        <div class="panel-heading px-nested-panel-heading panel-heading-background clearfix">
                                            <h3 class="panel-title text-head">{{tab.title}} </h3>
                                        </div>
                                    </div>
                                    <formly-form model="tab.form.model" fields="tab.form.fields" form="vm.form" options="tab.form.options">
                                    </formly-form>
                                </div> -->
                        <!-- <div class="titl_head">
                                    <div ng-click="toindex($index)" ng-class="{true:'haha'}[$index==xianshi]" class="titl" ng-repeat="tab in vm.tabs">{{tab.title}} </div>
                                </div> -->
                        <!-- <div class="rightrow">
                                    <tabset ng-class="{backborder:vm.tabs}" class="margin-bottom-15">
                                        <tab ng-repeat="tab in vm.tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled">
                                            <formly-form model="tab.form.model" fields="tab.form.fields" form="vm.form" options="tab.form.options" class="col-xs-12" style="height:400px;overflow: auto;margin-top: 30px;">
                                            </formly-form>
                                        </tab>
                                        <tab heading="关系图">
                                            <div class="container-fluid container-fullw bg-white">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="row" style="height:600px">
                                                            <div class="row" id="meansmap" style="height:100%"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </tab>
                                    </tabset>
                                </div> -->
                        <div class="titl_head">
                            <div ng-click="toindex($index)" ng-class="{true:'haha'}[$index==xianshi]" class="titl" ng-repeat="tab in vm.tabs">{{tab.title}} </div>
                            <!-- <button ng-click="openmap(vm.tabs.length)" class="titl pull-right">资产关系图</button> -->
                            <!-- <a class="btn btn-zancun pull-right" style="margin-top:10px;margin-right:10px" ng-click="lookoutsystem(tab)" data-dismiss="modal">查看性能</a> -->
                            <button class="btn btn-primary pull-right" style="margin-top:10px;margin-right:10px" ng-click="lookmap(tab)" data-dismiss="modal">资产关系图</button>
                            <!-- <button type="submit " ladda="ldloading.gray " ng-disabled="!vm.form.$$parentForm.$valid " class="col-md-offset-8 btn btn-primary sub pull-right">资产关系图</button> -->
                        </div>
                        <div id="mapwidth">
                            <div ng-repeat="tab in vm.tabs" ng-show="$index==xianshi" class="rightrow">
                                <formly-form model="tab.form.model" fields="tab.form.fields" form="vm.form" options="tab.form.options">
                                </formly-form>
                            </div>
                            <!-- <div class="row" ng-show="vm.tabs.length==xianshi">
                                <div class="pull-left" style="padding:10px" ng-style='width'>
                                    <div style="border:1px solid #eee;;border-radius: 2px">
                                        <div class="padding-10"><span>资产关系图</span>
                                            <button class="btn btn-searchbutton steelbutton pull-right" ng-click="changemeans()" ng-disabled="!guanlianable" type="button">新增关联</button>
                                        </div>
                                        <div class="rightrowbottom">
                                            <div class="row" id="meansmap" style="height:430px;width:100%;min-width:600px"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="attribute_message pull-right" style="margin-right:0px;padding-right:10px;padding-top:10px;padding-bottom:10px;width:200px">
                                    <div style="border:1px solid #eee;padding:5px;color:#666;height:430px;border-radius: 2px">
                                        <div class="headmap padding-5">
                                            资产现状
                                        </div>
                                        <div class="body" style="color:#999">
                                            <div class=" padding-5 ">
                                                <span class="tit ">内部编码：</span>
                                                <span class="neirong ">{{cmdbtype.uuid||'暂无'}}</span>
                                            </div>
                                            <div class="padding-5 ">
                                                <span class="tit ">配置标题：</span>
                                                <span class="neirong ">{{cmdbtype.name||'暂无'}}</span>
                                            </div>
                                            <div class="padding-5 ">
                                                <span class="tit ">状态：</span>
                                                <span class="neirong ">{{cmdbtype.status||'暂无'}}</span>
                                            </div>
                                            <div class="padding-5 ">
                                                <span class="tit ">资产管理员：</span>
                                                <span class="neirong ">{{cmdbtype.person||'暂无'}}</span>
                                            </div>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div> -->
                            <!-- </div> -->
                            <!-- </div> -->
                        </div>
                        <div class="submit ">
                            <button type="submit " ladda="ldloading.gray " ng-disabled="!vm.form.$$parentForm.$valid " class="col-md-offset-8 btn btn-primary sub ">保存</button>
                            <button type="close " class=" btn btn-primary clo " ng-click="closeModel() " translate="form.button.CLOSE ">CLOSE </button>
                        </div>
                </form>
                </div>
            </div>
        </div>
    </div>