reportEditModal.html 4.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <ion-view>
  2. <div class="bar bar-header" style="background-image: none;background-color: #5BABE6;position:relative;">
  3. <div class="button button-icon icon pus_blue" ng-click="goback()"></div>
  4. <button class="button button-icon icon goback whiteGoBack noneContent" ng-click="goback()"></button>
  5. <h1 class="bar_title" style="color: #fff">{{pageTitle}}</h1>
  6. <div class="buttons" ng-click="saveData()">
  7. <span style="line-height:34px;padding-right:10px;color:#fff;">保存</span>
  8. </div>
  9. </div>
  10. <ion-content class="has-header" ng-class="{'android-top':!isIOSPlate,'ios-top':isIOSPlate}" delegate-handle="privateContent">
  11. <ul class="add_list_ul">
  12. <li ng-repeat="tmp in detailList" ng-if='tmp.type!="hidden"' style="border-bottom: 1px solid #ddd;padding:1px 10px;" ng-click="selectItems(tmp.selectaction,tmp.logoimg,$index)">
  13. <!-- 左边栏名称 -->
  14. <span ng-class="{'normal':true,'sub':tmp.subtitle,'triple':tmp.tripletitle,'starter':tmp.starter}"><sup ng-if='tmp.needed' style="color:red;">*</sup>{{tmp.title}}<small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.addImg">已添加{{tmp.imgLength}}个</small></span>
  15. <!-- 内容主体 -->
  16. <input ng-if='tmp.type=="input"||tmp.type=="fuzzyquery"' ng-change="selectOrgname(tmp.type,$index)" style="margin-bottom:4px;font-size:12px;display:inline-block;width:42%;text-align: right" ng-model="tmp.content" type="text" maxlength="{{tmp.maxlength}}" placeholder="{{tmp.placeholder}}">
  17. <input ng-if='tmp.type=="doubleinput"||tmp.noValue' ng-disabled="tmp.noValue" class="input-modal" style="width:19%;" ng-model="tmp.content" type="text" maxlength="{{tmp.maxlength}}" placeholder="{{tmp.placeholder}}">
  18. <input ng-if='tmp.type=="doubleinput"||tmp.noValue' ng-disabled="tmp.noValue" class="input-modal" style="width:19%;margin-left:10px; border-left:1px solid #DBD9D9;border-radius:0;" ng-model="tmp.content1" type="text" maxlength="{{tmp.maxlength}}" placeholder="{{tmp.placeholder1}}">
  19. <!-- 文本框 -->
  20. <span ng-if="tmp.textarea" style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">{{tmp.title}}<br><small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.maxlength">≤{{tmp.maxlength}}字</small></span>
  21. <textarea ng-if="tmp.textarea" class="add_list_txt" ng-model="tmp.content" placeholder="{{tmp.placeholder}}" style="font-size:12px;display:inline-block;vertical-align: top;width:76%;padding:5px 0;margin-top:0;border-bottom:none;" ></textarea>
  22. <!-- 选择项目箭头 -->
  23. <div ng-if="tmp.type=='select'" style="text-align: right;display: inline-block;width: 42%;">
  24. <select class="select-style" ng-model="tmp.content">
  25. <option ng-repeat="y in tmp.items" value="{{y.label}}">{{y.label}}</option>
  26. </select>
  27. </div>
  28. <!-- 选择项目箭头 -->
  29. <i ng-if="tmp.selectaction" class="ion-ios-arrow-right"></i>
  30. <!-- 模糊查询下拉列表 -->
  31. <ul ng-show="tmp.type=='fuzzyquery'&&isRelateUl" class="isRelateUl" style="overflow: visible;">
  32. <li ng-repeat="company in companylist" style="overflow: visible;">
  33. <span ng-bind-html="ttt(company.name)" ng-click="setCompanyName(company)">{{company.name}}</span>
  34. <!--<em ng-if="company.resourcelibrary != undefined && company.resourcelibrary.id > 0" class="goViewResource"-->
  35. <!--ng-click="jumpResourceDetail(company)">查看资源<i class="icon ion-ios-arrow-right"></i></em>-->
  36. </li>
  37. </ul>
  38. </li>
  39. </ul>
  40. </ion-content>
  41. <div ng-if="isWechat" ng-show="showMessage" class="container">
  42. <div class="message-box">{{messageTitle}}</div>
  43. </div>
  44. </ion-view>
  45. <style>
  46. .normal{
  47. display:inline-block;
  48. width:55%;
  49. padding-left:5px;
  50. font-size:0.3rem;
  51. }
  52. .sub{
  53. padding-left:10px;
  54. }
  55. .triple{
  56. padding-left:20px;
  57. }
  58. .starter{
  59. border-left:3px solid #5BABE6;
  60. }
  61. .input-modal{
  62. margin-bottom:4px;
  63. font-size:12px !important;
  64. display:inline-block !important;
  65. text-align: right;
  66. }
  67. .select-style{
  68. border-radius:3px;
  69. padding:3px 8px;
  70. margin:5px;
  71. margin-left:10%;
  72. }
  73. .android-top{
  74. top:50px;
  75. }
  76. .ios-top{
  77. top:70px;
  78. }
  79. </style>