siteArchiveAdd.vue 34 KB

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