archive_details6.vue 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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. });
  69. this.formData.orgName = option.orgName;
  70. },
  71. methods: {
  72. // 传递当前页面数据到 ‘修改信息’
  73. gotoEditArchive(val) {
  74. uni.navigateTo({
  75. url: '/pagesA/fire/archive/edit_archive/edit_archive6',
  76. events: {
  77. // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
  78. acceptDataFromOpenedPage: function(val) {
  79. this.formData = val;
  80. }
  81. },
  82. success: function(res) {
  83. // 通过eventChannel向被打开页面传送数据
  84. res.eventChannel.emit('acceptDataFromOpenerPage', val);
  85. }
  86. });
  87. }
  88. }
  89. };
  90. </script>
  91. <style lang="scss" scoped>
  92. page{
  93. background-color: #F5F7F9;
  94. }
  95. .container {
  96. position: relative;
  97. // height: 220vh;
  98. background-color: rgb(245, 247, 249);
  99. overflow: auto;
  100. .buju {
  101. margin: 40rpx 0;
  102. }
  103. }
  104. .cont {
  105. }
  106. .weiwan {
  107. color: #d51a52;
  108. background: rgba(213, 26, 82, 0.2);
  109. padding: 5rpx 20rpx;
  110. border-radius: 2px;
  111. border: 1px solid #d51a52;
  112. }
  113. .yiwan {
  114. color: #4cb2b6;
  115. background: rgba(76, 178, 182, 0.2);
  116. padding: 5rpx 20rpx;
  117. border-radius: 2px;
  118. border: 1px solid #4cb2b6;
  119. }
  120. .miaoshu {
  121. margin-right: 20rpx;
  122. color: #274647;
  123. font-weight: 600;
  124. }
  125. </style>