12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413 |
- <template>
- <basic-container>
- <el-row class="titlerow">
- <el-col style="margin-bottom: 0px; margin-top: 8px">
- <div style="position: relative">
- <!-- <el-button type="primary" size="medium" icon="el-icon-plus" class="mg-b-10" @click="addNodeHandle">新增节点</el-button>
- <el-button type="primary" size="medium" icon="el-icon-edit-outline" class="mg-b-10" @click="editNodeHandle">编辑当前节点</el-button>
- <el-button type="primary" size="medium" icon="el-icon-document-copy" class="mg-b-10" @click="copyNodeHandle">复制当前节点</el-button>
- <el-button type="warning" size="medium" icon="el-icon-delete" class="mg-b-10" @click="delNodeHandle">删除当前节点</el-button> -->
- <el-button
- type="primary"
- size="medium"
- icon="el-icon-upload"
- v-show="curTreeNode && curTreeNode.level == 2"
- class="mg-b-10"
- @click="importTemplate(curTreeData, curTreeNode)"
- >导入划分</el-button
- >
- <el-button
- class="mg-b-10"
- size="medium"
- icon="el-icon-s-grid"
- @click="eleFormulaHandle"
- v-if="leftType == 5"
- >元素公式设置</el-button
- >
- <el-button
- class="mg-b-10"
- size="medium"
- icon="el-icon-s-grid"
- @click="eleHandle"
- v-else
- >元素设置</el-button
- >
- <el-button
- class="mg-b-10"
- size="medium"
- icon="el-icon-help"
- @click="nodeInfoHandle"
- >节点参数设置</el-button
- >
- </div>
- </el-col>
- </el-row>
- <el-row :gutter="20" class="h-100p">
- <el-col :span="10" style="height: 85%">
- <div class="h-100p flex flex-d-c">
- <p>工程节点信息</p>
- <div
- class="flex"
- style="align-items: center; justify-content: space-between"
- >
- <el-input
- placeholder="输入关键字进行搜索"
- v-model="filterText"
- clearable
- style="width: 70%; margin-right: 15px"
- @clear="clearSearch"
- ></el-input>
- <el-switch
- v-model="searchType"
- active-value="1"
- inactive-value="2"
- inline-prompt
- active-text="按节点"
- inactive-text="按表名"
- />
- <el-button type="primary" @click="searchTreeClick">搜索</el-button>
- </div>
- <div class="flex1 ov-hidden" v-loading="treeLoad">
- <el-scrollbar class="h-100p">
- <div>
- <el-tree
- v-show="!isSearch"
- class="filter-tree"
- lazy
- :load="loadNode"
- @node-click="getNodeDetail"
- :props="defaultProps"
- :expand-on-click-node="false"
- highlight-current
- node-key="id"
- ref="tree"
- :default-expanded-keys="defaultExpandedKeys"
- :data="treeData"
- >
- <span
- class="custom-tree-node"
- :class="data.moreShow ? 'show' : ''"
- slot-scope="{ node, data }"
- @mouseleave="mouseout(data)"
- >
- <div class="pd-r-20">
- {{ node.label }}
- <div class="normal-black">
- <!-- <el-link :underline="false">
- <i class="el-icon-sort" @click="paixuMD(data)" v-if="node.level != 1" title="调整排序"></i>
- </el-link> -->
- <div>
- <el-link :underline="false">
- <i
- class="el-icon-menu"
- @click.stop="showMenu($event, data, node)"
- ></i>
- </el-link>
- <!-- 因右键自定义菜单事件需要获取当前点击的位置,所以此处绑定动态样式来控制菜单实时跟踪鼠标右键点击位置 -->
- <ul
- v-show="menuvisible"
- :style="{
- left: menuleft + 'px',
- top: menutop + 'px',
- }"
- class="contextmenu"
- >
- <li
- v-for="item in menusData"
- :key="item"
- @click="menuClick($event, item, data)"
- v-if="node.level !== 1"
- >
- <i :class="item.icon"></i>{{ item.label }}
- </li>
- <li
- v-for="item in menusData1"
- :key="item"
- @click="menuClick($event, item, data)"
- v-if="node.level === 1"
- >
- <i :class="item.icon"></i>{{ item.label }}
- </li>
- </ul>
- </div>
- </div>
- </div>
- </span>
- </el-tree>
- <el-tree
- v-show="isSearch"
- :data="searchTreeData"
- @node-click="getNodeDetail"
- :props="defaultProps"
- :expand-on-click-node="false"
- highlight-current
- node-key="id"
- :load="searchtreeLoad"
- default-expand-all
- >
- <span
- class="custom-tree-node"
- slot-scope="{ node, data }"
- :class="data.moreShow ? 'show' : ''"
- @mouseleave="mouseout(data)"
- >
- <div class="pd-r-20">
- {{ node.label }}
- <div class="normal-black">
- <div>
- <el-link :underline="false">
- <i
- class="el-icon-menu"
- @click.stop="showMenu($event, data, node)"
- v-if="node.level != 1"
- ></i>
- </el-link>
- <ul
- v-show="menuvisible"
- :style="{
- left: menuleft + 'px',
- top: menutop + 'px',
- }"
- class="contextmenu"
- >
- <li
- v-for="item in menusData"
- :key="item"
- @click="menuClick($event, item, data)"
- >
- <i :class="item.icon"></i>{{ item.label }}
- </li>
- </ul>
- </div>
- </div>
- </div>
- </span>
- </el-tree>
- </div>
- </el-scrollbar>
- </div>
- </div>
- </el-col>
- <el-col :span="14" class="h-100p flex flex-d-c">
- <!-- <div>
- <el-button type="primary" size="medium" icon="el-icon-plus" class="mg-b-10" @click="addNodeHandle">新增节点</el-button>
- <el-button type="primary" size="medium" icon="el-icon-edit-outline" class="mg-b-10" @click="editNodeHandle">编辑当前节点</el-button>
- <el-button type="primary" size="medium" icon="el-icon-document-copy" class="mg-b-10" @click="copyNodeHandle">复制当前节点</el-button>
- <el-button type="warning" size="medium" icon="el-icon-delete" class="mg-b-10" @click="delNodeHandle">删除当前节点</el-button>
- <el-button type="primary" size="medium" icon="el-icon-upload" v-show="curTreeNode && curTreeNode.level == 2" class="mg-b-10" @click="importTemplate(curTreeData,curTreeNode)">导入划分</el-button>
- <el-button class="el-btn-purple mg-b-10" type="primary" size="medium" icon="el-icon-s-grid" @click="eleFormulaHandle" v-if="leftType==5">元素公式设置</el-button>
- <el-button class="el-btn-purple mg-b-10" type="primary" size="medium" icon="el-icon-s-grid" @click="eleHandle" v-else>元素设置</el-button>
- <el-button class="el-btn-purple mg-b-10" type="primary" size="medium" icon="el-icon-help" @click="nodeInfoHandle">节点参数设置</el-button>
- </div> -->
- <template v-if="leftType == 5">
- <p class="mg-b-10">节点信息</p>
- <div>
- <el-table :data="tableData" border style="width: 100%">
- <el-table-column
- align="center"
- prop="nodeName"
- label="当前节点"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="nodeType"
- :formatter="formatCat"
- label="节点类型"
- width="180"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="parentName"
- label="上级节点"
- ></el-table-column>
- </el-table>
- </div>
- <div class="flex jc-sb">
- <p>
- <span>当前已创建的元素表</span>
- <el-button
- @click="showFormElement"
- type="text"
- icon="el-icon-circle-plus-outline"
- class="text-icon mg-l-10"
- ></el-button>
- <el-button
- type="text"
- icon="el-icon-document-copy"
- class="text-icon"
- ></el-button>
- <el-button
- type="text"
- icon="el-icon-edit-outline"
- class="text-icon"
- @click="editEditElementForm()"
- ></el-button>
- <el-button
- type="text"
- icon="el-icon-sort"
- class="text-icon"
- @click="paixucc()"
- ></el-button>
- </p>
- <div class="mg-t-10"></div>
- </div>
- <div style="flex: 1; position: relative">
- <el-table
- :data="formData"
- border
- height="100%"
- style="width: 100%; position: absolute"
- >
- <el-table-column
- align="center"
- prop="tableName"
- label="表单名称"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="elementTotal"
- label="元素总量"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="fillRate"
- label="填报率"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="tableType"
- :formatter="formatTableType"
- label="表单类型"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="tableOwner"
- :formatter="formatOwner"
- label="所属方"
- ></el-table-column>
- <el-table-column label="操作">
- <template slot-scope="scope">
- <el-button
- size="mini"
- @click="handleEdit(scope.$index, scope.row)"
- >编辑</el-button
- >
- <el-button
- size="mini"
- type="danger"
- @click="handleDelete(scope.$index, scope.row)"
- >删除</el-button
- >
- </template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <template v-if="leftType == 4">
- <div style="flex: 1; position: relative">
- <el-table
- :data="formData"
- border
- height="100%"
- style="width: 100%; position: absolute"
- >
- <el-table-column
- align="center"
- prop="tableName"
- label="表单名称"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="elementTotal"
- label="元素总量"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="fillRate"
- label="填报率"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="tableType"
- :formatter="formatTableType"
- label="表单类型"
- ></el-table-column>
- <el-table-column
- align="center"
- prop="tableOwner"
- :formatter="formatOwner"
- label="所属方"
- ></el-table-column>
- <el-table-column label="操作" width="200">
- <template slot-scope="scope">
- <el-button
- size="mini"
- @click="handleEditFormula(scope.$index, scope.row)"
- >编辑元素公式</el-button
- >
- <el-button
- size="mini"
- type="danger"
- @click="handleDelete(scope.$index, scope.row)"
- >删除</el-button
- >
- </template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- </el-col>
- </el-row>
- <!-- 编辑元素表单信息 -->
- <el-dialog
- title="编辑元素表单信息"
- :visible.sync="editElementFormTag"
- width="60%"
- :modal-append-to-body="false"
- >
- <div>
- <el-table :data="formDatass" border style="width: 100%">
- <el-table-column prop="tableName" label="表名">
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.tableName"
- placeholder="请输入表名称"
- ></el-input>
- </template>
- </el-table-column>
- <el-table-column prop="tableType" label="表类型">
- <template slot-scope="scope">
- <el-select v-model="scope.row.tableType" placeholder="请选择">
- <el-option
- v-for="(item, key) in tableTypelist"
- :key="key"
- :label="item.dictValue"
- :value="item.dictKey"
- >
- </el-option>
- </el-select>
- </template>
- </el-table-column>
- <el-table-column prop="tableOwner" label="所属方">
- <template slot-scope="scope">
- <el-select v-model="scope.row.tableOwner" placeholder="请选择">
- <el-option
- v-for="(item, key) in ownerTypeList"
- :key="key"
- :label="item.dictValue"
- :value="item.dictKey"
- >
- </el-option>
- </el-select>
- </template>
- </el-table-column>
- <el-table-column prop="fillRate" label="填报率">
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.fillRate"
- placeholder="请输入填报率"
- ></el-input>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="editElementFormTag = false">取 消</el-button>
- <el-button type="primary" @click="editeditElementFormMF()"
- >确 定</el-button
- >
- </span>
- </el-dialog>
- <!-- 导入元素 -->
- <el-dialog
- title="导入元素"
- :visible.sync="ImportElementTag"
- width="30%"
- :modal-append-to-body="false"
- :before-close="ImportElementHandleClose"
- >
- <div>
- <el-link type="primary" @click="xiazaielement">下载导入模版</el-link>
- </div>
- <el-upload
- class="upload-demo martop10"
- action="#"
- accept=".xlsx,.xls"
- :multiple="false"
- :limit="1"
- :auto-upload="false"
- :on-change="ElementChange"
- :file-list="ImportElementFile"
- :on-remove="ElementRemove"
- >
- <el-button
- v-if="ImportElementFile.length === 0"
- size="small"
- type="primary"
- >点击上传</el-button
- >
- <div slot="tip" class="el-upload__tip">只能上传xlsx / xls文件</div>
- </el-upload>
- <span slot="footer" class="dialog-footer">
- <el-button @click="ImportElementHandleClose()">取 消</el-button>
- <el-button type="primary" :disabled="loding" @click="pushImportElement"
- >确 定</el-button
- >
- </span>
- </el-dialog>
- <!-- wbs树排序弹框 -->
- <el-dialog
- title="调整排序"
- :visible.sync="sortTag"
- width="50%"
- append-to-body
- >
- <ManualSorting v-if="sortTag2" @bianhua="bianhua()" :sort="sort" />
- <span slot="footer" class="dialog-footer">
- <el-button @click="(sortTag = false), (sortTag2 = false)"
- >取 消</el-button
- >
- <el-button type="primary" @click="editSort()">确 定</el-button>
- </span>
- </el-dialog>
- <!-- 元素表排序 -->
- <el-dialog
- title="调整排序"
- :visible="excelSortTag"
- width="50%"
- append-to-body
- >
- <ManualSorting v-if="excelSortTag2" @bianhua="bianhua2()" :sort="sort" />
- <span slot="footer" class="dialog-footer">
- <el-button @click="excelSortTag = false">取 消</el-button>
- <el-button type="primary" @click="editExcelSort()">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog
- :title="dialogTitle"
- :visible.sync="dialogVisible"
- width="50%"
- append-to-body
- :close-on-click-modal="false"
- @closed="saveNodeLoading = false"
- >
- <el-form
- ref="nodeDetail"
- :model="nodeDetail"
- :rules="rules"
- label-width="140px"
- >
- <el-form-item label="节点名称" prop="nodeName">
- <div class="flex">
- <el-input v-model="nodeDetail.nodeName"></el-input>
- <el-button class="mg-l-10" type="primary" @click="aliasShow"
- >添加别名</el-button
- >
- </div>
- </el-form-item>
- <el-form-item label="上级节点">
- <el-input v-model="nodeDetail.parentName" disabled></el-input>
- </el-form-item>
- <el-form-item label="节点类型" prop="nodeType">
- <el-select
- filterable
- v-model="nodeDetail.nodeType"
- placeholder="请选择"
- class="w-100p"
- @change="nodeTypeChange"
- >
- <el-option
- v-for="item in nodeTypelist"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </el-form-item>
- <el-form-item
- label="划分编号"
- v-if="wbsType !== 2 && wbsType !== 5 && wbsType !== 3"
- >
- <el-input v-model="nodeDetail.partitionCode"></el-input>
- </el-form-item>
- <el-form-item label="唯一编码" v-if="(wbsType !== 5) & (wbsType !== 3)">
- <el-input v-model="nodeDetail.uniqueCode"></el-input>
- </el-form-item>
- <template v-if="nodeDetail.nodeType == 6 && wbsType !== 3">
- <el-form-item label="是否有混凝土">
- <el-radio-group v-model="nodeDetail.isConcrete" size="small">
- <el-radio :label="0" border>无</el-radio>
- <el-radio :label="1" border>有</el-radio>
- </el-radio-group>
- </el-form-item>
- <el-form-item label="是否试验节点">
- <el-radio-group v-model="nodeDetail.isExpernode" size="small">
- <el-radio :label="0" border>否</el-radio>
- <el-radio :label="1" border>是</el-radio>
- </el-radio-group>
- </el-form-item>
- </template>
- <el-form-item
- label="内业资料类型"
- prop="majorDataType"
- v-if="wbsType !== 2 && (wbsType !== 5) & (wbsType !== 3)"
- >
- <el-select
- v-model="nodeDetail.majorDataType"
- placeholder="请选择"
- class="w-100p"
- >
- <el-option
- v-for="item in majorDataTypeList"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </el-form-item>
- <el-form-item
- label="勾选相关联试验"
- prop="mixRatioTestIds"
- v-if="wbsType === 2 && nodeDetail.nodeType === 53"
- >
- <div
- style="position: relative; height: 300px; border: 1px solid #dddfe6"
- >
- <el-scrollbar class="h-100p">
- <div v-loading="testTreeLoad">
- <el-tree
- class="filter-tree"
- :data="testTreeData"
- :props="defaultProps"
- :expand-on-click-node="false"
- highlight-current
- node-key="id"
- ref="treeall"
- show-checkbox
- :default-checked-keys="mixRatioTestIds"
- @check="TestTreeCheckChange"
- />
- </div>
- </el-scrollbar>
- </div>
- </el-form-item>
- <el-form-item label="标准分类">
- <el-select
- v-model="nodeDetail.className"
- placeholder="请选择"
- class="w-100p"
- @change="changeStandType"
- >
- <el-option
- v-for="item in standardTypeOptions"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="单元名称">
- <el-select
- v-model="nodeDetail.unitName"
- placeholder="请选择"
- class="w-100p"
- >
- <el-option
- v-for="item in unitOptions"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisible = false">取 消</el-button>
- <el-button type="primary" @click="saveNode" :loading="saveNodeLoading"
- >确 定</el-button
- >
- </span>
- </el-dialog>
- <el-dialog
- title="创建新的元素表"
- :visible.sync="eleVisible"
- width="80%"
- append-to-body
- :close-on-click-modal="false"
- >
- <el-form
- ref="eleDialog"
- :model="eleForm"
- :rules="eleRules"
- label-width="110px"
- >
- <el-form-item label="表名" prop="nodeName">
- <el-input v-model="eleForm.nodeName"></el-input>
- </el-form-item>
- <el-row>
- <el-col :span="8">
- <el-form-item label="表类型" prop="tableType">
- <el-select
- v-model="eleForm.tableType"
- placeholder="请选择"
- class="w-100p"
- >
- <el-option
- v-for="item in tableTypelist"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="所属方" prop="tableOwner">
- <el-select
- v-model="eleForm.tableOwner"
- placeholder="请选择"
- class="w-100p"
- >
- <el-option
- v-for="item in ownerTypeList"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label="填报率" prop="fillRate">
- <el-input v-model="eleForm.fillRate"></el-input>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div class="flex jc-sb">
- <div></div>
- <div>
- <el-link type="primary" @click="importVisible = true"
- >快捷导入</el-link
- >
- <el-link type="primary" class="mg-l-20" @click="downloadTmp"
- >下载导入模版</el-link
- >
- </div>
- </div>
- <div class="border-grey">
- <p class="font-c-warning">编辑元素信息(请谨慎操作)</p>
- <el-table
- :data="eleForm.elementList"
- border
- style="width: 100%"
- height="400px"
- >
- <el-table-column
- align="center"
- type="index"
- width="50"
- ></el-table-column>
- <el-table-column align="center" prop="eName" label="元素名称">
- <template slot="header">
- <i class="required"></i>
- <span>元素名称</span>
- </template>
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.eName"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="eType"
- label="数据类型"
- width="120"
- >
- <template slot="header">
- <i class="required"></i>
- <span>数据类型</span>
- </template>
- <template slot-scope="scope">
- <el-select
- v-model="scope.row.eType"
- @change="setDefaultLength(scope.row)"
- size="small"
- placeholder="请选择"
- >
- <el-option
- v-for="item in dataTypeList"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="eLength"
- label="长度"
- width="120"
- >
- <template slot="header">
- <i class="required"></i>
- <span>长度</span>
- </template>
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.eLength"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="eAllowDeviation"
- label="允许偏差值"
- >
- <template slot-scope="scope">
- <div class="flex">
- <el-select
- v-model="scope.row.allow"
- :popper-append-to-body="false"
- size="small"
- placeholder="请选择"
- style="width: 120px"
- >
- <el-option :key="1" label="-" value="-"></el-option>
- <el-option :key="2" label=">" value=">"></el-option>
- <el-option :key="3" label="<" value="<"></el-option>
- <el-option :key="4" label="≥" value="≥"></el-option>
- <el-option :key="5" label="≤" value="≤"></el-option>
- <el-option :key="6" label="±" value="±"></el-option>
- <el-option :key="7" label="【】" value="【】"></el-option>
- </el-select>
- <el-input
- v-model="scope.row.deviation"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </div>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="eInspectionMethod"
- label="检查方法和频率"
- >
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.eInspectionMethod"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </template>
- </el-table-column>
- <el-table-column align="center" label="操作" width="80">
- <template slot="header">
- <el-button
- @click="addEleRow(eleForm.elementList)"
- type="text"
- icon="el-icon-circle-plus-outline"
- class="text-icon"
- ></el-button>
- </template>
- <template slot-scope="scope">
- <el-button
- icon="el-icon-remove-outline"
- type="text"
- @click="delEleRow(scope.$index, eleForm.elementList)"
- class="text-icon text-icon-danger"
- ></el-button>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="eleVisible = false">取 消</el-button>
- <el-button type="primary" @click="saveFormAndElementHandle"
- >保 存</el-button
- >
- </span>
- </el-dialog>
- <el-dialog
- title="模版导入"
- :visible.sync="importVisible"
- width="50%"
- append-to-body
- :close-on-click-modal="false"
- >
- <p>
- 提示:必须按照系统要求的模版格式上传,否则系统识别无效
- <el-link type="primary" @click="downloadTmp">下载导入模版</el-link>
- </p>
- <div>
- <el-button size="small" type="primary" @click="fileClick2"
- >本地上传</el-button
- >
- <input
- @change="tmpImport"
- type="file"
- hidden
- ref="file2"
- accept=".xls, .xlsx"
- />
- </div>
- <el-table :data="tempList" border style="width: 100%">
- <el-table-column align="center" prop="eName" label="元素名称">
- </el-table-column>
- <el-table-column
- align="center"
- prop="eType"
- label="数据类型"
- width="120"
- >
- </el-table-column>
- <el-table-column align="center" prop="eLength" label="长度" width="120">
- </el-table-column>
- <el-table-column
- align="center"
- prop="eAllowDeviation"
- label="允许偏差值"
- >
- </el-table-column>
- <el-table-column
- align="center"
- prop="eInspectionMethod"
- label="检查方法和频率"
- >
- </el-table-column>
- </el-table>
- <span slot="footer" class="dialog-footer">
- <el-button @click="importVisible = false">取 消</el-button>
- <el-button type="primary" @click="importHandle">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog
- :title="
- (curEleTable.tableName ? curEleTable.tableName : '') + ' 元素编辑'
- "
- :visible.sync="editEleVisible"
- width="80%"
- append-to-body
- :close-on-click-modal="false"
- >
- <p class="font-c-warning">编辑元素信息(请谨慎操作)</p>
- <div style="display: flex; margin-bottom: 10px">
- <el-input
- placeholder="请输入你想编辑的元素名称"
- v-model="searchinput"
- :size="size"
- clearable
- @clear="clearsearchinput"
- >
- </el-input>
- <el-button
- type="primary"
- icon="el-icon-search"
- size="small"
- @click="searchinputChange"
- >搜索</el-button
- >
- </div>
- <el-table
- :data="editEleList"
- border
- style="width: 100%"
- height="400px"
- v-loading="editEleloading"
- >
- <el-table-column
- align="center"
- type="index"
- width="50"
- ></el-table-column>
- <el-table-column align="center" prop="eName" label="元素名称">
- <template slot="header">
- <i class="required"></i>
- <span>元素名称</span>
- </template>
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.eName"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="eType"
- label="数据类型"
- width="120"
- >
- <template slot="header">
- <i class="required"></i>
- <span>数据类型</span>
- </template>
- <template slot-scope="scope">
- <el-select
- v-model="scope.row.eType"
- @change="setDefaultLength(scope.row)"
- size="small"
- placeholder="请选择"
- >
- <el-option
- v-for="item in dataTypeList"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="eLength" label="长度" width="120">
- <template slot="header">
- <i class="required"></i>
- <span>长度</span>
- </template>
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.eLength"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="eAllowDeviation"
- label="允许偏差值"
- >
- <template slot-scope="scope">
- <div class="flex">
- <el-select
- v-model="scope.row.allow"
- size="small"
- placeholder="请选择"
- style="width: 120px"
- >
- <el-option :key="1" label="-" value="-"></el-option>
- <el-option :key="2" label=">" value=">"></el-option>
- <el-option :key="3" label="<" value="<"></el-option>
- <el-option :key="4" label="≥" value="≥"></el-option>
- <el-option :key="5" label="≤" value="≤"></el-option>
- <el-option :key="6" label="±" value="±"></el-option>
- <el-option :key="7" label="【】" value="【】"></el-option>
- </el-select>
- <el-input
- v-model="scope.row.deviation"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </div>
- </template>
- </el-table-column>
- <el-table-column
- align="center"
- prop="eInspectionMethod"
- label="检查方法和频率"
- >
- <template slot-scope="scope">
- <el-input
- v-model="scope.row.eInspectionMethod"
- size="small"
- placeholder="请输入内容"
- ></el-input>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="dynamicDict" label="动态字典">
- <template slot="header">
- <span>动态字典</span>
- </template>
- <template slot-scope="scope">
- <el-select
- v-model="scope.row.dynamicDict"
- @change="setDefaultLength(scope.row)"
- filterable
- size="small"
- placeholder="请选择"
- >
- <el-option
- v-for="item in dynamicDictList"
- :key="item.id"
- :label="item.dictValue"
- :value="item.dictKey"
- ></el-option>
- </el-select>
- </template>
- </el-table-column>
- <el-table-column align="center" label="操作" width="120">
- <template slot="header">
- <el-button
- @click="addEleRow(editEleList)"
- type="text"
- icon="el-icon-circle-plus-outline"
- class="text-icon"
- ></el-button>
- </template>
- <template slot-scope="scope">
- <el-button
- v-if="scope.row.id"
- icon="el-icon-remove-outline"
- type="text"
- @click="delEleRowHandle(scope.$index, editEleList)"
- class="text-icon text-icon-danger"
- ></el-button>
- <div class="flex" v-else>
- <el-button @click="saveNewEle(scope.row)" type="mini"
- >保存</el-button
- >
- <el-button
- icon="el-icon-remove-outline"
- type="text"
- @click="delEleRowHandle(scope.$index, editEleList)"
- class="text-icon text-icon-danger"
- ></el-button>
- </div>
- </template>
- </el-table-column>
- </el-table>
- <span slot="footer" class="dialog-footer">
- <el-button @click="editEleVisible = false">取 消</el-button>
- <el-button type="primary" @click="saveEles">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog
- :title="
- (curEleTable.tableName ? curEleTable.tableName : '') +
- ' 元素公式(WBS级)'
- "
- :visible.sync="editEleFormulaVisible"
- width="800px"
- append-to-body
- :close-on-click-modal="false"
- >
- <div class="flex mg-b-10">
- <el-input
- v-model="formulaInput"
- placeholder="请输入名称"
- size="samll"
- clearable
- @clear="searchFormulaName"
- ></el-input>
- <el-button type="info" class="mg-l-10" @click="searchFormulaName"
- >搜索</el-button
- >
- </div>
- <el-table
- :data="editEleListFilter"
- border
- style="width: 100%"
- height="400px"
- >
- <el-table-column align="center" prop="eName" label="元素名称">
- </el-table-column>
- <el-table-column align="center" label="操作" width="200">
- <template slot-scope="scope">
- <el-link
- :type="scope.row.globalFormula == 1 ? 'warning' : 'primary'"
- @click="toFormulaEdit(scope.row, 1)"
- >全局公式</el-link
- >
- <el-link
- v-show="scope.row.hasPartFormula"
- class="mg-l-10"
- :type="scope.row.isSaveFormula == 1 ? 'warning' : 'primary'"
- @click="toFormulaEdit(scope.row, 2)"
- >节点公式</el-link
- >
- <!-- <el-link
- class="mg-l-10"
- type="danger"
- @click="delEleRowHandle(scope.$index,editEleListFilter)"
- >删除元素</el-link> -->
- </template>
- </el-table-column>
- </el-table>
- </el-dialog>
- <el-dialog
- title="导入划分"
- :visible.sync="importTemplateVisible"
- width="800px"
- append-to-body
- @close="daoruClose"
- >
- <div v-loading="importLoading">
- <div>
- <el-link type="primary" @click="handleDownload">下载导入模版</el-link>
- </div>
- <div class="mg-t-20">
- <el-button type="primary" @click="fileClick">选择文件</el-button>
- <span v-if="upFile" class="mg-l-20">{{ upFile.name }}</span>
- <input
- @change="fileChange"
- type="file"
- hidden
- ref="file"
- accept=".xls, .xlsx"
- />
- </div>
- <div v-if="!upFile">当前还未选择文件,请选择需要导入的文件</div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="importTemplateVisible = false">取 消</el-button>
- <el-button
- type="primary"
- @click="importTemplateHandle"
- :loading="importLoading"
- >导 入</el-button
- >
- </span>
- </el-dialog>
- <el-dialog
- title="节点参数"
- :visible.sync="nodeInfoVisible"
- width="800px"
- append-to-body
- class="jiedian"
- :close-on-click-modal="false"
- :show-close="false"
- @close="closenodeInfoVisible"
- >
- <div>
- <el-button
- type="text"
- icon="el-icon-s-operation"
- class="right-btn"
- @click="setNodeParameters()"
- ></el-button>
- <div class="flexEnd">
- <i
- class="el-icon-circle-plus marbottom10"
- @click="addNodeInfoTable()"
- style="font-size: 24px; color: rgb(37, 193, 99); cursor: pointer"
- ></i>
- <i
- class="el-icon-refresh-right marbottom10"
- @click="refreshnfoTable()"
- style="font-size: 24px; color: rgb(37, 193, 99); cursor: pointer"
- ></i>
- </div>
- <el-table :data="nodeInfoTable" border style="width: 100%" height="400">
- <el-table-column align="center" prop="name" label="参数名称">
- <template slot-scope="scope">
- <el-select
- v-model="scope.row.k"
- placeholder="请选择"
- class="w-100p"
- >
- <el-option
- v-for="item in namelist"
- :key="item.k"
- :label="item.name"
- :value="item.k"
- ></el-option>
- </el-select>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="value" label="参数值设置">
- <template slot-scope="scope">
- <el-input v-model="scope.row.v"></el-input>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="describe" label="描述">
- <template slot-scope="scope">
- <el-input v-model="scope.row.remark"></el-input>
- </template>
- </el-table-column>
- <el-table-column label="操作" width="120" align="center">
- <template slot-scope="scope">
- <el-button
- type="text"
- size="small"
- class="text-icon-primary"
- @click="linkEle(scope.row)"
- >关联元素</el-button
- >
- <el-button
- type="text"
- size="small"
- class="text-icon-danger"
- @click="delNodeInfoss(scope.$index, scope.row)"
- >删除</el-button
- >
- </template>
- </el-table-column>
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="nodeInfoVisible = false">取 消</el-button>
- <el-button
- type="primary"
- @click="nodeInfoSave()"
- :loading="nodeInfoSaveload"
- >保 存</el-button
- >
- </span>
- </el-dialog>
- <el-dialog
- title="设置参数名称"
- :visible.sync="infoNameVisible"
- width="800px"
- append-to-body
- class="jiedian"
- :close-on-click-modal="false"
- >
- <div>
- <div class="flexEnd">
- <i
- class="el-icon-circle-plus marbottom10"
- @click="setParameterName()"
- style="font-size: 24px; color: rgb(37, 193, 99); cursor: pointer"
- ></i>
- </div>
- <el-table :data="namelists" border style="width: 100%" height="400">
- <el-table-column align="center" prop="name" label="参数名称">
- <template slot-scope="scope">
- <el-input v-model="scope.row.name"></el-input>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="key" label="参数值KEY">
- <template slot-scope="scope">
- <el-input v-model="scope.row.k"></el-input>
- </template>
- </el-table-column>
- <el-table-column align="center" prop="describe" label="描述">
- <template slot-scope="scope">
- <el-input v-model="scope.row.remark"></el-input>
- </template>
- </el-table-column>
- <el-table-column label="操作" width="120" align="center">
- <template slot-scope="scope">
- <el-button
- type="text"
- size="small"
- class="text-icon-danger"
- @click="delNodeInfo(scope.$index, scope.row)"
- >删除</el-button
- >
- </template>
- </el-table-column>
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="addParameterName()">保 存</el-button>
- <el-button @click="closeParameter()">关 闭</el-button>
- </span>
- </el-dialog>
- <el-dialog
- title="节点参数设置-关联元素"
- :visible.sync="linkEleVisible"
- width="800px"
- append-to-body
- class="jiedian"
- :close-on-click-modal="false"
- >
- <div>
- <el-table
- :data="linkEleTableList"
- border
- style="width: 100%"
- height="400"
- >
- <el-table-column align="center" prop="tableName" label="元素表名">
- </el-table-column>
- <el-table-column
- align="center"
- prop="elementName"
- label="关联元素字段"
- >
- </el-table-column>
- <el-table-column label="操作" width="160" align="center">
- <template slot-scope="scope">
- <el-button
- v-if="!scope.row.mappingId"
- type="text"
- size="small"
- class="text-icon-primary"
- @click="tolinkEle(scope.row)"
- >选择元素</el-button
- >
- <el-button
- v-if="!!scope.row.mappingId"
- type="text"
- size="small"
- class="text-icon-danger"
- @click="delLink(scope.row)"
- >删除关联</el-button
- >
- </template>
- </el-table-column>
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <!-- <el-button @click="saveLinks">保 存</el-button> -->
- <el-button @click="linkEleVisible = false">关 闭</el-button>
- </span>
- </el-dialog>
- <el-dialog
- title="选择关联元素"
- :visible.sync="linkCheckVisible"
- width="600px"
- append-to-body
- class="jiedian"
- :close-on-click-modal="false"
- >
- <div>
- <div class="flex mg-b-20">
- <el-input
- v-model="linkEleKey"
- placeholder="请输入元素关键字搜索"
- ></el-input>
- <el-link class="mg-l-20" :underline="false">
- <i
- class="el-icon-search"
- style="font-size: 20px"
- @click="searchEle"
- ></i>
- </el-link>
- </div>
- <el-table :data="linkEleList" border style="width: 100%" height="400">
- <el-table-column align="center" prop="eName" label="元素名">
- </el-table-column>
- <el-table-column label="操作" width="55">
- <template slot-scope="scope">
- <el-checkbox
- v-model="scope.row.checked"
- @change="(value) => linkEleCheck(value, scope.$index)"
- ></el-checkbox>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="saveLinkEle">保 存</el-button>
- <el-button @click="linkCheckVisible = false">关 闭</el-button>
- </span>
- </el-dialog>
- <el-dialog
- title="别名"
- :visible.sync="aliasVisible"
- width="600px"
- append-to-body
- :close-on-click-modal="false"
- >
- <div>
- <div class="flex">
- <el-input
- v-model="aliasInput"
- placeholder="请输入节点别名"
- ></el-input>
- <el-button class="mg-l-20" type="primary" @click="addAlias"
- >添加</el-button
- >
- </div>
- <div class="flex" style="flex-wrap: wrap">
- <div class="mg-t-10" v-for="(tag, index) in aliasArr" :key="index">
- <el-tag closable @close="delAlias(index)">
- {{ tag }}
- </el-tag>
- <span v-if="index != aliasArr.length - 1">、</span>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="aliasVisible = false">取 消</el-button>
- <el-button type="primary" @click="saveAliasHandle">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog
- title=""
- :visible.sync="formulaCompVisible"
- fullscreen
- append-to-body
- class="full-dialog"
- >
- <FormulaEdit
- :wbsid="id"
- :nodeid="curTreeData.id"
- :eleid="formulaCurRow.id"
- :globaltype="formulaCurRow.globaltype"
- @hideDialog="formulaCompVisible = false"
- v-if="formulaCompVisible"
- :fromcurNode="curTreeData"
- :iswbstype="1"
- ></FormulaEdit>
- </el-dialog>
- <el-dialog
- title=""
- :visible.sync="formulaCompVisible1"
- fullscreen
- append-to-body
- class="full-dialog"
- >
- <FormulaEditone
- :wbsid="id"
- :nodeid="curTreeData.id"
- :eleid="formulaCurRow.id"
- :elementType="formulaCurRow.elementType"
- :globaltype="formulaCurRow.globaltype"
- @hideDialog="formulaCompVisible1 = false"
- :fromcurNode="curEleTable"
- :iswbstype="1"
- v-if="formulaCompVisible1"
- >
- </FormulaEditone>
- </el-dialog>
- </basic-container>
- </template>
- <script>
- import ManualSorting from "@/components/WbsTree/ManualSorting";
- import FormulaEdit from "@/views/formula/edit.vue";
- import FormulaEditone from "@/views/formula/edit1.vue";
- import {
- getLazytree,
- getDetail,
- update,
- selectByNodeTable,
- getParamElements,
- delParamElements,
- specifiedParamElements,
- getAlltree,
- saveFormAndElement,
- selectFormElements,
- removeTableById,
- findWbsTreeSameLevel,
- wbsTreeSort,
- findWbsTreeTableSameLevel,
- wbsTreeTableSort,
- parameters,
- saveOrUpdateBatch,
- keymap,
- importwbsTreeFormBatch,
- exportBatchTemplate,
- updateBatchNodeTableInfo,
- importWbsTree,
- exportTemplate,
- remove as removeTreeNode,
- submitFullName,
- refrehPram,
- getQueryValueByType,
- } from "@/api/manager/wbstree";
- import {
- saveElement,
- remove as removeElement,
- updateBatchElements,
- getTemplate,
- importWbsElement,
- } from "@/api/manager/wbsformelement";
- import { getDictionary, getChildList } from "@/api/system/dict";
- import { mapGetters } from "vuex";
- import { getStore, setStore } from "@/util/store";
- export default {
- data() {
- var checkMajorDataType = (rule, value, callback) => {
- //console.log(this.nodeDetail.nodeType)
- //console.log(this.nodeDetail.majorDataType)
- if (this.nodeDetail.nodeType == 6) {
- if (!this.nodeDetail.majorDataType) {
- callback(new Error("工序节点必须选择内业资料类型"));
- }
- }
- callback();
- };
- return {
- loding: false,
- formDatass: [],
- editElementFormTag: false,
- ImportElementdata: {},
- ImportElementFile: [], //导入元素file文件
- ImportElementTag: false,
- jiedianId: "",
- excelSortTag: false,
- excelSortTag2: false,
- sortTag2: false,
- sortTag: false,
- sort: [],
- id: "",
- filterText: "",
- isSearch: false,
- treeData: [],
- searchTreeData: [],
- searchtreeLoad: false,
- searchType: "1", //搜索类型
- treeLoad: false,
- menuShow: false,
- defaultProps: {
- children: "children",
- label: "title",
- isLeaf: function (data) {
- if (data.hasChildren && data.isExistForm != 1) {
- return false;
- } else if (data.hasChildren && data.isExistForm == 1) {
- return true;
- } else {
- return true;
- }
- },
- },
- leftType: 5,
- curTreeData: {},
- curTreeNode: {},
- tableData: [],
- nodeDetail: {},
- formData: [],
- editType: 1,
- dialogVisible: false,
- saveNodeLoading: false,
- nodeTypelist: [],
- majorDataTypeList: [],
- rules: {
- nodeName: [
- { required: true, message: "请输入节点名称", trigger: "blur" },
- ],
- nodeType: [
- { required: true, message: "请选择节点类型", trigger: "change" },
- ],
- majorDataType: [{ validator: checkMajorDataType, trigger: "change" }],
- },
- eleVisible: false,
- tableTypelist: [],
- dataTypeList: [],
- ownerTypeList: [],
- eleForm: {
- elementList: [],
- },
- eleRules: {
- nodeName: [
- { required: true, message: "请输入表名称", trigger: "blur" },
- ],
- tableType: [
- { required: true, message: "请选择表类型", trigger: "change" },
- ],
- tableOwner: [
- { required: true, message: "请选择所属方", trigger: "change" },
- ],
- },
- importVisible: false,
- tempList: [],
- curEleTable: {},
- editEleVisible: false,
- editEleList: [],
- eleReg: /(-|>|<|≥|≤|±|【】)?([^≥≤±【】]*)/,
- editEleFormulaVisible: false,
- formulaInput: "",
- editEleListFilter: [],
- editEleListAll: [],
- importTemplateVisible: false,
- fileUrl: "",
- upFile: null,
- importLoading: false,
- nodeInfoVisible: false,
- nodeInfoTable: [],
- namelist: [],
- namelists: [],
- infoNameVisible: false,
- delids: [],
- //数据类型的默认长度
- dataTypeDefaultMap: {
- 1: 250, //字符串
- 2: 50, //整数
- 3: 50, //小数
- 4: 50, //日期
- 5: 50, //数值
- 6: 50, //签名
- 7: 100, //文件
- },
- //节点参数,关联元素
- curParam: {}, //当前节点参数
- linkEleVisible: false,
- linkEleTableList: [], //元素表数组
- curLinkEleTable: {}, //当前元素表
- linkCheckVisible: false, //关联弹框
- linkEleList: [], //元素数组
- linkEleKey: "", //搜索关键字
- defaultExpandedKeys: [],
- expandName: this.$route.fullPath,
- aliasVisible: false, //别名
- aliasInput: "",
- aliasArr: [],
- formulaCompVisible: false, //公式弹框
- formulaCompVisible1: false,
- formulaCurRow: {}, //当前元素
- testTreeLoad: false,
- testTreeData: [],
- mixRatioTestIds: [],
- searchinput: "",
- editEleloading: false,
- menuvisible: false, //右键菜单
- menuleft: 20,
- menutop: 0,
- menusData: [
- { icon: "el-icon-plus", label: "新增节点", key: "add" },
- { icon: "el-icon-s-promotion", label: "编辑节点", key: "edit" },
- { icon: "el-icon-sort", label: "排序节点", key: "sort" },
- { icon: "el-icon-document-copy", label: "复制节点", key: "copy" },
- { icon: "el-icon-delete", label: "删除节点", key: "del" },
- ], //树组件操作菜单
- menusData1: [{ icon: "el-icon-plus", label: "新增节点", key: "add" }],
- menuKey: "",
- nodeInfoSaveload: false,
- dynamicDictList: [],
- standardTypeOptions: [], //标准分类
- unitOptions: [], //单位名称
- };
- },
- computed: {
- ...mapGetters(["userInfo"]),
- dialogTitle: function () {
- let text = "节点";
- if (this.leftType == 1) {
- text = "新增" + text;
- } else if (this.leftType == 2) {
- text = "编辑" + text;
- }
- return text;
- },
- },
- created() {
- this.init();
- //console.log(this.userInfo)
- },
- methods: {
- //#region 排序
- paixuMD(data) {
- this.sortTag = true;
- this.sortTag2 = true;
- this.curTreeData = data;
- this.findWbsTreeSameLevel(data.parentId);
- },
- bianhua() {
- this.sortTag2 = false;
- this.$nextTick(() => {
- this.sortTag2 = true;
- });
- },
- editSort() {
- //修改排序
- this.wbsTreeSort();
- },
- async wbsTreeSort() {
- //修改排序
- const { data: res } = await wbsTreeSort(this.sort);
- //console.log(res);
- if (res.code == 200) {
- this.sortTag = false;
- this.sortTag2 = false;
- this.updateTreeNewNode();
- }
- },
- async findWbsTreeSameLevel(parentId) {
- //查询当前节点的同级节点
- const { data: res } = await findWbsTreeSameLevel({ parentId });
- //console.log(res);
- if (res.code === 200) {
- this.sort = res.data;
- }
- },
- async getLazytree() {
- //冲洗获取wbs树
- const { data: res } = await getLazytree(
- this.id,
- 0,
- this.userInfo.tenant_id
- );
- //console.log(res);
- if (res.code == 200) {
- this.treeData = res.data;
- }
- },
- bianhua2() {
- this.excelSortTag2 = false;
- this.$nextTick(() => {
- this.excelSortTag2 = true;
- });
- },
- editExcelSort() {
- //确定按钮
- this.wbsTreeTableSort();
- },
- paixucc() {
- if (this.curTreeData.value) {
- this.excelSortTag = true;
- this.excelSortTag2 = true;
- this.findWbsTreeTableSameLevel(this.curTreeData.value);
- } else {
- this.$message({
- type: "warning",
- message: "请先选择需要排序的节点",
- });
- }
- },
- async findWbsTreeTableSameLevel(id) {
- //查询表单
- const { data: res } = await findWbsTreeTableSameLevel({ id });
- //console.log(res);
- if (res.code == 200) {
- this.sort = res.data;
- }
- },
- async wbsTreeTableSort() {
- //表单排序
- const { data: res } = await wbsTreeTableSort(this.sort);
- //console.log(res);
- if (res.code == 200) {
- this.excelSortTag = false;
- this.excelSortTag2 = false;
- this.updateNodeTable(); //更新元素表
- }
- },
- //#endregion
- //#region 甘云杰
- init() {
- //this.id = this.$route.params.id;
- const { id, type } = this.$route.query;
- this.id = id;
- this.wbsType = Number(type);
- this.getNodeTypelist();
- this.getTableTypelist();
- this.getDataTypelist();
- this.getOwnerTypelist();
- this.getDictTypelist();
- this.getStandardTypeOptions();
- this.defaultExpandedKeys = getStore({ name: this.expandName });
- },
- loadNode(node, resolve) {
- let pid = 0;
- if (node.level != 0) {
- pid = node.data.id;
- }
- getLazytree(this.id, pid, this.userInfo.tenant_id).then((res) => {
- let arr = [];
- if (Array.isArray(res.data.data)) {
- arr = res.data.data;
- }
- return resolve(arr);
- });
- },
- //搜索树
- searchTreeClick() {
- this.searchtreeLoad = true;
- if (this.filterText.length > 0) {
- this.isSearch = true;
- getQueryValueByType({
- queryValue: this.filterText,
- type: this.searchType,
- wbsId: this.id,
- projectId: "",
- }).then((res) => {
- let arr = [];
- if (Array.isArray(res.data.data)) {
- arr = res.data.data;
- this.searchTreeData = arr;
- } else {
- this.searchTreeData = [];
- }
- });
- } else {
- this.isSearch = false;
- }
- this.searchtreeLoad = false;
- },
- clearSearch() {
- this.isSearch = false;
- },
- getNodeDetail(data, node) {
- let parentName = "";
- if (node.parent.data) {
- parentName = node.parent.data.title;
- }
- this.curTreeData = data;
- this.curTreeNode = node;
- this.curTreeData.parentName = parentName;
- getDetail(data.id).then((res) => {
- res.data.data.parentName = parentName;
- this.tableData = [res.data.data];
- this.nodeDetail = Object.assign({}, res.data.data);
- if (this.menuKey === "add") {
- this.nodeDetail.nodeName = "";
- }
- });
- this.updateNodeTable();
- //获取节点展开路径
- this.getExpandedKeys(node);
- },
- saveNode() {
- const type = this.wbsType;
- this.$refs["nodeDetail"].validate((valid) => {
- if (valid) {
- const { mixRatioTestIds, nodeType } = this.nodeDetail;
- if (type === 2 && nodeType === 53) {
- if (mixRatioTestIds) {
- if (this.editType == 1) {
- this.addNode();
- } else if (this.editType == 2) {
- this.updateNode();
- }
- } else {
- this.$message({
- type: "error",
- message: "请先选择节点",
- });
- return false;
- }
- } else {
- if (this.editType == 1) {
- this.addNode();
- } else if (this.editType == 2) {
- this.updateNode();
- }
- }
- } else {
- //console.log('error submit!!');
- return false;
- }
- });
- },
- addNode() {
- this.saveNodeLoading = true;
- let subobj = this.nodeDetail;
- subobj.id = "";
- subobj.parentId = this.curTreeData.id;
- subobj.parentName = this.curTreeData.title;
- update(subobj).then(() => {
- this.updateTreeNewNode();
- this.dialogVisible = false;
- this.$message({
- type: "success",
- message: "新增成功!",
- });
- });
- },
- updateNode() {
- console.log("编辑节点");
- update(this.nodeDetail).then(() => {
- let node = this.tableData[0];
- node.nodeName = this.nodeDetail.nodeName;
- node.nodeType = this.nodeDetail.nodeType;
- this.curTreeData.title = this.nodeDetail.nodeName;
- this.dialogVisible = false;
- this.$message({
- type: "success",
- message: "修改成功!",
- });
- });
- },
- toSplit(val) {
- return val ? String(val).split(",") : "";
- },
- setLeftType(type, data, node) {
- this.jiedianId = data.id;
- if (type == 4 || type == 5) {
- this.leftType = type;
- }
- this.curTreeData = data;
- this.curTreeNode = node;
- this.$refs.tree.setCurrentKey(data.id);
- this.mixRatioTestIds = [];
- if (type == 1 || type == 2) {
- this.getMajorDataTypeList();
- this.dialogVisible = true;
- this.editType = type;
- }
- getDetail(data.id).then((res) => {
- let parentName = "";
- if (node.parent.data) {
- parentName = node.parent.data.title;
- }
- res.data.data.parentName = parentName;
- this.tableData = [res.data.data];
- if (type === 1) {
- this.nodeDetail = {
- parentId: res.data.data.id,
- parentName: data.title,
- };
- } else {
- this.nodeDetail = Object.assign({}, res.data.data);
- this.mixRatioTestIds = this.toSplit(res.data.data.mixRatioTestIds);
- }
- this.nodeDetail.type = 1; // '1'节点 '2'表单
- this.nodeDetail.wbsId = this.id;
- this.nodeDetail.tenantId = this.userInfo.tenant_id;
- });
- if (this.leftType == 4) {
- selectByNodeTable(data.id).then((res) => {
- if (res.data.data.length) {
- this.formData = res.data.data;
- } else {
- this.formData = [];
- }
- });
- }
- //获取节点展开路径
- this.getExpandedKeys(node);
- },
- deleNode(data, node) {
- this.$confirm(
- "此操作将删除节点【" + data.title + "】, 是否继续?",
- "提示",
- {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- }
- )
- .then(() => {
- removeTreeNode(data.id).then(() => {
- this.$refs.tree.remove(node);
- this.$message({
- type: "success",
- message: "删除成功!",
- });
- });
- })
- .catch(() => {});
- },
- showFormElement() {
- if (!this.nodeDetail.id) {
- this.$message({
- type: "warning",
- message: "请先选择在哪个节点下创建表",
- });
- return;
- }
- this.eleForm = {
- elementList: [],
- };
- this.eleVisible = true;
- },
- addEleRow(list) {
- list.push({});
- },
- delEleRow(index, list) {
- list.splice(index, 1);
- },
- saveFormAndElementHandle() {
- this.$refs["eleDialog"].validate((valid) => {
- if (valid) {
- this.eleForm.wbsId = this.id;
- this.eleForm.tenantId = this.userInfo.tenant_id;
- this.eleForm.nodeType = -1;
- this.eleForm.type = 2; // '1'节点 '2'表单
- this.eleForm.parentId = this.nodeDetail.id;
- for (let i = 0; i < this.eleForm.elementList.length; i++) {
- if (!this.eleForm.elementList[i].eName) {
- this.$message({
- type: "warning",
- message: "请填写第" + (i + 1) + "条元素名称",
- });
- return;
- }
- if (!this.eleForm.elementList[i].eType) {
- this.$message({
- type: "warning",
- message: "请选择第" + (i + 1) + "条数据类型",
- });
- return;
- }
- if (!this.eleForm.elementList[i].eLength) {
- this.$message({
- type: "warning",
- message: "请填写第" + (i + 1) + "条长度",
- });
- return;
- }
- }
- this.eleForm.elementList.forEach((element) => {
- element.eAllowDeviation =
- (element.allow ? element.allow : "") +
- (element.deviation ? element.deviation : "");
- // if (element.eType == 4) {
- // this.$set(element, 'eLength', 0);
- // //element.eLength = 0;
- // }
- });
- saveFormAndElement(this.eleForm).then(() => {
- //console.log(res)
- //this.updateTreeNewNode();
- this.updateNodeTable();
- this.eleVisible = false;
- this.$message({
- type: "success",
- message: "新增成功!",
- });
- });
- } else {
- //console.log('error submit!!');
- return false;
- }
- });
- },
- updateTreeNewNode() {
- let detail = this.nodeDetail.parentId
- ? this.nodeDetail
- : this.curTreeData;
- getLazytree(this.id, detail.parentId).then((res) => {
- let node = this.$refs.tree.getNode(detail.parentId);
- node.isLeaf = false;
- node.isLeafByUser = false;
- //console.log(node)
- this.$refs.tree.updateKeyChildren(detail.parentId, res.data.data);
- });
- },
- updateNodeTable() {
- selectByNodeTable(this.curTreeData.id).then((res) => {
- if (res.data.data && res.data.data.length) {
- this.formData = res.data.data;
- } else {
- this.formData = [];
- }
- });
- },
- importHandle() {},
- //获取编辑元素表格数据
- getSelectFormElements() {
- this.editEleloading = true;
- selectFormElements(this.curEleTable.id, {
- type: 1,
- search: this.searchinput,
- }).then((res) => {
- res.data.data.forEach((element) => {
- this.eleReg.exec(element.eAllowDeviation);
- element.allow = RegExp.$1 ? RegExp.$1 : "";
- element.deviation = RegExp.$2 ? RegExp.$2 : "";
- });
- this.editEleloading = false;
- this.editEleList = res.data.data;
- });
- },
- //编辑元素搜索相关
- clearsearchinput() {
- this.getSelectFormElements();
- },
- searchinputChange() {
- this.getSelectFormElements();
- },
- handleEdit(index, row) {
- this.curEleTable = row;
- // selectFormElements(this.curEleTable.id,{type:1}).then((res) => {
- // res.data.data.forEach((element) => {
- // this.eleReg.exec(element.eAllowDeviation);
- // element.allow = RegExp.$1 ? RegExp.$1 : '';
- // element.deviation = RegExp.$2 ? RegExp.$2 : '';
- // })
- // this.editEleList = res.data.data;
- // })
- this.getSelectFormElements();
- this.editEleVisible = true;
- },
- handleDelete(index, row) {
- this.$confirm("是否删除 " + row.tableName + " ?", "删除元素表", {
- distinguishCancelAndClose: true,
- confirmButtonText: "删除",
- cancelButtonText: "取消",
- }).then(() => {
- removeTableById(row.id).then((res) => {
- //console.log(res)
- if (res.data.success) {
- this.formData.splice(index, 1);
- //this.updateTreeNewNode();
- this.$message({
- type: "success",
- message: "删除成功!",
- });
- } else {
- this.$message({
- type: "error",
- message: res.data.msg,
- });
- }
- });
- });
- },
- handleEditFormula(index, row) {
- this.curEleTable = row;
- selectFormElements(this.curEleTable.id, { type: 1 }).then((res) => {
- this.editEleListFilter = res.data.data;
- this.editEleListAll = [].concat(this.editEleListFilter);
- });
- this.editEleFormulaVisible = true;
- },
- //搜索 筛选
- searchFormulaName() {
- this.editEleListFilter = this.editEleListAll.filter((ele) => {
- return ele.eName.indexOf(this.formulaInput) > -1;
- });
- },
- saveNewEle(row) {
- if (!row.eName) {
- this.$message({
- type: "warning",
- message: "请填写元素名称",
- });
- return;
- }
- if (!row.eType) {
- this.$message({
- type: "warning",
- message: "请选择数据类型",
- });
- return;
- }
- row.eAllowDeviation =
- (row.allow ? row.allow : "") + (row.deviation ? row.deviation : "");
- row.fId = this.curEleTable.initTableId;
- row.initTableName = this.curEleTable.initTableName;
- // if (row.eType == 4) {
- // this.$set(row, 'eLength', 0);
- // //row.eLength = 0;
- // } else
- if (!row.eLength) {
- this.$message({
- type: "warning",
- message: "请填写长度",
- });
- return;
- }
- saveElement(row).then((res) => {
- if (res.data.data) {
- this.$set(row, "id", res.data.data.id);
- this.$set(row, "ekey", res.data.data.ekey);
- this.$message({
- type: "success",
- message: "保存成功!",
- });
- }
- });
- },
- delEleRowHandle(index, list) {
- let row = list[index];
- if (row.id) {
- //有id需要请求删除
- this.$confirm("是否确认删除?", "删除元素", {
- distinguishCancelAndClose: true,
- confirmButtonText: "删除",
- cancelButtonText: "取消",
- }).then(() => {
- removeElement(row.id, this.curEleTable.initTableName, row.ekey).then(
- () => {
- list.splice(index, 1);
- }
- );
- this.curEleTable.elementTotal--;
- });
- } else {
- list.splice(index, 1);
- }
- },
- saveEles() {
- for (let i = 0; i < this.editEleList.length; i++) {
- if (!this.editEleList[i].id) {
- this.$message({
- type: "warning",
- message: "请先将新增的元素点击保存",
- });
- return;
- }
- if (!this.editEleList[i].eName) {
- this.$message({
- type: "warning",
- message: "请填写第" + (i + 1) + "条元素名称",
- });
- return;
- }
- if (!this.editEleList[i].eType) {
- this.$message({
- type: "warning",
- message: "请选择第" + (i + 1) + "条数据类型",
- });
- return;
- }
- if (!this.editEleList[i].eLength) {
- this.$message({
- type: "warning",
- message: "请填写第" + (i + 1) + "条长度",
- });
- return;
- }
- }
- if (this.editEleList.length > 0) {
- this.editEleList.forEach((element) => {
- element.eAllowDeviation =
- (element.allow ? element.allow : "") +
- (element.deviation ? element.deviation : "");
- // if (element.eType == 4) {
- // this.$set(element, 'eLength', 0);
- // //element.eLength = 0;
- // }
- });
- updateBatchElements(
- this.editEleList,
- this.curEleTable.initTableName
- ).then(() => {
- this.editEleVisible = false;
- this.updateNodeTable();
- this.$message({
- type: "success",
- message: "保存成功!",
- });
- });
- } else {
- this.editEleVisible = false;
- this.updateNodeTable();
- this.$message({
- type: "success",
- message: "保存成功!",
- });
- }
- },
- nodeTypeChange(val) {
- if (val === 53) {
- if (this.testTreeData.length > 0) {
- return;
- }
- this.testTreeLoad = true;
- getAlltree(this.userInfo.tenant_id, 1, this.id).then((res) => {
- this.testTreeLoad = false;
- this.testTreeData = res.data.data;
- });
- }
- },
- //根据逗号联合
- toJoin(arr) {
- return arr ? arr.join() : "";
- },
- TestTreeCheckChange(_, { checkedKeys, halfCheckedKeys }) {
- // const newarr = [...checkedKeys, ...halfCheckedKeys]
- const newarr = [...checkedKeys];
- this.nodeDetail.mixRatioTestIds = this.toJoin(newarr);
- },
- // filterChange () {
- // if (this.treeData.length > 0) {
- // this.$refs.treeall.filter(this.filterText);
- // return;
- // }
- // this.treeLoad = true;
- // getAlltree(this.userInfo.tenant_id, 1, this.id).then((res) => {
- // this.treeLoad = false;
- // this.treeData = res.data.data;
- // this.$nextTick(() => {
- // this.$refs.treeall.filter(this.filterText);
- // })
- // })
- // },
- importTemplate(data) {
- this.importTemplateVisible = true;
- this.curTreeData = data;
- },
- daoruClose() {
- this.upFile = null;
- },
- importTemplateHandle() {
- if (!this.upFile) {
- this.$message({
- type: "warning",
- message: "请先选择文件再进行导入",
- });
- return;
- }
- let forms = new FormData();
- forms.append("excelFile", this.upFile);
- let wbsTreeFu = {
- wbsId: this.id,
- parentId: this.curTreeData.id,
- // ancestors:'0,'+this.curTreeData.id,
- };
- let json = JSON.stringify(wbsTreeFu);
- let blob = new Blob([json], { type: "application/json" });
- forms.append("wbsTreeFu", blob);
- this.importLoading = true;
- importWbsTree(forms)
- .then(() => {
- //this.$router.go(0)
- let node = this.$refs.tree.getNode(this.curTreeData.id);
- node.isLeaf = false;
- this.importTemplateVisible = false;
- this.upFile = null;
- })
- .finally(() => {
- this.importLoading = false;
- });
- },
- handleDownload() {
- //WBS划分模板
- exportTemplate().then((res) => {
- this.downloadExcel(res.data, "WBS划分模板");
- });
- },
- fileClick() {
- this.$refs.file.click();
- },
- fileChange(e) {
- const file = e.target.files[0];
- if (!file) {
- // 如果用户没有选择图片,只是点了文件上传这个按钮
- return;
- }
- //console.log(file)
- this.upFile = file;
- },
- downloadTmp() {
- getTemplate().then((res) => {
- //console.log(res)
- this.downloadExcel(res.data, "元素模板");
- });
- },
- fileClick2() {
- this.$refs.file2.click();
- },
- tmpImport(e) {
- const file = e.target.files[0];
- const formData = new FormData();
- formData.append("file", file);
- //console.log(file.name)
- importWbsElement(formData)
- .then((res) => {
- res.data.data.forEach((element) => {
- element.eName = element.elementName;
- element.eLength = element.elementLength;
- element.eType = Number(element.elementType);
- element.eAllowDeviation = element.elementAllowDeviation;
- element.eInspectionMethod = element.elementInspectionMethod;
- if (element.eAllowDeviation.indexOf(",") > 0) {
- element.allow = "【】";
- element.deviation = element.eAllowDeviation;
- } else {
- this.eleReg.exec(element.eAllowDeviation);
- // console.log(RegExp.$1)
- // console.log(RegExp.$2)
- element.allow = RegExp.$1 ? RegExp.$1 : "";
- element.deviation = RegExp.$2 ? RegExp.$2 : "";
- }
- });
- this.eleForm.elementList = res.data.data;
- this.importVisible = false;
- })
- .finally(() => {
- e.target.value = "";
- });
- },
- visiblechange(value, data) {
- this.$set(data, "moreShow", value);
- },
- downloadExcel(data, filename = "") {
- let blob = new Blob([data], {
- type: "application/vnd.ms-excel",
- });
- //console.log(blob)
- if (!filename) {
- filename = Date.parse(new Date());
- }
- filename = filename + ".xls";
- if (window.navigator.msSaveOrOpenBlob) {
- // 兼容IE10
- window.navigator.msSaveBlob(blob, filename);
- } else {
- // 兼容chrome/firefox
- let aTag = document.createElement("a");
- aTag.download = filename;
- aTag.href = window.URL.createObjectURL(blob);
- aTag.click();
- URL.revokeObjectURL(aTag.href);
- }
- },
- toFormulaEdit(row, type) {
- // this.$router.push({
- // path: '/formula/edit',
- // query: {
- // wbsid: this.id,
- // eleid: row.id,
- // nodeid:this.curTreeData.id
- // }
- // });
- //this.editEleFormulaVisible = false;
- this.curEleTable = row;
- this.formulaCurRow = row;
- this.formulaCurRow.globaltype = type;
- if (type === 1) {
- this.formulaCompVisible1 = true;
- this.formulaCurRow.elementType = false;
- } else {
- this.formulaCompVisible = true;
- }
- },
- getNodeTypelist() {
- const type = this.wbsType;
- console.log(this.nodeTypelist, "this.nodeTypelist");
- if (this.nodeTypelist.length > 1) {
- return;
- }
- let code = "";
- if (type === 5) {
- code = "lar_node_type"; //征拆
- } else if (type === 2) {
- code = "trial_node_type"; //试验
- } else if (type === 3) {
- code = "meter_node_type"; //计量
- } else {
- {
- code = "wbs_node_type"; //质检
- }
- }
- getDictionary({
- code,
- }).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- this.nodeTypelist = res.data.data;
- });
- },
- getMajorDataTypeList() {
- getDictionary({
- code: "major_data_type",
- }).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- this.majorDataTypeList = res.data.data;
- });
- },
- getStandardTypeOptions() {
- getDictionary({
- code: "classification",
- }).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- // 定义要过滤的 dictKey 值
- const targetKeys = [1, 2, 3, 4];
- // 过滤数组
- const filteredOptions = res.data.data.filter((item) =>
- targetKeys.includes(item.dictKey)
- );
- this.standardTypeOptions = filteredOptions;
- });
- },
- changeStandType(val) {
- let parentId = "";
- this.standardTypeOptions.forEach((item) => {
- if (item.dictKey == val) {
- parentId = item.id; // 找到匹配项,提取 parentId
- }
- });
- getChildList(1, 10000, parentId).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- this.unitOptions = res.data.data;
- });
- },
- getTableTypelist() {
- const type = this.wbsType;
- if (this.tableTypelist.length > 1) {
- return;
- }
- let code = "";
- if (type === 5) {
- code = "table_type"; //征拆
- } else if (type === 2) {
- code = "trial_table_type"; //试验
- } else {
- code = "table_type"; //质检
- }
- getDictionary({
- // code: "table_type",
- code: code,
- }).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- this.tableTypelist = res.data.data;
- });
- },
- getDataTypelist() {
- if (this.dataTypeList.length > 1) {
- return;
- }
- getDictionary({
- code: "data_type",
- }).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- this.dataTypeList = res.data.data;
- });
- },
- getDictTypelist() {
- if (this.dynamicDictList.length > 1) {
- return;
- }
- getDictionary({
- code: "land_field_dict",
- }).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- this.dynamicDictList = res.data.data;
- });
- },
- getOwnerTypelist() {
- if (this.ownerTypeList.length > 1) {
- return;
- }
- getDictionary({
- code: "owner_type",
- }).then((res) => {
- res.data.data.forEach((element) => {
- element.dictKey = Number(element.dictKey);
- });
- this.ownerTypeList = res.data.data;
- });
- },
- formatCat(row, column, cellValue) {
- for (let i = 0; i < this.nodeTypelist.length; i++) {
- if (this.nodeTypelist[i].dictKey == cellValue) {
- return this.nodeTypelist[i].dictValue;
- }
- }
- return cellValue;
- //console.log(cellValue)
- },
- formatTableType(row, column, cellValue) {
- for (let i = 0; i < this.tableTypelist.length; i++) {
- if (this.tableTypelist[i].dictKey == cellValue) {
- return this.tableTypelist[i].dictValue;
- }
- }
- return cellValue;
- //console.log(cellValue)
- },
- formatOwner(row, column, cellValue) {
- for (let i = 0; i < this.ownerTypeList.length; i++) {
- if (this.ownerTypeList[i].dictKey == cellValue) {
- return this.ownerTypeList[i].dictValue;
- }
- }
- return cellValue;
- //console.log(cellValue)
- },
- formatdataType(row, column, cellValue) {
- for (let i = 0; i < this.dataTypeList.length; i++) {
- if (this.dataTypeList[i].dictKey == cellValue) {
- return this.dataTypeList[i].dictValue;
- }
- }
- return cellValue;
- //console.log(cellValue)
- },
- // filterNode (value, data) {
- // //console.log(value)
- // if (!value) return true;
- // return data.title.indexOf(value) !== -1;
- // },
- getReturnNode(node, _array, value) {
- let isPass =
- node.data && node.data.title && node.data.title.indexOf(value) !== -1;
- isPass ? _array.push(isPass) : "";
- if (!isPass && node.level != 1 && node.parent) {
- this.getReturnNode(node.parent, _array, value);
- }
- },
- filterNode(value, data, node) {
- if (!value) {
- return true;
- }
- let level = node.level;
- let _array = []; //这里使用数组存储 只是为了存储值。
- this.getReturnNode(node, _array, value);
- let result = false;
- _array.forEach((item) => {
- result = result || item;
- });
- return result;
- },
- //修改数据类型,给个默认值
- setDefaultLength(row) {
- this.$set(row, "eLength", this.dataTypeDefaultMap[row.eType]);
- },
- //#endregion
- //#region 节点参数
- nodeInfo(data) {
- //节点参数按钮
- this.keymap();
- this.jiedianId = data.id;
- this.parameters(data.id);
- this.nodeInfoVisible = true;
- },
- closenodeInfoVisible() {
- this.nodeInfoTable = [];
- this.nodeInfoVisible = false;
- },
- addNodeInfoTable() {
- //添加节点参数数据
- this.nodeInfoTable.unshift({
- k: "",
- v: "",
- remark: "",
- nodeId: this.jiedianId,
- type: 1,
- });
- },
- refreshnfoTable() {
- //刷新表格
- let prams = {
- nodeId: this.jiedianId,
- type: 0,
- };
- refrehPram(prams).then((res) => {
- console.log(res);
- });
- },
- delNodeInfo(key, obj) {
- //设置参数名称中的删除按钮
- this.delids.push(obj.id);
- this.namelists.splice(key, 1);
- },
- delNodeInfoss(key, obj) {
- //节点参数
- this.delids.push(obj.id);
- this.nodeInfoTable.splice(key, 1);
- },
- setNodeParameters() {
- //打开设置节点参数弹框按钮
- this.infoNameVisible = true;
- this.namelists = [...this.namelist];
- },
- async setParameterName() {
- //设置参数名称中添加节点参数按钮
- // wbsId: this.jiedianId
- this.namelists.unshift({
- name: "",
- remark: "",
- k: "",
- type: 0,
- nodeId: this.jiedianId,
- });
- },
- async nodeInfoSave() {
- //节点参数弹框保存按钮
- if (this.nodeInfoTable) {
- // if(this.nodeInfoTable.length == 0){
- // await this.saveOrUpdateBatch({projectId:this.projectid,nodeId:this.jiedianId,type:1,delIds:this.delids,wps:[
- // {
- // nodeId: this.jiedianId,
- // type: -1,
- // },
- // ]})
- // this.delIds=[];
- // this.nodeInfoVisible = false
- // this.$message({
- // type: "success",
- // message: "保存参数节点成功!"
- // })
- // return;
- // }
- let tag = true;
- this.nodeInfoTable.forEach((val) => {
- if (!val.k | !val.v) {
- return (tag = false);
- }
- //if(!val.name){
- for (let i = 0; i < this.namelist.length; i++) {
- if (this.namelist[i].k == val.k) {
- val.name = this.namelist[i].name;
- return;
- }
- }
- //}
- });
- if (tag) {
- this.nodeInfoSaveload = true;
- await this.saveOrUpdateBatch({
- scopeType: 1,
- projectId: this.projectid,
- nodeId: this.jiedianId,
- wps: this.nodeInfoTable,
- type: 1,
- delIds: this.delids,
- });
- this.delIds = [];
- this.$message({
- type: "success",
- message: "设置参数节点成功!",
- });
- this.nodeInfoSaveload = false;
- // this.nodeInfoVisible = false;
- this.parameters(this.jiedianId);
- } else {
- this.$message({
- type: "error",
- message: "请填写所有的参数名称和参数值!",
- });
- }
- } else {
- this.$message({
- type: "error",
- message: "请先设置参数节点!",
- });
- }
- },
- async addParameterName() {
- //设置参数名称中的保存按钮
- if (this.namelists.length) {
- let tag = true;
- this.namelists.forEach((val) => {
- if (!val.name || !val.k) {
- return (tag = false);
- }
- });
- if (tag) {
- await this.saveOrUpdateBatch({
- scopeType: 1,
- projectId: this.projectid,
- nodeId: this.jiedianId,
- wps: this.namelists,
- type: 0,
- delIds: this.delids,
- }); //保存设置参数
- this.infoNameVisible = false;
- this.delIds = [];
- this.keymap();
- } else {
- this.$message({
- type: "error",
- message: "请填写所有的参数名称和参数值KEY!",
- });
- }
- } else {
- this.$message({
- type: "warning",
- message: "请先添加参数",
- });
- }
- },
- closeParameter() {
- //设置参数名称,关闭按钮
- this.namelists = [];
- this.infoNameVisible = false;
- },
- async parameters(wbsId) {
- //获取接待你参数列表
- const { data: res } = await parameters({ wbsId });
- console.log(res);
- if (res.code == 200) {
- if (Array.isArray(res.data)) {
- this.nodeInfoTable = res.data;
- }
- }
- },
- async saveOrUpdateBatch(da) {
- //保存
- const { data: res } = await saveOrUpdateBatch(da);
- this.delids = [];
- //console.log(res);
- },
- async keymap() {
- //节点参数枚举
- const { data: res } = await keymap();
- //console.log(res);
- if (res.code == 200) {
- this.namelist = res.data;
- }
- },
- //#endregion
- //#region 导入元素
- ImportElement(data) {
- //导入元素按钮
- console.log(data);
- this.ImportElementdata.ancestors = data.ancestors;
- this.ImportElementdata.id = data.id;
- this.ImportElementTag = true;
- },
- async pushImportElement() {
- //确定按钮
- if (this.ImportElementFile.length > 0) {
- let formData = new FormData();
- formData.append("wbsId", this.$route.params.id);
- formData.append("ancestors", this.ImportElementdata.ancestors);
- formData.append("id", this.ImportElementdata.id);
- formData.append("tenantId", this.userInfo.tenant_id);
- formData.append("excelFile", this.ImportElementFile[0].raw);
- await this.importwbsTreeFormBatch(formData);
- this.ImportElementFile = [];
- this.ImportElementTag = false;
- }
- },
- ImportElementHandleClose() {
- //关闭弹框事件
- this.ImportElementTag = false;
- this.loding = false;
- this.ImportElementFile = [];
- },
- ElementChange(file, fileList) {
- //文件上传时的钩子
- //console.log(fileList);
- if (this.ImportElementFile.length == 0) {
- this.ImportElementFile = fileList;
- }
- },
- ElementRemove(file, fileList) {
- this.ImportElementFile = fileList;
- },
- async importwbsTreeFormBatch(da) {
- this.loding = true;
- try {
- const { data: res } = await importwbsTreeFormBatch(da);
- console.log(res);
- if (res.code == 200) {
- this.$message({
- type: "success",
- message: "导入成功!",
- });
- }
- this.loding = false;
- } catch (error) {
- this.loding = false;
- }
- },
- async exportBatchTemplate() {
- const res = await exportBatchTemplate();
- //console.log(res);
- if (res.status == 200) {
- this.downloadExcel(res.data, "导入元素模板");
- }
- },
- xiazaielement() {
- this.exportBatchTemplate();
- },
- //#endregion
- //#region 元素表单信息
- editEditElementForm() {
- //标记元素
- if (this.formData.length) {
- let da = [];
- this.formDatass = [...this.formData];
- this.formDatass.forEach((val) => {
- da.push({
- tableType: val.tableType - 0,
- tableOwner: val.tableOwner - 0,
- id: val.id,
- tableName: val.tableName,
- fillRate: val.fillRate,
- });
- });
- this.formDatass = da;
- this.editElementFormTag = true;
- }
- },
- editeditElementFormMF() {
- //保存按钮
- let da = [];
- let tag = true;
- this.formDatass.forEach((val) => {
- if (!val.tableName || !val.tableType || !val.tableOwner) {
- tag = false;
- return;
- } else {
- da.push({
- id: val.id,
- nodeName: val.tableName,
- tableType: val.tableType,
- tableOwner: val.tableOwner,
- fillRate: val.fillRate,
- });
- }
- });
- if (tag) {
- this.updateBatchNodeTableInfo(da);
- } else {
- this.$message({
- type: "success",
- message: "请填写完整元素表单的所有信息!",
- });
- }
- },
- async updateBatchNodeTableInfo(da) {
- //共有编辑元素
- const { data: res } = await updateBatchNodeTableInfo(da);
- //console.log(res);
- if (res.code == 200) {
- this.editElementFormTag = false;
- this.updateNodeTable();
- }
- },
- //#endregion
- //获取节点展开路径
- getExpandedKeys(node) {
- //console.log(node)
- let expandedKeys = [];
- while (node.parent) {
- expandedKeys.push(node.data.id);
- node = node.parent;
- }
- setStore({
- name: this.expandName,
- content: expandedKeys,
- type: true, //sessionStorage
- });
- //console.log(expandedKeys)
- },
- //节点参数 关联元素
- linkEle(row) {
- if (!row.id) {
- this.$message.warning("请先保存数据,再点击关联元素");
- } else {
- this.linkEleVisible = true;
- this.curParam = row;
- getParamElements({
- nodeId: this.jiedianId,
- paramId: row.id,
- scopeType: 1,
- }).then((res) => {
- if (res.data.data.length) {
- this.linkEleTableList = res.data.data;
- } else {
- this.linkEleTableList = [];
- }
- });
- }
- },
- //保存关联
- saveLinks() {},
- //删除关联
- delLink(data) {
- this.$confirm("删除关联, 是否继续?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- console.log(data);
- delParamElements(data).then(() => {
- this.$message({
- type: "success",
- message: "删除成功!",
- });
- getParamElements({
- nodeId: this.jiedianId,
- paramId: this.curParam.id,
- scopeType: 1,
- }).then((res) => {
- if (res.data.data.length) {
- this.linkEleTableList = res.data.data;
- } else {
- this.linkEleTableList = [];
- }
- });
- });
- })
- .catch(() => {});
- },
- //关联元素弹框
- tolinkEle(row) {
- this.curLinkEleTable = row;
- this.linkCheckVisible = true;
- selectFormElements(row.id, { nodeId: this.jiedianId, type: 5 }).then(
- (res) => {
- res.data.data.forEach((ele) => {
- ele.checked = false;
- ele.show = true;
- });
- this.linkEleList = res.data.data;
- this.linkEleListAll = [].concat(this.linkEleList);
- }
- );
- },
- linkEleCheck(value, index) {
- //console.log(value)
- if (value) {
- this.linkEleList.forEach((ele, i) => {
- if (i != index) {
- ele.checked = false;
- }
- });
- }
- },
- //关联元素
- saveLinkEle() {
- let target = {};
- this.linkEleList.forEach((e) => {
- if (e.checked == true) {
- target = { elementId: e.id, paramId: this.curParam.id };
- }
- });
- if (JSON.stringify(target) !== "{}") {
- specifiedParamElements(target).then((data) => {
- this.linkCheckVisible = false;
- getParamElements({
- nodeId: this.jiedianId,
- paramId: this.curParam.id,
- scopeType: 1,
- }).then((res) => {
- if (res.data.data.length) {
- this.linkEleTableList = res.data.data;
- } else {
- this.linkEleTableList = [];
- }
- });
- });
- } else {
- this.$message.warning("请先选择关联元素");
- }
- },
- //筛选元素
- searchEle() {
- this.linkEleList = this.linkEleListAll.filter((ele) => {
- return ele.eName.indexOf(this.linkEleKey) > -1;
- });
- },
- //触发节点参数
- nodeInfoHandle() {
- if (!this.curTreeData.id) {
- this.$message({
- type: "warning",
- message: "请先选择节点",
- });
- return;
- }
- this.nodeInfo(this.curTreeData);
- },
- eleFormulaHandle() {
- if (!this.curTreeData.id || !this.curTreeNode.id) {
- this.$message({
- type: "warning",
- message: "请先选择节点",
- });
- return;
- }
- this.setLeftType(4, this.curTreeData, this.curTreeNode);
- },
- addNodeHandle() {
- if (!this.curTreeData.id || !this.curTreeNode.id) {
- this.$message({
- type: "warning",
- message: "请先选择节点",
- });
- return;
- }
- if (this.curTreeData.nodeType == 6 || this.curTreeData.isExistForm == 1) {
- this.$message({
- type: "warning",
- message: "该节点下无法新增节点",
- });
- return;
- }
- this.mixRatioTestIds = [];
- this.setLeftType(1, this.curTreeData, this.curTreeNode);
- },
- editNodeHandle() {
- if (!this.curTreeData.id || !this.curTreeNode.id) {
- this.$message({
- type: "warning",
- message: "请先选择节点",
- });
- return;
- }
- this.nodeTypeChange(53);
- this.setLeftType(2, this.curTreeData, this.curTreeNode);
- },
- copyNodeHandle() {
- if (!this.curTreeData.id || !this.curTreeNode.id) {
- this.$message({
- type: "warning",
- message: "请先选择节点",
- });
- return;
- }
- },
- delNodeHandle() {
- if (!this.curTreeData.id || !this.curTreeNode.id) {
- this.$message({
- type: "warning",
- message: "请先选择节点",
- });
- return;
- }
- if (this.curTreeNode.level == 1) {
- this.$message({
- type: "warning",
- message: "当前节点无法删除",
- });
- return;
- }
- this.deleNode(this.curTreeData, this.curTreeNode);
- },
- eleHandle() {
- if (!this.curTreeData.id || !this.curTreeNode.id) {
- this.$message({
- type: "warning",
- message: "请先选择节点",
- });
- return;
- }
- this.setLeftType(5, this.curTreeData, this.curTreeNode);
- },
- //显示别名弹窗
- aliasShow() {
- this.aliasVisible = true;
- if (this.nodeDetail.fullName) {
- this.aliasArr = this.nodeDetail.fullName.split(",");
- } else {
- this.aliasArr = [];
- }
- this.aliasInput = "";
- },
- addAlias() {
- if (this.aliasInput) {
- this.aliasArr.push(this.aliasInput);
- this.aliasInput = "";
- }
- },
- delAlias(index) {
- this.aliasArr.splice(index, 1);
- },
- saveAliasHandle() {
- this.nodeDetail.fullName = this.aliasArr.join(",");
- if (this.editType == 1) {
- //新增
- this.aliasVisible = false;
- } else if (this.editType == 2) {
- //编辑 公有
- submitFullName(this.nodeDetail.id, this.nodeDetail.fullName).then(
- () => {
- this.$message({
- type: "success",
- message: "保存成功",
- });
- this.aliasVisible = false;
- }
- );
- }
- },
- //树形控件菜单相关方法
- mouseout() {
- this.menuvisible = false;
- },
- //展示菜单
- showMenu(e, data, node) {
- e.preventDefault();
- console.log(e, "e");
- var x = e.pageX; //这个应该是相对于整个浏览器页面的x坐标,左上角为坐标原点(0,0)
- var y = e.pageY; //这个应该是相对于整个浏览器页面的y坐标,左上角为坐标原点(0,0)
- this.menutop = y;
- this.menuleft = x;
- this.menuvisible = true;
- },
- menuClick(e, item, data) {
- this.menuKey = "";
- e.preventDefault();
- if (item.key === "add") {
- this.addNodeHandle();
- this.menuKey = "add";
- } else if (item.key === "edit") {
- this.editNodeHandle();
- this.menuKey = "edit";
- } else if (item.key === "del") {
- this.menuKey = "del";
- this.delNodeHandle();
- } else if (item.key === "copy") {
- this.$message.info("暂无相关接口");
- } else if (item.key === "sort") {
- this.menuKey = "sort";
- this.paixuMD(data);
- }
- },
- },
- components: {
- ManualSorting,
- FormulaEdit,
- FormulaEditone,
- },
- };
- </script>
- <style scoped lang="scss">
- //树结构超长后产生滚动条
- .el-tree > .el-tree-node {
- min-width: 100%;
- display: inline-block;
- }
- .font-s-12 ::v-deep .iconfont {
- font-size: 12px;
- }
- .el-popper[x-placement^="bottom"] {
- margin-top: -6px;
- }
- .right-btn {
- position: absolute;
- right: 20px;
- top: 10px;
- font-size: 20px;
- }
- .custom-tree-node {
- .normal-black {
- display: none;
- }
- &:hover {
- .normal-black {
- display: inline-block;
- }
- }
- &.show .normal-black {
- display: inline-block;
- }
- }
- .jiedian {
- ::v-deep.el-dialog__body {
- padding: 10px 20px !important;
- }
- }
- .filter-tree {
- min-width: 100%;
- display: inline-block;
- }
- .full-dialog {
- ::v-deep .el-dialog__body {
- padding-bottom: 0;
- }
- ::v-deep .basic-container {
- height: calc(100vh - 60px);
- }
- }
- .titlerow {
- // float: right;
- background-color: rgba(31, 34, 41, 0.8);
- padding-left: 10px;
- padding-right: 10px;
- text-align: right;
- margin-top: -20px;
- margin-left: -20px;
- margin-right: -20px;
- }
- // 树形控件菜单样式
- .contextmenu {
- margin: 0;
- background: #fff;
- z-index: 1000;
- position: fixed; //关键样式设置固定定位
- list-style-type: none;
- padding: 5px 0;
- border-radius: 4px;
- font-size: 12px;
- font-weight: 400;
- color: #333;
- box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
- }
- .contextmenu li {
- margin: 0;
- padding: 7px 16px;
- cursor: pointer;
- }
- .contextmenu li:hover {
- background: #eee;
- }
- </style>
|