statistics.vue 53 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931
  1. <template>
  2. <view>
  3. <view v-if="isLeader=='sys_user'">
  4. <scroll-view>
  5. <view class="view-bg">
  6. <text class="title-txt">工程用料统计</text>
  7. <view>
  8. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  9. <view class="uni-list-cell-left">
  10. 行政区
  11. </view>
  12. <view class="uni-list-cell-db">
  13. <view v-if="this.isEmpty(this.XZQValue.dictValue)" style="margin-top: 10;"
  14. @click="pickerShow('xzq')">
  15. <span style="color: darkgray;">请选择行政区</span>
  16. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  17. </view>
  18. <view v-else style="margin-top: 10;" @click="pickerShow('xzq')">
  19. <span style="color: black;">{{XZQValue.dictLabel}}</span>
  20. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  25. <view class="uni-list-cell-left">
  26. 小区
  27. </view>
  28. <view class="uni-list-cell-db">
  29. <view v-if="this.isEmpty(this.XQValue.id)" style="margin-top: 10;"
  30. @click="pickerShow('xq')">
  31. <span style="color: darkgray;">请选择小区</span>
  32. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  33. </view>
  34. <view v-else style="margin-top: 10;" @click="pickerShow('xq')">
  35. <span style="color: black;">{{XQValue.name}}</span>
  36. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  37. </view>
  38. </view>
  39. </view>
  40. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  41. <view class="uni-list-cell-left">
  42. 材料
  43. </view>
  44. <view class="uni-list-cell-db">
  45. <view v-if="this.isEmpty(this.materialValue.name)" style="margin-top: 10;"
  46. @click="pickerShow('cz')">
  47. <span style="color: darkgray;">请选择材料</span>
  48. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  49. </view>
  50. <view v-else style="display: flex;align-items: center; justify-content: flex-end;">
  51. <view style="margin-top: 10; " @click="pickerShow('cz')">
  52. <span style="color: black;">{{materialValue.name}}</span>
  53. <!-- <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image> -->
  54. </view>
  55. <image :src="loadImgSrc('icon_close.png')"
  56. style=" width: 15px; height: 15px;margin-left:20rpx ;margin-right: -20rpx;"
  57. @click="clearMaterialInfo">
  58. </image>
  59. </view>
  60. </view>
  61. </view>
  62. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  63. <view class="uni-list-cell-left">
  64. 规格
  65. </view>
  66. <view class="uni-list-cell-db">
  67. <view v-if="this.isEmpty(this.specificationValue.name)" style="margin-top: 10;"
  68. @click="pickerShow('gg')">
  69. <span style="color: darkgray;">请选择规格</span>
  70. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  71. </view>
  72. <view v-else style="display: flex;align-items: center; justify-content: flex-end;">
  73. <view style="margin-top: 10;" @click="pickerShow('gg')">
  74. <span style="color: black;">{{specificationValue.name}}</span>
  75. <!-- <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image> -->
  76. </view>
  77. <image :src="loadImgSrc('icon_close.png')"
  78. style=" width: 15px; height: 15px;margin-left:20rpx ;margin-right: -20rpx;"
  79. @click="clearSpecificationInfo">
  80. </image>
  81. </view>
  82. </view>
  83. </view>
  84. </view>
  85. <view class="table">
  86. <view class="felx-row">
  87. <view class="h-tr" style="flex: 1">名称</view>
  88. <view class="h-tr" style="flex: 1">材料</view>
  89. <view class="h-tr" style="flex: 1;align-items: center;">预计用量</view>
  90. <view class="h-tr" style="flex: 1">实际用量</view>
  91. </view>
  92. </view>
  93. <view class="felx-row" v-for="(item, index) in materialUsageList" :key="index">
  94. <view class="h-td" style="flex: 1">{{ item.realityQuality }}</view>
  95. <view class="h-td" style="flex: 1">{{ item.realitySpecifications }}</view>
  96. <view class="h-td" style="flex: 1">{{ item.estimatedSize }}</view>
  97. <view class="h-td" style="flex: 1">{{ item.realitySize }}</view>
  98. </view>
  99. </view>
  100. <view class="view-bg" style="margin-bottom: 40rpx;">
  101. <text class="title-txt">工程进度统计</text>
  102. <view>
  103. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  104. <view class="uni-list-cell-left">
  105. 行政区
  106. </view>
  107. <view class="uni-list-cell-db">
  108. <view v-if="this.isEmpty(this.XZQValue2.dictValue)" style="margin-top: 10;"
  109. @click="pickerShow('xzq2')">
  110. <span style="color: darkgray;">请选择行政区</span>
  111. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  112. </view>
  113. <view v-else style="margin-top: 10;" @click="pickerShow('xzq2')">
  114. <span style="color: black;">{{XZQValue2.dictLabel}}</span>
  115. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  116. </view>
  117. </view>
  118. </view>
  119. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  120. <view class="uni-list-cell-left"> 小区</view>
  121. <view class="uni-list-cell-db">
  122. <view v-if="this.isEmpty(this.XQValue2.id)" style="margin-top: 10;"
  123. @click="pickerShow('xq2')">
  124. <span style="color: darkgray;">请选择小区</span>
  125. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  126. </view>
  127. <view v-else style="margin-top: 10;" @click="pickerShow('xq2')">
  128. <span style="color: black;">{{XQValue2.name}}</span>
  129. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  130. </view>
  131. </view>
  132. </view>
  133. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  134. <view class="uni-list-cell-left">楼栋</view>
  135. <view class="uni-list-cell-db">
  136. <view v-if="this.isEmpty(this.LDValue2.id)" style="margin-top: 10;"
  137. @click="pickerShow('ld2')">
  138. <span style="color: darkgray;">请选择楼栋</span>
  139. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  140. </view>
  141. <view style="margin-top: 10;" @click="pickerShow('ld2')">
  142. <span style="color: black;">{{LDValue2.name}}</span>
  143. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  144. </view>
  145. </view>
  146. </view>
  147. <view class="uni-list-cell" style="border-bottom: 1px solid #f8f8f8;">
  148. <view class="uni-list-cell-left">单元</view>
  149. <view class="uni-list-cell-db">
  150. <view v-if="this.isEmpty(this.DYValue2.id)" style="margin-top: 10;"
  151. @click="pickerShow('dy2')">
  152. <span style="color: darkgray;">请选择单元</span>
  153. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  154. </view>
  155. <view v-else style="margin-top: 10;" @click="pickerShow('dy2')">
  156. <span style="color: black;">{{DYValue2.name}}</span>
  157. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  158. </view>
  159. </view>
  160. </view>
  161. </view>
  162. <image :src="loadImgSrc('lou-img-bg.png')" style="width: 110%;
  163. height: 121px;
  164. position: absolute;
  165. bottom: 15px;
  166. left: -5px;
  167. z-index: 1;
  168. "></image>
  169. <scroll-view :scroll-x="true" class="view_bg_build" v-if="roomList.length > 0">
  170. <view class="HuaDongBiao">
  171. <view class="NeiRong" v-for="(item,index) in roomList" :key="index">
  172. <view class="Fang" v-for="(item2, index2) in roomList[index]" :key="index2">
  173. <view v-if="item2.roomStatus=='施工中'" class="ShiGongZhong" @click="goHistory(item2)">
  174. {{ item2.roomName }}
  175. </view>
  176. <view v-else-if="item2.roomStatus=='未施工'" class="WeiShiGong">{{ item2.roomName }}
  177. </view>
  178. <view v-else class="JunGong" @click="goHistory(item2)">{{ item2.roomName }}</view>
  179. </view>
  180. </view>
  181. </view>
  182. <view style=" width: 48rpx;height: 63rpx;background: #C7EAFF; position:relative; left: 50%; transform:
  183. translateX(-50%); bottom: -10rpx;">
  184. </view>
  185. </scroll-view>
  186. <view v-if="roomList.length == 0" style="padding:50rpx;text-align: center;">暂无数据</view>
  187. <view style="align-items: center; margin-top: 20rpx;">
  188. <view style="display: flex;align-items: center;justify-content:center">
  189. <image class="block-iv" :src="loadImgSrc('ic_legend.png')"></image>
  190. <text style="margin-right: 20px;margin-left: 5px;">图例: </text>
  191. <div class="block-iv" style="background-color: #80d9ae;"></div>
  192. <text style="margin-right: 20px;margin-left: 5px;">竣工</text>
  193. <div class="block-iv" style="background-color: #5bd3ff;"></div>
  194. <text style="margin-right: 20px;margin-left: 5px;">施工中</text>
  195. <div class="block-iv" style="background-color: #ffc881;"></div>
  196. <text style="margin-right: 20px;margin-left: 5px;">未施工</text>
  197. </view>
  198. </view>
  199. </view>
  200. </scroll-view>
  201. </view>
  202. <view v-else-if="isLeader=='app_user'">
  203. <view class="background">
  204. <view>
  205. <view
  206. style="font-size: 16px;margin-left: 10px;margin-top: 10px;display: flex; justify-content: space-between;margin-bottom: 10px;">
  207. 筛选
  208. <image v-if="change==false" :src="loadImgSrc('icon_user_open.png')" @click='change1'
  209. style="display: flex;justify-content:flex-end; margin-right: 10px;width: 15px;height: 15px;">
  210. </image>
  211. <image v-if="change==true" :src="loadImgSrc('icon_user_close.png')" @click='change1'
  212. style="display: flex;justify-content:flex-end; margin-right: 10px;width: 15px;height: 15px;">
  213. </image>
  214. </view>
  215. </view>
  216. <view v-show="change" style="padding-right: 10px;">
  217. <view class="uni-list">
  218. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  219. <view class="uni-list-cell-left">
  220. 工程项
  221. </view>
  222. <view v-if="this.isEmpty(this.EngineeringValue)" class="uni-list-cell-db"
  223. style="margin-top: 10;" @click="pickerShow('gcx')">
  224. <span style="color: darkgray;">请选择工程项</span>
  225. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  226. </view>
  227. <view v-else class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('gcx')">
  228. <span style="color: black;">{{EngineeringValue}}</span>
  229. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  230. </view>
  231. </view>
  232. </view>
  233. <view v-if="EngineeringValue=='民用工程'||EngineeringValue=='开栓'">
  234. <view class="uni-list">
  235. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  236. <view>
  237. 行政区
  238. </view>
  239. <view v-if="this.isEmpty(this.XZQValue3.dictValue)" style="margin-top: 10;"
  240. @click="pickerShow('xzq3')">
  241. <span style="color: darkgray;">请选择行政区</span>
  242. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  243. </view>
  244. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  245. @click="pickerShow('xzq3')">
  246. <span style="color: black;">{{XZQValue3.dictLabel}}</span>
  247. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  248. </view>
  249. </view>
  250. </view>
  251. <view class="uni-list">
  252. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  253. <view>
  254. 小区
  255. </view>
  256. <view v-if="this.isEmpty(this.XQValue3.id)" class="uni-list-cell-db"
  257. style="margin-top: 10;" @click="pickerShow('xq3')">
  258. <span style="color: darkgray;">请选择小区</span>
  259. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  260. </view>
  261. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  262. @click="pickerShow('xq3')">
  263. <span style="color: black;">{{XQValue3.name}}</span>
  264. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  265. </view>
  266. </view>
  267. </view>
  268. <view class="uni-list">
  269. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  270. <view class="uni-list-cell-left">
  271. 楼栋
  272. </view>
  273. <view v-if="this.isEmpty(this.LDValue3.id)" class="uni-list-cell-db"
  274. style="margin-top: 10;" @click="pickerShow('ld3')">
  275. <span style="color: darkgray;">请选择楼栋</span>
  276. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  277. </view>
  278. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  279. @click="pickerShow('ld3')">
  280. <span style="color: black;">{{LDValue3.name}}</span>
  281. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  282. </view>
  283. </view>
  284. </view>
  285. <view class="uni-list" style="margin-top: 10;">
  286. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  287. <view class="uni-list-cell-left">
  288. 单元
  289. </view>
  290. <view v-if="this.isEmpty(this.DYValue3.id)" class="uni-list-cell-db"
  291. style="margin-top: 10;" @click="pickerShow('dy3')">
  292. <span style="color: darkgray;">请选择单元</span>
  293. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  294. </view>
  295. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  296. @click="pickerShow('dy3')">
  297. <span style="color: black;">{{DYValue3.name}}</span>
  298. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  299. </view>
  300. </view>
  301. </view>
  302. <view class="uni-list">
  303. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  304. <view class="uni-list-cell-left">
  305. 房间
  306. </view>
  307. <view v-if="this.isEmpty(this.FJValue3.id)" class="uni-list-cell-db"
  308. style="margin-top: 10;" @click="pickerShow('fj3')">
  309. <span style="color: darkgray;">请选择房间</span>
  310. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  311. </view>
  312. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  313. @click="pickerShow('fj3')">
  314. <span style="color: black;">{{FJValue3.name}}</span>
  315. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  316. </view>
  317. </view>
  318. </view>
  319. <view class="uni-list" v-if="EngineeringValue=='民用工程'">
  320. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  321. <view class="uni-list-cell-left">
  322. 工程类型
  323. </view>
  324. <view v-if="this.isEmpty(this.ProjectType.dictValue)" class="uni-list-cell-db"
  325. style="margin-top: 10;" @click="pickerShow('gclx')">
  326. <span style="color: darkgray;">请选择工程类型</span>
  327. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  328. </view>
  329. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  330. @click="pickerShow('gclx')">
  331. <span style="color: black;">{{ProjectType.dictLabel}}</span>
  332. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  333. </view>
  334. </view>
  335. </view>
  336. </view>
  337. <view v-if="EngineeringValue!='开栓'">
  338. <view class="container" style="border-bottom: 1px solid #f8f8f8;"
  339. v-if="EngineeringValue!='民用工程'">
  340. <view class="uni-list-cell-left">
  341. 工程名称
  342. </view>
  343. <view class="uni-list-cell-db" style="margin-top: 10;">
  344. <input class="uni-input" type="text" v-model="EngineeringName" maxlength="80"
  345. placeholder="请输入工程名称"
  346. style="text-align: center; border: 1px solid #00aaff; border-radius: 20rpx;"></input>
  347. </view>
  348. </view>
  349. <view class="uni-list"
  350. v-if="EngineeringValue=='工业工程'||EngineeringValue=='带气封堵施工'||EngineeringValue=='民用工程'">
  351. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  352. <view class="uni-list-cell-left">
  353. 工程分类
  354. </view>
  355. <view v-if="this.isEmpty(this.ProjectClassification.dictValue)" class="uni-list-cell-db"
  356. style="margin-top: 10;" @click="pickerShow('gcfl')">
  357. <span style="color: darkgray;">请选择工程分类</span>
  358. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  359. </view>
  360. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  361. @click="pickerShow('gcfl')">
  362. <span style="color: black;">{{ProjectClassification.dictLabel}}</span>
  363. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  364. </view>
  365. </view>
  366. </view>
  367. <view class="uni-list"
  368. v-if="EngineeringValue=='市政工程'||EngineeringValue=='顶管工程'||EngineeringValue=='民用工程'||EngineeringValue=='基建工程'">
  369. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  370. <view class="uni-list-cell-left">
  371. 工程步骤
  372. </view>
  373. <view v-if="this.isEmpty(this.ProjectSteps.dictValue)" class="uni-list-cell-db"
  374. style="margin-top: 10;" @click="pickerShow('gcbz')">
  375. <span style="color: darkgray;">请选择工程步骤</span>
  376. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  377. </view>
  378. <view v-else class="uni-list-cell-db" style="margin-top: 10;"
  379. @click="pickerShow('gcbz')">
  380. <span style="color: black;">{{ProjectSteps.dictLabel}}</span>
  381. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  382. </view>
  383. </view>
  384. </view>
  385. </view>
  386. <view class="uni-list">
  387. <view class="container" style="border-bottom: 1px solid #f8f8f8;">
  388. <view class="uni-list-cell-left">
  389. 审核状态
  390. </view>
  391. <view v-if="this.isEmpty(this.ReviewStatus.dictValue)" class="uni-list-cell-db"
  392. style="margin-top: 10;" @click="pickerShow('shzt')">
  393. <span style="color: darkgray;">请选择审核状态</span>
  394. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  395. </view>
  396. <view v-else class="uni-list-cell-db" style="margin-top: 10;" @click="pickerShow('shzt')">
  397. <span style="color: black;">{{ReviewStatus.dictLabel}}</span>
  398. <image :src="loadImgSrc('icon_right.png')" class="to-right-icon"></image>
  399. </view>
  400. </view>
  401. </view>
  402. <button class="tj-btn" style="margin: 40rpx 90rpx;" @click="serch"> 搜索</button>
  403. <button class="sc-btn" style="margin: 40rpx 90rpx;" @click="clear">重置筛选</button>
  404. </view>
  405. </view>
  406. <cc-pullScroolView class="pullScrollView" ref="pullScroll" :pullDown="pullDown" :isDownLoading="true">
  407. <view class="notice" v-for="(item,index) in list" :key="index">
  408. <view class="justify-content" @click="chooseNode(item)">
  409. <view v-if="EngineeringValue=='民用工程'">
  410. <view class="font-forty">
  411. {{item.areaName+item.buildingName+item.unitName+item.houseName+(item.enginType=='new_built'? '-新建':'-旧改')+'-'+item.enginClassificationName}}
  412. </view>
  413. <view class="font-twenty-eight gray" v-for="(state,stateIndex) in item.nodeReViewStateList"
  414. :key="stateIndex" v-if="state.Type!='开栓'">
  415. {{state.Type}}-{{state.state == 1 ? '审核通过': (state.content == '暂未审核' ? '暂未审核':'审核未通过')}}
  416. <view v-if="state.content != '暂未审核'">原因:{{state.content}}</view>
  417. </view>
  418. </view>
  419. <view v-if="EngineeringValue=='开栓'">
  420. <view class="font-forty">
  421. {{item.areaName+item.buildingName+item.unitName+item.houseName}}
  422. </view>
  423. <view class="font-twenty-eight gray">
  424. {{item.state == 0 ? '审核不通过': (item.state == 1?'审核通过':'未审核')}}
  425. </view>
  426. </view>
  427. <view
  428. v-if="EngineeringValue=='顶管工程'||EngineeringValue=='基建工程'||EngineeringValue=='危险工程'||EngineeringValue=='市政工程'||EngineeringValue=='工业工程'||EngineeringValue=='带气封堵施工'">
  429. <view class="font-forty">
  430. 工程名称:{{item.enginName}}
  431. </view>
  432. <view class="font-twenty-eight gray" v-for="(state,stateIndex) in item.status"
  433. :key="stateIndex">
  434. <view v-if="EngineeringValue=='工业工程'">{{state.reviewStatus}}</view>
  435. <view v-else>{{state.type}}-{{state.reviewStatus}}</view>
  436. </view>
  437. </view>
  438. <view class="font-twenty-eight gray">
  439. {{item.createTime}}
  440. </view>
  441. </view>
  442. </view>
  443. </cc-pullScroolView>
  444. </view>
  445. <view class="share">
  446. <view :class="{'share-box': shareState}" @click="handleHiddenShare">
  447. </view>
  448. <view class="share-item" :class="{'share-show': shareState}">
  449. <view class="share-to">
  450. <text>请选择</text>
  451. </view>
  452. <scroll-view scroll-y="true" class="scroll-Y">
  453. <view class="content">
  454. <view class="block" v-for="(item, index) in typeList" :key="index" @click="showTypeSheet(item)"
  455. v-if="item.Type!='开栓'">
  456. <text>{{item.Type}}</text>
  457. </view>
  458. </view>
  459. </scroll-view>
  460. <view class="cancel" @click.stop="handleHiddenShare">
  461. <text>取消</text>
  462. </view>
  463. </view>
  464. </view>
  465. <bottom-sheet ref="refShare" :data="historyList"></bottom-sheet>
  466. <SelectPicker :list="selectList" @change="changeSelect" v-if="open" @close="close" titleKey="name"
  467. subtitleKey="id" v-model="name"></SelectPicker>
  468. <SelectPicker :list="dictOptions" @change="changeSelect" v-if="openDict" @close="closeDict" titleKey="dictLabel"
  469. subtitleKey="dictValue" v-model="dictLabel"></SelectPicker>
  470. </view>
  471. </template>
  472. <script>
  473. import SelectPicker from '../../components/selectPicker/select_picker.vue'
  474. import bottomSheet from '../../components/bottomSheet/bottomSheet.vue'
  475. import CCBProjectList from '../../uni_modules/cc-pullScroolView/components/cc-pullScroolView/cc-pullScroolView.vue';
  476. import {
  477. gethistoryList,
  478. getKShistoryList,
  479. } from '@/api/common'
  480. import {
  481. getUserType,
  482. getUserRole
  483. } from '@/utils/auth';
  484. import {
  485. getDicts
  486. } from "@/api/system/dict/data";
  487. import user from '@/store/modules/user'
  488. import {
  489. getAreaList,
  490. getBuildingList,
  491. getUnitList,
  492. getHousesList,
  493. getEnginMaterialQualityList,
  494. getEnginSpecificationsList,
  495. getMunicipalStatisticsData,
  496. getObtainRoomcCompletionInformationList,
  497. getRoomProjectId,
  498. getRoomProjectList,
  499. getHistoryByUserList,
  500. getByUserListAndDicts,
  501. } from '@/api/common'
  502. export default {
  503. components: {
  504. SelectPicker,
  505. CCBProjectList,
  506. bottomSheet
  507. },
  508. data() {
  509. return {
  510. historyList: {}, //历史数据
  511. userRole: getUserRole(),
  512. tabValue: ['旧改', '新建'],
  513. tabIndex: 0,
  514. isLeader: '',
  515. list: [],
  516. newlist: [],
  517. pageSize: 10,
  518. totalNum: '',
  519. pageNum: 1,
  520. typeList: '',
  521. villageIndex: 0,
  522. specificationIndex: 0,
  523. materialIndex: 0,
  524. villageIndex2: 0,
  525. buildIndex: 0,
  526. unitIndex: 0,
  527. open: false,
  528. openDict: false,
  529. selectList: [],
  530. dictOptions: [],
  531. XQList: [],
  532. LDList: [],
  533. DYList: [],
  534. projectValue: {
  535. 'dictValue': '0'
  536. },
  537. XZQValue: {},
  538. XQValue: {},
  539. XQList2: [],
  540. LDList2: [],
  541. DYList2: [],
  542. XQList3: [],
  543. LDList3: [],
  544. DYList3: [],
  545. FJList3: [],
  546. projectValue2: {
  547. 'dictValue': '0'
  548. },
  549. EngineeringValue: '',
  550. EngineeringName: '',
  551. EngineeringList: [],
  552. shareState: false,
  553. XZQValue2: {},
  554. XQValue2: {},
  555. LDValue2: {},
  556. DYValue2: {},
  557. XZQValue3: {},
  558. XQValue3: {},
  559. LDValue3: {},
  560. DYValue3: {},
  561. FJValue3: {},
  562. ProjectType: {},
  563. ProjectClassification: {},
  564. ProjectSteps: {},
  565. ReviewStatus: {},
  566. change: false,
  567. specificationValue: {},
  568. specificationList: [],
  569. materialValue: {},
  570. materialList: [],
  571. materialUsageList: [],
  572. roomList: [],
  573. roomCount: 4,
  574. nodeId: '',
  575. nodeType: '',
  576. roomItem: {},
  577. roomId: '',
  578. }
  579. },
  580. created() {},
  581. onLoad() {
  582. this.isLeader = getUserType()
  583. this.EngineeringValue = this.userRole[0];
  584. if (this.isLeader == 'app_user') {
  585. this.changeTab();
  586. }
  587. },
  588. // 上拉加载
  589. onReachBottom() {
  590. if (this.pageNum * 10 >= this.totalNum) {
  591. } else {
  592. this.$refs.pullScroll.showUpLoading();
  593. this.pageNum++;
  594. this.requestData();
  595. }
  596. },
  597. methods: {
  598. goHistory(item) {
  599. this.roomItem = item;
  600. getDicts(item.enginCycle + '_indoor_engin').then(response => {
  601. this.typeList = response.data;
  602. let result = JSON.parse(JSON.stringify(this.typeList).replace(/dictValue/g, 'Type'));
  603. this.typeList = result;
  604. this.handleShowSheet();
  605. });
  606. },
  607. serch() {
  608. this.changeTab();
  609. },
  610. change1() {
  611. this.change = !this.change
  612. },
  613. isEmpty(str) {
  614. return (!str || 0 === str.length);
  615. },
  616. handleShowSheet() {
  617. this.shareState = true;
  618. },
  619. handleHiddenShare() {
  620. this.shareState = false;
  621. },
  622. chooseNode(item) {
  623. if (this.EngineeringValue == '民用工程') {
  624. this.typeList = item.nodeReViewStateList
  625. this.nodeId = item.id;
  626. this.nodeType = item.enginClassification;
  627. this.roomId = item.houseId;
  628. if (this.nodeType == 'bottom_leg') { //底腿
  629. let obj = {
  630. id: this.nodeId,
  631. type: item.Type
  632. };
  633. uni.navigateTo({
  634. url: '/pages/statistics/history_details_bottom_leg?params=' + encodeURIComponent(JSON
  635. .stringify(
  636. obj))
  637. })
  638. } else {
  639. this.handleShowSheet();
  640. }
  641. } else if (this.EngineeringValue == '开栓') {
  642. this.nodeId = item.id;
  643. let obj = {
  644. type: 'edit',
  645. id: this.nodeId,
  646. };
  647. uni.navigateTo({
  648. url: '/pages/open_bolt/open_bolt?params=' + encodeURIComponent(JSON
  649. .stringify(
  650. obj))
  651. })
  652. } else if (this.EngineeringValue == '市政工程' || this.EngineeringValue == '基建工程' || this.EngineeringValue ==
  653. '顶管工程') {
  654. this.nodeId = item.id;
  655. let result = JSON.parse(JSON.stringify(item.status).replace(/type/g, 'Type'));
  656. this.typeList = result;
  657. this.handleShowSheet();
  658. } else if (this.EngineeringValue == '工业工程') {
  659. this.nodeId = item.id;
  660. let obj = {
  661. id: this.nodeId,
  662. type: '历史数据'
  663. };
  664. uni.navigateTo({
  665. url: '/pages/statistics/historyDetailsEnginproject?params=' + encodeURIComponent(JSON
  666. .stringify(
  667. obj))
  668. })
  669. } else if (this.EngineeringValue == '带气封堵施工') {
  670. this.nodeId = item.id;
  671. let obj = {
  672. id: this.nodeId,
  673. type: item.dictvalue
  674. };
  675. uni.navigateTo({
  676. url: '/pages/statistics/history_gas_sealing?params=' + encodeURIComponent(JSON
  677. .stringify(
  678. obj))
  679. })
  680. }
  681. },
  682. showHistoryList() {
  683. this.$refs.refShare.handleShowShare();
  684. },
  685. showTypeSheet(item) {
  686. if (this.isLeader == 'sys_user') {
  687. let param = {
  688. areaId: this.roomItem.areaId,
  689. buildingId: this.roomItem.buildingId,
  690. unitId: this.roomItem.unitId,
  691. houseId: this.roomItem.roomId,
  692. enginCycle: this.projectValue2.dictValue, // 工程周期
  693. enginType: this.roomItem.enginCycle,
  694. enginClassification: 'indoor_engin', //写死 室内
  695. }
  696. getRoomProjectId(param).then(res => {
  697. if (res.code == '200') {
  698. if (res.data != null) {
  699. getRoomProjectList(res.data.id, item.Type).then(res => {
  700. if (res.data.zEngineeringNodeBo != null) {
  701. this.historyList = res.data
  702. this.showHistoryList();
  703. } else {
  704. this.$modal.msg("暂无历史信息")
  705. }
  706. })
  707. } else {
  708. this.$modal.msg("暂无工程信息")
  709. }
  710. } else {
  711. this.$modal.msg(res.msg)
  712. }
  713. })
  714. } else {
  715. if (this.EngineeringValue == '民用工程') {
  716. let obj = {
  717. id: this.nodeId,
  718. type: item.Type,
  719. roomId: this.roomId,
  720. };
  721. this.handleHiddenShare();
  722. if (this.nodeType == 'indoor_engin') { //室内
  723. uni.navigateTo({
  724. url: '/pages/statistics/historyDetails?params=' + encodeURIComponent(JSON
  725. .stringify(
  726. obj))
  727. })
  728. } else if (this.nodeType == 'overhead') { //架空
  729. uni.navigateTo({
  730. url: '/pages/statistics/historyDetailsCourtyard?params=' + encodeURIComponent(JSON
  731. .stringify(
  732. obj))
  733. })
  734. } else if (this.nodeType == 'courtyard') { //庭院
  735. uni.navigateTo({
  736. url: '/pages/statistics/historyDetailsCourtyard?params=' + encodeURIComponent(JSON
  737. .stringify(
  738. obj))
  739. })
  740. }
  741. } else if (this.EngineeringValue == '顶管工程') {
  742. let obj = {
  743. id: this.nodeId,
  744. type: item.Type,
  745. };
  746. uni.navigateTo({
  747. url: '/pages/statistics/historyDetailsTopTube?params=' + encodeURIComponent(JSON
  748. .stringify(
  749. obj))
  750. })
  751. this.handleHiddenShare();
  752. } else if (this.EngineeringValue == '基建工程') {
  753. let obj = {
  754. id: this.nodeId,
  755. type: item.Type,
  756. };
  757. uni.navigateTo({
  758. url: '/pages/statistics/historyDetailsInfrastructure?params=' + encodeURIComponent(JSON
  759. .stringify(
  760. obj))
  761. })
  762. this.handleHiddenShare();
  763. } else if (this.EngineeringValue == '市政工程') {
  764. let obj = {
  765. id: this.nodeId,
  766. type: item.Type,
  767. };
  768. uni.navigateTo({
  769. url: '/pages/statistics/historyDetailMunicipal?params=' + encodeURIComponent(JSON
  770. .stringify(
  771. obj))
  772. })
  773. this.handleHiddenShare();
  774. }
  775. }
  776. },
  777. pickerShow(e) {
  778. this.type = e;
  779. if (e == 'gcx') {
  780. this.open = true;
  781. this.EngineeringList = [];
  782. this.userRole.forEach((item, index) => {
  783. if (item != '危险作业工程') {
  784. console.log("===", item)
  785. this.EngineeringList.push({
  786. 'id': index,
  787. 'name': item
  788. })
  789. }
  790. });
  791. this.selectList = this.EngineeringList;
  792. } else if (e == 'gczq') {
  793. this.openDict = true;
  794. getDicts("engin_cycle").then(response => {
  795. this.dictOptions = response.data;
  796. });
  797. } else if (e == 'gclx') {
  798. this.openDict = true;
  799. getDicts('indoor_engin_type').then(response => {
  800. this.dictOptions = response.data;
  801. });
  802. } else if (e == 'gcfl') {
  803. if (this.EngineeringValue == '民用工程') {
  804. if (this.isEmpty(this.ProjectType.dictValue)) {
  805. this.$modal.msg('请选择工程类型')
  806. } else {
  807. this.openDict = true;
  808. getDicts(this.ProjectType.dictValue).then(response => {
  809. this.dictOptions = response.data;
  810. });
  811. }
  812. } else {
  813. //工业5 带起封堵施工3
  814. let nodeType = '';
  815. if (this.EngineeringValue == '工业工程') {
  816. nodeType = '5';
  817. } else if (this.EngineeringValue == '带气封堵施工') {
  818. nodeType = '3';
  819. }
  820. this.openDict = true;
  821. getByUserListAndDicts(nodeType).then(
  822. response => {
  823. this.dictOptions = response.data;
  824. });
  825. }
  826. } else if (e == 'gcbz') {
  827. if (this.EngineeringValue == '民用工程') {
  828. if (this.isEmpty(this.ProjectClassification.dictValue)) {
  829. this.$modal.msg('请选择工程分类')
  830. } else {
  831. this.openDict = true;
  832. getDicts(this.ProjectType.dictValue + "_" + this.ProjectClassification.dictValue).then(
  833. response => {
  834. this.dictOptions = response.data;
  835. });
  836. }
  837. } else {
  838. let nodeType = '';
  839. if (this.EngineeringValue == '市政工程') {
  840. nodeType = '4';
  841. } else if (this.EngineeringValue == '基建工程') {
  842. nodeType = '2';
  843. } else if (this.EngineeringValue == '顶管工程') {
  844. nodeType = '1';
  845. }
  846. this.openDict = true;
  847. getByUserListAndDicts(nodeType).then(
  848. response => {
  849. this.dictOptions = response.data;
  850. });
  851. }
  852. } else if (e == 'shzt') {
  853. if (this.EngineeringValue == '民用工程') {
  854. if (this.isEmpty(this.ProjectSteps.dictValue)) {
  855. this.$modal.msg('请选择工程步骤')
  856. } else {
  857. this.openDict = true;
  858. getDicts('state_options').then(
  859. response => {
  860. this.dictOptions = response.data;
  861. });
  862. }
  863. } else {
  864. this.openDict = true;
  865. getDicts('state_options').then(
  866. response => {
  867. this.dictOptions = response.data;
  868. });
  869. }
  870. } else if (e == 'xzq') {
  871. if (this.isEmpty(this.projectValue.dictValue)) {
  872. this.$modal.msg('请选择工程周期')
  873. } else {
  874. this.openDict = true;
  875. getDicts("district").then(response => {
  876. this.dictOptions = response.data;
  877. });
  878. }
  879. } else if (e == 'xq') {
  880. // if (this.isEmpty(this.XZQValue.dictValue)) {
  881. // this.$modal.msg('请选择行政区')
  882. //
  883. // } else {
  884. this.XQValue = '';
  885. this.LDValue = '';
  886. this.DYValue = '';
  887. this.FJValue = '';
  888. getAreaList('').then(res => {
  889. this.XQList = res.data;
  890. this.open = true;
  891. this.selectList = this.XQList;
  892. })
  893. // }
  894. } else if (e == 'ld') {
  895. if (this.isEmpty(this.XQValue.id)) {
  896. this.$modal.msg('请选择小区')
  897. } else {
  898. this.open = true;
  899. this.selectList = this.LDList;
  900. }
  901. } else if (e == 'dy') {
  902. if (this.isEmpty(this.LDValue.id)) {
  903. this.$modal.msg('请选择楼栋')
  904. } else {
  905. this.open = true;
  906. this.selectList = this.DYList;
  907. }
  908. } else if (e == 'gczq2') {
  909. this.openDict = true;
  910. getDicts("engin_cycle").then(response => {
  911. this.dictOptions = response.data;
  912. });
  913. } else if (e == 'xzq2' || e == 'xzq3') {
  914. if (this.isEmpty(this.projectValue2.dictValue)) {
  915. this.$modal.msg('请选择工程周期')
  916. } else {
  917. this.openDict = true;
  918. getDicts("district").then(response => {
  919. this.dictOptions = response.data;
  920. });
  921. }
  922. } else if (e == 'xq2') {
  923. // if (this.isEmpty(this.XZQValue2.dictValue)) {
  924. // this.$modal.msg('请选择行政区')
  925. //
  926. // } else {
  927. this.XQValue2 = '';
  928. this.LDValue2 = '';
  929. this.DYValue2 = '';
  930. this.FJValue2 = '';
  931. getAreaList('').then(res => {
  932. this.XQList2 = res.data;
  933. this.open = true;
  934. this.selectList = this.XQList2;
  935. })
  936. // }
  937. } else if (e == 'ld2') {
  938. if (this.isEmpty(this.XQValue2.id)) {
  939. this.$modal.msg('请选择小区')
  940. } else {
  941. this.open = true;
  942. this.selectList = this.LDList2;
  943. }
  944. } else if (e == 'dy2') {
  945. if (this.isEmpty(this.LDValue2.id)) {
  946. this.$modal.msg('请选择楼栋')
  947. } else {
  948. this.open = true;
  949. this.selectList = this.DYList2;
  950. }
  951. } else if (e == 'xq3') {
  952. // if (this.isEmpty(this.XZQValue3.dictValue)) {
  953. // this.$modal.msg('请选择行政区')
  954. //
  955. // } else {
  956. this.XQValue3 = '';
  957. this.LDValue3 = '';
  958. this.DYValue3 = '';
  959. this.FJValue3 = '';
  960. getAreaList('').then(res => {
  961. this.XQList3 = res.data;
  962. this.open = true;
  963. this.selectList = this.XQList3;
  964. })
  965. // }
  966. } else if (e == 'ld3') {
  967. if (this.isEmpty(this.XQValue3.id)) {
  968. this.$modal.msg('请选择小区')
  969. } else {
  970. this.open = true;
  971. this.selectList = this.LDList3;
  972. }
  973. } else if (e == 'dy3') {
  974. if (this.isEmpty(this.LDValue3.id)) {
  975. this.$modal.msg('请选择楼栋')
  976. } else {
  977. this.open = true;
  978. this.selectList = this.DYList3;
  979. }
  980. } else if (e == 'fj3') {
  981. if (this.isEmpty(this.DYValue3.id)) {
  982. this.$modal.msg('请选择单元')
  983. } else {
  984. this.open = true;
  985. this.selectList = this.FJList3;
  986. }
  987. } else if (e == 'gg') {
  988. if (this.isEmpty(this.materialValue.id)) {
  989. this.$modal.msg('请选择材料')
  990. } else {
  991. this.open = true;
  992. this.selectList = this.materialList;
  993. }
  994. } else if (e == 'cz') {
  995. this.open = true;
  996. getEnginMaterialQualityList("民用工程").then(response => {
  997. this.selectList = response.data;
  998. });
  999. }
  1000. },
  1001. clear() {
  1002. console.log("111")
  1003. //清空所有筛选项
  1004. this.XZQValue3 = '';
  1005. this.XQValue3 = '';
  1006. this.LDValue3 = '';
  1007. this.DYValue3 = '';
  1008. this.FJValue3 = '';
  1009. this.ProjectType = {
  1010. dictValue: '',
  1011. dictLabel: ''
  1012. };
  1013. this.ProjectClassification = {
  1014. dictValue: '',
  1015. dictLabel: ''
  1016. };
  1017. this.ProjectSteps = {
  1018. dictValue: '',
  1019. dictLabel: ''
  1020. };
  1021. this.ReviewStatus = {
  1022. dictValue: '',
  1023. dictLabel: ''
  1024. };
  1025. this.EngineeringName = '';
  1026. this.changeTab();
  1027. },
  1028. changeSelect(item, index) {
  1029. this.open = false;
  1030. this.openDict = false;
  1031. if (this.type == 'gcx') {
  1032. this.EngineeringValue = item.name
  1033. this.clear();
  1034. } else if (this.type == 'xzq') {
  1035. this.XZQValue = item;
  1036. this.XQValue = '';
  1037. this.LDValue = '';
  1038. this.DYValue = '';
  1039. this.FJValue = '';
  1040. getAreaList(item.dictValue).then(res => {
  1041. this.XQList = res.data;
  1042. })
  1043. } else if (this.type == 'gczq') {
  1044. this.projectValue = item
  1045. } else if (this.type == 'gclx') {
  1046. this.ProjectType = item
  1047. this.ProjectClassification = '';
  1048. this.ProjectSteps = '';
  1049. this.ReviewStatus = '';
  1050. } else if (this.type == 'gcfl') {
  1051. this.ProjectClassification = item
  1052. this.ProjectSteps = '';
  1053. this.ReviewStatus = '';
  1054. } else if (this.type == 'gcbz') {
  1055. this.ProjectSteps = item
  1056. this.ReviewStatus = '';
  1057. } else if (this.type == 'shzt') {
  1058. this.ReviewStatus = item
  1059. } else if (this.type == 'xq') {
  1060. this.XQValue = item;
  1061. this.LDValue = '';
  1062. this.DYValue = '';
  1063. this.FJValue = '';
  1064. this.queryMaterialsUsedList();
  1065. } else if (this.type == 'ld') {
  1066. this.LDValue = item;
  1067. this.DYValue = '';
  1068. this.FJValue = '';
  1069. getUnitList(item.id).then(res => {
  1070. this.DYList = res.data
  1071. })
  1072. } else if (this.type == 'dy') {
  1073. this.DYValue = item;
  1074. } else if (this.type == 'gczq2') {
  1075. this.projectValue2 = item
  1076. } else if (this.type == 'xzq2') {
  1077. this.XZQValue2 = item;
  1078. this.XQValue2 = '';
  1079. this.LDValue2 = '';
  1080. this.DYValue2 = '';
  1081. this.FJValue2 = '';
  1082. getAreaList(item.dictValue).then(res => {
  1083. this.XQList2 = res.data;
  1084. })
  1085. } else if (this.type == 'xzq3') {
  1086. this.XZQValue3 = item;
  1087. this.XQValue3 = '';
  1088. this.LDValue3 = '';
  1089. this.DYValue3 = '';
  1090. this.FJValue3 = '';
  1091. getAreaList(item.dictValue).then(res => {
  1092. this.XQList3 = res.data;
  1093. })
  1094. } else if (this.type == 'xq2') {
  1095. this.XZQValue2 = {dictValue:item.district,dictLabel:item.districtName};
  1096. this.XQValue2 = item;
  1097. this.LDValue2 = '';
  1098. this.DYValue2 = '';
  1099. this.FJValue2 = '';
  1100. getBuildingList(item.id).then(res => {
  1101. this.LDList2 = res.data
  1102. })
  1103. } else if (this.type == 'xq3') {
  1104. this.XZQValue3 = {dictValue:item.district,dictLabel:item.districtName};
  1105. this.XQValue3 = item;
  1106. this.LDValue3 = '';
  1107. this.DYValue3 = '';
  1108. this.FJValue3 = '';
  1109. getBuildingList(item.id).then(res => {
  1110. this.LDList3 = res.data
  1111. })
  1112. } else if (this.type == 'ld2') {
  1113. this.LDValue2 = item;
  1114. this.DYValue2 = '';
  1115. this.FJValue2 = '';
  1116. getUnitList(item.id).then(res => {
  1117. this.DYList2 = res.data
  1118. })
  1119. } else if (this.type == 'ld3') {
  1120. this.LDValue3 = item;
  1121. this.DYValue3 = '';
  1122. this.FJValue3 = '';
  1123. getUnitList(item.id).then(res => {
  1124. this.DYList3 = res.data
  1125. })
  1126. } else if (this.type == 'dy3') {
  1127. this.DYValue3 = item;
  1128. this.FJValue3 = '';
  1129. getHousesList(item.id).then(res => {
  1130. this.FJList3 = res.data
  1131. })
  1132. } else if (this.type == 'fj3') {
  1133. this.FJValue3 = item;
  1134. } else if (this.type == 'dy2') {
  1135. this.DYValue2 = item;
  1136. this.queryProjectStatisticsList();
  1137. } else if (this.type == 'gg') {
  1138. this.specificationValue = item;
  1139. this.queryMaterialsUsedList();
  1140. } else if (this.type == 'cz') {
  1141. this.materialValue = item;
  1142. this.specificationValue = '';
  1143. this.queryMaterialsUsedList();
  1144. getEnginSpecificationsList(item.id).then(res => {
  1145. this.materialList = res.data
  1146. })
  1147. }
  1148. },
  1149. close(e) {
  1150. this.open = false
  1151. },
  1152. closeDict(e) {
  1153. this.openDict = false
  1154. },
  1155. queryMaterialsUsedList() {
  1156. if (this.isEmpty(this.XQValue.id)) {
  1157. this.$modal.msg('请选择小区')
  1158. return;
  1159. }
  1160. let param = {
  1161. enginCycle: this.projectValue.dictValue, //工程周期
  1162. areaId: this.XQValue.id,
  1163. realityQuality: this.materialValue.id,
  1164. realitySpecifications: this.specificationValue.id,
  1165. };
  1166. this.XZQValue = {dictValue:this.XQValue.district,dictLabel:this.XQValue.districtName};
  1167. getMunicipalStatisticsData(param).then(res => {
  1168. this.materialUsageList = res.data;
  1169. })
  1170. },
  1171. queryProjectStatisticsList() {
  1172. let param = {
  1173. enginCycle: this.projectValue.dictValue, //工程周期
  1174. areaId: this.XQValue2.id,
  1175. buildingId: this.LDValue2.id,
  1176. unitId: this.DYValue2.id,
  1177. };
  1178. getObtainRoomcCompletionInformationList(param).then(res => {
  1179. this.roomList = res.data[0].roomStatusVoList;
  1180. this.roomCount = res.data[0].roomStatusVoList.length;
  1181. })
  1182. },
  1183. getColorByStatus(status) {
  1184. if (this.isEmpty(status)) {
  1185. return "#fff";
  1186. }
  1187. if (status == '施工中') {
  1188. return "#5bd3ff";
  1189. } else if (status == '未施工') {
  1190. return "#ffc881";
  1191. } else if (status == '竣工') {
  1192. return "#80d9ae";
  1193. }
  1194. },
  1195. clearMaterialInfo() {
  1196. this.materialValue = '';
  1197. this.specificationValue = '';
  1198. this.queryMaterialsUsedList();
  1199. },
  1200. clearSpecificationInfo() {
  1201. this.specificationValue = '';
  1202. this.queryMaterialsUsedList();
  1203. },
  1204. pullDown(pullScroll) {
  1205. this.pageNum = 1;
  1206. setTimeout(() => {
  1207. this.requestData(pullScroll);
  1208. }, 1000);
  1209. },
  1210. getList() {
  1211. let myThis = this;
  1212. this.$nextTick(() => {
  1213. myThis.$refs.pullScroll.refresh();
  1214. });
  1215. },
  1216. changeTab() {
  1217. console.log("222")
  1218. this.pageSize = 10;
  1219. this.totalNum = '';
  1220. this.pageNum = 1;
  1221. this.requestData();
  1222. },
  1223. requestData() {
  1224. uni.showLoading()
  1225. if (this.EngineeringValue == '民用工程') {
  1226. let type = ''
  1227. let param = {
  1228. district: this.XZQValue3.dictValue == undefined ? '' : this.XZQValue3.dictValue,
  1229. areaId: this.XQValue3.id == undefined ? '' : this.XQValue3.id,
  1230. buildingId: this.LDValue3.id == undefined ? '' : this.LDValue3.id,
  1231. unitId: this.DYValue3.id == undefined ? '' : this.DYValue3.id,
  1232. houseId: this.FJValue3.id == undefined ? '' : this.FJValue3.id,
  1233. enginType: this.ProjectType.dictValue == undefined ? '' : this.ProjectType.dictValue,
  1234. enginCycle: '0',
  1235. enginClassification: this.ProjectClassification.dictValue == undefined ? '' : this
  1236. .ProjectClassification.dictValue,
  1237. type: this.ProjectSteps.dictValue == undefined ? '' : this.ProjectSteps.dictValue,
  1238. completionStatus: this.ReviewStatus.dictValue == undefined ? '' : this.ReviewStatus.dictValue,
  1239. createBy: user.state.name,
  1240. pageNum: this.pageNum,
  1241. pageSize: this.pageSize
  1242. }
  1243. gethistoryList(param).then(res => {
  1244. this.totalNum = res.total
  1245. if (res.code == '200') {
  1246. uni.hideLoading()
  1247. if (res.rows.length !== 0) {
  1248. if (this.pageNum == 1) {
  1249. this.list = [];
  1250. this.list = res.rows
  1251. } else {
  1252. this.list = this.list.concat(res.rows)
  1253. }
  1254. if (this.pageNum * 10 >= this.totalNum) {
  1255. this.$refs.pullScroll.finish();
  1256. } else {
  1257. this.$refs.pullScroll.success();
  1258. }
  1259. } else {
  1260. this.list = [];
  1261. this.$refs.pullScroll.empty();
  1262. }
  1263. } else {
  1264. this.$modal.msg(res.msg + "")
  1265. this.$refs.pullScroll.error();
  1266. }
  1267. })
  1268. } else if (this.EngineeringValue == '开栓') {
  1269. let type = ''
  1270. let param = {
  1271. district: this.XZQValue3.dictValue == undefined ? '' : this.XZQValue3.dictValue,
  1272. areaId: this.XQValue3.id == undefined ? '' : this.XQValue3.id,
  1273. buildingId: this.LDValue3.id == undefined ? '' : this.LDValue3.id,
  1274. unitId: this.DYValue3.id == undefined ? '' : this.DYValue3.id,
  1275. houseId: this.FJValue3.id == undefined ? '' : this.FJValue3.id,
  1276. completionStatus: this.ReviewStatus.dictValue == undefined ? '' : this.ReviewStatus.dictValue,
  1277. createBy: user.state.name,
  1278. pageNum: this.pageNum,
  1279. pageSize: this.pageSize
  1280. }
  1281. getKShistoryList(param).then(res => {
  1282. this.totalNum = res.total
  1283. if (res.code == '200') {
  1284. uni.hideLoading()
  1285. if (res.rows.length !== 0) {
  1286. if (this.pageNum == 1) {
  1287. this.list = [];
  1288. this.list = res.rows
  1289. } else {
  1290. this.list = this.list.concat(res.rows)
  1291. }
  1292. if (this.pageNum * 10 >= this.totalNum) {
  1293. this.$refs.pullScroll.finish();
  1294. } else {
  1295. this.$refs.pullScroll.success();
  1296. }
  1297. } else {
  1298. this.list = [];
  1299. this.$refs.pullScroll.empty();
  1300. }
  1301. } else {
  1302. this.$modal.msg(res.msg + "")
  1303. this.$refs.pullScroll.error();
  1304. }
  1305. })
  1306. } else if (this.EngineeringValue == '顶管工程' || this.EngineeringValue == '基建工程' || this.EngineeringValue ==
  1307. '危险作业工程' || this.EngineeringValue == '市政工程' || this.EngineeringValue == '工业工程' || this
  1308. .EngineeringValue == '带气封堵施工') {
  1309. //type 1 = 顶管, 2=基建 3=危险 4= 市政 5= 工业 type=6 是带气封堵
  1310. let chooseType = '';
  1311. switch (this.EngineeringValue) {
  1312. case '顶管工程':
  1313. chooseType = '1';
  1314. break
  1315. case '基建工程':
  1316. chooseType = '2';
  1317. break
  1318. case '危险作业工程':
  1319. chooseType = '3';
  1320. break
  1321. case '市政工程':
  1322. chooseType = '4';
  1323. break
  1324. case '工业工程':
  1325. chooseType = '5';
  1326. break
  1327. case '带气封堵施工':
  1328. chooseType = '6';
  1329. break
  1330. }
  1331. let param = {
  1332. type: chooseType,
  1333. enginName: this.EngineeringName,
  1334. enginType: this.ProjectClassification.dictValue == undefined ? '' : this
  1335. .ProjectClassification.dictValue,
  1336. nodeType: this.ProjectSteps.dictLabel == undefined ? '' : this.ProjectSteps.dictLabel,
  1337. enginStatus: this.ReviewStatus.dictValue == undefined ? '' : this.ReviewStatus.dictValue,
  1338. district: this.XZQValue3.dictValue == undefined ? '' : this.XZQValue3.dictValue,
  1339. areaId: this.XQValue3.id == undefined ? '' : this.XQValue3.id,
  1340. buildingId: this.LDValue3.id == undefined ? '' : this.LDValue3.id,
  1341. unitId: this.DYValue3.id == undefined ? '' : this.DYValue3.id,
  1342. houseId: this.FJValue3.id == undefined ? '' : this.FJValue3.id,
  1343. completionStatus: this.ReviewStatus.dictValue == undefined ? '' : this.ReviewStatus.dictValue,
  1344. createBy: user.state.name,
  1345. pageNum: this.pageNum,
  1346. pageSize: this.pageSize
  1347. }
  1348. getHistoryByUserList(param).then(res => {
  1349. this.totalNum = res.data.total
  1350. if (res.code == '200') {
  1351. uni.hideLoading()
  1352. if (res.data.rows.length !== 0) {
  1353. if (this.pageNum == 1) {
  1354. this.list = [];
  1355. this.list = res.data.rows
  1356. } else {
  1357. this.list = this.list.concat(res.data.rows)
  1358. }
  1359. if (this.pageNum * 10 >= this.totalNum) {
  1360. this.$refs.pullScroll.finish();
  1361. } else {
  1362. this.$refs.pullScroll.success();
  1363. }
  1364. } else {
  1365. this.list = [];
  1366. this.$refs.pullScroll.empty();
  1367. }
  1368. } else {
  1369. this.$modal.msg(res.msg + "")
  1370. this.$refs.pullScroll.error();
  1371. }
  1372. })
  1373. }
  1374. },
  1375. }
  1376. }
  1377. </script>
  1378. <style lang="scss">
  1379. .to-right-icon {
  1380. width: 15px;
  1381. height: 15px;
  1382. position: absolute;
  1383. top: 50%;
  1384. transform: translateY(-50%);
  1385. }
  1386. .uni-media-list {
  1387. width: 100%;
  1388. }
  1389. .no-click {
  1390. pointer-events: none;
  1391. }
  1392. .marginLeft5 {
  1393. margin-left: 5px;
  1394. }
  1395. .title-txt {
  1396. font-size: 15px;
  1397. font-weight: bold;
  1398. color: black;
  1399. padding: 20rpx 0;
  1400. }
  1401. .content-txt {
  1402. font-size: 10px;
  1403. font-weight: bold;
  1404. color: black;
  1405. }
  1406. .view-bg {
  1407. margin-left: 8px;
  1408. margin-right: 8px;
  1409. margin-top: 8px;
  1410. background-color: #fff;
  1411. border-radius: 5px;
  1412. padding: 20px;
  1413. display: flex;
  1414. flex-direction: column;
  1415. }
  1416. .uni-list {
  1417. background-color: #FFFFFF;
  1418. position: relative;
  1419. width: 100%;
  1420. display: flex;
  1421. flex-direction: column;
  1422. }
  1423. .uni-list-cell {
  1424. display: flex;
  1425. align-items: center;
  1426. justify-content: space-between;
  1427. padding: 10px 0;
  1428. position: relative;
  1429. }
  1430. .uni-list-cell-left {
  1431. white-space: nowrap;
  1432. font-size: 28rpx;
  1433. }
  1434. .centered {
  1435. text-align: center;
  1436. background-color: #e2f4ff;
  1437. }
  1438. .text {
  1439. background-color: #e2f4ff;
  1440. height: 20rpx;
  1441. }
  1442. .view_bg_build {
  1443. background-color: #e2f4ff;
  1444. padding: 10px 10px 0 10px;
  1445. margin: 0 auto;
  1446. border: 1px solid #5bd3ff;
  1447. white-space: nowrap;
  1448. position: relative;
  1449. z-index: 2;
  1450. }
  1451. .grid-text {
  1452. font-size: 14px;
  1453. color: #000000;
  1454. text-align: center;
  1455. padding-left: 30rpx;
  1456. padding-right: 30rpx;
  1457. padding-top: 20rpx;
  1458. padding-bottom: 20rpx;
  1459. }
  1460. .name {
  1461. flex: 0;
  1462. font-size: 14px;
  1463. color: #000000;
  1464. overflow: hidden;
  1465. text-overflow: ellipsis;
  1466. white-space: nowrap;
  1467. }
  1468. .table-item {
  1469. overflow: hidden;
  1470. text-overflow: ellipsis;
  1471. white-space: nowrap;
  1472. }
  1473. .block-iv {
  1474. width: 20px;
  1475. height: 20px;
  1476. }
  1477. .table {
  1478. width: 100%;
  1479. border-radius: 8rpx;
  1480. background: #FFFFFF;
  1481. /* border: 1rpx solid #EFEFEF; */
  1482. font-size: 28rpx;
  1483. margin-top: 40rpx;
  1484. }
  1485. .felx-row {
  1486. width: 100%;
  1487. display: flex;
  1488. justify-content: space-between;
  1489. align-items: center;
  1490. }
  1491. .h-tr {
  1492. box-sizing: border-box;
  1493. display: flex;
  1494. flex-direction: row;
  1495. flex-wrap: nowrap;
  1496. justify-content: center;
  1497. align-items: center;
  1498. align-content: center;
  1499. border-color: #ccc;
  1500. border-style: solid;
  1501. border-width: 0;
  1502. border-width: 1px;
  1503. color: #3d7dd7;
  1504. }
  1505. .h-td {
  1506. box-sizing: border-box;
  1507. padding: 3px;
  1508. word-break: break-all;
  1509. border-color: #ccc;
  1510. border-style: solid;
  1511. border-width: 1px;
  1512. border-right-width: 1px;
  1513. display: flex;
  1514. flex-direction: row;
  1515. flex-wrap: nowrap;
  1516. justify-content: center;
  1517. align-items: center;
  1518. align-content: center;
  1519. min-height: 64rpx;
  1520. }
  1521. .LouCeng {
  1522. font-size: 30rpx;
  1523. background-color: #4a4b52;
  1524. color: #FFEB3B;
  1525. font-weight: bold;
  1526. }
  1527. .Fang {
  1528. width: 100%;
  1529. display: inline-block;
  1530. line-height: 50rpx;
  1531. text-align: center;
  1532. margin-right: 10px;
  1533. margin-bottom: 10px;
  1534. background-color: red;
  1535. }
  1536. .HuaDongBiao {
  1537. display: flex;
  1538. flex-direction: column-reverse;
  1539. position: relative;
  1540. }
  1541. .NeiRong {
  1542. display: flex;
  1543. flex-wrap: nowrap;
  1544. }
  1545. .NeiRong :last-child {
  1546. margin-right: 0 !important;
  1547. }
  1548. .ShiGongZhong {
  1549. background-color: #5bd3ff;
  1550. color: #000;
  1551. }
  1552. .WeiShiGong {
  1553. background-color: #ffc881;
  1554. color: #000;
  1555. }
  1556. .JunGong {
  1557. background-color: #80d9ae;
  1558. color: #000;
  1559. }
  1560. .container {
  1561. display: flex;
  1562. margin-left: 10px;
  1563. width: 100%;
  1564. margin-top: 10px;
  1565. margin-right: 10px;
  1566. justify-content: space-between;
  1567. }
  1568. .notice {
  1569. margin: 20rpx;
  1570. padding: 20rpx;
  1571. background: #FFFFFF;
  1572. box-shadow: 0rpx 8rpx 17rpx 0rpx rgba(0, 0, 0, 0.04);
  1573. border-radius: 10rpx;
  1574. }
  1575. .text {
  1576. border-left: 15rpx solid #3857F3;
  1577. padding-left: 20rpx;
  1578. }
  1579. .share {
  1580. width: 100%;
  1581. height: 100%;
  1582. }
  1583. .share-box {
  1584. width: 100%;
  1585. height: 100%;
  1586. position: fixed;
  1587. top: 0rpx;
  1588. left: 0rpx;
  1589. bottom: 0rpx;
  1590. right: 0rpx;
  1591. background-color: rgba(0, 0, 0, 0.4);
  1592. transition: .3s;
  1593. z-index: 999;
  1594. }
  1595. .share-show {
  1596. transition: all 0.3s ease;
  1597. transform: translateY(0%) !important;
  1598. }
  1599. .scroll-Y {
  1600. height: 350rpx;
  1601. }
  1602. .share-item {
  1603. position: fixed;
  1604. left: 0;
  1605. bottom: 0;
  1606. width: 100%;
  1607. height: auto;
  1608. background-color: #FFFFFF;
  1609. transition: all 0.3s ease;
  1610. transform: translateY(100%);
  1611. z-index: 1999;
  1612. border-top-left-radius: 40rpx;
  1613. border-top-right-radius: 40rpx;
  1614. .share-to {
  1615. width: 100%;
  1616. height: 3rem;
  1617. display: flex;
  1618. justify-content: center;
  1619. align-items: center;
  1620. &::after {
  1621. content: '';
  1622. width: 240rpx;
  1623. height: 0rpx;
  1624. border-top: 1px solid #E4E7ED;
  1625. -webkit-transform: scaleY(0.5);
  1626. transform: scaleY(0.5);
  1627. margin-left: 30rpx;
  1628. }
  1629. &::before {
  1630. content: '';
  1631. width: 240rpx;
  1632. height: 0rpx;
  1633. border-top: 1px solid #E4E7ED;
  1634. -webkit-transform: scaleY(0.5);
  1635. transform: scaleY(0.5);
  1636. margin-right: 30rpx;
  1637. }
  1638. }
  1639. .content {
  1640. width: 100%;
  1641. height: 50%;
  1642. display: flex;
  1643. flex-wrap: wrap;
  1644. .block {
  1645. width: 100%;
  1646. display: flex;
  1647. flex-direction: column;
  1648. justify-content: center;
  1649. align-items: center;
  1650. height: 80rpx;
  1651. text {
  1652. margin-top: 16rpx;
  1653. font-size: 28rpx;
  1654. color: #606266;
  1655. }
  1656. }
  1657. }
  1658. .cancel {
  1659. width: 100%;
  1660. height: 3rem;
  1661. display: flex;
  1662. justify-content: center;
  1663. align-items: center;
  1664. border-top: 1rpx solid #E4E7ED;
  1665. }
  1666. }
  1667. .background {
  1668. // border: 15px solid hsla(0, 0%, 100%, .5);
  1669. background: white;
  1670. background-clip: padding-box;
  1671. padding: 20rpx;
  1672. border-radius: 20rpx;
  1673. margin: 20rpx 10rpx;
  1674. /*从padding开始往外面裁剪背景*/
  1675. }
  1676. </style>