unit_info_details.vue 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. <template>
  2. <view class="uni-container">
  3. <view class="example container" :style="'height: ' + (screenHeight - wheight - 75) + 'px'">
  4. <!-- 自定义表单校验 1-->
  5. <u--form ref="customForm" :model="formData" labelPosition="top" labelWidth="200" labelAlign="left">
  6. <!-- <view class=" flex flex-direction width100"> -->
  7. <u-form-item label="单位名称" prop="orgName" :required="true">
  8. <u-input v-model="formData.orgName" placeholder="必填。单位名称" :disabled="true"/>
  9. </u-form-item>
  10. <u-form-item label="负责人" prop="orgCharge" :required="true">
  11. <u-input v-model="formData.orgCharge" placeholder="必填。负责人" :disabled="true" />
  12. </u-form-item>
  13. <u-form-item label="消防安全管理人" >
  14. <u-input v-model="formData.aqglr" placeholder="楼宇名称" :disabled="true" />
  15. </u-form-item>
  16. <u-form-item label="消防安全管理人电话" >
  17. <u-input v-model="formData.aqglrdh" placeholder="档案负责人" :disabled="true" />
  18. </u-form-item>
  19. <u-form-item label="消防安全管理人身份证" >
  20. <u-input v-model="formData.aqglrsfz" placeholder="地理位置" :disabled="true" />
  21. </u-form-item>
  22. <u-form-item label="消防安全负责人">
  23. <u-input v-model="formData.aqzrr" placeholder="消防安全负责人" :disabled="true" />
  24. </u-form-item>
  25. <u-form-item label="消防安全负责人电话" >
  26. <u-input v-model="formData.aqzrrdh" placeholder="消防安全负责人电话" :disabled="true" />
  27. </u-form-item>
  28. <u-form-item label="消防安全负责人身份证">
  29. <u-input v-model="formData.aqzrrsfz" placeholder="消防安全负责人身份证" :disabled="true" />
  30. </u-form-item>
  31. <u-form-item label="单位传真">
  32. <u-input v-model="formData.dwcz" placeholder="单位传真" :disabled="true" />
  33. </u-form-item>
  34. <u-form-item label="单位电话">
  35. <u-input v-model="formData.dwdh" placeholder="单位电话" :disabled="true" />
  36. </u-form-item>
  37. <u-form-item prop="dwdz" label="单位地址">
  38. <u-input v-model="formData.dwdz" placeholder="单位地址" :disabled="true" /> </u-form-item>
  39. <u-form-item label="单位电子邮箱 ">
  40. <u-input v-model="formData.dwdzyx" placeholder="单位电子邮箱" :disabled="true" />
  41. </u-form-item>
  42. <u-form-item label="监管单位类别">
  43. <u-input v-model="formData.dwxzName" placeholder="监管单位类别" :disabled="true" />
  44. </u-form-item>
  45. <u-form-item label="负责人电话">
  46. <u-input v-model="formData.frdbdh" placeholder="负责人电话" :disabled="true" />
  47. </u-form-item>
  48. <u-form-item label="负责人身份证">
  49. <u-input v-model="formData.frdbsfz" placeholder="负责人身份证" :disabled="true" />
  50. </u-form-item>
  51. <u-form-item label="归口部门">
  52. <u-input v-model="formData.gkbm" placeholder="归口部门" :disabled="true" />
  53. </u-form-item>
  54. <u-form-item label="单位成立时间:">
  55. <uni-datetime-picker v-model="formData.dwclsj" type="date" :disabled="true"></uni-datetime-picker>
  56. </u-form-item>
  57. <!-- 确认重点单位时间 -->
  58. <u-form-item label="确认重点单位时间:">
  59. <uni-datetime-picker v-model="formData.qrsj" type="date" :disabled="true"></uni-datetime-picker>
  60. </u-form-item>
  61. <!-- 取消重点单位时间 -->
  62. <u-form-item label="取消重点单位时间:">
  63. <uni-datetime-picker v-model="formData.qxsj" type="date" :disabled="true"></uni-datetime-picker>
  64. </u-form-item>
  65. <u-form-item label="其他情况">
  66. <u-input v-model="formData.qtqk" placeholder="其他情况" :disabled="true" />
  67. </u-form-item>
  68. <u-form-item label="上级消防管辖单位">
  69. <u-input v-model="formData.sjxfgxdw" placeholder="上级消防管辖单位" :disabled="true" />
  70. </u-form-item>
  71. <u-form-item label="行政区域">
  72. <u-input v-model="formData.xzqy" placeholder="行政区域" :disabled="true" />
  73. </u-form-item>
  74. <u-form-item label="单位邮政编码">
  75. <u-input v-model="formData.yzbm" placeholder="单位邮政编码" :disabled="true" />
  76. </u-form-item>
  77. <u-form-item label="专兼职消防管理人">
  78. <u-input v-model="formData.zjzxfglr" placeholder="专兼职消防管理人" :disabled="true" />
  79. </u-form-item>
  80. <u-form-item label="专兼职消防管理人电话">
  81. <u-input v-model="formData.zjzxfglrdh" placeholder="专兼职消防管理人电话" :disabled="true" />
  82. </u-form-item>
  83. <u-form-item label="专兼职消防管理人身份证">
  84. <u-input v-model="formData.zjzxfglrsfz" placeholder="专兼职消防管理人身份证" :disabled="true" />
  85. </u-form-item>
  86. <u-form-item label="消防预案">
  87. <!-- #ifdef MP-WEIXIN -->
  88. <text style="color:#00a3f4;cursor: pointer;margin-left: 50rpx !important;"
  89. @click.native="viewSee(formData.xfya)" v-if="formData.xfya">点击预览文件</text>
  90. <!-- #endif -->
  91. <!-- #ifdef H5 -->
  92. <a style="color:#00a3f4;cursor: pointer;margin-left: 50rpx !important;"
  93. @click="viewSee(formData.xfya)" v-if="formData.xfya">点击预览文件</a>
  94. <!-- #endif -->
  95. </u-form-item>
  96. <!-- </view> -->
  97. </u--form>
  98. </view>
  99. <view class="heigthButton">
  100. <u-button @click="gotoEdit(formData)" shape="circle" size="large" color="#4cb2b6" text="修改信息"
  101. :customStyle="{width:'60%'}"></u-button>
  102. </view>
  103. </view>
  104. </template>
  105. <script>
  106. var that = null;
  107. import {
  108. downSee,
  109. } from '@/utils/common'
  110. import {
  111. getUnitInfo,
  112. getOrg //获取大队列表
  113. } from '@/api/unit_info';
  114. import {
  115. DICT_TYPE,
  116. getDictDatas
  117. } from '@/utils/dict';
  118. import {
  119. shijianc
  120. } from '@/utils/common.js'
  121. export default {
  122. data() {
  123. return {
  124. tableData: {},
  125. id: '',
  126. actions: getDictDatas(DICT_TYPE.BACKEND_ORG_TYPE2), //单位类型
  127. sjxfgxdwName: '',
  128. sjxfgxdwId: '',
  129. screenHeight: this.$screenHeight,
  130. wheight: '',
  131. formData: {
  132. },
  133. };
  134. },
  135. onLoad: function(option) {
  136. var data = option.id;
  137. that = this
  138. // 接收来自上个页面传递的参数
  139. const eventChannel = this.getOpenerEventChannel();
  140. eventChannel.on('acceptDataFromOpenerPage', function(val) {
  141. that.id = val.id;
  142. getOrg().then(res => {
  143. res.data.map(i => {
  144. if (val.sjxfgxdw && i.id == val.sjxfgxdw) {
  145. console.log('2555', i.name);
  146. that.sjxfgxdwName = i.name
  147. that.getData(data);
  148. }
  149. })
  150. })
  151. });
  152. that.getData(data);
  153. //单位类型 显示传递过来的选项 + 'px';
  154. },
  155. mounted() {
  156. uni.createSelectorQuery().in(this).select('.heigthButton').boundingClientRect(data => {
  157. this.wheight = data.height
  158. }).exec()
  159. },
  160. methods: {
  161. //查看已上传附件
  162. viewSee(val) {
  163. downSee(val)
  164. },
  165. // 获取数据
  166. getData(id) {
  167. getUnitInfo({
  168. id: id
  169. }).then(response => {
  170. this.formData = response.data;
  171. this.formData.sjxfgxdw = this.sjxfgxdwName
  172. this.actions.map(i => {
  173. if (this.formData.dwxz == i.value) {
  174. this.formData.dwxzName = i.label
  175. }
  176. });
  177. });
  178. },
  179. // 传递当前页面数据到 ‘修改信息’
  180. gotoEdit(val) {
  181. uni.navigateTo({
  182. url: '/pagesA/fire/unit_info/edit_unit_info/edit_unit_info',
  183. events: {
  184. // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
  185. acceptDataFromOpenedPage: function(val) {
  186. this.formData = val;
  187. }
  188. },
  189. success: function(res) {
  190. // 通过eventChannel向被打开页面传送数据
  191. res.eventChannel.emit('acceptDataFromOpenerPage', val);
  192. }
  193. });
  194. }
  195. }
  196. };
  197. </script>
  198. <style lang="scss" scoped>
  199. page {
  200. background-color: #F5F7F9;
  201. }
  202. .container {
  203. position: relative;
  204. // height: 220vh;
  205. background-color: rgb(245, 247, 249);
  206. overflow: auto;
  207. .buju {
  208. margin: 40rpx;
  209. word-break: break-all;
  210. }
  211. }
  212. .cont {}
  213. .weiwan {
  214. color: #d51a52;
  215. background: rgba(213, 26, 82, 0.2);
  216. padding: 5rpx 20rpx;
  217. border-radius: 2px;
  218. border: 1px solid #d51a52;
  219. }
  220. .yiwan {
  221. color: #4cb2b6;
  222. background: rgba(76, 178, 182, 0.2);
  223. padding: 5rpx 20rpx;
  224. border-radius: 2px;
  225. border: 1px solid #4cb2b6;
  226. }
  227. .miaoshu {
  228. margin-right: 20rpx;
  229. color: #274647;
  230. font-weight: 600;
  231. }
  232. .fixedButton {
  233. background-color: #F5F7F9;
  234. margin-top: 20rpx;
  235. width: 100vw;
  236. }
  237. .example {
  238. overflow-y: auto;
  239. }
  240. </style>