join.vue 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <template>
  2. <view style="width: 100%;">
  3. <txl style="width: 100%;height: 100%;" @ev="evFunc" :datas="datas" :index="true" name="employeeName"></txl>
  4. </view>
  5. </template>
  6. <script>
  7. import txl from '@/components/yt-txl/join.vue';
  8. import {
  9. mapState,
  10. mapMutations
  11. } from 'vuex'
  12. export default {
  13. components: {
  14. txl
  15. },
  16. data() {
  17. return {
  18. datas: [{
  19. "employeeId": "test1",
  20. "employeeName": "黄",
  21. "companyId": "1",
  22. "companyName": "test company",
  23. "departmentId": "testdeptid",
  24. "departmentName": "test dept",
  25. "postId": "testpostid",
  26. "postName": "testpost",
  27. },{
  28. "employeeId": "test1",
  29. "employeeName": "花",
  30. "companyId": "1",
  31. "companyName": "test company",
  32. "departmentId": "testdeptid",
  33. "departmentName": "test dept",
  34. "postId": "testpostid",
  35. "postName": "testpost",
  36. },{
  37. "employeeId": "test1",
  38. "employeeName": "阿",
  39. "companyId": "1",
  40. "companyName": "test company",
  41. "departmentId": "testdeptid",
  42. "departmentName": "test dept",
  43. "postId": "testpostid",
  44. "postName": "testpost",
  45. },{
  46. "employeeId": "test1",
  47. "employeeName": "阿",
  48. "companyId": "1",
  49. "companyName": "test company",
  50. "departmentId": "testdeptid",
  51. "departmentName": "test dept",
  52. "postId": "testpostid",
  53. "postName": "testpost",
  54. },{
  55. "employeeId": "test1",
  56. "employeeName": "阿",
  57. "companyId": "1",
  58. "companyName": "test company",
  59. "departmentId": "testdeptid",
  60. "departmentName": "test dept",
  61. "postId": "testpostid",
  62. "postName": "testpost",
  63. },{
  64. "employeeId": "test1",
  65. "employeeName": "阿",
  66. "companyId": "1",
  67. "companyName": "test company",
  68. "departmentId": "testdeptid",
  69. "departmentName": "test dept",
  70. "postId": "testpostid",
  71. "postName": "testpost",
  72. },{
  73. "employeeId": "test1",
  74. "employeeName": "阿",
  75. "companyId": "1",
  76. "companyName": "test company",
  77. "departmentId": "testdeptid",
  78. "departmentName": "test dept",
  79. "postId": "testpostid",
  80. "postName": "testpost",
  81. },{
  82. "employeeId": "test1",
  83. "employeeName": "阿",
  84. "companyId": "1",
  85. "companyName": "test company",
  86. "departmentId": "testdeptid",
  87. "departmentName": "test dept",
  88. "postId": "testpostid",
  89. "postName": "testpost",
  90. },{
  91. "employeeId": "test1",
  92. "employeeName": "阿",
  93. "companyId": "1",
  94. "companyName": "test company",
  95. "departmentId": "testdeptid",
  96. "departmentName": "test dept",
  97. "postId": "testpostid",
  98. "postName": "testpost",
  99. },{
  100. "employeeId": "test1",
  101. "employeeName": "阿",
  102. "companyId": "1",
  103. "companyName": "test company",
  104. "departmentId": "testdeptid",
  105. "departmentName": "test dept",
  106. "postId": "testpostid",
  107. "postName": "testpost",
  108. },{
  109. "employeeId": "test1",
  110. "employeeName": "阿",
  111. "companyId": "1",
  112. "companyName": "test company",
  113. "departmentId": "testdeptid",
  114. "departmentName": "test dept",
  115. "postId": "testpostid",
  116. "postName": "testpost",
  117. },{
  118. "employeeId": "test1",
  119. "employeeName": "阿",
  120. "companyId": "1",
  121. "companyName": "test company",
  122. "departmentId": "testdeptid",
  123. "departmentName": "test dept",
  124. "postId": "testpostid",
  125. "postName": "testpost",
  126. },{
  127. "employeeId": "test1",
  128. "employeeName": "阿",
  129. "companyId": "1",
  130. "companyName": "test company",
  131. "departmentId": "testdeptid",
  132. "departmentName": "test dept",
  133. "postId": "testpostid",
  134. "postName": "testpost",
  135. },{
  136. "employeeId": "test1",
  137. "employeeName": "阿",
  138. "companyId": "1",
  139. "companyName": "test company",
  140. "departmentId": "testdeptid",
  141. "departmentName": "test dept",
  142. "postId": "testpostid",
  143. "postName": "testpost",
  144. },{
  145. "employeeId": "test1",
  146. "employeeName": "阿",
  147. "companyId": "1",
  148. "companyName": "test company",
  149. "departmentId": "testdeptid",
  150. "departmentName": "test dept",
  151. "postId": "testpostid",
  152. "postName": "testpost",
  153. },{
  154. "employeeId": "test1",
  155. "employeeName": "覃",
  156. "companyId": "1",
  157. "companyName": "test company",
  158. "departmentId": "testdeptid",
  159. "departmentName": "test dept",
  160. "postId": "testpostid",
  161. "postName": "testpost",
  162. },{
  163. "employeeId": "test1",
  164. "employeeName": "伍",
  165. "companyId": "1",
  166. "companyName": "test company",
  167. "departmentId": "testdeptid",
  168. "departmentName": "test dept",
  169. "postId": "testpostid",
  170. "postName": "testpost",
  171. },{
  172. "employeeId": "test1",
  173. "employeeName": "鄂",
  174. "companyId": "1",
  175. "companyName": "test company",
  176. "departmentId": "testdeptid",
  177. "departmentName": "test dept",
  178. "postId": "testpostid",
  179. "postName": "testpost",
  180. },{
  181. "employeeId": "test1",
  182. "employeeName": "阮",
  183. "companyId": "1",
  184. "companyName": "test company",
  185. "departmentId": "testdeptid",
  186. "departmentName": "test dept",
  187. "postId": "testpostid",
  188. "postName": "testpost",
  189. },{
  190. "employeeId": "test1",
  191. "employeeName": "唐",
  192. "companyId": "1",
  193. "companyName": "test company",
  194. "departmentId": "testdeptid",
  195. "departmentName": "test dept",
  196. "postId": "testpostid",
  197. "postName": "testpost",
  198. },{
  199. "employeeId": "test1",
  200. "employeeName": "云",
  201. "companyId": "1",
  202. "companyName": "test company",
  203. "departmentId": "testdeptid",
  204. "departmentName": "test dept",
  205. "postId": "testpostid",
  206. "postName": "testpost",
  207. },{
  208. "employeeId": "test1",
  209. "employeeName": "彭",
  210. "companyId": "1",
  211. "companyName": "test company",
  212. "departmentId": "testdeptid",
  213. "departmentName": "test dept",
  214. "postId": "testpostid",
  215. "postName": "testpost",
  216. }],
  217. }
  218. },
  219. methods: {
  220. evFunc(data){
  221. console.log(data)
  222. },
  223. }
  224. }
  225. </script>
  226. <style>
  227. </style>