addList.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <ion-view view-title="新建项目" style="background-color:#ededf0;">
  2. <div class="bar bar-header">
  3. <div class="button button-icon icon pus_blue" ng-click="addListBack()"></div>
  4. <button class="button button-icon icon goback" ng-click="addListBack()"></button>
  5. <h3 class="DockingTheme_h3">新建记录</h3>
  6. <span class="DockingTheme_button" ng-click="immediateRelease()" style="right: 45px;">保存</span>
  7. <button class="button steValueGrey" ng-click="editCloudSare()"></button>
  8. </div>
  9. <ion-content class="has-header" overflow-scroll="true" scroll="true">
  10. <ul class="add_list_ul">
  11. <li ng-click="modal.show();">
  12. <form>
  13. <span>文件夹</span>
  14. <em>{{checkdefolder.name}}<i class="ion-ios-arrow-right"></i></em>
  15. </form>
  16. </li>
  17. <li>
  18. <!-- <form>
  19. <span>时间</span>
  20. <em>2013年12月4日 13点30{{record.date}}<i class="ion-ios-arrow-right"></i></em>
  21. </form>-->
  22. <form action="">
  23. <span>时间</span>
  24. <input type="text" name="appDateTime" id="appDateTime" readonly class="input" placeholder="{{record.date}}"/>
  25. <i class="ion-ios-arrow-right"></i>
  26. </form>
  27. </li>
  28. <li>
  29. <form>
  30. <span>标题</span>
  31. <input value="" ng-model="record.title" type="text" maxlength="20" style="position: relative;top: 0px;width:70%;">
  32. <b ng-class="{'addlist_subtext':true,'addlist_subtext_on':record.flag==1}" ng-click="checkFlag()"></b>
  33. </form>
  34. </li>
  35. </ul>
  36. <ion-scroll scroll="true" has-bouncing="true" direction="x" scrollbar-x="false" delegate-handle="scrollimage" class="photo_div" ng-show="imagelist.length>0;" style="overflow-x:hidden;overflow-y:hidden;">
  37. <a class="photo_img" ng-repeat="image in imagelist track by $index">
  38. <img src="{{image.photo_name | picturefilter}}" style="width:100%;height:85px;" class="back-img" ng-click="shouBigImage($index)"/>
  39. <span class="photo_delect delect_cammer" ng-click="deletePhoto($index)"></span>
  40. </a>
  41. </ion-scroll>
  42. <!--begin-->
  43. <div style="display:block;background-color: #fff;margin-top:3px;padding-top: 12px;" class="cardForm DockingTheme hideCardBreif" ng-repeat="card in cardlist track by $index">
  44. <div class="parentWrapCard cardSpanBreif" ng-click="editCardContent($index)">
  45. <a ng-if="card.name!=undefined&&card.name.length>0">
  46. <span style="width: auto;">单位信息</span>
  47. <input type="text" name="cardAddress" readonly="readonly" style="background-color: #fff;width: 75%;" ng-model="card.name"/>
  48. <!--<i class="ion-ios-arrow-right"></i>-->
  49. </a>
  50. <a ng-if="card.personlist[0].contact!=undefined">
  51. <span style="width: auto;">人员信息</span>
  52. <input type="text" name="cardIndustry" readonly="readonly" style="background-color: #fff;width: 75%;" ng-model="card.personlist[0].contact"/>
  53. </a>
  54. <a style="padding-bottom: 13px;" ng-if="card.themelist[0].title!=undefined">
  55. <span style="width: auto;">对接主题</span>
  56. <input type="text" name="cardIndustry" readonly="readonly" style="background-color: #fff;width: 75%;" ng-model="card.themelist[0].title"/>
  57. </a>
  58. </div>
  59. <div class="showCardWrap" ng-click="editCardContent($index)">
  60. <div class="showCardBreif">
  61. <h1>单位信息</h1>
  62. <form class="cardForm cardSpanBreif">
  63. <a ng-if="card.name!=undefined&&card.name.length>0">
  64. <span>名称</span>
  65. <input type="text" readonly="readonly" name="cardName" ng-model="card.name" style="background-color: #fff;"/>
  66. </a>
  67. <a ng-if="card.categoryid!=0">
  68. <span>行业</span>
  69. <input type="text" name="cardIndustry" readonly="readonly" style="background-color: #fff;"
  70. ng-model="category[card.categoryid]"/>
  71. <!--<i class="ion-ios-arrow-right"></i>-->
  72. </a>
  73. <a ng-if="card.type!=-1">
  74. <span>类型</span>
  75. <input type="text" name="cardIndustry" readonly="readonly" style="background-color: #fff;"
  76. ng-model="companytype[card.type+1]"/>
  77. <!--<i class="ion-ios-arrow-right"></i>-->
  78. </a>
  79. <a ng-if="card.address!=undefined&&card.address.length>0">
  80. <span>地址</span>
  81. <input type="text" name="cardAddress" readonly="readonly" ng-model="card.address" style="background-color: #fff;"/>
  82. </a>
  83. <a ng-if="card.presentation!=undefined&&card.presentation.length>0">
  84. <span>简介</span>
  85. <textarea class="cardBrief" ng-bind="card.presentation" readonly="readonly" style="background-color: #fff;"></textarea>
  86. </a>
  87. </form>
  88. </div>
  89. <div class="showCardBreif" ng-if="card.personlist.length>0">
  90. <h1>人员信息</h1>
  91. <p class="cardForm cardSpanBreif" ng-repeat="person in card.personlist track by $index">
  92. <!-- <div >-->
  93. <a>
  94. <span>姓名</span>
  95. <input type="text" name="peopleName" readonly="readonly" style="background-color: #fff;" ng-model="person.contact"/>
  96. </a>
  97. <a ng-if="person.phone!=undefined&&person.phone.length>0">
  98. <span>手机</span>
  99. <input type="text" name="cardPhone" readonly="readonly" style="background-color: #fff;" ng-model="person.phone"/>
  100. </a>
  101. <a ng-if="person.email!=undefined&&person.email.length>0">
  102. <span>邮箱</span>
  103. <input type="text" name="cardEmail" readonly="readonly" style="background-color: #fff;" ng-model="person.email"/>
  104. </a>
  105. <a ng-if="person.rank!=undefined&&person.rank.length>0">
  106. <span>职位</span>
  107. <input type="text" name="cardPosition" readonly="readonly" style="background-color: #fff;" ng-model="person.rank"/>
  108. </a>
  109. <a ng-if="person.categoryid!=0">
  110. <span>领域</span>
  111. <input type="text" name="cardArea" readonly="readonly" style="background-color: #fff;"
  112. ng-model="category[person.categoryid]"/>
  113. <!--<i class="ion-ios-arrow-right"></i>-->
  114. </a>
  115. <a ng-if="person.introduce!=undefined&&person.introduce.length>0">
  116. <span>简介</span>
  117. <textarea class="cardBrief" ng-bind="person.introduce" readonly="readonly" style="background-color: #fff;"></textarea>
  118. </a>
  119. <!-- </div>-->
  120. </p>
  121. </div>
  122. <div class="showCardBreif cardSpanBreif" ng-if="card.themelist.length>0">
  123. <h1>对接主题</h1>
  124. <form class="cardForm">
  125. <div ng-repeat="theme in card.themelist">
  126. <a ng-if="theme.type!=0">
  127. <span>类型</span>
  128. <input type="text" name="cardAddress" readonly="readonly" style="background-color: #fff;" ng-model="themetype[theme.type]"/>
  129. <!--<i class="ion-ios-arrow-right"></i>-->
  130. </a>
  131. <a ng-if="theme.title!=undefined&&theme.title.length>0">
  132. <span>名称</span>
  133. <input type="text" name="cardIndustry" readonly="readonly" style="background-color: #fff;" ng-model="theme.title"/>
  134. </a>
  135. <a ng-if="theme.content!=undefined&&theme.content.length>0">
  136. <span>简介</span>
  137. <textarea class="cardBrief" ng-bind="theme.content" readonly="readonly" style="background-color: #fff;"></textarea>
  138. </a>
  139. </div>
  140. </form>
  141. </div>
  142. </div>
  143. <button class="downArrow changeArrowButton" ng-click="showMoreCard($index)"></button>
  144. </div>
  145. <!--end-->
  146. <textarea class="add_list_txt" id="add_list_content" ng-model="record.content" name="add_list_txt" placeholder="请输入对接详情"></textarea>
  147. </ion-content>
  148. <!--图片放大区域-->
  149. <div id="rightDisplay" ng-if="bigImage" class="popover-backdrop" >
  150. <!-- <span ng-click="hideBigImage()"></span>-->
  151. <ion-slide-box auto-play="false" does-continue="false" show-pager="true" delegate-handle="slide_detail">
  152. <ion-slide ng-repeat="image in imagelist track by $index" style="background-color:#000;">
  153. <img class="img-responsive bigimage" src="{{image.original_name | picturefilter}}" ng-click="hideBigImage()"/>
  154. </ion-slide>
  155. </ion-slide-box>
  156. </div>
  157. <!--demo-content-->
  158. <ion-footer-bar class="addList_bottom" keyboard-attach>
  159. <!--<span class="addList_bottom_first" ng-click="closeKeyboard()">
  160. <input myfocus="isOpen" type="text" style="opacity: 0;width: 100%;"/>
  161. </span>-->
  162. <ul class="addList_bottom_ul">
  163. <li class="addList_bottom_second" ng-click="openCamera()"></li>
  164. <li class="addList_bottom_third" ng-click="show()"></li>
  165. </ul>
  166. </ion-footer-bar>
  167. <!--修改分类-->
  168. <script id="templates/modal.html" type="text/ng-template">
  169. <div class="modal">
  170. <ion-content class="category-content" style="width:100%;margin: 0 auto;bottom: 0;">
  171. <div class="bar bar-header">
  172. <h4 class="self_release">
  173. 修改文件夹
  174. </h4>
  175. <span class="icon ion-ios-close-empty model_hide" ng-click="modal.hide()"></span>
  176. </div>
  177. <div class="calendarList-content" style="background-color: #f1f0f0;height: 100%;padding-top: 2px;">
  178. <!--搜索-->
  179. <form style="position: relative;top: 0px;">
  180. <span class="ion-ios-search category_search_icon"></span>
  181. <input class="new_category_search" placeholder="查找文件夹" ng-model="search.searchkey">
  182. </form>
  183. <div class="new_build_category" ng-click="showPopup()">
  184. <i class="ion-plus" style=""></i>
  185. <h3 style="">新建文件夹</h3>
  186. </div>
  187. <ul class="calendarList-content-ul">
  188. <li ng-repeat="folder in folderlist | filter:{name:search.searchkey} track by $index" ng-click="chooseNewUndid(folder,$index)" ng-class="{'newUndidCatagary':tempindex==$index}">
  189. <h1 ng-bind="folder.name"></h1>
  190. <small class="new_category_small" ng-bind="folder.counts+'条记录'"></small>
  191. </li>
  192. </ul>
  193. <!--同步到云文件夹-->
  194. <!--<div class="cloudAuthority_set" style="background-color: transparent;">
  195. <div class="item item-toggle toggle-large" style="height: 45px;padding: 0;background-color: #fff;">
  196. <div style=" height: 45px;line-height: 45px;font-size: 15px;padding-left:22px;">同步到云文件夹</div>
  197. <label class="toggle" style="height: 45px;top: 8px;">
  198. <input type="checkbox">
  199. <div class="track">
  200. <div class="handle"></div>
  201. </div>
  202. </label>
  203. </div>
  204. <div class="new_build_category" ng-click="showPopup()" style="margin: 5px 0;">
  205. <i class="ion-plus" style=""></i>
  206. <h3 style="">新建云文件夹</h3>
  207. </div>
  208. <ion-list class="calendarList-content-ul">
  209. <ion-item class="cloud_item" ng-repeat="folder in cloudFolderList track by $index" ng-click="checkCloudFolder(folder,$index)">
  210. <h1 class="cloudSet_h1" ng-bind="folder.name"></h1>
  211. <small class="new_category_small">{{folder.counts}}条记录</small>
  212. <span ng-class="{'pay_list_c3':true, 'love_input_on':folder.issyn}" class="pay_list_c3">
  213. <input type="radio" style="position:absolute;top:50%;left:-29px;z-index: 55;display:none;opacity: 0;">
  214. </span>
  215. </ion-item>
  216. </ion-list>
  217. </div>-->
  218. </div>
  219. <!--同步end-->
  220. <p class="new_category_none">
  221. <i></i>
  222. <span>为你的每个记录做个归类</span>
  223. </p>
  224. </div>
  225. </ion-content>
  226. </div>
  227. </script>
  228. </ion-view>