siteArchiveAdd.vue 39 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025
  1. <template>
  2. <view class="appWrapper">
  3. <!-- 现场档案新增start -->
  4. <form action="" v-if="!id">
  5. <view style="height:30rpx"></view>
  6. <view class="form-item">
  7. <view class="title">
  8. <text class="necessary">*</text>
  9. 户号:
  10. </view>
  11. <input name="input" v-model="formMess.account_number" maxlength="20"></input>
  12. </view>
  13. <view class="form-item">
  14. <view class="title"><text class="necessary">*</text>流变变比:</view>
  15. <input name="input" v-model="formMess.rheological_change" maxlength="20"></input>
  16. </view>
  17. <view class="form-item">
  18. <view class="title" style="width:240rpx"><text class="necessary">*</text>单路电源容量:</view>
  19. <input name="input" v-model="formMess.power_capacity" maxlength="20"></input>
  20. </view>
  21. <view class="form-item">
  22. <view class="title"><text class="necessary">*</text>线路:</view>
  23. <select name="" id="" filterable clearable v-model="formMess.route_id">
  24. <option value="0">请选择</option>
  25. <option :value=item.id v-for="item in routeListData" :title="item.route_name">{{ item.route_name}}
  26. </option>
  27. </select>
  28. </view>
  29. <view class="form-item">
  30. <view class="title"><text class="necessary">*</text>站点名称:</view>
  31. <select name="" id="" v-model="formMess.site_id" filterable clearable>
  32. <option value="0">请选择</option>
  33. <option :value="item.id" v-for="item in siteListData">{{ item.site_name}}</option>
  34. </select>
  35. </view>
  36. <view class="form-item margin-bottom-xs">
  37. <view class="title"><text class="necessary">*</text>监察:</view>
  38. <select name="" id="" filterable clearable v-model="formMess.supervision_department_id">
  39. <option value="0">请选择</option>
  40. <option :value=item.id v-for="item in supervisionListData">{{ item.supervision_name}}</option>
  41. </select>
  42. </view>
  43. <!-- 电试 -->
  44. <view class="info-tit margin-left-xs">
  45. <text class="cuIcon-titles margin-right-xs"></text>
  46. 电试
  47. </view>
  48. <view class="form-item extraDis">
  49. <view class="title"><text class="necessary">*</text>电试报告时间:</view>
  50. <input name="input" v-model="formMess.electric_test_overdue" maxlength="20"></input>
  51. </view>
  52. <view class="info-tit margin-left-xs">
  53. <text class="cuIcon-titles "></text>
  54. 四防一通
  55. </view>
  56. <view class="form-item extraDis radioSec">
  57. <view class="title">
  58. <text class="necessary">*</text>电缆孔洞:
  59. </view>
  60. <view class="radioCameraflex">
  61. <evan-radio v-model="formMess.cable_hole" label="1" class="margin-right-xl">是</evan-radio>
  62. <evan-radio v-model="formMess.cable_hole" label="0" class="margin-right-xl">否</evan-radio>
  63. <evan-radio v-model="formMess.cable_hole" label="2" class="margin-right-xs">其他</evan-radio>
  64. <input type="text" style="width:30%" v-model="formMess.cable_hole_describe">
  65. <image mode="aspectFit"
  66. :src="imageList[0].cable_hole_image?imageList[0].cable_hole_image:'/static/cameraIcon.png'"
  67. @tap="goCamera('cable_hole_image','cable_hole_picture')"></image>
  68. </view>
  69. </view>
  70. <view class="form-item extraDis radioSec">
  71. <view class="title"><text class="necessary">*</text>门窗、墙壁破损:</view>
  72. <view class="radioCameraflex">
  73. <evan-radio v-model="formMess.damage" label="1" class="margin-right-xl">是</evan-radio>
  74. <evan-radio v-model="formMess.damage" label="0" class="margin-right-xl">否</evan-radio>
  75. <evan-radio v-model="formMess.damage" label="2" class="margin-right-xs">其他</evan-radio>
  76. <input type="text" style="width:30%" v-model="formMess.damage_describe">
  77. <image mode="aspectFit"
  78. :src="imageList[0].damage_image?imageList[0].damage_image:'/static/cameraIcon.png'"
  79. @tap="goCamera('damage_image','damage_picture')"></image>
  80. </view>
  81. </view>
  82. <view class="form-item extraDis radioSec">
  83. <view class="title"><text class="necessary">*</text>屋顶墙壁渗漏水:</view>
  84. <view class="radioCameraflex">
  85. <evan-radio v-model="formMess.water_leakage" label="1" class="margin-right-xl">是</evan-radio>
  86. <evan-radio v-model="formMess.water_leakage" label="0" class="margin-right-xl">否</evan-radio>
  87. <evan-radio v-model="formMess.water_leakage" label="2" class="margin-right-xs">其他</evan-radio>
  88. <input type="text" style="width:30%" v-model="formMess.water_leakage_describe">
  89. <image mode="aspectFit"
  90. :src="imageList[0].water_leakage_image?imageList[0].water_leakage_image:'/static/cameraIcon.png'"
  91. @tap="goCamera('water_leakage_image','water_leakage_picture')"></image>
  92. </view>
  93. </view>
  94. <view class="form-item extraDis radioSec">
  95. <view class="title"><text class="necessary">*</text>灭火器配置不足:</view>
  96. <view class="radioCameraflex">
  97. <evan-radio v-model="formMess.annihilator_insufficient_configuration" label="1"
  98. class="margin-right-xl">是</evan-radio>
  99. <evan-radio v-model="formMess.annihilator_insufficient_configuration" label="0"
  100. class="margin-right-xl">否</evan-radio>
  101. <evan-radio v-model="formMess.annihilator_insufficient_configuration" label="2"
  102. class="margin-right-xs">其他</evan-radio>
  103. <input type="text" style="width:30%" v-model="formMess.annihilator_insufficient_configuration_describe">
  104. <image mode="aspectFit"
  105. :src="imageList[0].annihilator_insufficient_configuration_image?imageList[0].annihilator_insufficient_configuration_image:'/static/cameraIcon.png'"
  106. @tap="goCamera('annihilator_insufficient_configuration_image','annihilator_insufficient_configuration_picture')">
  107. </image>
  108. </view>
  109. </view>
  110. <view class="form-item extraDis radioSec">
  111. <view class="title"><text class="necessary">*</text>灭火器超期:</view>
  112. <view class="radioCameraflex">
  113. <evan-radio v-model="formMess.annihilator_overdue" label="1" class="margin-right-xl">是</evan-radio>
  114. <evan-radio v-model="formMess.annihilator_overdue" label="0" class="margin-right-xl">否</evan-radio>
  115. <evan-radio v-model="formMess.annihilator_overdue" label="2" class="margin-right-xs">其他</evan-radio>
  116. <input type="text" style="width:30%" v-model="formMess.annihilator_overdue_describe">
  117. <image mode="aspectFit"
  118. :src="imageList[0].annihilator_overdue_image?imageList[0].annihilator_overdue_image:'/static/cameraIcon.png'"
  119. @tap="goCamera('annihilator_overdue_image','annihilator_overdue_picture')"></image>
  120. </view>
  121. </view>
  122. <view class="info-tit margin-left-xs">
  123. <text class="cuIcon-titles margin-right-xs"></text>
  124. 室内环境
  125. </view>
  126. <view class="form-item extraDis radioSec">
  127. <view class="title"><text class="necessary">*</text>堆放杂物:</view>
  128. <view class="radioCameraflex">
  129. <evan-radio v-model="formMess.pile_up_sundries" label="1" class="margin-right-xl">是</evan-radio>
  130. <evan-radio v-model="formMess.pile_up_sundries" label="0" class="margin-right-xl">否</evan-radio>
  131. <evan-radio v-model="formMess.pile_up_sundries" label="2" class="margin-right-xs">其他</evan-radio>
  132. <input type="text" style="width:30%" v-model="formMess.pile_up_sundries_describe">
  133. <image mode="aspectFit"
  134. :src="imageList[0].pile_up_sundries_image?imageList[0].pile_up_sundries_image:'/static/cameraIcon.png'"
  135. @tap="goCamera('pile_up_sundries_image','pile_up_sundries_picture')"></image>
  136. </view>
  137. <!-- <evan-radio v-model="formMess.pile_up_sundries" label="1" class="margin-right-xl">是</evan-radio>
  138. <evan-radio v-model="formMess.pile_up_sundries" label="0">否</evan-radio> -->
  139. </view>
  140. <view class="form-item extraDis radioSec">
  141. <view class="title"><text class="necessary">*</text>积灰严重:</view>
  142. <view class="radioCameraflex">
  143. <evan-radio v-model="formMess.serious_ash_deposition" label="1" class="margin-right-xl">是
  144. </evan-radio>
  145. <evan-radio v-model="formMess.serious_ash_deposition" label="0" class="margin-right-xl">否
  146. </evan-radio>
  147. <evan-radio v-model="formMess.serious_ash_deposition" label="2" class="margin-right-xs">其他
  148. </evan-radio>
  149. <input type="text" style="width:30%" v-model="formMess.serious_ash_deposition_describe">
  150. <image mode="aspectFit"
  151. :src="imageList[0].serious_ash_deposition_image?imageList[0].serious_ash_deposition_image:'/static/cameraIcon.png'"
  152. @tap="goCamera('serious_ash_deposition_image','serious_ash_deposition_picture')"></image>
  153. </view>
  154. </view>
  155. <view class="form-item extraDis radioSec">
  156. <view class="title"><text class="necessary">*</text>配电房周围环境潮湿:</view>
  157. <view class="radioCameraflex">
  158. <evan-radio v-model="formMess.around_environment_humid" label="1" class="margin-right-xl">是
  159. </evan-radio>
  160. <evan-radio v-model="formMess.around_environment_humid" label="0" class="margin-right-xl">否
  161. </evan-radio>
  162. <evan-radio v-model="formMess.around_environment_humid" label="2" class="margin-right-xs">其他
  163. </evan-radio>
  164. <input type="text" style="width:30%" v-model="formMess.around_environment_humid_describe">
  165. <image mode="aspectFit"
  166. :src="imageList[0].around_environment_humid_image?imageList[0].around_environment_humid_image:'/static/cameraIcon.png'"
  167. @tap="goCamera('around_environment_humid_image','around_environment_humid_picture')"></image>
  168. </view>
  169. </view>
  170. <view class="form-item extraDis radioSec">
  171. <view class="title"><text class="necessary">*</text>配电房周围对方杂物:</view>
  172. <view class="radioCameraflex">
  173. <evan-radio v-model="formMess.around_pile_up_sundries" label="1" class="margin-right-xl">是
  174. </evan-radio>
  175. <evan-radio v-model="formMess.around_pile_up_sundries" label="0" class="margin-right-xl">否
  176. </evan-radio>
  177. <evan-radio v-model="formMess.around_pile_up_sundries" label="2" class="margin-right-xs">其他
  178. </evan-radio>
  179. <input type="text" style="width:30%" v-model="formMess.around_pile_up_sundries_describe">
  180. <image mode="aspectFit"
  181. :src="imageList[0].around_pile_up_sundries_image?imageList[0].around_pile_up_sundries_image:'/static/cameraIcon.png'"
  182. @tap="goCamera('around_pile_up_sundries_image','around_pile_up_sundries_picture')"></image>
  183. </view>
  184. </view>
  185. <view class="info-tit margin-left-xs">
  186. <text class="cuIcon-titles margin-right-xs"></text>
  187. 电工
  188. </view>
  189. <view class="form-item extraDis radioSec">
  190. <view class="title"><text class="necessary">*</text>无电工:</view>
  191. <view class="radioCameraflex">
  192. <evan-radio v-model="formMess.no_electrician" label="1" class="margin-right-xl">是</evan-radio>
  193. <evan-radio v-model="formMess.no_electrician" label="0" class="margin-right-xl">否</evan-radio>
  194. <evan-radio v-model="formMess.no_electrician" label="2" class="margin-right-xs">其他</evan-radio>
  195. <input type="text" style="width:30%" v-model="formMess.no_electrician_describe">
  196. <image mode="aspectFit"
  197. :src="imageList[0].no_electrician_image?imageList[0].no_electrician_image:'/static/cameraIcon.png'"
  198. @tap="goCamera('no_electrician_image','no_electrician_picture')"></image>
  199. </view>
  200. </view>
  201. <view class="form-item extraDis radioSec">
  202. <view class="title"><text class="necessary">*</text>电工人数配置不足:</view>
  203. <view class="radioCameraflex">
  204. <evan-radio v-model="formMess.electrician_lack" label="1" class="margin-right-xl">是</evan-radio>
  205. <evan-radio v-model="formMess.electrician_lack" label="0" class="margin-right-xl">否</evan-radio>
  206. <evan-radio v-model="formMess.electrician_lack" label="2" class="margin-right-xs">其他</evan-radio>
  207. <input type="text" style="width:30%" v-model="formMess.electrician_lack_describe">
  208. <image mode="aspectFit"
  209. :src="imageList[0].electrician_lack_image?imageList[0].electrician_lack_image:'/static/cameraIcon.png'"
  210. @tap="goCamera('electrician_lack_image','electrician_lack_picture')"></image>
  211. </view>
  212. </view>
  213. <view class="form-item extraDis radioSec">
  214. <view class="title"><text class="necessary">*</text>电工证超期:</view>
  215. <view class="radioCameraflex">
  216. <evan-radio v-model="formMess.overdue_electrician_certificate" label="1" class="margin-right-xl">是
  217. </evan-radio>
  218. <evan-radio v-model="formMess.overdue_electrician_certificate" label="0" class="margin-right-xl">否
  219. </evan-radio>
  220. <evan-radio v-model="formMess.overdue_electrician_certificate" label="2" class="margin-right-xs">其他
  221. </evan-radio>
  222. <input type="text" style="width:30%" v-model="formMess.overdue_electrician_certificate_describe">
  223. <image mode="aspectFit"
  224. :src="imageList[0].overdue_electrician_certificate_image?imageList[0].overdue_electrician_certificate_image:'/static/cameraIcon.png'"
  225. @tap="goCamera('overdue_electrician_certificate_image','overdue_electrician_certificate_picture')">
  226. </image>
  227. </view>
  228. </view>
  229. <!-- 设备 -->
  230. <view class="info-tit margin-left-xs">
  231. <text class="cuIcon-titles margin-right-xs"></text>
  232. 设备
  233. </view>
  234. <view class="form-item extraDis">
  235. <view class="title">设备老旧(标明出厂或投运日期):</view>
  236. <input type="text" style="width:35%" v-model="formMess.old_equipment">
  237. </view>
  238. <!-- 安全工器具 -->
  239. <view class="info-tit margin-left-xs">
  240. <text class="cuIcon-titles margin-right-xs"></text>
  241. 安全工器具
  242. </view>
  243. <view class="form-item extraDis radioSec">
  244. <view class="title"><text class="necessary">*</text>配置不足(绝缘体):</view>
  245. <view class="radioCameraflex">
  246. <evan-radio v-model="formMess.blanket_insufficient_configuration" label="1" class="margin-right-xl">
  247. 是</evan-radio>
  248. <evan-radio v-model="formMess.blanket_insufficient_configuration" label="0" class="margin-right-xl">
  249. 否</evan-radio>
  250. <evan-radio v-model="formMess.blanket_insufficient_configuration" label="2" class="margin-right-xs">
  251. 其他</evan-radio>
  252. <input type="text" style="width:30%" v-model="formMess.blanket_insufficient_configuration_describe">
  253. <image mode="aspectFit"
  254. :src="imageList[0].blanket_insufficient_configuration_image?imageList[0].blanket_insufficient_configuration_image:'/static/cameraIcon.png'"
  255. @tap="goCamera('blanket_insufficient_configuration_image','blanket_insufficient_configuration_picture')">
  256. </image>
  257. </view>
  258. </view>
  259. <view class="form-item extraDis radioSec">
  260. <view class="title"><text class="necessary">*</text>接地线与存放位置编号:</view>
  261. <view class="radioCameraflex">
  262. <evan-radio v-model="formMess.ground_wire" label="1" class="margin-right-xl">是</evan-radio>
  263. <evan-radio v-model="formMess.ground_wire" label="0" class="margin-right-xl">否</evan-radio>
  264. <evan-radio v-model="formMess.ground_wire" label="2" class="margin-right-xs">其他</evan-radio>
  265. <input type="text" style="width:30%" v-model="formMess.ground_wire_describe">
  266. <image mode="aspectFit"
  267. :src="imageList[0].ground_wire_image?imageList[0].ground_wire_image:'/static/cameraIcon.png'"
  268. @tap="goCamera('ground_wire_image','ground_wire_picture')"></image>
  269. </view>
  270. </view>
  271. <!-- 安全工器具 -->
  272. <view class="info-tit margin-left-xs">
  273. <text class="cuIcon-titles margin-right-xs"></text>
  274. 模拟屏
  275. </view>
  276. <view class="form-item extraDis radioSec">
  277. <view class="title"><text class="necessary">*</text>模拟屏:</view>
  278. <view class="radioCameraflex">
  279. <evan-radio v-model="formMess.analog_screen" label="1" class="margin-right-xl">是</evan-radio>
  280. <evan-radio v-model="formMess.analog_screen" label="0" class="margin-right-xl">否</evan-radio>
  281. <evan-radio v-model="formMess.analog_screen" label="2" class="margin-right-xs">其他</evan-radio>
  282. <input type="text" style="width:30%" v-model="formMess.analog_screen_describe">
  283. <image mode="aspectFit"
  284. :src="imageList[0].analog_screen_image?imageList[0].analog_screen_image:'/static/cameraIcon.png'"
  285. @tap="goCamera('analog_screen_image','analog_screen_picture')"></image>
  286. </view>
  287. </view>
  288. <view class="form-item">
  289. <view class="title">备注:</view>
  290. <textarea name="" id="" v-model="formMess.remarks"></textarea>
  291. </view>
  292. <view class="btn-area submitBottomBtn padding-lr-sm " style="position:static">
  293. <button class="bg-blue round margin-top" @click="$noMultipleClicks(addSubmit)">提 交 </button>
  294. </view>
  295. <br>
  296. </form>
  297. <!-- 现场档案新增end -->
  298. <!-- 现场档案修改start -->
  299. <form action="" v-else>
  300. <view style="height:30rpx"></view>
  301. <view class="form-item">
  302. <view class="title">
  303. <text class="necessary">*</text>
  304. 户号:
  305. </view>
  306. <input name="input" v-model="detailInfo.account_number" maxlength="20"></input>
  307. </view>
  308. <view class="form-item">
  309. <view class="title"><text class="necessary">*</text>流变变比:</view>
  310. <input name="input" v-model="detailInfo.rheological_change" maxlength="20"></input>
  311. </view>
  312. <view class="form-item">
  313. <view class="title" style="width:240rpx"><text class="necessary">*</text>单路电源容量:</view>
  314. <input name="input" v-model="detailInfo.power_capacity" maxlength="20"></input>
  315. </view>
  316. <view class="form-item">
  317. <view class="title"><text class="necessary">*</text>线路:</view>
  318. <!-- <input name="input" v-model="formMess.route_id"></input> -->
  319. <select name="" id="" filterable clearable v-model="detailInfo.route_id">
  320. <option value="0">请选择</option>
  321. <option :value=item.id v-for="item in routeListData" :title="item.route_name">{{ item.route_name}}
  322. </option>
  323. </select>
  324. </view>
  325. <view class="form-item">
  326. <view class="title"><text class="necessary">*</text>站点名称:</view>
  327. <select name="" id="" v-model="detailInfo.site_id" filterable clearable disabled>
  328. <option value="0">请选择</option>
  329. <option :value="item.id" v-for="item in siteListData">{{ item.site_name}}</option>
  330. </select>
  331. </view>
  332. <view class="form-item">
  333. <view class="title"><text class="necessary">*</text>监察:</view>
  334. <select name="" id="" filterable clearable v-model="detailInfo.supervision_department_id">
  335. <option value="0">请选择</option>
  336. <option :value=item.id v-for="item in supervisionListData">{{ item.supervision_name}}</option>
  337. </select>
  338. </view>
  339. <view class="info-tit margin-left-xs">
  340. <text class="cuIcon-titles "></text>
  341. 四防一通
  342. </view>
  343. <view class="form-item extraDis">
  344. <view class="title"><text class="necessary">*</text>电缆孔洞:</view>
  345. <evan-radio v-model="detailInfo.cable_hole" label="1" class="margin-right-xl">是</evan-radio>
  346. <evan-radio v-model="detailInfo.cable_hole" label="0">否</evan-radio>
  347. </view>
  348. <view class="form-item extraDis">
  349. <view class="title"><text class="necessary">*</text>门窗、墙壁破损:</view>
  350. <evan-radio v-model="detailInfo.damage" label="1" class="margin-right-xl">是</evan-radio>
  351. <evan-radio v-model="detailInfo.damage" label="0">否</evan-radio>
  352. </view>
  353. <view class="form-item extraDis">
  354. <view class="title"><text class="necessary">*</text>屋顶墙壁渗漏水:</view>
  355. <evan-radio v-model="detailInfo.water_leakage" label="1" class="margin-right-xl">是</evan-radio>
  356. <evan-radio v-model="detailInfo.water_leakage" label="0">否</evan-radio>
  357. </view>
  358. <view class="form-item extraDis">
  359. <view class="title"><text class="necessary">*</text>灭火器配置不足:</view>
  360. <evan-radio v-model="detailInfo.annihilator_insufficient_configuration" label="1"
  361. class="margin-right-xl">是</evan-radio>
  362. <evan-radio v-model="detailInfo.annihilator_insufficient_configuration" label="0">否</evan-radio>
  363. </view>
  364. <view class="form-item extraDis">
  365. <view class="title"><text class="necessary">*</text>灭火器超期:</view>
  366. <evan-radio v-model="detailInfo.annihilator_overdue" label="1" class="margin-right-xl">是</evan-radio>
  367. <evan-radio v-model="detailInfo.annihilator_overdue" label="0">否</evan-radio>
  368. </view>
  369. <view class="info-tit margin-left-xs">
  370. <text class="cuIcon-titles margin-right-xs"></text>
  371. 室内环境
  372. </view>
  373. <view class="form-item extraDis">
  374. <view class="title"><text class="necessary">*</text>堆放杂物:</view>
  375. <evan-radio v-model="detailInfo.pile_up_sundries" label="1" class="margin-right-xl">是</evan-radio>
  376. <evan-radio v-model="detailInfo.pile_up_sundries" label="0">否</evan-radio>
  377. </view>
  378. <view class="form-item extraDis">
  379. <view class="title"><text class="necessary">*</text>积灰严重:</view>
  380. <evan-radio v-model="detailInfo.serious_ash_deposition" label="1" class="margin-right-xl">是</evan-radio>
  381. <evan-radio v-model="detailInfo.serious_ash_deposition" label="0">否</evan-radio>
  382. </view>
  383. <view class="form-item extraDis">
  384. <view class="title"><text class="necessary">*</text>配电房周围环境潮湿:</view>
  385. <evan-radio v-model="detailInfo.around_environment_humid" label="1" class="margin-right-xl">是
  386. </evan-radio>
  387. <evan-radio v-model="detailInfo.around_environment_humid" label="0">否</evan-radio>
  388. </view>
  389. <view class="form-item extraDis">
  390. <view class="title"><text class="necessary">*</text>配电房周围对方杂物:</view>
  391. <evan-radio v-model="detailInfo.around_pile_up_sundries" label="1" class="margin-right-xl">是
  392. </evan-radio>
  393. <evan-radio v-model="detailInfo.around_pile_up_sundries" label="0">否</evan-radio>
  394. </view>
  395. <view class="info-tit margin-left-xs">
  396. <text class="cuIcon-titles margin-right-xs"></text>
  397. 电工
  398. </view>
  399. <view class="form-item extraDis">
  400. <view class="title"><text class="necessary">*</text>无电工:</view>
  401. <evan-radio v-model="detailInfo.no_electrician" label="1" class="margin-right-xl">是</evan-radio>
  402. <evan-radio v-model="detailInfo.no_electrician" label="0">否</evan-radio>
  403. </view>
  404. <view class="form-item extraDis">
  405. <view class="title"><text class="necessary">*</text>电工人数配置不足:</view>
  406. <evan-radio v-model="detailInfo.electrician_lack" label="1" class="margin-right-xl">是</evan-radio>
  407. <evan-radio v-model="detailInfo.electrician_lack" label="0">否</evan-radio>
  408. </view>
  409. <view class="form-item extraDis">
  410. <view class="title"><text class="necessary">*</text>电工证超期:</view>
  411. <evan-radio v-model="detailInfo.overdue_electrician_certificate" label="1" class="margin-right-xl">是
  412. </evan-radio>
  413. <evan-radio v-model="detailInfo.overdue_electrician_certificate" label="0">否</evan-radio>
  414. </view>
  415. <!-- 电试 -->
  416. <view class="info-tit margin-left-xs">
  417. <text class="cuIcon-titles margin-right-xs"></text>
  418. 电试
  419. </view>
  420. <view class="form-item extraDis">
  421. <view class="title"><text class="necessary">*</text>电试超期:</view>
  422. <evan-radio v-model="detailInfo.electric_test_overdue" label="1" class="margin-right-xl">是</evan-radio>
  423. <evan-radio v-model="detailInfo.electric_test_overdue" label="0">否</evan-radio>
  424. </view>
  425. <!-- 设备 -->
  426. <view class="info-tit margin-left-xs">
  427. <text class="cuIcon-titles margin-right-xs"></text>
  428. 设备
  429. </view>
  430. <view class="form-item extraDis">
  431. <view class="title">设备老旧(标明出厂或投运日期):</view>
  432. <input type="text" style="width:35%" v-model="detailInfo.old_equipment">
  433. </view>
  434. <!-- 安全工器具 -->
  435. <view class="info-tit margin-left-xs">
  436. <text class="cuIcon-titles margin-right-xs"></text>
  437. 安全工器具
  438. </view>
  439. <view class="form-item extraDis">
  440. <view class="title"><text class="necessary">*</text>配置不足(绝缘体):</view>
  441. <evan-radio v-model="detailInfo.blanket_insufficient_configuration" label="1" class="margin-right-xl">是
  442. </evan-radio>
  443. <evan-radio v-model="detailInfo.blanket_insufficient_configuration" label="0">否</evan-radio>
  444. </view>
  445. <view class="form-item extraDis">
  446. <view class="title"><text class="necessary">*</text>接地线与存放位置编号:</view>
  447. <evan-radio v-model="detailInfo.ground_wire" label="1" class="margin-right-xl">是</evan-radio>
  448. <evan-radio v-model="detailInfo.ground_wire" label="0">否</evan-radio>
  449. </view>
  450. <!-- 安全工器具 -->
  451. <view class="info-tit margin-left-xs">
  452. <text class="cuIcon-titles margin-right-xs"></text>
  453. 模拟屏
  454. </view>
  455. <view class="form-item extraDis">
  456. <view class="title"><text class="necessary">*</text>模拟屏:</view>
  457. <evan-radio v-model="detailInfo.analog_screen" label="1" class="margin-right-xl">是</evan-radio>
  458. <evan-radio v-model="detailInfo.analog_screen" label="0">否</evan-radio>
  459. </view>
  460. <view class="form-item">
  461. <view class="title">备注:</view>
  462. <textarea name="" id="" v-model="detailInfo.remarks"></textarea>
  463. </view>
  464. <view class="btn-area submitBottomBtn padding-lr-sm " style="position:static">
  465. <button class="bg-blue round margin-top" @click="$noMultipleClicks(editSubmit)">提 交 </button>
  466. </view>
  467. <br>
  468. </form>
  469. <!-- 现场档案修改end -->
  470. </view>
  471. </template>
  472. <script>
  473. export default {
  474. data() {
  475. return {
  476. noClick: true,
  477. baseValue: '1',
  478. supervisionListData: [],
  479. routeListData: [],
  480. siteListData: [],
  481. radioOne: 1,
  482. formMess: {
  483. "account_number": "",
  484. "rheological_change": "",
  485. "power_capacity": "",
  486. "route_id": 0,
  487. "site_id": 0,
  488. "supervision_department_id": 0,
  489. "cable_hole": "0",
  490. cable_hole_describe: '',
  491. "damage": "0",
  492. "damage_describe": "",
  493. "water_leakage": "0",
  494. "water_leakage_describe": "",
  495. "annihilator_insufficient_configuration": "0",
  496. "annihilator_insufficient_configuration_describe": "",
  497. "annihilator_overdue": "0",
  498. "annihilator_overdue_describe": "",
  499. "pile_up_sundries": "0",
  500. "pile_up_sundries_describe": "",
  501. "serious_ash_deposition": "0",
  502. "serious_ash_deposition_describe": "",
  503. "around_environment_humid": "0",
  504. "around_environment_humid_describe": "",
  505. "around_pile_up_sundries": "0",
  506. "around_pile_up_sundries_describe": "",
  507. "no_electrician": "0",
  508. "no_electrician_describe": "",
  509. "electrician_lack": "0",
  510. "electrician_lack_describe": "",
  511. "overdue_electrician_certificate": "0",
  512. "overdue_electrician_certificate_describe": "",
  513. "electric_test_overdue": "",
  514. "old_equipment": "",
  515. "blanket_insufficient_configuration": "0",
  516. "blanket_insufficient_configuration_describe": "",
  517. "ground_wire": "0",
  518. "ground_wire_describe": "",
  519. "analog_screen": "0",
  520. "analog_screen_describe": "",
  521. "remarks": "",
  522. },
  523. id: 0,
  524. detailInfo: {},
  525. //上传图片
  526. imageList: [{
  527. cable_hole_image: '',
  528. damage_image: '',
  529. water_leakage_image: '',
  530. annihilator_insufficient_configuration_image: '',
  531. annihilator_overdue_image: '',
  532. pile_up_sundries_image: '',
  533. serious_ash_deposition_image:'',
  534. around_environment_humid_image:'',
  535. around_pile_up_sundries_image:'',
  536. no_electrician_image:'',
  537. electrician_lack_image:'',
  538. overdue_electrician_certificate_image:'',
  539. blanket_insufficient_configuration_image:'',
  540. ground_wire_image:'',
  541. analog_screen_image:''
  542. },
  543. {
  544. cable_hole_picture: '',
  545. damage_picture: '',
  546. water_leakage_picture: '',
  547. annihilator_insufficient_configuration_picture: '',
  548. annihilator_overdue_picture: '',
  549. pile_up_sundries_picture: '',
  550. serious_ash_deposition_picture:'',
  551. around_environment_humid_picture:'',
  552. around_pile_up_sundries_picture:'',
  553. no_electrician_picture:'',
  554. electrician_lack_picture:'',
  555. overdue_electrician_certificate_picture:'',
  556. blanket_insufficient_configuration_picture:'',
  557. ground_wire_picture:'',
  558. analog_screen_picture:''
  559. }
  560. ]
  561. }
  562. },
  563. onLoad: function(option) {
  564. this.getDataList();
  565. this.getTitleList();
  566. this.getRoutrBox();
  567. this.id = option.id;
  568. if (option.id) {
  569. uni.setNavigationBarTitle({
  570. title: '现场档案修改'
  571. });
  572. // this.getSiteList({"id":option.id})
  573. } else {
  574. uni.setNavigationBarTitle({
  575. title: '现场档案新增'
  576. });
  577. }
  578. this.getDetailList({
  579. "id": option.id
  580. })
  581. },
  582. methods: {
  583. goCamera(name, upimage) {
  584. const that = this;
  585. uni.chooseImage({
  586. count: 1, // 最多可以选择的图片张数
  587. sizeType: ['original', 'compressed'], //original 原图,compressed 压缩图,默认二者都有
  588. sourceType: ['camera'], //album 从相册选图,camera 使用相机,默认二者都有。如需直接开相机或直接选相册,请只使用一个选项
  589. success: function(res) {
  590. console.log(res.tempFilePaths[0])
  591. that.imageList[0][name] = res.tempFilePaths[0];
  592. console.log(res.tempFilePaths[0])
  593. uni.uploadFile({
  594. url: 'https://wx.ewoogi.com/wx/USKYOF/USKYOF.php/Home/MonitoringReporting/setUpload',
  595. filePath: that.imageList[0][name],
  596. name: 'file',
  597. formData: {
  598. 'user': 'test'
  599. },
  600. success: (uploadFileRes) => {
  601. that.imageList[1][upimage] = JSON.parse(uploadFileRes.data)
  602. .img_url;
  603. }
  604. });
  605. }
  606. })
  607. },
  608. // 修改回显请求
  609. async getDetailList(ming = {}) {
  610. const res = await this.$myRequest({
  611. url: 'Archives/getArchivesList',
  612. showLoading: true,
  613. data: ming
  614. })
  615. this.detailInfo = res.data.data[0];
  616. },
  617. //线路名称下拉数据请求
  618. async getRoutrBox(params = {}) {
  619. const res = await this.$myRequest({
  620. url: 'Archives/getRoutrBox',
  621. showLoading: true,
  622. data: params
  623. })
  624. this.routeListData = res.data.data;
  625. // console.log(this.routeListData)
  626. },
  627. //监察下拉下拉数据请求
  628. async getTitleList(params = {}) {
  629. const res = await this.$myRequest({
  630. url: 'Archives/getsupervisionBox',
  631. showLoading: true,
  632. data: params
  633. })
  634. this.supervisionListData = res.data.data
  635. },
  636. //站点下拉请求
  637. async getDataList(params = {}) {
  638. const res = await this.$myRequest({
  639. url: 'BlackoutPlan/getSiteBox',
  640. showLoading: true,
  641. data: params
  642. })
  643. this.siteListData = res.data.data
  644. },
  645. radioChange(e) {
  646. console.log('type:' + e.detail.value);
  647. this.radioOne = e.detail.value;
  648. },
  649. //新增提交
  650. async addSubmit() {
  651. //提交验证
  652. if (!this.formMess.account_number.replace(/^\s*/g, '')) {
  653. uni.showToast({
  654. title: "请输入户号",
  655. icon: "none"
  656. });
  657. return
  658. }
  659. if (!this.formMess.rheological_change.replace(/^\s*/g, '')) {
  660. uni.showToast({
  661. title: "请输入流变变化",
  662. icon: "none"
  663. });
  664. return
  665. }
  666. if (!this.formMess.power_capacity.replace(/^\s*/g, '')) {
  667. uni.showToast({
  668. title: "请输入单路电源容量",
  669. icon: "none"
  670. });
  671. return
  672. }
  673. if (!this.formMess.route_id) {
  674. uni.showToast({
  675. title: "请输入所属线路",
  676. icon: "none"
  677. });
  678. return
  679. }
  680. if (!this.formMess.site_id) {
  681. uni.showToast({
  682. title: "请选择所属站点",
  683. icon: "none"
  684. });
  685. return
  686. }
  687. if (!this.formMess.supervision_department_id) {
  688. uni.showToast({
  689. title: "请选择所属监察",
  690. icon: "none"
  691. });
  692. return
  693. }
  694. let res = await this.addArchive({
  695. "account_number": this.formMess.account_number,
  696. "rheological_change": this.formMess.rheological_change,
  697. "power_capacity": this.formMess.power_capacity,
  698. "route_id": this.formMess.route_id,
  699. "site_id": this.formMess.site_id,
  700. "supervision_department_id": this.formMess.supervision_department_id,
  701. "electric_test_overdue": this.formMess.electric_test_overdue,
  702. "cable_hole": this.formMess.cable_hole,
  703. "cable_hole_describe": this.formMess.cable_hole_describe,
  704. "cable_hole_picture": this.imageList[1].cable_hole_picture,
  705. "damage": this.formMess.damage,
  706. "damage_describe": this.formMess.damage_describe,
  707. "damage_picture": this.imageList[1].damage_picture,
  708. "water_leakage": this.formMess.water_leakage,
  709. "water_leakage_describe": this.formMess.water_leakage_describe,
  710. "water_leakage_picture": this.imageList[1].water_leakage_picture,
  711. "annihilator_insufficient_configuration": this.formMess.annihilator_insufficient_configuration,
  712. "annihilator_insufficient_configuration_describe": this.formMess.annihilator_insufficient_configuration_describe,
  713. "annihilator_insufficient_configuration_picture": this.imageList[1].annihilator_insufficient_configuration_picture,
  714. "annihilator_overdue": this.formMess.annihilator_overdue,
  715. "annihilator_overdue_describe": this.formMess.annihilator_overdue_describe,
  716. "annihilator_overdue_picture": this.imageList[1].annihilator_overdue_picture,
  717. "pile_up_sundries": this.formMess.pile_up_sundries,
  718. "pile_up_sundries_describe": this.formMess.pile_up_sundries_describe,
  719. "pile_up_sundries_picture": this.imageList[1].pile_up_sundries_picture,
  720. "serious_ash_deposition": this.formMess.serious_ash_deposition,
  721. "serious_ash_deposition_describe": this.formMess.serious_ash_deposition_describe,
  722. "serious_ash_deposition_picture": this.imageList[1].serious_ash_deposition_picture,
  723. "around_environment_humid": this.formMess.around_environment_humid,
  724. "around_environment_humid_describe": this.formMess.around_environment_humid_describe,
  725. "around_environment_humid_picture": this.imageList[1].around_environment_humid_picture,
  726. "around_pile_up_sundries": this.formMess.around_pile_up_sundries,
  727. "around_pile_up_sundries_describe": this.formMess.around_pile_up_sundries_describe,
  728. "around_pile_up_sundries_picture": this.imageList[1].around_pile_up_sundries_picture,
  729. "no_electrician": this.formMess.no_electrician,
  730. "no_electrician_describe": this.formMess.no_electrician_describe,
  731. "no_electrician_picture": this.imageList[1].no_electrician_picture,
  732. "electrician_lack": this.formMess.electrician_lack,
  733. "electrician_lack_describe": this.formMess.electrician_lack_describe,
  734. "electrician_lack_picture": this.imageList[1].electrician_lack_picture,
  735. "overdue_electrician_certificate": this.formMess.overdue_electrician_certificate,
  736. "overdue_electrician_certificate_describe": this.formMess.overdue_electrician_certificate_describe,
  737. "overdue_electrician_certificate_picture": this.imageList[1].overdue_electrician_certificate_picture,
  738. "blanket_insufficient_configuration": this.formMess.blanket_insufficient_configuration,
  739. "blanket_insufficient_configuration_describe": this.formMess.blanket_insufficient_configuration_describe,
  740. "blanket_insufficient_configuration_picture": this.imageList[1].blanket_insufficient_configuration_picture,
  741. "ground_wire": this.formMess.ground_wire,
  742. "ground_wire_describe": this.formMess.ground_wire_describe,
  743. "ground_wire_picture": this.imageList[1].ground_wire_picture,
  744. "analog_screen": this.formMess.analog_screen,
  745. "analog_screen_describe": this.formMess.analog_screen_describe,
  746. "analog_screen_picture": this.imageList[1].analog_screen_picture,
  747. "old_equipment": this.formMess.old_equipment,
  748. "remarks": this.formMess.remarks,
  749. })
  750. if (!res.data.flag) {
  751. uni.showToast({
  752. title: "添加失败",
  753. icon: "none"
  754. });
  755. } else {
  756. uni.showToast({
  757. title: "添加成功",
  758. });
  759. }
  760. setTimeout(() => {
  761. uni.navigateTo({
  762. url: '/pages/siteArchive/siteArchive',
  763. });
  764. }, 1000);
  765. },
  766. addArchive(params = {}) {
  767. return this.$myRequest({
  768. url: 'Archives/addArchives',
  769. data: params
  770. })
  771. },
  772. //修改提交
  773. async editSubmit() {
  774. //提交验证
  775. if (!this.detailInfo.account_number.replace(/^\s*/g, '')) {
  776. uni.showToast({
  777. title: "请输入户号",
  778. icon: "none"
  779. });
  780. return
  781. }
  782. if (!this.detailInfo.rheological_change.replace(/^\s*/g, '')) {
  783. uni.showToast({
  784. title: "请输入流变变化",
  785. icon: "none"
  786. });
  787. return
  788. }
  789. if (!this.detailInfo.power_capacity.replace(/^\s*/g, '')) {
  790. uni.showToast({
  791. title: "请输入单路电源容量",
  792. icon: "none"
  793. });
  794. return
  795. }
  796. if (!this.detailInfo.route_id) {
  797. uni.showToast({
  798. title: "请输入所属线路",
  799. icon: "none"
  800. });
  801. return
  802. }
  803. if (!this.detailInfo.site_id) {
  804. uni.showToast({
  805. title: "请选择所属站点",
  806. icon: "none"
  807. });
  808. return
  809. }
  810. if (!this.detailInfo.supervision_department_id.replace(/^\s*/g, '')) {
  811. uni.showToast({
  812. title: "请输入所属监察",
  813. icon: "none"
  814. });
  815. return
  816. }
  817. let res = await this.editArchive({
  818. "id": this.id,
  819. "account_number": this.detailInfo.account_number,
  820. "rheological_change": this.detailInfo.rheological_change,
  821. "power_capacity": this.detailInfo.power_capacity,
  822. "route_id": this.detailInfo.route_id,
  823. "site_id": this.detailInfo.site_id,
  824. "supervision_department_id": this.detailInfo.supervision_department_id,
  825. "cable_hole": this.detailInfo.cable_hole,
  826. "damage": this.detailInfo.damage,
  827. "water_leakage": this.detailInfo.water_leakage,
  828. "annihilator_insufficient_configuration": this.detailInfo
  829. .annihilator_insufficient_configuration,
  830. "annihilator_overdue": this.detailInfo.annihilator_overdue,
  831. "pile_up_sundries": this.detailInfo.pile_up_sundries,
  832. "serious_ash_deposition": this.detailInfo.serious_ash_deposition,
  833. "around_environment_humid": this.detailInfo.around_environment_humid,
  834. "around_pile_up_sundries": this.detailInfo.around_pile_up_sundries,
  835. "no_electrician": this.detailInfo.no_electrician,
  836. "electrician_lack": this.detailInfo.electrician_lack,
  837. "overdue_electrician_certificate": this.detailInfo.overdue_electrician_certificate,
  838. "electric_test_overdue": this.detailInfo.electric_test_overdue,
  839. "blanket_insufficient_configuration": this.detailInfo.blanket_insufficient_configuration,
  840. "ground_wire": this.detailInfo.ground_wire,
  841. "analog_screen": this.detailInfo.analog_screen,
  842. "old_equipment": this.detailInfo.old_equipment,
  843. "remarks": this.detailInfo.remarks,
  844. })
  845. if (!res.data.flag) {
  846. uni.showToast({
  847. title: "添加失败",
  848. icon: "none"
  849. });
  850. } else {
  851. uni.showToast({
  852. title: "添加成功",
  853. });
  854. }
  855. setTimeout(() => {
  856. uni.navigateTo({
  857. url: '/pages/siteArchive/siteArchive',
  858. });
  859. }, 1000);
  860. },
  861. editArchive(params = {}) {
  862. return this.$myRequest({
  863. url: 'Archives/setArchives',
  864. data: params
  865. })
  866. },
  867. }
  868. }
  869. </script>
  870. <style lang="scss">
  871. // image背景图
  872. .image-bg {
  873. position: absolute;
  874. z-index: 1;
  875. // left: 0;
  876. right: 0;
  877. bottom: 0;
  878. right: 0;
  879. width: 100%;
  880. height: 100%;
  881. }
  882. // 单选框相机
  883. .form-item.radioSec {
  884. display: block;
  885. position: relative;
  886. .title {
  887. margin-bottom: 10rpx;
  888. }
  889. .radioCameraflex {
  890. display: flex;
  891. input {
  892. border: none;
  893. border-bottom: 1px solid #EDEDED;
  894. padding: 0 10rpx;
  895. height: 50rpx;
  896. line-height: 50rpx
  897. }
  898. image {
  899. width: 36rpx;
  900. height: 28rpx;
  901. position: absolute;
  902. right: 44rpx;
  903. bottom: 8rpx
  904. }
  905. }
  906. }
  907. </style>