e0cbae9cd49d1002ffd906b93b250674577cc7c7.svn-base 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. <template>
  2. <div class="fanghong_wrapper">
  3. <el-container style="height:520px;">
  4. <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
  5. <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
  6. <el-form :model="addObj" :label-width="formLabelWidth" ref="ruleForm" :rules="rules">
  7. <el-form-item label="直接责任单位(水库运行管理单位或业主)">
  8. <el-input type="text" v-model="addObj.dutyUnitDrct" class="input60"></el-input>
  9. </el-form-item>
  10. <el-form-item label="领导责任单位(水库主管部门或水行政主管部门或流域管理机构)">
  11. <el-input type="text" v-model="addObj.dutyUnitLead" class="input60"></el-input>
  12. </el-form-item>
  13. <el-form-item label="调度责任单位(调令下达部门)">
  14. <el-input type="text" v-model="addObj.dutyUnitDisp" class="input60"></el-input>
  15. </el-form-item>
  16. <el-form-item label="检查组织单位">
  17. <el-input type="text" v-model="addObj.inspUnit" class="input60" readonly></el-input>
  18. </el-form-item>
  19. <el-form-item label>
  20. <el-button type="primary" @click="makesure" v-if="openType">保 存</el-button>
  21. </el-form-item>
  22. </el-form>
  23. <el-divider></el-divider>
  24. <!--<el-main>-->
  25. <problemList :pblmNameBz="'防洪调度'" :rowData="rowData" :openType="openType"></problemList>
  26. <!--</el-main>-->
  27. </el-main>
  28. </el-container>
  29. </div>
  30. </template>
  31. <script>
  32. import request from "@util/gw_ajax_request.js";
  33. import problemList from './ProblemList.vue'
  34. import {getGeneralConditionInfo} from '@api/duChaTianBao.js'
  35. export default {
  36. components: {problemList},
  37. props: ['currentObjectId', 'currentObjectName', 'currentObjectRgstrId', 'currentResCode', 'rowData','openType'],
  38. data() {
  39. return {
  40. dialogFormVisible: false,
  41. formLabelWidth: "360px",
  42. loading: true,
  43. placeholder: '',
  44. addObj: {
  45. dutyUnitDrct: '',//直接责任单位(水库运行管理单位或业主) ,
  46. dutyUnitLead: '',//领导责任单位(水库主管部门或水行政主管部门或流域管理机构) ,
  47. dutyUnitDisp: '',//调度责任单位(调令下达部门) ,
  48. inspUnit: '',//检查组织单位 ,
  49. },
  50. operationType: "",
  51. rules: {},
  52. lyjg: [],
  53. checkedTypes: [],
  54. saveLoading: false
  55. };
  56. },
  57. computed: {
  58. recPersId() {
  59. return localStorage.getItem("userid") ? localStorage.getItem("userid") : "1098101939614724096";
  60. }
  61. },
  62. created() {
  63. },
  64. mounted() {
  65. this.getformList();
  66. },
  67. methods: {
  68. getformList() {
  69. let _self = this;
  70. getGeneralConditionInfo(_self.currentObjectRgstrId).then(res => {
  71. if (res.success) {
  72. if (res.data && Object.keys(res.data).length) {
  73. _self.addObj = res.data;
  74. _self.operationType = "update";
  75. } else {
  76. _self.addObj = {};
  77. _self.operationType = "add";
  78. }
  79. } else {
  80. this.$message.error(res.message)
  81. }
  82. });
  83. },
  84. //保存
  85. makesure() {
  86. let _self = this;
  87. this.addObj["rgstrId"] = this.currentObjectRgstrId;
  88. this.addObj["recPersId"] = this.recPersId;
  89. this.addObj["status"] = '1';
  90. if (
  91. this.addObj.dutyUnitDrct &&
  92. this.addObj.dutyUnitLead &&
  93. this.addObj.dutyUnitDisp &&
  94. this.addObj.inspUnit
  95. ) {
  96. this.addObj.status = "2";
  97. } else {
  98. this.addObj.status = "1";
  99. }
  100. if (
  101. this.addObj.dutyUnitDrct === undefined &&
  102. this.addObj.dutyUnitLead === undefined &&
  103. this.addObj.dutyUnitDisp === undefined &&
  104. this.addObj.inspUnit === undefined
  105. ) {
  106. this.addObj.status = "0";
  107. }
  108. this.$refs['ruleForm'].validate((valid) => {
  109. if (valid) {
  110. this.$confirm("确认保存填写的信息吗?", "提示", {
  111. confirmButtonText: "确定",
  112. cancelButtonText: "取消",
  113. type: "warning"
  114. }).then(() => {
  115. if (!this.saveLoading) {
  116. this.saveLoading = true
  117. request.post("/bis/insp/rsfco/rgstr/fcs", _self.addObj).then(res => {
  118. if (res.success) {
  119. _self.$message.success("保存成功");
  120. _self.$emit("addShuiKuSuccess");
  121. _self.getformList();
  122. }
  123. this.saveLoading = false
  124. }).catch(err => {
  125. this.saveLoading = false
  126. this.$message.info(err)
  127. });
  128. }
  129. }).catch((err) => {
  130. this.$message.info(err)
  131. });
  132. } else {
  133. this.$message.warning('请检查填写信息')
  134. return
  135. }
  136. });
  137. },
  138. cancelHandler() {
  139. this.$emit("cancelHandler");
  140. },
  141. handleCheckedChange() {
  142. }
  143. },
  144. watch: {
  145. currentObjectRgstrId(n, o) {
  146. this.getformList();
  147. }
  148. }
  149. };
  150. </script>
  151. <style lang="scss">
  152. #dcdxHeader {
  153. padding: 15px 20px;
  154. }
  155. #dxdcFooter {
  156. text-align: center;
  157. }
  158. #dxdcAside {
  159. border: 1px solid #d5d5ff;
  160. }
  161. .fanghong_wrapper label.el-radio {
  162. width: 60px;
  163. }
  164. .fanghong_wrapper .el-form {
  165. margin-top: 10px;
  166. }
  167. .fanghong_wrapper
  168. .add-problem-icon {
  169. font-size: 16px;
  170. }
  171. .input60 {
  172. width: 60%;
  173. }
  174. </style>