itsm-whlg/wechat/pcreq/assets/views/dashboard.html

<style>
    .upLoadText {
        margin: 0;
    }

    .bodyDiv-left {
        width: 700px;
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
    }

    .padding-17 {
        padding: 17px;
    }

    .bodyDiv-left-top {
        height: 368px;
        border: 1px solid #9AA2A7;
        border-radius: 8px;
        background-color: white;
        margin-bottom: 20px;
    }

    .bodyDiv-left-top-tr-3 {
        font-size: 16px;
        color: RGBA(102, 102, 102, 1);
        padding-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .bodyDiv-left-bottom {
        height: 208px;
        border: 1px solid #9AA2A7;
        border-radius: 8px;
        background-color: white;
    }

    .bodyDiv-right {
        width: 270px;
        display: inline-block;
        vertical-align: top;
    }

    .bodyDiv-right-top {
        height: 208px;
        border: 1px solid #9AA2A7;
        border-radius: 8px;
        background-color: white;
        margin-bottom: 20px;
        background-image: url('./assets/images/bg_baozhang.png');
        background-size: 100%;
        background-repeat: no-repeat;
        /* padding-left: 17px; */
        /* padding-right: 17px; */
    }

    .bodyDiv-right-top-1 {
        height: 34px;
        /* line-height: 34px; */
        font-size: 18px;
        color: rgba(51, 51, 51, 1);
        text-align: center;
        margin-bottom: 34px;
    }

    .bodyDiv-right-top-2 {
        height: 52px;
        line-height: 46px;
        font-size: 16px;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        background-image: url('./assets/images/bg_woyaobaozhang.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .bodyDiv-right-top-3 {
        height: 52px;
        line-height: 62px;
        font-size: 16px;
        color: rgba(51, 51, 51, 1);
        text-align: center;
        background-image: url('./assets/images/bg_wodebaozhang.png');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .bodyDiv-right-bottom {
        height: 368px;
        border: 1px solid #9AA2A7;
        border-radius: 8px;
        background-color: white;
    }

    .bodyDiv-left-top-span-1 {
        font-size: 20px;
        color: rgba(51, 51, 51, 1);
    }

    .bodyDiv-left-top-span-2 {
        float: right;
        font-size: 14px;
        color: rgba(26, 61, 100, 1)
    }

    .bodyDiv-left-bottom-0 {
        padding: 0px 24px;
    }

    .bodyDiv-left-bottom-1 {
        height: 34px;
        font-size: 16px;
        color: #666666;
        line-height: 34px;
        border-bottom: 1px solid #D1D1D1;
        margin-bottom: 10px;
    }

    .bodyDiv-left-bottom-span-2 {
        float: right;
        color: #D1D1D1;
    }

    .textOver {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .bodyDiv-right-bottom-0 {
        /* border-bottom: 1px solid #D1D1D1 */
    }

    .bodyDiv-right-bottom-1 {
        padding-bottom: 10px;
    }

    .bodyDiv-right-bottom-2 {
        height: 20px;
        padding-bottom: 10px;
    }

    .bodyDiv-right-bottom-2-1 {
        display: inline-block;
        vertical-align: top;
        /* padding-bottom: 10px; */
    }

    .bodyDiv-right-bottom-2-1>img {
        width: 20px;
        height: 20px;
    }

    .bodyDiv-right-bottom-2-2 {
        display: inline-block;
        vertical-align: top;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: RGBA(153, 153, 153, 1)
    }

    .bodyDiv-right-bottom-2-3 {
        float: right;
        display: inline-block;
        vertical-align: top;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: rgba(153, 153, 153, 1);
    }

    .bodyDiv-right-bottom-3 {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        /* padding-bottom: 10px; */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .borderBottom {
        border-bottom: 1px solid #d1d1d1;
        margin-bottom: 10px;
        padding-bottom: 4px;
    }

    .gengDuo {
        color: #d1d1d1 !important;
    }

    .quesheng {
        text-align: center;
        padding-top: 50px;
    }
</style>

<div>
    <div class="bodyDiv-left">
        <div class="bodyDiv-left-top padding-17">
            <div>
                <span class="bodyDiv-left-top-span-1">常见问题</span>
                <span class="bodyDiv-left-top-span-2">
                    <a class="gengDuo" href="#/tab/knowledgeList" ng-click="nevigateChange('常见问题')"> 更多&gt;&gt;</a>
                </span>
            </div>
            <div class="item" ng-if="!solutionLists.length">
                <div class="quesheng">
                    <span class=""> 暂无常见问题</span>
                </div>
            </div>
            <br>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" ng-repeat="item in solutionLists">

                <tr>
                    <td width="50" valign="top">
                        <img src="assets/images/bz_user.jpg" width="36" height="36">
                    </td>
                    <td>{{item.title}}</td>
                </tr>
                <tr>
                    <td width="50" valign="top">&nbsp;</td>
                    <td class="more">{{item.createUserName}} 于 {{item.createtime | date:"yyyy-MM-dd HH:mm:ss" }}
                        创建　|　{{item.releasetime | date:"yyyy-MM-dd HH:mm:ss"}} 发布</td>
                </tr>
                <tr>
                    <td width="50" valign="top">&nbsp;</td>
                    <td class="bodyDiv-left-top-tr-3">摘要 : {{item.fileAbstract}}</td>
                <tr>
                    <td width="50" valign="top">&nbsp;</td>
                    <td align="right"> </td>
                </tr>
                <tr>
                    <td height="20" colspan="2" valign="top" style="border:#999999 dotted;border-width:0px 0px 1px 0px">
                    </td>
                </tr>
                <tr>
                    <td height="20" colspan="2" valign="top"></td>
                </tr>
            </table>
        </div>
        <!-- <div class="bodyDiv-left-bottom padding-17">
            <div style="padding-bottom: 25px;">
                <span class="bodyDiv-left-top-span-1">服务指南</span>
            </div>
            <div class="bodyDiv-left-bottom-0">
                <a ng-href="{{item.url}}" target="_blank" ng-repeat="item in serviceList1">
                    <div class="bodyDiv-left-bottom-1">
                        <span class="bodyDiv-left-bottom-span-1">{{item.name}}</span>
                        <span class="bodyDiv-left-bottom-span-2">&gt;</span>
                    </div>
                </a>
            </div>
        </div> -->
    </div>
    <div class="bodyDiv-right">
        <div class="bodyDiv-right-top">
            <div class="padding-17">
                <div class="bodyDiv-right-top-1">
                    报障入口
                </div>
                <a href="#/tab/requesterIndex" ng-click="nevigateChange('我要报障')">
                    <div class="bodyDiv-right-top-2">
                        我要报修
                    </div>
                </a>
                <a href="#/tab/requesterList" ng-click="nevigateChange('我的报障')">
                    <div class="bodyDiv-right-top-3">
                        我的报修
                    </div>
                </a>
            </div>
        </div>
        <!-- <div class="bodyDiv-right-bottom padding-17">
            <div class="bodyDiv-right-bottom-0">
                <div class="bodyDiv-right-bottom-1">
                    <span class="bodyDiv-left-top-span-1">最新公告</span>
                    <span class="bodyDiv-left-top-span-2">
                        <a class="gengDuo" href="#/tab/noticeList" ng-click="nevigateChange('公告列表')"> 更多&gt;&gt;</a>
                    </span>
                </div>
                <div class="item" ng-if="!noticeList.length">
                    <div class="quesheng">
                        <span class=""> 暂无公告</span>
                    </div>
                </div>
                <div class="borderBottom" ng-repeat="item in noticeList">
                    <div class="bodyDiv-right-bottom-3">
                        <div class="bodyDiv-right-bottom-2-1">
                            <img src="./assets/images/icon_liebiao.png" alt="">
                        </div> {{item.content}}
                    </div>
                    <div class="bodyDiv-right-bottom-2">
                        <div class="bodyDiv-right-bottom-2-2">
                            {{item.departmentName}}
                        </div>
                        <div class="bodyDiv-right-bottom-2-3">
                            {{item.createTime | filterTime}}
                        </div>
                    </div>

                </div>
            </div>
        </div> -->
    </div>
</div>
<!-- <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center">
            <table width="1000" border="0" cellspacing="10">
                <tr>
                    <td width="650" valign="top" class="bg1">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td class="title2">报障信息</td>
                            </tr>
                        </table>
                        <TABLE width="100%" align="center" bgcolor="#c9deef" border="0" cellspacing="1" cellpadding="5">
                            <TBODY>
                                <TR>
                                    <TD bgcolor="#e9f2f9">请求人</TD>
                                    <TD bgcolor="#ffffff"><input name="textfield" type="text" class="input1" id="textfield" ng-model="loginUser.name" disabled="disabled"></TD>
                                    <TD bgcolor="#e9f2f9">电话</TD>
                                    <TD bgcolor="#ffffff"><input name="textfield2" type="text" class="input1" id="textfield2" ng-model="loginUser.mphone" disabled="disabled"></TD>
                                </TR>
                                <TR>
                                    <TD bgcolor="#e9f2f9">区域</TD>
                                    <TD bgcolor="#ffffff" style="position: relative;">
                                        <select class="input1" style="width:160px" ng-model="areaSelected" ng-options="areaList.area for areaList in requesterArea" ng-change="getPlace(areaSelected.id)">
                                                <option value="">请选择...</option>
                                            </select>
                                        <div style="position: absolute;width: 100px;top: 8px;left: 10px;background: white;">{{areaSelected.area}}</div>
                                    </TD>
                                    <TD bgcolor="#e9f2f9">地点</TD>
                                    <TD bgcolor="#ffffff" style="position: relative;">
                                        <select class="input1" style="width:160px" ng-model="placeSelected" ng-options="placeList.place for placeList in requesterPlace">
                                                <option value="">请选择...</option>
                                            </select>
                                        <div style="position: absolute;width: 100px;top: 8px;left: 10px;background: white;">{{placeSelected.place}}</div>
                                    </TD>
                                </TR>


                                <TR>
                                    <TD bgcolor="#e9f2f9">详细地址</TD>
                                    <TD colspan="3" bgcolor="#ffffff"><input name="textfield3" type="text" class="input1" id="textfield3" size="50" ng-model="loginUser.houseNumber"></TD>
                                </TR>
                                <TR>
                                    <TD bgcolor="#e9f2f9">故障类型</TD>
                                    <TD colspan="3" bgcolor="#ffffff" style="position: relative;">
                                        <select class="input1" style="width:160px" ng-model="cListSelect" ng-options="cList.name for cList in classifyList">
                                                <option value="">请选择...</option>
                                            </select>
                                        <div style="position: absolute;width: 100px;top: 8px;left: 10px;background: white;">{{cListSelect.name}}</div>
                                    </TD>
                                           </TR>
                                <TR>
                                    <TD bgcolor="#e9f2f9">主题</TD>
                                    <TD colspan="3" bgcolor="#ffffff"><input name="textfield4" type="text" class="input1" id="textfield4" size="50" ng-model="theme"></TD>
                                </TR>
                                <TR>
                                    <TD bgcolor="#e9f2f9">详细描述</TD>
                                    <TD colspan="3" bgcolor="#ffffff"><textarea name="textfield11" cols="50" rows="10" class="input1" id="textfield11" style="height:100px" ng-model="description"></textarea></TD>
                                </TR>
                                <TR>
                                    <TD bgcolor="#e9f2f9">附件</TD>
                                    <TD colspan="3" bgcolor="#ffffff">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <div ng-repeat="item in uploader.queue">
                                                    <p ng-show="item.file.type=='image/png'" ng-thumb="{ file: item._file, height: 100 }"></p>
                                                    <p ng-show="item.file.type=='image/jpeg'" ng-thumb="{ file: item._file, height: 100 }"></p>
                                                    <p ng-show="item.file.type=='image/jpg'" ng-thumb="{ file: item._file, height: 100 }"></p>
                                                    <p class="upLoadText" ng-show="uploader.isHTML5">文件名&nbsp;&nbsp;{{ item.file.name }}</p>
                                                    <p class="upLoadText" ng-show="uploader.isHTML5" nowrap>文件大小&nbsp;&nbsp;{{ item.file.size/1024/1024|number:2 }} MB</p>
                                                </div>


                                            </tr>
                                            <tr>
                                                <div>
                                                    <input type="file" nv-file-select="" uploader="uploader" multiple="">
                                                </div>
                                            </tr>
                                            <tr>
                                                <td class="more">最多上传4张图片，每张不超过5M，支持jpg、png</td>
                                            </tr>
                                            <tr>
                                                <td class="more" ng-if="uploader.getNotUploadedItems().length">
                                                    <input type="submit" class="bt2" style="background: #EA641D; color: black;" id="button2" value="取 消" ng-click="uploader.clearQueue()" ng-disabled="!uploader.queue.length" disabled="disabled">
                                                </td>
                                            </tr>
                                        </table>


                                    </TD>
                                </TR>
                            </TBODY>
                        </TABLE>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td height="60" align="center" valign="bottom"><input type="button" class="bt1" id="button" value="提 交" ng-click="submit()">
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td valign="top" class="bg1">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td class="title2">最新知识</td>
                            </tr>
                        </table>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" ng-repeat="item in solutionList">

                            <tr>
                                <td width="50" valign="top"><img src="assets/images/bz_user.jpg" width="36" height="36"></td>
                                <td>{{item.createUserName}}</td>
                            </tr>
                            <tr>
                                <td width="50" valign="top">&nbsp;</td>
                                <td class="more">{{item.updatetime | date:"yyyy-MM-dd HH:mm:ss"}}</td>
                            </tr>
                            <tr>
                                <td width="50" valign="top">&nbsp;</td>
                                <td>
                                    <span ng-bind-html="item.content"></span>
                                </td>
                            </tr>
                            <tr>
                                <td height="20" colspan="2" valign="top" style="border:#999999 dotted;border-width:0px 0px 1px 0px"></td>
                            </tr>
                            <tr>
                                <td height="20" colspan="2" valign="top"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table> -->