wbs.vue 81 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303
  1. <template>
  2. <div class="h-full">
  3. <div v-if="wbsTypeTabKey === 'tree'" v-loading="nodeSaveLoading" class="hc-layout-box" element-loading-text="批量保存数据中...">
  4. <div
  5. id="wbs-left-tree" :class="[isWbsTreeShow ? 'show' : '', isMouseTree ? 'on-transition' : '']"
  6. :style="`width:${isWbsTreeShow ? leftWidth : 0}px;`"
  7. class="hc-layout-left-box"
  8. >
  9. <div class="hc-project-box">
  10. <div class="hc-project-icon-box">
  11. <HcIcon name="stack" />
  12. </div>
  13. <div class="ml-2 project-name-box">
  14. <span class="text-xl text-cut project-alias">{{ projectInfo.projectAlias }}</span>
  15. <div class="text-xs text-cut project-name">
  16. {{ projectInfo.name }}
  17. </div>
  18. </div>
  19. </div>
  20. <div class="hc-tree-box">
  21. <div class="hc-search-tree-val">
  22. <el-input
  23. v-model="searchTreeVal" block clearable placeholder="请输入名称关键词检索"
  24. size="large" @keyup="searchTreeKeyUp"
  25. >
  26. <template #suffix>
  27. <HcIcon name="search-2" ui="text-xl iscusor" @click="searchTreeClick" />
  28. </template>
  29. </el-input>
  30. </div>
  31. <div v-if="isShowLeft" id="hc-tree-scrollbar" v-loading="treeLoading" class="hc-tree-scrollbar" element-loading-text="获取数据中...">
  32. <!-- <HcTreeV2
  33. :isShow="isSearchTree"
  34. :datas="searchTreeData"
  35. :height="searchTreeHeight"
  36. :isMark="TreeMark"
  37. :menus="ElTreeMenu"
  38. :searchVal="searchTreeVal"
  39. isCounts
  40. isType
  41. @menuTap="ElTreeMenuClick"
  42. @nodeTap="wbsElTreeClick"
  43. /> -->
  44. <el-scrollbar v-show="isSearchTree" class="scroll-bar-right-16">
  45. <HcDataTree
  46. :datas="searchTreeData"
  47. :is-mark="TreeMark"
  48. :menus="ElTreeMenu"
  49. is-counts
  50. is-type
  51. :auto-expand-keys="TreeAutoExpandKeys"
  52. default-expand-all
  53. @nodeTap="wbsElTreeClick"
  54. @menuTap="ElTreeMenuClick"
  55. />
  56. </el-scrollbar>
  57. <el-scrollbar v-show="!isSearchTree" class="scroll-bar-right-16">
  58. <HcLazyTree
  59. ref="wbstree"
  60. :auto-expand-keys="TreeAutoExpandKeys"
  61. :is-mark="TreeMark"
  62. :menus="ElTreeMenu"
  63. is-counts
  64. is-type
  65. show-checkbox
  66. check-strictly
  67. @load="treeLoadNode"
  68. @menuTap="ElTreeMenuClick"
  69. @nodeLoading="ElTreeNodeLoading"
  70. @nodeTap="wbsElTreeClick"
  71. @check="ElTreeNodeCheck"
  72. />
  73. </el-scrollbar>
  74. </div>
  75. </div>
  76. <div class="hc-tree-foot-tip-box">
  77. <div class="dot-view green">
  78. 已审批
  79. </div>
  80. <div class="dot-view black">
  81. 未填报
  82. </div>
  83. <div class="dot-view orange">
  84. 已填报-待审批
  85. </div>
  86. <div class="dot-view blue">
  87. 已填报-未上报
  88. </div>
  89. </div>
  90. <!-- 左右拖动 -->
  91. <div class="horizontal-drag-line" @mousedown="onmousedown" />
  92. </div>
  93. <div id="wbs-content-box" class="hc-layout-content-box">
  94. <!---展开收缩树 -->
  95. <div class="hc-expansion-contraction-tree" @click="setWbsTreeShow">
  96. <HcIcon v-show="isWbsTreeShow" name="arrow-left-s" />
  97. <HcIcon v-show="!isWbsTreeShow" name="arrow-right-s" />
  98. </div>
  99. <HcCard action-ui="text-center">
  100. <template #header>
  101. <HcNewSwitch
  102. :datas="authBtnTabdata" :keys="authBtnTabKey" :round="false"
  103. size="default" @change="authBtnTabClick"
  104. />
  105. </template>
  106. <!-- 切换导图或树形模式 -->
  107. <template #extra>
  108. <HcNewSwitch :datas="wbsTypeTab" :keys="wbsTypeTabKey" @change="wbsTypeTabChange" />
  109. </template>
  110. <!-- 清表列表 -->
  111. <el-scrollbar v-if="ListItemDatas.length > 0" ref="ListItemScrollRef" v-loading="ListItemLoading">
  112. <CollapseForm
  113. ref="ListItemRef"
  114. :tree-auto-expand-keys="TreeAutoExpandKeys"
  115. :classify="authBtnTabKey"
  116. :contract-id="contractId"
  117. :datas="ListItemDatas"
  118. :draw-type="!isDrawType"
  119. :primary-key-id="primaryKeyId"
  120. :status="NodeStatus"
  121. :tenant-id="userInfo?.tenant_id"
  122. :wbs-temp-id="projectInfo?.referenceWbsTemplateIdTrial"
  123. :wbs-type="2"
  124. :treenode-data-info="nodeDataInfo"
  125. :newlistdata="newlistdata"
  126. @offsetTop="ListItemOffsetTop"
  127. @renew="getTableDataAll"
  128. @getList="searchNodeAllTable1"
  129. />
  130. </el-scrollbar>
  131. <HcStatus v-else text="暂无表单" />
  132. <!-- 底部按钮区域 -->
  133. <template #action>
  134. <div class="hc-table-form-action-tip">
  135. <el-alert
  136. :closable="false"
  137. class="hc-alert"
  138. show-icon
  139. style=""
  140. title="完善资料填写后记得一定要保存哦"
  141. type="warning"
  142. />
  143. </div>
  144. <el-button :loading="nodeSaveLoading" hc-btn type="primary" style="position: absolute;left: 10px;" @click="NodeSaveClick">辅助保存</el-button>
  145. <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_save">
  146. <el-button
  147. :disabled="NodeStatus === '3' || ListItemDatas.length <= 0"
  148. :loading="tableFormSaveLoading"
  149. hc-btn
  150. style="width:150px;font-weight: bold;font-size:large"
  151. type="primary"
  152. @click="tableFormSaveClick"
  153. >
  154. <HcIcon name="save" />
  155. <span>保存</span>
  156. </el-button>
  157. </HcTooltip>
  158. <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_report">
  159. <el-button
  160. :disabled="NodeStatus === '3' || NodeStatus === '1'" :loading="reportLoading"
  161. hc-btn @click="reportModalClick"
  162. >
  163. <HcIcon name="send-plane-2" />
  164. <span>上报</span>
  165. </el-button>
  166. </HcTooltip>
  167. <HcTooltip keys="wbs_preview">
  168. <el-button
  169. :disabled="NodeStatus === '1'" :loading="bussPdfsLoading" hc-btn
  170. @click="bussPdfsClick"
  171. >
  172. <HcIcon name="eye" />
  173. <span>预览</span>
  174. </el-button>
  175. </HcTooltip>
  176. <HcTooltip v-if="NodeStatus === '3'" keys="wbs_abolish">
  177. <el-button hc-btn :laoding="abolishLoaing" @click="abolishOneClick">
  178. <HcIcon name="arrow-go-back" />
  179. <span>撤回上报流程</span>
  180. </el-button>
  181. </HcTooltip>
  182. <HcTooltip keys="wbs_views_drawings">
  183. <el-button :disabled="!nodeDataInfo?.fileUrl" hc-btn @click="viewsDrawings">
  184. <HcIcon name="image" />
  185. <span>图纸</span>
  186. </el-button>
  187. </HcTooltip>
  188. <el-button hc-btn @click="attachmentModalShow">
  189. <HcIcon name="file" />
  190. <span>附件</span>
  191. </el-button>
  192. <el-button hc-btn :disabled="isCanadd" @click="addFilelist">
  193. <HcIcon name="add" />
  194. <span>附件添加</span>
  195. </el-button>
  196. <el-button v-if="authBtnTabKey === '2'" hc-btn :loading="syncdataloading" @click="syncdata">
  197. <HcIcon name="refresh" />
  198. <span>同步质检资料</span>
  199. </el-button>
  200. </template>
  201. </HcCard>
  202. </div>
  203. </div>
  204. <HcCard v-if="wbsTypeTabKey === 'map'" id-ref="wbs-node-tree-card-target">
  205. <template #header>
  206. <HcTooltip keys="wbs_views_division_btn">
  207. <el-button class="mr-10" hc-btn type="primary" @click="divisionClick">
  208. <HcIcon :line="false" name="node-tree" />
  209. <span>划分变更</span>
  210. </el-button>
  211. </HcTooltip>
  212. <HcNewSwitch
  213. v-if="isDrawer" :datas="authBtnTabdata" :keys="authBtnTabKey" :round="false"
  214. size="default" @change="authBtnTabClick"
  215. />
  216. </template>
  217. <template #extra>
  218. <HcNewSwitch :datas="wbsTypeTab" :keys="wbsTypeTabKey" @change="wbsTypeTabChange" />
  219. </template>
  220. <NodeTree
  221. ref="NodeTreeRef"
  222. :accordion="NodeTreeAccordion"
  223. :auto-expand-keys="TreeAutoExpandKeys"
  224. :contract-id="contractId"
  225. :is-mark="TreeMark"
  226. :menus="ElTreeMenu"
  227. :project-id="projectId"
  228. @menuClick="NodeTreeMenuClick"
  229. @nodeClick="NodeTreeClick"
  230. @nodeDblClick="NodeTreeDblClick"
  231. />
  232. <template #action>
  233. <div class="hc-tree-mp-tip-box">
  234. <div class="dot-view green">
  235. 已审批
  236. </div>
  237. <div class="dot-view black">
  238. 未填报
  239. </div>
  240. <div class="dot-view orange">
  241. 已填报-待审批
  242. </div>
  243. <div class="dot-view blue">
  244. 已填报-未上报
  245. </div>
  246. </div>
  247. </template>
  248. <HcDrawer :show="isDrawer" action-ui="text-center" to-id="wbs-node-tree-card-target" @close="drawerClose">
  249. <!-- 清表列表 -->
  250. <el-scrollbar v-if="ListItemDatas.length > 0" ref="ListItemScrollRef">
  251. <CollapseForm
  252. ref="ListItemsRef"
  253. :classify="authBtnTabKey"
  254. :contract-id="contractId"
  255. :datas="ListItemDatas"
  256. :draw-type="isDrawType"
  257. :primary-key-id="primaryKeyId"
  258. :status="NodeStatus"
  259. :tenant-id="userInfo?.tenant_id"
  260. :wbs-temp-id="projectInfo?.referenceWbsTemplateIdTrial"
  261. :wbs-type="2"
  262. @offsetTop="ListItemOffsetTop"
  263. @renew="getTableDataAll"
  264. />
  265. </el-scrollbar>
  266. <HcStatus v-else text="暂无表单" />
  267. <!-- 底部按钮区域 -->
  268. <template #action>
  269. <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_save">
  270. <el-button
  271. :disabled="NodeStatus === '3' || ListItemDatas.length <= 0"
  272. :loading="tableFormSaveLoading"
  273. hc-btn
  274. type="primary"
  275. @click="tableFormSaveClick"
  276. >
  277. <HcIcon name="save" />
  278. <span>保存</span>
  279. </el-button>
  280. </HcTooltip>
  281. <HcTooltip v-if="NodeStatus !== '3'" keys="wbs_report">
  282. <el-button
  283. :disabled="NodeStatus === '3' || NodeStatus === '1'"
  284. :loading="reportLoading"
  285. hc-btn
  286. @click="reportModalClick"
  287. >
  288. <HcIcon name="send-plane-2" />
  289. <span>上报</span>
  290. </el-button>
  291. </HcTooltip>
  292. <HcTooltip keys="wbs_preview">
  293. <el-button
  294. :disabled="NodeStatus === '1'"
  295. :loading="bussPdfsLoading"
  296. hc-btn
  297. @click="bussPdfsClick"
  298. >
  299. <HcIcon name="eye" />
  300. <span>预览</span>
  301. </el-button>
  302. </HcTooltip>
  303. <HcTooltip v-if="NodeStatus === '3'" keys="wbs_abolish">
  304. <el-button hc-btn>
  305. <HcIcon name="arrow-go-back" />
  306. <span>撤回上报流程</span>
  307. </el-button>
  308. </HcTooltip>
  309. <HcTooltip keys="wbs_views_drawings">
  310. <el-button :disabled="!nodeDataInfo?.fileUrl" hc-btn @click="viewsDrawings">
  311. <HcIcon name="image" />
  312. <span>图纸</span>
  313. </el-button>
  314. </HcTooltip>
  315. <el-button hc-btn @click="attachmentModalShow">
  316. <HcIcon name="file" />
  317. <span>附件</span>
  318. </el-button>
  319. <el-button hc-btn @click="drawerClose">
  320. <HcIcon name="close" />
  321. <span>关闭填报页面</span>
  322. </el-button>
  323. </template>
  324. </HcDrawer>
  325. </HcCard>
  326. <!-- 上传文件 -->
  327. <HcUploadFile
  328. ref="HcUploadFileRef"
  329. :options="uploadFileOptions"
  330. :params="uploadFileParams"
  331. :echo-params="uploadFileEchoParams"
  332. @success="uploadFileSuccess"
  333. @item="uploadFileItem"
  334. @finish="uploadFileFinish"
  335. />
  336. <!-- 查看图纸 -->
  337. <HcDragModal
  338. :is-show="drawingsShow" close-icon lefts="145" title="查看图纸" tops="100" ui="hc-image-preview-box"
  339. widths="380px" @close="drawingsClose"
  340. >
  341. <div class="hc-image-preview-view">
  342. <el-image-viewer :url-list="[nodeDataInfo.fileUrl]" />
  343. </div>
  344. </HcDragModal>
  345. <!-- 编辑节点 -->
  346. <HcDialog
  347. :loading="editNodeLoading" :show="editNodeModal" title="编辑节点" widths="600px"
  348. @close="editNodeModal = false" @save="editNodeClick"
  349. >
  350. <el-form
  351. ref="formEditNodeRef" :model="formEditNodeModel" :rules="formEditNodeRules" label-width="auto"
  352. size="large"
  353. >
  354. <el-form-item label="节点名称" prop="title">
  355. <el-input v-model="formEditNodeModel.title" placeholder="请输入节点名称" />
  356. </el-form-item>
  357. <el-form-item label="上级节点">
  358. <el-input v-model="formEditNodeModel.parent.title" disabled />
  359. </el-form-item>
  360. <el-form-item label="节点类型">
  361. <el-select v-model="formEditNodeModel.nodeType" block disabled>
  362. <el-option v-for="item in nodeTypeData" :label="item.label" :value="item.value" />
  363. </el-select>
  364. </el-form-item>
  365. <el-form-item label="划分编号">
  366. <el-input v-model="formEditNodeModel.partitionCode" placeholder="请输入划分编号" />
  367. </el-form-item>
  368. <el-form-item class="hc-position-input-icon" label="模板位置">
  369. <el-input
  370. v-model="formEditNodeModel.position" :autosize="{ minRows: 3, maxRows: 6 }"
  371. type="textarea"
  372. />
  373. <el-tooltip content="一键复制模板位置">
  374. <HcIcon name="file-copy-2" @click="copyPositionText(formEditNodeModel.position)" />
  375. </el-tooltip>
  376. </el-form-item>
  377. </el-form>
  378. </HcDialog>
  379. <!-- 复制节点 -->
  380. <HcDialog
  381. :loading="copyNodeLoading" :show="copyNodeModal" :widths="copyNodeTabKey === '1' ? '600px' : '1200px'"
  382. loading-text="复制节点中,请耐心等待..."
  383. title="复制节点" @close="copyNodeModal = false"
  384. >
  385. <div class="header-new-switch">
  386. <el-form
  387. ref="formCopyNodeModelRef" :model="formCopyNodeModel" label-position="left"
  388. :rules="formCopyNodeModelRules" label-width="auto" size="large"
  389. >
  390. <el-form-item label="是否复制数据" prop="isCopyData" style="margin-bottom: 0;">
  391. <!-- <el-input v-model="formCopyNodeModel.classify" placeholder="请输入节点名称"/> -->
  392. <el-radio-group v-model="isCopyData">
  393. <el-radio :label="1">
  394. </el-radio>
  395. <el-radio :label="0">
  396. </el-radio>
  397. </el-radio-group>
  398. </el-form-item>
  399. <el-form-item v-if="isCopyData === 1" label="所属方" prop="classify" style="margin-bottom: 0;">
  400. <!-- <el-input v-model="formCopyNodeModel.classify" placeholder="请输入节点名称"/> -->
  401. <el-checkbox-group v-model="classifyList">
  402. <el-checkbox label="施工" />
  403. <el-checkbox label="监理" />
  404. </el-checkbox-group>
  405. </el-form-item>
  406. </el-form>
  407. <!-- HcNewSwitch :datas="authBtnTabdata" :keys="classifyType" :round="false" size="default"
  408. @change="classifyTypeTabClick"/ -->
  409. </div>
  410. <div v-if="copyNodeTabKey === '1'" class="copy-node-form-box">
  411. <el-form
  412. ref="formCopyNodeModelRef" :model="formCopyNodeModel"
  413. :rules="formCopyNodeModelRules" label-width="auto" size="large"
  414. >
  415. <el-form-item v-if="copyNodeTabKey === '1'" label="节点名称" prop="title" style="margin-bottom: 0;">
  416. <el-input v-model="formCopyNodeModel.title" placeholder="请输入节点名称" />
  417. </el-form-item>
  418. <el-form-item
  419. v-if="copyNodeTabKey === '1'" label="划分编号" prop="partitionCode"
  420. style="margin-top: 10px;"
  421. >
  422. <el-input v-model="formCopyNodeModel.partitionCode" placeholder="请输入划分编号" />
  423. </el-form-item>
  424. </el-form>
  425. </div>
  426. <div v-if="copyNodeTabKey === '3'" class="copy-node-form-box">
  427. <el-form
  428. ref="formCopyNodeModelRef" :model="formCopyNodeModel"
  429. :rules="formCopyNodeModelRules" label-width="auto" size="large"
  430. >
  431. <el-form-item label="所属方" prop="classify" style="margin-bottom: 0;">
  432. <!-- <el-input v-model="formCopyNodeModel.classify" placeholder="请输入节点名称"/> -->
  433. <el-checkbox-group v-model="classifyList">
  434. <el-checkbox label="施工" />
  435. <el-checkbox label="监理" />
  436. </el-checkbox-group>
  437. </el-form-item>
  438. </el-form>
  439. </div>
  440. <div v-if="copyNodeTabKey !== '1'" class="copy-node-many-box">
  441. <div class="copy-node-many-tree">
  442. <el-scrollbar>
  443. <HcLazyTree :auto-expand-keys="TreeAutoExpandKeys" is-type @load="treeLoadNode" @nodeTap="copyNodeElTreeClick" />
  444. </el-scrollbar>
  445. </div>
  446. <div class="copy-node-many-table">
  447. <el-scrollbar>
  448. <el-table :data="copyNodeTable" border stripe>
  449. <el-table-column label="复制到的位置" prop="title" />
  450. <el-table-column v-if="copyNodeTabKey === '2'" label="节点名称" prop="nodeName">
  451. <template #default="{ row }">
  452. <el-form
  453. ref="copyNodeTableRef" :model="row" :rules="copyNodeTableRules"
  454. label-width="0" size="large"
  455. >
  456. <el-form-item prop="nodeName" style="margin-bottom: 0;">
  457. <el-input v-model="row.nodeName" placeholder="请输入节点名称" />
  458. </el-form-item>
  459. </el-form>
  460. </template>
  461. </el-table-column>
  462. <el-table-column v-if="copyNodeTabKey === '2'" label="划分编号" prop="partitionCode">
  463. <template #default="{ row }">
  464. <el-form
  465. ref="copyNodeTableRef" :model="row" :rules="copyNodeTableRules"
  466. label-width="0" size="large"
  467. >
  468. <el-form-item prop="partitionCode" style="margin-bottom: 0;">
  469. <el-input v-model="row.partitionCode" placeholder="请输入划分编号" />
  470. </el-form-item>
  471. </el-form>
  472. </template>
  473. </el-table-column>
  474. <el-table-column align="center" label="操作" prop="action" width="120">
  475. <template #default="{ _, $index }">
  476. <el-button plain type="danger" @click="copyNodeTableDel($index)">
  477. 删除
  478. </el-button>
  479. </template>
  480. </el-table-column>
  481. </el-table>
  482. </el-scrollbar>
  483. </div>
  484. </div>
  485. <template #footer>
  486. <div class="lr-dialog-footer">
  487. <div class="left">
  488. <template v-for="item in copyNodeTab">
  489. <el-button
  490. v-if="item?.key === copyNodeTabKey" plain size="large" type="primary"
  491. @click="copyNodeTabChange(item?.key)"
  492. >
  493. {{ item.name }}
  494. </el-button>
  495. <el-button v-else bg size="large" text @click="copyNodeTabChange(item?.key)">
  496. {{ item.name }}
  497. </el-button>
  498. </template>
  499. </div>
  500. <div class="right">
  501. <el-button :disabled="copyNodeLoading" size="large" @click="copyNodeModal = false">
  502. 取消
  503. </el-button>
  504. <el-button :loading="copyNodeLoading" hc-btn type="primary" @click="copyNodeClick">
  505. 提交
  506. </el-button>
  507. </div>
  508. </div>
  509. </template>
  510. </HcDialog>
  511. <!-- 新增子节点 -->
  512. <HcDialog
  513. :loading="addNodeLoading" :show="addNodeModal" loading-text="新增节点中,请耐心等待..."
  514. title="新增子节点"
  515. widths="720px" @close="addNodeModal = false"
  516. >
  517. <el-alert
  518. :closable="false" title="双击节点,可编辑节点名称,编辑完成后,请按回车或输入框消失后,再点提交"
  519. type="warning"
  520. />
  521. <HcTreeNode
  522. v-if="addTreeNodeType === '1'"
  523. :node-id="addTreeNodeId"
  524. :old-id="addTreeNodeOldId"
  525. :contract-id="contractId"
  526. :wbs-id="projectInfo.referenceWbsTemplateId"
  527. :project-id="projectId"
  528. @check-change="addTreeNodeCheckChange"
  529. />
  530. <HcTreeNode
  531. v-if="addTreeNodeType === '2'"
  532. :node-id="addTreeNodeId"
  533. :old-id="addTreeNodeOldId"
  534. :contract-id="contractId"
  535. :wbs-id="projectInfo.referenceWbsTemplateId"
  536. :project-id="projectId"
  537. strictly @check-change="addTreeNodeCheckChange"
  538. />
  539. <template #footer>
  540. <div class="lr-dialog-footer">
  541. <div class="left flex items-center">
  542. <div class="mr-4">
  543. 选中方式:
  544. </div>
  545. <el-radio-group v-model="addTreeNodeType">
  546. <el-radio label="1">
  547. 当前及子节点
  548. </el-radio>
  549. <el-radio class="ml-4" label="2">
  550. 仅当前节点
  551. </el-radio>
  552. </el-radio-group>
  553. </div>
  554. <div class="right">
  555. <el-button size="large" @click="addNodeModal = false">
  556. 取消
  557. </el-button>
  558. <el-button :loading="addNodeLoading" hc-btn type="primary" @click="addNodeClick">
  559. 提交
  560. </el-button>
  561. </div>
  562. </div>
  563. </template>
  564. </HcDialog>
  565. <!-- 调整排序 -->
  566. <HcDialog
  567. :loading="sortNodeLoading" :show="sortNodeModal" title="调整排序" widths="700px"
  568. @close="sortNodeModal = false" @save="sortNodeClick"
  569. >
  570. <el-alert :closable="false" title="可拖动排序,也可在后面点击图标,切换排序" type="warning" />
  571. <div class="sort-node-body-box list-group header">
  572. <div class="list-group-item">
  573. <div class="index-box">
  574. 序号
  575. </div>
  576. <div class="title-box">
  577. 节点名称
  578. </div>
  579. <div class="icon-box">
  580. 排序
  581. </div>
  582. </div>
  583. </div>
  584. <Draggable
  585. :list="sortNodeData" class="sort-node-body-box list-group" ghost-class="ghost" item-key="id"
  586. @end="sortNodeDrag = false" @start="sortNodeDrag = true"
  587. >
  588. <template #item="{ element, index }">
  589. <div class="list-group-item">
  590. <div class="index-box">
  591. {{ index + 1 }}
  592. </div>
  593. <div class="title-box">
  594. {{ element.title }}
  595. </div>
  596. <div class="icon-box">
  597. <span class="icon" @click="downSortClick(index)">
  598. <HcIcon name="arrow-down" ui="text-lg" />
  599. </span>
  600. <span class="icon" @click="upSortClick(index)">
  601. <HcIcon name="arrow-up" ui="text-lg" />
  602. </span>
  603. </div>
  604. </div>
  605. </template>
  606. </Draggable>
  607. </HcDialog>
  608. <!-- 批量上报审批 -->
  609. <HcReportModal
  610. :addition="reportAddition"
  611. :contract-id="contractInfo?.contractType == 2 ? nodeDataInfo?.contractIdRelation : contractId"
  612. :ids="reportIds"
  613. :table-owner="authBtnTabKey"
  614. :classify-type="classType"
  615. :project-id="projectId"
  616. :show="showReportModal"
  617. :task-name="reportTaskName"
  618. :type-data="reportTypeData"
  619. title="批量上报审批" type="wbs" url="informationWriteQuery/taskOne"
  620. @finish="showReportFinish" @hide="showReportModal = false"
  621. />
  622. <!-- 查看附件 -->
  623. <HcDialog
  624. :footer="false" :show="attachmentModal" is-table title="附件列表" widths="780px"
  625. @close="attachmentModal = false"
  626. >
  627. <div v-if="attachmentList.length > 0" v-loading="attachmentListLoaing">
  628. <div v-for="item in attachmentList " :key="item.id" class="hc-attachment-card">
  629. <div class="hc-attachment-header">
  630. {{ item?.nodeName }}
  631. </div>
  632. <div class="hc-attachment-content">
  633. <div v-for="item1 in item.fileList " :key="item1.id" class="hc-attachment-item">
  634. <div class="hc-attachment-file-name">
  635. <HcIcon name="attachment" />
  636. <div class="name">
  637. {{ item1?.name }}
  638. </div>
  639. </div>
  640. <div class="hc-attachment-btn-box">
  641. <el-button plain size="small" type="primary" @click="previewFile(item1)">
  642. <HcIcon name="eye" />
  643. <span>预览</span>
  644. </el-button>
  645. <el-button v-if=" NodeStatus != 3" plain size="small" style="margin-left: 16px" type="danger" :loading="item1?.loading" @click="delFile(item1)">
  646. <HcIcon name="close" />
  647. <span>删除</span>
  648. </el-button>
  649. </div>
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. <div v-else style="height: 100%;width: 100%;">
  655. <HcNoData />
  656. </div>
  657. </HcDialog>
  658. <!-- 附件添加 -->
  659. <!-- 上传文件 -->
  660. <HcDialog :footer="false" :show="uploadModal" title="上传文件" widths="38rem" @close="uploadModalClose">
  661. <HcUpload :datas="uploadData" :file-list="fileListData" :is-canupload="false" action="/api/blade-manager/exceltab/add-bussfile-node" accept="application/pdf" accept-tip="允许格式:pdf" @change="uploadChange" />
  662. </HcDialog>
  663. </div>
  664. </template>
  665. <script setup>
  666. import { nextTick, onMounted, ref, watch } from 'vue'
  667. import { useRoute, useRouter } from 'vue-router'
  668. import { useAppStore } from '~src/store'
  669. import { HcIsButton } from '~src/plugins/IsButtons'
  670. import CollapseForm from './collapse-form/index.vue'
  671. import NodeTree from './components/nodeTree/index.vue'
  672. import HcTreeNode from './components/HcTreeNode.vue'
  673. import { getTokenHeader } from '~src/api/request/header'
  674. import { getStoreValue, setStoreValue } from '~src/utils/storage'
  675. import {
  676. deepClone,
  677. formValidate,
  678. getArrValue,
  679. getObjVal,
  680. getObjValue,
  681. isNullES,
  682. isString,
  683. setCopyText,
  684. } from 'js-fast-way'
  685. import { eVisaTaskCheckApi, getDictionary } from '~api/other'
  686. import wbsApi from '~api/data-fill/wbs'
  687. import queryApi from '~api/data-fill/query'
  688. import Draggable from 'vuedraggable'
  689. import { delMessageV2 } from '~com/message/index.js'
  690. import HcUpload from './components/HcUpload.vue'
  691. //初始变量
  692. const router = useRouter()
  693. const useRoutes = useRoute()
  694. const useAppState = useAppStore()
  695. //全局变量
  696. const projectId = ref(useAppState.getProjectId)
  697. const contractId = ref(useAppState.getContractId)
  698. const projectInfo = ref(useAppState.getProjectInfo)
  699. const contractInfo = ref(useAppState.getContractInfo)
  700. const isCollapse = ref(useAppState.getCollapse)
  701. const userInfo = ref(useAppState.getUserInfo)
  702. //路由参数
  703. const routerQuery = useRoutes?.query
  704. // const typeName = routerQuery?.type || 'map'
  705. const typeName = routerQuery?.type || 'tree'
  706. //是否是抽屉
  707. const isDrawType = ref(true)
  708. //自动展开缓存
  709. const TreeAutoExpandKeys = ref(getStoreValue('wbsTreeExpandKeys') || [])
  710. //树搜索
  711. const isSearchTree = ref(false)
  712. const wbstreeKey = ref(Math.random())
  713. const searchElTreeLoadNode = ref(true)
  714. const searchTreeHeight = ref()
  715. const getSearchTreeData = async () => {
  716. treeLoading.value = true
  717. const { error, code, data } = await queryApi.getTreeNodeByQueryValueAndContractId({
  718. contractId: contractId.value,
  719. queryValue: searchTreeVal.value,
  720. tableOwner:authBtnTabKey.value,
  721. })
  722. //判断状态
  723. if (!error && code === 200) {
  724. let treedata = getArrValue(data)
  725. searchTreeData.value = treedata
  726. treeLoading.value = false
  727. } else {
  728. treeLoading.value = false
  729. searchTreeData.value = []
  730. }
  731. }
  732. // const getSearchTreeData = async () => {
  733. // searchElTreeLoadNode.value = true
  734. // const contractType = Number(contractInfo.value?.contractType)
  735. // if (contractType === 2 || contractType === 3) {
  736. // const {error, code, data} = await queryApi.getTreeallJl({
  737. // contractId: contractId.value,
  738. // })
  739. // //判断状态
  740. // if (!error && code === 200) {
  741. // // searchTreeData.value = getArrValue(data)
  742. // let searchobj = getObjValue(data)
  743. // let searcharr = []
  744. // for (let key in searchobj) {
  745. // searcharr.push(searchobj[key][0])
  746. // }
  747. // searchTreeData.value = searcharr
  748. // searchElTreeLoadNode.value = false
  749. // treeLoading.value = false
  750. // } else {
  751. // treeLoading.value = false
  752. // searchElTreeLoadNode.value = false
  753. // searchTreeData.value = []
  754. // }
  755. // console.log(searchTreeData.value)
  756. // } else {
  757. // searchElTreeLoadNode.value = true
  758. // const {error, code, data} = await queryApi.getTreeall({
  759. // contractId: contractId.value,
  760. // projectId: projectId.value,
  761. // wbsId: projectInfo.value?.referenceWbsTemplateId
  762. // })
  763. // //判断状态
  764. // if (!error && code === 200) {
  765. // searchTreeData.value = getArrValue(data)
  766. // searchElTreeLoadNode.value = false
  767. // treeLoading.value = false
  768. // } else {
  769. // treeLoading.value = false
  770. // searchElTreeLoadNode.value = false
  771. // searchTreeData.value = []
  772. // }
  773. // console.log(searchTreeData.value)
  774. // }
  775. // }
  776. //监听
  777. //监听
  778. const searchTreeVal = ref('')
  779. watch(() => [
  780. useAppState.getCollapse, searchTreeVal.value,
  781. ], ([Collapse, search]) => {
  782. isCollapse.value = Collapse
  783. if (search.length == 0) {
  784. isSearchTree.value = false
  785. }
  786. })
  787. //加载树需要的classType
  788. const classType = ref('')
  789. watch(() => [
  790. classType.value,
  791. ], ([classify]) => {
  792. if (classify) {
  793. //重新加载左边树
  794. isShowLeft.value = false
  795. setTimeout(()=>{
  796. isShowLeft.value = true
  797. }, 500)
  798. }
  799. })
  800. //渲染完成
  801. onMounted(() => {
  802. treeLoading.value = typeName === 'tree'
  803. setContractType(contractInfo.value?.contractType)
  804. getDictionaryApi()
  805. })
  806. //身份按钮切换数据
  807. const authBtnTabKey = ref('1')
  808. //变量
  809. const wbstree = ref(null)
  810. const isShowLeft = ref(true)
  811. const authBtnTabClick = (val) => {
  812. if (!primaryKeyId.value) {
  813. window?.$message?.warning('请先在左侧项目树选择一个节点')
  814. } else if (val['key'] !== authBtnTabKey.value) {
  815. authBtnTabKey.value = val['key']
  816. //重新加载左边树
  817. isShowLeft.value = false
  818. setTimeout(()=>{
  819. isShowLeft.value = true
  820. }, 500)
  821. getTableDataAll()
  822. }
  823. }
  824. //contractType, 1施工,2监理
  825. const setContractType = (contractType) => {
  826. if (contractType <= 0) {
  827. authBtnTabKey.value = '1'
  828. classType.value = '1'
  829. } else if (contractType === 3) {
  830. authBtnTabKey.value = '1'
  831. classType.value = '1'
  832. } else {
  833. authBtnTabKey.value = contractType + ''
  834. classType.value = contractType + ''
  835. }
  836. setElTreeMenu(contractType)
  837. }
  838. const getTableDataAll = async (key) => {
  839. await searchNodeAllTable()
  840. await queryNodeStatus()
  841. // wbstree.value.resetNode().then((res)=>{
  842. // if(res){
  843. // searchNodeAllTable()
  844. // queryNodeStatus()
  845. // }
  846. // })
  847. //保存后自动展开到当前表单
  848. if (!isNullES(key)) {
  849. console.log(key)
  850. await nextTick(() => {
  851. ListItemRef.value?.setCollapseKey(key)
  852. })
  853. }
  854. }
  855. //结构类型tab数据和相关处理
  856. const wbsTypeTabKey = ref(typeName)
  857. const wbsTypeTab = ref([
  858. { key: 'map', name: '导图结构填报' },
  859. { key: 'tree', name: '树形结构填报' },
  860. ])
  861. const authBtnTabdata = ref([
  862. { key: '1', name: '施工质检' },
  863. { key: '2', name: '监理质检' },
  864. ])
  865. const wbsTypeTabChange = (item) => {
  866. wbsTypeTabKey.value = item?.key
  867. ListItemDatas.value = []
  868. isDrawer.value = false
  869. treeLoading.value = typeName === 'tree'
  870. //路由跳转
  871. router.push({
  872. path: useRoutes.path,
  873. query: {
  874. type: item?.key,
  875. },
  876. })
  877. getSearchTreeData()
  878. }
  879. //上传文件的
  880. const HcUploadFileRef = ref(null)
  881. const uploadFileOptions = ref({})
  882. const uploadFileParams = ref({})
  883. const uploadFileEchoParams = ref({})
  884. //上传成功
  885. const uploadFileSuccess = ({ echoParams, resData }) => {
  886. if (echoParams['type'] === 'upload-drawing' && resData?.link) {
  887. setUploadDrawingsData(echoParams, resData?.link)
  888. } else if (echoParams['type'] === 'add-fileList' && resData?.link) {
  889. console.log(echoParams, 'echoParams', ' resData?.link')
  890. } else {
  891. window?.$message?.error('文件上传失败')
  892. }
  893. }
  894. //上传完成
  895. const uploadFileFinish = ()=>{
  896. nextTick(()=>{
  897. HcUploadFileRef?.value.setModalShow(false)
  898. })
  899. }
  900. //点击使用文件
  901. const uploadFileItem = ({ item }) => {
  902. const { echoParams, resData } = item
  903. if (echoParams['type'] === 'upload-drawing' && resData?.link) {
  904. setUploadDrawingsData(echoParams, resData?.link)
  905. } else if (echoParams['type'] === 'add-fileList' && resData?.link) {
  906. console.log(echoParams, 'echoParams111', ' resData?.link111')
  907. } else {
  908. window?.$message?.error('文件上传失败')
  909. }
  910. }
  911. //设置图纸数据
  912. const setUploadDrawingsData = async (echoParams, link) => {
  913. const info = nodeDataInfo.value
  914. const { error, code, data } = await wbsApi.saveContractTreeDrawings({
  915. fileUrl: link,
  916. id: echoParams['drawingsId'],
  917. primaryKeyId: echoParams['primaryKeyId'],
  918. }, false)
  919. //处理数据
  920. if (!error && code === 200) {
  921. if (info['primaryKeyId'] === echoParams['primaryKeyId']) {
  922. nodeDataInfo.value['drawingsId'] = data
  923. nodeDataInfo.value['fileUrl'] = link
  924. window?.$message?.success('图纸上传成功')
  925. } else {
  926. window?.$message?.success('图纸上传成功,由于您切换了其他节点,需要手动刷新才能查看到图纸')
  927. }
  928. } else {
  929. window?.$message?.error('图纸保存失败')
  930. }
  931. }
  932. const NodeTreeAccordion = ref(true)
  933. //设置树菜单数据
  934. const ElTreeMenu = ref([])
  935. const TreeMark = ref(false)
  936. const setElTreeMenu = (contractType) => {
  937. let newArr = []
  938. if (contractType === 1) {
  939. if (HcIsButton('wbs_tree_add')) {
  940. newArr.push({ icon: 'add-circle', label: '新增节点', key: 'add' })
  941. }
  942. if (HcIsButton('wbs_tree_edit')) {
  943. newArr.push({ icon: 'draft', label: '编辑节点', key: 'edit' })
  944. }
  945. if (HcIsButton('wbs_tree_copy')) {
  946. newArr.push({ icon: 'file-copy-2', label: '复制节点', key: 'copy' })
  947. }
  948. if (HcIsButton('wbs_tree_mark')) {
  949. newArr.push({ icon: 'star', label: '标记为首件', key: 'mark' })
  950. TreeMark.value = true
  951. }
  952. if (HcIsButton('wbs_tree_upload')) {
  953. newArr.push({ icon: 'file-upload', label: '上传图纸', key: 'upload' })
  954. }
  955. if (HcIsButton('wbs_tree_sort')) {
  956. newArr.push({ icon: 'sort-asc', label: '调整排序', key: 'sort' })
  957. }
  958. if (HcIsButton('wbs_tree_del')) {
  959. newArr.push({ icon: 'delete-bin', label: '删除节点', key: 'del' })
  960. }
  961. if (HcIsButton('wbs_views_division_btn')) {
  962. newArr.push({ icon: 'folder-shared', label: '工程划分', key: 'nodetree' })
  963. }
  964. } else if (contractType === 2) {
  965. if (HcIsButton('wbs_tree_add')) {
  966. newArr.push({ icon: 'add-circle', label: '新增节点', key: 'add' })
  967. }
  968. if (HcIsButton('wbs_tree_copy')) {
  969. newArr.push({ icon: 'file-copy-2', label: '复制节点', key: 'copy' })
  970. }
  971. }
  972. ElTreeMenu.value = newArr
  973. }
  974. //树相关变量
  975. const primaryKeyId = ref('')
  976. const nodeItemInfo = ref({})
  977. const nodeDataInfo = ref({})
  978. const searchTreeData = ref([])
  979. //回车
  980. const searchTreeKeyUp = (e) => {
  981. if (e.key === 'Enter') {
  982. searchTreeClick()
  983. }
  984. }
  985. const treeLoading = ref(false)
  986. const searchTreeClick = async () => {
  987. if (searchTreeVal.value) {
  988. searchTreeHeight.value = document.getElementById('hc-tree-scrollbar').offsetHeight
  989. isSearchTree.value = true
  990. //treeLoading.value = true
  991. getSearchTreeData()
  992. } else {
  993. isSearchTree.value = false
  994. }
  995. }
  996. //懒加载的数据
  997. const treeLoadNode = async ({ node, item, level }, resolve) => {
  998. let contractIdRelation = '', parentId = '', primaryKeyId = ''
  999. if (level !== 0) {
  1000. const nodeData = getObjValue(item)
  1001. contractIdRelation = nodeData?.contractIdRelation || ''
  1002. parentId = contractIdRelation ? nodeData?.primaryKeyId : nodeData?.id
  1003. primaryKeyId = nodeData?.id || ''
  1004. }
  1005. //获取数据
  1006. const { data } = await queryApi.queryWbsTreeData({
  1007. contractId: contractId.value || '',
  1008. contractIdRelation,
  1009. primaryKeyId,
  1010. parentId,
  1011. // classifyType: authBtnTabKey.value,
  1012. classifyType: classType.value,
  1013. tableOwner:authBtnTabKey.value,
  1014. })
  1015. treeLoading.value = false
  1016. resolve(getArrValue(data))
  1017. }
  1018. //树被点击
  1019. const wbsElTreeClick = ({ node, data, keys }) => {
  1020. nodeItemInfo.value = node
  1021. nodeDataInfo.value = data
  1022. primaryKeyId.value = data?.primaryKeyId || ''
  1023. const { notExsitChild } = data
  1024. if (notExsitChild) {
  1025. isCanadd.value = false
  1026. } else {
  1027. isCanadd.value = true
  1028. }
  1029. setStoreValue('wbsTreeExpandKeys', keys)
  1030. TreeAutoExpandKeys.value = keys || []
  1031. getTableDataAll()
  1032. }
  1033. //树加载完成
  1034. const ElTreeNodeLoading = () => {
  1035. treeLoading.value = false
  1036. }
  1037. //树菜单被点击
  1038. const ElTreeMenuClick = async ({ key, node, data, keys }) => {
  1039. nodeItemInfo.value = node
  1040. nodeDataInfo.value = data
  1041. setStoreValue('wbsTreeExpandKeys', keys)
  1042. TreeAutoExpandKeys.value = keys || []
  1043. setTreeMenuDataClick({ key, node, data })
  1044. }
  1045. //导图结构数据
  1046. const NodeTreeRef = ref(null)
  1047. //鼠标左键单击事件
  1048. const NodeTreeClick = ({ keys }) => {
  1049. setStoreValue('wbsTreeExpandKeys', keys)
  1050. TreeAutoExpandKeys.value = keys || []
  1051. }
  1052. //双击事件
  1053. const isDrawer = ref(false)
  1054. const NodeTreeDblClick = ({ node, data }) => {
  1055. nodeItemInfo.value = node
  1056. nodeDataInfo.value = data
  1057. primaryKeyId.value = data?.primaryKeyId || ''
  1058. isDrawer.value = true
  1059. getTableDataAll()
  1060. }
  1061. const drawerClose = () => {
  1062. isDrawer.value = false
  1063. ListItemDatas.value = []
  1064. }
  1065. //导图树菜单被点击
  1066. const NodeTreeMenuClick = async ({ key, node, data }) => {
  1067. nodeItemInfo.value = node
  1068. nodeDataInfo.value = data
  1069. setTreeMenuDataClick({ key, node, data })
  1070. }
  1071. //处理菜单被点击数据
  1072. const setTreeMenuDataClick = ({ key, node, data }) => {
  1073. const tabKey = wbsTypeTabKey.value
  1074. if (key === 'mark' || key === 'cancel_mark') {
  1075. firstItemBox()
  1076. } else if (key === 'edit') {
  1077. console.log(data, 'data')
  1078. let form = {}
  1079. if (tabKey === 'tree') {
  1080. const parent = deepClone(node?.parent?.data || {})
  1081. form = { ...deepClone(data), parent: parent }
  1082. } else if (tabKey === 'map') {
  1083. const parent = deepClone(node?.parentNodes?.data || {})
  1084. form = { ...deepClone(data), parent: parent }
  1085. }
  1086. formEditNodeModel.value = form
  1087. editNodeModal.value = true
  1088. //处理路径
  1089. let pathArr = []
  1090. getPathName(node, pathArr)
  1091. form.position = pathArr.join('\\')
  1092. formEditNodeModel.value = form
  1093. } else if (key === 'copy') {
  1094. if (tabKey === 'tree') {
  1095. const parent = deepClone(node?.parent?.data || {})
  1096. formCopyNodeModel.value = { ...deepClone(data), parent: parent }
  1097. } else if (tabKey === 'map') {
  1098. const parent = deepClone(node?.parentNodes?.data || {})
  1099. formCopyNodeModel.value = { ...deepClone(data), parent: parent }
  1100. }
  1101. classifyType.value = authBtnTabKey.value
  1102. copyNodeTabKey.value = '1'
  1103. copyNodeTable.value = []
  1104. copyNodeLoading.value = false
  1105. copyNodeModal.value = true
  1106. } else if (key === 'add') {
  1107. console.log(data, 'data')
  1108. addTreeNodeId.value = data?.primaryKeyId
  1109. addTreeNodeOldId.value = data?.oldId
  1110. addNodeLoading.value = false
  1111. addNodeModal.value = true
  1112. } else if (key === 'upload') {
  1113. const info = nodeDataInfo.value
  1114. //上传的配置
  1115. uploadFileOptions.value = {
  1116. url: '/api/blade-resource/oss/endpoint/put-file',
  1117. accept: 'image/png,image/jpg,image/jpeg',
  1118. accept_tip: 'png、jpg、jpeg',
  1119. headers: getTokenHeader(),
  1120. multiple: false,
  1121. }
  1122. uploadFileEchoParams.value = {
  1123. type: 'upload-drawing',
  1124. drawingsId: info['drawingsId'],
  1125. primaryKeyId: info['primaryKeyId'],
  1126. }
  1127. uploadFileParams.value = {}
  1128. HcUploadFileRef.value?.selectFile()
  1129. } else if (key === 'del') {
  1130. console.log(data, 'data')
  1131. if (data['colorStatus'] === 1 || data['colorStatus'] === 2 || data['colorStatus'] === null || data['colorStatus'] === -1) {
  1132. delModalClick()
  1133. } else {
  1134. window?.$message?.warning('该节点已存在上报数据,不允许删除')
  1135. }
  1136. } else if (key === 'sort') {
  1137. let nodes = [], childNodes = []
  1138. if (tabKey === 'tree') {
  1139. childNodes = node?.parent?.childNodes || node?.parent?.children || []
  1140. } else if (tabKey === 'map') {
  1141. childNodes = node?.parentNodes?.childrenNodes || []
  1142. }
  1143. for (let i = 0; i < childNodes.length; i++) {
  1144. const res = childNodes[i]?.data
  1145. nodes.push({
  1146. id: res?.primaryKeyId,
  1147. title: res?.title,
  1148. })
  1149. }
  1150. sortNodeData.value = nodes
  1151. sortNodeModal.value = true
  1152. } else if (key === 'nodetree') {
  1153. divisionClick()
  1154. }
  1155. }
  1156. //获取节点的路径名字
  1157. const getPathName = (node, pathArr) => {
  1158. if (node.parent?.parent) {
  1159. pathArr.unshift(node.data?.title.replace(/(^\s*)|(\s*$)/g, '')) //去掉头尾空格
  1160. getPathName(node.parent, pathArr)
  1161. } else {
  1162. //根节点结束
  1163. pathArr.unshift(node.data?.title.replace(/(^\s*)|(\s*$)/g, '')) //去掉头尾空格
  1164. return pathArr
  1165. }
  1166. }
  1167. //确认标记为首件
  1168. const firstItemBox = () => {
  1169. const info = nodeDataInfo.value
  1170. window?.$messageBox?.alert(`<div class="text-base font-bold">
  1171. <span>请确认将</span>
  1172. <span class="text-main">【${info['title']}】</span>
  1173. <span>${info['isFirst'] ? '取消' : ''}标记为首件</span>
  1174. </div>`, '标记首件制', {
  1175. showCancelButton: true,
  1176. dangerouslyUseHTMLString: true,
  1177. callback: (action) => {
  1178. if (action === 'confirm') {
  1179. firstItemHttp(info)
  1180. }
  1181. },
  1182. })
  1183. }
  1184. //首件请求
  1185. const firstItemHttp = async (info) => {
  1186. const { error, code } = await wbsApi.wbsTreeFirstSave({
  1187. primaryKeyId: info['primaryKeyId'],
  1188. saveOrDeleted: info['isFirst'] ? 1 : 0,
  1189. })
  1190. //处理数据
  1191. if (!error && code === 200) {
  1192. window?.$message?.success('操作成功')
  1193. window?.location?.reload() //刷新页面
  1194. }
  1195. }
  1196. //编辑节点
  1197. const editNodeModal = ref(false)
  1198. //获取节点类型
  1199. const nodeTypeData = ref([])
  1200. const getDictionaryApi = async () => {
  1201. const { data } = await getDictionary({
  1202. code: 'wbs_node_type',
  1203. })
  1204. //处理数据
  1205. let newArr = []
  1206. const newData = getArrValue(data)
  1207. for (let i = 0; i < newData.length; i++) {
  1208. newArr.push({
  1209. label: newData[i]['dictValue'],
  1210. value: Number(newData[i]['dictKey']),
  1211. })
  1212. }
  1213. nodeTypeData.value = newArr
  1214. }
  1215. const formEditNodeRef = ref(null)
  1216. const formEditNodeModel = ref({})
  1217. const formEditNodeRules = {
  1218. title: {
  1219. required: true,
  1220. trigger: 'blur',
  1221. message: '请输入节点名称',
  1222. },
  1223. }
  1224. const editNodeLoading = ref(false)
  1225. //保存编辑节点数据
  1226. const editNodeClick = async () => {
  1227. const validate = await formValidate(formEditNodeRef.value)
  1228. if (validate) {
  1229. //发起请求
  1230. editNodeLoading.value = true
  1231. const { primaryKeyId, title, partitionCode } = formEditNodeModel.value
  1232. const { error, code } = await wbsApi.wbsTreeUpdateNode({
  1233. nodeName: title || '',
  1234. pKeyId: primaryKeyId || '',
  1235. partitionCode: partitionCode || '',
  1236. })
  1237. //处理数据
  1238. editNodeLoading.value = false
  1239. if (!error && code === 200) {
  1240. window?.$message?.success('修改成功')
  1241. nodeDataInfo.value['title'] = title || ''
  1242. nodeDataInfo.value['partitionCode'] = partitionCode || ''
  1243. editNodeModal.value = false
  1244. window?.location?.reload() //刷新页面
  1245. }
  1246. }
  1247. }
  1248. //复制节点
  1249. const copyNodeModal = ref(false)
  1250. //复制节点类型tab数据和相关处理
  1251. const copyNodeTabKey = ref('')
  1252. const copyNodeTab = ref([
  1253. { key: '1', name: '单份复制' },
  1254. { key: '2', name: '多份复制' },
  1255. //{key: '3', name: '复制数据'}
  1256. ])
  1257. const copyNodeTabChange = (key) => {
  1258. if (key !== copyNodeTabKey.value) {
  1259. copyNodeTabKey.value = key
  1260. copyNodeTable.value = []
  1261. copyNodeLoading.value = false
  1262. }
  1263. }
  1264. //复制节点变量
  1265. const copyNodeLoading = ref(false)
  1266. const formCopyNodeModel = ref({})
  1267. const classifyList = ref([])
  1268. const copyNodeTable = ref([])
  1269. const isCopyData = ref(0)
  1270. //复制树被点击
  1271. const copyNodeElTreeClick = ({ data, node }) => {
  1272. const TabKey = copyNodeTabKey.value
  1273. const { title, type, partitionCode } = formCopyNodeModel.value
  1274. if (TabKey === '2') {
  1275. // setCopyNodeTable(data, title, partitionCode)
  1276. //1 单位工程,2 分部工程,3 子分部工程,4 分项工程, 5 子分项工程,6 工序
  1277. // //不能复制到本身节点下
  1278. // //只能往上一级点击,不能跨层级点击
  1279. // //已上报的工序节点不能点击选择
  1280. // //如果选择的是父级节点,那不能复制到子级节点
  1281. if (data['colorStatus'] === 2 || data['colorStatus'] == 1 || data['colorStatus'] === null || data['colorStatus'] === -1) {//已上报的工序不能点击
  1282. if (data['id'] !== formCopyNodeModel.value.id) {//不能复制到本身节点下
  1283. //只能往上一级点击,不能跨层级点击
  1284. //如果选择的是父级节点,那不能复制到子级节点
  1285. if (type === 6 && (data['type'] === 4 || data['type'] === 5 || data['type'] == 6)) {
  1286. setCopyNodeTable(data, title)
  1287. }
  1288. if (type === 5 && data['type'] === 4) {
  1289. setCopyNodeTable(data, title, partitionCode)
  1290. }
  1291. if (type === 4 && (data['type'] === 2 || data['type'] === 3)) {
  1292. setCopyNodeTable(data, title, partitionCode)
  1293. }
  1294. if (type === 3 && data['type'] === 2) {
  1295. setCopyNodeTable(data, title, partitionCode)
  1296. }
  1297. if (type === 2 && data['type'] === 1) {
  1298. setCopyNodeTable(data, title, partitionCode)
  1299. }
  1300. if (type === 1 && data['type'] === 1) {
  1301. setCopyNodeTable(data, title, partitionCode)
  1302. }
  1303. }
  1304. } else {
  1305. window?.$message?.warning('该节点已存在上报数据,不允许复制')
  1306. }
  1307. } else if (TabKey === '3') {
  1308. console.log(1111111)
  1309. setCopyNodeTable(data, data?.title)
  1310. }
  1311. }
  1312. const setCopyNodeTable = (data, title) => {
  1313. copyNodeTable.value.push({
  1314. title: data?.title || '',
  1315. nodeName: title || '',
  1316. primaryKeyId: data?.primaryKeyId || '',
  1317. parentId: data?.parentId || '',
  1318. id: data?.id || '',
  1319. })
  1320. }
  1321. //节点表单
  1322. const formCopyNodeModelRef = ref(null)
  1323. const formCopyNodeModelRules = {
  1324. title: {
  1325. required: true,
  1326. trigger: 'blur',
  1327. message: '请输入节点名称',
  1328. },
  1329. }
  1330. //表格节点表单
  1331. const copyNodeTableRef = ref(null)
  1332. const copyNodeTableRules = {
  1333. nodeName: {
  1334. required: true,
  1335. trigger: 'blur',
  1336. message: '请输入节点名称',
  1337. },
  1338. }
  1339. //删除选中的节点
  1340. const copyNodeTableDel = (index) => {
  1341. copyNodeTable.value.splice(index, 1)
  1342. }
  1343. const classifyType = ref(authBtnTabKey.value)
  1344. const classifyTypeTabClick = ({ key }) => {
  1345. classifyType.value = key
  1346. }
  1347. //复制节点
  1348. const copyNodeClick = async () => {
  1349. const type = copyNodeTabKey.value
  1350. const form = formCopyNodeModel.value
  1351. const table = copyNodeTable.value
  1352. let classify = ''
  1353. let arr = []
  1354. if (classifyList.value.length > 0) {
  1355. classifyList.value.forEach((item) => {
  1356. if (item === '施工') {
  1357. arr.push(1)
  1358. } else if (item === '监理') {
  1359. arr.push(2)
  1360. }
  1361. })
  1362. classify = arr.join(',')
  1363. }
  1364. //isSameNode 是否同节点 1=同节点,0=跨节点
  1365. if (table.length > 0) {
  1366. table.forEach((ele) => {
  1367. if (ele.parentId === formCopyNodeModel.value.parentId || ele.id === formCopyNodeModel.value.parentId) {
  1368. ele.isSameNode = 1
  1369. } else {
  1370. ele.isSameNode = 0
  1371. }
  1372. })
  1373. }
  1374. if (isCopyData.value === 1) {
  1375. if (classify) {
  1376. //效验数据
  1377. if (type === '1') {
  1378. const validate = await formValidate(formCopyNodeModelRef.value)
  1379. if (validate) await copyContractTreeNode(type, form, [], classify)
  1380. } else if (type === '2') {
  1381. if (table.length > 0) {
  1382. const validate = await formValidate(copyNodeTableRef.value)
  1383. if (validate) await copyContractTreeNode(type, form, table, classify)
  1384. } else {
  1385. window?.$message?.warning('请先在左侧选择要复制到的节点')
  1386. }
  1387. }
  1388. } else {
  1389. window?.$message?.warning('请选择所属方')
  1390. }
  1391. } else {
  1392. if (type === '1') {
  1393. const validate = await formValidate(formCopyNodeModelRef.value)
  1394. if (validate) await copyContractTreeNode(type, form, [], classify)
  1395. } else if (type === '2') {
  1396. if (table.length > 0) {
  1397. const validate = await formValidate(copyNodeTableRef.value)
  1398. if (validate) await copyContractTreeNode(type, form, table, classify)
  1399. } else {
  1400. window?.$message?.warning('请先在左侧选择要复制到的节点')
  1401. }
  1402. }
  1403. }
  1404. }
  1405. //单个复制、多份复制请求
  1406. const copyContractTreeNode = async (type, form, table, classify) => {
  1407. copyNodeLoading.value = true
  1408. if (type === '1') {
  1409. const { error, code } = await wbsApi.copyContractTreeNode({
  1410. copyType: type,
  1411. needCopyNodeName: form?.title || '',
  1412. partitionCode: form?.partitionCode || '',
  1413. needCopyPrimaryKeyId: form?.primaryKeyId || '',
  1414. parentPrimaryKeyId: form?.parent?.primaryKeyId || '',
  1415. copyBatchToPaths: table,
  1416. classifyType: classify,
  1417. isCopyData:isCopyData.value,
  1418. })
  1419. //判断状态
  1420. copyNodeLoading.value = false
  1421. if (!error && code === 200) {
  1422. window?.$message?.success('复制成功')
  1423. copyNodeModal.value = false
  1424. window?.location?.reload() //刷新页面
  1425. }
  1426. } else {
  1427. const { error, code } = await wbsApi.copyContractTreeNode({
  1428. copyType: type,
  1429. needCopyNodeName: form?.title || '',
  1430. needCopyPrimaryKeyId: form?.primaryKeyId || '',
  1431. parentPrimaryKeyId: form?.parent?.primaryKeyId || '',
  1432. copyBatchToPaths: table,
  1433. classifyType: classify,
  1434. isCopyData:isCopyData.value,
  1435. })
  1436. //判断状态
  1437. copyNodeLoading.value = false
  1438. if (!error && code === 200) {
  1439. window?.$message?.success('复制成功')
  1440. copyNodeModal.value = false
  1441. window?.location?.reload() //刷新页面
  1442. }
  1443. }
  1444. }
  1445. //复制数据
  1446. const copyContractNodeSubmitBusinessData = async (form, table, classify) => {
  1447. copyNodeLoading.value = true
  1448. const { error, code } = await wbsApi.copyContractNodeSubmitBusinessData({
  1449. needCopyPrimaryKeyId: form?.primaryKeyId || '',
  1450. copyBatchToPaths: table,
  1451. classify: classify,
  1452. })
  1453. //判断状态
  1454. copyNodeLoading.value = false
  1455. if (!error && code === 200) {
  1456. window?.$message?.success('复制成功')
  1457. copyNodeModal.value = false
  1458. window?.location?.reload() //刷新页面
  1459. }
  1460. }
  1461. //新增节点
  1462. const addNodeModal = ref(false)
  1463. const addTreeNodeId = ref('')
  1464. const addTreeNodeOldId = ref('')
  1465. const addTreeNodeType = ref('1')
  1466. //选中的节点
  1467. const allSelectedList = ref([])
  1468. const halfSelectedList = ref([])
  1469. const addTreeNodeCheckChange = (nodes) => {
  1470. let NodesArr = [], halfArr = []
  1471. //全选数据
  1472. const keys = nodes.checkedNodes || []
  1473. console.log(keys, 'keys')
  1474. for (let i = 0; i < keys.length; i++) {
  1475. NodesArr.push({
  1476. nodeName: keys[i].nodeName,
  1477. primaryKeyId: keys[i].pKeyId,
  1478. isPeer:keys[i].isPeer || 2,
  1479. })
  1480. }
  1481. allSelectedList.value = NodesArr
  1482. console.log( allSelectedList.value, ' allSelectedList.value')
  1483. //半选数据
  1484. const halfNodes = nodes.halfCheckedNodes || []
  1485. for (let i = 0; i < halfNodes.length; i++) {
  1486. halfArr.push({
  1487. nodeName: halfNodes[i].nodeName,
  1488. primaryKeyId: halfNodes[i].pKeyId,
  1489. isPeer:halfNodes[i].isPeer || 2,
  1490. })
  1491. }
  1492. halfSelectedList.value = halfArr
  1493. console.log( halfSelectedList.value, ' halfSelectedList.value')
  1494. }
  1495. //新增节点
  1496. const addNodeLoading = ref(false)
  1497. const addNodeClick = async () => {
  1498. const keys = allSelectedList.value || []
  1499. if (keys.length <= 0) {
  1500. window?.$message?.warning('请先选择节点')
  1501. } else {
  1502. //发起请求
  1503. addNodeLoading.value = true
  1504. const primaryKeyId = nodeDataInfo.value?.primaryKeyId || ''
  1505. const { error, code } = await wbsApi.saveContractTreeNode({
  1506. projectId: projectId.value,
  1507. contractId: contractId.value,
  1508. saveType: addTreeNodeType.value,
  1509. allSelectedList: allSelectedList.value,
  1510. halfSelectedList: halfSelectedList.value,
  1511. currentNodePrimaryKeyId: primaryKeyId,
  1512. })
  1513. //判断状态
  1514. addNodeLoading.value = false
  1515. if (!error && code === 200) {
  1516. window?.$message?.success('新增成功')
  1517. addNodeModal.value = false
  1518. window?.location?.reload() //刷新页面
  1519. }
  1520. }
  1521. }
  1522. //删除节点
  1523. const delModalClick = () => {
  1524. delMessageV2(async (action, instance, done) => {
  1525. if (action === 'confirm') {
  1526. instance.confirmButtonLoading = true
  1527. removeContractTreeNode()
  1528. instance.confirmButtonLoading = false
  1529. done()
  1530. } else {
  1531. done()
  1532. }
  1533. })
  1534. }
  1535. const removeContractTreeNode = async () => {
  1536. const loadingInstance = window.$loading.service({
  1537. fullscreen: true,
  1538. text: '删除节点中,请耐心等待...',
  1539. background: 'rgba(0, 0, 0, 0.7)',
  1540. })
  1541. const { error, code } = await wbsApi.removeContractTreeNode({
  1542. ids: nodeDataInfo.value?.primaryKeyId || '',
  1543. })
  1544. //处理结果
  1545. loadingInstance.close()
  1546. if (!error && code === 200) {
  1547. window?.$message?.success('删除成功')
  1548. window?.location?.reload() //刷新页面
  1549. }
  1550. }
  1551. //调整排序
  1552. const sortNodeModal = ref(false)
  1553. const sortNodeLoading = ref(false)
  1554. const sortNodeData = ref([])
  1555. const sortNodeDrag = ref(false)
  1556. //向下
  1557. const downSortClick = (index) => {
  1558. const indexs = index + 1
  1559. const data = sortNodeData.value || []
  1560. if (indexs !== data.length) {
  1561. const tmp = data.splice(indexs, 1)
  1562. sortNodeData.value.splice(index, 0, tmp[0])
  1563. } else {
  1564. window?.$message?.warning('已经处于置底,无法下移')
  1565. }
  1566. }
  1567. //向上
  1568. const upSortClick = (index) => {
  1569. const data = sortNodeData.value || []
  1570. if (index !== 0) {
  1571. const tmp = data.splice(index - 1, 1)
  1572. sortNodeData.value.splice(index, 0, tmp[0])
  1573. } else {
  1574. window?.$message?.warning('已经处于置顶,无法上移')
  1575. }
  1576. }
  1577. //确认排序
  1578. const sortNodeClick = async () => {
  1579. const sortList = []
  1580. const nodes = sortNodeData.value || []
  1581. nodes.forEach(item => {
  1582. sortList.push(item?.id)
  1583. })
  1584. //发起请求
  1585. sortNodeLoading.value = true
  1586. const { error, code } = await wbsApi.diySortTreeNode({ sortList })
  1587. sortNodeLoading.value = false
  1588. //判断状态
  1589. if (!error && code === 200) {
  1590. window?.$message?.success('保存成功')
  1591. sortNodeModal.value = false
  1592. window?.location?.reload() //刷新页面
  1593. }
  1594. }
  1595. //查看图纸
  1596. const drawingsShow = ref(false)
  1597. const viewsDrawings = () => {
  1598. const { primaryKeyId, fileUrl } = nodeDataInfo.value
  1599. if (!primaryKeyId) {
  1600. window?.$message?.warning('请先选择树节点')
  1601. } else if (!fileUrl) {
  1602. window?.$message?.warning('该节点暂未上传图纸')
  1603. } else {
  1604. drawingsShow.value = true
  1605. }
  1606. }
  1607. const drawingsClose = (res) => {
  1608. drawingsShow.value = res
  1609. }
  1610. //设置滚动条位置
  1611. const ListItemScrollRef = ref(null)
  1612. const ListItemOffsetTop = (offsetTop) => {
  1613. if (offsetTop > 0) {
  1614. setTimeout(() => {
  1615. ListItemScrollRef.value?.setScrollTop(offsetTop)
  1616. }, 350)
  1617. } else {
  1618. ListItemScrollRef.value?.setScrollTop(offsetTop)
  1619. }
  1620. }
  1621. //获取数据列表
  1622. const ListItemDatas = ref([])
  1623. const ListItemLoading = ref(false)
  1624. const searchNodeAllTable = async () => {
  1625. ListItemDatas.value = []
  1626. const info = nodeDataInfo.value
  1627. ListItemLoading.value = true
  1628. const { error, code, data } = await wbsApi.searchNodeAllTable({
  1629. projectId: projectId.value,
  1630. contractId: contractId.value,
  1631. primaryKeyId: info['primaryKeyId'],
  1632. type: authBtnTabKey.value,
  1633. })
  1634. //处理数据
  1635. ListItemLoading.value = false
  1636. if (!error && code === 200) {
  1637. ListItemDatas.value = getArrValue(data)
  1638. } else {
  1639. ListItemDatas.value = []
  1640. }
  1641. }
  1642. const newlistdata = ref([])
  1643. const searchNodeAllTable1 = async () => {
  1644. console.log('重新获取表单列表')
  1645. const info = nodeDataInfo.value
  1646. const { error, code, data } = await wbsApi.searchNodeAllTable({
  1647. projectId: projectId.value,
  1648. contractId: contractId.value,
  1649. primaryKeyId: info['primaryKeyId'],
  1650. type: authBtnTabKey.value,
  1651. })
  1652. //处理数据
  1653. if (!error && code === 200) {
  1654. newlistdata.value = getArrValue(data)
  1655. } else {
  1656. newlistdata.value = []
  1657. }
  1658. }
  1659. //查询状态
  1660. const NodeStatus = ref('1')
  1661. const queryNodeStatus = async () => {
  1662. const info = nodeDataInfo.value
  1663. if (contractInfo.value?.contractType == 1) {
  1664. const { error, code, data } = await wbsApi.queryNodeStatus({
  1665. primaryKeyId: info['primaryKeyId'],
  1666. //classify:1
  1667. classify: authBtnTabKey.value,
  1668. })
  1669. //1 未填报,2待上报,3已上报
  1670. if (!error && code === 200) {
  1671. NodeStatus.value = data ?? '1'
  1672. } else {
  1673. NodeStatus.value = '1'
  1674. }
  1675. } else {
  1676. const { error, code, data } = await wbsApi.queryNodeStatusJl({
  1677. // primaryKeyId: info['contractIdRelation'] ? info['id'] : info['primaryKeyId'],
  1678. primaryKeyId: info['primaryKeyId'],
  1679. //classify: 1
  1680. classify: authBtnTabKey.value,
  1681. })
  1682. //1 未填报,2待上报,3已上报
  1683. if (!error && code === 200) {
  1684. NodeStatus.value = data ?? '1'
  1685. } else {
  1686. NodeStatus.value = '1'
  1687. }
  1688. }
  1689. }
  1690. //批量上报
  1691. const reportIds = ref('')
  1692. const reportTaskName = ref('')
  1693. const reportAddition = ref({})
  1694. const showReportModal = ref(false)
  1695. const reportLoading = ref(false)
  1696. const reportTypeData = ref([])
  1697. const reportModalClick = async () => {
  1698. const info = nodeDataInfo.value
  1699. const rows = ListItemDatas.value
  1700. if (rows.length > 0) {
  1701. reportLoading.value = true
  1702. const taskCheck = await eVisaTaskCheckApi({
  1703. projectId: projectId.value,
  1704. contractId: contractInfo.value?.contractType == 2 ? info?.contractIdRelation : contractId.value,
  1705. // contractId: contractId.value
  1706. })
  1707. //处理数据
  1708. let newArr = []
  1709. for (let i = 0; i < rows.length; i++) {
  1710. newArr.push(rows[i]['isTypePrivatePid'])
  1711. }
  1712. reportTypeData.value = newArr
  1713. reportLoading.value = false
  1714. if (taskCheck) {
  1715. //初始弹出弹窗,防呆
  1716. reportIds.value = info['primaryKeyId']
  1717. reportAddition.value = {
  1718. classify: authBtnTabKey.value,
  1719. contractIdRelation: info['contractIdRelation'],
  1720. }
  1721. showReportModal.value = true
  1722. //请求文件题名
  1723. const { data } = await wbsApi.queryDocumentTitle({
  1724. primaryKeyId: info['primaryKeyId'],
  1725. classify: authBtnTabKey.value,
  1726. })
  1727. reportTaskName.value = isString(data) ? data : ''
  1728. }
  1729. } else {
  1730. window.$message?.warning('暂无相关数据')
  1731. }
  1732. }
  1733. //上报完成
  1734. const showReportFinish = () => {
  1735. showReportModal.value = false
  1736. getTableDataAll()
  1737. // window?.location?.reload() //刷新页面
  1738. }
  1739. //表单变量
  1740. const ListItemRef = ref(null)
  1741. const ListItemsRef = ref(null)
  1742. //保存
  1743. const tableFormSaveLoading = ref(false)
  1744. const tableFormSaveClick = async () => {
  1745. //获取数据
  1746. let FormData = [], FormRegExpJson = {}
  1747. if (isDrawer.value) {
  1748. FormData = await ListItemsRef.value?.getFormData()
  1749. FormRegExpJson = await ListItemsRef.value?.getFormRegExpJson()
  1750. } else {
  1751. FormData = await ListItemRef.value?.getFormData()
  1752. FormRegExpJson = await ListItemRef.value?.getFormRegExpJson()
  1753. }
  1754. //效验数据
  1755. if (getObjVal(FormRegExpJson)) {
  1756. setFormRegExpJson(FormRegExpJson)
  1757. } else if (FormData.length > 0) {
  1758. console.log('保存')
  1759. tableFormSaveLoading.value = true
  1760. console.log('FormData', FormData)
  1761. const { error, code } = await wbsApi.saveExcelBussData({
  1762. dataInfo: { orderList: FormData },
  1763. })
  1764. tableFormSaveLoading.value = false
  1765. if (!error && code === 200) {
  1766. window?.$message?.success('保存成功')
  1767. // await bussPdfsClick()
  1768. const activeKey = ListItemRef.value?.getActiveKey()
  1769. getTableDataAll(activeKey)
  1770. }
  1771. } else {
  1772. console.log('预览')
  1773. // await bussPdfsClick()
  1774. }
  1775. }
  1776. //效验数据
  1777. const setFormRegExpJson = (FormRegExpJson) => {
  1778. let nodeName = '', itemId = ''
  1779. Object.keys(FormRegExpJson).forEach(key => {
  1780. const name = FormRegExpJson[key]?.nodeName ?? ''
  1781. if (name) {
  1782. if (nodeName) {
  1783. nodeName += ',' + name
  1784. } else {
  1785. nodeName = name
  1786. itemId = FormRegExpJson[key]?.itemId
  1787. }
  1788. }
  1789. })
  1790. //const activeKey = ListItemRef.value?.getActiveKey()
  1791. //弹出提示
  1792. const val = '<div style="font-size: 16px;">请先完善 <span style="color:#1ECC95;">' + nodeName + '</span> 的数据内容</div>'
  1793. window?.$messageBox?.alert(val, '表单完善提醒', {
  1794. confirmButtonText: '确定',
  1795. dangerouslyUseHTMLString: true,
  1796. callback: (action) => {
  1797. if (action === 'confirm') {
  1798. ListItemRef.value?.setActiveKey(itemId)
  1799. ListItemOffsetTop(0)
  1800. setTimeout(() => {
  1801. const offsetTop = document.getElementById(itemId)?.offsetTop
  1802. ListItemOffsetTop(offsetTop)
  1803. }, 350)
  1804. }
  1805. },
  1806. })
  1807. }
  1808. //多表预览
  1809. const bussPdfsLoading = ref(false)
  1810. const bussPdfsClick = async () => {
  1811. const info = nodeDataInfo.value
  1812. bussPdfsLoading.value = true
  1813. const { error, code, data } = await wbsApi.getBussPdfs({
  1814. nodeId: info?.primaryKeyId || '',
  1815. classify: authBtnTabKey.value,
  1816. projectId: projectId.value,
  1817. // contractId: contractId.value
  1818. contractId: contractInfo.value?.contractType == 2 ? info?.contractIdRelation : contractId.value,
  1819. })
  1820. tableFormSaveLoading.value = false
  1821. bussPdfsLoading.value = false
  1822. if (!error && code === 200) {
  1823. window.open(data, '_blank')
  1824. } else {
  1825. window.$message?.warning('获取PDF失败')
  1826. }
  1827. }
  1828. //撤回上报流程
  1829. const abolishLoaing = ref(false)
  1830. const abolishOneClick = () => {
  1831. window?.$messageBox?.alert('请谨慎考虑后,是否确定撤回?', '撤回上报', {
  1832. showCancelButton: true,
  1833. confirmButtonText: '确定撤回',
  1834. cancelButtonText: '取消',
  1835. callback: (action) => {
  1836. if (action === 'confirm') {
  1837. abolishOneSave()
  1838. }
  1839. },
  1840. })
  1841. }
  1842. //撤回请求
  1843. const abolishOneSave = async () => {
  1844. const info = nodeDataInfo.value
  1845. abolishLoaing.value = true
  1846. const { error, code } = await wbsApi.abolishOne({
  1847. primaryKeyId: info?.primaryKeyId || '',
  1848. classify: authBtnTabKey.value,
  1849. })
  1850. abolishLoaing.value = false
  1851. if (!error && code === 200) {
  1852. window.$message?.success('撤回成功')
  1853. getTableDataAll()
  1854. window?.location?.reload() //刷新页面
  1855. }
  1856. }
  1857. //附件列表
  1858. const attachmentModal = ref(false)
  1859. const attachmentModalShow = () => {
  1860. attachmentModal.value = true
  1861. getAttachmentList()
  1862. }
  1863. const attachmentListLoaing = ref(false)
  1864. const attachmentList = ref([])
  1865. const getAttachmentList = async ()=>{
  1866. attachmentListLoaing.value = true
  1867. const info = nodeDataInfo.value
  1868. const { error, code, data } = await wbsApi.tablesAndFile({
  1869. primaryKeyId: info?.primaryKeyId || '',
  1870. type: authBtnTabKey.value,
  1871. contractId:contractId.value,
  1872. projectId:projectId.value,
  1873. })
  1874. attachmentListLoaing.value = false
  1875. if (!error && code === 200) {
  1876. attachmentList.value = getArrValue(data)
  1877. } else {
  1878. attachmentList.value = []
  1879. }
  1880. }
  1881. //预览
  1882. const previewFile = (item)=>{
  1883. window.open(item['domainPdfUrl'], '_blank')
  1884. }
  1885. //删除
  1886. const delFile = async (item)=>{
  1887. item.loading = true
  1888. const { error, code } = await wbsApi.removeBussFile({
  1889. ids: item.id,
  1890. })
  1891. item.loading = false
  1892. if (!error && code === 200) {
  1893. window?.$message?.success('删除成功')
  1894. getAttachmentList()
  1895. getTableDataAll()
  1896. return true
  1897. } else {
  1898. return false
  1899. }
  1900. }
  1901. //划分变更
  1902. const divisionClick = () => {
  1903. router.push({
  1904. path: '/data-fill/division',
  1905. })
  1906. }
  1907. //树展开和收起
  1908. const isWbsTreeShow = ref(true)
  1909. const setWbsTreeShow = () => {
  1910. isWbsTreeShow.value = !isWbsTreeShow.value
  1911. }
  1912. //拷贝内容
  1913. const copyPositionText = (val) => {
  1914. if (val) {
  1915. //navigator.clipboard.writeText(val);
  1916. setCopyText(val).then(() => {
  1917. window.$message?.success('复制成功')
  1918. }).catch(() => {
  1919. window.$message?.error('复制失败,请手动复制')
  1920. })
  1921. } else {
  1922. window.$message?.warning('没有可复制的数据')
  1923. }
  1924. }
  1925. //左右拖动,改变树形结构宽度
  1926. const leftWidth = ref(382)
  1927. const isMouseTree = ref(false)
  1928. const onmousedown = () => {
  1929. const leftNum = isCollapse.value ? 142 : 272
  1930. isMouseTree.value = true
  1931. document.onmousemove = (ve) => {
  1932. let diffVal = ve.clientX - leftNum
  1933. if (diffVal >= 310 && diffVal <= 900) {
  1934. leftWidth.value = diffVal
  1935. }
  1936. }
  1937. document.onmouseup = () => {
  1938. document.onmousemove = null
  1939. document.onmouseup = null
  1940. isMouseTree.value = false
  1941. }
  1942. }
  1943. //同步质检资料
  1944. const syncdataloading = ref(false)
  1945. const syncdata = async ()=>{
  1946. ListItemRef.value?.setActiveKey('')
  1947. const info = nodeDataInfo.value
  1948. syncdataloading.value = true
  1949. const { error, code, msg } = await wbsApi.syncTbadata({
  1950. pKeyId: info?.primaryKeyId || '',
  1951. })
  1952. syncdataloading.value = false
  1953. if (!error && code === 200) {
  1954. window.$message?.success(msg)
  1955. getTableDataAll()
  1956. // window?.location?.reload() //刷新页面
  1957. }
  1958. }
  1959. //附件添加
  1960. const isCanadd = ref(true)
  1961. const uploadModal = ref(false)
  1962. const fileListData = ref([])
  1963. const uploadData = ref({})
  1964. const uploadModalClose = ()=>{
  1965. uploadModal.value = false
  1966. }
  1967. //获取附件添加列表
  1968. const getBussFileList = async (pkeyId) => {
  1969. const { error, code, data } = await wbsApi.selectTableFileListByTen({
  1970. pkeyid: pkeyId,
  1971. })
  1972. if (!error && code === 200) {
  1973. fileListData.value = getArrValue(data)
  1974. } else {
  1975. fileListData.value = []
  1976. }
  1977. }
  1978. const addFilelist = ()=>{
  1979. getBussFileList(primaryKeyId.value)
  1980. uploadModal.value = true
  1981. //上传的配置
  1982. uploadData.value = {
  1983. classify:authBtnTabKey.value,
  1984. nodeId: primaryKeyId.value,
  1985. }
  1986. }
  1987. //上传文件
  1988. const uploadChange = async ({ type }) => {
  1989. if (type === 'success') {
  1990. getBussFileList(primaryKeyId.value)
  1991. } else if (type === 'del') {
  1992. getBussFileList(primaryKeyId.value)
  1993. }
  1994. }
  1995. //树节点被选中
  1996. const treeSelectNode = ref([])
  1997. const ElTreeNodeCheck = (_, { checkedKeys }) => {
  1998. treeSelectNode.value = getArrValue(checkedKeys)
  1999. }
  2000. //批量保存
  2001. const nodeSaveLoading = ref(false)
  2002. const NodeSaveClick = async () => {
  2003. const keys = treeSelectNode.value
  2004. if (keys.length <= 0) {
  2005. window?.$message?.warning('请先在左侧项目树选择节点')
  2006. return
  2007. }
  2008. //发起请求
  2009. nodeSaveLoading.value = true
  2010. const { error, code } = await wbsApi.save_nodeId({
  2011. projectId: projectId.value,
  2012. contractId: contractId.value,
  2013. classify: authBtnTabKey.value,
  2014. nodeIds: keys.join(),
  2015. }, false)
  2016. nodeSaveLoading.value = false
  2017. if (!error && code === 200) {
  2018. window?.$message?.success('批量保存成功')
  2019. window?.location?.reload() //刷新页面
  2020. }
  2021. }
  2022. </script>
  2023. <style lang="scss" scoped>
  2024. @import "../../styles/data-fill/wbs.scss";
  2025. .hc-add-node-modal-foot-box {
  2026. position: relative;
  2027. display: flex;
  2028. align-items: center;
  2029. .left-box {
  2030. position: relative;
  2031. flex: 1;
  2032. display: flex;
  2033. align-items: center;
  2034. }
  2035. .right-box {
  2036. position: relative;
  2037. }
  2038. }
  2039. .hc-expansion-contraction-tree {
  2040. position: absolute;
  2041. left: -21px;
  2042. top: 0;
  2043. width: 18px;
  2044. height: 100%;
  2045. user-select: none;
  2046. cursor: pointer;
  2047. display: flex;
  2048. justify-content: center;
  2049. align-items: center;
  2050. color: #8c9099;
  2051. font-size: 22px;
  2052. border-radius: 5px;
  2053. transition: background 0.2s;
  2054. background: rgba(255, 255, 255, 0);
  2055. &:hover {
  2056. background: #f1f5f8;
  2057. color: var(--el-color-primary);
  2058. }
  2059. }
  2060. .hc-table-form-action-tip {
  2061. position: absolute;
  2062. bottom: 77px;
  2063. width: 100%;
  2064. }
  2065. html.theme-dark {
  2066. .bg-svg-xml {
  2067. background-color: initial;
  2068. background-image: initial;
  2069. }
  2070. .hc-layout-box .hc-layout-content-box .hc-card-max-h-box.node-tree .hc-tree-foot-tip-box {
  2071. border-top: 1px solid #303030;
  2072. }
  2073. }
  2074. </style>
  2075. <style lang="scss">
  2076. .hc-tree-box .el-tree-node {
  2077. .el-checkbox {
  2078. margin-right: 0;
  2079. .el-checkbox__inner {
  2080. display: none;
  2081. }
  2082. }
  2083. .is-leaf + .el-checkbox {
  2084. margin-right: 8px;
  2085. .el-checkbox__inner {
  2086. display: inline-block;
  2087. }
  2088. }
  2089. }
  2090. .data-fill-wbs-content {
  2091. position: relative;
  2092. height: 100%;
  2093. .n-drawer-container {
  2094. margin: -20px -24px;
  2095. }
  2096. .n-drawer.n-drawer--top-placement {
  2097. height: auto !important;
  2098. background-color: initial;
  2099. pointer-events: none;
  2100. bottom: 0;
  2101. }
  2102. .drawer-data-fill-content-box {
  2103. position: relative;
  2104. height: 100%;
  2105. padding: 24px;
  2106. .n-card {
  2107. pointer-events: auto;
  2108. height: 100%;
  2109. overflow: auto;
  2110. }
  2111. .data-fill-content {
  2112. position: relative;
  2113. height: 100%;
  2114. overflow-y: auto;
  2115. scroll-behavior: smooth;
  2116. .data-fill-list-box .data-fill-list-item-content {
  2117. height: calc(100vh - 470px);
  2118. .data-fill-table-form-box {
  2119. height: 100%;
  2120. }
  2121. }
  2122. }
  2123. .data-fill-foot {
  2124. position: relative;
  2125. text-align: center;
  2126. }
  2127. }
  2128. }
  2129. .n-card.hc-card-overflow-box .n-card__content {
  2130. padding: 24px;
  2131. }
  2132. .n-card.hc-custom-card > .n-card-header {
  2133. padding: 15px 24px;
  2134. }
  2135. .n-card.hc-custom-card.copy {
  2136. width: 1200px;
  2137. max-height: 90vh;
  2138. overflow: auto;
  2139. .n-card-header .n-card-header__close {
  2140. display: none;
  2141. }
  2142. &.one {
  2143. width: 600px;
  2144. }
  2145. &.many {
  2146. width: 1200px;
  2147. }
  2148. }
  2149. .img-preview-box {
  2150. position: relative;
  2151. height: 100%;
  2152. width: 100%;
  2153. }
  2154. .hc-layout-content-box {
  2155. position: relative;
  2156. }
  2157. .iscusor {
  2158. cursor: pointer;
  2159. }
  2160. .hc-table-form-action-tip .hc-alert {
  2161. background-color: #f1f5f8;
  2162. display: inline;
  2163. vertical-align: middle;
  2164. box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
  2165. }
  2166. .copy-node-form-box {
  2167. margin-top: 24px;
  2168. padding-top: 24px;
  2169. border-top: 1px solid #efeff5;
  2170. }
  2171. .hc-position-input-icon {
  2172. position: relative;
  2173. margin-bottom: 0;
  2174. .el-form-item__content {
  2175. position: relative;
  2176. .el-textarea .el-textarea__inner {
  2177. padding-right: 30px;
  2178. }
  2179. .hc-icon-i {
  2180. position: absolute;
  2181. right: 10px;
  2182. bottom: 0;
  2183. font-size: 20px;
  2184. cursor: pointer;
  2185. color: #0081ff;
  2186. opacity: 1;
  2187. transition: opacity 0.2s;
  2188. &:hover {
  2189. opacity: .5;
  2190. }
  2191. }
  2192. }
  2193. }
  2194. </style>