itsm-pc-handle/assets/views/system/processNode.html

<style>
    .bigBoxBg{
       background-color: rgb(249,249,249);
       padding: 8px 0
    }
    .fonsize{
        font-size: 14px
    }
    .leftBox{
       border: 1px rgb(234,234,234) solid;
       background-color: white;
       padding: 11px;
       margin-top: 7px;
       height: 535px;
   }
   .leftBox i{
       font-size: 14px;
       color: rgb(121,163,196)
   }
   .leftBox .list{
       height: 30px;
       line-height: 30px;
       padding: 0 4px
   }
   .leftBox .listCliI{
       color:rgb(0,83,149)
   }
   .leftBox .listCli{
       background-color: rgb(230,238,244);
   }
   .leftBox .list span{
       font-size: 14px;
       display: inline-block;
       margin-left: 4px
   }
   .rightBox{
        border: 1px rgb(234,234,234) solid;
       background-color: white;
       padding: 11px;
       margin-top: 7px;
       height: 535px;
   }
   th,td{
         word-wrap:break-word;
         padding: 6px 8px;
         border: 1px solid #ddd;
   }
   .jry_table{
        border: 1px solid #ddd;
   }
   .bianji{
    color: #6f9ad4;
    cursor: pointer;
   }
</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>
<div ng-controller="processNodeCtr">
    <div class="col-xs-12 bigBoxBg">
        <div class="col-xs-3">
            <div class="fonsize">流程提示管理：</div>
            <div class="leftBox">
                <div class="list" ng-repeat="v in listData" ng-click="leftListCli($index,v)" ng-class="{'listCli':$index==leftListIdx}">
                    <i class="iconfont icon-liebiao1" ng-class="{'listCliI':$index==leftListIdx}"></i>
                    <span>{{v.name}}</span>
                </div>
            </div>
        </div>
        <div class="col-xs-9">
            <div class="fonsize">{{tableName}}：</div>
            <div class="rightBox">
                <!-- 报修 -->
                <table class="jry_table" ng-if="tableName=='报修流程提示设置'" cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;table-layout:fixed">
                    <thread>
                        <tr>
                            <th style="text-align:center;width:8%">
                                序号
                            </th>
                            <th style="text-align:center;width:8%">
                                默认流程节点名称
                            </th>
                            <th style="text-align:center;width:34%">
                                默认提示
                            </th>
                            <th style="text-align:center;width:8%">
                                修改后流程节点名称
                            </th>
                            <th style="text-align:center;width:34%">
                                修改后提示
                            </th>
                            <th style="text-align:center;width:8%">
                                操作
                            </th>
                        </tr>
                    </thread>
                    <tbody class="tbody-hover">
                        <tr ng-repeat="rowData in rRowscatergry">
                            <td style="text-align:center;width:8%">
                                {{$index+1}}
                            </td>
                            <td style="text-align:center;width:8%">
                                {{rowData.guding.name}}
                            </td>
                            <td style="width:34%">
                                {{rowData.guding.desc}}
                            </td>
                            <td style="text-align:center;width:8%">
                                {{rowData.gaidong.name}}
                            </td>
                            <td style="width:34%">
                                {{rowData.gaidong.desc}}
                            </td>
                            <td style="text-align:center;width:8%" class="bianji">
                                <span ng-click="bxBianji(rowData)">编辑</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- 处理 -->
                <table class="jry_table" ng-if="tableName=='处理流程提示设置'" cellspacing="0" cellpadding="20" style="font-weight:normal !important;margin-bottom: 15px;table-layout:fixed">
                    <thread>
                        <tr>
                            <th style="text-align:center;width:8%">
                                序号
                            </th>
                            <th style="text-align:center;width:8%">
                                流程节点名称
                            </th>
                            <th style="text-align:center;width:34%">
                                修改后提示
                            </th>
                            <th style="text-align:center;width:8%">
                                操作
                            </th>
                        </tr>
                    </thread>
                    <tbody class="tbody-hover">
                        <tr ng-repeat="rowData in rRowscatergry2">
                            <td style="text-align:center;width:8%">
                                {{$index+1}}
                            </td>
                            <td style="text-align:center;width:8%">
                                {{rowData.gaidong.name}}
                            </td>
                            <td style="width:34%">
                                {{rowData.gaidong.desc}}
                            </td>
                            <td style="text-align:center;width:8%" class="bianji">
                                <span ng-click="bxBianji2(rowData)">编辑</span>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>