unit_info_details.vue 8.6 KB

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