division.vue 84 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397
  1. <template>
  2. <div class="hc-page-layout-box">
  3. <div
  4. :style="`width:${leftWidth}px;`"
  5. class="hc-layout-left-box bg-white"
  6. >
  7. <div class="hc-project-box">
  8. <div class="hc-project-icon-box">
  9. <HcIcon name="stack" />
  10. </div>
  11. <div class="project-name-box ml-2">
  12. <div class="project-name">
  13. {{ projectInfo.projectName }}
  14. </div>
  15. </div>
  16. </div>
  17. <div
  18. v-loading="treeLoading"
  19. class="hc-tree-box"
  20. element-loading-text="加载中..."
  21. >
  22. <el-scrollbar>
  23. <HcLazyTree
  24. :auto-expand-keys="treeAutoExpandKeys"
  25. is-counts
  26. is-type
  27. :menus="ElTreeMenu"
  28. ui="page-division-tree"
  29. is-load-menu
  30. @load="treeLoadNode"
  31. @menu-tap="ElTreeMenuClick"
  32. @node-loading="treeNodeLoading"
  33. @node-tap="wbsElTreeClick"
  34. @load-menu="loadMenu"
  35. />
  36. </el-scrollbar>
  37. </div>
  38. <!-- 左右拖动 -->
  39. <div class="horizontal-drag-line" @mousedown="onmousedown" />
  40. </div>
  41. <div class="hc-page-content-box hc-division-page">
  42. <div class="basic-info">
  43. <HcNewCard title="当前节点基础信息">
  44. <template #extra>
  45. <el-checkbox
  46. v-model="treeItemInfo.isConcealedWorksNode"
  47. :false-value="0"
  48. :true-value="1"
  49. label="标记为隐蔽工程节点"
  50. size="large"
  51. @change="concealedChange"
  52. />
  53. </template>
  54. <HcTable
  55. :column="tableBasicColumn"
  56. :datas="tableBasicData"
  57. :is-index="false"
  58. is-new
  59. >
  60. <template #type="{ row }">
  61. {{ getRowType(row.type) }}
  62. </template>
  63. <template #majorDataType="{ row }">
  64. {{ getRowMajorType(row.majorDataType) }}
  65. </template>
  66. </HcTable>
  67. </HcNewCard>
  68. </div>
  69. <div class="project-info">
  70. <hc-new-card title="当前节点工程用表信息">
  71. <template #extra>
  72. <el-button
  73. hc-btn
  74. type="primary"
  75. @click="addingFormClick"
  76. >
  77. <HcIcon name="add" />
  78. <span>引用元素表</span>
  79. </el-button>
  80. </template>
  81. <HcTable
  82. :column="tableProjectColumn"
  83. :datas="tableProjectData"
  84. :is-index="false"
  85. is-new
  86. >
  87. <template #tableType="{ row }">
  88. {{ getRowTableType(row.tableType) }}
  89. </template>
  90. <template #tableOwner="{ row }">
  91. {{ getRowTableOwnerType(row.tableOwner) }}
  92. </template>
  93. <template #action="{ row }">
  94. <HcTooltip keys="wbs_views_delexcel">
  95. <el-button
  96. plain
  97. size="small"
  98. type="primary"
  99. @click="deltableexcel(row)"
  100. >
  101. <HcIcon name="delete-bin" />
  102. <span>删除</span>
  103. </el-button>
  104. </HcTooltip>
  105. </template>
  106. </HcTable>
  107. </hc-new-card>
  108. </div>
  109. <div class="footer-box bg-white">
  110. <!-- el-button hc-btn color="#A16222" @click="downloadXlsx">
  111. <HcIcon name="download-2" />
  112. <span>下载导入划分模板</span>
  113. </el-button>
  114. <el-button :disabled="!treePrimaryKeyId" hc-btn type="primary" @click="toImportTempClick">
  115. <HcIcon name="folder-upload" />
  116. <span>导入划分模板</span>
  117. </el-button -->
  118. <el-button hc-btn color="#e03997" @click="toBackClick">
  119. <HcIcon name="arrow-go-back" />
  120. <span>进入资料填报</span>
  121. </el-button>
  122. </div>
  123. </div>
  124. <!-- 编辑节点 -->
  125. <hc-new-dialog
  126. v-model="editNodeModal"
  127. :loading="editNodeLoading"
  128. title="编辑节点"
  129. widths="600px"
  130. @save="editNodeClick"
  131. >
  132. <el-form
  133. ref="formEditNodeRef"
  134. :model="formEditNodeModel"
  135. :rules="formEditNodeRules"
  136. label-width="auto"
  137. size="large"
  138. >
  139. <el-form-item label="节点名称" prop="title">
  140. <el-input
  141. v-model="formEditNodeModel.title"
  142. placeholder="请输入节点名称"
  143. />
  144. </el-form-item>
  145. <el-form-item label="上级节点">
  146. <el-input
  147. v-model="formEditNodeModel.parent.title"
  148. disabled
  149. />
  150. </el-form-item>
  151. <el-form-item label="节点类型">
  152. <el-select
  153. v-model="formEditNodeModel.nodeType"
  154. disabled
  155. block
  156. >
  157. <el-option
  158. v-for="item in nodeTypeData"
  159. :label="item.label"
  160. :value="item.value"
  161. />
  162. </el-select>
  163. </el-form-item>
  164. <el-form-item
  165. label="标准分类"
  166. prop="className"
  167. v-if="formEditNodeModel.notExsitChild"
  168. >
  169. <el-select
  170. v-model="formEditNodeModel.className"
  171. block
  172. @change="changeStandType"
  173. >
  174. <el-option
  175. v-for="item in standardTypeOptions"
  176. :key="item.value"
  177. :label="item.label"
  178. :value="item.value"
  179. />
  180. </el-select>
  181. </el-form-item>
  182. <el-form-item
  183. label="单元名称"
  184. prop="unitName"
  185. v-if="formEditNodeModel.notExsitChild"
  186. >
  187. <el-select v-model="formEditNodeModel.unitName" block>
  188. <el-option
  189. v-for="item in unitNameOptions"
  190. :key="item.value"
  191. :label="item.dictValue"
  192. :value="item.dictKey"
  193. />
  194. </el-select>
  195. </el-form-item>
  196. <el-row :gutter="24" v-if="formEditNodeModel.nodeClass === 2">
  197. <el-col :span="12">
  198. <el-form-item prop="unitNum" label="单元个数">
  199. <el-input-number
  200. v-model="formEditNodeModel.unitNum"
  201. placeholder="请输入单元个数"
  202. :controls="false"
  203. :min="0"
  204. :precision="0"
  205. class="w-100"
  206. />
  207. </el-form-item>
  208. </el-col>
  209. <el-col :span="12">
  210. <el-form-item prop="excellentNum" label="优良个数">
  211. <el-input-number
  212. v-model="formEditNodeModel.excellentNum"
  213. placeholder="请输入优良个数"
  214. :controls="false"
  215. :min="0"
  216. :precision="0"
  217. class="w-100"
  218. />
  219. </el-form-item>
  220. </el-col>
  221. </el-row>
  222. <el-form-item label="划分编号">
  223. <el-input
  224. v-model="formEditNodeModel.partitionCode"
  225. placeholder="请输入划分编号"
  226. />
  227. </el-form-item>
  228. </el-form>
  229. </hc-new-dialog>
  230. <!-- 复制节点 -->
  231. <hc-new-dialog
  232. v-model="copyNodeModal"
  233. :loading="copyNodeLoading"
  234. :widths="copyNodeTabKey === '1' ? '600px' : '1200px'"
  235. loading-text="复制节点中,请耐心等待..."
  236. title="复制节点"
  237. >
  238. <div class="header-new-switch">
  239. <el-form
  240. ref="formCopyNodeModelRef"
  241. :model="formCopyNodeModel"
  242. label-position="left"
  243. :rules="formCopyNodeModelRules"
  244. label-width="auto"
  245. size="large"
  246. >
  247. <el-form-item
  248. label="是否复制数据"
  249. prop="isCopyData"
  250. style="margin-bottom: 0"
  251. >
  252. <!-- <el-input v-model="formCopyNodeModel.classify" placeholder="请输入节点名称"/> -->
  253. <el-radio-group v-model="isCopyData">
  254. <el-radio :value="1">是</el-radio>
  255. <el-radio :value="0">否</el-radio>
  256. </el-radio-group>
  257. </el-form-item>
  258. <el-form-item
  259. v-if="isCopyData === 1"
  260. label="所属方"
  261. prop="classify"
  262. style="margin-bottom: 0"
  263. >
  264. <!-- <el-input v-model="formCopyNodeModel.classify" placeholder="请输入节点名称"/> -->
  265. <el-checkbox-group v-model="classifyList">
  266. <el-checkbox value="施工">施工</el-checkbox>
  267. <el-checkbox value="监理">监理</el-checkbox>
  268. </el-checkbox-group>
  269. </el-form-item>
  270. </el-form>
  271. <!-- HcNewSwitch :datas="authBtnTabdata" :keys="classifyType" :round="false" size="default"
  272. @change="classifyTypeTabClick"/ -->
  273. </div>
  274. <div v-if="copyNodeTabKey === '1'" class="copy-node-form-box">
  275. <el-form
  276. ref="formCopyNodeModelRef"
  277. :model="formCopyNodeModel"
  278. :rules="formCopyNodeModelRules"
  279. label-width="auto"
  280. size="large"
  281. >
  282. <el-form-item
  283. v-if="copyNodeTabKey === '1'"
  284. label="节点名称"
  285. prop="title"
  286. style="margin-bottom: 0"
  287. >
  288. <el-input
  289. v-model="formCopyNodeModel.title"
  290. placeholder="请输入节点名称"
  291. />
  292. </el-form-item>
  293. <el-form-item
  294. v-if="copyNodeTabKey === '1'"
  295. label="划分编号"
  296. prop="partitionCode"
  297. style="margin-top: 10px"
  298. >
  299. <el-input
  300. v-model="formCopyNodeModel.partitionCode"
  301. placeholder="请输入划分编号"
  302. />
  303. </el-form-item>
  304. </el-form>
  305. </div>
  306. <div v-if="copyNodeTabKey === '3'" class="copy-node-form-box">
  307. <el-form
  308. ref="formCopyNodeModelRef"
  309. :model="formCopyNodeModel"
  310. :rules="formCopyNodeModelRules"
  311. label-width="auto"
  312. size="large"
  313. >
  314. <el-form-item
  315. label="所属方"
  316. prop="classify"
  317. style="margin-bottom: 0"
  318. >
  319. <!-- <el-input v-model="formCopyNodeModel.classify" placeholder="请输入节点名称"/> -->
  320. <el-checkbox-group v-model="classifyList">
  321. <el-checkbox value="施工">施工</el-checkbox>
  322. <el-checkbox value="监理">监理</el-checkbox>
  323. </el-checkbox-group>
  324. </el-form-item>
  325. </el-form>
  326. </div>
  327. <div v-if="copyNodeTabKey !== '1'" class="copy-node-many-box">
  328. <div class="copy-node-many-tree">
  329. <el-scrollbar>
  330. <HcLazyTree
  331. :auto-expand-keys="TreeAutoExpandKeys"
  332. is-type
  333. @load="treeLoadNode"
  334. @node-tap="copyNodeElTreeClick"
  335. />
  336. </el-scrollbar>
  337. </div>
  338. <div class="copy-node-many-table">
  339. <el-scrollbar>
  340. <el-table :data="copyNodeTable" border>
  341. <el-table-column
  342. label="复制到的位置"
  343. prop="title"
  344. />
  345. <el-table-column
  346. v-if="copyNodeTabKey === '2'"
  347. label="节点名称"
  348. prop="nodeName"
  349. >
  350. <template #default="{ row }">
  351. <el-form
  352. ref="copyNodeTableRef"
  353. :model="row"
  354. :rules="copyNodeTableRules"
  355. label-width="0"
  356. size="large"
  357. >
  358. <el-form-item
  359. prop="nodeName"
  360. style="margin-bottom: 0"
  361. >
  362. <el-input
  363. v-model="row.nodeName"
  364. placeholder="请输入节点名称"
  365. />
  366. </el-form-item>
  367. </el-form>
  368. </template>
  369. </el-table-column>
  370. <el-table-column
  371. v-if="copyNodeTabKey === '2'"
  372. label="划分编号"
  373. prop="partitionCode"
  374. >
  375. <template #default="{ row }">
  376. <el-form
  377. ref="copyNodeTableRef"
  378. :model="row"
  379. :rules="copyNodeTableRules"
  380. label-width="0"
  381. size="large"
  382. >
  383. <el-form-item
  384. prop="partitionCode"
  385. style="margin-bottom: 0"
  386. >
  387. <el-input
  388. v-model="row.partitionCode"
  389. placeholder="请输入划分编号"
  390. />
  391. </el-form-item>
  392. </el-form>
  393. </template>
  394. </el-table-column>
  395. <el-table-column
  396. align="center"
  397. label="操作"
  398. prop="action"
  399. width="120"
  400. >
  401. <template #default="{ _, $index }">
  402. <el-button
  403. plain
  404. type="danger"
  405. @click="copyNodeTableDel($index)"
  406. >删除</el-button
  407. >
  408. </template>
  409. </el-table-column>
  410. </el-table>
  411. </el-scrollbar>
  412. </div>
  413. </div>
  414. <template #footer>
  415. <div class="lr-dialog-footer">
  416. <div class="left">
  417. <template
  418. v-for="(item, index) in copyNodeTab"
  419. :key="index"
  420. >
  421. <el-button
  422. v-if="item?.key === copyNodeTabKey"
  423. plain
  424. size="large"
  425. type="primary"
  426. @click="copyNodeTabChange(item?.key)"
  427. >
  428. {{ item.name }}
  429. </el-button>
  430. <el-button
  431. v-else
  432. bg
  433. size="large"
  434. text
  435. @click="copyNodeTabChange(item?.key)"
  436. >
  437. {{ item.name }}
  438. </el-button>
  439. </template>
  440. </div>
  441. <div class="right">
  442. <el-button
  443. :disabled="copyNodeLoading"
  444. size="large"
  445. @click="copyNodeModal = false"
  446. >取消</el-button
  447. >
  448. <el-button
  449. :loading="copyNodeLoading"
  450. hc-btn
  451. type="primary"
  452. @click="copyNodeClick"
  453. >提交</el-button
  454. >
  455. </div>
  456. </div>
  457. </template>
  458. </hc-new-dialog>
  459. <!-- 新增子节点 -->
  460. <hc-new-dialog
  461. v-model="addNodeModal"
  462. :loading="addNodeLoading"
  463. loading-text="新增节点中,请耐心等待..."
  464. title="新增子节点"
  465. widths="720px"
  466. is-table
  467. >
  468. <el-alert
  469. :closable="false"
  470. title="双击节点,可编辑节点名称,编辑完成后,请按回车或输入框消失后,再点提交"
  471. type="warning"
  472. />
  473. <HcTreeNode
  474. v-if="addTreeNodeType === '1'"
  475. :node-id="addTreeNodeId"
  476. :old-id="addTreeNodeOldId"
  477. :contract-id="contractId"
  478. :project-id="projectId"
  479. :is-custom="isCustom"
  480. @check-change="addTreeNodeCheckChange"
  481. />
  482. <HcTreeNode
  483. v-if="addTreeNodeType === '2'"
  484. :node-id="addTreeNodeId"
  485. :old-id="addTreeNodeOldId"
  486. :contract-id="contractId"
  487. :project-id="projectId"
  488. strictly
  489. :is-custom="isCustom"
  490. @check-change="addTreeNodeCheckChange"
  491. />
  492. <template #footer>
  493. <div class="lr-dialog-footer">
  494. <div class="left flex items-center">
  495. <div class="mr-4">选中方式:</div>
  496. <el-radio-group v-model="addTreeNodeType">
  497. <el-radio value="1">当前及子节点</el-radio>
  498. <el-radio class="ml-4" value="2"
  499. >仅当前节点</el-radio
  500. >
  501. </el-radio-group>
  502. </div>
  503. <div class="right">
  504. <el-button size="large" @click="addNodeModal = false"
  505. >取消</el-button
  506. >
  507. <el-button
  508. :loading="addNodeLoading"
  509. hc-btn
  510. type="primary"
  511. @click="addNodeClick"
  512. >提交</el-button
  513. >
  514. </div>
  515. </div>
  516. </template>
  517. </hc-new-dialog>
  518. <!-- 新增自定义节点 -->
  519. <hc-new-dialog
  520. v-model="addNodeModalCus"
  521. :loading="addNodeLoadingCus"
  522. loading-text="新增节点中,请耐心等待..."
  523. title="新增自定义节点(水利工程)"
  524. widths="720px"
  525. @save="addNodeClickCur"
  526. >
  527. <!-- <div>节点名称:</div>
  528. <el-input
  529. v-model="nodeNameinput"
  530. placeholder="请输入节点名称"
  531. size="large"
  532. style="margin-top: 15px"
  533. /> -->
  534. <el-form
  535. ref="formWaterNodeRef"
  536. :model="formWaterNodeModel"
  537. :rules="formWaterNodeRules"
  538. label-width="auto"
  539. size="large"
  540. label-position="left"
  541. >
  542. <el-form-item label="节点名称" prop="nodeName">
  543. <el-input
  544. v-model="formWaterNodeModel.nodeName"
  545. placeholder="请输入节点名称"
  546. />
  547. </el-form-item>
  548. <el-form-item label="节点类型" prop="nodeType">
  549. <el-select v-model="formWaterNodeModel.nodeType" block>
  550. <el-option
  551. v-for="item in nodeTypeData"
  552. :key="item.value"
  553. :label="item.label"
  554. :value="item.value"
  555. />
  556. </el-select>
  557. </el-form-item>
  558. </el-form>
  559. </hc-new-dialog>
  560. <!-- 新增自定义节点-数字化文件 -->
  561. <hc-new-dialog
  562. v-model="addNodeModalData"
  563. :loading="addNodeLoadingData"
  564. loading-text="新增节点中,请耐心等待..."
  565. title="新增自定义节点(数字化文件)"
  566. widths="720px"
  567. @save="addNodeClickData"
  568. >
  569. <el-form
  570. ref="formDataNodeRef"
  571. :model="formDataNodeModel"
  572. :rules="formDataNodeRules"
  573. label-width="auto"
  574. size="large"
  575. label-position="left"
  576. >
  577. <el-form-item label="节点名称" prop="nodeName">
  578. <el-input
  579. v-model="formDataNodeModel.nodeName"
  580. placeholder="请输入节点名称"
  581. />
  582. </el-form-item>
  583. <el-form-item label="节点类型" prop="nodeType">
  584. <el-select v-model="formDataNodeModel.nodeType" block>
  585. <el-option
  586. v-for="item in nodeTypeData"
  587. :key="item.value"
  588. :label="item.label"
  589. :value="item.value"
  590. />
  591. </el-select>
  592. </el-form-item>
  593. <el-form-item label="是否含单元评定" prop="isClassifition">
  594. <el-radio-group v-model="formDataNodeModel.isClassifition">
  595. <el-radio :value="1">是</el-radio>
  596. <el-radio :value="0">否</el-radio>
  597. </el-radio-group>
  598. </el-form-item>
  599. <el-row :gutter="24">
  600. <el-col :span="12">
  601. <el-form-item
  602. label="标准分类"
  603. prop="className"
  604. v-if="formDataNodeModel.isClassifition === 1"
  605. >
  606. <el-select
  607. v-model="formDataNodeModel.className"
  608. block
  609. @change="changeStandType"
  610. >
  611. <el-option
  612. v-for="item in standardTypeOptions"
  613. :key="item.value"
  614. :label="item.label"
  615. :value="item.value"
  616. />
  617. </el-select>
  618. </el-form-item>
  619. </el-col>
  620. <el-col :span="12">
  621. <el-form-item
  622. label="单元名称"
  623. prop="unitName"
  624. v-if="formDataNodeModel.isClassifition === 1"
  625. >
  626. <el-select
  627. v-model="formDataNodeModel.unitName"
  628. block
  629. >
  630. <el-option
  631. v-for="item in unitNameOptions"
  632. :key="item.value"
  633. :label="item.dictValue"
  634. :value="item.dictKey"
  635. />
  636. </el-select>
  637. </el-form-item>
  638. </el-col>
  639. </el-row>
  640. <el-row :gutter="24">
  641. <el-col :span="12">
  642. <el-form-item
  643. prop="unitNum"
  644. label="单元个数"
  645. v-if="formDataNodeModel.isClassifition === 1"
  646. >
  647. <el-input-number
  648. v-model="formDataNodeModel.unitNum"
  649. placeholder="请输入单元个数"
  650. :controls="false"
  651. :min="0"
  652. :precision="0"
  653. class="w-100"
  654. />
  655. </el-form-item>
  656. </el-col>
  657. <el-col :span="12">
  658. <el-form-item
  659. prop="excellentNum"
  660. label="优良个数"
  661. v-if="formDataNodeModel.isClassifition === 1"
  662. >
  663. <el-input-number
  664. v-model="formDataNodeModel.excellentNum"
  665. placeholder="请输入优良个数"
  666. :controls="false"
  667. :min="0"
  668. :precision="0"
  669. class="w-100"
  670. />
  671. </el-form-item>
  672. </el-col>
  673. </el-row>
  674. </el-form>
  675. </hc-new-dialog>
  676. <!-- 调整排序 -->
  677. <hc-new-dialog
  678. v-model="sortNodeModal"
  679. :loading="sortNodeLoading"
  680. title="调整排序"
  681. widths="700px"
  682. @save="sortNodeClick"
  683. >
  684. <el-alert
  685. :closable="false"
  686. title="可拖动排序,也可在后面点击图标,切换排序"
  687. type="warning"
  688. />
  689. <div class="sort-node-body-box list-group header">
  690. <div class="list-group-item">
  691. <div class="index-box">序号</div>
  692. <div class="title-box">节点名称</div>
  693. <div class="icon-box">排序</div>
  694. </div>
  695. </div>
  696. <Draggable
  697. :list="sortNodeData"
  698. class="sort-node-body-box list-group"
  699. ghost-class="ghost"
  700. item-key="id"
  701. @end="sortNodeDrag = false"
  702. @start="sortNodeDrag = true"
  703. >
  704. <template #item="{ element, index }">
  705. <div class="list-group-item">
  706. <div class="index-box">{{ index + 1 }}</div>
  707. <div class="title-box">{{ element.title }}</div>
  708. <div class="icon-box">
  709. <span class="icon" @click="downSortClick(index)">
  710. <HcIcon name="arrow-down" ui="text-lg" />
  711. </span>
  712. <span class="icon" @click="upSortClick(index)">
  713. <HcIcon name="arrow-up" ui="text-lg" />
  714. </span>
  715. </div>
  716. </div>
  717. </template>
  718. </Draggable>
  719. </hc-new-dialog>
  720. <!-- 导入划分模板 -->
  721. <hc-new-dialog
  722. v-model="importTempModal"
  723. title="导入划分模板"
  724. ui="hc-modal-table"
  725. widths="84%"
  726. >
  727. <div class="hc-import-temp-box">
  728. <!-- div class="hc-choose-type-box">
  729. <div class="text-title text-orange">请选择需要导入的工程类别:</div>
  730. <div class="hc-type-box">
  731. <el-radio-group v-model="importRadio" size="large">
  732. <el-radio v-for="item in importRadioData" :label="item.key">{{item.name}}</el-radio>
  733. </el-radio-group>
  734. </div>
  735. </div -->
  736. <div
  737. v-loading="uploadLoading"
  738. class="hc-import-node-tree-box"
  739. element-loading-text="Loading..."
  740. >
  741. <div class="import-node-tree-box">
  742. <div class="hc-tree-title-box">导入并识别成功</div>
  743. <div class="hc-tree-bar-box">
  744. <el-scrollbar>
  745. <HcTreeData :datas="matchedData" />
  746. </el-scrollbar>
  747. </div>
  748. </div>
  749. <div class="import-node-tree-box">
  750. <div class="hc-tree-title-box">
  751. 未被系统识别:手动关联
  752. </div>
  753. <div class="hc-tree-bar-box">
  754. <el-scrollbar>
  755. <HcTreeData1
  756. :datas="unmatchedData"
  757. @relation-tap="unmatchedTreeTap"
  758. />
  759. </el-scrollbar>
  760. </div>
  761. </div>
  762. </div>
  763. </div>
  764. <template #footer>
  765. <div class="lr-dialog-footer">
  766. <div class="left">
  767. <HcUpload
  768. ref="uploadRef"
  769. :contract-id="contractId"
  770. :is-splicing-number="isSplicingNumber"
  771. :primary-key-id="treePrimaryKeyId"
  772. :type="importRadio"
  773. @change="uploadChange"
  774. @finished="uploadFinished"
  775. @progress="uploadprogress"
  776. />
  777. </div>
  778. <div class="right flex">
  779. <div class="mr-6">
  780. <span class="text-grey">是否拼接划分编号:</span>
  781. <el-switch
  782. v-model="isSplicingNumber"
  783. :active-value="1"
  784. :inactive-value="0"
  785. active-text="是"
  786. inactive-text="否"
  787. inline-prompt
  788. size="large"
  789. />
  790. </div>
  791. <el-button size="large" @click="importTempModalClose">
  792. <HcIcon name="close" />
  793. <span>取消</span>
  794. </el-button>
  795. <el-button
  796. :disabled="uploadLoading"
  797. :loading="uploadLoading"
  798. hc-btn
  799. type="primary"
  800. @click="importTempFolder"
  801. >
  802. <HcIcon name="folder-upload" />
  803. <span>导入模板</span>
  804. </el-button>
  805. </div>
  806. </div>
  807. </template>
  808. </hc-new-dialog>
  809. <!-- 替换并关联节点 -->
  810. <hc-new-dialog
  811. v-model="relationModal"
  812. :loading="relationLoading"
  813. save-text="确认关联"
  814. title="替换并关联节点"
  815. ui="hc-modal-table"
  816. widths="47rem"
  817. @save="relationSaveClick"
  818. >
  819. <el-scrollbar>
  820. <DivisionTree
  821. :datas="unmatchedTreeData"
  822. @node-tap="divisionTreeClick"
  823. />
  824. </el-scrollbar>
  825. </hc-new-dialog>
  826. <!-- 添加独立表单 -->
  827. <hc-new-dialog
  828. v-model="addingFormModal"
  829. :loading="addingFormLoading"
  830. :padding="false"
  831. is-table
  832. title="引用元素表"
  833. widths="84%"
  834. @close="addingFormClose"
  835. @save="addingFormSave"
  836. >
  837. <div class="adding-form-dialog-box">
  838. <div class="dialog-tree-box">
  839. <el-scrollbar>
  840. <ElTree
  841. ref="addingFormTreeRef"
  842. :load="addingFormTreeLoadNode"
  843. :props="addingFormTreeProps"
  844. accordion
  845. class="hc-tree-node"
  846. highlight-current
  847. lazy
  848. @node-click="addingFormTreeClick"
  849. />
  850. </el-scrollbar>
  851. </div>
  852. <div class="dialog-table-box">
  853. <div class="dialog-search">
  854. <el-autocomplete
  855. v-model="searchTreeTitle"
  856. :fetch-suggestions="querySearchTree"
  857. class="block"
  858. clearable
  859. node-key="primaryKeyId"
  860. placeholder="请输入关键词检索"
  861. value-key="title"
  862. @select="searchTreeSelect"
  863. />
  864. </div>
  865. <div class="dialog-table">
  866. <HcTable
  867. ref="dialogTableRef"
  868. :column="dialogTableColumn"
  869. :datas="dialogTableData"
  870. :loading="dialogTableLoading"
  871. is-new
  872. :index-style="{ width: 60 }"
  873. is-check
  874. :check-style="{ width: 29 }"
  875. @select="dialogTableSelect"
  876. @select-all="dialogTableSelectAll"
  877. />
  878. </div>
  879. <div class="dialog-pages">
  880. <HcPages
  881. :pages="searchFormPage"
  882. @change="searchFormPageChange"
  883. />
  884. </div>
  885. </div>
  886. </div>
  887. </hc-new-dialog>
  888. </div>
  889. </template>
  890. <script setup>
  891. import { nextTick, onActivated, onMounted, ref, watch } from "vue";
  892. import { useAppStore } from "~src/store";
  893. import { useRoute, useRouter } from "vue-router";
  894. import HcUpload from "./components/division/HcUpload.vue";
  895. import HcTreeData from "./components/division/HcTreeData.vue";
  896. import HcTreeData1 from "./components/division/HcTreeData1.vue";
  897. import DivisionTree from "./components/division/DivisionTree.vue";
  898. import HcTreeNode from "./components/HcTreeNode.vue";
  899. import {
  900. arrDelKey,
  901. arrIndex,
  902. arrToId,
  903. deepClone,
  904. formValidate,
  905. getArrValue,
  906. getObjValue,
  907. } from "js-fast-way";
  908. import { getStoreValue, setStoreValue } from "~src/utils/storage";
  909. import { getDictionary } from "~api/other";
  910. import wbsApi from "~api/data-fill/wbs";
  911. import queryApi from "~api/data-fill/query";
  912. import divisionApi from "~api/data-fill/division";
  913. import Draggable from "vuedraggable";
  914. import { HcDelMsg } from "hc-vue3-ui";
  915. import { getChildList } from "~api/other";
  916. import { getDictionaryData } from "~uti/tools";
  917. //初始变量
  918. const router = useRouter();
  919. const useRoutes = useRoute();
  920. const useAppState = useAppStore();
  921. //全局变量
  922. const projectId = ref(useAppState.getProjectId);
  923. const contractId = ref(useAppState.getContractId);
  924. const projectInfo = ref(useAppState.getProjectInfo);
  925. const isCollapse = ref(useAppState.getCollapse);
  926. const contractInfo = ref(useAppState.getContractInfo);
  927. const { contractType } = contractInfo.value;
  928. const classifyType = ref(contractType === 2 ? "2" : "1");
  929. //监听
  930. watch(
  931. () => [useAppState.getCollapse],
  932. ([Collapse]) => {
  933. isCollapse.value = Collapse;
  934. }
  935. );
  936. //自动展开缓存
  937. const treeAutoExpandKeys = ref(getStoreValue("wbsTreeExpandKeys") || []);
  938. //自动展开缓存
  939. const TreeAutoExpandKeys = ref(getStoreValue("wbsTreeExpandKeys") || []);
  940. //渲染完成
  941. onMounted(() => {
  942. //setElTreeMenu()
  943. getWbsNodeTypeApi();
  944. getMajorDataTypeApi();
  945. getWbsNodeTableTypeApi();
  946. getTableOwnerTypeApi();
  947. getStandardTypeOptions();
  948. });
  949. //缓存被激活时
  950. onActivated(() => {
  951. searchNodeAllTableApi(treeItemInfo.value["primaryKeyId"]); //重新获取引用表格数据
  952. });
  953. const treeLoading = ref(true);
  954. const treeNodeLoading = () => {
  955. treeLoading.value = false;
  956. };
  957. //获取节点类型
  958. const nodeTypeData = ref([]);
  959. const getWbsNodeTypeApi = async () => {
  960. const { data } = await getDictionary({
  961. code: "wbs_node_type",
  962. });
  963. //处理数据
  964. let newArr = [];
  965. const newData = getArrValue(data);
  966. for (let i = 0; i < newData.length; i++) {
  967. newArr.push({
  968. label: newData[i]["dictValue"],
  969. value: Number(newData[i]["dictKey"]),
  970. });
  971. }
  972. nodeTypeData.value = newArr;
  973. };
  974. //获取类型名称
  975. const getRowType = (type) => {
  976. const nodeData = nodeTypeData.value;
  977. const index = arrIndex(nodeData, "value", type);
  978. return nodeData[index]?.label ?? type;
  979. };
  980. //获取资料类型
  981. const majorDataTypeData = ref([]);
  982. const getMajorDataTypeApi = async () => {
  983. const { data } = await getDictionary({
  984. code: "major_data_type",
  985. });
  986. //处理数据
  987. majorDataTypeData.value = getArrValue(data);
  988. };
  989. //获取资料类型名称
  990. const getRowMajorType = (type) => {
  991. if (type) {
  992. const nodeData = majorDataTypeData.value;
  993. const index = arrIndex(nodeData, "dictKey", type);
  994. return nodeData[index]?.dictValue ?? type;
  995. }
  996. };
  997. //获取表类型数据
  998. const nodeTableTypeData = ref([]);
  999. const getWbsNodeTableTypeApi = async () => {
  1000. const { data } = await getDictionary({
  1001. code: "table_type",
  1002. });
  1003. nodeTableTypeData.value = getArrValue(data);
  1004. };
  1005. //获取表类型
  1006. const getRowTableType = (type) => {
  1007. if (type > 0) {
  1008. const nodeData = nodeTableTypeData.value;
  1009. const index = arrIndex(nodeData, "dictKey", type);
  1010. return nodeData[index]?.dictValue ?? type;
  1011. } else {
  1012. return "";
  1013. }
  1014. };
  1015. //获取表类型数据
  1016. const tableOwnerTypeData = ref([]);
  1017. const getTableOwnerTypeApi = async () => {
  1018. const { data } = await getDictionary({
  1019. code: "owner_type",
  1020. });
  1021. tableOwnerTypeData.value = getArrValue(data);
  1022. };
  1023. //获取表类型
  1024. const getRowTableOwnerType = (type) => {
  1025. if (type > 0) {
  1026. const nodeData = tableOwnerTypeData.value;
  1027. const index = arrIndex(nodeData, "dictKey", type);
  1028. return nodeData[index]?.dictValue ?? type;
  1029. } else {
  1030. return "";
  1031. }
  1032. };
  1033. //懒加载的数据
  1034. const treeLoadNode = async ({ node, item, level }, resolve) => {
  1035. let contractIdRelation = "",
  1036. parentId = "",
  1037. primaryKeyId = "";
  1038. if (level !== 0) {
  1039. const nodeData = getObjValue(item);
  1040. contractIdRelation = nodeData?.contractIdRelation || "";
  1041. parentId = contractIdRelation ? nodeData?.primaryKeyId : nodeData?.id;
  1042. primaryKeyId = nodeData?.id || "";
  1043. }
  1044. //获取数据
  1045. const { data } = await queryApi.queryWbsTreeData({
  1046. contractId: contractId.value || "",
  1047. contractIdRelation,
  1048. primaryKeyId,
  1049. parentId,
  1050. classifyType: classifyType.value,
  1051. tableOwner: classifyType.value,
  1052. });
  1053. resolve(getArrValue(data));
  1054. treeLoading.value = false;
  1055. };
  1056. //树被点击
  1057. const treeNodeInfo = ref({});
  1058. const treeItemInfo = ref({});
  1059. const treePrimaryKeyId = ref("");
  1060. const wbsElTreeClick = ({ node, data, keys }) => {
  1061. treeNodeInfo.value = node;
  1062. treeItemInfo.value = data;
  1063. tableBasicData.value = [data];
  1064. const { notExsitChild } = data;
  1065. setStoreValue("wbsTreeExpandKeys", keys);
  1066. treeAutoExpandKeys.value = keys || [];
  1067. if (node.level === 3) {
  1068. treePrimaryKeyId.value = data["primaryKeyId"];
  1069. } else {
  1070. treePrimaryKeyId.value = "";
  1071. }
  1072. if (node.level > 1) {
  1073. if (notExsitChild) {
  1074. searchNodeAllTableApi(data["primaryKeyId"]);
  1075. } else {
  1076. tableProjectData.value = [];
  1077. }
  1078. }
  1079. };
  1080. //当前节点基础信息
  1081. const tableBasicColumn = ref([
  1082. { key: "title", name: "节点名称" },
  1083. { key: "partitionCode", name: "划分编号" },
  1084. { key: "type", name: "节点类型" },
  1085. { key: "majorDataType", name: "资料类型" },
  1086. ]);
  1087. const tableBasicData = ref([]);
  1088. //标记为隐蔽工程节点
  1089. const concealedChange = async () => {
  1090. const { primaryKeyId, isConcealedWorksNode } = treeItemInfo.value;
  1091. if (primaryKeyId) {
  1092. const { error, code, msg } = await divisionApi.concealedWorksNnode(
  1093. {
  1094. pKeyId: primaryKeyId,
  1095. type: isConcealedWorksNode,
  1096. },
  1097. false
  1098. );
  1099. if (!error && code === 200) {
  1100. window?.$message?.success(msg);
  1101. } else {
  1102. window?.$message?.error(msg || "操作失败");
  1103. }
  1104. } else {
  1105. window?.$message?.warning("请先在左侧选择节点");
  1106. }
  1107. };
  1108. //当前节点工程用表信息
  1109. const tableProjectColumn = ref([
  1110. { key: "nodeName", name: "工程用表名称" },
  1111. { key: "tableType", name: "用表类型" },
  1112. { key: "tableOwner", name: "用表单位" },
  1113. { key: "fillRate", name: "填报完整率" },
  1114. { key: "action", name: "操作", width: 100 },
  1115. ]);
  1116. const tableProjectData = ref([]);
  1117. //获取数据
  1118. const searchNodeAllTableApi = async (pid) => {
  1119. const { error, code, data } = await wbsApi.searchNodeAllTable({
  1120. projectId: projectId.value,
  1121. contractId: contractId.value,
  1122. primaryKeyId: pid,
  1123. });
  1124. if (!error && code === 200) {
  1125. tableProjectData.value = getArrValue(data);
  1126. } else {
  1127. tableProjectData.value = [];
  1128. }
  1129. };
  1130. //树菜单配置
  1131. const ElTreeMenu = ref([
  1132. { icon: "add-circle", label: "新增节点", key: "add" },
  1133. { icon: "file-copy-2", label: "复制节点", key: "copy" },
  1134. { icon: "draft", label: "修改节点", key: "edit" },
  1135. { icon: "sort-asc", label: "调整排序", key: "sort" },
  1136. { icon: "delete-bin", label: "删除节点", key: "del" },
  1137. ]);
  1138. //树菜单被点击
  1139. const ElTreeMenuClick = async ({ key, node, data, keys }) => {
  1140. treeNodeInfo.value = node;
  1141. treeItemInfo.value = data;
  1142. setStoreValue("wbsTreeExpandKeys", keys);
  1143. TreeAutoExpandKeys.value = keys || [];
  1144. if (key === "add") {
  1145. isCustom.value = data?.isCustom;
  1146. addTreeNodeId.value = data?.primaryKeyId;
  1147. addTreeNodeOldId.value = data?.oldId;
  1148. addNodeLoading.value = false;
  1149. addNodeModal.value = true;
  1150. } else if (key === "add1") {
  1151. addTreeNodeId.value = data?.primaryKeyId;
  1152. addTreeNodeOldId.value = data?.oldId;
  1153. addNodeLoadingCus.value = false;
  1154. nodeNameinput.value = "";
  1155. addNodeModalCus.value = true;
  1156. } else if (key === "add2") {
  1157. addTreeNodeId.value = data?.primaryKeyId;
  1158. addTreeNodeOldId.value = data?.oldId;
  1159. addNodeLoadingCus.value = false;
  1160. addNodeModalData.value = true;
  1161. formDataNodeModel.value = {
  1162. nodeName: "",
  1163. nodeType: null,
  1164. isClassifition: 0,
  1165. className: "",
  1166. unitName: "",
  1167. unitNum: 1,
  1168. excellentNum: 1,
  1169. };
  1170. if (data?.isClassifition === 1) {
  1171. window.$message.warning("该节点下不能创建子节点");
  1172. } else {
  1173. addNodeModalData.value = true;
  1174. }
  1175. } else if (key === "copy") {
  1176. const parent = deepClone(node?.parent?.data || {});
  1177. formCopyNodeModel.value = { ...deepClone(data), parent: parent };
  1178. copyNodeTabKey.value = "1";
  1179. copyNodeTable.value = [];
  1180. copyNodeLoading.value = false;
  1181. copyNodeModal.value = true;
  1182. } else if (key === "edit") {
  1183. const parent = deepClone(node?.parent?.data || {});
  1184. formEditNodeModel.value = { ...deepClone(data), parent: parent };
  1185. changeStandType(formEditNodeModel.value?.className);
  1186. editNodeModal.value = true;
  1187. } else if (key === "sort") {
  1188. let nodes = [],
  1189. childNodes = [];
  1190. childNodes = node?.parent?.childNodes || [];
  1191. for (let i = 0; i < childNodes.length; i++) {
  1192. const res = childNodes[i]?.data;
  1193. nodes.push({
  1194. id: res?.primaryKeyId,
  1195. title: res?.title,
  1196. });
  1197. }
  1198. sortNodeData.value = nodes;
  1199. sortNodeModal.value = true;
  1200. } else if (key === "del") {
  1201. // delModalClick()
  1202. if (
  1203. data["colorStatus"] === 1 ||
  1204. data["colorStatus"] === 2 ||
  1205. data["colorStatus"] === null ||
  1206. data["colorStatus"] === -1
  1207. ) {
  1208. delModalClick();
  1209. } else {
  1210. window?.$message?.warning("该节点已存在上报数据,不允许删除");
  1211. }
  1212. }
  1213. };
  1214. const loadMenu = ({ node, item, level }, resolve) => {
  1215. ElTreeMenu.value = [
  1216. { icon: "add-circle", label: "新增节点", key: "add" },
  1217. { icon: "add-circle", label: "自定义节点(水利工程)", key: "add1" },
  1218. { icon: "add-circle", label: "自定义节点(数字化文件)", key: "add2" },
  1219. { icon: "file-copy-2", label: "复制节点", key: "copy" },
  1220. { icon: "draft", label: "修改节点", key: "edit" },
  1221. { icon: "sort-asc", label: "调整排序", key: "sort" },
  1222. { icon: "delete-bin", label: "删除节点", key: "del" },
  1223. ];
  1224. let menusArr = ElTreeMenu.value;
  1225. const { isCustomChild, notExsitChild } = item; //isCustomChild===1//代表子级是自定义节点
  1226. // const { isCustom } = item
  1227. // if (isCustom === 1 && isCustomChild === 0 && notExsitChild) {//无子级,显示两个按钮
  1228. // menusArr.unshift( { icon: 'add-circle', label: '新增自定义节点', key: 'add1' })
  1229. // resolve(menusArr)
  1230. // } else if (isCustom === 1 && isCustomChild === 1) {//自定义节点类型下如果有自定义节点,就不允许新增节点
  1231. // menusArr.unshift( { icon: 'add-circle', label: '新增自定义节点', key: 'add1' })
  1232. // let menusArr1 = arrDelKey(menusArr, 'label', '新增节点') // [{id:1}]
  1233. // resolve(menusArr1)
  1234. // } else if (isCustom === 1 && isCustomChild === 0 && !notExsitChild) { //自定义节点类型下如果有划分节点,就不允许新增自定义节点
  1235. // resolve(menusArr)
  1236. // } else if (level === 1) {
  1237. // menusArr = [ { icon: 'add-circle', label: '新增自定义节点', key: 'add1' }]
  1238. // resolve(menusArr)
  1239. // } else {
  1240. // resolve(menusArr)
  1241. // }
  1242. if (level === 1) {
  1243. menusArr = [
  1244. {
  1245. icon: "add-circle",
  1246. label: "自定义节点(水利工程)",
  1247. key: "add1",
  1248. },
  1249. {
  1250. icon: "add-circle",
  1251. label: "自定义节点(数字化文件)",
  1252. key: "add2",
  1253. },
  1254. ];
  1255. resolve(menusArr);
  1256. } else {
  1257. resolve(menusArr);
  1258. }
  1259. };
  1260. //编辑节点
  1261. const editNodeModal = ref(false);
  1262. const formEditNodeRef = ref(null);
  1263. const formEditNodeModel = ref({});
  1264. const formEditNodeRules = {
  1265. title: {
  1266. required: true,
  1267. trigger: "blur",
  1268. message: "请输入节点名称",
  1269. },
  1270. };
  1271. const editNodeLoading = ref(false);
  1272. //保存编辑节点数据
  1273. const editNodeClick = async () => {
  1274. const validate = await formValidate(formEditNodeRef.value);
  1275. if (validate) {
  1276. //发起请求
  1277. editNodeLoading.value = true;
  1278. const {
  1279. primaryKeyId,
  1280. title,
  1281. partitionCode,
  1282. className,
  1283. unitName,
  1284. excellentNum,
  1285. unitNum,
  1286. } = formEditNodeModel.value;
  1287. const { error, code, msg } = await wbsApi.wbsTreeUpdateNode({
  1288. nodeName: title || "",
  1289. pKeyId: primaryKeyId || "",
  1290. partitionCode: partitionCode || "",
  1291. className,
  1292. unitName,
  1293. unitNum,
  1294. excellentNum,
  1295. });
  1296. //处理数据
  1297. editNodeLoading.value = false;
  1298. if (!error && code === 200) {
  1299. window?.$message?.success("修改成功");
  1300. treeItemInfo.value["title"] = title || "";
  1301. treeItemInfo.value["partitionCode"] = partitionCode || "";
  1302. editNodeModal.value = false;
  1303. window?.location?.reload(); //刷新页面
  1304. } else {
  1305. window?.$message?.error(msg || "操作失败");
  1306. }
  1307. }
  1308. };
  1309. //复制节点
  1310. const copyNodeModal = ref(false);
  1311. //复制节点类型tab数据和相关处理
  1312. const copyNodeTabKey = ref("1");
  1313. const copyNodeTab = ref([
  1314. { key: "1", name: "单份复制" },
  1315. { key: "2", name: "多份复制" },
  1316. // {key: '3', name: '复制数据'}
  1317. ]);
  1318. const copyNodeTabChange = (key) => {
  1319. if (key !== copyNodeTabKey.value) {
  1320. copyNodeTabKey.value = key;
  1321. copyNodeTable.value = [];
  1322. copyNodeLoading.value = false;
  1323. }
  1324. };
  1325. //复制节点变量
  1326. const copyNodeLoading = ref(false);
  1327. const formCopyNodeModel = ref({});
  1328. const copyNodeTable = ref([]);
  1329. const classifyList = ref([]);
  1330. const isCopyData = ref(0);
  1331. //复制树被点击
  1332. //复制树被点击
  1333. const copyNodeElTreeClick = ({ data, node }) => {
  1334. const TabKey = copyNodeTabKey.value;
  1335. const { title, type, partitionCode } = formCopyNodeModel.value;
  1336. if (TabKey === "2") {
  1337. // setCopyNodeTable(data, title, partitionCode)
  1338. //1 单位工程,2 分部工程,3 子分部工程,4 分项工程, 5 子分项工程,6 工序
  1339. // //不能复制到本身节点下
  1340. // //只能往上一级点击,不能跨层级点击
  1341. // //已上报的工序节点不能点击选择
  1342. // //如果选择的是父级节点,那不能复制到子级节点
  1343. const { hasChildren } = data;
  1344. if (hasChildren === 0) {
  1345. if (
  1346. data["colorStatus"] === 2 ||
  1347. data["colorStatus"] == 1 ||
  1348. data["colorStatus"] === null ||
  1349. data["colorStatus"] === -1
  1350. ) {
  1351. //已上报的工序不能点击
  1352. if (data["id"] !== formCopyNodeModel.value.id) {
  1353. //不能复制到本身节点下
  1354. //只能往上一级点击,不能跨层级点击
  1355. //如果选择的是父级节点,那不能复制到子级节点
  1356. if (
  1357. type === 6 &&
  1358. (data["type"] === 4 ||
  1359. data["type"] === 5 ||
  1360. data["type"] == 6)
  1361. ) {
  1362. setCopyNodeTable(data, title);
  1363. }
  1364. if (type === 5 && data["type"] === 4) {
  1365. setCopyNodeTable(data, title, partitionCode);
  1366. }
  1367. if (
  1368. type === 4 &&
  1369. (data["type"] === 2 || data["type"] === 3)
  1370. ) {
  1371. setCopyNodeTable(data, title, partitionCode);
  1372. }
  1373. if (type === 3 && data["type"] === 2) {
  1374. setCopyNodeTable(data, title, partitionCode);
  1375. }
  1376. if (type === 2 && data["type"] === 1) {
  1377. setCopyNodeTable(data, title, partitionCode);
  1378. }
  1379. if (type === 1 && data["type"] === 1) {
  1380. setCopyNodeTable(data, title, partitionCode);
  1381. }
  1382. }
  1383. } else {
  1384. window?.$message?.warning("该节点已存在上报数据,不允许复制");
  1385. }
  1386. } else {
  1387. if (data["id"] !== formCopyNodeModel.value.id) {
  1388. //不能复制到本身节点下
  1389. //只能往上一级点击,不能跨层级点击
  1390. //如果选择的是父级节点,那不能复制到子级节点
  1391. if (
  1392. type === 6 &&
  1393. (data["type"] === 4 ||
  1394. data["type"] === 5 ||
  1395. data["type"] == 6)
  1396. ) {
  1397. setCopyNodeTable(data, title);
  1398. }
  1399. if (type === 5 && data["type"] === 4) {
  1400. setCopyNodeTable(data, title, partitionCode);
  1401. }
  1402. if (type === 4 && (data["type"] === 2 || data["type"] === 3)) {
  1403. setCopyNodeTable(data, title, partitionCode);
  1404. }
  1405. if (type === 3 && data["type"] === 2) {
  1406. setCopyNodeTable(data, title, partitionCode);
  1407. }
  1408. if (type === 2 && data["type"] === 1) {
  1409. setCopyNodeTable(data, title, partitionCode);
  1410. }
  1411. if (type === 1 && data["type"] === 1) {
  1412. setCopyNodeTable(data, title, partitionCode);
  1413. }
  1414. }
  1415. }
  1416. } else if (TabKey === "3") {
  1417. console.log(1111111);
  1418. setCopyNodeTable(data, data?.title);
  1419. }
  1420. };
  1421. const setCopyNodeTable = (data, title) => {
  1422. copyNodeTable.value.push({
  1423. title: data?.title || "",
  1424. nodeName: title || "",
  1425. primaryKeyId: data?.primaryKeyId || "",
  1426. parentId: data?.parentId || "",
  1427. id: data?.id || "",
  1428. });
  1429. };
  1430. //节点表单
  1431. const formCopyNodeModelRef = ref(null);
  1432. const formCopyNodeModelRules = {
  1433. title: {
  1434. required: true,
  1435. trigger: "blur",
  1436. message: "请输入节点名称",
  1437. },
  1438. };
  1439. //表格节点表单
  1440. const copyNodeTableRef = ref(null);
  1441. const copyNodeTableRules = {
  1442. nodeName: {
  1443. required: true,
  1444. trigger: "blur",
  1445. message: "请输入节点名称",
  1446. },
  1447. };
  1448. //删除选中的节点
  1449. const copyNodeTableDel = (index) => {
  1450. copyNodeTable.value.splice(index, 1);
  1451. };
  1452. //复制节点
  1453. //复制节点
  1454. const copyNodeClick = async () => {
  1455. const type = copyNodeTabKey.value;
  1456. const form = formCopyNodeModel.value;
  1457. const table = copyNodeTable.value;
  1458. let classify = "";
  1459. let arr = [];
  1460. if (classifyList.value.length > 0) {
  1461. classifyList.value.forEach((item) => {
  1462. if (item === "施工") {
  1463. arr.push(1);
  1464. } else if (item === "监理") {
  1465. arr.push(2);
  1466. }
  1467. });
  1468. classify = arr.join(",");
  1469. }
  1470. //isSameNode 是否同节点 1=同节点,0=跨节点
  1471. if (table.length > 0) {
  1472. table.forEach((ele) => {
  1473. if (
  1474. ele.parentId === formCopyNodeModel.value.parentId ||
  1475. ele.id === formCopyNodeModel.value.parentId
  1476. ) {
  1477. ele.isSameNode = 1;
  1478. } else {
  1479. ele.isSameNode = 0;
  1480. }
  1481. });
  1482. }
  1483. if (isCopyData.value === 1) {
  1484. if (classify) {
  1485. //效验数据
  1486. if (type === "1") {
  1487. const validate = await formValidate(formCopyNodeModelRef.value);
  1488. if (validate)
  1489. await copyContractTreeNode(type, form, [], classify);
  1490. } else if (type === "2") {
  1491. if (table.length > 0) {
  1492. const validate = await formValidate(copyNodeTableRef.value);
  1493. if (validate)
  1494. await copyContractTreeNode(type, form, table, classify);
  1495. } else {
  1496. window?.$message?.warning("请先在左侧选择要复制到的节点");
  1497. }
  1498. }
  1499. } else {
  1500. window?.$message?.warning("请选择所属方");
  1501. }
  1502. } else {
  1503. if (type === "1") {
  1504. const validate = await formValidate(formCopyNodeModelRef.value);
  1505. if (validate) await copyContractTreeNode(type, form, [], classify);
  1506. } else if (type === "2") {
  1507. if (table.length > 0) {
  1508. const validate = await formValidate(copyNodeTableRef.value);
  1509. if (validate)
  1510. await copyContractTreeNode(type, form, table, classify);
  1511. } else {
  1512. window?.$message?.warning("请先在左侧选择要复制到的节点");
  1513. }
  1514. }
  1515. }
  1516. };
  1517. const copyContractTreeNode = async (type, form, table, classify) => {
  1518. copyNodeLoading.value = true;
  1519. if (type === "1") {
  1520. const { error, code, msg } = await wbsApi.copyContractTreeNode({
  1521. copyType: type,
  1522. needCopyNodeName: form?.title || "",
  1523. partitionCode: form?.partitionCode || "",
  1524. needCopyPrimaryKeyId: form?.primaryKeyId || "",
  1525. parentPrimaryKeyId: form?.parent?.primaryKeyId || "",
  1526. copyBatchToPaths: table,
  1527. classifyType: classify,
  1528. isCopyData: isCopyData.value,
  1529. });
  1530. //判断状态
  1531. copyNodeLoading.value = false;
  1532. if (!error && code === 200) {
  1533. window?.$message?.success("复制成功");
  1534. copyNodeModal.value = false;
  1535. window?.location?.reload(); //刷新页面
  1536. } else {
  1537. window?.$message?.error(msg || "操作失败");
  1538. }
  1539. } else {
  1540. const { error, code, msg } = await wbsApi.copyContractTreeNode({
  1541. copyType: type,
  1542. needCopyNodeName: form?.title || "",
  1543. needCopyPrimaryKeyId: form?.primaryKeyId || "",
  1544. parentPrimaryKeyId: form?.parent?.primaryKeyId || "",
  1545. copyBatchToPaths: table,
  1546. classifyType: classify,
  1547. isCopyData: isCopyData.value,
  1548. });
  1549. //判断状态
  1550. copyNodeLoading.value = false;
  1551. if (!error && code === 200) {
  1552. window?.$message?.success("复制成功");
  1553. copyNodeModal.value = false;
  1554. window?.location?.reload(); //刷新页面
  1555. } else {
  1556. window?.$message?.error(msg || "操作失败");
  1557. }
  1558. }
  1559. };
  1560. //复制数据
  1561. const copyContractNodeSubmitBusinessData = async (form, table, classify) => {
  1562. copyNodeLoading.value = true;
  1563. const { error, code, msg } =
  1564. await wbsApi.copyContractNodeSubmitBusinessData({
  1565. needCopyPrimaryKeyId: form?.primaryKeyId || "",
  1566. copyBatchToPaths: table,
  1567. classify: classify,
  1568. });
  1569. //判断状态
  1570. copyNodeLoading.value = false;
  1571. if (!error && code === 200) {
  1572. window?.$message?.success("复制成功");
  1573. copyNodeModal.value = false;
  1574. window?.location?.reload(); //刷新页面
  1575. } else {
  1576. window?.$message?.error(msg || "操作失败");
  1577. }
  1578. };
  1579. //新增节点
  1580. const addNodeModal = ref(false);
  1581. const addTreeNodeId = ref("");
  1582. const addTreeNodeOldId = ref("");
  1583. const addTreeNodeType = ref("1");
  1584. const isCustom = ref(null);
  1585. //新增自定义节点
  1586. const addNodeModalCus = ref(false);
  1587. const addNodeLoadingCus = ref(false);
  1588. const nodeNameinput = ref("");
  1589. const formWaterNodeRef = ref(null);
  1590. const formWaterNodeModel = ref({
  1591. nodeName: "",
  1592. nodeType: null,
  1593. });
  1594. const formWaterNodeRules = {
  1595. nodeName: {
  1596. required: true,
  1597. trigger: "blur",
  1598. message: "请输入节点名称",
  1599. },
  1600. nodeType: {
  1601. required: true,
  1602. trigger: "blur",
  1603. message: "请选择节点类型",
  1604. },
  1605. };
  1606. //选中的节点
  1607. const allSelectedList = ref([]);
  1608. const halfSelectedList = ref([]);
  1609. const addTreeNodeCheckChange = (nodes) => {
  1610. let NodesArr = [],
  1611. halfArr = [];
  1612. //全选数据
  1613. const keys = nodes.checkedNodes || [];
  1614. for (let i = 0; i < keys.length; i++) {
  1615. NodesArr.push({
  1616. nodeName: keys[i].nodeName,
  1617. primaryKeyId: keys[i].pKeyId,
  1618. isPeer: keys[i].isPeer || 2,
  1619. });
  1620. }
  1621. allSelectedList.value = NodesArr;
  1622. //半选数据
  1623. const halfNodes = nodes.halfCheckedNodes || [];
  1624. for (let i = 0; i < halfNodes.length; i++) {
  1625. halfArr.push({
  1626. nodeName: halfNodes[i].nodeName,
  1627. primaryKeyId: halfNodes[i].pKeyId,
  1628. isPeer: halfNodes[i].isPeer || 2,
  1629. });
  1630. }
  1631. halfSelectedList.value = halfArr;
  1632. };
  1633. //新增节点
  1634. const addNodeLoading = ref(false);
  1635. const addNodeClick = async () => {
  1636. const keys = allSelectedList.value || [];
  1637. if (keys.length <= 0) {
  1638. window?.$message?.warning("请先选择节点");
  1639. } else {
  1640. //发起请求
  1641. addNodeLoading.value = true;
  1642. const primaryKeyId = treeItemInfo.value?.primaryKeyId || "";
  1643. const { error, code, msg } = await wbsApi.saveContractTreeNode({
  1644. projectId: projectId.value,
  1645. contractId: contractId.value,
  1646. saveType: addTreeNodeType.value,
  1647. allSelectedList: allSelectedList.value,
  1648. halfSelectedList: halfSelectedList.value,
  1649. currentNodePrimaryKeyId: primaryKeyId,
  1650. });
  1651. //判断状态
  1652. addNodeLoading.value = false;
  1653. if (!error && code === 200) {
  1654. window?.$message?.success("新增成功");
  1655. addNodeModal.value = false;
  1656. window?.location?.reload(); //刷新页面
  1657. } else {
  1658. window?.$message?.error(msg || "操作失败");
  1659. }
  1660. }
  1661. };
  1662. const addNodeClickCur = async () => {
  1663. const validate = await formValidate(formWaterNodeRef.value);
  1664. if (!validate) return;
  1665. //发起请求
  1666. addNodeLoadingCus.value = true;
  1667. const { error, code, msg } = await wbsApi.saveCustomAddContractNode({
  1668. nodeName: formWaterNodeModel.value.nodeName,
  1669. nodeType: formWaterNodeModel.value?.nodeType || "",
  1670. partitionCode: treeItemInfo.value?.partitionCode || "",
  1671. primaryKeyId: treeItemInfo.value?.primaryKeyId || "",
  1672. nodeClass: 1, //1水利化工程,2数字化文件
  1673. });
  1674. //判断状态
  1675. addNodeLoadingCus.value = false;
  1676. if (!error && code === 200) {
  1677. window?.$message?.success("新增成功");
  1678. addNodeModalCus.value = false;
  1679. window?.location?.reload(); //刷新页面
  1680. } else {
  1681. window?.$message?.error(msg || "操作失败");
  1682. }
  1683. };
  1684. //新增自定义节点-数字化文件
  1685. const addNodeModalData = ref(false);
  1686. const addNodeLoadingData = ref(false);
  1687. const formDataNodeRef = ref(null);
  1688. const formDataNodeModel = ref({
  1689. nodeName: "",
  1690. nodeType: null,
  1691. isClassifition: 0,
  1692. className: "",
  1693. unitName: "",
  1694. unitNum: 1,
  1695. excellentNum: 1,
  1696. });
  1697. const standardTypeOptions = ref([]);
  1698. const getStandardTypeOptions = async () => {
  1699. const { data } = await getDictionary({
  1700. code: "classification",
  1701. });
  1702. standardTypeOptions.value = await getDictionaryData(
  1703. "classification",
  1704. false
  1705. );
  1706. standardTypeOptions.value.forEach((element) => {
  1707. // element.parentId=
  1708. data.forEach((ele) => {
  1709. if (ele.dictKey == element.value) {
  1710. element.id = ele.id;
  1711. }
  1712. });
  1713. });
  1714. // 定义要过滤的 dictKey 值
  1715. const targetKeys = [1, 2, 3, 4];
  1716. // 过滤数组
  1717. standardTypeOptions.value = standardTypeOptions.value.filter((item) =>
  1718. targetKeys.includes(item.value)
  1719. );
  1720. };
  1721. const unitNameOptions = ref([]);
  1722. const changeStandType = async (val) => {
  1723. formDataNodeModel.value.unitName = "";
  1724. let parentId = "";
  1725. standardTypeOptions.value.forEach((item) => {
  1726. if (item.value == val) {
  1727. parentId = item.id;
  1728. }
  1729. });
  1730. const { data } = await getChildList({ current: 1, size: 10000, parentId });
  1731. unitNameOptions.value = data;
  1732. unitNameOptions.value.forEach((ele) => {
  1733. ele.dictKey = Number(ele.dictKey);
  1734. });
  1735. };
  1736. const formDataNodeRules = {
  1737. nodeName: {
  1738. required: true,
  1739. trigger: "blur",
  1740. message: "请输入节点名称",
  1741. },
  1742. nodeType: {
  1743. required: true,
  1744. trigger: "blur",
  1745. message: "请选择节点类型",
  1746. },
  1747. isClassifition: {
  1748. required: true,
  1749. trigger: "blur",
  1750. message: "请选择是否含单元评定",
  1751. },
  1752. className: {
  1753. required: true,
  1754. trigger: "blur",
  1755. message: "请选择标准分类",
  1756. },
  1757. unitName: {
  1758. required: true,
  1759. trigger: "blur",
  1760. message: "请选择单位名称",
  1761. },
  1762. excellentNum: {
  1763. required: true,
  1764. trigger: "blur",
  1765. message: "请输入优良个数",
  1766. },
  1767. unitNum: {
  1768. required: true,
  1769. trigger: "blur",
  1770. message: "请输入单元个数",
  1771. },
  1772. };
  1773. const addNodeClickData = async () => {
  1774. const validate = await formValidate(formDataNodeRef.value);
  1775. if (!validate) return;
  1776. //发起请求
  1777. addNodeLoadingData.value = true;
  1778. const { error, code, msg } = await wbsApi.saveCustomAddContractNode({
  1779. nodeName: formDataNodeModel.value.nodeName,
  1780. nodeType: formDataNodeModel.value?.nodeType || "",
  1781. partitionCode: treeItemInfo.value?.partitionCode || "",
  1782. primaryKeyId: treeItemInfo.value?.primaryKeyId || "",
  1783. nodeClass: 2, //数字化文件
  1784. isClassifition: formDataNodeModel.value?.isClassifition || 0,
  1785. className: formDataNodeModel.value?.className || "",
  1786. unitName: Number(formDataNodeModel.value?.unitName) || "",
  1787. excellentNum: formDataNodeModel.value?.excellentNum || 0,
  1788. unitNum: formDataNodeModel.value?.unitNum || 0,
  1789. });
  1790. //判断状态
  1791. addNodeLoadingData.value = false;
  1792. if (!error && code === 200) {
  1793. window?.$message?.success("新增成功");
  1794. addNodeModalData.value = false;
  1795. window?.location?.reload(); //刷新页面
  1796. } else {
  1797. window?.$message?.error(msg);
  1798. }
  1799. };
  1800. //删除节点
  1801. const delModalClick = () => {
  1802. HcDelMsg(async (resolve) => {
  1803. await removeContractTreeNode();
  1804. resolve(); //关闭弹窗的回调
  1805. });
  1806. };
  1807. const removeContractTreeNode = async () => {
  1808. const loadingInstance = window.$loading.service({
  1809. fullscreen: true,
  1810. text: "删除节点中,请耐心等待...",
  1811. background: "rgba(0, 0, 0, 0.7)",
  1812. });
  1813. const { error, code, msg } = await wbsApi.removeContractTreeNode({
  1814. ids: treeItemInfo.value?.primaryKeyId || "",
  1815. });
  1816. loadingInstance.close();
  1817. if (!error && code === 200) {
  1818. window?.$message?.success("删除成功");
  1819. window?.location?.reload(); //刷新页面
  1820. } else {
  1821. window?.$message?.error(msg || "操作失败");
  1822. }
  1823. };
  1824. //调整排序
  1825. const sortNodeModal = ref(false);
  1826. const sortNodeLoading = ref(false);
  1827. const sortNodeData = ref([]);
  1828. const sortNodeDrag = ref(false);
  1829. //向下
  1830. const downSortClick = (index) => {
  1831. const indexs = index + 1;
  1832. const data = sortNodeData.value || [];
  1833. if (indexs !== data.length) {
  1834. const tmp = data.splice(indexs, 1);
  1835. sortNodeData.value.splice(index, 0, tmp[0]);
  1836. } else {
  1837. window?.$message?.warning("已经处于置底,无法下移");
  1838. }
  1839. };
  1840. //向上
  1841. const upSortClick = (index) => {
  1842. const data = sortNodeData.value || [];
  1843. if (index !== 0) {
  1844. const tmp = data.splice(index - 1, 1);
  1845. sortNodeData.value.splice(index, 0, tmp[0]);
  1846. } else {
  1847. window?.$message?.warning("已经处于置顶,无法上移");
  1848. }
  1849. };
  1850. //确认排序
  1851. const sortNodeClick = async () => {
  1852. const sortList = [];
  1853. const nodes = sortNodeData.value || [];
  1854. nodes.forEach((item) => {
  1855. sortList.push(item?.id);
  1856. });
  1857. //发起请求
  1858. sortNodeLoading.value = true;
  1859. const { error, code, msg } = await wbsApi.diySortTreeNode({ sortList });
  1860. sortNodeLoading.value = false;
  1861. //判断状态
  1862. if (!error && code === 200) {
  1863. window?.$message?.success("保存成功");
  1864. sortNodeModal.value = false;
  1865. window?.location?.reload(); //刷新页面
  1866. } else {
  1867. window?.$message?.error(msg || "操作失败");
  1868. }
  1869. };
  1870. //导入模板
  1871. const uploadRef = ref(null);
  1872. const importTempModal = ref(false);
  1873. const toImportTempClick = () => {
  1874. importTempModal.value = true;
  1875. getContractInfoTreeApi();
  1876. };
  1877. //导入类型
  1878. const importRadio = ref(1);
  1879. const importRadioData = ref([
  1880. { key: 1, name: "路基工程" },
  1881. { key: 2, name: "路面工程" },
  1882. { key: 3, name: "桥梁工程" },
  1883. { key: 4, name: "机电工程" },
  1884. { key: 5, name: "绿化工程" },
  1885. { key: 6, name: "隧道工程" },
  1886. { key: 7, name: "声屏障工程" },
  1887. { key: 8, name: "交通与安全工程" },
  1888. { key: 9, name: "特大斜拉桥、特大悬索桥" },
  1889. ]);
  1890. const isSplicingNumber = ref(0);
  1891. //上传文件被改变
  1892. const uploadFile = ref(null);
  1893. const uploadChange = (file) => {
  1894. uploadFile.value = file;
  1895. };
  1896. //上传中
  1897. const uploadLoading = ref(false);
  1898. const uploadprogress = (state) => {
  1899. console.log(state);
  1900. uploadLoading.value = state;
  1901. };
  1902. //上传完成
  1903. const matchedData = ref([]);
  1904. const unmatchedData = ref([]);
  1905. const uploadFinished = ({ type, data }) => {
  1906. uploadRef.value?.clearFiles();
  1907. if (type === "success") {
  1908. uploadFile.value = null;
  1909. window?.$message?.success("导入成功");
  1910. matchedData.value = getArrValue(data["matchedData"]);
  1911. unmatchedData.value = getArrValue(data["unmatchedData"]);
  1912. } else {
  1913. uploadFile.value = null;
  1914. matchedData.value = [];
  1915. unmatchedData.value = [];
  1916. }
  1917. };
  1918. //关闭导入弹窗
  1919. const importTempModalClose = () => {
  1920. uploadFile.value = null;
  1921. importTempModal.value = false;
  1922. };
  1923. //确认导入
  1924. const importTempFolder = () => {
  1925. if (uploadFile.value) {
  1926. uploadRef.value?.submit();
  1927. } else {
  1928. window?.$message?.warning("请先选择文件");
  1929. }
  1930. };
  1931. //关联被点击
  1932. const relationModal = ref(false);
  1933. const relationItemInfo = ref({});
  1934. const unmatchedTreeTap = ({ data }) => {
  1935. relationItemInfo.value = data;
  1936. relationModal.value = true;
  1937. };
  1938. //获取导入树
  1939. const unmatchedTreeData = ref([]);
  1940. const getContractInfoTreeApi = async () => {
  1941. const { error, code, data } = await divisionApi.getContractInfoTree({
  1942. projectId: projectId.value,
  1943. contractId: contractId.value,
  1944. wbsId: "",
  1945. });
  1946. //判断状态
  1947. if (!error && code === 200) {
  1948. unmatchedTreeData.value = getArrValue(data);
  1949. } else {
  1950. unmatchedTreeData.value = [];
  1951. }
  1952. };
  1953. //关联树
  1954. const divisionTreeItemInfo = ref({});
  1955. const divisionTreeClick = ({ data }) => {
  1956. divisionTreeItemInfo.value = data;
  1957. };
  1958. //确认关联
  1959. const relationLoading = ref(false);
  1960. const relationSaveClick = () => {
  1961. const item = relationItemInfo.value;
  1962. const info = divisionTreeItemInfo.value;
  1963. const primaryKeyId = info?.primaryKeyId ?? "";
  1964. if (!primaryKeyId) {
  1965. window?.$message?.warning("请先选择一个树节点");
  1966. } else {
  1967. setImportRelationApi({
  1968. pKeyIdOld: info?.primaryKeyId,
  1969. wbsTreeContractVO: {
  1970. ...item,
  1971. id: "",
  1972. },
  1973. });
  1974. }
  1975. };
  1976. const setImportRelationApi = async (form) => {
  1977. relationLoading.value = true;
  1978. const { error, code } = await divisionApi.setImportRelation(form);
  1979. relationLoading.value = false;
  1980. if (!error && code === 200) {
  1981. window.$message?.success("关联成功");
  1982. relationModal.value = false;
  1983. }
  1984. };
  1985. //下载模板
  1986. const downloadXlsx = () => {
  1987. window.open(
  1988. "https://blade-oss-chongqing.oss-cn-shenzhen.aliyuncs.com/upload/20221017/854463fdfdf90843e6783fbcb4d7d00c.xlsx",
  1989. "_blank"
  1990. );
  1991. };
  1992. //返回上页
  1993. const toBackClick = () => {
  1994. router.push({ path: "/data-fill/wbs" });
  1995. };
  1996. //添加独立表单
  1997. const addingFormModal = ref(false);
  1998. const addingFormClick = () => {
  1999. const { isLeaf } = treeNodeInfo.value;
  2000. if (isLeaf) {
  2001. addingFormLoading.value = false;
  2002. addingFormModal.value = true;
  2003. dialogTableData.value = [];
  2004. dialogTableRef.value?.clearSelection();
  2005. selectItems.value = [];
  2006. } else {
  2007. window?.$message?.warning("请先选择一个最子级的节点");
  2008. }
  2009. };
  2010. //删除当前节点用表
  2011. const deltableexcel = async (row) => {
  2012. console.log(row, "row");
  2013. if (row["isEle"] === 1) {
  2014. if (row["pdfUrl"]) {
  2015. window?.$messageBox?.alert(
  2016. "该表已填写数据" + ",请谨慎考虑后,确认是否需要删除?",
  2017. "删除",
  2018. {
  2019. showCancelButton: true,
  2020. confirmButtonText: "确认删除",
  2021. cancelButtonText: "取消",
  2022. callback: async (action) => {
  2023. if (action === "confirm") {
  2024. const { error, code, msg } =
  2025. await divisionApi.removeWbsTreeContract({
  2026. id: row.pkeyId,
  2027. stats: 0,
  2028. });
  2029. if (!error && code === 200) {
  2030. window?.$message?.success("删除成功");
  2031. // window?.location?.reload() //刷新页面
  2032. searchNodeAllTableApi(
  2033. treeItemInfo.value["primaryKeyId"]
  2034. );
  2035. } else {
  2036. window?.$message?.error(msg || "操作失败");
  2037. }
  2038. }
  2039. },
  2040. }
  2041. );
  2042. } else {
  2043. const { error, code, msg } =
  2044. await divisionApi.removeWbsTreeContract({
  2045. id: row.pkeyId,
  2046. stats: 0,
  2047. });
  2048. if (!error && code === 200) {
  2049. window?.$message?.success("删除成功");
  2050. searchNodeAllTableApi(treeItemInfo.value["primaryKeyId"]);
  2051. // window?.location?.reload() //刷新页面
  2052. } else {
  2053. window?.$message?.error(msg || "操作失败");
  2054. }
  2055. }
  2056. } else {
  2057. window?.$message?.warning("该表不允许删除");
  2058. }
  2059. };
  2060. //树配置
  2061. const addingFormTreeRef = ref(null);
  2062. const addingFormTreeProps = {
  2063. label: "title",
  2064. children: "children",
  2065. isLeaf: "isLeaf",
  2066. };
  2067. //树加载
  2068. const addingFormTreeLoadNode = async (node, resolve) => {
  2069. if (node.level === 0) {
  2070. const resData = await tabTypeLazyTree();
  2071. resolve(resData?.data);
  2072. } else {
  2073. const resData = await tabTypeLazyTree(
  2074. node?.data?.primaryKeyId,
  2075. "",
  2076. false,
  2077. {
  2078. current: 1,
  2079. size: 2000,
  2080. }
  2081. );
  2082. resolve(resData?.data);
  2083. }
  2084. };
  2085. //树被点击
  2086. const addingFormTreeItem = ref({});
  2087. const selectItems = ref([]);
  2088. const selectItem = ref({});
  2089. const selectIds = ref([]);
  2090. const addingFormTreeClick = async (data, node) => {
  2091. searchTreeTitle.value = "";
  2092. addingFormTreeItem.value = data;
  2093. dialogTableData.value = [];
  2094. searchFormPage.value.current = 1;
  2095. console.log(
  2096. addingFormTreeItem.value.primaryKeyId,
  2097. "addingFormTreeItem.value"
  2098. );
  2099. if (node?.level === 1) {
  2100. getDialogTableData().then();
  2101. } else if (node?.level === 2) {
  2102. searchFormPage.value.total = 1;
  2103. dialogTableData.value = [data];
  2104. nextTick(() => {
  2105. dialogTableRef.value?.toggleRowSelection(data, true);
  2106. });
  2107. selectItems.value.push(data);
  2108. }
  2109. };
  2110. //搜索
  2111. const searchTreeTitle = ref("");
  2112. const querySearchTree = async (key, resolve) => {
  2113. if (key) {
  2114. const primaryKeyId = addingFormTreeItem.value?.primaryKeyId ?? "";
  2115. const size = 100000;
  2116. const { data } = await divisionApi.tabTypeLazyTree({
  2117. projectId: projectId.value,
  2118. contractId: contractId.value,
  2119. titleName: key,
  2120. current: 1,
  2121. size: 10000,
  2122. });
  2123. resolve(data?.records);
  2124. } else {
  2125. resolve([]);
  2126. }
  2127. };
  2128. const searchTreeSelect = (item) => {
  2129. console.log("searchTreeSelect");
  2130. dialogTableRef.value?.clearSelection();
  2131. dialogTableKeys.value = [];
  2132. dialogTableData.value = [item];
  2133. selectItems.value = [item];
  2134. nextTick(() => {
  2135. dialogTableRef.value?.toggleRowSelection(item, true);
  2136. });
  2137. searchFormPage.value.current = 1;
  2138. searchFormPage.value.total = 0;
  2139. };
  2140. //分页
  2141. const searchFormPage = ref({ current: 1, size: 20, total: 0 });
  2142. const searchFormPageChange = ({ current, size }) => {
  2143. searchFormPage.value.current = current;
  2144. searchFormPage.value.size = size;
  2145. getDialogTableData();
  2146. };
  2147. //表格数据
  2148. const dialogTableRef = ref(null);
  2149. const dialogTableColumn = ref([
  2150. { key: "title", name: "表单名称" },
  2151. { key: "tabType", name: "元素表类型" },
  2152. { key: "elementTotal", name: "元素总量" },
  2153. { key: "tabOwner", name: "所属方" },
  2154. { key: "fillRate", name: "填报率" },
  2155. ]);
  2156. const dialogTableData = ref([]);
  2157. const dialogTableLoading = ref(false);
  2158. const getDialogTableData = async () => {
  2159. //处理初始数据
  2160. dialogTableLoading.value = true;
  2161. dialogTableRef.value?.clearSelection();
  2162. dialogTableKeys.value = [];
  2163. const primaryKeyId = addingFormTreeItem.value?.primaryKeyId ?? "";
  2164. const searchTitle = searchTreeTitle.value ?? "";
  2165. //获取数据
  2166. const resData = await tabTypeLazyTree(
  2167. primaryKeyId,
  2168. searchTitle,
  2169. true,
  2170. true
  2171. );
  2172. const records = getArrValue(resData?.data);
  2173. //处理返回的数据
  2174. dialogTableData.value = records;
  2175. dialogTableLoading.value = false;
  2176. if (records.length > 0) {
  2177. searchFormPage.value.total = resData.total || 0;
  2178. //表格勾选回显
  2179. selectItems.value.forEach((item) => {
  2180. dialogTableData.value.forEach((item1) => {
  2181. if (item.id === item1.id) {
  2182. nextTick(() => {
  2183. dialogTableRef.value?.toggleRowSelection(item1, true);
  2184. });
  2185. }
  2186. });
  2187. });
  2188. } else {
  2189. searchFormPage.value.total = 0;
  2190. }
  2191. };
  2192. //多选
  2193. const dialogTableKeys = ref([]);
  2194. // 全选
  2195. const dialogTableSelectAll = (rows) => {
  2196. if (rows.length) {
  2197. /* 全选 */
  2198. if (selectItems.value.length <= 0) {
  2199. rows.forEach((row) => {
  2200. selectItems.value.push(row);
  2201. });
  2202. } else {
  2203. rows.forEach((row) => {
  2204. const flag = selectItems.value.filter((e) => e.id === row.id);
  2205. if (flag.length <= 0) {
  2206. selectItems.value.push(row);
  2207. }
  2208. });
  2209. }
  2210. } else {
  2211. /* 反选-清空当前列表数据 */
  2212. dialogTableData.value.forEach((row) => {
  2213. // 取消选中时过滤
  2214. selectItems.value = selectItems.value.filter(
  2215. (e) => e.id !== row.id
  2216. );
  2217. });
  2218. }
  2219. };
  2220. const dialogTableSelect = ({ selection, row }) => {
  2221. dialogTableKeys.value = selection;
  2222. const flag = selectItems.value.filter((e) => e.id === row.id);
  2223. if (flag.length <= 0) {
  2224. /* 不存在表示是选中,勾选时添加 */
  2225. selectItems.value.push(row);
  2226. } else {
  2227. // 取消选中时过滤
  2228. selectItems.value = selectItems.value.filter((e) => e.id !== row.id);
  2229. }
  2230. console.log(selectItems.value, "dialogTableSelect selectItems");
  2231. };
  2232. //获取数据
  2233. const tabTypeLazyTree = async (
  2234. parentId = "12345678910",
  2235. titleName = "",
  2236. search = false,
  2237. form = {},
  2238. size
  2239. ) => {
  2240. let obj = {},
  2241. searchObj = {};
  2242. if (parentId) obj.parentId = parentId;
  2243. if (titleName) obj.titleName = titleName;
  2244. if (search) searchObj = searchFormPage.value;
  2245. //发起请求
  2246. const { data } = await divisionApi.tabTypeLazyTree({
  2247. projectId: projectId.value,
  2248. contractId: contractId.value,
  2249. ...obj,
  2250. ...searchObj,
  2251. ...form,
  2252. });
  2253. const records = getArrValue(data?.records);
  2254. records.forEach((item) => {
  2255. item.isLeaf = !item.hasChildren;
  2256. });
  2257. return { data: records, total: data?.total };
  2258. };
  2259. //保存
  2260. const addingFormLoading = ref(false);
  2261. const addingFormSave = async () => {
  2262. // const rows = dialogTableKeys.value
  2263. console.log(dialogTableKeys.value, "addingFormSave");
  2264. const rows = selectItems.value;
  2265. console.log(rows, "rows");
  2266. if (rows.length > 0) {
  2267. addingFormLoading.value = true;
  2268. const { primaryKeyId } = treeItemInfo.value;
  2269. const ids = arrToId(rows, "primaryKeyId");
  2270. const arrids = ids.split(",");
  2271. let newStr = [...new Set(arrids)].join(",");
  2272. // console.log(newStr,'ids');
  2273. //发起请求
  2274. const { error, code } = await divisionApi.addWbsContractInfo({
  2275. projectId: projectId.value,
  2276. contractId: contractId.value,
  2277. nodeId: primaryKeyId,
  2278. primaryKeyIds: newStr,
  2279. // primaryKeyIds: ids
  2280. });
  2281. //处理结果
  2282. addingFormLoading.value = false;
  2283. if (!error && code === 200) {
  2284. window.$message?.success("操作成功");
  2285. addingFormModal.value = false;
  2286. // window?.location?.reload() //刷新页面
  2287. searchNodeAllTableApi(treeItemInfo.value["primaryKeyId"]);
  2288. }
  2289. } else {
  2290. window.$message?.warning("请先勾选数据");
  2291. }
  2292. };
  2293. //关闭
  2294. const addingFormClose = () => {
  2295. addingFormModal.value = false;
  2296. dialogTableKeys.value = [];
  2297. };
  2298. //左右拖动,改变树形结构宽度
  2299. const leftWidth = ref(382);
  2300. const onmousedown = () => {
  2301. const leftNum = isCollapse.value ? 142 : 272;
  2302. document.onmousemove = (ve) => {
  2303. let diffVal = ve.clientX - leftNum;
  2304. if (diffVal >= 310 && diffVal <= 900) {
  2305. leftWidth.value = diffVal;
  2306. }
  2307. };
  2308. document.onmouseup = () => {
  2309. document.onmousemove = null;
  2310. document.onmouseup = null;
  2311. };
  2312. };
  2313. </script>
  2314. <style lang="scss" scoped>
  2315. @import "../../styles/data-fill/division.scss";
  2316. </style>