頁面分析 
頁面可以勾選故障類型，所以需要用到復選框組件；可以選擇上傳或拍攝圖片，所以要使用wx.chooseImage({})這個API選取圖片；可以輸入車牌號和備注，所以需要使用input輸入組件。 
勾選類型，選擇圖片，輸入備注信息完成后，后臺需要獲取這些輸入的數據提交到服務器以獲得反饋。 
必須勾選類型和選擇周圍環境圖片才能提交，否則彈窗提示。可以選擇多張圖片，也可以取消選擇的圖片。

頁面結構

1. <!--pages/warn/index.wxml-->
2. <view class="container">
3. <view class="choose">
4. <view class="title">請選擇故障類型</view>
5. <checkbox-group bindchange="checkboxChange" class="choose-grids">
6. <!-- itemsValue是data對象里定義的數組，item代表數組的每一項，此處語法為循環輸出數組的每一項并渲染到每一個復選框。下面還有類似語法 -->
7. <block wx:for="{{itemsValue}}" wx:key="{{item}}">
8. <view class="grid">
9. <checkbox value="{{item.value}}" checked="{{item.checked}}" color="{{item.color}}" />{{item.value}}
10. </view>
11. </block>
12. </checkbox-group>
13. </view>
14. <view class="action">
15. <view class="title">拍攝單車周圍環境，便于維修師傅找車</view>
16. <view class="action-photo">
17. <block wx:for="{{picUrls}}" wx:key="{{item}}" wx:index="{{index}}">
18. <image src="{{item}}"><icon type="cancel" data-index="{{index}}" color="red" size="18" class ="del" bindtap="delPic" /></image>
19. </block>
20. <text class="add" bindtap="bindCamera">{{actionText}}</text>
21. </view>
22. <view class="action-input">
23. <input bindinput="numberChange" name="number" placeholder="車牌號（車牌損壞不用填）" />
24. <input bindinput="descChange" name="desc" placeholder="備注" />
25. </view>
26. <view class=