archive_details6.vue 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <template>
  2. <view class=" uni-container">
  3. <view class="example container" :style="'height: ' + (screenHeight - wheight - 75) + 'px'">
  4. <!-- 自定义表单校验 1-->
  5. <u--form :model="formData" labelPosition="top" labelWidth="300" labelAlign="left">
  6. <view class=" flex flex-direction width100">
  7. <u-form-item label="参加人员及人数 (示例:60人)">
  8. <u-input v-model="formData.cjryrs" placeholder="参加人员及人数" disabled/>
  9. </u-form-item>
  10. <u-form-item label="地点 (示例:Xx县xx镇xx街)" prop="xcdd" :required="true">
  11. <u-input v-model="formData.xcdd" placeholder="地点" disabled/>
  12. </u-form-item>
  13. <u-form-item label="方式 (示例:集中宣传)"><u-input v-model="formData.xcfs"
  14. placeholder="方式" disabled/></u-form-item>
  15. <u-form-item label="组织单位及人员 (示例:xx镇安监办共12人)">
  16. <u-input v-model="formData.zzdwjry" disabled placeholder="组织单位及人员" />
  17. </u-form-item>
  18. <u-form-item label="内容">
  19. <u-textarea auto-height maxlength="-1" disabled v-model="formData.xcnr" placeholder="内容"></u-textarea>
  20. </u-form-item>
  21. <u-form-item label="时间">
  22. <uni-datetime-picker v-model="formData.xcsj" disabled mode="date" closeOnClickOverlay
  23. @></uni-datetime-picker>
  24. </u-form-item>
  25. <u-form-item label="备注">
  26. <u-textarea auto-height maxlength="-1" disabled v-model="formData.remark"
  27. placeholder="备注"></u-textarea>
  28. </u-form-item>
  29. </view>
  30. </u--form>
  31. </view>
  32. <uni-row class="heigthButton">
  33. <u-button
  34. @click="gotoEditArchive(formData)"
  35. shape="circle"
  36. size="large"
  37. color="#4cb2b6"
  38. text="修改信息"
  39. style="width: 60%;"
  40. ></u-button>
  41. </uni-row>
  42. </view>
  43. </template>
  44. <script>
  45. var that = null;
  46. export default {
  47. data() {
  48. return {
  49. formData: {
  50. orgName: ''
  51. },
  52. screenHeight: this.$screenHeight,
  53. wheight: '',
  54. };
  55. },
  56. mounted() {
  57. uni.createSelectorQuery().in(this).select('.heigthButton').boundingClientRect(data => {
  58. this.wheight = data.height
  59. }).exec()
  60. },
  61. onLoad: function(option) {
  62. that = this;
  63. var data = option.id;
  64. // 接收来自上个页面传递的参数
  65. const eventChannel = this.getOpenerEventChannel();
  66. eventChannel.on('acceptDataFromOpenerPage', function(val) {
  67. that.formData = val;
  68. console.log('val+++++++++++++++++++', that.formData);
  69. });
  70. this.formData.orgName = option.orgName;
  71. console.log('option: ', that.formData);
  72. },
  73. methods: {
  74. // 传递当前页面数据到 ‘修改信息’
  75. gotoEditArchive(val) {
  76. uni.navigateTo({
  77. url: '/pagesA/fire/archive/edit_archive/edit_archive6',
  78. events: {
  79. // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
  80. acceptDataFromOpenedPage: function(val) {
  81. this.formData = val;
  82. }
  83. },
  84. success: function(res) {
  85. // 通过eventChannel向被打开页面传送数据
  86. res.eventChannel.emit('acceptDataFromOpenerPage', val);
  87. }
  88. });
  89. }
  90. }
  91. };
  92. </script>
  93. <style lang="scss" scoped>
  94. page{
  95. background-color: #F5F7F9;
  96. }
  97. .container {
  98. position: relative;
  99. // height: 220vh;
  100. background-color: rgb(245, 247, 249);
  101. overflow: auto;
  102. .buju {
  103. margin: 40rpx 0;
  104. }
  105. }
  106. .cont {
  107. }
  108. .weiwan {
  109. color: #d51a52;
  110. background: rgba(213, 26, 82, 0.2);
  111. padding: 5rpx 20rpx;
  112. border-radius: 2px;
  113. border: 1px solid #d51a52;
  114. }
  115. .yiwan {
  116. color: #4cb2b6;
  117. background: rgba(76, 178, 182, 0.2);
  118. padding: 5rpx 20rpx;
  119. border-radius: 2px;
  120. border: 1px solid #4cb2b6;
  121. }
  122. .miaoshu {
  123. margin-right: 20rpx;
  124. color: #274647;
  125. font-weight: 600;
  126. }
  127. </style>