wbs.vue 79 KB

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