flow_startZx.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>流程申请</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="../../../js/select2/chosen.css" />
  10. <link href="../../../css/OA-style.css" rel="stylesheet" />
  11. <!--标准mui.css-->
  12. <link rel="stylesheet" href="../../../css/mui.min.css">
  13. <link rel="stylesheet" href="../../../css/mui.picker.min.css">
  14. <link href="../../css/mui.poppicker.css" rel="stylesheet" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/app.css" />
  16. <!--App自定义的css-->
  17. <link rel="stylesheet" type="text/css" href="../../../css/flow.css" />
  18. <style type="text/css">
  19. .leva-div {
  20. margin-top: 20px;
  21. overflow: hidden;
  22. }
  23. .leva-f4 {
  24. width: 33.33%;
  25. overflow: hidden;
  26. float: left;
  27. margin-bottom: 20px;
  28. }
  29. .leave-s {
  30. height: 80%;
  31. width: 100%;
  32. }
  33. .leave-s-fl {
  34. height: 100%;
  35. width: 80%;
  36. display: flex;
  37. justify-content: center;
  38. align-items: center;
  39. float: left;
  40. }
  41. .leave-s-fl-name {
  42. background-color: #64a1ea;
  43. border-radius: 50%;
  44. height: 64px;
  45. width: 64px;
  46. font-size: 14px;
  47. line-height: 64px;
  48. text-align: center;
  49. color: #FFFFFF;
  50. }
  51. .leave-s-ri {
  52. width: 20%;
  53. display: flex;
  54. }
  55. .leave-ri-top {
  56. margin-top: 75%;
  57. }
  58. .leave-x {
  59. width: 80%;
  60. height: 20%;
  61. margin-left: 30%;
  62. margin-top: 25px;
  63. }
  64. .radio_inline {
  65. display: inline-block;
  66. width: 65%;
  67. }
  68. .radio_inline label {
  69. width: 20%;
  70. padding-left: 40px;
  71. padding-right: 40px;
  72. }
  73. .radio_inline input[type=radio] {
  74. width: 15%;
  75. right: auto;
  76. }
  77. </style>
  78. </head>
  79. <body class="mui-fullscreen">
  80. <!--页面主结构开始-->
  81. <div id="app" class="mui-views">
  82. <div class="mui-view">
  83. <div class="mui-navbar">
  84. </div>
  85. <div class="mui-pages">
  86. </div>
  87. </div>
  88. </div>
  89. <!--页面主结构结束-->
  90. <!--单页面开始-->
  91. <div id="setting" class="mui-page">
  92. <!--页面标题栏开始-->
  93. <div class="mui-navbar-inner mui-bar mui-bar-nav" style="background: #2179E3;">
  94. <button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left" id="to_flowPage">
  95. <img class="mui-icon mui-icon-left-nav" src="../../../images/back.png" height="20">
  96. </button>
  97. <h1 id="title" class="mui-center mui-title" style="margin-right: 29px;padding-left: 10px;">请假流程信息</h1>
  98. <a class="mui-icon mui-pull-right bai-f" onclick="changeTitle()">
  99. <img src="../../../images/bianji.png" width="24px" />
  100. </a>
  101. </div>
  102. <!--页面标题栏结束-->
  103. <!--页面主内容区开始-->
  104. <div class="mui-page-content" style="background-color: #F2F0F4;">
  105. <div class="mui-scroll-wrapper" id="pullrefresh" style="background-color: #F2F0F4;">
  106. <div class="mui-scroll">
  107. <div class="mui-content-padded" style="margin: 5px;">
  108. <form class="mui-input-group" id="form_element">
  109. <template v-for="formElement in formElements" v-if="formElement.n_can_view!='0'">
  110. <div class="mui-table-view-cell mui-input-row" style="border-bottom: none !important;">
  111. <label>{{formElement.elementName}}<span v-if="formElement.noNull=='1'" style="color: red;">*</span></label>
  112. <template v-if="formElement.type == '0'">
  113. <template v-if="formElement.tableField == 'form_element_84179497391187'">
  114. <input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear">
  115. </template>
  116. <template v-else-if="formElement.tableField == 'form_element_84179499419346'">
  117. <input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear">
  118. </template>
  119. <template v-else>
  120. <input type="text" v-if="formElement.canEdit == '1'&& formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" placeholder="请输入">
  121. <input type="text" v-else-if="formElement.canEdit == '1'&& formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt">
  122. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  123. </template>
  124. </template>
  125. <template v-else-if="formElement.type == '1'">
  126. <textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" v-if="formElement.canEdit == '1'&& formElement.inputPrompt==''" placeholder="请输入">{{formElement.defaultValue}}</textarea>
  127. <textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" v-else-if="formElement.canEdit == '1'&& formElement.inputPrompt!=''" v-bind:placeholder="formElement.inputPrompt">{{formElement.defaultValue}}</textarea>
  128. <textarea v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4" v-else readonly="readonly" placeholder="">{{formElement.defaultValue}}</textarea>
  129. </template>
  130. <template v-else-if="formElement.type == '2'">
  131. <select v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" style="font-size: 14px;">
  132. <option value="" v-if="formElement.inputPrompt==''" style="color: #B6B6B6 !important;">请选择</option>
  133. <option value="" v-else-if="formElement.inputPrompt!=''" style="color: #B6B6B6 !important;">{{formElement.inputPrompt}}</option>
  134. <template v-for="enuma in formElement.typeDetail.enum">
  135. <option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
  136. </template>
  137. </select>
  138. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  139. </template>
  140. <template v-else-if=" formElement.type == '3' ">
  141. <input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear dateinput" placeholder="请点击" v-on:click="date(formElement.tableField)">
  142. <input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" v-bind:placeholder="formElement.inputPrompt" class="mui-input-clear dateinput" v-on:click="date(formElement.tableField)">
  143. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="" v-bind:value="formElement.defaultValue">
  144. </template>
  145. <template v-else-if="formElement.type == '4'">
  146. <select v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" style="font-size: 14px;">
  147. <option value="" v-if="formElement.inputPrompt==''" style="color: #B6B6B6 !important;">请选择</option>
  148. <option value="" v-else-if="formElement.inputPrompt!=''" style="color: #B6B6B6 !important;">{{formElement.inputPrompt}}</option>
  149. <template v-for="enuma in formElement.typeDetail.enum">
  150. <option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
  151. </template>
  152. </select>
  153. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  154. </template>
  155. <!-- 多选 -->
  156. <template v-else-if="formElement.type == '5' && formElement.canEdit == '1' ">
  157. <input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" style="display: none;" />
  158. <select v-bind:id="formElement.tableField+'dept'" v-bind:name="formElement.tableField+'dept'" multiple class="dept_select">
  159. <template v-for="enuma in formElement.typeDetail.enum">
  160. <option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
  161. </template>
  162. </select>
  163. </template>
  164. <template v-else-if="formElement.type == '8' ">
  165. <input type="text" v-if="formElement.canEdit == '1'&& formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" placeholder="请输入">
  166. <input type="text" v-else-if="formElement.canEdit == '1'&& formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt">
  167. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  168. </template>
  169. <template v-else-if="formElement.type == '9'">
  170. <input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:value="formElement.defaultValue" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="请点击" v-on:click="time(formElement.tableField)">
  171. <input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:value="formElement.defaultValue" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" v-on:click="time(formElement.tableField)">
  172. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:value="formElement.defaultValue" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="">
  173. </template>
  174. <template v-else-if=" formElement.type == '12' && formElement.canEdit == '1'">
  175. <select v-bind:id="formElement.tableField" v-bind:name="formElement.tableField">
  176. <option value="" v-if="formElement.inputPrompt==''" style="color: #B6B6B6 !important;">请选择</option>
  177. <option value="" v-else-if="formElement.inputPrompt!=''" style="color: #B6B6B6 !important;">{{formElement.inputPrompt}}</option>
  178. <template v-for="enuma in formElement.typeDetail.enum">
  179. <option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
  180. </template>
  181. </select>
  182. </template>
  183. <template v-else-if="formElement.type == '15'">
  184. <input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" v-bind:id="formElement.tableField+'_name'" v-bind:name="formElement.tableField+'_name'" readonly="readonly" class="mui-input-clear" placeholder="选择人员" v-on:click="choosePerson({'backId':formElement.tableField+'_name','backType':'bpmFormUser','isMultiDept':'0','multiple':'n'})">
  185. <input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField+'_name'" v-bind:name="formElement.tableField+'_name'" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" v-on:click="choosePerson({'backId':formElement.tableField+'_name','backType':'bpmFormUser','isMultiDept':'0','multiple':'n'})">
  186. <input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" class="mui-input-clear" />
  187. </template>
  188. <template v-else-if="formElement.type == '13' && formElement.canEdit == '1' ">
  189. <input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="请签名" v-on:click="openDrawingBoard(formElement.tableField)">
  190. <input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" v-on:click="openDrawingBoard(formElement.tableField)">
  191. <img v-bind:id="formElement.tableField + 'img'" src="#" style="display: none;" />
  192. </template>
  193. <template v-else-if="formElement.type == '21' && formElement.canEdit == '1' ">
  194. <input type="text" v-if="formElement.canEdit == '1' && formElement.inputPrompt==''" v-bind:id="formElement.tableField+'_name'" v-bind:name="formElement.tableField+'_name'" readonly="readonly" class="mui-input-clear" placeholder="选择人员" v-on:click="choosePerson({'backId':formElement.tableField+'_name','backType':'bpmFormUser','isMultiDept':'0'})">
  195. <input type="text" v-else-if="formElement.canEdit == '1' && formElement.inputPrompt!=''" v-bind:id="formElement.tableField+'_name'" v-bind:name="formElement.tableField+'_name'" readonly="readonly" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt" v-on:click="choosePerson({'backId':formElement.tableField+'_name','backType':'bpmFormUser','isMultiDept':'0'})">
  196. <input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" class="mui-input-clear" />
  197. </template>
  198. <template v-else>
  199. <input type="text" v-if="formElement.canEdit == '1'&& formElement.inputPrompt==''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" placeholder="请输入">
  200. <input type="text" v-else-if="formElement.canEdit == '1'&& formElement.inputPrompt!=''" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" v-bind:placeholder="formElement.inputPrompt">
  201. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  202. </template>
  203. </div>
  204. <div style="display: block;line-height: 24px;font-size: 14px;color:#666666;padding: 10px 16px;background-color: #F2F0F4;" v-if="formElement.beCareful!=''&& formElement.beCareful!=null">
  205. {{formElement.beCareful}}
  206. </div>
  207. </template>
  208. </form>
  209. <form class="mui-input-group" id="startFlow" style="margin-bottom: 54px;position: relative;">
  210. <div id="lcHj " style="padding: 5px 16px;">
  211. <h2 style="font-size: 16px;">审批流程</h2>
  212. <div class="leva-div" id="sp_user">
  213. <div class="leva-f4" id="addUser">
  214. <div class="leave-s">
  215. <div class="leave-s-fl">
  216. <div class="leave-s-fl-add" v-on:click="choosePerson({'backId':'lc_user','backType':'','isMultiDept':'0','multiple':'y','isOk':'1'})">
  217. <img src="../../../images/flow/leva-add.png">
  218. <input type="hidden" id="lc_user" class="lc_user" name="lc_user" />
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. <div style="line-height: 24px;font-size: 14px;color:#666666;padding: 10px 16px;background-color: #F2F0F4;" id="remarkHidden" hidden="hidden">
  226. <div style="font-weight: bold;">【注意】</div>
  227. <div id="remark">
  228. </div>
  229. </div>
  230. <div class=" mui-input-row " style="border-bottom: none !important;border-top: 1px solid #F2F0F4;">
  231. <flow-start :flow="flow" :next-tmodels="nextTmodels" :next-hand-tmodels="nextHandTmodels">
  232. </flow-start>
  233. </div>
  234. </form>
  235. <!--<div class="mui-button-row">
  236. <button type="button" class="mui-btn mui-btn-primary" id="saveBtn">确认</button>&nbsp;&nbsp;
  237. <button type="button" class="mui-btn mui-btn-danger" id="returnBth">取消</button>
  238. </div>-->
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. <nav class=" mui-bar mui-bar-tab" style="text-align: center;padding: 0px 16px;">
  244. <button type="button" class="mui-btn mui-btn-primary" id="saveBtn">确认</button>&nbsp;&nbsp;&nbsp;&nbsp;
  245. <button type="button" class="mui-btn mui-btn-danger" id="returnBth">取消</button>
  246. </nav>
  247. <!--页面主内容区结束-->
  248. </div>
  249. <!--单页面结束-->
  250. <div id="personComponent" class="mui-page" style="position: relative;">
  251. <div class="mui-navbar-inner mui-bar mui-bar-nav" style="background: #2179E3;height: 98px;overflow: hidden;">
  252. <a class="mui-action-back mui-pull-left" style="display: inline-block;height:48px;padding-top: 12px;"><img src="../../../images/back.png" style="height:20px;"></a>
  253. <h1 class="mui-center mui-title">人员选择</h1>
  254. <a class="mui-pull-right" v-if="isOk=='1'" onclick="selectUserSpZx()" style="color: #FFFFFF;margin-top: 12px;">确定</a>
  255. <a class="mui-pull-right" v-else onclick="selectUser()" style="color: #FFFFFF;margin-top: 12px;">确定</a>
  256. <!-- 收索框 -->
  257. <div class="Task-add-d Reb-ov">
  258. <div class="mui-input-row mui-search Add-ssk">
  259. <input type="search" id="search" class="mui-input-clear" placeholder="输入名字或部门或职位查询" style="background-color: #FFFFFF;" required="true">
  260. </div>
  261. </div>
  262. </div>
  263. <div style="position: absolute; top:52px; width: 100%;padding: 4px 8px;color:#B6B6B6;font-size: 14px;">以下是你选择人员</div>
  264. <div style=" position: absolute; top:74px; width: 100%; z-index: 10000 !important;padding:8px;">
  265. <div class="mui-content" style="height: 86px;width: 100%;position: relative; z-index: 10000 !important; border-radius: 10px;background-color: #ffffff;">
  266. <div class="mui-scroll-wrapper" id="sel_users" style="position: relative;height: 100%;background-color: #ffffff;">
  267. <div class="mui-scroll" style="text-align: left;position: relative;background-color: #ffffff;">
  268. <div style="padding: 4px auto;position: relative;background-color: #ffffff;">
  269. <template v-for="(user,index) in searchUsers">
  270. <div style="margin-top: 4px; display: inline-block;height:30; line-height: 30px; border: 1px solid #C7C7CC; border-radius: 5px;width: 49%;text-align: center;font-size: 13px;position: relative;background-color: #ffffff;" class="sel_user">
  271. <span style="color: #2079E3;font-weight: bold;">
  272. {{index+1}}.
  273. </span> {{user.name}}
  274. <input type="hidden" class="sel_id" :value="user.id">
  275. <input class="sel_name" type="hidden" :value="user.name">
  276. <img src="../../../images/shengpi/delete.png" style="float: right;margin-right: 4px;max-height:20px;margin-top: 4px;">
  277. </div>
  278. </template>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. <div style="position: absolute; top:172px; width: 100%;padding: 6px 8px;color:#B6B6B6;font-size: 14px;">搜索得到人员列表</div>
  285. <div class="mui-page-content" style="position: absolute; top:198px;">
  286. <div class="mui-scroll-wrapper" id="person-scroll" style="margin-bottom: 200px;">
  287. <div class="mui-scroll">
  288. <div class="mui-card">
  289. <input type="hidden" id="backId" value="" />
  290. <input type="hidden" id="backType" value="" />
  291. <!-- 人员选择列表 -->
  292. <template v-if="search!=null && search!=''">
  293. <ul class="mui-table-view" id="sp_userList">
  294. <template v-for="user in users">
  295. <template v-if="multiple=='y'">
  296. <li class="mui-table-view-cell mui-checkbox mui-left check_user">
  297. <input name="radio1" type="checkbox" class="sp_checkbox" :checked="user.checked" :value="user.id">
  298. <input type="hidden" class="sp_id" :value="user.id">
  299. <input class="sp_name" type="hidden" :value="user.name">
  300. <div class="Task-rwxq-xdwp">
  301. {{user.texts}}
  302. </div>
  303. </li>
  304. </template>
  305. <template v-else>
  306. <li class="mui-table-view-cell mui-radio mui-left check_user">
  307. <input name="radio1" type="radio" class="sp_radio" :checked="user.checked" :value="user.id">
  308. <input type="hidden" class="sp_id" :value="user.id">
  309. <input class="sp_name" type="hidden" :value="user.name">
  310. <div class="Task-rwxq-xdwp">
  311. {{user.texts}}
  312. </div>
  313. </li>
  314. </template>
  315. </template>
  316. </ul>
  317. </template>
  318. <template v-else-if="search==null || search==''">
  319. <template v-for="(dept,index) in depts">
  320. <a href="#" v-on:click="getParentGroup(dept.id,index)" style="display:inline-block;padding: 8px 0px 0px 16px;font-weight: bold;">
  321. <label v-if="index > 0">></label> {{dept.name}}
  322. </a>
  323. </template>
  324. <ul class="mui-table-view">
  325. <li class="mui-table-view-cell" v-for="dept in deptsList">
  326. <a class="mui-navigate-right" href="javascript:void(0)" v-on:click="getChildGroup(dept.id,dept.text);">{{dept.text}}</a>
  327. </li>
  328. </ul>
  329. <ul class="mui-table-view" id="sp_userList">
  330. <template v-for="user in users">
  331. <template v-if="multiple=='y'">
  332. <li class="mui-table-view-cell mui-checkbox mui-left check_user">
  333. <input name="radio1" type="checkbox" class="sp_checkbox" :checked="user.checked" :value="user.id">
  334. <input type="hidden" class="sp_id" :value="user.id">
  335. <input class="sp_name" type="hidden" :value="user.name">
  336. <div class="Task-rwxq-xdwp">
  337. {{user.texts}}
  338. </div>
  339. </li>
  340. </template>
  341. <template v-else>
  342. <li class="mui-table-view-cell mui-radio mui-left check_user">
  343. <input name="radio1" type="radio" class="sp_radio" :checked="user.checked" :value="user.id">
  344. <input type="hidden" class="sp_id" :value="user.id">
  345. <input class="sp_name" type="hidden" :value="user.name">
  346. <div class="Task-rwxq-xdwp">
  347. {{user.texts}}
  348. </div>
  349. </li>
  350. </template>
  351. </template>
  352. </ul>
  353. </template>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. <script src="../../../js/mui.min.js"></script>
  360. <script src="../../../js/mui.view.js"></script>
  361. <script src="../../../js/mui.picker.min.js"></script>
  362. <script src="../../../js/vue.min.js"></script>
  363. <script src="../../../js/config.js"></script>
  364. <script src="../../../js/app.js"></script>
  365. <script src="../../../js/jquery-1.11.2.min.js"></script>
  366. <script src="../../../js/select2/chosen.jquery.js"></script>
  367. <script src="../../../js/dj/component/vue.searchUserSelect.js"></script>
  368. <script src="../../../js/dj/article/list.js"></script>
  369. <script src="../../../js/dj/flow/flow_start2Zx.js"></script>
  370. <script src="../../../js/dj/component/vue.flowstart.js"></script>
  371. <script type="text/javascript">
  372. $('#scroll').scroll({
  373. indicators: true //是否显示滚动条
  374. });
  375. mui.init({
  376. gestureConfig: {
  377. tap: true, //默认为true
  378. doubletap: true, //默认为false
  379. longtap: true, //默认为false
  380. swipe: true, //默认为true
  381. drag: true, //默认为true
  382. hold: false, //默认为false,不监听
  383. release: false //默认为false,不监听
  384. }
  385. });
  386. window.addEventListener('refresh', function(e) { //当子页面有查看数据时,此页面执行刷新
  387. var sealInsID = e.detail.sealInsID;
  388. var elementID = e.detail.elementID;
  389. var path = e.detail.path;
  390. path = API.API_IP_PORT + path;
  391. if(sealInsID != '') {
  392. $("#" + elementID).hide();
  393. $("#" + elementID).val(sealInsID);
  394. var imgele = elementID + 'img';
  395. $("#" + imgele).show();
  396. $("#" + imgele).attr('src', path);
  397. console.log($("#" + elementID).val())
  398. }
  399. });
  400. mui('#sp_user').on('tap', '.delUser', function() {
  401. var index = $("#sp_user .delUser").index(this);
  402. $("#sp_user .sp_user:eq(" + index + ")").remove();
  403. var userIds = "";
  404. mui("#sp_user input.lc_userid").each(function() {
  405. var index = $("#sp_user input.lc_userid").index(this);
  406. if(userIds != "" && userIds != null) {
  407. userIds += ",";
  408. }
  409. userIds += $("#sp_user input.lc_userid:eq(" + index + ")").val();
  410. })
  411. $("#lc_user").val(userIds);
  412. $("#lc_user").attr("userId", userIds);
  413. })
  414. </script>
  415. </body>
  416. </html>