geDeviceRepairs.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <view>
  3. <view>
  4. <hs-show label="申请人" :data="data.formData.apply_user_name"></hs-show>
  5. <hs-show label="部门" :data="data.formData.dept_id" mode="dept"></hs-show>
  6. <hs-show label="提交类型" :data="data.formData.submit_type" mode="dict" dictKey="device_repairs_submit_type">
  7. </hs-show>
  8. <hs-show label="紧急程度" :data="data.formData.urgency_level" mode="dict"
  9. dictKey="device_repairs_urgency_level">
  10. </hs-show>
  11. <hs-show label="设备位置" :data="data.formData.device_loca"></hs-show>
  12. <hs-show label="报修说明" :data="data.formData.remark"></hs-show>
  13. <view class="desc">
  14. 设备图片
  15. </view>
  16. <view class="desc">
  17. <uni-file-picker :value="data.formData.photos" file-mediatype="image" readonly>
  18. </uni-file-picker>
  19. </view>
  20. </view>
  21. <u-gap height="10" bgColor="#f7f7f7"></u-gap>
  22. <view>
  23. <hs-photo label="维保人上传" limit="5" :value="JSON.parse(data.formData.maintenance_record)"
  24. @input="submitMaintenanceRecord" :readonly="data.pageType === 1?false:true"></hs-photo>
  25. </view>
  26. <ge></ge>
  27. </view>
  28. </template>
  29. <script>
  30. import ge from '../components/ge'
  31. export default {
  32. components: {
  33. ge
  34. },
  35. data() {
  36. return {
  37. data: uni.getStorageSync("approval")
  38. }
  39. },
  40. mounted() {
  41. this.data.formData.photos = JSON.parse(this.data.formData.photos)
  42. },
  43. methods: {
  44. submitMaintenanceRecord(e) {
  45. let data = {
  46. id: this.data.formData.id,
  47. maintenanceRecord: e
  48. }
  49. this.$httpRequest({
  50. url: '/app/submitMaintenanceRecord',
  51. method: 'post',
  52. data: data,
  53. urlType: this.$getUrlType()
  54. }).then(res => {
  55. })
  56. }
  57. }
  58. }
  59. </script>
  60. <style>
  61. .desc {
  62. padding: 10rpx 30rpx;
  63. color: #818181;
  64. }
  65. </style>