friends.vue 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <template>
  2. <view style="width: 100%;">
  3. <txl style="width: 100%;height: 100%;" @ev="evFunc" :datas="datas" :index="true" name="employeeName" photo="IMGphoto"></txl>
  4. </view>
  5. </template>
  6. <script>
  7. import txl from '@/components/yt-txl/friends.vue';
  8. import {
  9. mapState,
  10. mapMutations
  11. } from 'vuex'
  12. export default {
  13. components: {
  14. txl
  15. },
  16. onNavigationBarButtonTap(e) {
  17. uni.navigateTo({
  18. url: '/pages/main/friends/addfriends/addfriends'
  19. });
  20. },
  21. data() {
  22. return {
  23. datas: [{
  24. "employeeId": "test1",
  25. "employeeName": "q冰冰",
  26. "companyId": "1",
  27. "companyName": "test company",
  28. "departmentId": "testdeptid",
  29. "departmentName": "test dept",
  30. "postId": "testpostid",
  31. "postName": "testpost",
  32. "IMGphoto":"../../../static/img/shop/1.jpg"
  33. },{
  34. "employeeId": "test1",
  35. "employeeName": "w冰冰",
  36. "companyId": "1",
  37. "companyName": "test company",
  38. "departmentId": "testdeptid",
  39. "departmentName": "test dept",
  40. "postId": "testpostid",
  41. "postName": "testpost",
  42. "IMGphoto":"../../../static/img/shop/1.jpg"
  43. },{
  44. "employeeId": "test1",
  45. "employeeName": "e冰冰",
  46. "companyId": "1",
  47. "companyName": "test company",
  48. "departmentId": "testdeptid",
  49. "departmentName": "test dept",
  50. "postId": "testpostid",
  51. "postName": "testpost",
  52. "IMGphoto":"../../../static/img/shop/1.jpg"
  53. },{
  54. "employeeId": "test1",
  55. "employeeName": "r冰冰",
  56. "companyId": "1",
  57. "companyName": "test company",
  58. "departmentId": "testdeptid",
  59. "departmentName": "test dept",
  60. "postId": "testpostid",
  61. "postName": "testpost",
  62. "IMGphoto":"../../../static/img/shop/1.jpg"
  63. },{
  64. "employeeId": "test1",
  65. "employeeName": "t冰冰",
  66. "companyId": "1",
  67. "companyName": "test company",
  68. "departmentId": "testdeptid",
  69. "departmentName": "test dept",
  70. "postId": "testpostid",
  71. "postName": "testpost",
  72. "IMGphoto":"../../../static/img/shop/1.jpg"
  73. },{
  74. "employeeId": "test1",
  75. "employeeName": "y冰冰",
  76. "companyId": "1",
  77. "companyName": "test company",
  78. "departmentId": "testdeptid",
  79. "departmentName": "test dept",
  80. "postId": "testpostid",
  81. "postName": "testpost",
  82. "IMGphoto":"../../../../static/img/shop/1.jpg"
  83. },{
  84. "employeeId": "test1",
  85. "employeeName": "u冰冰",
  86. "companyId": "1",
  87. "companyName": "test company",
  88. "departmentId": "testdeptid",
  89. "departmentName": "test dept",
  90. "postId": "testpostid",
  91. "postName": "testpost",
  92. "IMGphoto":"../../../static/img/shop/1.jpg"
  93. },{
  94. "employeeId": "test1",
  95. "employeeName": "i冰冰",
  96. "companyId": "1",
  97. "companyName": "test company",
  98. "departmentId": "testdeptid",
  99. "departmentName": "test dept",
  100. "postId": "testpostid",
  101. "postName": "testpost",
  102. "IMGphoto":"../../../static/img/shop/1.jpg"
  103. },{
  104. "employeeId": "test1",
  105. "employeeName": "o冰冰",
  106. "companyId": "1",
  107. "companyName": "test company",
  108. "departmentId": "testdeptid",
  109. "departmentName": "test dept",
  110. "postId": "testpostid",
  111. "postName": "testpost",
  112. "IMGphoto":"../../../static/img/shop/1.jpg"
  113. },{
  114. "employeeId": "test1",
  115. "employeeName": "p冰冰",
  116. "companyId": "1",
  117. "companyName": "test company",
  118. "departmentId": "testdeptid",
  119. "departmentName": "test dept",
  120. "postId": "testpostid",
  121. "postName": "testpost",
  122. "IMGphoto":"../../../static/img/shop/1.jpg"
  123. },{
  124. "employeeId": "test1",
  125. "employeeName": "a冰冰",
  126. "companyId": "1",
  127. "companyName": "test company",
  128. "departmentId": "testdeptid",
  129. "departmentName": "test dept",
  130. "postId": "testpostid",
  131. "postName": "testpost",
  132. "IMGphoto":"../../../static/img/shop/1.jpg"
  133. },{
  134. "employeeId": "test1",
  135. "employeeName": "s冰冰",
  136. "companyId": "1",
  137. "companyName": "test company",
  138. "departmentId": "testdeptid",
  139. "departmentName": "test dept",
  140. "postId": "testpostid",
  141. "postName": "testpost",
  142. "IMGphoto":"../../../static/img/shop/1.jpg"
  143. },{
  144. "employeeId": "test1",
  145. "employeeName": "d冰冰",
  146. "companyId": "1",
  147. "companyName": "test company",
  148. "departmentId": "testdeptid",
  149. "departmentName": "test dept",
  150. "postId": "testpostid",
  151. "postName": "testpost",
  152. "IMGphoto":"../../../static/img/shop/1.jpg"
  153. },{
  154. "employeeId": "test1",
  155. "employeeName": "f冰冰",
  156. "companyId": "1",
  157. "companyName": "test company",
  158. "departmentId": "testdeptid",
  159. "departmentName": "test dept",
  160. "postId": "testpostid",
  161. "postName": "testpost",
  162. "IMGphoto":"../../../static/img/shop/1.jpg"
  163. },{
  164. "employeeId": "test1",
  165. "employeeName": "g冰冰",
  166. "companyId": "1",
  167. "companyName": "test company",
  168. "departmentId": "testdeptid",
  169. "departmentName": "test dept",
  170. "postId": "testpostid",
  171. "postName": "testpost",
  172. "IMGphoto":"../../../static/img/shop/1.jpg"
  173. },{
  174. "employeeId": "test1",
  175. "employeeName": "h冰冰",
  176. "companyId": "1",
  177. "companyName": "test company",
  178. "departmentId": "testdeptid",
  179. "departmentName": "test dept",
  180. "postId": "testpostid",
  181. "postName": "testpost",
  182. "IMGphoto":"../../../static/img/shop/1.jpg"
  183. },{
  184. "employeeId": "test1",
  185. "employeeName": "j冰冰",
  186. "companyId": "1",
  187. "companyName": "test company",
  188. "departmentId": "testdeptid",
  189. "departmentName": "test dept",
  190. "postId": "testpostid",
  191. "postName": "testpost",
  192. "IMGphoto":"../../../static/img/shop/1.jpg"
  193. },{
  194. "employeeId": "test1",
  195. "employeeName": "k冰冰",
  196. "companyId": "1",
  197. "companyName": "test company",
  198. "departmentId": "testdeptid",
  199. "departmentName": "test dept",
  200. "postId": "testpostid",
  201. "postName": "testpost",
  202. "IMGphoto":"../../../static/img/shop/1.jpg"
  203. },{
  204. "employeeId": "test1",
  205. "employeeName": "l冰冰",
  206. "companyId": "1",
  207. "companyName": "test company",
  208. "departmentId": "testdeptid",
  209. "departmentName": "test dept",
  210. "postId": "testpostid",
  211. "postName": "testpost",
  212. "IMGphoto":"../../../static/img/shop/1.jpg"
  213. },{
  214. "employeeId": "test1",
  215. "employeeName": "z冰冰",
  216. "companyId": "1",
  217. "companyName": "test company",
  218. "departmentId": "testdeptid",
  219. "departmentName": "test dept",
  220. "postId": "testpostid",
  221. "postName": "testpost",
  222. "IMGphoto":"../../../static/img/shop/1.jpg"
  223. },{
  224. "employeeId": "test1",
  225. "employeeName": "x冰冰",
  226. "companyId": "1",
  227. "companyName": "test company",
  228. "departmentId": "testdeptid",
  229. "departmentName": "test dept",
  230. "postId": "testpostid",
  231. "postName": "testpost",
  232. "IMGphoto":"../../../static/img/shop/1.jpg"
  233. },{
  234. "employeeId": "test1",
  235. "employeeName": "c冰冰",
  236. "companyId": "1",
  237. "companyName": "test company",
  238. "departmentId": "testdeptid",
  239. "departmentName": "test dept",
  240. "postId": "testpostid",
  241. "postName": "testpost",
  242. "IMGphoto":"../../../static/img/shop/1.jpg"
  243. },{
  244. "employeeId": "test1",
  245. "employeeName": "v冰冰",
  246. "companyId": "1",
  247. "companyName": "test company",
  248. "departmentId": "testdeptid",
  249. "departmentName": "test dept",
  250. "postId": "testpostid",
  251. "postName": "testpost",
  252. "IMGphoto":"../../../static/img/shop/1.jpg"
  253. },{
  254. "employeeId": "test1",
  255. "employeeName": "b冰冰",
  256. "companyId": "1",
  257. "companyName": "test company",
  258. "departmentId": "testdeptid",
  259. "departmentName": "test dept",
  260. "postId": "testpostid",
  261. "postName": "testpost",
  262. "IMGphoto":"../../../static/img/shop/1.jpg"
  263. },{
  264. "employeeId": "test1",
  265. "employeeName": "n冰冰",
  266. "companyId": "1",
  267. "companyName": "test company",
  268. "departmentId": "testdeptid",
  269. "departmentName": "test dept",
  270. "postId": "testpostid",
  271. "postName": "testpost",
  272. "IMGphoto":"../../../static/img/shop/1.jpg"
  273. },{
  274. "employeeId": "test1",
  275. "employeeName": "m冰冰",
  276. "companyId": "1",
  277. "companyName": "test company",
  278. "departmentId": "testdeptid",
  279. "departmentName": "test dept",
  280. "postId": "testpostid",
  281. "postName": "testpost",
  282. "IMGphoto":"../../../static/img/shop/1.jpg"
  283. }],
  284. }
  285. },
  286. methods: {
  287. evFunc(data){
  288. console.log(data)
  289. },
  290. }
  291. }
  292. </script>
  293. <style>
  294. </style>