form.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. // pages/form/form.js
  2. Page({
  3. data: {
  4. array: [' 禁止换行,超出容器部分截断(以 ... 结束)', '中国', '巴西', '日本'],
  5. index: 0,
  6. multiArray: [['无脊柱动物', '脊柱动物'], ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'], ['猪肉绦虫', '吸血虫']],
  7. radio: [
  8. { name: 'USA', value: '美国' },
  9. { name: 'CHN', value: '中国', checked: 'true' },
  10. { name: 'BRA', value: '巴西' },
  11. { name: 'JPN', value: '日本' },
  12. { name: 'ENG', value: '澳大利亚' },
  13. { name: 'BRA', value: '巴西' },
  14. { name: 'JPN', value: '日本' },
  15. { name: 'BRA', value: '巴西' },
  16. { name: 'JPN', value: '日本' },
  17. { name: 'ENG', value: '英国' },
  18. { name: 'TUR', value: '哈萨克斯坦' },
  19. { name: 'TUR', value: '法国' },
  20. { name: 'BRA', value: '巴西' },
  21. { name: 'ENG', value: '英国' },
  22. { name: 'TUR', value: '法国' }
  23. ],
  24. multiIndex: [0, 0, 0],
  25. date: '2018-02-03',
  26. time: '12:01',
  27. region: ['广东省', '广州市', '海珠区'],
  28. customItem: '全部'
  29. },
  30. bindPickerChange: function (e) {
  31. console.log('picker发送选择改变,携带值为', e.detail.value)
  32. this.setData({
  33. index: e.detail.value
  34. })
  35. },
  36. bindMultiPickerChange: function (e) {
  37. console.log('picker发送选择改变,携带值为', e.detail.value)
  38. this.setData({
  39. multiIndex: e.detail.value
  40. })
  41. },
  42. bindMultiPickerColumnChange: function (e) {
  43. console.log('修改的列为', e.detail.column, ',值为', e.detail.value);
  44. var data = {
  45. multiArray: this.data.multiArray,
  46. multiIndex: this.data.multiIndex
  47. };
  48. data.multiIndex[e.detail.column] = e.detail.value;
  49. switch (e.detail.column) {
  50. case 0:
  51. switch (data.multiIndex[0]) {
  52. case 0:
  53. data.multiArray[1] = ['扁性动物', '线形动物', '环节动物', '软体动物', '节肢动物'];
  54. data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
  55. break;
  56. case 1:
  57. data.multiArray[1] = ['鱼', '两栖动物', '爬行动物'];
  58. data.multiArray[2] = ['鲫鱼', '带鱼'];
  59. break;
  60. }
  61. data.multiIndex[1] = 0;
  62. data.multiIndex[2] = 0;
  63. break;
  64. case 1:
  65. switch (data.multiIndex[0]) {
  66. case 0:
  67. switch (data.multiIndex[1]) {
  68. case 0:
  69. data.multiArray[2] = ['猪肉绦虫', '吸血虫'];
  70. break;
  71. case 1:
  72. data.multiArray[2] = ['蛔虫'];
  73. break;
  74. case 2:
  75. data.multiArray[2] = ['蚂蚁', '蚂蟥'];
  76. break;
  77. case 3:
  78. data.multiArray[2] = ['河蚌', '蜗牛', '蛞蝓'];
  79. break;
  80. case 4:
  81. data.multiArray[2] = ['昆虫', '甲壳动物', '蛛形动物', '多足动物'];
  82. break;
  83. }
  84. break;
  85. case 1:
  86. switch (data.multiIndex[1]) {
  87. case 0:
  88. data.multiArray[2] = ['鲫鱼', '带鱼'];
  89. break;
  90. case 1:
  91. data.multiArray[2] = ['青蛙', '娃娃鱼'];
  92. break;
  93. case 2:
  94. data.multiArray[2] = ['蜥蜴', '龟', '壁虎'];
  95. break;
  96. }
  97. break;
  98. }
  99. data.multiIndex[2] = 0;
  100. console.log(data.multiIndex);
  101. break;
  102. }
  103. this.setData(data);
  104. },
  105. bindDateChange: function (e) {
  106. console.log('picker发送选择改变,携带值为', e.detail.value)
  107. this.setData({
  108. date: e.detail.value
  109. })
  110. },
  111. bindTimeChange: function (e) {
  112. console.log('picker发送选择改变,携带值为', e.detail.value)
  113. this.setData({
  114. time: e.detail.value
  115. })
  116. },
  117. bindRegionChange: function (e) {
  118. console.log('picker发送选择改变,携带值为', e.detail.value)
  119. this.setData({
  120. region: e.detail.value
  121. })
  122. },
  123. showModal: function (e) {
  124. var showName = e.currentTarget.dataset.modal;
  125. this.setData({
  126. modalName: showName
  127. })
  128. },
  129. closeModal: function (e) {
  130. this.setData({
  131. modalName: null
  132. })
  133. },
  134. uploadimg: function () {
  135. var that = this;
  136. wx.chooseImage({
  137. count: 1, // 默认9
  138. sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
  139. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  140. success: function (res) {
  141. var tempFilePaths = res.tempFilePaths
  142. that.setData({
  143. chooseimg: true,
  144. tempFilePaths: tempFilePaths
  145. })
  146. }
  147. })
  148. },
  149. viewUploadimg: function (e) {
  150. var url = this.data.tempFilePaths;
  151. wx.previewImage({
  152. urls: url
  153. })
  154. },
  155. uploadImage: function (e) {
  156. var that = this;
  157. wx.chooseImage({
  158. count: 1, // 默认9
  159. sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
  160. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  161. success: function (res) {
  162. // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
  163. var uploadImage = res.tempFilePaths;
  164. that.setData({
  165. uploadImage: uploadImage
  166. })
  167. }
  168. })
  169. }
  170. })