inputForm.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <ul class="add_list_ul">
  2. <li ng-repeat="tmp in fatherdata.detailList" ng-init="outIndex=$index" ng-if='tmp.type!="hidden" &&!tmp.ifshow &&
  3. (fatherdata.detailList[5].title != "资产情况" ||
  4. (fatherdata.detailList[5].title == "资产情况"&& (($index!=6&& $index!=7) ||
  5. ($index==6 && fatherdata.detailList[5].content=="自有厂房") ||
  6. ($index==7 && fatherdata.detailList[5].content=="自有厂房"))))'
  7. ng-style="{'color':tmp.title=='企业性质'&&forbid?'#a1a1a1':''}"
  8. style="border-bottom: 1px solid #ddd;padding:1px 10px;"
  9. ng-click="selectItems(tmp.selectaction,tmp.logoimg,outIndex)">
  10. <!-- 左边栏名称 -->
  11. <span ng-if="!tmp.toggle&&!tmp.textarea" style="width: 100%; padding-left:5px;">
  12. <sup ng-if='tmp.needed' style="color:red;">*</sup>{{tmp.title}}
  13. <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.addImg">已添加{{tmp.imgLength}}个</small>
  14. </span>
  15. </span>
  16. <!-- 内容主体 -->
  17. <!-- ng-disabled="true"-->
  18. <input ng-if='tmp.input&&tmp.type!="date"&&!tmp.toggle&&tmp.type!="multiSelect"'
  19. ng-style="{'color':tmp.title=='企业性质'&&forbid?'#a1a1a1':''}"
  20. ng-change="selectOrgname(tmp.selectorgname,outIndex,tmp)" ng-disabled="tmp.selectaction"
  21. style="margin-bottom:4px;font-size:12px;display:inline-block;width:calc(100% - 20px);text-align: left;"
  22. ng-model="tmp.content" type="{{tmp.type=='cascade'?'text':tmp.type}}" maxlength="{{tmp.maxlength}}"
  23. placeholder="{{tmp.placeholder}}">
  24. <!--<span ng-if="tmp.type=='date'" ng-bind="validedTime | date:'yyyy-MM-dd'" ng-click="openDatePicker('detail',outIndex)" style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;width:63%;text-align: right" ng-model="tmp.content"></span>-->
  25. <input ng-if="tmp.type=='date'" placeholder="{{tmp.placeholder}}" type='text'
  26. ng-click="openDatePicker('detail',outIndex)"
  27. style="margin-bottom:4px;font-size:12px;display:inline-block;width:calc(100% - 10px);text-align: left"
  28. ng-model="tmp.content">
  29. <!--<input ng-if="tmp.type=='date'" type="text" name="appDateTime" id="appDateTime" readonly class="input" />-->
  30. <!-- 文本框 -->
  31. <span ng-if="tmp.textarea&&defaultLan == 'Chinese'"
  32. style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
  33. <sup ng-if='tmp.needed' style="color:red;">*</sup>
  34. {{tmp.title}}
  35. <br>
  36. <!-- <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.maxlength">≤{{tmp.maxlength}}字</small>-->
  37. </span>
  38. <span ng-if="tmp.textarea&&defaultLan == 'English'"
  39. style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
  40. <sup ng-if='tmp.needed' style="color:red;">*</sup>
  41. {{tmp.title}}
  42. <br>
  43. <!-- <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="tmp.maxlength">≤{{tmp.maxlength}} words</small>-->
  44. </span>
  45. <textarea ng-if="tmp.textarea" class="add_list_txt" ng-model="tmp.content"
  46. placeholder="{{tmp.placeholder+'≤'+tmp.maxlength+'字'}}"
  47. style="font-size:12px;vertical-align: top;width:76%;padding:5px 0;margin-top:0;border-bottom:none;"></textarea>
  48. <!--<textarea ng-if="tmp.textarea" id="editor" name="editor" class="add_list_txt" style="height: 200px;" ng-show="showrichbox()"></textarea>-->
  49. <!-- 选择项目箭头 -->
  50. <i ng-if="!(tmp.title=='企业性质'&&forbid)&&tmp.selectaction" class="ion-ios-arrow-right"></i>
  51. <!-- 模糊查询下拉列表 -->
  52. <ul ng-if="tmp.selectorgname&&isRelateUl" class="isRelateUl" style="overflow: visible;">
  53. <li ng-repeat="company in companylist" style="overflow: visible;">
  54. <span style="display:inline-block;width:80%;max-width: 80%;" ng-bind-html="ttt(company.name)"
  55. ng-click="setCompanyName(company)">{{company.name}}</span>
  56. <em ng-if="company.resourcelibrary != undefined && company.resourcelibrary.id > 0" class="goViewResource"
  57. ng-click="jumpResourceDetail(company)">查看资源<i class="icon ion-ios-arrow-right"></i></em>
  58. </li>
  59. </ul>
  60. <span ng-if="tmp.type=='multiSelect'" style="height: 31px">
  61. <span ng-repeat="(index,item) in tmp.list">
  62. <span ng-click="changetechnicaltransform(item,tmp)" ng-class="{'submit-mark':true,'bg-bluepurple':item.show}">
  63. <i class="icon ion-checkmark-round"></i>
  64. </span>
  65. <span style="padding-left:2px;padding-right: 5px">{{item.itemvalue}}</span>
  66. </span>
  67. </span>
  68. <!-- 切换开关 -->
  69. <ion-toggle ng-if="tmp.toggle" ng-model="tmp.togglecontent" class="toggle-style" ng-change="watchIsChange(outIndex)"
  70. ng-checked="tmp.togglecontent">
  71. <sup ng-if='tmp.needed' style="color:red;">*</sup> {{tmp.title}}
  72. <!-- <span style="font-size:12px;color:#aaa">{{tmp.togglecontent?"是":"否"}}</span> -->
  73. <span class="isactiveInfoWrap">{{tmp.togglecontent?"是":"否"}}</span>
  74. </ion-toggle>
  75. <!-- 多选 -->
  76. <ion-checkbox
  77. style='padding-top:10px;padding-bottom:10px;margin:0;font-size:14px;border:none;border-bottom:1px dotted #aaa;'
  78. class="item item-checkbox item-checkbox-right checkbox-balanced" ng-if='tmp.checkbox'
  79. ng-repeat="item in tmp.checkboxItems" ng-model='item.checked' ng-checked="item.checked">
  80. {{item.text}}
  81. </ion-checkbox>
  82. <!-- LOGO -->
  83. <div ng-if="tmp.logoimg" style="display: inline-block;width:63%;vertical-align: top;text-align: right;">
  84. <div
  85. style="display: inline-block;width:70px;height:70px;border-radius:50%;overflow: hidden;vertical-align: middle;">
  86. <img ng-src="{{tmp.content | imgfilter}}" onerror="javascript:this.src='./img/admin_picter.jpg';"
  87. style="width:70px;height:70px;">
  88. </div>
  89. </div>
  90. <!-- 加载图片 -->
  91. <div ng-if="tmp.addimg" style="display: inline-block;
  92. width:100%;vertical-align: middle;text-align: right;
  93. transform: translate(0, -11px)">
  94. <a href="" class="upload_add" ng-click="addImage(outIndex,'detail')">+</a>
  95. </div>
  96. <ion-scroll ng-if="tmp.addimg" ng-show="tmp.tempimagelist.length>0" scroll="true" has-bouncing="true" direction="x"
  97. scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" style="overflow-x:hidden;overflow-y:hidden;">
  98. <a class="photo_img" ng-repeat="image in tmp.tempimagelist track by $index" ng-init="imageIndex=$index">
  99. <img ng-src="{{image.photoName | picturefilter}}" onerror="javascript:this.src='./img/fens.png';"
  100. style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage(imageIndex)" />
  101. <span class="photo_delect delect_cammer" ng-click="deletePhoto('detail',outIndex,imageIndex)"></span>
  102. </a>
  103. </ion-scroll>
  104. </li>
  105. </ul>
  106. <ul class="add_list_ul" ng-repeat="block in fatherdata.addList track by $index" ng-init="outerIndex=$index">
  107. <li style="padding:3px 5px;border-bottom:2px solid #e6e6e7;position: relative;">
  108. <span ng-click="showDetails($index)"
  109. style="padding-left:8px;border-left:2px solid #3B8BD0;display:inline-block;width:300px;"> <sup
  110. ng-if='block.needed' style="color:red;">*</sup>
  111. {{block.title}}
  112. <i class="ion-arrow-right-b" ng-if="!block.ishiddensection" style="color:#aaa;"></i>
  113. <i class="ion-arrow-down-b" ng-if="block.ishiddensection" style="color:#aaa;"></i>
  114. </span>
  115. <button class="add-minus-button add-button" ng-click="addBlockList(outerIndex)" ng-if="defaultLan == 'Chinese'">添加
  116. +</button>
  117. <button class="add-minus-button add-button" ng-click="addBlockList(outerIndex)" ng-if="defaultLan == 'English'">Add
  118. +</button>
  119. </li>
  120. <li ng-if="block.ishiddensection">
  121. <ul style="border-bottom:2px solid #e6e6e7;" ng-repeat="tmp in block.unitItems track by $index"
  122. ng-init="innerIndex=$index">
  123. <li ng-repeat="blockItem in tmp track by $index" ng-init="unitIndex=$index" ng-if='blockItem.type!="hidden"'
  124. ng-click="selecBlocktItems(blockItem.selectaction,outerIndex,innerIndex,unitIndex)">
  125. <!-- 左边栏名称 -->
  126. <span ng-if="!blockItem.textarea"
  127. style="display:inline-block;width:100%;padding-left:5px;">
  128. <sup ng-if='blockItem.needed' style="color:red;">*</sup>
  129. {{blockItem.title}}
  130. </span>
  131. <span ng-if="blockItem.textarea&&defaultLan == 'Chinese'"
  132. style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
  133. {{blockItem.title}}
  134. <br>
  135. <!-- <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="blockItem.maxlength">≤{{blockItem.maxlength}}字</small>-->
  136. </span>
  137. <span ng-if="blockItem.textarea&&defaultLan == 'English'"
  138. style="display:inline-block;width:20%;padding-left:5px;padding-top:5px;">
  139. {{blockItem.title}}
  140. <br>
  141. <!-- <small style="color:#aaa;font-size: 12px;margin-left:3px;" ng-if="blockItem.maxlength">≤{{blockItem.maxlength}} words</small>-->
  142. </span>
  143. <!-- 内容主体 -->
  144. <input ng-if='blockItem.input&&blockItem.type!="date"&&!blockItem.toggle' ng-disabled="blockItem.selectaction"
  145. style="margin-bottom:4px;font-size:12px;display:inline-block;width:calc(100% - 20px);"
  146. ng-model="blockItem.content" type="{{blockItem.type=='cascade'?'text':blockItem.type}}"
  147. maxlength="{{blockItem.maxlength}}" placeholder="{{blockItem.placeholder}}">
  148. <!--<span ng-if="blockItem.type=='date'" ng-bind="validedTime | date:'yyyy-MM-dd'" ng-click="openDatePicker('addList',unitIndex,outerIndex,innerIndex)" style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;width:63%;text-align: right" ng-model="tmp.content"></span>-->
  149. <span ng-if="blockItem.type=='date'" ng-bind="blockItem.content | datesubstring10"
  150. ng-click="openDatePicker('addList',unitIndex,outerIndex,innerIndex)"
  151. style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;width:63%;text-align: right"
  152. ng-model="tmp.content"></span>
  153. <!-- 文本框 -->
  154. <textarea ng-if="blockItem.textarea" class="add_list_txt" ng-model="blockItem.content"
  155. placeholder="{{blockItem.placeholder+'≤'+blockItem.maxlength+'字'}}"
  156. style="padding:8px;margin-bottom:4px;font-size:12px;vertical-align: top;width:76%;margin-top:0;border-bottom:none;"></textarea>
  157. <!--<textarea ng-if="blockItem.textarea" id="{{block.id}}" name="{{block.id}}" class="add_list_txt" ng-model="blockItem.content" placeholder="{{blockItem.placeholder}}" style="padding:8px;margin-bottom:4px;font-size:12px;display:inline-block;vertical-align: top;width:76%;padding:5px 0;margin-top:0;border-bottom:none;" ng-show="showrichbox1(block.id)"></textarea>-->
  158. <!-- 选择项目箭头 -->
  159. <i ng-if="blockItem.selectaction" class="ion-ios-arrow-right"></i>
  160. <!-- 加载图片 -->
  161. <div ng-if="blockItem.addimg" style="display: inline-block;width:65%;vertical-align: middle;">
  162. <a href="" class="upload_add" ng-click="addImage(unitIndex,'addList',outerIndex,innerIndex)">+</a>
  163. </div>
  164. <ion-scroll ng-if="blockItem.addimg" ng-show="blockItem.tempimagelist.length>0" scroll="true"
  165. has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div"
  166. style="overflow-x:hidden;overflow-y:hidden;">
  167. <a class="photo_img" ng-repeat="blockimage in blockItem.tempimagelist track by $index"
  168. ng-init="bimageIndex=$index">
  169. <img ng-src="{{blockimage.photoName | picturefilter}}" onerror="javascript:this.src='./img/fens.png';"
  170. style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage(bimageIndex)" />
  171. <span class="photo_delect delect_cammer"
  172. ng-click="deletePhoto('addList',bimageIndex,unitIndex,innerIndex,outerIndex)"></span>
  173. </a>
  174. </ion-scroll>
  175. </li>
  176. <li style="text-align: right;padding:5px;">
  177. <button class="add-minus-button minus-button" ng-click="minusBlockList(outerIndex,innerIndex)"
  178. ng-if="defaultLan == 'Chinese'">删除 -</button>
  179. <button class="add-minus-button minus-button" ng-click="minusBlockList(outerIndex,innerIndex)"
  180. ng-if="defaultLan == 'English'">delete -</button>
  181. </li>
  182. </ul>
  183. </li>
  184. </ul>
  185. <!--富文本-->
  186. <!--<div id="editor" ng-model="sendPromt">-->
  187. <!--<button ng-click="getContent()">获取html</button>-->
  188. <!--<button ng-click="getContent2()">获取text</button>-->
  189. <!--</div>-->
  190. <!--需求图片放大区域-->
  191. <div ng-show="bigImage" class="popover-backdrop">
  192. <ion-slide-box auto-play="false" does-continue="false" show-pager="true" delegate-handle="slide_detail">
  193. <ion-slide ng-repeat="image in imagelist track by $index" style="background-color:#000;">
  194. <button class="pswp_button_arrow" ng-click="hideBigImage()"></button>
  195. <div class="pinch-zoom" style="width: 100%;height: 100%">
  196. <img class="img-responsive bigimage" src="{{image.photoName | picturefilter}}" ng-click="hideBigImage()" />
  197. </div>
  198. </ion-slide>
  199. </ion-slide-box>
  200. </div>
  201. <input type="file" name="file" id="file" accept="image/*" ng-model="changeFile" multiple style="display:none" />
  202. <style>
  203. </style>