hydraulicEngineeringView.vue 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. <template>
  2. <div class="common-dialog">
  3. <div class="common-dialog-content">
  4. <div class="common-dialog-title-box">
  5. <h3 class="common-dialog-title">查看详情</h3>
  6. </div>
  7. <div class="common-dialog-box">
  8. <el-form ref="form" :model="formData" label-width="auto" class="custom-disabled">
  9. <el-row :gutter="20" class="mb8">
  10. <el-col :span="10">
  11. <el-form-item label="水利设施和水利工程名称:" prop="slsshslgcmc">
  12. <el-input v-model="formData.slsshslgcmc" style="width: 468px !important" disabled />
  13. </el-form-item>
  14. </el-col>
  15. <el-col :span="10">
  16. <el-form-item label="建设单位名称:" prop="jsdwmc">
  17. <el-input v-model="formData.jsdwmc" style="width: 468px !important" disabled />
  18. </el-form-item>
  19. </el-col>
  20. </el-row>
  21. <el-row :gutter="20" class="mb8">
  22. <el-col :span="10">
  23. <el-form-item label="水利设施和水利工程地点:" prop="slsshslgcdd">
  24. <el-input v-model="formData.slsshslgcdd" style="width: 468px !important" disabled />
  25. </el-form-item>
  26. </el-col>
  27. <el-col :span="10">
  28. <el-form-item label="建设单位证件类型:" prop="jsdwzjlx">
  29. <el-input v-model="formData.jsdwzjlx" style="width: 468px !important" disabled />
  30. </el-form-item>
  31. </el-col>
  32. </el-row>
  33. <el-row :gutter="20" class="mb8">
  34. <el-col :span="10">
  35. <el-form-item label="联系方式:" prop="lxfs">
  36. <el-input v-model="formData.lxfs" style="width: 468px !important" disabled />
  37. </el-form-item>
  38. </el-col>
  39. <el-col :span="10">
  40. <el-form-item label="数据提供部门统一社会信用代码:" prop="sjtgbmtyshxydm">
  41. <el-input v-model="formData.sjtgbmtyshxydm" style="width: 468px !important" disabled />
  42. </el-form-item>
  43. </el-col>
  44. </el-row>
  45. <el-row :gutter="20" class="mb8">
  46. <el-col :span="10">
  47. <el-form-item label="监督管理机关编码:" prop="jdgljgbm">
  48. <el-input v-model="formData.jdgljgbm" style="width: 468px !important" disabled />
  49. </el-form-item>
  50. </el-col>
  51. <el-col :span="10">
  52. <el-form-item label="插入时间:" prop="cd_time">
  53. <el-input v-model="formData.cd_time" style="width: 468px !important" disabled />
  54. </el-form-item>
  55. </el-col>
  56. </el-row>
  57. <el-row :gutter="20" class="mb8">
  58. <el-col :span="10">
  59. <el-form-item label="数据提供部门名称:" prop="sjtgbmmc">
  60. <el-input v-model="formData.sjtgbmmc" style="width: 468px !important" disabled />
  61. </el-form-item>
  62. </el-col>
  63. <el-col :span="10">
  64. <el-form-item label="灌溉面积:" prop="ggmj">
  65. <el-input v-model="formData.ggmj" style="width: 468px !important" disabled />
  66. </el-form-item>
  67. </el-col>
  68. </el-row>
  69. <el-row :gutter="20" class="mb8">
  70. <el-col :span="10">
  71. <el-form-item label="数据提供部门行政区划代码:" prop="sjtgbmxzqhdm">
  72. <el-input v-model="formData.sjtgbmxzqhdm" style="width: 468px !important" disabled />
  73. </el-form-item>
  74. </el-col>
  75. <el-col :span="10">
  76. <el-form-item label="建设单位证件号码:" prop="jsdwzjhm">
  77. <el-input v-model="formData.jsdwzjhm" style="width: 468px !important" disabled />
  78. </el-form-item>
  79. </el-col>
  80. </el-row>
  81. <el-row :gutter="20" class="mb8">
  82. <el-col :span="10">
  83. <el-form-item label="水利设施和水利工程所在地行政区划代码:" prop="xzqhdm">
  84. <el-input v-model="formData.xzqhdm" style="width: 468px !important" disabled />
  85. </el-form-item>
  86. </el-col>
  87. <el-col :span="10">
  88. <el-form-item label="占地面积:" prop="zdmj">
  89. <el-input v-model="formData.zdmj" style="width: 468px !important" disabled />
  90. </el-form-item>
  91. </el-col>
  92. </el-row>
  93. <el-row :gutter="20" class="mb8">
  94. <el-col :span="10">
  95. <el-form-item label="ETL时间:" prop="etl_time">
  96. <el-input v-model="formData.etl_time" style="width: 468px !important" disabled />
  97. </el-form-item>
  98. </el-col>
  99. <el-col :span="10">
  100. <el-form-item label="建设时间:" prop="jssj">
  101. <el-input v-model="formData.jssj" style="width: 468px !important" disabled />
  102. </el-form-item>
  103. </el-col>
  104. </el-row>
  105. <el-row :gutter="20" class="mb8">
  106. <el-col :span="10">
  107. <el-form-item label="数据批次号:" prop="cd_batch">
  108. <el-input v-model="formData.cd_batch" style="width: 468px !important" disabled />
  109. </el-form-item>
  110. </el-col>
  111. <el-col :span="10">
  112. <el-form-item label="监督管理机关:" prop="jdgljg">
  113. <el-input v-model="formData.jdgljg" style="width: 468px !important" disabled />
  114. </el-form-item>
  115. </el-col>
  116. </el-row>
  117. <el-row :gutter="20" class="mb8">
  118. <el-col :span="10">
  119. <el-form-item label="经度:" prop="jingdu">
  120. <el-input v-model="formData.jingdu" style="width: 468px !important" disabled />
  121. </el-form-item>
  122. </el-col>
  123. <el-col :span="10">
  124. <el-form-item label="纬度:" prop="weidu">
  125. <el-input v-model="formData.weidu" style="width: 468px !important" disabled />
  126. </el-form-item>
  127. </el-col>
  128. </el-row>
  129. </el-form>
  130. <div class="common-dialog-footer">
  131. <el-button type="primary" @click="closeDialog">返回</el-button>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </template>
  137. <script setup lang="ts">
  138. import { ref, onMounted } from 'vue';
  139. import { ElMessage } from 'element-plus';
  140. import { getHydraulic } from '@/api/comprehensiveGuarantee/reliefResourceManagement/hydraulicEngineering';
  141. import { parseTime } from '@/utils/ruoyi';
  142. const emits = defineEmits(['close']);
  143. const props = defineProps<{
  144. eventId: string | number;
  145. }>();
  146. const formData = ref({
  147. id: '',
  148. slsshslgcmc: '',
  149. jsdwmc: '',
  150. slsshslgcdd: '',
  151. jsdwzjlx: '',
  152. lxfs: '',
  153. sjtgbmtyshxydm: '',
  154. jdgljgbm: '',
  155. cd_time: '',
  156. sjtgbmmc: '',
  157. ggmj: '',
  158. sjtgbmxzqhdm: '',
  159. jsdwzjhm: '',
  160. xzqhdm: '',
  161. zdmj: '',
  162. etl_time: '',
  163. jssj: '',
  164. cd_batch: '',
  165. jdgljg: '',
  166. jingdu: '',
  167. weidu: ''
  168. });
  169. const closeDialog = () => {
  170. emits('close');
  171. };
  172. const fetchHydraulicData = async () => {
  173. const response = await getHydraulic(props.eventId);
  174. if (response.code === 200) {
  175. response.project.cd_time = parseTime(response.project.cd_time);
  176. response.project.etl_time = parseTime(response.project.etl_time);
  177. formData.value = response.project;
  178. } else {
  179. ElMessage.error('未找到相关数据');
  180. }
  181. };
  182. onMounted(() => {
  183. fetchHydraulicData();
  184. });
  185. </script>
  186. <style scoped>
  187. .custom-disabled {
  188. :deep(.el-select__wrapper.is-disabled),
  189. :deep(.el-input__wrapper) {
  190. background-color: #ffffff !important;
  191. }
  192. :deep(.el-select__wrapper.is-disabled .el-select__selected-item),
  193. :deep(.el-input__inner) {
  194. color: rgba(0, 0, 0, 0.85) !important;
  195. -webkit-text-fill-color: rgba(0, 0, 0, 0.85) !important;
  196. }
  197. }
  198. </style>