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

<style>
    .upLoadText {
        margin: 0;
    }
    
    .upLoadButton {
        display: inline-block;
        height: 26px;
        width: 70px;
        line-height: 26px;
        font-size: 13px;
        border-radius: 4px;
        text-align: center;
        margin-right: 16px;
        /* border: 0.2rem solid #eeeeee; */
        /* background: url(./assets/images/weChat/tianjia.png); */
        /* background-repeat: no-repeat; */
        /* background-size: 60%; */
        /* background-position-x: center; */
        /* background-position-y: center; */
        background-color: #2379BC;
        color: white;
        vertical-align: top;
        /* margin-bottom: 0.5rem; */
        position: relative;
    }
    
    .uploadedFile {
        opacity: 0;
        height: 26px;
        width: 70px;
        overflow: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    .upLoadCancel {
        display: inline-block;
        color: #999999;
        height: 26px;
        width: 70px;
        line-height: 26px;
        font-size: 13px;
        border-radius: 4px;
        text-align: center;
        /* font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei"; */
        /* border: #D5D5D5 1px solid; */
        background-color: #EA641D;
        color: white;
    }
</style>

<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="contacts">
                                    </TD>
                                    <TD bgcolor="#e9f2f9">联系电话</TD>
                                    <TD bgcolor="#ffffff">
                                        <input name="textfield2" type="text" class="input1" id="textfield2" ng-model="contactsInformation">
                                    </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">
                                        <div style="width:385px">
                                            <ui-select ng-model="areaSelected.areaData" reset-search-input="false" ng-change="getAreaPlace()">
                                                <ui-select-match>
                                                    <span ng-bind="$select.selected.area"></span>
                                                </ui-select-match>
                                                <ui-select-choices repeat="item in requesterArea">
                                                    <span ng-bind="item.area"> </span>
                                                </ui-select-choices>
                                            </ui-select>
                                        </div>
                                    </TD>
                                </TR>
                                <TR>
                                    <TD bgcolor="#e9f2f9">选择地点</TD>
                                    <TD colspan="3" bgcolor="#ffffff">
                                        <div style="width:385px">
                                            <ui-select ng-model="placeSelected.placeData" reset-search-input="false">
                                                <ui-select-match>
                                                    <span ng-bind="$select.selected.place"></span>
                                                </ui-select-match>
                                                <ui-select-choices repeat="item in (requesterPlace | filter:$select.search) track by item.id">
                                                    <span ng-bind="item.place"> </span>
                                                </ui-select-choices>
                                            </ui-select>
                                        </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">
                                                    <!--<span ng-repeat="item in uploader.queue"></span>-->
                                                    <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> -->
                                                <div class="upLoadButton" ng-if="uploader.queue.length<3">添加附件
                                                    <input class="uploadedFile" name="uploadedFile" type="file" style="opacity: 0;" nv-file-select="" uploader="uploader" />
                                                </div>
                                                <div class="upLoadCancel" ng-if="uploader.getNotUploadedItems().length" ng-click="uploader.clearQueue()">清空附件
                                                    <!-- <input class="uploadedFile" name="uploadedFile" type="file" style="opacity: 0;" nv-file-select="" uploader="uploader" /> -->
                                                </div>
                                            </tr>
                                            <tr>
                                                <td class="more">可以上传文档和图片，最多上传3个附件,每个附件不超过6M，支持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>

                                        <!--<table class="table">
                                            <thead>
                                                <tr>
                                                    <th width="50%">Name</th>
                                                    <th ng-show="uploader.isHTML5">Size</th>
                                                    <th ng-show="uploader.isHTML5">Progress</th>
                                                    <th>Status</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr ng-repeat="item in uploader.queue">
                                                    <td>
                                                        <strong>{{ item.file.name }}</strong>
                                                       
                                                        <div ng-show="uploader.isHTML5" ng-thumb="{ file: item._file, height: 100 }"></div>
                                                      
                                                    </td>
                                                    <td ng-show="uploader.isHTML5" nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td>
                                                    <td ng-show="uploader.isHTML5">
                                                        <div class="progress" style="margin-bottom: 0;">
                                                            <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                                                        </div>
                                                    </td>
                                                    <td class="text-center">
                                                        <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span>
                                                        <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                                        <span ng-show="item.isError"><i class="glyphicon glyphicon-remove"></i></span>
                                                    </td>
                                                    <td nowrap>
                                                        <button type="button" class="btn btn-success btn-xs" ng-click="item.upload()" ng-disabled="item.isReady || item.isUploading || item.isSuccess">
                                        <span class="glyphicon glyphicon-upload"></span> Upload
                                    </button>
                                                        <button type="button" class="btn btn-warning btn-xs" ng-click="item.cancel()" ng-disabled="!item.isUploading">
                                        <span class="glyphicon glyphicon-ban-circle"></span> Cancel
                                    </button>
                                                        <button type="button" class="btn btn-danger btn-xs" ng-click="item.remove()">
                                        <span class="glyphicon glyphicon-trash"></span> Remove
                                    </button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </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()">
                                    <!--<input name="button2" type="submit" class="bt2" id="button2" value="取 消">-->
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>