edit.vue 73 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536
  1. <template>
  2. <basic-container>
  3. <el-row :gutter="20">
  4. <el-col :span="10">
  5. <div class="box">
  6. <p>工程节点信息</p>
  7. <div class="flex">
  8. <el-input
  9. placeholder="输入关键字进行过滤"
  10. v-model="filterText"
  11. @input="filterChange"
  12. clearable
  13. ></el-input>
  14. <!-- <el-button type="info" class="mg-l-20">导入划分</el-button> -->
  15. </div>
  16. <el-scrollbar>
  17. <div v-loading="treeLoad">
  18. <el-tree
  19. v-show="!filterText"
  20. class="filter-tree"
  21. lazy
  22. :load="loadNode"
  23. @node-click="getNodeDetail"
  24. :props="defaultProps"
  25. :expand-on-click-node="false"
  26. highlight-current
  27. node-key="id"
  28. ref="tree"
  29. >
  30. <span
  31. class="custom-tree-node"
  32. :class="data.moreShow?'show':''"
  33. slot-scope="{ node, data }"
  34. >
  35. <!--@mouseover="mouseover(data)" @mouseleave="mouseout(data)"-->
  36. <span class="pd-r-20">
  37. {{ node.label }}
  38. <el-dropdown
  39. @click="command=>{setLeftType(command,data)}"
  40. @visible-change="visiblechange($event,data)"
  41. >
  42. <el-button
  43. type="text"
  44. icon="el-icon-more"
  45. class="normal-black"
  46. >
  47. </el-button>
  48. <el-dropdown-menu slot="dropdown">
  49. <el-dropdown-item
  50. @click.native="setLeftType(1,data,node)"
  51. icon="el-icon-circle-plus-outline"
  52. v-if="data.deptCategory != 6 && data.isExistForm != 1"
  53. >新增子级</el-dropdown-item>
  54. <el-dropdown-item
  55. @click.native="setLeftType(2,data,node)"
  56. icon="el-icon-edit"
  57. >编辑节点</el-dropdown-item>
  58. <el-dropdown-item
  59. @click.native="setLeftType(3,data,node)"
  60. icon="el-icon-document-copy"
  61. >复制节点</el-dropdown-item>
  62. <el-dropdown-item
  63. @click.native="deleNode(data,node)"
  64. icon="el-icon-close"
  65. v-if="node.level !=1"
  66. >删除节点</el-dropdown-item>
  67. <el-dropdown-item
  68. @click.native="setLeftType(4,data,node)"
  69. icon="iconfont hcicon-danganziliao-biaogetianxie"
  70. class="font-s-12"
  71. >元素公式</el-dropdown-item>
  72. <el-dropdown-item
  73. @click.native="setLeftType(5,data,node)"
  74. icon="el-icon-coin"
  75. >元素设置</el-dropdown-item>
  76. <el-dropdown-item
  77. @click.native="nodeInfo(data,node)"
  78. icon="el-icon-help"
  79. >节点参数</el-dropdown-item>
  80. <el-dropdown-item
  81. @click.native="importTemplate(data,node)"
  82. v-if="node.level == 2"
  83. icon="el-icon-upload"
  84. >导入划分</el-dropdown-item>
  85. <el-dropdown-item
  86. @click.native="paixuMD(data)"
  87. v-if="node.level != 1"
  88. icon="el-icon-sort"
  89. >调整排序</el-dropdown-item>
  90. <el-dropdown-item
  91. @click.native="ImportElement(data)"
  92. v-if="node.level != 1&&data.isExistForm==1"
  93. icon="el-icon-folder-opened"
  94. >导入元素</el-dropdown-item>
  95. </el-dropdown-menu>
  96. </el-dropdown>
  97. </span>
  98. </span>
  99. </el-tree>
  100. <el-tree
  101. v-show="filterText"
  102. class="filter-tree"
  103. :data="treeData"
  104. @node-click="getNodeDetail"
  105. :props="defaultProps"
  106. :expand-on-click-node="false"
  107. highlight-current
  108. node-key="id"
  109. :filter-node-method="filterNode"
  110. ref="treeall"
  111. >
  112. <span
  113. class="custom-tree-node"
  114. slot-scope="{ node, data }"
  115. :class="data.moreShow?'show':''"
  116. >
  117. <span class="pd-r-20">
  118. {{ node.label }}
  119. <el-dropdown
  120. @click="command=>{setLeftType(command,data)}"
  121. @visible-change="visiblechange($event,data)"
  122. >
  123. <el-button
  124. type="text"
  125. icon="el-icon-more"
  126. class="normal-black"
  127. >
  128. </el-button>
  129. <el-dropdown-menu slot="dropdown">
  130. <el-dropdown-item
  131. @click.native="setLeftType(1,data,node)"
  132. icon="el-icon-circle-plus-outline"
  133. v-if="data.deptCategory != 6 && data.isExistForm != 1"
  134. >新增子级</el-dropdown-item>
  135. <el-dropdown-item
  136. @click.native="setLeftType(2,data,node)"
  137. icon="el-icon-edit"
  138. >编辑节点</el-dropdown-item>
  139. <el-dropdown-item
  140. @click.native="setLeftType(3,data,node)"
  141. icon="el-icon-document-copy"
  142. >复制节点</el-dropdown-item>
  143. <el-dropdown-item
  144. @click.native="deleNode(data,node)"
  145. icon="el-icon-close"
  146. v-if="node.level !=1"
  147. >删除节点</el-dropdown-item>
  148. <el-dropdown-item
  149. @click.native="setLeftType(4,data,node)"
  150. icon="iconfont hcicon-danganziliao-biaogetianxie"
  151. class="font-s-12"
  152. >元素公式</el-dropdown-item>
  153. <el-dropdown-item
  154. @click.native="setLeftType(5,data,node)"
  155. icon="el-icon-coin"
  156. >元素设置</el-dropdown-item>
  157. <el-dropdown-item
  158. @click.native="nodeInfo(data,node)"
  159. icon="el-icon-help"
  160. >节点参数</el-dropdown-item>
  161. <el-dropdown-item
  162. @click.native="importTemplate(data,node)"
  163. v-if="node.level == 2"
  164. icon="el-icon-upload"
  165. >导入划分</el-dropdown-item>
  166. <el-dropdown-item
  167. @click.native="paixuMD(data)"
  168. v-if="node.level != 1"
  169. icon="el-icon-sort"
  170. >调整排序</el-dropdown-item>
  171. <el-dropdown-item
  172. @click.native="ImportElement(data)"
  173. v-if="node.level != 1&&data.isExistForm==1"
  174. icon="el-icon-folder-opened"
  175. >导入元素</el-dropdown-item>
  176. </el-dropdown-menu>
  177. </el-dropdown>
  178. </span>
  179. </span>
  180. </el-tree>
  181. </div>
  182. </el-scrollbar>
  183. </div>
  184. </el-col>
  185. <el-col :span="14">
  186. <template v-if="leftType==5">
  187. <p>节点信息</p>
  188. <el-table
  189. :data="tableData"
  190. border
  191. style="width: 100%"
  192. >
  193. <el-table-column
  194. align="center"
  195. prop="deptName"
  196. label="当前节点"
  197. ></el-table-column>
  198. <el-table-column
  199. align="center"
  200. prop="deptCategory"
  201. :formatter="formatCat"
  202. label="节点类型"
  203. width="180"
  204. ></el-table-column>
  205. <el-table-column
  206. align="center"
  207. prop="parentName"
  208. label="上级节点"
  209. ></el-table-column>
  210. </el-table>
  211. <p>
  212. <span>当前已创建的元素表</span>
  213. <el-button
  214. @click="showFormElement"
  215. type="text"
  216. icon="el-icon-circle-plus-outline"
  217. class="text-icon mg-l-10"
  218. ></el-button>
  219. <el-button
  220. type="text"
  221. icon="el-icon-document-copy"
  222. class="text-icon"
  223. ></el-button>
  224. <el-button
  225. type="text"
  226. icon="el-icon-edit-outline"
  227. class="text-icon"
  228. @click="editEditElementForm()"
  229. ></el-button>
  230. <el-button
  231. type="text"
  232. icon="el-icon-sort"
  233. class="text-icon"
  234. @click="paixucc()"
  235. ></el-button>
  236. </p>
  237. <el-table
  238. :data="formData"
  239. border
  240. style="width: 100%"
  241. >
  242. <el-table-column
  243. align="center"
  244. prop="tableName"
  245. label="表单名称"
  246. ></el-table-column>
  247. <el-table-column
  248. align="center"
  249. prop="elementTotal"
  250. label="元素总量"
  251. ></el-table-column>
  252. <el-table-column
  253. align="center"
  254. prop="tableType"
  255. :formatter="formatTableType"
  256. label="表单类型"
  257. ></el-table-column>
  258. <el-table-column
  259. align="center"
  260. prop="tableOwner"
  261. :formatter="formatOwner"
  262. label="所属方"
  263. ></el-table-column>
  264. <el-table-column label="操作">
  265. <template slot-scope="scope">
  266. <el-button
  267. size="mini"
  268. @click="handleEdit(scope.$index, scope.row)"
  269. >编辑</el-button>
  270. <el-button
  271. size="mini"
  272. type="danger"
  273. @click="handleDelete(scope.$index, scope.row)"
  274. >删除</el-button>
  275. </template>
  276. </el-table-column>
  277. </el-table>
  278. </template>
  279. <template v-if="leftType==4">
  280. <el-table
  281. :data="formData"
  282. border
  283. style="width: 100%"
  284. >
  285. <el-table-column
  286. align="center"
  287. prop="tableName"
  288. label="表单名称"
  289. ></el-table-column>
  290. <el-table-column
  291. align="center"
  292. prop="elementTotal"
  293. label="元素总量"
  294. ></el-table-column>
  295. <el-table-column
  296. align="center"
  297. prop="tableType"
  298. :formatter="formatTableType"
  299. label="表单类型"
  300. ></el-table-column>
  301. <el-table-column
  302. align="center"
  303. prop="tableOwner"
  304. :formatter="formatOwner"
  305. label="所属方"
  306. ></el-table-column>
  307. <el-table-column
  308. label="操作"
  309. width="200"
  310. >
  311. <template slot-scope="scope">
  312. <el-button
  313. size="mini"
  314. @click="handleEditFormula(scope.$index, scope.row)"
  315. >编辑元素公式</el-button>
  316. <el-button
  317. size="mini"
  318. type="danger"
  319. @click="handleDelete(scope.$index, scope.row)"
  320. >删除</el-button>
  321. </template>
  322. </el-table-column>
  323. </el-table>
  324. </template>
  325. </el-col>
  326. </el-row>
  327. <!-- 编辑元素表单信息 -->
  328. <el-dialog
  329. title="编辑元素表单信息"
  330. :visible="editElementFormTag"
  331. width="60%"
  332. :modal-append-to-body="false"
  333. >
  334. <div>
  335. <el-table
  336. :data="formDatass"
  337. border
  338. style="width: 100%"
  339. >
  340. <el-table-column
  341. prop="tableName"
  342. label="表名"
  343. >
  344. <template slot-scope="scope">
  345. <el-input
  346. v-model="scope.row.tableName"
  347. placeholder="请输入表名称"
  348. ></el-input>
  349. </template>
  350. </el-table-column>
  351. <el-table-column
  352. prop="tableType"
  353. label="表类型"
  354. >
  355. <template slot-scope="scope">
  356. <el-select
  357. v-model="scope.row.tableType"
  358. placeholder="请选择"
  359. >
  360. <el-option
  361. v-for="(item,key) in tableTypelist"
  362. :key="key"
  363. :label="item.dictValue"
  364. :value="item.dictKey"
  365. >
  366. </el-option>
  367. </el-select>
  368. </template>
  369. </el-table-column>
  370. <el-table-column
  371. prop="tableOwner"
  372. label="所属方"
  373. >
  374. <template slot-scope="scope">
  375. <el-select
  376. v-model="scope.row.tableOwner"
  377. placeholder="请选择"
  378. >
  379. <el-option
  380. v-for="(item,key) in ownerTypeList"
  381. :key="key"
  382. :label="item.dictValue"
  383. :value="item.dictKey"
  384. >
  385. </el-option>
  386. </el-select>
  387. </template>
  388. </el-table-column>
  389. </el-table>
  390. </div>
  391. <span
  392. slot="footer"
  393. class="dialog-footer"
  394. >
  395. <el-button @click="editElementFormTag = false">取 消</el-button>
  396. <el-button
  397. type="primary"
  398. @click="editeditElementFormMF()"
  399. >确 定</el-button>
  400. </span>
  401. </el-dialog>
  402. <!-- 导入元素 -->
  403. <el-dialog
  404. title="导入元素"
  405. :visible.sync="ImportElementTag"
  406. width="30%"
  407. :modal-append-to-body="false"
  408. :before-close="ImportElementHandleClose"
  409. >
  410. <div>
  411. <el-link
  412. type="primary"
  413. @click="xiazaielement"
  414. >下载导入模版</el-link>
  415. </div>
  416. <el-upload
  417. class="upload-demo martop10"
  418. action="#"
  419. accept=".xlsx,.xls"
  420. :multiple='false'
  421. :limit="1"
  422. :auto-upload="false"
  423. :on-change="ElementChange"
  424. :file-list="ImportElementFile"
  425. :on-remove='ElementRemove'
  426. >
  427. <el-button
  428. v-if="ImportElementFile.length===0"
  429. size="small"
  430. type="primary"
  431. >点击上传</el-button>
  432. <div
  433. slot="tip"
  434. class="el-upload__tip"
  435. >只能上传xlsx / xls文件</div>
  436. </el-upload>
  437. <span
  438. slot="footer"
  439. class="dialog-footer"
  440. >
  441. <el-button @click="ImportElementHandleClose()">取 消</el-button>
  442. <el-button
  443. type="primary"
  444. :disabled="loding"
  445. @click="pushImportElement"
  446. >确 定</el-button>
  447. </span>
  448. </el-dialog>
  449. <!-- wbs树排序弹框 -->
  450. <el-dialog
  451. title="调整排序"
  452. :visible="sortTag"
  453. width="50%"
  454. append-to-body
  455. >
  456. <ManualSorting
  457. v-if="sortTag2"
  458. @bianhua='bianhua()'
  459. :sort='sort'
  460. />
  461. <span
  462. slot="footer"
  463. class="dialog-footer"
  464. >
  465. <el-button @click="sortTag=false,sortTag2=false">取 消</el-button>
  466. <el-button
  467. type="primary"
  468. @click="editSort()"
  469. >确 定</el-button>
  470. </span>
  471. </el-dialog>
  472. <!-- 元素表排序 -->
  473. <el-dialog
  474. title="调整排序"
  475. :visible="excelSortTag"
  476. width="50%"
  477. append-to-body
  478. >
  479. <ManualSorting
  480. v-if="excelSortTag2"
  481. @bianhua='bianhua2()'
  482. :sort='sort'
  483. />
  484. <span
  485. slot="footer"
  486. class="dialog-footer"
  487. >
  488. <el-button @click="excelSortTag=false">取 消</el-button>
  489. <el-button
  490. type="primary"
  491. @click="editExcelSort()"
  492. >确 定</el-button>
  493. </span>
  494. </el-dialog>
  495. <el-dialog
  496. :title="dialogTitle"
  497. :visible.sync="dialogVisible"
  498. width="50%"
  499. append-to-body
  500. :close-on-click-modal="false"
  501. @closed="saveNodeLoading = false"
  502. >
  503. <el-form
  504. ref="nodeDetail"
  505. :model="nodeDetail"
  506. :rules="rules"
  507. label-width="110px"
  508. >
  509. <el-form-item
  510. label="节点名称"
  511. prop="deptName"
  512. >
  513. <el-input v-model="nodeDetail.deptName"></el-input>
  514. </el-form-item>
  515. <el-form-item label="上级节点">
  516. <el-input
  517. v-model="nodeDetail.parentName"
  518. disabled
  519. ></el-input>
  520. </el-form-item>
  521. <el-form-item
  522. label="节点类型"
  523. prop="deptCategory"
  524. >
  525. <el-select
  526. v-model="nodeDetail.deptCategory"
  527. placeholder="请选择"
  528. class="w-100p"
  529. >
  530. <el-option
  531. v-for="item in deptCategorylist"
  532. :key="item.id"
  533. :label="item.dictValue"
  534. :value="item.dictKey"
  535. ></el-option>
  536. </el-select>
  537. </el-form-item>
  538. <el-form-item label="划分编号">
  539. <el-input v-model="nodeDetail.partitionCode"></el-input>
  540. </el-form-item>
  541. <el-form-item label="唯一编码">
  542. <el-input v-model="nodeDetail.uniqueCode"></el-input>
  543. </el-form-item>
  544. <template v-if="nodeDetail.deptCategory == 6">
  545. <el-form-item label="是否有混凝土">
  546. <el-radio-group
  547. v-model="nodeDetail.isConcrete"
  548. size="small"
  549. >
  550. <el-radio
  551. :label="0"
  552. border
  553. >无</el-radio>
  554. <el-radio
  555. :label="1"
  556. border
  557. >有</el-radio>
  558. </el-radio-group>
  559. </el-form-item>
  560. <el-form-item label="是否试验节点">
  561. <el-radio-group
  562. v-model="nodeDetail.isExpernode"
  563. size="small"
  564. >
  565. <el-radio
  566. :label="0"
  567. border
  568. >否</el-radio>
  569. <el-radio
  570. :label="1"
  571. border
  572. >是</el-radio>
  573. </el-radio-group>
  574. </el-form-item>
  575. </template>
  576. <el-form-item label="内业资料类型">
  577. <el-select
  578. v-model="nodeDetail.majorDataType"
  579. placeholder="请选择"
  580. class="w-100p"
  581. >
  582. <el-option
  583. v-for="item in majorDataTypeList"
  584. :key="item.id"
  585. :label="item.dictValue"
  586. :value="item.dictKey"
  587. ></el-option>
  588. </el-select>
  589. </el-form-item>
  590. </el-form>
  591. <span
  592. slot="footer"
  593. class="dialog-footer"
  594. >
  595. <el-button @click="dialogVisible = false">取 消</el-button>
  596. <el-button
  597. type="primary"
  598. @click="saveNode"
  599. :loading="saveNodeLoading"
  600. >确 定</el-button>
  601. </span>
  602. </el-dialog>
  603. <el-dialog
  604. title="创建新的元素表"
  605. :visible.sync="eleVisible"
  606. width="80%"
  607. append-to-body
  608. :close-on-click-modal="false"
  609. >
  610. <el-form
  611. ref="eleDialog"
  612. :model="eleForm"
  613. :rules="eleRules"
  614. label-width="110px"
  615. >
  616. <el-form-item
  617. label="表名"
  618. prop="deptName"
  619. >
  620. <el-input v-model="eleForm.deptName"></el-input>
  621. </el-form-item>
  622. <el-row>
  623. <el-col :span="12">
  624. <el-form-item
  625. label="表类型"
  626. prop="tableType"
  627. >
  628. <el-select
  629. v-model="eleForm.tableType"
  630. placeholder="请选择"
  631. class="w-100p"
  632. >
  633. <el-option
  634. v-for="item in tableTypelist"
  635. :key="item.id"
  636. :label="item.dictValue"
  637. :value="item.dictKey"
  638. ></el-option>
  639. </el-select>
  640. </el-form-item>
  641. </el-col>
  642. <el-col :span="12">
  643. <el-form-item
  644. label="所属方"
  645. prop="tableOwner"
  646. >
  647. <el-select
  648. v-model="eleForm.tableOwner"
  649. placeholder="请选择"
  650. class="w-100p"
  651. >
  652. <el-option
  653. v-for="item in ownerTypeList"
  654. :key="item.id"
  655. :label="item.dictValue"
  656. :value="item.dictKey"
  657. ></el-option>
  658. </el-select>
  659. </el-form-item>
  660. </el-col>
  661. </el-row>
  662. </el-form>
  663. <div class="flex jc-sb">
  664. <div></div>
  665. <div>
  666. <el-link
  667. type="primary"
  668. @click="importVisible = true"
  669. >快捷导入</el-link>
  670. <el-link
  671. type="primary"
  672. class="mg-l-20"
  673. @click="downloadTmp"
  674. >下载导入模版</el-link>
  675. </div>
  676. </div>
  677. <div class="border-grey">
  678. <p class="font-c-warning">编辑元素信息(请谨慎操作)</p>
  679. <el-table
  680. :data="eleForm.elementList"
  681. border
  682. style="width: 100%"
  683. height="400px"
  684. >
  685. <el-table-column
  686. align="center"
  687. type="index"
  688. width="50"
  689. ></el-table-column>
  690. <el-table-column
  691. align="center"
  692. prop="eName"
  693. label="元素名称"
  694. >
  695. <template slot="header">
  696. <i class="required"></i>
  697. <span>元素名称</span>
  698. </template>
  699. <template slot-scope="scope">
  700. <el-input
  701. v-model="scope.row.eName"
  702. size="small"
  703. placeholder="请输入内容"
  704. ></el-input>
  705. </template>
  706. </el-table-column>
  707. <el-table-column
  708. align="center"
  709. prop="eType"
  710. label="数据类型"
  711. width="120"
  712. >
  713. <template slot="header">
  714. <i class="required"></i>
  715. <span>数据类型</span>
  716. </template>
  717. <template slot-scope="scope">
  718. <el-select
  719. v-model="scope.row.eType"
  720. @change="setDefaultLength(scope.row)"
  721. size="small"
  722. placeholder="请选择"
  723. >
  724. <el-option
  725. v-for="item in dataTypeList"
  726. :key="item.id"
  727. :label="item.dictValue"
  728. :value="item.dictKey"
  729. ></el-option>
  730. </el-select>
  731. </template>
  732. </el-table-column>
  733. <el-table-column
  734. align="center"
  735. prop="eLength"
  736. label="长度"
  737. width="120"
  738. >
  739. <template slot="header">
  740. <i class="required"></i>
  741. <span>长度</span>
  742. </template>
  743. <template slot-scope="scope">
  744. <el-input
  745. v-model="scope.row.eLength"
  746. size="small"
  747. placeholder="请输入内容"
  748. :disabled="scope.row.eType == 4"
  749. ></el-input>
  750. </template>
  751. </el-table-column>
  752. <el-table-column
  753. align="center"
  754. prop="eAllowDeviation"
  755. label="允许偏差值"
  756. >
  757. <template slot-scope="scope">
  758. <div class="flex">
  759. <el-select
  760. v-model="scope.row.allow"
  761. size="small"
  762. placeholder="请选择"
  763. style="width:120px"
  764. >
  765. <el-option
  766. :key="1"
  767. label="-"
  768. value="-"
  769. ></el-option>
  770. <el-option
  771. :key="2"
  772. label=">"
  773. value=">"
  774. ></el-option>
  775. <el-option
  776. :key="3"
  777. label="<"
  778. value="<"
  779. ></el-option>
  780. <el-option
  781. :key="4"
  782. label="≥"
  783. value="≥"
  784. ></el-option>
  785. <el-option
  786. :key="5"
  787. label="≤"
  788. value="≤"
  789. ></el-option>
  790. <el-option
  791. :key="6"
  792. label="±"
  793. value="±"
  794. ></el-option>
  795. <el-option
  796. :key="7"
  797. label="【】"
  798. value="【】"
  799. ></el-option>
  800. </el-select>
  801. <el-input
  802. v-model="scope.row.deviation"
  803. size="small"
  804. placeholder="请输入内容"
  805. ></el-input>
  806. </div>
  807. </template>
  808. </el-table-column>
  809. <el-table-column
  810. align="center"
  811. prop="eInspectionMethod"
  812. label="检查方法和频率"
  813. >
  814. <template slot-scope="scope">
  815. <el-input
  816. v-model="scope.row.eInspectionMethod"
  817. size="small"
  818. placeholder="请输入内容"
  819. ></el-input>
  820. </template>
  821. </el-table-column>
  822. <el-table-column
  823. align="center"
  824. label="操作"
  825. width="80"
  826. >
  827. <template slot="header">
  828. <el-button
  829. @click="addEleRow(eleForm.elementList)"
  830. type="text"
  831. icon="el-icon-circle-plus-outline"
  832. class="text-icon"
  833. ></el-button>
  834. </template>
  835. <template slot-scope="scope">
  836. <el-button
  837. icon="el-icon-remove-outline"
  838. type="text"
  839. @click="delEleRow(scope.$index,eleForm.elementList)"
  840. class="text-icon text-icon-danger"
  841. ></el-button>
  842. </template>
  843. </el-table-column>
  844. </el-table>
  845. </div>
  846. <span
  847. slot="footer"
  848. class="dialog-footer"
  849. >
  850. <el-button @click="eleVisible = false">取 消</el-button>
  851. <el-button
  852. type="primary"
  853. @click="saveFormAndElementHandle"
  854. >保 存</el-button>
  855. </span>
  856. </el-dialog>
  857. <el-dialog
  858. title="模版导入"
  859. :visible.sync="importVisible"
  860. width="50%"
  861. append-to-body
  862. :close-on-click-modal="false"
  863. >
  864. <p>提示:必须按照系统要求的模版格式上传,否则系统识别无效 <el-link
  865. type="primary"
  866. @click="downloadTmp"
  867. >下载导入模版</el-link>
  868. </p>
  869. <div>
  870. <el-button
  871. size="small"
  872. type="primary"
  873. @click="fileClick2"
  874. >本地上传</el-button>
  875. <input
  876. @change="tmpImport"
  877. type="file"
  878. hidden
  879. ref="file2"
  880. accept=".xls, .xlsx"
  881. >
  882. </div>
  883. <el-table
  884. :data="tempList"
  885. border
  886. style="width: 100%"
  887. >
  888. <el-table-column
  889. align="center"
  890. prop="eName"
  891. label="元素名称"
  892. >
  893. </el-table-column>
  894. <el-table-column
  895. align="center"
  896. prop="eType"
  897. label="数据类型"
  898. width="120"
  899. >
  900. </el-table-column>
  901. <el-table-column
  902. align="center"
  903. prop="eLength"
  904. label="长度"
  905. width="120"
  906. >
  907. </el-table-column>
  908. <el-table-column
  909. align="center"
  910. prop="eAllowDeviation"
  911. label="允许偏差值"
  912. >
  913. </el-table-column>
  914. <el-table-column
  915. align="center"
  916. prop="eInspectionMethod"
  917. label="检查方法和频率"
  918. >
  919. </el-table-column>
  920. </el-table>
  921. <span
  922. slot="footer"
  923. class="dialog-footer"
  924. >
  925. <el-button @click="importVisible = false">取 消</el-button>
  926. <el-button
  927. type="primary"
  928. @click="importHandle"
  929. >确 定</el-button>
  930. </span>
  931. </el-dialog>
  932. <el-dialog
  933. :title="(curEleTable.tableName?curEleTable.tableName:'')+' 元素编辑'"
  934. :visible.sync="editEleVisible"
  935. width="80%"
  936. append-to-body
  937. :close-on-click-modal="false"
  938. >
  939. <p class="font-c-warning">编辑元素信息(请谨慎操作)</p>
  940. <el-table
  941. :data="editEleList"
  942. border
  943. style="width: 100%"
  944. height="400px"
  945. >
  946. <el-table-column
  947. align="center"
  948. type="index"
  949. width="50"
  950. ></el-table-column>
  951. <el-table-column
  952. align="center"
  953. prop="eName"
  954. label="元素名称"
  955. >
  956. <template slot="header">
  957. <i class="required"></i>
  958. <span>元素名称</span>
  959. </template>
  960. <template slot-scope="scope">
  961. <el-input
  962. v-model="scope.row.eName"
  963. size="small"
  964. placeholder="请输入内容"
  965. ></el-input>
  966. </template>
  967. </el-table-column>
  968. <el-table-column
  969. align="center"
  970. prop="eType"
  971. label="数据类型"
  972. width="120"
  973. >
  974. <template slot="header">
  975. <i class="required"></i>
  976. <span>数据类型</span>
  977. </template>
  978. <template slot-scope="scope">
  979. <el-select
  980. v-model="scope.row.eType"
  981. @change="setDefaultLength(scope.row)"
  982. size="small"
  983. placeholder="请选择"
  984. >
  985. <el-option
  986. v-for="item in dataTypeList"
  987. :key="item.id"
  988. :label="item.dictValue"
  989. :value="item.dictKey"
  990. ></el-option>
  991. </el-select>
  992. </template>
  993. </el-table-column>
  994. <el-table-column
  995. align="center"
  996. prop="eLength"
  997. label="长度"
  998. width="120"
  999. >
  1000. <template slot="header">
  1001. <i class="required"></i>
  1002. <span>长度</span>
  1003. </template>
  1004. <template slot-scope="scope">
  1005. <el-input
  1006. v-model="scope.row.eLength"
  1007. size="small"
  1008. placeholder="请输入内容"
  1009. :disabled="scope.row.eType == 4"
  1010. ></el-input>
  1011. </template>
  1012. </el-table-column>
  1013. <el-table-column
  1014. align="center"
  1015. prop="eAllowDeviation"
  1016. label="允许偏差值"
  1017. >
  1018. <template slot-scope="scope">
  1019. <div class="flex">
  1020. <el-select
  1021. v-model="scope.row.allow"
  1022. size="small"
  1023. placeholder="请选择"
  1024. style="width:120px"
  1025. >
  1026. <el-option
  1027. :key="1"
  1028. label="-"
  1029. value="-"
  1030. ></el-option>
  1031. <el-option
  1032. :key="2"
  1033. label=">"
  1034. value=">"
  1035. ></el-option>
  1036. <el-option
  1037. :key="3"
  1038. label="<"
  1039. value="<"
  1040. ></el-option>
  1041. <el-option
  1042. :key="4"
  1043. label="≥"
  1044. value="≥"
  1045. ></el-option>
  1046. <el-option
  1047. :key="5"
  1048. label="≤"
  1049. value="≤"
  1050. ></el-option>
  1051. <el-option
  1052. :key="6"
  1053. label="±"
  1054. value="±"
  1055. ></el-option>
  1056. <el-option
  1057. :key="7"
  1058. label="【】"
  1059. value="【】"
  1060. ></el-option>
  1061. </el-select>
  1062. <el-input
  1063. v-model="scope.row.deviation"
  1064. size="small"
  1065. placeholder="请输入内容"
  1066. ></el-input>
  1067. </div>
  1068. </template>
  1069. </el-table-column>
  1070. <el-table-column
  1071. align="center"
  1072. prop="eInspectionMethod"
  1073. label="检查方法和频率"
  1074. >
  1075. <template slot-scope="scope">
  1076. <el-input
  1077. v-model="scope.row.eInspectionMethod"
  1078. size="small"
  1079. placeholder="请输入内容"
  1080. ></el-input>
  1081. </template>
  1082. </el-table-column>
  1083. <el-table-column
  1084. align="center"
  1085. label="操作"
  1086. width="120"
  1087. >
  1088. <template slot="header">
  1089. <el-button
  1090. @click="addEleRow(editEleList)"
  1091. type="text"
  1092. icon="el-icon-circle-plus-outline"
  1093. class="text-icon"
  1094. ></el-button>
  1095. </template>
  1096. <template slot-scope="scope">
  1097. <el-button
  1098. v-if="scope.row.id"
  1099. icon="el-icon-remove-outline"
  1100. type="text"
  1101. @click="delEleRowHandle(scope.$index,editEleList)"
  1102. class="text-icon text-icon-danger"
  1103. ></el-button>
  1104. <div
  1105. class="flex"
  1106. v-else
  1107. >
  1108. <el-button
  1109. @click="saveNewEle(scope.row)"
  1110. type="mini"
  1111. >保存</el-button>
  1112. <el-button
  1113. icon="el-icon-remove-outline"
  1114. type="text"
  1115. @click="delEleRowHandle(scope.$index,editEleList)"
  1116. class="text-icon text-icon-danger"
  1117. ></el-button>
  1118. </div>
  1119. </template>
  1120. </el-table-column>
  1121. </el-table>
  1122. <span
  1123. slot="footer"
  1124. class="dialog-footer"
  1125. >
  1126. <el-button @click="editEleVisible = false">取 消</el-button>
  1127. <el-button
  1128. type="primary"
  1129. @click="saveEles"
  1130. >确 定</el-button>
  1131. </span>
  1132. </el-dialog>
  1133. <el-dialog
  1134. title="元素公式"
  1135. :visible.sync="editEleFormulaVisible"
  1136. width="800px"
  1137. append-to-body
  1138. :close-on-click-modal="false"
  1139. >
  1140. <div class="flex mg-b-10">
  1141. <el-input
  1142. v-model="formulaInput"
  1143. placeholder="请输入内容"
  1144. size="samll"
  1145. ></el-input>
  1146. <el-button type="info">保存</el-button>
  1147. </div>
  1148. <el-table
  1149. :data="editEleList"
  1150. border
  1151. style="width: 100%"
  1152. height="400px"
  1153. >
  1154. <el-table-column
  1155. align="center"
  1156. prop="eName"
  1157. label="元素名称"
  1158. >
  1159. </el-table-column>
  1160. <el-table-column
  1161. align="center"
  1162. label="操作"
  1163. width="200"
  1164. >
  1165. <template slot-scope="scope">
  1166. <el-link
  1167. type="primary"
  1168. @click="toFormulaEdit(scope.row)"
  1169. >公式配置</el-link>
  1170. <el-link
  1171. class="mg-l-10"
  1172. type="danger"
  1173. @click="delEleRowHandle(scope.$index,editEleList)"
  1174. >删除</el-link>
  1175. </template>
  1176. </el-table-column>
  1177. </el-table>
  1178. </el-dialog>
  1179. <el-dialog
  1180. title="导入划分"
  1181. :visible.sync="importTemplateVisible"
  1182. width="800px"
  1183. append-to-body
  1184. @close="daoruClose"
  1185. >
  1186. <div v-loading="importLoading">
  1187. <div>
  1188. <el-link
  1189. type="primary"
  1190. @click="handleDownload"
  1191. >下载导入模版</el-link>
  1192. </div>
  1193. <div class="mg-t-20">
  1194. <el-button
  1195. type="primary"
  1196. @click="fileClick"
  1197. >选择文件</el-button>
  1198. <span
  1199. v-if="upFile"
  1200. class="mg-l-20"
  1201. >{{upFile.name}}</span>
  1202. <input
  1203. @change="fileChange"
  1204. type="file"
  1205. hidden
  1206. ref="file"
  1207. accept=".xls, .xlsx"
  1208. >
  1209. </div>
  1210. <div v-if="!upFile">当前还未选择文件,请选择需要导入的文件</div>
  1211. </div>
  1212. <span
  1213. slot="footer"
  1214. class="dialog-footer"
  1215. >
  1216. <el-button @click="importTemplateVisible = false">取 消</el-button>
  1217. <el-button
  1218. type="primary"
  1219. @click="importTemplateHandle"
  1220. :loading="importLoading"
  1221. >导 入</el-button>
  1222. </span>
  1223. </el-dialog>
  1224. <el-dialog
  1225. title="节点参数"
  1226. :visible.sync="nodeInfoVisible"
  1227. width="800px"
  1228. append-to-body
  1229. class="jiedian"
  1230. :close-on-click-modal="false"
  1231. :show-close="false"
  1232. >
  1233. <div>
  1234. <el-button
  1235. type="text"
  1236. icon="el-icon-s-operation"
  1237. class="right-btn"
  1238. @click="setNodeParameters()"
  1239. ></el-button>
  1240. <div class="flexEnd">
  1241. <i
  1242. class="el-icon-circle-plus marbottom10"
  1243. @click="addNodeInfoTable()"
  1244. style="font-size:24px;color:rgb(37, 193, 99);cursor: pointer;"
  1245. ></i>
  1246. </div>
  1247. <el-table
  1248. :data="nodeInfoTable"
  1249. border
  1250. style="width: 100%"
  1251. height="400"
  1252. >
  1253. <el-table-column
  1254. align="center"
  1255. prop="name"
  1256. label="参数名称"
  1257. >
  1258. <template slot-scope="scope">
  1259. <el-select
  1260. v-model="scope.row.k"
  1261. placeholder="请选择"
  1262. class="w-100p"
  1263. >
  1264. <el-option
  1265. v-for="item in namelist"
  1266. :key="item.k"
  1267. :label="item.name"
  1268. :value="item.k"
  1269. ></el-option>
  1270. </el-select>
  1271. </template>
  1272. </el-table-column>
  1273. <el-table-column
  1274. align="center"
  1275. prop="value"
  1276. label="参数值设置"
  1277. >
  1278. <template slot-scope="scope">
  1279. <el-input v-model="scope.row.v"></el-input>
  1280. </template>
  1281. </el-table-column>
  1282. <el-table-column
  1283. align="center"
  1284. prop="describe"
  1285. label="描述"
  1286. >
  1287. <template slot-scope="scope">
  1288. <el-input v-model="scope.row.remark"></el-input>
  1289. </template>
  1290. </el-table-column>
  1291. <el-table-column
  1292. label="操作"
  1293. width="120"
  1294. align="center"
  1295. >
  1296. <template slot-scope="scope">
  1297. <el-button
  1298. type="text"
  1299. size="small"
  1300. class="text-icon-danger"
  1301. @click="delNodeInfoss(scope.$index)"
  1302. >删除</el-button>
  1303. </template>
  1304. </el-table-column>
  1305. </el-table>
  1306. </div>
  1307. <span
  1308. slot="footer"
  1309. class="dialog-footer"
  1310. >
  1311. <el-button @click="nodeInfoVisible = false">取 消</el-button>
  1312. <el-button
  1313. type="primary"
  1314. @click="nodeInfoSave()"
  1315. >保 存</el-button>
  1316. </span>
  1317. </el-dialog>
  1318. <el-dialog
  1319. title="设置参数名称"
  1320. :visible.sync="infoNameVisible"
  1321. width="800px"
  1322. append-to-body
  1323. class="jiedian"
  1324. :close-on-click-modal="false"
  1325. >
  1326. <div>
  1327. <div class="flexEnd">
  1328. <i
  1329. class="el-icon-circle-plus marbottom10"
  1330. @click="setParameterName()"
  1331. style="font-size:24px;color:rgb(37, 193, 99);cursor: pointer;"
  1332. ></i>
  1333. </div>
  1334. <el-table
  1335. :data="namelists"
  1336. border
  1337. style="width: 100%"
  1338. height="400"
  1339. >
  1340. <el-table-column
  1341. align="center"
  1342. prop="name"
  1343. label="参数名称"
  1344. >
  1345. <template slot-scope="scope">
  1346. <el-input v-model="scope.row.name"></el-input>
  1347. </template>
  1348. </el-table-column>
  1349. <el-table-column
  1350. align="center"
  1351. prop="key"
  1352. label="参数值KEY"
  1353. >
  1354. <template slot-scope="scope">
  1355. <el-input v-model="scope.row.k"></el-input>
  1356. </template>
  1357. </el-table-column>
  1358. <el-table-column
  1359. align="center"
  1360. prop="describe"
  1361. label="描述"
  1362. >
  1363. <template slot-scope="scope">
  1364. <el-input v-model="scope.row.remark"></el-input>
  1365. </template>
  1366. </el-table-column>
  1367. <el-table-column
  1368. label="操作"
  1369. width="120"
  1370. align="center"
  1371. >
  1372. <template slot-scope="scope">
  1373. <el-button
  1374. type="text"
  1375. size="small"
  1376. class="text-icon-danger"
  1377. @click="delNodeInfo(scope.$index)"
  1378. >删除</el-button>
  1379. </template>
  1380. </el-table-column>
  1381. </el-table>
  1382. </div>
  1383. <span
  1384. slot="footer"
  1385. class="dialog-footer"
  1386. >
  1387. <el-button @click="addParameterName()">保 存</el-button>
  1388. <el-button @click="closeParameter()">关 闭</el-button>
  1389. </span>
  1390. </el-dialog>
  1391. </basic-container>
  1392. </template>
  1393. <script>
  1394. import ManualSorting from '@/components/WbsTree/ManualSorting'
  1395. import {
  1396. getLazytree, getDetail, update, selectByNodeTable, getAlltree,
  1397. saveFormAndElement, selectFormElements, removeTableById, findWbsTreeSameLevel, wbsTreeSort, findWbsTreeTableSameLevel, wbsTreeTableSort, parameters, saveOrUpdateBatch, keymap, importwbsTreeFormBatch, exportBatchTemplate, updateBatchNodeTableInfo,
  1398. importWbsTree, exportTemplate, remove as removeTreeNode
  1399. } from "@/api/manager/wbstree";
  1400. import {
  1401. saveElement, remove as removeElement, updateBatchElements, getTemplate,
  1402. importWbsElement
  1403. } from "@/api/manager/wbsformelement";
  1404. import { getDictionary } from "@/api/system/dict";
  1405. import { mapGetters } from "vuex";
  1406. export default {
  1407. data () {
  1408. return {
  1409. loding: false,
  1410. formDatass: [],
  1411. editElementFormTag: false,
  1412. ImportElementdata: {
  1413. },
  1414. ImportElementFile: [],//导入元素file文件
  1415. ImportElementTag: false,
  1416. jiedianId: '',
  1417. excelSortTag: false,
  1418. excelSortTag2: false,
  1419. sortTag2: false,
  1420. sortTag: false,
  1421. sort: [],
  1422. id: '',
  1423. filterText: '',
  1424. treeData: [],
  1425. treeLoad: false,
  1426. menuShow: false,
  1427. defaultProps: {
  1428. children: 'children',
  1429. label: 'title',
  1430. isLeaf: function (data) {
  1431. return !data.hasChildren || (data.hasChildren && data.isExistForm == 1)
  1432. }
  1433. },
  1434. leftType: 5,
  1435. curTreeData: {},
  1436. tableData: [],
  1437. nodeDetail: {},
  1438. formData: [],
  1439. editType: 1,
  1440. dialogVisible: false,
  1441. saveNodeLoading: false,
  1442. deptCategorylist: [],
  1443. majorDataTypeList: [],
  1444. rules: {
  1445. deptName: [
  1446. { required: true, message: '请输入节点名称', trigger: 'blur' },
  1447. ],
  1448. deptCategory: [
  1449. { required: true, message: '请选择节点类型', trigger: 'change' }
  1450. ]
  1451. },
  1452. eleVisible: false,
  1453. tableTypelist: [],
  1454. dataTypeList: [],
  1455. ownerTypeList: [],
  1456. eleForm: {
  1457. elementList: [],
  1458. },
  1459. eleRules: {
  1460. deptName: [
  1461. { required: true, message: '请输入表名称', trigger: 'blur' },
  1462. ],
  1463. tableType: [
  1464. { required: true, message: '请选择表类型', trigger: 'change' }
  1465. ],
  1466. tableOwner: [
  1467. { required: true, message: '请选择所属方', trigger: 'change' }
  1468. ],
  1469. },
  1470. importVisible: false,
  1471. tempList: [],
  1472. curEleTable: {},
  1473. editEleVisible: false,
  1474. editEleList: [],
  1475. eleReg: /(-|>|<|≥|≤|±|【】)?([^≥≤±【】]*)/,
  1476. editEleFormulaVisible: false,
  1477. formulaInput: '',
  1478. importTemplateVisible: false,
  1479. fileUrl: '',
  1480. upFile: null,
  1481. importLoading: false,
  1482. nodeInfoVisible: false,
  1483. nodeInfoTable: [],
  1484. namelist: [],
  1485. namelists: [],
  1486. infoNameVisible: false,
  1487. //数据类型的默认长度
  1488. dataTypeDefaultMap: {
  1489. 1: 1000,//字符串
  1490. 2: 65,//整数
  1491. 3: 65,//小数
  1492. 4: 0,//日期
  1493. 5: 65,//数值
  1494. 6: 1000,//签名
  1495. 7: 1000,//文件
  1496. }
  1497. };
  1498. },
  1499. computed: {
  1500. ...mapGetters(["userInfo"]),
  1501. dialogTitle: function () {
  1502. let text = '节点';
  1503. if (this.leftType == 1) {
  1504. text = '新增' + text;
  1505. } else if (this.leftType == 2) {
  1506. text = '编辑' + text;
  1507. }
  1508. return text;
  1509. },
  1510. },
  1511. created () {
  1512. this.init();
  1513. //console.log(this.userInfo)
  1514. },
  1515. methods: {
  1516. //#region 排序
  1517. paixuMD (data) {
  1518. this.sortTag = true
  1519. this.sortTag2 = true
  1520. this.curTreeData = data;
  1521. this.findWbsTreeSameLevel(data.parentId)
  1522. },
  1523. bianhua () {
  1524. this.sortTag2 = false
  1525. this.$nextTick(() => {
  1526. this.sortTag2 = true
  1527. })
  1528. },
  1529. editSort () {//修改排序
  1530. this.wbsTreeSort()
  1531. },
  1532. async wbsTreeSort () {//修改排序
  1533. const { data: res } = await wbsTreeSort(this.sort)
  1534. //console.log(res);
  1535. if (res.code == 200) {
  1536. this.sortTag = false
  1537. this.sortTag2 = false
  1538. this.updateTreeNewNode();
  1539. }
  1540. },
  1541. async findWbsTreeSameLevel (parentId) {//查询当前节点的同级节点
  1542. const { data: res } = await findWbsTreeSameLevel({ parentId })
  1543. //console.log(res);
  1544. if (res.code === 200) {
  1545. this.sort = res.data
  1546. }
  1547. },
  1548. async getLazytree () {//冲洗获取wbs树
  1549. const { data: res } = await getLazytree(this.id, 0, this.userInfo.tenant_id)
  1550. //console.log(res);
  1551. if (res.code == 200) {
  1552. this.treeData = res.data
  1553. }
  1554. },
  1555. bianhua2 () {
  1556. this.excelSortTag2 = false
  1557. this.$nextTick(() => {
  1558. this.excelSortTag2 = true
  1559. })
  1560. },
  1561. editExcelSort () {//确定按钮
  1562. this.wbsTreeTableSort()
  1563. },
  1564. paixucc () {
  1565. if (this.curTreeData.value) {
  1566. this.excelSortTag = true
  1567. this.excelSortTag2 = true
  1568. this.findWbsTreeTableSameLevel(this.curTreeData.value)
  1569. } else {
  1570. this.$message({
  1571. type: "warning",
  1572. message: "请先选择需要排序的节点"
  1573. })
  1574. }
  1575. },
  1576. async findWbsTreeTableSameLevel (id) {//查询表单
  1577. const { data: res } = await findWbsTreeTableSameLevel({ id })
  1578. //console.log(res);
  1579. if (res.code == 200) {
  1580. this.sort = res.data
  1581. }
  1582. },
  1583. async wbsTreeTableSort () {//表单排序
  1584. const { data: res } = await wbsTreeTableSort(this.sort)
  1585. //console.log(res);
  1586. if (res.code == 200) {
  1587. this.excelSortTag = false
  1588. this.excelSortTag2 = false
  1589. this.updateNodeTable();//更新元素表
  1590. }
  1591. },
  1592. //#endregion
  1593. //#region 甘云杰
  1594. init () {
  1595. this.id = this.$route.params.id;
  1596. this.getDeptCategorylist();
  1597. this.getTableTypelist();
  1598. this.getDataTypelist();
  1599. this.getOwnerTypelist();
  1600. },
  1601. loadNode (node, resolve) {
  1602. let pid = 0;
  1603. if (node.level != 0) {
  1604. pid = node.data.id
  1605. }
  1606. getLazytree(this.id, pid, this.userInfo.tenant_id).then((res) => {
  1607. let arr = [];
  1608. if (Array.isArray(res.data.data)) {
  1609. arr = res.data.data;
  1610. }
  1611. return resolve(arr);
  1612. })
  1613. },
  1614. getNodeDetail (data, node) {
  1615. let parentName = '';
  1616. if (node.parent.data) {
  1617. parentName = node.parent.data.title;
  1618. }
  1619. this.curTreeData = data;
  1620. this.curTreeData.parentName = parentName;
  1621. getDetail(data.id).then((res) => {
  1622. res.data.data.parentName = parentName;
  1623. this.tableData = [res.data.data];
  1624. this.nodeDetail = Object.assign({}, res.data.data);
  1625. })
  1626. this.updateNodeTable();
  1627. },
  1628. saveNode () {
  1629. this.$refs['nodeDetail'].validate((valid) => {
  1630. if (valid) {
  1631. if (this.editType == 1) {
  1632. this.addNode();
  1633. } else if (this.editType == 2) {
  1634. this.updateNode();
  1635. }
  1636. } else {
  1637. //console.log('error submit!!');
  1638. return false;
  1639. }
  1640. });
  1641. },
  1642. addNode () {
  1643. this.saveNodeLoading = true;
  1644. update(this.nodeDetail).then(() => {
  1645. this.updateTreeNewNode();
  1646. this.dialogVisible = false;
  1647. this.$message({
  1648. type: "success",
  1649. message: "新增成功!"
  1650. });
  1651. })
  1652. },
  1653. updateNode () {
  1654. update(this.nodeDetail).then(() => {
  1655. let node = this.tableData[0];
  1656. node.deptName = this.nodeDetail.deptName;
  1657. node.deptCategory = this.nodeDetail.deptCategory;
  1658. this.curTreeData.title = this.nodeDetail.deptName;
  1659. this.dialogVisible = false;
  1660. this.$message({
  1661. type: "success",
  1662. message: "修改成功!"
  1663. });
  1664. })
  1665. },
  1666. setLeftType (type, data, node) {
  1667. this.jiedianId = data.id
  1668. if (type == 4 || type == 5) {
  1669. this.leftType = type;
  1670. }
  1671. this.curTreeData = data;
  1672. this.$refs.tree.setCurrentKey(data.id);
  1673. if (type == 1 || type == 2) {
  1674. this.getMajorDataTypeList();
  1675. this.dialogVisible = true;
  1676. this.editType = type;
  1677. }
  1678. getDetail(data.id).then((res) => {
  1679. let parentName = '';
  1680. if (node.parent.data) {
  1681. parentName = node.parent.data.title;
  1682. }
  1683. res.data.data.parentName = parentName;
  1684. this.tableData = [res.data.data];
  1685. if (type == 1) {
  1686. this.nodeDetail = {
  1687. parentId: res.data.data.id,
  1688. parentName: data.title
  1689. };
  1690. } else {
  1691. this.nodeDetail = Object.assign({}, res.data.data);
  1692. }
  1693. this.nodeDetail.type = 1;// '1'节点 '2'表单
  1694. this.nodeDetail.wbsId = this.id;
  1695. this.nodeDetail.tenantId = this.userInfo.tenant_id
  1696. })
  1697. if (this.leftType == 4) {
  1698. selectByNodeTable(data.id).then((res) => {
  1699. if (res.data.data.length) {
  1700. this.formData = res.data.data;
  1701. } else {
  1702. this.formData = [];
  1703. }
  1704. })
  1705. }
  1706. },
  1707. deleNode (data, node) {
  1708. this.$confirm('此操作将删除节点【' + data.title + '】, 是否继续?', '提示', {
  1709. confirmButtonText: '确定',
  1710. cancelButtonText: '取消',
  1711. type: 'warning'
  1712. }).then(() => {
  1713. removeTreeNode(data.id).then(() => {
  1714. this.$refs.tree.remove(node);
  1715. this.$message({
  1716. type: "success",
  1717. message: "删除成功!"
  1718. });
  1719. })
  1720. }).catch(() => {
  1721. });
  1722. },
  1723. showFormElement () {
  1724. if (!this.nodeDetail.id) {
  1725. this.$message({
  1726. type: "warning",
  1727. message: "请先选择在哪个节点下创建表"
  1728. });
  1729. return;
  1730. }
  1731. this.eleForm = {
  1732. elementList: []
  1733. };
  1734. this.eleVisible = true;
  1735. },
  1736. addEleRow (list) {
  1737. list.push({});
  1738. },
  1739. delEleRow (index, list) {
  1740. list.splice(index, 1);
  1741. },
  1742. saveFormAndElementHandle () {
  1743. this.$refs['eleDialog'].validate((valid) => {
  1744. if (valid) {
  1745. this.eleForm.wbsId = this.id;
  1746. this.eleForm.tenantId = this.userInfo.tenant_id;
  1747. this.eleForm.deptCategory = -1;
  1748. this.eleForm.type = 2;// '1'节点 '2'表单
  1749. this.eleForm.parentId = this.nodeDetail.id;
  1750. for (let i = 0; i < this.eleForm.elementList.length; i++) {
  1751. if (!this.eleForm.elementList[i].eName) {
  1752. this.$message({
  1753. type: "warning",
  1754. message: "请填写第" + (i + 1) + "条元素名称"
  1755. });
  1756. return;
  1757. }
  1758. if (!this.eleForm.elementList[i].eType) {
  1759. this.$message({
  1760. type: "warning",
  1761. message: "请选择第" + (i + 1) + "条数据类型"
  1762. });
  1763. return;
  1764. }
  1765. if (this.eleForm.elementList[i].eType != 4 && !this.eleForm.elementList[i].eLength) {
  1766. this.$message({
  1767. type: "warning",
  1768. message: "请填写第" + (i + 1) + "条长度"
  1769. });
  1770. return;
  1771. }
  1772. }
  1773. this.eleForm.elementList.forEach((element) => {
  1774. element.eAllowDeviation = (element.allow ? element.allow : '') + (element.deviation ? element.deviation : '');
  1775. if (element.eType == 4) {
  1776. this.$set(element, 'eLength', 0);
  1777. //element.eLength = 0;
  1778. }
  1779. })
  1780. saveFormAndElement(this.eleForm).then(() => {
  1781. //console.log(res)
  1782. //this.updateTreeNewNode();
  1783. this.updateNodeTable();
  1784. this.eleVisible = false;
  1785. this.$message({
  1786. type: "success",
  1787. message: "新增成功!"
  1788. });
  1789. })
  1790. } else {
  1791. //console.log('error submit!!');
  1792. return false;
  1793. }
  1794. });
  1795. },
  1796. updateTreeNewNode () {
  1797. let detail = (this.nodeDetail.parentId ? this.nodeDetail : this.curTreeData);
  1798. getLazytree(this.id, detail.parentId).then((res) => {
  1799. let node = this.$refs.tree.getNode(detail.parentId);
  1800. node.isLeaf = false;
  1801. node.isLeafByUser = false;
  1802. //console.log(node)
  1803. this.$refs.tree.updateKeyChildren(detail.parentId, res.data.data)
  1804. })
  1805. },
  1806. updateNodeTable () {
  1807. selectByNodeTable(this.curTreeData.id).then((res) => {
  1808. if (res.data.data.length) {
  1809. this.formData = res.data.data;
  1810. } else {
  1811. this.formData = [];
  1812. }
  1813. })
  1814. },
  1815. importHandle () {
  1816. },
  1817. handleEdit (index, row) {
  1818. this.curEleTable = row;
  1819. selectFormElements(this.curEleTable.id).then((res) => {
  1820. res.data.data.forEach((element) => {
  1821. this.eleReg.exec(element.eAllowDeviation);
  1822. //console.log(RegExp.$1)
  1823. //console.log(RegExp.$2)
  1824. element.allow = RegExp.$1 ? RegExp.$1 : '';
  1825. element.deviation = RegExp.$2 ? RegExp.$2 : '';
  1826. })
  1827. this.editEleList = res.data.data;
  1828. })
  1829. this.editEleVisible = true;
  1830. },
  1831. handleDelete (index, row) {
  1832. this.$confirm('是否删除 ' + row.tableName + ' ?', '删除元素表', {
  1833. distinguishCancelAndClose: true,
  1834. confirmButtonText: '删除',
  1835. cancelButtonText: '取消'
  1836. }).then(() => {
  1837. removeTableById(row.id).then(() => {
  1838. this.formData.splice(index, 1);
  1839. //this.updateTreeNewNode();
  1840. this.$message({
  1841. type: "success",
  1842. message: "删除成功!"
  1843. });
  1844. })
  1845. })
  1846. },
  1847. handleEditFormula (index, row) {
  1848. this.curEleTable = row;
  1849. selectFormElements(this.curEleTable.id).then((res) => {
  1850. this.editEleList = res.data.data;
  1851. })
  1852. this.editEleFormulaVisible = true;
  1853. },
  1854. saveNewEle (row) {
  1855. if (!row.eName) {
  1856. this.$message({
  1857. type: "warning",
  1858. message: "请填写元素名称"
  1859. });
  1860. return;
  1861. }
  1862. if (!row.eType) {
  1863. this.$message({
  1864. type: "warning",
  1865. message: "请选择数据类型"
  1866. });
  1867. return;
  1868. }
  1869. row.eAllowDeviation = (row.allow ? row.allow : '') + (row.deviation ? row.deviation : '');
  1870. row.fId = this.curEleTable.id;
  1871. row.initTableName = this.curEleTable.initTableName;
  1872. if (row.eType == 4) {
  1873. this.$set(row, 'eLength', 0);
  1874. //row.eLength = 0;
  1875. } else if (!row.eLength) {
  1876. this.$message({
  1877. type: "warning",
  1878. message: "请填写长度"
  1879. });
  1880. return;
  1881. }
  1882. saveElement(row).then((res) => {
  1883. if (res.data.data) {
  1884. this.$set(row, 'id', res.data.data.id);
  1885. this.$set(row, 'ekey', res.data.data.ekey);
  1886. this.$message({
  1887. type: "success",
  1888. message: "保存成功!"
  1889. });
  1890. }
  1891. })
  1892. },
  1893. delEleRowHandle (index, list) {
  1894. let row = list[index];
  1895. if (row.id) {
  1896. //有id需要请求删除
  1897. this.$confirm('是否确认删除?', '删除元素', {
  1898. distinguishCancelAndClose: true,
  1899. confirmButtonText: '删除',
  1900. cancelButtonText: '取消'
  1901. }).then(() => {
  1902. removeElement(row.id, this.curEleTable.initTableName, row.ekey).then(() => {
  1903. list.splice(index, 1);
  1904. })
  1905. })
  1906. } else {
  1907. list.splice(index, 1);
  1908. }
  1909. },
  1910. saveEles () {
  1911. for (let i = 0; i < this.editEleList.length; i++) {
  1912. if (!this.editEleList[i].id) {
  1913. this.$message({
  1914. type: "warning",
  1915. message: "请先将新增的元素点击保存"
  1916. });
  1917. return;
  1918. }
  1919. if (!this.editEleList[i].eName) {
  1920. this.$message({
  1921. type: "warning",
  1922. message: "请填写第" + (i + 1) + "条元素名称"
  1923. });
  1924. return;
  1925. }
  1926. if (!this.editEleList[i].eType) {
  1927. this.$message({
  1928. type: "warning",
  1929. message: "请选择第" + (i + 1) + "条数据类型"
  1930. });
  1931. return;
  1932. }
  1933. if (this.editEleList[i].eType != 4 && !this.editEleList[i].eLength) {
  1934. this.$message({
  1935. type: "warning",
  1936. message: "请填写第" + (i + 1) + "条长度"
  1937. });
  1938. return;
  1939. }
  1940. }
  1941. if (this.editEleList.length > 0) {
  1942. this.editEleList.forEach((element) => {
  1943. element.eAllowDeviation = (element.allow ? element.allow : '') + (element.deviation ? element.deviation : '');
  1944. if (element.eType == 4) {
  1945. this.$set(element, 'eLength', 0);
  1946. //element.eLength = 0;
  1947. }
  1948. })
  1949. updateBatchElements(this.editEleList, this.curEleTable.initTableName).then(() => {
  1950. this.editEleVisible = false;
  1951. this.updateNodeTable();
  1952. this.$message({
  1953. type: "success",
  1954. message: "保存成功!"
  1955. });
  1956. })
  1957. } else {
  1958. this.editEleVisible = false;
  1959. this.updateNodeTable();
  1960. this.$message({
  1961. type: "success",
  1962. message: "保存成功!"
  1963. });
  1964. }
  1965. },
  1966. filterChange () {
  1967. //console.log(this.$refs)
  1968. //debugger
  1969. if (this.treeData.length > 0) {
  1970. this.$refs.treeall.filter(this.filterText);
  1971. return;
  1972. }
  1973. this.treeLoad = true;
  1974. getAlltree(this.userInfo.tenant_id, 1, this.id).then((res) => {
  1975. this.treeLoad = false;
  1976. this.treeData = res.data.data;
  1977. this.$nextTick(() => {
  1978. this.$refs.treeall.filter(this.filterText);
  1979. })
  1980. })
  1981. },
  1982. importTemplate (data) {
  1983. this.importTemplateVisible = true;
  1984. this.curTreeData = data;
  1985. },
  1986. daoruClose () {
  1987. this.upFile = null
  1988. },
  1989. importTemplateHandle () {
  1990. if (!this.upFile) {
  1991. this.$message({
  1992. type: "warning",
  1993. message: "请先选择文件再进行导入"
  1994. });
  1995. return;
  1996. }
  1997. let forms = new FormData();
  1998. forms.append('excelFile', this.upFile);
  1999. let wbsTreeFu = {
  2000. wbsId: this.id,
  2001. parentId: this.curTreeData.id,
  2002. // ancestors:'0,'+this.curTreeData.id,
  2003. }
  2004. let json = JSON.stringify(wbsTreeFu);
  2005. let blob = new Blob([json], { type: 'application/json' })
  2006. forms.append('wbsTreeFu', blob);
  2007. this.importLoading = true;
  2008. importWbsTree(forms).then(() => {
  2009. //this.$router.go(0)
  2010. let node = this.$refs.tree.getNode(this.curTreeData.id);
  2011. node.isLeaf = false;
  2012. this.importTemplateVisible = false;
  2013. this.upFile = null;
  2014. }).finally(() => {
  2015. this.importLoading = false;
  2016. })
  2017. },
  2018. handleDownload () {//WBS划分模板
  2019. exportTemplate().then((res) => {
  2020. this.downloadExcel(res.data, 'WBS划分模板')
  2021. })
  2022. },
  2023. fileClick () {
  2024. this.$refs.file.click();
  2025. },
  2026. fileChange (e) {
  2027. const file = e.target.files[0]
  2028. if (!file) {
  2029. // 如果用户没有选择图片,只是点了文件上传这个按钮
  2030. return
  2031. }
  2032. //console.log(file)
  2033. this.upFile = file;
  2034. },
  2035. downloadTmp () {
  2036. getTemplate().then((res) => {
  2037. //console.log(res)
  2038. this.downloadExcel(res.data, '元素模板')
  2039. })
  2040. },
  2041. fileClick2 () {
  2042. this.$refs.file2.click();
  2043. },
  2044. tmpImport (e) {
  2045. const file = e.target.files[0];
  2046. const formData = new FormData();
  2047. formData.append('file', file);
  2048. //console.log(file.name)
  2049. importWbsElement(formData).then((res) => {
  2050. res.data.data.forEach((element) => {
  2051. element.eName = element.elementName;
  2052. element.eLength = element.elementLength;
  2053. element.eType = Number(element.elementType);
  2054. element.eAllowDeviation = element.elementAllowDeviation;
  2055. element.eInspectionMethod = element.elementInspectionMethod;
  2056. if (element.eAllowDeviation.indexOf(',') > 0) {
  2057. element.allow = '【】';
  2058. element.deviation = element.eAllowDeviation;
  2059. } else {
  2060. this.eleReg.exec(element.eAllowDeviation);
  2061. // console.log(RegExp.$1)
  2062. // console.log(RegExp.$2)
  2063. element.allow = RegExp.$1 ? RegExp.$1 : '';
  2064. element.deviation = RegExp.$2 ? RegExp.$2 : '';
  2065. }
  2066. })
  2067. this.eleForm.elementList = res.data.data;
  2068. this.importVisible = false;
  2069. }).finally(() => {
  2070. e.target.value = '';
  2071. })
  2072. },
  2073. visiblechange (value, data) {
  2074. this.$set(data, 'moreShow', value)
  2075. },
  2076. downloadExcel (data, filename = '') {
  2077. let blob = new Blob([data], {
  2078. type: 'application/vnd.ms-excel'
  2079. });
  2080. //console.log(blob)
  2081. if (!filename) {
  2082. filename = Date.parse(new Date());
  2083. }
  2084. filename = filename + '.xls';
  2085. if (window.navigator.msSaveOrOpenBlob) {
  2086. // 兼容IE10
  2087. window.navigator.msSaveBlob(blob, filename);
  2088. } else {
  2089. // 兼容chrome/firefox
  2090. let aTag = document.createElement('a');
  2091. aTag.download = filename;
  2092. aTag.href = window.URL.createObjectURL(blob);
  2093. aTag.click();
  2094. URL.revokeObjectURL(aTag.href);
  2095. }
  2096. },
  2097. toFormulaEdit (row) {
  2098. this.$router.push({
  2099. path: '/formula/edit',
  2100. query: {
  2101. wbsid: this.id,
  2102. eleid: row.id
  2103. }
  2104. });
  2105. },
  2106. getDeptCategorylist () {
  2107. if (this.deptCategorylist.length > 1) {
  2108. return;
  2109. }
  2110. getDictionary({
  2111. code: 'wbs_node_type'
  2112. }).then((res) => {
  2113. res.data.data.forEach(element => {
  2114. element.dictKey = Number(element.dictKey)
  2115. });
  2116. this.deptCategorylist = res.data.data;
  2117. })
  2118. },
  2119. getMajorDataTypeList () {
  2120. if (this.majorDataTypeList.length > 1) {
  2121. return;
  2122. }
  2123. getDictionary({
  2124. code: 'major_data_type'
  2125. }).then((res) => {
  2126. res.data.data.forEach(element => {
  2127. element.dictKey = Number(element.dictKey)
  2128. });
  2129. this.majorDataTypeList = res.data.data;
  2130. })
  2131. },
  2132. getTableTypelist () {
  2133. if (this.tableTypelist.length > 1) {
  2134. return;
  2135. }
  2136. getDictionary({
  2137. code: 'table_type'
  2138. }).then((res) => {
  2139. res.data.data.forEach(element => {
  2140. element.dictKey = Number(element.dictKey)
  2141. });
  2142. this.tableTypelist = res.data.data;
  2143. })
  2144. },
  2145. getDataTypelist () {
  2146. if (this.dataTypeList.length > 1) {
  2147. return;
  2148. }
  2149. getDictionary({
  2150. code: 'data_type'
  2151. }).then((res) => {
  2152. res.data.data.forEach(element => {
  2153. element.dictKey = Number(element.dictKey)
  2154. });
  2155. this.dataTypeList = res.data.data;
  2156. })
  2157. },
  2158. getOwnerTypelist () {
  2159. if (this.ownerTypeList.length > 1) {
  2160. return;
  2161. }
  2162. getDictionary({
  2163. code: 'owner_type'
  2164. }).then((res) => {
  2165. res.data.data.forEach(element => {
  2166. element.dictKey = Number(element.dictKey)
  2167. });
  2168. this.ownerTypeList = res.data.data;
  2169. })
  2170. },
  2171. formatCat (row, column, cellValue) {
  2172. for (let i = 0; i < this.deptCategorylist.length; i++) {
  2173. if (this.deptCategorylist[i].dictKey == cellValue) {
  2174. return this.deptCategorylist[i].dictValue
  2175. }
  2176. }
  2177. return cellValue;
  2178. //console.log(cellValue)
  2179. },
  2180. formatTableType (row, column, cellValue) {
  2181. for (let i = 0; i < this.tableTypelist.length; i++) {
  2182. if (this.tableTypelist[i].dictKey == cellValue) {
  2183. return this.tableTypelist[i].dictValue
  2184. }
  2185. }
  2186. return cellValue;
  2187. //console.log(cellValue)
  2188. },
  2189. formatOwner (row, column, cellValue) {
  2190. for (let i = 0; i < this.ownerTypeList.length; i++) {
  2191. if (this.ownerTypeList[i].dictKey == cellValue) {
  2192. return this.ownerTypeList[i].dictValue
  2193. }
  2194. }
  2195. return cellValue;
  2196. //console.log(cellValue)
  2197. },
  2198. formatdataType (row, column, cellValue) {
  2199. for (let i = 0; i < this.dataTypeList.length; i++) {
  2200. if (this.dataTypeList[i].dictKey == cellValue) {
  2201. return this.dataTypeList[i].dictValue
  2202. }
  2203. }
  2204. return cellValue;
  2205. //console.log(cellValue)
  2206. },
  2207. filterNode (value, data) {
  2208. //console.log(value)
  2209. if (!value) return true;
  2210. return data.title.indexOf(value) !== -1;
  2211. },
  2212. //修改数据类型,给个默认值
  2213. setDefaultLength (row) {
  2214. this.$set(row, 'eLength', this.dataTypeDefaultMap[row.eType]);
  2215. },
  2216. //#endregion
  2217. //#region 节点参数
  2218. nodeInfo (data) {//节点参数按钮
  2219. this.keymap()
  2220. this.jiedianId = data.id
  2221. this.parameters(data.id)
  2222. this.nodeInfoVisible = true;
  2223. },
  2224. addNodeInfoTable () {//添加节点参数数据
  2225. this.nodeInfoTable.unshift({ k: '', v: '', remark: '', wbsId: this.jiedianId })
  2226. },
  2227. delNodeInfo (key) {//设置参数名称中的删除按钮
  2228. this.namelists.splice(key, 1)
  2229. },
  2230. delNodeInfoss (key) {//节点参数
  2231. this.nodeInfoTable.splice(key, 1)
  2232. },
  2233. setNodeParameters () {//打开设置节点参数弹框按钮
  2234. this.infoNameVisible = true
  2235. this.namelists = [...this.namelist]
  2236. },
  2237. async setParameterName () {//设置参数名称中添加节点参数按钮
  2238. // wbsId: this.jiedianId
  2239. this.namelists.unshift({ name: '', remark: '', k: '', type: 0, })
  2240. },
  2241. async nodeInfoSave () {//节点参数弹框保存按钮
  2242. if (this.nodeInfoTable) {
  2243. let tag = true
  2244. this.nodeInfoTable.forEach(val => {
  2245. if (!val.k | !val.v) {
  2246. return tag = false
  2247. }
  2248. })
  2249. if (tag) {
  2250. await this.saveOrUpdateBatch(this.nodeInfoTable)
  2251. this.nodeInfoVisible = false
  2252. this.$message({
  2253. type: "success",
  2254. message: "设置参数节点成功!"
  2255. })
  2256. } else {
  2257. this.$message({
  2258. type: "error",
  2259. message: "请填写所有的参数名称和参数值!"
  2260. })
  2261. }
  2262. } else {
  2263. this.$message({
  2264. type: "error",
  2265. message: "请先设置参数节点!"
  2266. })
  2267. }
  2268. },
  2269. async addParameterName () {//设置参数名称中的保存按钮
  2270. if (this.namelists) {
  2271. let tag = true
  2272. this.namelists.forEach(val => {
  2273. if (!val.name || !val.k) {
  2274. return tag = false
  2275. }
  2276. })
  2277. if (tag) {
  2278. await this.saveOrUpdateBatch(this.namelists) //保存设置参数
  2279. this.infoNameVisible = false
  2280. this.keymap()
  2281. } else {
  2282. this.$message({
  2283. type: "error",
  2284. message: "请填写所有的参数名称和参数值KEY!"
  2285. })
  2286. }
  2287. } else {
  2288. this.$message({
  2289. type: "error",
  2290. message: "请设置参数"
  2291. })
  2292. }
  2293. },
  2294. closeParameter () {//设置参数名称,关闭按钮
  2295. this.namelists = []
  2296. this.infoNameVisible = false
  2297. },
  2298. async parameters (wbsId) {//获取接待你参数列表
  2299. const { data: res } = await parameters({ wbsId })
  2300. //console.log(res);
  2301. if (res.code == 200) {
  2302. this.nodeInfoTable = res.data
  2303. }
  2304. },
  2305. async saveOrUpdateBatch (da) {//保存
  2306. const { data: res } = await saveOrUpdateBatch(da)
  2307. //console.log(res);
  2308. },
  2309. async keymap () {//节点参数枚举
  2310. const { data: res } = await keymap()
  2311. //console.log(res);
  2312. if (res.code == 200) {
  2313. this.namelist = res.data
  2314. }
  2315. },
  2316. //#endregion
  2317. //#region 导入元素
  2318. ImportElement (data) {//导入元素按钮
  2319. console.log(data);
  2320. this.ImportElementdata.ancestors = data.ancestors
  2321. this.ImportElementdata.id = data.id
  2322. this.ImportElementTag = true
  2323. },
  2324. async pushImportElement () {//确定按钮
  2325. if (this.ImportElementFile.length > 0) {
  2326. let formData = new FormData()
  2327. formData.append('wbsId', this.$route.params.id)
  2328. formData.append('ancestors', this.ImportElementdata.ancestors)
  2329. formData.append('id', this.ImportElementdata.id)
  2330. formData.append('tenantId', this.userInfo.tenant_id)
  2331. formData.append('excelFile', this.ImportElementFile[0].raw)
  2332. await this.importwbsTreeFormBatch(formData)
  2333. this.ImportElementFile = []
  2334. this.ImportElementTag = false
  2335. }
  2336. },
  2337. ImportElementHandleClose () {//关闭弹框事件
  2338. this.ImportElementTag = false
  2339. this.loding = false
  2340. this.ImportElementFile = []
  2341. },
  2342. ElementChange (file, fileList) {//文件上传时的钩子
  2343. //console.log(fileList);
  2344. if (this.ImportElementFile.length == 0) {
  2345. this.ImportElementFile = fileList
  2346. }
  2347. },
  2348. ElementRemove (file, fileList) {
  2349. this.ImportElementFile = fileList
  2350. },
  2351. async importwbsTreeFormBatch (da) {
  2352. this.loding = true
  2353. try {
  2354. const { data: res } = await importwbsTreeFormBatch(da)
  2355. console.log(res);
  2356. if (res.code == 200) {
  2357. this.$message({
  2358. type: "success",
  2359. message: "导入成功!"
  2360. })
  2361. }
  2362. this.loding = false
  2363. } catch (error) {
  2364. this.loding = false
  2365. }
  2366. },
  2367. async exportBatchTemplate () {
  2368. const res = await exportBatchTemplate()
  2369. //console.log(res);
  2370. if (res.status == 200) {
  2371. this.downloadExcel(res.data, '导入元素模板')
  2372. }
  2373. },
  2374. xiazaielement () {
  2375. this.exportBatchTemplate()
  2376. },
  2377. //#endregion
  2378. //#region 元素表单信息
  2379. editEditElementForm () {//标记元素
  2380. if (this.formData.length) {
  2381. let da = []
  2382. this.formDatass = [...this.formData]
  2383. this.formDatass.forEach(val => {
  2384. da.push({
  2385. tableType: val.tableType - 0,
  2386. tableOwner: val.tableOwner - 0,
  2387. id: val.id,
  2388. tableName: val.tableName,
  2389. })
  2390. })
  2391. this.formDatass = da
  2392. this.editElementFormTag = true
  2393. }
  2394. },
  2395. editeditElementFormMF () {//保存按钮
  2396. let da = []
  2397. let tag = true
  2398. this.formDatass.forEach(val => {
  2399. if (!val.tableName || !val.tableType || !val.tableOwner) {
  2400. tag = false
  2401. return
  2402. } else {
  2403. da.push({
  2404. id: val.id,
  2405. deptName: val.tableName,
  2406. tableType: val.tableType,
  2407. tableOwner: val.tableOwner,
  2408. })
  2409. }
  2410. })
  2411. if (tag) {
  2412. this.updateBatchNodeTableInfo(da)
  2413. } else {
  2414. this.$message({
  2415. type: 'success',
  2416. message: '请填写完整元素表单的所有信息!',
  2417. })
  2418. }
  2419. },
  2420. async updateBatchNodeTableInfo (da) {//共有编辑元素
  2421. const { data: res } = await updateBatchNodeTableInfo(da)
  2422. //console.log(res);
  2423. if (res.code == 200) {
  2424. this.editElementFormTag = false
  2425. this.updateNodeTable()
  2426. }
  2427. },
  2428. //#endregion
  2429. },
  2430. components: {
  2431. ManualSorting,
  2432. }
  2433. };
  2434. </script>
  2435. <style scoped lang="scss">
  2436. .font-s-12 /deep/ .iconfont {
  2437. font-size: 12px;
  2438. }
  2439. .el-popper[x-placement^="bottom"] {
  2440. margin-top: -6px;
  2441. }
  2442. .right-btn {
  2443. position: absolute;
  2444. right: 20px;
  2445. top: 10px;
  2446. font-size: 20px;
  2447. }
  2448. .custom-tree-node {
  2449. .normal-black {
  2450. display: none;
  2451. }
  2452. &:hover {
  2453. .normal-black {
  2454. display: block;
  2455. }
  2456. }
  2457. &.show .normal-black {
  2458. display: block;
  2459. }
  2460. }
  2461. .jiedian {
  2462. /deep/.el-dialog__body {
  2463. padding: 10px 20px !important;
  2464. }
  2465. }
  2466. .filter-tree {
  2467. min-width: 100%;
  2468. display: inline-block;
  2469. }
  2470. </style>