7cdbec2f94e6d3ffdefbfbce44430c13a131be9e.svn-base 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787
  1. <template>
  2. <div class="aqglpk">
  3. <!-- <el-dialog :title="'责任人填报'" :visible.sync="dialogFormVisible"> -->
  4. <el-container v-if="formIsShow" style="height:49vh;">
  5. <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;">
  6. <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">信息填报</p>
  7. <el-form :label-width="formLabelWidth" ref="projectFrom" :rules="rules" :model="formObj">
  8. <el-form-item label="区域内主要江河流域是否有分水指标">
  9. <el-radio v-model="formObj.isMrbwtrHasWi" label="1">是</el-radio>
  10. <el-radio v-model="formObj.isMrbwtrHasWi" label="2">否</el-radio>
  11. <el-button
  12. @click="addProblem('isMrbwtrHasWi')"
  13. type="text"
  14. v-if="this.formObj.isMrbwtrHasWi =='2' ? true :false"
  15. >
  16. <i class="el-icon-circle-plus"></i>
  17. </el-button>
  18. </el-form-item>
  19. <div v-if="this.formObj.isMrbwtrHasWi == '1'">
  20. <el-form-item label="主要江河流域数量" prop="mrbwtrNum">
  21. <el-input v-model="formObj.mrbwtrNum" style="width: 200px;">
  22. <template slot="append">个</template>
  23. </el-input>
  24. </el-form-item>
  25. <el-form-item label="主要江河流域名称">
  26. <el-input v-model="formObj.mrbwtrName" style="width: 200px;">
  27. <template slot="append"></template>
  28. </el-input>
  29. </el-form-item>
  30. <el-collapse v-model="activeNames" @change="handleChange" style="width: 50%; margin: 0 auto;">
  31. <el-collapse-item name="1">
  32. <template slot="title">
  33. <span style="margin-right: 5px;">有分水指标的江河流域名称1</span>
  34. <el-input v-model="formObj.rvNm1" @keyup.space.stop.native="stopStop" @click.stop.native="stopStop" style="width: 10vw;" clearable></el-input>
  35. </template>
  36. <div class="collapse_div">
  37. <el-form-item label="主要江河流域是否有分水指标">
  38. <el-radio v-model="formObj.isMrbwtrHasWi1" label="1">是</el-radio>
  39. <el-radio v-model="formObj.isMrbwtrHasWi1" label="2">否</el-radio>
  40. </el-form-item>
  41. <el-form-item label="用水总量控制指标是否分解明确到具体河流">
  42. <el-radio v-model="formObj.isIntRv1" label="1">是</el-radio>
  43. <el-radio v-model="formObj.isIntRv1" label="2">否</el-radio>
  44. </el-form-item>
  45. <el-form-item label="建设项目水资源论证与取水许可审批时是否有河流取水量的控制值或要求">
  46. <el-radio v-model="formObj.isHasRvCv1" label="1">是</el-radio>
  47. <el-radio v-model="formObj.isHasRvCv1" label="2">否</el-radio>
  48. </el-form-item>
  49. <el-form-item label="区域地表水取用水总量是否超过江河流域分水指标">
  50. <el-radio v-model="formObj.isTaowtfswitrEwdirb1" label="1">是</el-radio>
  51. <el-radio v-model="formObj.isTaowtfswitrEwdirb1" label="2">否</el-radio>
  52. </el-form-item>
  53. <el-form-item label="河流重要断面是否有生态流量指标">
  54. <el-radio v-model="formObj.isIsrbHasEfi1" label="1">是</el-radio>
  55. <el-radio v-model="formObj.isIsrbHasEfi1" label="2">否</el-radio>
  56. </el-form-item>
  57. <el-form-item label="生态流量是否得到保障">
  58. <el-radio v-model="formObj.isEfGrant1" label="1">是</el-radio>
  59. <el-radio v-model="formObj.isEfGrant1" label="2">否</el-radio>
  60. </el-form-item>
  61. <el-form-item label="区域内是否有河道断流">
  62. <el-radio v-model="formObj.isHasRvCut11" label="1">是</el-radio>
  63. <el-radio v-model="formObj.isHasRvCut11" label="2">否</el-radio>
  64. </el-form-item>
  65. </div>
  66. </el-collapse-item>
  67. <el-collapse-item name="2">
  68. <template slot="title">
  69. <span style="margin-right: 5px;">有分水指标的江河流域名称2</span>
  70. <el-input v-model="formObj.rvNm2" @keyup.space.stop.native="stopStop" @click.stop.native="stopStop" style="width: 10vw;" clearable></el-input>
  71. </template>
  72. <div class="collapse_div">
  73. <el-form-item label="主要江河流域是否有分水指标">
  74. <el-radio v-model="formObj.isMrbwtrHasWi2" label="1">是</el-radio>
  75. <el-radio v-model="formObj.isMrbwtrHasWi2" label="2">否</el-radio>
  76. </el-form-item>
  77. <el-form-item label="用水总量控制指标是否分解明确到具体河流">
  78. <el-radio v-model="formObj.isIntRv2" label="1">是</el-radio>
  79. <el-radio v-model="formObj.isIntRv2" label="2">否</el-radio>
  80. </el-form-item>
  81. <el-form-item label="建设项目水资源论证与取水许可审批时是否有河流取水量的控制值或要求">
  82. <el-radio v-model="formObj.isHasRvCv2" label="1">是</el-radio>
  83. <el-radio v-model="formObj.isHasRvCv2" label="2">否</el-radio>
  84. </el-form-item>
  85. <el-form-item label="区域地表水取用水总量是否超过江河流域分水指标">
  86. <el-radio v-model="formObj.isTaowtfswitrEwdirb2" label="1">是</el-radio>
  87. <el-radio v-model="formObj.isTaowtfswitrEwdirb2" label="2">否</el-radio>
  88. </el-form-item>
  89. <el-form-item label="河流重要断面是否有生态流量指标">
  90. <el-radio v-model="formObj.isIsrbHasEfi2" label="1">是</el-radio>
  91. <el-radio v-model="formObj.isIsrbHasEfi2" label="2">否</el-radio>
  92. </el-form-item>
  93. <el-form-item label="生态流量是否得到保障">
  94. <el-radio v-model="formObj.isEfGrant2" label="1">是</el-radio>
  95. <el-radio v-model="formObj.isEfGrant2" label="2">否</el-radio>
  96. </el-form-item>
  97. <el-form-item label="区域内是否有河道断流">
  98. <el-radio v-model="formObj.isHasRvCut12" label="1">是</el-radio>
  99. <el-radio v-model="formObj.isHasRvCut12" label="2">否</el-radio>
  100. </el-form-item>
  101. </div>
  102. </el-collapse-item>
  103. <el-collapse-item name="3">
  104. <template slot="title">
  105. <span style="margin-right: 5px;">有分水指标的江河流域名称3</span>
  106. <el-input v-model="formObj.rvNm3" @keyup.space.stop.native="stopStop" @click.stop.native="stopStop" style="width: 10vw;" clearable></el-input>
  107. </template>
  108. <div class="collapse_div">
  109. <el-form-item label="主要江河流域是否有分水指标">
  110. <el-radio v-model="formObj.isMrbwtrHasWi3" label="1">是</el-radio>
  111. <el-radio v-model="formObj.isMrbwtrHasWi3" label="2">否</el-radio>
  112. </el-form-item>
  113. <el-form-item label="用水总量控制指标是否分解明确到具体河流">
  114. <el-radio v-model="formObj.isIntRv3" label="1">是</el-radio>
  115. <el-radio v-model="formObj.isIntRv3" label="2">否</el-radio>
  116. </el-form-item>
  117. <el-form-item label="建设项目水资源论证与取水许可审批时是否有河流取水量的控制值或要求">
  118. <el-radio v-model="formObj.isHasRvCv3" label="1">是</el-radio>
  119. <el-radio v-model="formObj.isHasRvCv3" label="2">否</el-radio>
  120. </el-form-item>
  121. <el-form-item label="区域地表水取用水总量是否超过江河流域分水指标">
  122. <el-radio v-model="formObj.isTaowtfswitrEwdirb3" label="1">是</el-radio>
  123. <el-radio v-model="formObj.isTaowtfswitrEwdirb3" label="2">否</el-radio>
  124. </el-form-item>
  125. <el-form-item label="河流重要断面是否有生态流量指标">
  126. <el-radio v-model="formObj.isIsrbHasEfi3" label="1">是</el-radio>
  127. <el-radio v-model="formObj.isIsrbHasEfi3" label="2">否</el-radio>
  128. </el-form-item>
  129. <el-form-item label="生态流量是否得到保障">
  130. <el-radio v-model="formObj.isEfGrant3" label="1">是</el-radio>
  131. <el-radio v-model="formObj.isEfGrant3" label="2">否</el-radio>
  132. </el-form-item>
  133. <el-form-item label="区域内是否有河道断流">
  134. <el-radio v-model="formObj.isHasRvCut13" label="1">是</el-radio>
  135. <el-radio v-model="formObj.isHasRvCut13" label="2">否</el-radio>
  136. </el-form-item>
  137. </div>
  138. </el-collapse-item>
  139. </el-collapse>
  140. </div>
  141. <el-form-item label="区域地表水取用水总量是否超过江河流域分水指标">
  142. <el-radio v-model="formObj.isTaowtfswitrEwdirb" label="1">是</el-radio>
  143. <el-radio v-model="formObj.isTaowtfswitrEwdirb" label="2">否</el-radio>
  144. <el-button
  145. @click="addProblem('isTaowtfswitrEwdirb')"
  146. type="text"
  147. v-if="this.formObj.isTaowtfswitrEwdirb =='1' ? true :false"
  148. >
  149. <i class="el-icon-circle-plus"></i>
  150. </el-button>
  151. </el-form-item>
  152. <div v-if="this.formObj.isTaowtfswitrEwdirb == '1'">
  153. <el-form-item label="">
  154. <el-input type="textarea" rows='6' cols='28' v-model="formObj.isTaowtfswitrNote" placeholder="请注明超过分水指标的河流名称和数量,并说明是否制定和落实限批措施。" style="width: 200px;"></el-input>
  155. </el-form-item>
  156. </div>
  157. <el-form-item label="区域内取用水总量是否超过上一级水行政主管部门下达的取用水总量指标">
  158. <el-radio v-model="formObj.isTawuaEtawt" label="1">是</el-radio>
  159. <el-radio v-model="formObj.isTawuaEtawt" label="2">否</el-radio>
  160. <el-button
  161. @click="addProblem('isTawuaEtawt')"
  162. type="text"
  163. v-if="this.formObj.isTawuaEtawt =='1' ? true :false"
  164. >
  165. <i class="el-icon-circle-plus"></i>
  166. </el-button>
  167. </el-form-item>
  168. <el-form-item label="河流重要断面是否有生态流量指标">
  169. <el-radio v-model="formObj.isIsrbHasEfi" label="1">是</el-radio>
  170. <el-radio v-model="formObj.isIsrbHasEfi" label="2">否</el-radio>
  171. <el-button
  172. @click="addProblem('isIsrbHasEfi')"
  173. type="text"
  174. v-if="this.formObj.isIsrbHasEfi =='2' ? true :false"
  175. >
  176. <i class="el-icon-circle-plus"></i>
  177. </el-button>
  178. </el-form-item>
  179. <div v-if="this.formObj.isIsrbHasEfi == '1'">
  180. <el-form-item label="">
  181. <el-input type="textarea" cols="28" rows="6" placeholder="请注明有生态流量(水位)指标或要求的河流重要断面数量,以及其中有生态流量指标的断面数量。" v-model="formObj.isIsRbHasNote" style="width: 200px;"></el-input>
  182. </el-form-item>
  183. <!--<el-form-item label="河流名称">-->
  184. <!--<el-input v-model="formObj.hasIsrbName" style="width: 200px;">-->
  185. <!--<template slot="append"></template>-->
  186. <!--</el-input>-->
  187. <!--</el-form-item>-->
  188. <!--<el-form-item label="重要断面数量" prop="isrbNum">-->
  189. <!--<el-input v-model="formObj.isrbNum" style="width: 200px;">-->
  190. <!--<template slot="append">个</template>-->
  191. <!--</el-input>-->
  192. <!--</el-form-item>-->
  193. <!--<el-form-item label="有生态流量指标的断面数量" prop="hasEfiIsrbNum">-->
  194. <!--<el-input v-model="formObj.hasEfiIsrbNum" style="width: 200px;">-->
  195. <!--<template slot="append">个</template>-->
  196. <!--</el-input>-->
  197. <!--</el-form-item>-->
  198. </div>
  199. <el-form-item label="生态流量是否得到保障">
  200. <el-radio v-model="formObj.isEfGrant" label="1">是</el-radio>
  201. <el-radio v-model="formObj.isEfGrant" label="2">否</el-radio>
  202. <el-button
  203. @click="addProblem('isEfGrant')"
  204. type="text"
  205. v-if="this.formObj.isEfGrant =='2' ? true :false"
  206. >
  207. <i class="el-icon-circle-plus"></i>
  208. </el-button>
  209. </el-form-item>
  210. <div v-if="this.formObj.isEfGrant == '1'">
  211. <el-form-item label="">
  212. <el-input type="textarea" cols="28" rows="6" placeholder="请注明落实生态流量管控目标或相关要求的河流名称和数量,以及相应河流是否有生态流量监测设施。" v-model="formObj.isEfNote" style="width: 200px;"></el-input>
  213. </el-form-item>
  214. </div>
  215. <!--<el-form-item label="区域内是否有河道断流">-->
  216. <!--<el-radio v-model="formObj.isEfGrant" label="1">是</el-radio>-->
  217. <!--<el-radio v-model="formObj.isEfGrant" label="2">否</el-radio>-->
  218. <!--<el-button-->
  219. <!--@click="addProblem('isEfGrant')"-->
  220. <!--type="text"-->
  221. <!--v-if="this.formObj.isEfGrant =='2' ? true :false"-->
  222. <!--&gt;-->
  223. <!--<i class="el-icon-circle-plus"></i>-->
  224. <!--</el-button>-->
  225. <!--</el-form-item>-->
  226. <el-form-item label="地下水禁采区是否禁止新增取水">
  227. <el-radio v-model="formObj.isGezBanNwt" label="1">是</el-radio>
  228. <el-radio v-model="formObj.isGezBanNwt" label="2">否</el-radio>
  229. <el-radio v-model="formObj.isGezBanNwt" label="3">无</el-radio>
  230. <el-button
  231. @click="addProblem('isGezBanNwt')"
  232. type="text"
  233. v-if="this.formObj.isGezBanNwt =='2' ? true :false"
  234. >
  235. <i class="el-icon-circle-plus"></i>
  236. </el-button>
  237. </el-form-item>
  238. <el-form-item label="地下水禁采区是否逐步削减超采量" v-if="this.formObj.isGezBanNwt =='3' ? false :true">
  239. <el-radio v-model="formObj.isGezGrem" label="1">是</el-radio>
  240. <el-radio v-model="formObj.isGezGrem" label="2">否</el-radio>
  241. <el-button
  242. @click="addProblem('isGezGrem')"
  243. type="text"
  244. v-if="this.formObj.isGezGrem =='2' ? true :false"
  245. >
  246. <i class="el-icon-circle-plus"></i>
  247. </el-button>
  248. </el-form-item>
  249. <div v-if="this.formObj.isGezBanNwt == '3'">
  250. <el-form-item label="">
  251. <el-input type="textarea" cols="28" rows="6" placeholder="" v-model="formObj.isGezBanNwtNt" style="width: 200px;"></el-input>
  252. </el-form-item>
  253. </div>
  254. <el-form-item label="地下水限采区是否限制新增取水">
  255. <el-radio v-model="formObj.isGraBanNwt" label="1">是</el-radio>
  256. <el-radio v-model="formObj.isGraBanNwt" label="2">否</el-radio>
  257. <el-radio v-model="formObj.isGraBanNwt" label="3">无</el-radio>
  258. <el-button
  259. @click="addProblem('isGraBanNwt')"
  260. type="text"
  261. v-if="this.formObj.isGraBanNwt =='2' ? true :false"
  262. >
  263. <i class="el-icon-circle-plus"></i>
  264. </el-button>
  265. </el-form-item>
  266. <div v-if="this.formObj.isGraBanNwt == '3'">
  267. <el-form-item label="">
  268. <el-input type="textarea" cols="28" rows="6" placeholder="" v-model="formObj.isGoaUnwtlDownNt" style="width: 200px;"></el-input>
  269. </el-form-item>
  270. </div>
  271. <el-form-item label="地下水超采区地下水位是否仍呈下降趋势">
  272. <el-radio v-model="formObj.isGoaUnwtlDown" label="1">是</el-radio>
  273. <el-radio v-model="formObj.isGoaUnwtlDown" label="2">否</el-radio>
  274. <el-radio v-model="formObj.isGoaUnwtlDown" label="3">无</el-radio>
  275. <el-button
  276. @click="addProblem('isGoaUnwtlDown')"
  277. type="text"
  278. v-if="this.formObj.isGoaUnwtlDown =='1' ? true :false"
  279. >
  280. <i class="el-icon-circle-plus"></i>
  281. </el-button>
  282. </el-form-item>
  283. <div v-if="this.formObj.isGoaUnwtlDown == '3'">
  284. <el-form-item label="">
  285. <el-input type="textarea" cols="28" rows="6" placeholder="" v-model="formObj.isGraBanNwtNt" style="width: 200px;"></el-input>
  286. </el-form-item>
  287. </div>
  288. <el-form-item label="检查的取水口实际取水量是否与区域取用水统计台账用水量一致">
  289. <el-radio v-model="formObj.isWintAtcCnstnt" label="1">是</el-radio>
  290. <el-radio v-model="formObj.isWintAtcCnstnt" label="2">否</el-radio>
  291. <el-button
  292. @click="addProblem('isWintAtcCnstnt')"
  293. type="text"
  294. v-if="this.formObj.isWintAtcCnstnt =='2' ? true :false"
  295. >
  296. <i class="el-icon-circle-plus"></i>
  297. </el-button>
  298. </el-form-item>
  299. <el-form-item label="区域取用水统计台账是否与上报的相应取用水总量一致">
  300. <el-radio v-model="formObj.isAtcRwintCnstnt" label="1">是</el-radio>
  301. <el-radio v-model="formObj.isAtcRwintCnstnt" label="2">否</el-radio>
  302. <el-button
  303. @click="addProblem('isAtcRwintCnstnt')"
  304. type="text"
  305. v-if="this.formObj.isAtcRwintCnstnt =='2' ? true :false"
  306. >
  307. <i class="el-icon-circle-plus"></i>
  308. </el-button>
  309. </el-form-item>
  310. <el-form-item label="区域内纳入取水许可管理的河道外用水量占河道外总用水量的比例" prop="wlmRoutRintWint">
  311. <el-input v-model="formObj.wlmRoutRintWint" style="width: 200px;" maxlength="6">
  312. <template slot="append">%</template>
  313. </el-input>
  314. </el-form-item>
  315. <el-form-item label="区域内河道断流数量" prop="rvCutNum">
  316. <el-input v-model="formObj.rvCutNum" style="width: 200px;">
  317. <template slot="append">个</template>
  318. </el-input>
  319. </el-form-item>
  320. <el-form-item label="占比" prop="rvCutAcct" maxlength="6">
  321. <el-input v-model="formObj.rvCutAcct" style="width: 200px;">
  322. <template slot="append">%</template>
  323. </el-input>
  324. </el-form-item>
  325. <el-form-item label="区域内湖泊萎缩数量" prop="lkShkNum">
  326. <el-input v-model="formObj.lkShkNum" style="width: 200px;">
  327. <template slot="append">个</template>
  328. </el-input>
  329. </el-form-item>
  330. <el-form-item label="占比" prop="lkShkAcct" maxlength="6">
  331. <el-input v-model="formObj.lkShkAcct" style="width: 200px;">
  332. <template slot="append">%</template>
  333. </el-input>
  334. </el-form-item>
  335. <el-form-item label>
  336. <el-button style="padding:7px 15px" type="primary" @click="addHandler">保 存</el-button>
  337. </el-form-item>
  338. </el-form>
  339. </el-main>
  340. </el-container>
  341. <div v-if="!formIsShow" class="popupContentClass" :style="{'height':testHeight1+'px'}">
  342. <el-row class="rowClass">
  343. <el-col :span="14" class="nameClass">是否按规定开展水质监测工作(查阅资料):</el-col>
  344. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isTcowqmWtmiafmtr | formatRadio}}</el-col>
  345. </el-row>
  346. <el-row class="rowClass">
  347. <el-col :span="14" class="nameClass">是否建立并正常运行水质在线监测系统(实地查看、查阅资料):</el-col>
  348. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isEowqoms | formatRadio}}</el-col>
  349. </el-row>
  350. <el-row class="rowClass">
  351. <el-col :span="14" class="nameClass">是否按规定报送水质监测信息(实地查看、查阅资料):</el-col>
  352. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isSwqiowstswrmisar | formatRadio}}</el-col>
  353. </el-row>
  354. <el-row class="rowClass">
  355. <el-col :span="14" class="nameClass">是否按规定向国家水资源管理信息系统实时报送水质在线监测信息(实地查看、查阅资料):</el-col>
  356. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isAmwqiadtfad | formatRadio}}</el-col>
  357. </el-row>
  358. <el-row class="rowClass">
  359. <el-col :span="14" class="nameClass">发现水质不达标问题是否及时通报生态环境主管部门或报告地方政府(查阅资料):</el-col>
  360. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isPzfdwsad | formatRadio}}</el-col>
  361. </el-row>
  362. <el-row class="rowClass">
  363. <el-col :span="14" class="nameClass">年度供水保证率是否达到95%以上(查阅资料):</el-col>
  364. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isEcgbacws | formatRadio}}</el-col>
  365. </el-row>
  366. <el-row class="rowClass">
  367. <el-col :span="14" class="nameClass">取水口水质全年达到III类标准的次数是否超过80%(查阅资料):</el-col>
  368. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isHasProject | formatRadio}}</el-col>
  369. </el-row>
  370. <el-row class="rowClass">
  371. <el-col :span="14" class="nameClass">是否建立了突发事件应急处置机制 (查阅资料):</el-col>
  372. <el-col :span="10" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.isHasIwba | formatRadio}}</el-col>
  373. </el-row>
  374. </div>
  375. <problem-dialog
  376. v-if="showAddProblemDialog"
  377. :objType="14"
  378. :villType="14"
  379. :objId="currentObjectId"
  380. :objName="currentObjectName"
  381. :problemMiddleType="'分水及管控'"
  382. :problData="problData"
  383. :currentGroupId="currentGroupId"
  384. @closeDialog="closePlDialog"
  385. :currentObjectRgstrId="currentObjectRgstrId"
  386. ></problem-dialog>
  387. </div>
  388. </template>
  389. <script>
  390. import inputWith from "../../widgets/inuptWith.vue";
  391. import request from "../../utils/gw_ajax_request.js";
  392. import { getSlFpQys } from "../../api/duChaTianBao.js";
  393. import problemDialog from "../duChaWenTi/problemDialog.vue";
  394. export default {
  395. components: {
  396. inputWith: inputWith,
  397. problemDialog
  398. },
  399. props: [
  400. "currentObjectRgstrId",
  401. "currentObjectEngScale",
  402. "currentObjectName",
  403. "currentObjectId",
  404. "szRuls",
  405. "showOrEdit",
  406. "currentGroupId",
  407. ],
  408. data() {
  409. return {
  410. testHeight:(window.innerHeight * 0.5 - 114) / 6,
  411. testHeight1:window.innerHeight * 0.6,
  412. isThreeOrFour:false,
  413. restmIsAd:false,
  414. objtbStatu:{
  415. safeStat:"",
  416. id:"",
  417. },
  418. problData: "",
  419. showAddProblemDialog: false,
  420. rules: {
  421. mrbwtrNum: [
  422. {pattern:/^[0-9]\d*$/, message: '必须为整数'}
  423. ],
  424. hasIsrbNum: [
  425. {pattern:/^[0-9]\d*$/, message: '必须为整数'}
  426. ],
  427. isrbNum: [
  428. {pattern:/^[0-9]\d*$/, message: '必须为整数'}
  429. ],
  430. hasEfiIsrbNum: [
  431. {pattern:/^[0-9]\d*$/, message: '必须为整数'}
  432. ],
  433. wlmRoutRintWint: [
  434. {pattern:/^\d{1,3}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前3后2位'}
  435. ],
  436. rvCutNum: [
  437. {pattern:/^[0-9]\d*$/, message: '必须为整数'}
  438. ],
  439. rvCutAcct: [
  440. {pattern:/^\d{1,3}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前3后2位'}
  441. ],
  442. lkShkNum: [
  443. {pattern:/^[0-9]\d*$/, message: '必须为整数'}
  444. ],
  445. lkShkAcct: [
  446. {pattern:/^\d{1,3}(\.\d{1,2})?$/, message: '必须为数字且不超小数点前3后2位'}
  447. ]
  448. },
  449. lyjg: [],
  450. activeNames: [""],
  451. formObj: {
  452. isMrbwtrHasWi: "",
  453. mrbwtrNum: "",
  454. mrbwtrName:"",
  455. hasWiMrbwtrNum: "",
  456. hasWiMrbwtrName: "",
  457. isTaowtfswitrEwdirb: "",
  458. isTawuaEtawt: "",
  459. isIsrbHasEfi: "",
  460. hasEfiIsrbNum: "",
  461. hasIsrbName: "",
  462. hasIsrbNum: "",
  463. annInflowDry: "",
  464. isEfGrant: "",
  465. isGezBanNwt: "",
  466. isGezGrem: "",
  467. isGraBanNwt: "",
  468. isGoaUnwtlDown: "",
  469. isWintAtcCnstnt: "",
  470. isAtcRwintCnstnt: "",
  471. wlmRoutRintWint: "",
  472. rvCutNum: "",
  473. rvCutAcct: "",
  474. lkShkNum: "",
  475. lkShkAcct: "",
  476. isrbNum: "",
  477. rvNm1:"",
  478. rvNm2:"",
  479. rvNm3:"",
  480. isMrbwtrHasWi1:"",
  481. isMrbwtrHasWi2:"",
  482. isMrbwtrHasWi3:"",
  483. isIntRv1:"",
  484. isIntRv2:"",
  485. isIntRv3:"",
  486. isHasRvCv1:"",
  487. isHasRvCv2 :"",
  488. isHasRvCv3:"",
  489. isTaowtfswitrEwdirb1:"",
  490. isTaowtfswitrEwdirb2:"",
  491. isTaowtfswitrEwdirb3:"",
  492. isIsrbHasEfi1:"",
  493. isIsrbHasEfi2 :"",
  494. isIsrbHasEfi3:"",
  495. isEfGrant1:"",
  496. isEfGrant2:"",
  497. isEfGrant3:"",
  498. isHasRvCut11:"",
  499. isHasRvCut12:"",
  500. isHasRvCut13:"",
  501. isTaowtfswitrNote:"",
  502. isIsRbHasNote:"",
  503. isEfNote:"",
  504. isGezBanNwtNt:"",
  505. isGoaUnwtlDownNt:"",
  506. isGraBanNwtNt:""
  507. },
  508. dialogFormVisible: false,
  509. formLabelWidth: "30vw",
  510. loading: true,
  511. operationType1: "",
  512. formIsShow: true
  513. };
  514. },
  515. computed: {
  516. recPersId() {
  517. return localStorage.getItem("userid")
  518. ? localStorage.getItem("userid")
  519. : "";
  520. },
  521. },
  522. created() {
  523. if (this.showOrEdit == "show") {
  524. this.formIsShow = false;
  525. } else {
  526. this.formIsShow = true;
  527. }
  528. },
  529. mounted() {
  530. this.getRgstridObj();
  531. },
  532. watch: {
  533. currentObjectRgstrId(n, o) {
  534. this.getRgstridObj();
  535. },
  536. currentObjectEngScale(n, o) {
  537. this.currentObjectEngScale = n;
  538. }
  539. },
  540. methods: {
  541. szType(item){
  542. if(item == '1' || item =='4'){
  543. this.isThreeOrFour = true;
  544. }else{
  545. this.isThreeOrFour = false;
  546. this.restmIsAd = false;
  547. }
  548. },
  549. isTof(item){
  550. if(item == '1'){
  551. this.restmIsAd = true;
  552. }else{
  553. this.restmIsAd = false;
  554. }
  555. },
  556. getRgstridObj() {
  557. var _self = this;
  558. getSlFpQys(_self.currentObjectRgstrId).then(res => {
  559. if (Object.keys(res.data).length !== 0) {
  560. _self.formObj = res.data;
  561. _self.operationType1 = "update";
  562. } else {
  563. _self.formObj = {};
  564. _self.operationType1 = "add";
  565. }
  566. });
  567. },
  568. addHandler() {
  569. this.$refs.projectFrom.validate(valid => {
  570. if(valid){
  571. var _self = this;
  572. if(_self.formObj.isMrbwtrHasWi && _self.formObj.isTaowtfswitrEwdirb && _self.formObj.isTawuaEtawt && _self.formObj.isIsrbHasEfi && _self.formObj.isEfGrant && _self.formObj.isGezBanNwt && _self.formObj.isGezGrem && _self.formObj.isGraBanNwt && _self.formObj.isGraBanNwt && _self.formObj.isGraBanNwt && _self.formObj.isGoaUnwtlDown && _self.formObj.isWintAtcCnstnt && _self.formObj.isAtcRwintCnstnt && _self.formObj.wlmRoutRintWint && _self.formObj.rvCutNum && _self.formObj.rvCutAcct && _self.formObj.lkShkNum && _self.formObj.lkShkAcct){
  573. this.objtbStatu.safeStat = "2"
  574. }else{
  575. if(_self.formObj.isMrbwtrHasWi == undefined && _self.formObj.isTaowtfswitrEwdirb && _self.formObj.isTawuaEtawt == undefined && _self.formObj.isIsrbHasEfi == undefined && _self.formObj.isEfGrant == undefined && _self.formObj.isGezBanNwt == undefined && _self.formObj.isGezGrem == undefined && _self.formObj.isGraBanNwt == undefined && _self.formObj.isGraBanNwt == undefined && _self.formObj.isGraBanNwt == undefined && _self.formObj.isGoaUnwtlDown == undefined && _self.formObj.isWintAtcCnstnt == undefined && _self.formObj.isAtcRwintCnstnt == undefined && _self.formObj.wlmRoutRintWint == undefined && _self.formObj.rvCutNum == undefined && _self.formObj.rvCutAcct == undefined && _self.formObj.lkShkNum == undefined && _self.formObj.lkShkAcct == undefined){
  576. this.objtbStatu.safeStat = "0"
  577. }else{
  578. this.objtbStatu.safeStat = "1"
  579. }
  580. }
  581. if(this.formObj["isMrbwtrHasWi"] == "2"){
  582. this.formObj["mrbwtrNum"] = "";
  583. this.formObj["mrbwtrName"] = "";
  584. this.formObj["rvNm1"] = "";
  585. this.formObj["rvNm2"] = "";
  586. this.formObj["rvNm3"] = "";
  587. this.formObj["isMrbwtrHasWi1"] = "";
  588. this.formObj["isMrbwtrHasWi2"] = "";
  589. this.formObj["isMrbwtrHasWi3"] = "";
  590. this.formObj["isIntRv1"] = "";
  591. this.formObj["isIntRv2"] = "";
  592. this.formObj["isIntRv3"] = "";
  593. this.formObj["isHasRvCv1"] = "";
  594. this.formObj["isHasRvCv2"] = "";
  595. this.formObj["isHasRvCv3"] = "";
  596. this.formObj["isTaowtfswitrEwdirb1"] = "";
  597. this.formObj["isTaowtfswitrEwdirb2"] = "";
  598. this.formObj["isTaowtfswitrEwdirb3"] = "";
  599. this.formObj["isIsrbHasEfi1"] = "";
  600. this.formObj["isIsrbHasEfi2"] = "";
  601. this.formObj["isIsrbHasEfi3"] = "";
  602. this.formObj["isEfGrant1"] = "";
  603. this.formObj["isEfGrant2"] = "";
  604. this.formObj["isEfGrant3"] = "";
  605. this.formObj["isHasRvCut11"] = "";
  606. this.formObj["isHasRvCut12"] = "";
  607. this.formObj["isHasRvCut13"] = "";
  608. }
  609. if(this.formObj["isIsrbHasEfi"] == "2"){
  610. // this.formObj["hasIsrbNum"] = "";
  611. // this.formObj["hasIsrbName"] = "";
  612. // this.formObj["isrbNum"] = "";
  613. // this.formObj["hasEfiIsrbNum"] = "";
  614. this.formObj["isIsRbHasNote"] = "";
  615. }
  616. if(this.formObj["isTaowtfswitrEwdirb"] == "2"){
  617. this.formObj["isTaowtfswitrNote"] = "";
  618. }
  619. if(this.formObj["isEfGrant"] == "2"){
  620. this.formObj["isEfNote"] = "";
  621. }
  622. if(this.formObj.isGezBanNwt == "2" || this.formObj.isGezBanNwt == "1"){
  623. this.formObj.isGezBanNwtNt = "";
  624. }
  625. if(this.formObj.isGraBanNwt == "2" || this.formObj.isGraBanNwt == "1"){
  626. this.formObj.isGoaUnwtlDownNt = "";
  627. }
  628. if(this.formObj.isGoaUnwtlDown == "2" || this.formObj.isGoaUnwtlDown == "1"){
  629. this.formObj.isGraBanNwtNt = "";
  630. }
  631. _self.formObj["rgstrId"] = _self.currentObjectRgstrId;
  632. _self.formObj["persId"] = _self.recPersId;
  633. _self.formObj["dataStat"] = _self.objtbStatu.safeStat;
  634. this.$confirm("确认保存水量分配及取用水管控情况信息?", "提示", {
  635. confirmButtonText: "确定",
  636. cancelButtonText: "取消",
  637. type: "warning"
  638. }).then(() => {
  639. if (_self.operationType1 == "add") {
  640. _self.formObj["id"] = "";
  641. try{
  642. request.post('/bis/insp/wint/rgstr/int/info',_self.formObj).then((res)=>{
  643. if (res.success) {
  644. _self.$message.success("添加成功");
  645. _self.$emit("addShuiKuSuccess");
  646. }
  647. });
  648. } catch(e) {
  649. }
  650. } else if (_self.operationType1 == "update") {
  651. try{
  652. request.post('/bis/insp/wint/rgstr/int/info',_self.formObj).then((res)=>{
  653. if (res.success) {
  654. _self.$message.success("修改成功");
  655. _self.$emit("addShuiKuSuccess");
  656. }
  657. });
  658. } catch(e) {
  659. }
  660. }
  661. })
  662. .catch(() => {});
  663. }
  664. })
  665. },
  666. cancelHandler() {
  667. this.$emit("cancelHandler");
  668. },
  669. formatRadio(val) {
  670. if (val == "1") {
  671. return "是";
  672. } else if (val == "0") {
  673. return "否";
  674. } else {
  675. return val;
  676. }
  677. },
  678. addProblem: function(pro) {
  679. let rules = this.szRuls;
  680. let rest = rules.filter(e => {
  681. return e.eName == pro;
  682. });
  683. this.problData = rest[0].id;
  684. this.showAddProblemDialog = true;
  685. },
  686. closePlDialog(val) {
  687. this.showAddProblemDialog = false;
  688. },
  689. handleChange(val) {
  690. console.log(val);
  691. },
  692. stopStop(event){
  693. event.preventDefault = true;//阻止默认事件(原生方法)
  694. event.stop;//阻止冒泡(原声方法)
  695. }
  696. },
  697. filters:{
  698. formatRadio(val) {
  699. if (val == "1") {
  700. return "是";
  701. } else if (val == "2") {
  702. return "否";
  703. } else {
  704. return val;
  705. }
  706. }
  707. }
  708. };
  709. </script>
  710. <style lang="scss">
  711. .slide-fade-enter-active {
  712. transition: all 0.3s ease;
  713. }
  714. .slide-fade-leave-active {
  715. transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
  716. }
  717. .slide-fade-enter, .slide-fade-leave-to
  718. /* .slide-fade-leave-active for below version 2.1.8 */ {
  719. transform: translateY(-10px);
  720. opacity: 0;
  721. }
  722. #dcdxHeader {
  723. padding: 15px 20px;
  724. }
  725. #dxdcFooter {
  726. text-align: center;
  727. }
  728. #dxdcAside {
  729. border: 1px solid #d5d5ff;
  730. }
  731. .el-dialog__wrapper .el-treeWhite {
  732. /* max-height: 260px !important; */
  733. }
  734. .zdlsqk .el-radio + .el-radio {
  735. //纵向radio处理
  736. margin-left: 0px;
  737. }
  738. .aqglpk .el-button--text {
  739. //添加问题小加号处理
  740. // margin-left: 1vw;
  741. font-size: 1rem;
  742. }
  743. .aqglpk .el-button--mini {
  744. //处理出现小加号后,选项上下抖动问题
  745. padding: 0px 0px;
  746. }
  747. .nameClass{
  748. text-align:right;
  749. font-size:13px;
  750. font-family:PingFangSC-Medium;
  751. font-weight:500;
  752. color:rgba(51,51,51,1)
  753. }
  754. .valueClass{
  755. text-align:left;
  756. align-items: center;
  757. display: flex;
  758. font-size:13px;
  759. font-family:MicrosoftYaHei;
  760. color:rgba(51,51,51,1);
  761. }
  762. .rowClass{
  763. align-items: center;
  764. display: flex;
  765. border-bottom: 1px dashed #C5C6C8;
  766. }
  767. .rowClass1{
  768. align-items: center;
  769. display: flex;
  770. }
  771. .popupContentClass{
  772. overflow: auto;
  773. }
  774. .collapse_div label.el-form-item__label {
  775. width: 20vw !important;
  776. }
  777. .collapse_div .el-form-item__content {
  778. margin-left: 20vw !important;
  779. }
  780. </style>