pigeonhole.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. import {
  2. urbanArea
  3. } from '@/assets/js/districtCode'
  4. export const formRules = () => {
  5. return [{
  6. field: 'type',
  7. label: '类型',
  8. placeholder: '类型',
  9. type: 'radio',
  10. colWidth: 24,
  11. rules: [{
  12. required: true,
  13. message: '选择客户类型',
  14. trigger: 'change,blur'
  15. }],
  16. options: [{
  17. label: '商户',
  18. value: 0,
  19. },
  20. {
  21. label: '私人',
  22. value: 1,
  23. },
  24. ]
  25. }, {
  26. field: 'name',
  27. label: '名字',
  28. placeholder: '名字',
  29. type: 'input',
  30. colWidth: 12,
  31. rules: [{
  32. required: true,
  33. message: '请输入名字',
  34. trigger: 'blur'
  35. }]
  36. }, {
  37. field: 'principalPhone',
  38. label: '电话',
  39. placeholder: '电话',
  40. type: 'input',
  41. colWidth: 12,
  42. rules: [{
  43. required: true,
  44. message: '请输入电话',
  45. trigger: 'blur'
  46. }, {
  47. pattern: /^((0\d{2,3}-\d{7,8})|(1[34578]\d{9}))$/,
  48. message: '请输入正确手机号码',
  49. trigger: "blur"
  50. }]
  51. }, {
  52. field: 'cityRegion',
  53. type: 'cascader',
  54. label: '所在城市/地区',
  55. placeholder: '请选择',
  56. colWidth: 24,
  57. rules: [{
  58. required: true,
  59. message: '请选择所在城市/地区',
  60. trigger: 'change,blur'
  61. }],
  62. options: urbanArea(),
  63. }, {
  64. field: 'address',
  65. label: '地址',
  66. placeholder: '地址',
  67. type: 'input',
  68. colWidth: 24,
  69. rules: [{
  70. required: true,
  71. message: '请输入地址',
  72. trigger: 'blur'
  73. }]
  74. }, {
  75. field: 'remark',
  76. label: '备注',
  77. placeholder: '备注',
  78. type: 'textarea',
  79. colWidth: 24,
  80. }, {
  81. field: 'fileList',
  82. crosswise: true,
  83. label: '现场图片',
  84. type: 'upload',
  85. colWidth: 24,
  86. rules: [{
  87. type: 'array',
  88. required: false,
  89. message: '请上传现场图片',
  90. trigger: 'change,blur'
  91. }],
  92. }, ]
  93. }
  94. export const employee = () => {
  95. return [{
  96. field: 'index',
  97. label: '序号',
  98. align: 'center',
  99. }, {
  100. field: 'name',
  101. operation: true,
  102. label: '名字',
  103. align: 'center',
  104. colWidth: '130px',
  105. }, {
  106. field: 'principalPhone',
  107. label: '电话',
  108. align: 'center',
  109. colWidth: '130px',
  110. }, {
  111. field: 'city',
  112. label: '所在地市',
  113. align: 'center',
  114. colWidth: '130px',
  115. options: urbanArea(),
  116. }, {
  117. field: 'area',
  118. label: '所属区/县',
  119. align: 'center',
  120. colWidth: '130px',
  121. options: urbanArea(),
  122. }, {
  123. field: 'address',
  124. label: '地址',
  125. align: 'center',
  126. colWidth: '200px',
  127. }, {
  128. field: 'lng',
  129. label: '经度',
  130. align: 'center',
  131. colWidth: '130px',
  132. }, {
  133. field: 'lat',
  134. label: '纬度',
  135. align: 'center',
  136. colWidth: '130px',
  137. }, {
  138. field: 'type',
  139. label: '类型',
  140. align: 'center',
  141. colWidth: '130px',
  142. options: [{
  143. bgcolor: '#409EFF',
  144. label: '商户',
  145. value: 0,
  146. },
  147. {
  148. bgcolor: '#67C23A',
  149. label: '私人',
  150. value: 1,
  151. },
  152. ]
  153. }, {
  154. field: 'remark',
  155. label: '备注',
  156. align: 'center',
  157. }, {
  158. field: 'action',
  159. label: '操作',
  160. colWidth: '200px',
  161. align: 'center',
  162. labelButton: [{
  163. type: 'edit',
  164. label: '编辑',
  165. icon: 'el-icon-edit',
  166. style: 'primary',
  167. }, {
  168. type: 'logs',
  169. label: '查看',
  170. icon: 'el-icon-tickets',
  171. style: 'info',
  172. }, {
  173. type: 'del',
  174. label: '删除',
  175. icon: 'el-icon-delete',
  176. style: 'danger',
  177. }]
  178. }]
  179. }