| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>AI快速报价系统 - Demo</title>
- <style>
- :root {
- --primary: #1F497D;
- --primary-light: #2B6CB0;
- --accent: #3182CE;
- --bg: #F5F7FA;
- --card: #FFFFFF;
- --border: #E2E8F0;
- --text: #2D3748;
- --text-muted: #718096;
- --success: #38A169;
- --warning: #D69E2E;
- --danger: #E53E3E;
- --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
- --shadow-md: 0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
- --radius: 8px;
- --radius-lg: 12px;
- }
- * { box-sizing: border-box; margin: 0; padding: 0; }
- @keyframes pulse {
- 0%, 100% { box-shadow: 0 2px 8px rgba(102,126,234,0.3); }
- 50% { box-shadow: 0 2px 16px rgba(102,126,234,0.6); }
- }
- body {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
- background: var(--bg); color: var(--text); line-height: 1.6; min-height: 100vh;
- /* 保持页面坐标系为 1:1，避免全屏时 CSS zoom 造成拖放坐标二次缩放。 */
- zoom: 1;
- }
- /* Header */
- .header {
- background: var(--primary); color: #fff; padding: 0 24px; height: 56px;
- display: flex; align-items: center; justify-content: space-between; box-shadow: 0 2px 8px rgba(0,0,0,0.15);
- position: sticky; top: 0; z-index: 100;
- }
- .header-logo { font-size: 18px; font-weight: 700; letter-spacing: 0.5px; }
- .header-logo span { color: #63B3ED; }
- .header-nav { display: flex; gap: 4px; }
- .header-nav button {
- background: transparent; color: rgba(255,255,255,0.8); border: none; padding: 8px 16px;
- border-radius: 6px; cursor: pointer; font-size: 14px; transition: all 0.2s;
- }
- .header-nav button:hover, .header-nav button.active { background: rgba(255,255,255,0.15); color: #fff; }
- /* Layout */
- .container { max-width: 1280px; margin: 0 auto; padding: 24px; }
- @media (max-width: 900px) {
- body { zoom: 1; }
- .container { padding: 14px; }
- }
- /* Steps indicator */
- .steps-bar { display: flex; gap: 0; margin-bottom: 28px; }
- .step-dot {
- flex: 1; display: flex; align-items: center; gap: 10px; padding: 14px 16px;
- background: var(--card); border: 2px solid var(--border); border-radius: var(--radius);
- font-size: 14px; font-weight: 500; color: var(--text-muted); transition: all 0.3s;
- position: relative; cursor: pointer;
- }
- .step-dot + .step-dot { margin-left: -1px; border-radius: 0 var(--radius) var(--radius) 0; }
- .step-dot:first-child + .step-dot { border-radius: 0 var(--radius) var(--radius) 0; }
- .step-dot:not(:first-child) { border-left: none; }
- .step-dot:first-child { border-radius: var(--radius) 0 0 var(--radius); }
- .step-dot.active {
- border-color: var(--accent); color: var(--accent); background: #EBF8FF; z-index: 1;
- }
- .step-dot.done {
- border-color: var(--success); color: var(--success); background: #F0FFF4;
- }
- .step-num {
- width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center;
- justify-content: center; font-size: 13px; font-weight: 700; background: var(--border); color: var(--text-muted);
- }
- .step-dot.active .step-num { background: var(--accent); color: #fff; }
- .step-dot.done .step-num { background: var(--success); color: #fff; }
- /* Cards */
- .card { background: var(--card); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow); margin-bottom: 20px; }
- .card-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--border); color: var(--primary); }
- /* Form */
- .form-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
- .form-group { display: flex; flex-direction: column; gap: 4px; }
- .form-group label { font-size: 13px; font-weight: 500; color: var(--text-muted); }
- .form-group .hint { font-size: 11px; color: #A0AEC0; }
- input, select, textarea {
- padding: 9px 12px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px;
- font-family: inherit; transition: border-color 0.2s; background: #FAFBFC;
- }
- input:focus, select:focus, textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(49,130,206,0.1); }
- /* Buttons */
- .btn {
- display: inline-flex; align-items: center; gap: 6px; padding: 9px 20px;
- border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer;
- transition: all 0.2s; font-family: inherit;
- }
- .btn-primary { background: var(--accent); color: #fff; }
- .btn-primary:hover { background: var(--primary-light); }
- .btn-outline { background: #fff; color: var(--accent); border: 1px solid var(--accent); }
- .btn-outline:hover { background: #EBF8FF; }
- .btn-success { background: var(--success); color: #fff; }
- .btn-success:hover { background: #2F855A; }
- .btn-danger { background: #fff; color: var(--danger); border: 1px solid var(--danger); }
- .btn-danger:hover { background: #FFF5F5; }
- .btn-sm { padding: 5px 12px; font-size: 12px; }
- .btn-lg { padding: 12px 28px; font-size: 16px; }
- .btn:disabled { opacity: 0.5; cursor: not-allowed; }
- .btn-row { display: flex; gap: 12px; justify-content: space-between; align-items: center; margin-top: 20px; }
- /* Table */
- table { width: 100%; border-collapse: collapse; font-size: 13px; }
- th, td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--border); }
- /* 规则模块二：衣柜类/橱柜类表格名称等列横向书写不换行，宽度不足时容器横向滚动 */
- #rule-tab-wardrobe, #rule-tab-kitchen { overflow-x: auto; }
- #rule-tab-wardrobe th:first-child, #rule-tab-wardrobe td:first-child,
- #rule-tab-wardrobe th:nth-child(2), #rule-tab-wardrobe td:nth-child(2),
- #rule-tab-kitchen th:first-child, #rule-tab-kitchen td:first-child,
- #rule-tab-kitchen th:nth-child(2), #rule-tab-kitchen td:nth-child(2) { white-space: nowrap; }
- th { background: #F7FAFC; color: var(--text-muted); font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }
- td input { width: 90px; padding: 6px 8px; font-size: 13px; text-align: center; }
- td select { padding: 6px 8px; font-size: 13px; }
- .text-right { text-align: right; }
- .text-center { text-align: center; }
- .text-mono { font-family: "SF Mono", "Consolas", monospace; }
- /* Price display */
- .price-total { font-size: 36px; font-weight: 700; color: var(--primary); }
- .price-total small { font-size: 16px; font-weight: 400; color: var(--text-muted); }
- .price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 16px 0; }
- .price-card { background: #F7FAFC; border-radius: var(--radius); padding: 16px; text-align: center; border: 1px solid var(--border); }
- .price-card .label { font-size: 12px; color: var(--text-muted); margin-bottom: 4px; }
- .price-card .value { font-size: 22px; font-weight: 700; }
- .price-card.floor .value { color: var(--success); }
- .price-card.ceiling .value { color: var(--danger); }
- .price-card.grand .value { color: var(--primary); }
- /* Range bar */
- .range-bar-wrap { margin: 12px 0; }
- .range-bar {
- height: 8px; background: linear-gradient(to right, var(--success) 0%, #ECC94B 50%, var(--danger) 100%);
- border-radius: 4px; position: relative; margin: 8px 0;
- }
- .range-marker {
- position: absolute; top: -6px; width: 20px; height: 20px; background: var(--primary);
- border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--primary);
- transform: translateX(-50%); cursor: grab; transition: box-shadow 0.15s;
- }
- .range-marker:hover { box-shadow: 0 0 0 4px var(--primary); }
- .range-marker.dragging { cursor: grabbing; transform: translateX(-50%) scale(1.15); }
- .range-bar { cursor: pointer; }
- .range-labels { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-muted); }
- /* Tags & badges */
- .tag {
- display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600;
- }
- .tag-internal { background: #FEFCBF; color: #975A16; border: 1px solid #F6E05E; }
- /* Upload area */
- .upload-area {
- border: 2px dashed var(--border); border-radius: var(--radius); padding: 32px;
- text-align: center; cursor: pointer; transition: all 0.2s; background: #FAFBFC;
- }
- .upload-area:hover { border-color: var(--accent); background: #EBF8FF; }
- .upload-area .icon { font-size: 36px; margin-bottom: 8px; }
- .upload-area .text { font-size: 14px; color: var(--text-muted); }
- .upload-area .types { font-size: 12px; color: #A0AEC0; margin-top: 4px; }
- .upload-preview { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; align-items: flex-start; }
- .upload-preview .file-card {
- position: relative; width: 140px; border: 1px solid var(--border); border-radius: var(--radius);
- overflow: hidden; background: #fff; box-shadow: var(--shadow); transition: box-shadow 0.15s;
- }
- .upload-preview .file-card:hover { box-shadow: var(--shadow-md); }
- .upload-preview .file-card .thumb {
- width: 100%; height: 100px; object-fit: cover; display: block; cursor: pointer;
- background: #EDF2F7;
- }
- .upload-preview .file-card .file-icon {
- width: 100%; height: 100px; display: flex; align-items: center; justify-content: center;
- font-size: 40px; background: #EDF2F7; cursor: default;
- }
- .upload-preview .file-card .file-name {
- padding: 6px 8px; font-size: 11px; color: var(--text); white-space: nowrap;
- overflow: hidden; text-overflow: ellipsis; text-align: center;
- }
- .upload-preview .file-card .remove-btn {
- position: absolute; top: 4px; right: 4px; width: 22px; height: 22px;
- border-radius: 50%; background: rgba(0,0,0,0.55); color: #fff; border: none;
- font-size: 14px; line-height: 1; cursor: pointer; display: flex; align-items: center;
- justify-content: center; opacity: 0; transition: opacity 0.15s;
- }
- .upload-preview .file-card:hover .remove-btn { opacity: 1; }
- .upload-preview .file-card .remove-btn:hover { background: var(--danger); }
- /* Lightbox */
- .lightbox-overlay {
- position: fixed; inset: 0; background: rgba(0,0,0,0.88); display: flex;
- align-items: center; justify-content: center; z-index: 400;
- overflow: hidden; cursor: default;
- }
- .lightbox-viewport {
- position: relative; width: calc(100vw - 80px); height: calc(100vh - 120px);
- overflow: hidden; display: flex; align-items: center; justify-content: center;
- }
- .lightbox-img-wrap {
- display: inline-block; cursor: grab; user-select: none;
- -webkit-user-select: none; line-height: 0;
- }
- .lightbox-img-wrap.grabbing { cursor: grabbing; }
- .lightbox-img-wrap img {
- display: block; max-width: 90vw; max-height: 80vh;
- border-radius: 4px; box-shadow: 0 8px 40px rgba(0,0,0,0.5);
- pointer-events: none;
- }
- .lightbox-img-wrap.zoomed img { max-width: none; max-height: none; }
- /* Toolbar */
- .lightbox-toolbar {
- position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);
- display: flex; align-items: center; gap: 4px; z-index: 10;
- background: rgba(0,0,0,0.5); backdrop-filter: blur(10px);
- border-radius: 22px; padding: 5px 8px;
- }
- .lightbox-toolbar button {
- background: transparent; color: #fff; border: none; width: 34px; height: 34px;
- border-radius: 50%; font-size: 16px; cursor: pointer; display: flex;
- align-items: center; justify-content: center; transition: background 0.15s;
- line-height: 1;
- }
- .lightbox-toolbar button:hover { background: rgba(255,255,255,0.22); }
- .lightbox-toolbar .zoom-pct {
- color: rgba(255,255,255,0.9); font-size: 13px; min-width: 46px;
- text-align: center;
- }
- .lightbox-close {
- position: absolute; top: 14px; right: 22px; color: #fff; font-size: 32px;
- cursor: pointer; opacity: 0.7; transition: opacity 0.15s;
- background: none; border: none; z-index: 10;
- }
- .lightbox-close:hover { opacity: 1; }
- .lightbox-info {
- position: absolute; top: 16px; left: 22px;
- color: rgba(255,255,255,0.7); font-size: 13px; z-index: 10;
- max-width: 40vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
- }
- /* AI notice */
- .ai-notice {
- display: flex; align-items: center; gap: 8px; padding: 10px 14px;
- background: #FFFFF0; border: 1px solid #F6E05E; border-radius: 6px; font-size: 13px;
- color: #975A16; margin: 12px 0;
- }
- /* Tabs */
- .tabs { display: flex; gap: 0; border-bottom: 2px solid var(--border); margin-bottom: 16px; }
- .tab {
- padding: 10px 18px; cursor: pointer; font-size: 13px; font-weight: 500;
- color: var(--text-muted); border-bottom: 2px solid transparent; margin-bottom: -2px;
- transition: all 0.2s;
- }
- .tab:hover { color: var(--text); }
- .tab.active { color: var(--accent); border-bottom-color: var(--accent); }
- /* Rule editor */
- .rule-table td input { width: 120px; text-align: left; }
- .inline-edit { border: 1px dashed var(--border); background: transparent; }
- /* Modal */
- .modal-overlay {
- position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex;
- align-items: center; justify-content: center; z-index: 200;
- }
- .modal { background: #fff; border-radius: var(--radius-lg); padding: 28px; min-width: 560px; max-width: 90vw; box-shadow: 0 20px 60px rgba(0,0,0,0.2); }
- .modal h3 { margin-bottom: 16px; color: var(--primary); }
- /* Animations */
- @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
- .fade-in { animation: fadeIn 0.3s ease; }
- /* Toast */
- .toast {
- position: fixed; top: 20px; right: 20px; padding: 12px 20px; border-radius: 8px;
- color: #fff; font-size: 14px; z-index: 300; animation: fadeIn 0.3s;
- }
- .toast-success { background: var(--success); }
- .toast-info { background: var(--accent); }
- /* Hide sections */
- .hidden { display: none !important; }
- /* 5-Step Quotation */
- .q-spinner { width:44px;height:44px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:q-spin .8s linear infinite; }
- @keyframes q-spin { to{transform:rotate(360deg)} }
- .q-file-chip { display:inline-flex;align-items:center;gap:6px;background:#EBF8FF;color:var(--accent);padding:5px 12px;border-radius:20px;font-size:12px;margin:4px; }
- .q-ai-log .log-line { display:flex;align-items:center;gap:6px;padding:3px 0;opacity:0;animation:q-fadeInUp .3s forwards; }
- .q-ai-log .log-line:nth-child(1){animation-delay:.2s}
- .q-ai-log .log-line:nth-child(2){animation-delay:.4s}
- .q-ai-log .log-line:nth-child(3){animation-delay:.6s}
- .q-ai-log .log-line:nth-child(4){animation-delay:.8s}
- .q-ai-log .log-line:nth-child(5){animation-delay:1s}
- @keyframes q-fadeInUp { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }
- /* Quote list */
- .quote-list-table tr { cursor: pointer; transition: background 0.15s; }
- .quote-list-table tbody tr:hover { background: #F7FAFC; }
- /* Float rate slider */
- .float-slider-group { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
- .float-slider-group input[type="range"] {
- -webkit-appearance: none; appearance: none; width: 180px; height: 6px;
- background: linear-gradient(to right, var(--success) 0%, #ECC94B 50%, var(--danger) 100%);
- border-radius: 3px; outline: none; cursor: pointer;
- }
- .float-slider-group input[type="range"]::-webkit-slider-thumb {
- -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%;
- background: var(--primary); border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.3); cursor: pointer;
- }
- .float-badge {
- display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 13px; font-weight: 700;
- background: #EDF2F7; color: var(--primary); min-width: 56px; text-align: center;
- }
- .price-range-cell { font-size: 12px; line-height: 1.5; }
- .price-range-cell .min { color: var(--success); font-weight: 600; }
- .price-range-cell .max { color: var(--danger); font-weight: 600; }
- .price-range-cell .sep { color: var(--text-muted); margin: 0 4px; }
- /* Price estimate card */
- .estimate-card {
- background: linear-gradient(135deg, #1A365D 0%, #2B4C7E 100%); color: #fff;
- border-radius: var(--radius-lg); padding: 20px 24px; margin-bottom: 16px;
- display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
- }
- .estimate-card .est-label { font-size: 12px; opacity: 0.75; }
- .estimate-card .est-range { font-size: 24px; font-weight: 700; }
- .estimate-card .est-mid { font-size: 13px; opacity: 0.6; }
- .estimate-card .est-slider { flex: 1; min-width: 200px; }
- .estimate-card input[type="range"] {
- -webkit-appearance: none; appearance: none; width: 100%; height: 6px;
- background: rgba(255,255,255,0.25); border-radius: 3px; outline: none; cursor: pointer;
- }
- .estimate-card input[type="range"]::-webkit-slider-thumb {
- -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;
- background: #63B3ED; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.3); cursor: pointer;
- }
- .float-preset { display: flex; gap: 6px; }
- .float-preset button {
- padding: 4px 10px; border: 1px solid var(--border); border-radius: 14px;
- background: #fff; color: var(--text); cursor: pointer; font-size: 12px;
- transition: all 0.15s; font-family: inherit;
- }
- .float-preset button:hover {
- background: #EBF8FF; border-color: var(--accent); color: var(--primary);
- }
- .float-preset button.active {
- background: var(--primary); border-color: var(--primary); color: #fff;
- }
- /* 深色背景卡片内的浮动率按钮（全局概览） */
- .estimate-card .float-preset button {
- border: 1px solid rgba(255,255,255,0.3); background: transparent; color: rgba(255,255,255,0.85);
- }
- .estimate-card .float-preset button:hover {
- background: rgba(255,255,255,0.2); border-color: #63B3ED; color: #fff;
- }
- .estimate-card .float-preset button.active {
- background: rgba(255,255,255,0.25); border-color: #63B3ED; color: #fff;
- }
- /* Space accordion */
- .space-card {
- border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; margin-bottom: 12px;
- background: #FAFBFC;
- }
- .space-card .space-header {
- display: flex; justify-content: space-between; align-items: center; font-weight: 600;
- margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--border);
- }
- .space-card .space-details { font-size: 13px; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
- .space-card .space-details .item { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px dotted var(--border); }
- .space-card .space-details .item .val { font-weight: 500; }
- /* Activity / Promotion pricing */
- .activity-toggle-wrap {
- display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none;
- }
- .activity-toggle-track {
- position: relative; width: 48px; height: 26px; background: var(--border);
- border-radius: 13px; transition: background 0.2s;
- }
- .activity-toggle-track.on { background: #E53E3E; }
- .activity-toggle-thumb {
- position: absolute; top: 3px; left: 3px; width: 20px; height: 20px;
- background: #fff; border-radius: 50%; transition: all 0.2s;
- box-shadow: 0 1px 3px rgba(0,0,0,0.2);
- }
- .activity-toggle-track.on .activity-toggle-thumb { left: 25px; }
- .activity-config-panel {
- background: #FFFBEB; border: 1px solid #FBD38D; border-radius: var(--radius-lg);
- padding: 0; margin: 16px 0; animation: fadeIn 0.3s ease; overflow: hidden;
- }
- .activity-config-panel .ac-header {
- display: flex; align-items: center; justify-content: space-between;
- padding: 16px 20px;
- background: linear-gradient(135deg, #C05621 0%, #DD6B20 100%);
- color: #fff; font-weight: 700; font-size: 16px;
- }
- .activity-config-panel .ac-header .ac-title { display: flex; align-items: center; gap: 8px; }
- .activity-config-panel .ac-header .ac-date {
- font-size: 12px; font-weight: 400; opacity: 0.85;
- }
- .activity-config-panel .ac-body { padding: 18px 20px; }
- .activity-module {
- background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
- margin-bottom: 12px; overflow: hidden; transition: all 0.2s;
- }
- .activity-module:last-child { margin-bottom: 0; }
- .activity-module.enabled { border-color: #F6AD55; box-shadow: 0 0 0 1px rgba(237,137,54,0.15); }
- .activity-module .am-header {
- display: flex; align-items: center; justify-content: space-between;
- padding: 11px 14px; background: #FAFBFC; cursor: pointer; user-select: none;
- transition: background 0.15s;
- }
- .activity-module.enabled .am-header { background: #FFFFF0; }
- .activity-module .am-header:hover { background: #F7FAFC; }
- .activity-module.enabled .am-header:hover { background: #FFFBEB; }
- .activity-module .am-header .am-delete-btn {
- padding: 3px 9px; font-size: 12px; border-radius: 4px; border: 1px solid transparent;
- background: transparent; color: var(--text-muted); cursor: pointer;
- margin-left: auto; transition: all 0.15s; line-height: 1;
- }
- .activity-module .am-header:hover .am-delete-btn {
- border-color: #FEB2B2; color: #E53E3E; background: #FFF5F5;
- }
- .activity-module .am-header .am-delete-btn:hover {
- background: #E53E3E; color: #fff; border-color: #E53E3E;
- }
- .activity-module .am-header .am-num {
- width: 24px; height: 24px; border-radius: 50%; background: var(--border);
- display: flex; align-items: center; justify-content: center;
- font-size: 11px; font-weight: 700; color: var(--text-muted); flex-shrink: 0;
- }
- .activity-module.enabled .am-header .am-num { background: #DD6B20; color: #fff; }
- .activity-module .am-header .am-name { font-weight: 600; font-size: 14px; }
- .activity-module .am-header .am-tag {
- font-size: 10px; padding: 1px 6px; border-radius: 8px; font-weight: 600;
- background: #EDF2F7; color: var(--text-muted);
- }
- .activity-module.enabled .am-header .am-tag { background: #FEEBC8; color: #C05621; }
- .activity-module .am-toggle {
- position: relative; width: 38px; height: 20px; background: var(--border);
- border-radius: 10px; transition: background 0.2s; flex-shrink: 0;
- }
- .activity-module.enabled .am-toggle { background: #DD6B20; }
- .activity-module .am-toggle::after {
- content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px;
- background: #fff; border-radius: 50%; transition: all 0.2s;
- box-shadow: 0 1px 2px rgba(0,0,0,0.2);
- }
- .activity-module.enabled .am-toggle::after { left: 20px; }
- .activity-module .am-detail {
- padding: 0 14px; max-height: 0; overflow: hidden; transition: all 0.3s ease;
- font-size: 13px; color: var(--text); line-height: 1.7;
- }
- .activity-module.enabled .am-detail { max-height: 500px; padding: 0 14px 14px; }
- .activity-module .am-detail .am-desc { color: var(--text-muted); font-size: 12px; }
- .activity-module .am-detail .am-rule-row {
- display: flex; align-items: center; gap: 10px; padding: 5px 0;
- flex-wrap: wrap;
- }
- .activity-module .am-detail input[type="number"] {
- width: 90px; padding: 5px 8px; font-size: 12px; text-align: center;
- border: 1px solid var(--border); border-radius: 4px;
- }
- .activity-module .am-detail select {
- padding: 5px 8px; font-size: 12px; border: 1px solid var(--border); border-radius: 4px;
- }
- .dual-price-row {
- display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px;
- }
- .dual-price-card {
- background: #fff; border-radius: var(--radius); padding: 18px;
- text-align: center; border: 1px solid var(--border);
- }
- .dual-price-card.original { border-color: #CBD5E0; }
- .dual-price-card.activity {
- border-color: #FBD38D; background: linear-gradient(135deg, #FFFFF0 0%, #FFFBEB 100%);
- position: relative; overflow: hidden;
- }
- .dual-price-card.activity::after {
- content: 'HOT'; position: absolute; top: 8px; right: -28px;
- background: #E53E3E; color: #fff; font-size: 10px; font-weight: 700;
- padding: 2px 30px; transform: rotate(45deg);
- }
- .dual-price-card .dp-label {
- font-size: 13px; color: var(--text-muted); margin-bottom: 6px;
- }
- .dual-price-card .dp-price {
- font-size: 26px; font-weight: 700;
- }
- .dual-price-card.original .dp-price { color: var(--text); }
- .dual-price-card.activity .dp-price { color: #C05621; }
- .dual-price-card .dp-saving {
- font-size: 13px; color: #E53E3E; font-weight: 600; margin-top: 4px;
- min-height: 20px;
- }
- .dual-price-card .dp-detail {
- font-size: 11px; color: var(--text-muted); margin-top: 6px;
- text-align: left; line-height: 1.6;
- }
- .dual-price-card .dp-detail .dpd-item {
- display: flex; justify-content: space-between; padding: 2px 0;
- border-bottom: 1px dotted var(--border);
- }
- .dual-price-card .dp-detail .dpd-item .dpd-val { font-weight: 500; color: var(--text); }
- .activity-badge {
- display: inline-block; padding: 3px 10px; border-radius: 12px;
- font-size: 12px; font-weight: 700; color: #fff;
- background: linear-gradient(135deg, #E53E3E, #ED8936);
- animation: fadeIn 0.3s ease;
- }
- /* Custom Type Select */
- .custom-type-wrap { position: relative; display: inline; }
- .custom-type-input-group {
- display: inline-flex; align-items: center; gap: 4px;
- }
- .custom-type-input-group input {
- flex: 1; padding: 4px 6px; border: 1px solid var(--accent); border-radius: 4px;
- font-size: 12px; background: #fff; box-shadow: 0 0 0 2px rgba(49,130,206,0.15);
- }
- .btn-confirm {
- display: inline-flex; align-items: center; justify-content: center;
- min-width: 24px; height: 24px; padding: 0 6px; border: none; border-radius: 4px;
- background: var(--accent); color: #fff; cursor: pointer; font-size: 14px;
- font-weight: 700; transition: all 0.15s; line-height: 1; font-family: inherit;
- }
- .btn-confirm:hover { background: var(--primary-light); }
- .btn-confirm:disabled { opacity: 0.4; cursor: not-allowed; }
- .btn-cancel {
- display: inline-flex; align-items: center; justify-content: center;
- min-width: 24px; height: 24px; padding: 0 6px; border: 1px solid var(--border); border-radius: 4px;
- background: #fff; color: var(--text-muted); cursor: pointer; font-size: 14px;
- transition: all 0.15s; line-height: 1; font-family: inherit;
- }
- .btn-cancel:hover { background: #FED7D7; color: var(--danger); border-color: var(--danger); }
- .custom-type-hint {
- font-size: 10px; color: var(--accent); margin-top: 3px; display: flex; align-items: center; gap: 3px;
- }
- .custom-type-del-btn {
- display: inline-block; padding: 1px 6px; border: 1px solid var(--danger);
- border-radius: 3px; background: #FFF5F5; color: var(--danger);
- cursor: pointer; font-size: 11px; vertical-align: top; margin-top: 3px;
- transition: all 0.15s; font-family: inherit;
- }
- .custom-type-del-btn:hover { background: var(--danger); color: #fff; }
- /* Responsive */
- @media (max-width: 768px) {
- .price-grid { grid-template-columns: 1fr; }
- .form-grid { grid-template-columns: 1fr; }
- .steps-bar { flex-direction: column; }
- .step-dot { border-radius: var(--radius) !important; margin-left: 0 !important; border-left: 2px solid var(--border) !important; }
- }
- /* ========== AI Analysis Enhanced UI ========== */
- .ai-analysis-container { margin: 16px 0; }
- /* Progress stepper */
- .ai-progress-bar {
- display: flex; gap: 4px; margin-bottom: 20px; flex-wrap: wrap;
- }
- .ai-progress-step {
- flex: 1; min-width: 100px; padding: 8px 10px; border-radius: 6px;
- background: #F7FAFC; border: 1px solid var(--border); text-align: center;
- font-size: 11px; color: var(--text-muted); transition: all 0.3s;
- position: relative;
- }
- .ai-progress-step.running {
- background: #EBF8FF; border-color: var(--accent); color: var(--accent);
- animation: ai-progress-pulse 1.5s ease-in-out infinite;
- }
- .ai-progress-step.done {
- background: #F0FFF4; border-color: var(--success); color: var(--success);
- }
- .ai-progress-step .step-icon { font-size: 16px; display: block; margin-bottom: 2px; }
- @keyframes ai-progress-pulse {
- 0%, 100% { box-shadow: 0 0 0 0 rgba(49,130,206,0.3); }
- 50% { box-shadow: 0 0 0 6px rgba(49,130,206,0); }
- }
- /* Analysis grid */
- .ai-analysis-grid {
- display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
- gap: 12px; margin: 16px 0;
- }
- .ai-card {
- background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
- padding: 0; overflow: hidden; transition: all 0.3s; opacity: 0;
- transform: translateY(12px);
- }
- .ai-card.visible {
- opacity: 1; transform: translateY(0);
- }
- .ai-card .ai-card-header {
- display: flex; align-items: center; gap: 8px; padding: 10px 14px;
- background: #F7FAFC; border-bottom: 1px solid var(--border);
- font-size: 13px; font-weight: 600;
- }
- .ai-card .ai-card-header .ai-card-icon { font-size: 18px; }
- .ai-card .ai-card-header .ai-confidence {
- margin-left: auto; font-size: 10px; padding: 2px 8px; border-radius: 10px;
- font-weight: 500;
- }
- .ai-card .ai-card-header .ai-confidence.high { background: #E6F4FF; color: #1F497D; }
- .ai-card .ai-card-header .ai-confidence.medium { background: #FFF3E0; color: #D69E2E; }
- .ai-card .ai-card-body { padding: 12px 14px; font-size: 12px; }
- .ai-card .ai-card-body .ai-data-row {
- display: flex; justify-content: space-between; padding: 6px 0;
- border-bottom: 1px dotted #EDF2F7;
- }
- .ai-card .ai-card-body .ai-data-row:last-child { border-bottom: none; }
- .ai-card .ai-card-body .ai-data-label { color: var(--text-muted); }
- .ai-card .ai-card-body .ai-data-value { font-weight: 600; color: var(--text); }
- .ai-card .ai-card-body .ai-data-value.highlight { color: var(--accent); }
- .ai-card .ai-card-body .ai-data-value.success { color: var(--success); }
- .ai-card .ai-card-body .ai-tag-list { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
- .ai-card .ai-card-body .ai-tag {
- display: inline-block; padding: 3px 10px; border-radius: 4px;
- font-size: 11px; font-weight: 500;
- }
- .ai-card .ai-card-body .ai-tag.cabinet { background: #C6F6D5; color: #276749; }
- /* 有序卡片序号标识 */
- .ai-card .card-order-num {
- display: inline-flex; align-items: center; justify-content: center;
- width: 26px; height: 26px; border-radius: 50%;
- background: linear-gradient(135deg, var(--accent), #5A67D8);
- color: #fff; font-weight: 700; font-size: 13px;
- margin-right: 6px; flex-shrink: 0;
- }
- .ai-card.readonly { border-left: 4px solid var(--accent); }
- .ai-card .readonly-badge {
- font-size: 10px; padding: 2px 8px; border-radius: 10px;
- background: #F7FAFC; color: #718096; border: 1px solid #E2E8F0;
- margin-left: auto;
- }
- /* ========== Step2 二分布局 & 柜体卡片 ========== */
- .q-step2-grid {
- display: grid; grid-template-columns: 4fr 6fr; gap: 16px; margin: 16px 0;
- }
- .q-binary-col { display: flex; flex-direction: column; gap: 12px; }
- .q-col-title {
- font-size: 15px; font-weight: 700; color: var(--text);
- padding-bottom: 8px; border-bottom: 2px solid var(--accent); margin-bottom: 4px;
- }
- .q-info-card {
- background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
- padding: 14px 16px;
- }
- .q-info-row {
- display: flex; justify-content: space-between; padding: 7px 0;
- border-bottom: 1px dotted #EDF2F7; font-size: 13px;
- }
- .q-info-row:last-child { border-bottom: none; }
- .q-info-label { color: var(--text-muted); }
- .q-info-value { font-weight: 600; color: var(--text); }
- .q-info-value.highlight { color: var(--accent); font-size: 14px; }
- .q-info-value.success { color: var(--success); }
- .q-info-value.warning { color: #E53E3E; }
- .q-space-tags { display: flex; flex-wrap: wrap; gap: 6px; }
- .q-space-tag {
- display: inline-block; padding: 4px 12px; background: #EBF8FF;
- border: 1px solid #BEE3F8; border-radius: 16px; font-size: 12px; color: #2B6CB0; font-weight: 500;
- }
- .q-cabinet-card {
- background: #fff; border: 1px solid var(--border); border-radius: var(--radius);
- padding: 12px 14px; transition: box-shadow 0.2s;
- }
- .q-cabinet-card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
- .q-cabinet-header {
- display: flex; justify-content: space-between; align-items: center;
- margin-bottom: 10px;
- }
- .q-cabinet-title-group { display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; }
- .q-material-select {
- min-width:150px; max-width:230px; padding:5px 28px 5px 9px; border:1px solid #90CDF4;
- border-radius:6px; background:#fff; color:#2D3748; font-size:12px; outline:none; cursor:pointer;
- }
- .q-material-select:focus { border-color:#3182CE; box-shadow:0 0 0 2px rgba(49,130,206,.12); }
- .q-cabinet-name { font-weight: 700; font-size: 13px; color: var(--text); }
- .q-sheet-badge {
- font-size: 10px; padding: 2px 8px; border-radius: 10px; font-weight: 600;
- }
- .q-cabinet-dims {
- display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 8px;
- }
- .q-dim-item {
- background: #F7FAFC; border-radius: 6px; padding: 8px; text-align: center;
- }
- .q-dim-item .dim-label { display: block; font-size: 11px; color: #718096; margin-bottom: 3px; }
- .q-dim-item .dim-value { display: block; font-size: 14px; font-weight: 700; color: var(--text); }
- .q-dim-item.highlight .dim-value { color: var(--accent); font-size: 15px; }
- .q-cabinet-meta { font-size: 11px; color: var(--text-muted); }
- .q-card-extras-selected { margin-top:6px; display:flex; flex-wrap:wrap; gap:4px; }
- .q-extra-tag {
- display:inline-flex; align-items:center; gap:4px;
- background:#FFF5F5; border:1px solid #FEB2B2; border-radius:4px;
- padding:2px 6px; font-size:10px; color:#C53030;
- }
- .q-extra-remove {
- cursor:pointer; color:#9B2C2C; font-weight:700; margin-left:2px;
- width:14px; height:14px; display:inline-flex; align-items:center; justify-content:center;
- border-radius:50%;
- }
- .q-extra-remove:hover { background:#FED7D7; }
- .q-card-extra-selector select:focus,
- .q-card-extra-selector input:focus { border-color:#3182CE !important; }
- /* 柜体详情表格（Excel模板样式） */
- .q-cabinet-toggle {
- display: inline-flex; align-items: center; gap: 4px; cursor: pointer;
- font-size: 11px; color: #3182CE; padding: 3px 8px; background: #EBF8FF;
- border: 1px solid #BEE3F8; border-radius: 4px; margin-top: 8px;
- transition: all 0.15s; user-select: none;
- }
- .q-cabinet-toggle:hover { background: #BEE3F8; }
- .q-cabinet-toggle .arrow { transition: transform 0.2s; display: inline-block; }
- .q-cabinet-toggle.expanded .arrow { transform: rotate(90deg); }
- .q-cabinet-detail-table {
- margin-top: 8px; width: 100%; border-collapse: collapse; table-layout:fixed; font-size: 11px;
- border: 1px solid #E2E8F0; border-radius: 4px; overflow: hidden;
- }
- .q-cabinet-detail-table th {
- background: #EDF4FA; color: #334E68; font-weight: 600; padding: 5px 4px;
- border-right:1px solid #D8E3EC; border-bottom: 1px solid #D8E3EC; font-size: 10px; text-align: center; white-space: nowrap; overflow:hidden;
- }
- .q-cabinet-detail-table td {
- height:38px; padding: 4px 5px; border-right:1px solid #E4EBF1; border-bottom: 1px solid #E4EBF1; text-align: center; vertical-align:middle; background:#FFFFFF; overflow:hidden;
- }
- .q-cabinet-detail-table tr:last-child td { border-bottom: none; }
- .q-cabinet-detail-table th:last-child,.q-cabinet-detail-table td:last-child { border-right:none; }
- .q-cabinet-detail-table tr.cabinet-row td { background: #F5F8FB; font-weight: 600; }
- .q-cabinet-detail-table tr.extra-row td { background: #FFFFFF; }
- .q-cabinet-detail-table tr.total-row td { background: #EDF4FA; font-weight: 700; color: #2563A6; }
- .q-cabinet-detail-table td input,
- .q-cabinet-detail-table td select {
- width: 100%; min-width:0 !important; max-width:100%; padding: 5px 3px; border: 1px solid transparent; border-radius: 4px;
- font-size: 11px; text-align: center; font-family: inherit; background: transparent;
- transition: all 0.15s; min-width: 40px;
- }
- .q-cabinet-detail-table td input:hover,
- .q-cabinet-detail-table td select:hover { border-color: #CBD5E0; background: #fff; }
- .q-cabinet-detail-table td input:focus,
- .q-cabinet-detail-table td select:focus {
- border-color: #3182CE; background: #fff; outline: none;
- box-shadow: 0 0 0 2px rgba(49,130,206,0.1);
- }
- .q-cabinet-detail-table .item-name-col { text-align: left; min-width: 80px; }
- .q-cabinet-detail-table .item-name-col input { text-align:center; }
- .q-cabinet-detail-table .item-name-col select { text-align: left; font-weight: 500; }
- .q-cabinet-detail-table .note-col input { text-align: left; color: #718096; font-size: 10px; min-width: 80px; }
- .q-cabinet-detail-table .note-col { text-align:left; overflow:hidden; }
- .q-cabinet-detail-table .note-col select { text-align:left; text-overflow:ellipsis; }
- .q-cabinet-detail-table td:last-child { padding-left:2px; padding-right:2px; }
- .q-cabinet-detail-table .calc-col { background: inherit !important; color: #4A5568; font-weight: 600; }
- .q-cabinet-detail-table .total-price-col { color:#2563A6 !important; font-weight:700; }
- .q-cabinet-detail-table .calc-col input { background: transparent; font-weight: 600; color: #2D3748; }
- .q-cabinet-detail-table .readonly-value { display:block; padding:3px 4px; font-weight:700; color:#2D3748; white-space:nowrap; }
- .q-cabinet-detail-table input[type="number"],.q-cabinet-detail-table .readonly-value,.q-cabinet-detail-table .calc-col { font-variant-numeric:tabular-nums; }
- .q-cabinet-detail-table input[type="number"] { padding-left:1px; padding-right:1px; font-size:10px; }
- .q-cabinet-detail-table .del-btn {
- cursor: pointer; color: #E53E3E; font-weight: 700; width: 18px; height: 18px;
- display: inline-flex; align-items: center; justify-content: center;
- border-radius: 50%; transition: all 0.15s; background: transparent; border: none; font-size: 12px;
- }
- .q-cabinet-detail-table .del-btn:hover { background: #FED7D7; }
- .q-add-row-bar {
- display: flex; align-items: center; gap: 4px; margin-top: 6px; padding: 4px;
- background: #F7FAFC; border-radius: 4px; border: 1px dashed #CBD5E0;
- }
- .q-add-row-bar select {
- flex: 1; font-size: 11px; padding: 3px 4px; border: 1px solid #CBD5E0;
- border-radius: 3px; outline: none; background: #fff;
- }
- .q-add-row-bar button {
- font-size: 11px; padding: 3px 10px; background: #38A169; color: #fff;
- border: none; border-radius: 3px; cursor: pointer; white-space: nowrap;
- transition: background 0.15s;
- }
- .q-add-row-bar button:hover { background: #2F855A; }
- /* 第三步：各柜体明细（基础项与增值项） */
- .q-price-room-card { background:#fff; border:1px solid #D8E2EA; border-left:6px solid #38A169; border-radius:10px; margin:0 0 16px; padding:16px 18px; overflow:hidden; }
- .q-price-room-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
- .q-price-room-title strong { font-size:17px; color:#1A202C; }
- .q-price-room-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
- .q-price-metric { background:#F7FAFC; border-radius:8px; padding:12px 8px; text-align:center; }
- .q-price-metric span { display:block; color:#718096; font-size:12px; margin-bottom:5px; }
- .q-price-metric b { display:block; color:#1A202C; font-size:17px; }
- .q-price-metric.area b { color:#E53E3E; }
- .q-price-room-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; color:#718096; font-size:12px; margin-bottom:10px; }
- .q-price-add-controls { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
- .q-price-add-controls select { min-width:210px; max-width:320px; }
- .q-price-detail-wrap { overflow-x:auto; border:1px solid #E2E8F0; border-radius:7px; }
- .q-price-detail-table { width:100%; min-width:760px; table-layout:fixed; border-collapse:collapse; font-size:12px; }
- .q-price-detail-table th { padding:8px 6px; background:#F7FAFC; color:#4A5568; border-bottom:2px solid #E2E8F0; text-align:center; white-space:nowrap; }
- .q-price-detail-table td { padding:7px 6px; border-bottom:1px solid #E2E8F0; text-align:center; vertical-align:middle; }
- .q-price-detail-table tr.q-base-row td { background:#F5F8FB; }
- .q-price-detail-table tr.q-extra-row td { background:#FFFFFF; }
- .q-price-detail-table input { width:100%; min-width:0; box-sizing:border-box; padding:5px 6px; border:1px solid transparent; border-radius:4px; background:transparent; text-align:center; font:inherit; }
- .q-price-detail-table input:hover,.q-price-detail-table input:focus { border-color:#90CDF4; background:#fff; outline:none; }
- .q-price-detail-table .q-name-input,.q-price-detail-table .q-note-input { text-align:left; }
- .q-price-detail-table .readonly-value { display:block; padding:5px 6px; font-weight:700; color:#2D3748; white-space:nowrap; }
- .q-price-total-row td { background:#EDF4FA; color:#2563A6; font-weight:700; font-size:14px; }
- .q-price-discount-row td { background:#F5F8FB; color:#334E68; font-weight:600; }
- .q-price-custom-row { width:100%; margin-top:9px; padding:8px; border:1px dashed #A0AEC0; border-radius:6px; background:#718096; color:#fff; cursor:pointer; }
- @media (max-width:800px) { .q-price-room-metrics { grid-template-columns:1fr; } .q-price-add-controls { width:100%; } }
- /* 规则配置操作列：所有编辑/删除按钮统一横向排列。 */
- #view-rules table th:last-child,
- #view-rules table td:last-child { min-width:176px; width:176px; white-space:nowrap; }
- #view-rules table td:last-child .btn { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; margin:0 2px; }
- /* ========== OCR面板样式 ========== */
- .q-ocr-panel {
- background: #EBF8FF; border: 1px solid #90CDF4; border-radius: var(--radius);
- padding: 14px 18px; margin-bottom: 12px;
- }
- .q-ocr-panel-title {
- font-weight: 700; font-size: 14px; color: #2C5282; margin-bottom: 10px;
- display: flex; align-items: center; gap: 8px;
- }
- .q-ocr-source-badge {
- font-size: 11px; padding: 2px 10px; background: #BEE3F8; color: #2B6CB0;
- border-radius: 10px; font-weight: 500;
- }
- .q-ocr-stats {
- display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 10px;
- }
- .q-ocr-stat {
- background: #fff; border-radius: 6px; padding: 8px; text-align: center;
- border: 1px solid #BEE3F8;
- }
- .q-ocr-stat .stat-label { font-size: 10px; color: #718096; margin-bottom: 2px; }
- .q-ocr-stat .stat-value { font-size: 14px; font-weight: 700; color: #2B6CB0; }
- .q-ocr-text-list {
- max-height: 160px; overflow-y: auto; display: flex; flex-wrap: wrap; gap: 4px;
- }
- .q-ocr-text-item {
- display: inline-flex; align-items: center; gap: 4px;
- background: #fff; border: 1px solid #BEE3F8; border-radius: 4px;
- padding: 3px 8px; font-size: 11px;
- }
- .q-ocr-text-item .type {
- font-size: 9px; padding: 1px 5px; border-radius: 3px; font-weight: 600;
- }
- .q-ocr-text-item .type.room { background: #C6F6D5; color: #276749; }
- .q-ocr-text-item .type.dim { background: #FED7D7; color: #C53030; }
- /* Image overlay annotations */
- .ai-image-annotated {
- position: relative; display: inline-block; border: 1px solid var(--border);
- border-radius: var(--radius); overflow: hidden; background: #FAFBFC;
- }
- .ai-image-annotated img { display: block; max-width: 100%; height: auto; }
- .ai-annotation {
- position: absolute; pointer-events: none; transition: opacity 0.3s;
- }
- .ai-annotation .ai-anno-label {
- position: absolute; white-space: nowrap; font-size: 10px; font-weight: 600;
- padding: 1px 5px; border-radius: 3px; pointer-events: none;
- }
- .ai-annotation.wall-detect { border: 2px solid #3182CE; background: rgba(49,130,206,0.08); }
- .ai-annotation.wall-detect .ai-anno-label { background: #3182CE; color: #fff; }
- .ai-annotation.door-detect { border: 2px dashed #E53E3E; background: rgba(229,62,62,0.08); }
- .ai-annotation.door-detect .ai-anno-label { background: #E53E3E; color: #fff; }
- .ai-annotation.dim-line {
- border: none; background: transparent;
- }
- .ai-annotation.dim-line .ai-anno-label { background: #1F497D; color: #fff; }
- /* AI summary banner */
- .ai-summary-banner {
- background: linear-gradient(135deg, #1A365D 0%, #2B6CB0 100%);
- color: #fff; border-radius: var(--radius-lg); padding: 20px 24px;
- margin-bottom: 16px; display: flex; align-items: center; gap: 20px;
- flex-wrap: wrap;
- }
- .ai-summary-banner .summary-icon { font-size: 40px; }
- .ai-summary-banner .summary-info { flex: 1; min-width: 200px; }
- .ai-summary-banner .summary-info h3 { margin: 0 0 4px; font-size: 17px; }
- .ai-summary-banner .summary-info .summary-meta {
- font-size: 12px; opacity: 0.8; display: flex; gap: 16px; flex-wrap: wrap;
- }
- .ai-summary-banner .summary-stats {
- display: flex; gap: 20px;
- }
- .ai-summary-banner .summary-stat {
- text-align: center;
- }
- .ai-summary-banner .summary-stat .stat-val {
- font-size: 28px; font-weight: 700;
- }
- .ai-summary-banner .summary-stat .stat-lbl {
- font-size: 11px; opacity: 0.7;
- }
- /* Dimension extraction table */
- .ai-dim-table { width: 100%; border-collapse: collapse; font-size: 12px; }
- .ai-dim-table th {
- background: #F7FAFC; color: var(--text-muted); font-weight: 600;
- padding: 6px 8px; border-bottom: 2px solid var(--border); font-size: 11px;
- }
- .ai-dim-table td {
- padding: 6px 8px; border-bottom: 1px solid var(--border); text-align: center;
- }
- .ai-dim-table .match-badge {
- font-size: 10px; padding: 1px 6px; border-radius: 8px;
- }
- .ai-dim-table .match-badge.exact { background: #C6F6D5; color: #276749; }
- .ai-dim-table .match-badge.close { background: #FEEBC8; color: #975A16; }
- /* Material recommendation cards */
- .ai-material-cards { display: flex; gap: 8px; flex-wrap: wrap; }
- .ai-material-card {
- flex: 1; min-width: 120px; border: 1px solid var(--border); border-radius: var(--radius);
- padding: 10px; text-align: center; cursor: pointer; transition: all 0.2s;
- background: #fff;
- }
- .ai-material-card:hover { border-color: var(--accent); box-shadow: var(--shadow-md); }
- .ai-material-card.recommended { border-color: var(--success); background: #F0FFF4; }
- .ai-material-card .mat-swatch {
- width: 40px; height: 40px; border-radius: 6px; margin: 0 auto 6px;
- border: 1px solid var(--border);
- }
- .ai-material-card .mat-name { font-size: 12px; font-weight: 600; }
- .ai-material-card .mat-price { font-size: 11px; color: var(--text-muted); }
- /* Layout optimization */
- .ai-layout-compare {
- display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
- }
- .ai-layout-compare .layout-col {
- border: 1px solid var(--border); border-radius: var(--radius); padding: 12px;
- }
- .ai-layout-compare .layout-col.before { background: #FFF5F5; }
- .ai-layout-compare .layout-col.after { background: #F0FFF4; border-color: var(--success); }
- .ai-layout-compare .layout-col h4 { font-size: 13px; margin-bottom: 8px; }
- .ai-layout-compare .layout-col .layout-detail { font-size: 11px; line-height: 1.8; }
- /* Cabinet recommendation */
- .ai-cabinet-recommend {
- display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
- gap: 10px;
- }
- .ai-cabinet-item {
- border: 1px solid var(--border); border-radius: var(--radius);
- padding: 12px; background: #FAFBFC; transition: all 0.2s;
- }
- .ai-cabinet-item:hover { border-color: var(--accent); }
- .ai-cabinet-item .cab-room { font-weight: 600; font-size: 13px; margin-bottom: 4px; }
- .ai-cabinet-item .cab-detail { font-size: 11px; color: var(--text-muted); line-height: 1.6; }
- .ai-cabinet-item .cab-price { font-weight: 700; color: var(--accent); font-size: 13px; margin-top: 4px; }
- /* ===== Step 3 详细报价表 ===== */
- .detail-table-wrap { overflow-x: auto; margin-top: 8px; border: 1px solid var(--border); border-radius: 6px; }
- .detail-table { width: 100%; border-collapse: collapse; font-size: 12px; }
- .detail-table th { background: #F1F5F9; padding: 5px 6px; font-size: 11px; font-weight: 600; color: var(--text-muted); border-bottom: 2px solid var(--border); white-space: nowrap; }
- .detail-table td { padding: 3px 4px; border-bottom: 1px solid #EDF2F7; text-align: center; }
- .detail-table td input { width: 100%; min-width: 50px; padding: 3px 4px; border: 1px solid transparent; border-radius: 3px; font-size: 11px; text-align: center; font-family: inherit; background: transparent; transition: all 0.15s; }
- .detail-table td input:hover { border-color: #CBD5E0; background: #fff; }
- .detail-table td input:focus { border-color: var(--accent); background: #fff; outline: none; box-shadow: 0 0 0 2px rgba(49,130,206,0.1); }
- .detail-table .name-col { text-align: left; min-width: 100px; }
- .detail-table .name-col input { text-align: left; font-weight: 500; }
- .detail-table .note-col { min-width: 120px; }
- .detail-table .note-col input { text-align: left; color: var(--text-muted); font-size: 10px; }
- .detail-table .row-subtotal td { background: #F7FAFC; font-weight: 700; border-top: 2px solid var(--border); }
- .detail-table .row-subtotal td input { font-weight: 700; color: var(--primary); }
- .detail-table .row-discounted td { background: #FFFFF0; font-weight: 700; border-top: 1px dashed #F6E05E; }
- .detail-table .row-discounted td input { font-weight: 700; color: #C05621; }
- .detail-table .row-actions { text-align: center; }
- .detail-table .btn-add-row { padding: 2px 8px; font-size: 11px; border: 1px dashed var(--border); border-radius: 4px; background: transparent; cursor: pointer; color: var(--accent); transition: all 0.15s; }
- .detail-table .btn-add-row:hover { background: #EBF8FF; border-color: var(--accent); }
- .detail-table .btn-del-row { padding: 0 4px; font-size: 12px; border: none; background: transparent; cursor: pointer; color: var(--text-muted); transition: all 0.15s; }
- .detail-table .btn-del-row:hover { color: var(--danger); }
- .room-summary-bar { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; background: #EBF8FF; border-radius: 6px; margin-top: 8px; font-size: 13px; }
- .grand-total-bar { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: linear-gradient(135deg, #1A365D 0%, #2B6CB0 100%); color: #fff; border-radius: var(--radius-lg); margin-top: 14px; font-size: 14px; }
- .grand-total-bar .gt-row { display: flex; gap: 24px; align-items: center; }
- .grand-total-bar .gt-label { font-size: 12px; opacity: 0.75; }
- .grand-total-bar .gt-value { font-size: 22px; font-weight: 700; }
- .grand-total-bar .gt-discount { font-size: 18px; font-weight: 700; color: #FBD38D; }
- .detail-discount-input { width: 55px; padding: 3px 6px; border: 1px solid #FBD38D; border-radius: 4px; font-size: 12px; text-align: center; font-weight: 700; background: #FFFFF0; color: #C05621; }
- /* ========== AI Analysis Edit Mode ========== */
- .ai-edit-toggle-bar {
- display: flex; align-items: center; justify-content: space-between;
- padding: 8px 14px; background: #F7FAFC; border: 1px solid var(--border);
- border-radius: var(--radius); margin-bottom: 12px; font-size: 13px;
- }
- .ai-data-value.editable {
- cursor: pointer; border-bottom: 1px dashed var(--accent);
- padding: 1px 4px; border-radius: 2px; transition: all 0.15s;
- }
- .ai-data-value.editable:hover { background: #EBF8FF; }
- .ai-data-value.editing { border-bottom-color: transparent; background: #fff; }
- .ai-inline-input {
- font-size: 12px; font-weight: 600; padding: 2px 6px;
- border: 2px solid var(--accent); border-radius: 4px; width: auto;
- min-width: 60px; max-width: 200px; background: #fff;
- font-family: inherit; color: var(--text);
- box-shadow: 0 0 0 3px rgba(49,130,206,0.12);
- }
- .ai-inline-input:focus { outline: none; }
- .ai-inline-select {
- font-size: 12px; font-weight: 600; padding: 2px 4px;
- border: 2px solid var(--accent); border-radius: 4px;
- background: #fff; font-family: inherit; color: var(--text);
- box-shadow: 0 0 0 3px rgba(49,130,206,0.12);
- }
- .ai-edit-actions {
- display: inline-flex; gap: 2px; margin-left: 4px;
- }
- .ai-edit-actions button {
- width: 20px; height: 20px; border-radius: 50%; border: none;
- cursor: pointer; font-size: 11px; display: inline-flex;
- align-items: center; justify-content: center; line-height: 1;
- transition: all 0.15s;
- }
- .ai-edit-actions .ai-btn-save { background: var(--success); color: #fff; }
- .ai-edit-actions .ai-btn-save:hover { background: #2F855A; }
- .ai-edit-actions .ai-btn-cancel { background: #E2E8F0; color: var(--text-muted); }
- .ai-edit-actions .ai-btn-cancel:hover { background: #FED7D7; color: var(--danger); }
- .ai-card.editing .ai-card-header {
- background: #FFFFF0; border-bottom-color: #F6E05E;
- }
- .ai-card.editing .ai-card-header::after {
- content: '✏️ 编辑中'; font-size: 10px; margin-left: 8px;
- color: #D69E2E; font-weight: 400;
- }
- .ai-edit-mode-indicator {
- display: inline-block; padding: 2px 8px; border-radius: 10px;
- font-size: 11px; font-weight: 600;
- background: #FEEBC8; color: #C05621;
- animation: ai-progress-pulse 1.5s ease-in-out infinite;
- }
- .ai-card .ai-card-body .ai-data-value input[type="color"] {
- width: 24px; height: 18px; border: 1px solid var(--border); border-radius: 3px;
- padding: 0; cursor: pointer; vertical-align: middle;
- }
- /* ========== 报价方案预设 ========== */
- .plan-card-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 16px; }
- .plan-card {
- background: #fff; border: 2px solid var(--border); border-radius: 12px; padding: 18px;
- cursor: pointer; transition: all 0.2s; position: relative;
- }
- .plan-card:hover { border-color: var(--primary); box-shadow: 0 4px 12px rgba(66,153,225,0.15); transform: translateY(-2px); }
- .plan-card.selected { border-color: var(--primary); background: linear-gradient(135deg, #EBF8FF 0%, #fff 100%); box-shadow: 0 4px 16px rgba(66,153,225,0.25); }
- .plan-card.disabled { opacity: 0.5; cursor: not-allowed; }
- .plan-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; }
- .plan-card-name { font-size: 16px; font-weight: 700; color: var(--text); }
- .plan-card-badges { display: flex; gap: 6px; flex-wrap: wrap; }
- .plan-card-desc { font-size: 12px; color: #718096; margin-bottom: 12px; line-height: 1.5; }
- .plan-card-params { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
- .plan-card-param { background: #F7FAFC; border-radius: 8px; padding: 8px 10px; }
- .plan-card-param-label { font-size: 11px; color: #A0AEC0; margin-bottom: 2px; }
- .plan-card-param-value { font-size: 14px; font-weight: 600; color: var(--text); }
- .plan-card-actions { display: flex; gap: 6px; flex-wrap: wrap; }
- .plan-card-actions button { padding: 4px 10px; font-size: 12px; border-radius: 6px; border: 1px solid var(--border); background: #fff; cursor: pointer; transition: all 0.15s; }
- .plan-card-actions button:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
- .plan-card-actions button.danger:hover { background: var(--danger); border-color: var(--danger); }
- .plan-tier-badge { padding: 2px 8px; border-radius: 10px; font-size: 11px; font-weight: 600; }
- .plan-tier-economy { background: #F0FFF4; color: #38A169; }
- .plan-tier-standard { background: #EBF8FF; color: #3182CE; }
- .plan-tier-quality { background: #FAF5FF; color: #805AD5; }
- .q-plan-selector { margin-bottom: 20px; }
- .q-plan-selector-title { font-size: 14px; font-weight: 600; color: var(--text); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
- .q-plan-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
- .q-plan-mini-card {
- border: 2px solid var(--border); border-radius: 10px; padding: 12px; cursor: pointer;
- transition: all 0.2s; background: #fff; text-align: center;
- }
- .q-plan-mini-card:hover { border-color: var(--primary); transform: translateY(-1px); }
- .q-plan-mini-card.active { border-color: var(--primary); background: linear-gradient(135deg, #EBF8FF 0%, #fff 100%); box-shadow: 0 2px 8px rgba(66,153,225,0.2); }
- .q-plan-mini-card .mini-name { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
- .q-plan-mini-card .mini-desc { font-size: 11px; color: #A0AEC0; margin-bottom: 6px; }
- .q-plan-mini-card .mini-params { font-size: 11px; color: #718096; display: flex; justify-content: center; gap: 8px; }
- .modal-overlay { position: fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; display:flex; align-items:center; justify-content:center; }
- .modal-overlay.hidden { display:none; }
- .plan-modal { background:#fff; border-radius:16px; width:560px; max-width:95vw; max-height:90vh; overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,0.3); }
- .plan-modal-header { padding:20px 24px 16px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; }
- .plan-modal-header h3 { margin:0; font-size:18px; font-weight:700; }
- .plan-modal-close { width:32px; height:32px; border-radius:50%; border:none; background:#F7FAFC; cursor:pointer; font-size:18px; display:flex; align-items:center; justify-content:center; }
- .plan-modal-close:hover { background:#EDF2F7; }
- .plan-modal-body { padding:20px 24px; }
- .plan-modal-footer { padding:16px 24px; border-top:1px solid var(--border); display:flex; justify-content:flex-end; gap:10px; }
- .form-group { margin-bottom:16px; }
- .form-group label { display:block; font-size:13px; font-weight:600; color:#4A5568; margin-bottom:6px; }
- .form-group input, .form-group select, .form-group textarea {
- width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:8px; font-size:14px;
- font-family:inherit; transition:border-color 0.2s; box-sizing:border-box;
- }
- .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(66,153,225,0.1); }
- .form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
- .form-hint { font-size:11px; color:#A0AEC0; margin-top:4px; }
- .switch {
- position: relative; display: inline-block; width: 40px; height: 22px;
- }
- .switch input { opacity: 0; width: 0; height: 0; }
- .switch-slider {
- position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;
- background-color: #CBD5E0; transition: .3s; border-radius: 22px;
- }
- .switch-slider:before {
- position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 3px;
- background-color: white; transition: .3s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.2);
- }
- input:checked + .switch-slider { background-color: #3182CE; }
- input:checked + .switch-slider:before { transform: translateX(18px); }
- /* ========== 高级报价参数右侧抽屉面板 ========== */
- .drawer-overlay {
- position: fixed; top: 0; left: 0; right: 0; bottom: 0;
- background: rgba(0,0,0,0.4); z-index: 9998;
- opacity: 0; transition: opacity 0.3s ease; pointer-events: none;
- }
- .drawer-overlay.visible { opacity: 1; pointer-events: auto; }
- .advanced-drawer {
- position: fixed; top: 0; right: -480px; width: 460px; max-width: 90vw; height: 100vh;
- background: #fff; z-index: 9999; box-shadow: -4px 0 24px rgba(0,0,0,0.15);
- transition: right 0.3s ease; display: flex; flex-direction: column;
- }
- .advanced-drawer.open { right: 0; }
- .drawer-header {
- padding: 20px 24px; border-bottom: 1px solid #E2E8F0;
- display: flex; justify-content: space-between; align-items: center;
- background: linear-gradient(135deg,#F7FAFC,#EDF2F7);
- }
- .drawer-body {
- flex: 1; overflow-y: auto; padding: 20px 24px;
- }
- .drawer-plan-mini-card {
- background: #fff; border: 2px solid #E2E8F0; border-radius: 10px; padding: 12px 14px;
- cursor: pointer; transition: all 0.2s; position: relative;
- }
- .drawer-plan-mini-card:hover { border-color: #667EEA; box-shadow: 0 2px 8px rgba(102,126,234,0.15); }
- .drawer-plan-mini-card.selected { border-color: #667EEA; background: linear-gradient(135deg,#EBF4FF,#fff); }
- .drawer-plan-mini-card.default-plan { border-color: #38A169; }
- .drawer-plan-mini-card.disabled { opacity: 0.5; }
- .drawer-plan-mini-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
- .drawer-plan-mini-name { font-size: 14px; font-weight: 700; color: #2D3748; }
- .drawer-plan-mini-badges { display: flex; gap: 4px; }
- .drawer-plan-mini-badge {
- font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: 600;
- }
- .drawer-plan-mini-badge.default { background: #C6F6D5; color: #276749; }
- .drawer-plan-mini-badge.disabled-badge { background: #E2E8F0; color: #718096; }
- .drawer-plan-mini-params { display: flex; gap: 12px; font-size: 12px; color: #718096; margin-bottom: 8px; }
- .drawer-plan-mini-actions { display: flex; gap: 4px; flex-wrap: wrap; }
- .drawer-plan-mini-actions button {
- padding: 3px 8px; font-size: 11px; border-radius: 4px; border: 1px solid #E2E8F0;
- background: #fff; cursor: pointer; transition: all 0.15s;
- }
- .drawer-plan-mini-actions button:hover { background: #EBF8FF; border-color: #3182CE; color: #2B6CB0; }
- .drawer-plan-mini-actions button.danger:hover { background: #FFF5F5; border-color: #E53E3E; color: #C53030; }
- </style>
- <script src="assets/vendor/exceljs.min.js"></script>
- </head>
- <body>
- <!-- HEADER -->
- <div class="header">
- <div class="header-logo">🏠 <span>AI</span> 快速报价系统 <span style="font-size:11px;opacity:0.7;margin-left:8px;">DEMO</span></div>
- <div class="header-nav" style="display:flex;align-items:center;gap:8px;">
- <button onclick="switchView('quotes')" id="nav-quotes" class="active">📋 报价管理</button>
- <button onclick="switchView('analysis')" id="nav-analysis">🤖 AI解析</button>
- <button onclick="switchView('pricing')" id="nav-pricing">🧮 自动计价</button>
- <button onclick="switchView('rules')" id="nav-rules">⚙️ 规则配置</button>
- <button onclick="switchView('templates')" id="nav-templates">📄 模板管理</button>
- <button onclick="goBackFromRules()" id="nav-back-editor" style="display:none;background:linear-gradient(135deg,var(--primary),#5A67D8);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;gap:6px;align-items:center;box-shadow:0 2px 8px rgba(102,126,234,0.3);transition:all .2s;" onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 4px 12px rgba(102,126,234,0.4)'" onmouseout="this.style.transform='';this.style.boxShadow='0 2px 8px rgba(102,126,234,0.3)'">← 返回编辑</button>
- <button onclick="goBackFromManual()" id="nav-back-manual" style="display:none;background:linear-gradient(135deg,#0BA5A0,#2C7A7B);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;gap:6px;align-items:center;box-shadow:0 2px 8px rgba(11,165,160,0.3);transition:all .2s;" onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 4px 12px rgba(11,165,160,0.4)'" onmouseout="this.style.transform='';this.style.boxShadow='0 2px 8px rgba(11,165,160,0.3)'">← 返回上页（手动）</button>
- </div>
- </div>
- <div class="container">
- <!-- ======================== VIEW: 报价单列表 ======================== -->
- <div id="view-quotes" class="fade-in">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
- <h2 style="color:var(--primary);">📋 报价单管理</h2>
- <div style="display:flex;gap:10px;align-items:center;">
- <button id="btn-advanced-params" class="btn btn-outline" onclick="toggleAdvancedDrawer()">⚙️ 高级报价参数</button>
- <button class="btn btn-primary btn-lg" onclick="qNewQuoteClick()">＋ 新建报价单</button>
- </div>
- </div>
- <!-- 报价模式切换（两种模式数据隔离，互不干扰） -->
- <div style="display:flex;gap:8px;margin-bottom:14px;">
- <button id="mode-tab-ai" class="btn btn-sm" onclick="qSwitchListMode('ai')" style="border:1px solid var(--primary);">🤖 AI快速报价（粗略）</button>
- <button id="mode-tab-manual" class="btn btn-sm" onclick="qSwitchListMode('manual')" style="border:1px solid var(--primary);">🖐️ 手动精准报价</button>
- </div>
- <!-- 各空间预估总价区间 -->
- <div class="estimate-card" id="global-estimate-card">
- <div style="min-width:140px;">
- <div class="est-label">🏠 各空间预估总价区间</div>
- <div class="est-range" id="global-est-range">¥0 ~ ¥0</div>
- <div class="est-mid" id="global-est-mid">参考总价: ¥0</div>
- </div>
- <div class="est-slider">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
- <span style="font-size:12px;opacity:0.7;">浮动率微调</span>
- <span class="float-badge" style="background:rgba(255,255,255,0.2);color:#fff;" id="global-float-badge">±15%</span>
- </div>
- <input type="range" id="global-float-slider" min="5" max="30" value="15" step="0.5"
- oninput="onGlobalFloatChange(this.value)" onchange="onGlobalFloatChange(this.value)">
- <div style="display:flex;justify-content:space-between;font-size:11px;opacity:0.5;margin-top:2px;">
- <span>±5% 保守</span><span>±15% 标准</span><span>±30% 激进</span>
- </div>
- <div class="float-preset">
- <button onclick="setGlobalFloat(10)">±10%</button>
- <button onclick="setGlobalFloat(15)" class="active" id="fp-15">±15% 标准</button>
- <button onclick="setGlobalFloat(20)">±20%</button>
- <button onclick="setGlobalFloat(25)">±25%</button>
- <input type="number" id="float-custom" min="5" max="30" step="0.5" value="15"
- style="width:60px;padding:4px 6px;font-size:12px;border-radius:14px;border:1px solid rgba(255,255,255,0.3);background:transparent;color:#fff;text-align:center;"
- onchange="setGlobalFloat(this.value)">
- <span style="font-size:11px;opacity:0.5;display:flex;align-items:center;">%</span>
- </div>
- </div>
- </div>
- <div class="card">
- <div style="display:flex;gap:12px;margin-bottom:16px;align-items:center;">
- <input type="text" placeholder="🔍 搜索报价单编号/户型..." style="flex:1;max-width:300px;" oninput="filterQuoteList(this.value)">
- <select style="width:140px;" onchange="filterQuoteListByStatus(this.value)">
- <option value="">全部状态</option>
- <option value="0">草稿</option>
- <option value="1">已确认</option>
- <option value="2">已导出</option>
- <option value="3">已归档</option>
- </select>
- <button class="btn btn-danger btn-sm" id="batch-delete-btn" onclick="batchDeleteQuotes()" style="white-space:nowrap;" disabled>🗑 批量删除</button>
- <span id="batch-delete-count" style="font-size:12px;color:var(--text-muted);white-space:nowrap;">已选 0 项</span>
- </div>
- <table class="quote-list-table">
- <thead>
- <tr><th style="width:36px;"><input type="checkbox" id="quote-select-all" onchange="toggleSelectAllQuotes(this.checked)" title="全选/取消全选"></th><th>报价单编号</th><th>户型</th><th>方案总价</th><th>各空间预估总价区间</th><th>浮动率</th><th>状态</th><th>创建时间</th><th>操作</th></tr>
- </thead>
- <tbody id="quote-list-body"></tbody>
- </table>
- <div id="quote-empty" style="text-align:center;padding:40px;color:var(--text-muted);">
- 📭 暂无报价单，点击上方按钮创建第一份报价单
- </div>
- </div>
- </div>
- <!-- ======================== 高级报价参数右侧抽屉面板 ======================== -->
- <div id="drawer-overlay" class="drawer-overlay" onclick="toggleAdvancedDrawer()"></div>
- <div id="advanced-drawer" class="advanced-drawer">
- <div class="drawer-header">
- <h3 style="margin:0;font-size:18px;color:#2D3748;">⚙️ 高级报价参数</h3>
- <button onclick="toggleAdvancedDrawer()" style="background:none;border:none;font-size:24px;cursor:pointer;color:#718096;padding:4px;line-height:1;">×</button>
- </div>
- <div class="drawer-body">
- <!-- 当前方案选择下拉 -->
- <div style="margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#EBF8FF,#E9D8FD);border-radius:12px;border:1px solid #BEE3F8;">
- <div style="font-size:13px;font-weight:600;color:#553C9A;margin-bottom:10px;">📌 当前报价方案</div>
- <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
- <select id="drawer-plan-select" onchange="onDrawerPlanDropdownChange(this.value)" style="flex:1;min-width:180px;padding:10px 12px;border:1px solid #CBD5E0;border-radius:8px;font-size:14px;font-weight:600;">
- <option value="">-- 选择报价方案 --</option>
- </select>
- <button onclick="openPlanModal()" style="padding:8px 14px;background:linear-gradient(135deg,#667EEA,#764BA2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;">＋ 新增</button>
- </div>
- <div id="drawer-current-plan-info" style="margin-top:10px;font-size:12px;color:#718096;">
- <span id="drawer-plan-name" style="font-weight:600;color:#2D3748;"></span>
- <span> · 浮动率 ±<span id="drawer-plan-float"></span>%</span>
- <span> · 折扣 <span id="drawer-plan-discount"></span></span>
- </div>
- </div>
- <!-- 报价方案列表 -->
- <div style="margin-bottom:24px;">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
- <strong style="font-size:15px;color:#553C9A;">💼 报价方案预设</strong>
- </div>
- <div id="drawer-plan-list" style="display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:4px;">
- </div>
- </div>
- <div style="height:1px;background:linear-gradient(to right,transparent,#E2E8F0,transparent);margin:16px 0;"></div>
- <!-- 报价模式切换（下拉选择） -->
- <div>
- <div style="margin-bottom:12px;">
- <strong style="font-size:15px;color:#276749;">💰 报价模式</strong>
- </div>
- <div style="margin-bottom:12px;">
- <select id="drawer-mode-select" onchange="onDrawerModeChange(this.value)" style="width:100%;padding:10px 12px;border:1px solid #9AE6B4;border-radius:8px;font-size:14px;font-weight:600;background:#F0FFF4;">
- </select>
- </div>
- <div id="drawer-mode-param-detail" style="background:#F7FAFC;border-radius:10px;padding:14px;border:1px solid #E2E8F0;">
- </div>
- </div>
- </div>
- </div>
- <!-- ======================== VIEW: 报价单编辑 (步骤式) ======================== -->
- <div id="view-editor" class="fade-in hidden">
- <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#F7FAFC;border-radius:var(--radius-lg);border:1px solid var(--border);">
- <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">
- <button class="btn btn-outline btn-sm" onclick="backToList()" style="display:inline-flex;align-items:center;gap:4px;">💾 保存草稿返回列表</button>
- <span style="color:var(--text-muted);font-size:13px;">/</span>
- <h3 id="editor-title" style="color:var(--primary);margin:0;font-size:16px;">新建报价单</h3>
- <span id="editor-step-breadcrumb" style="font-size:12px;color:#fff;background:linear-gradient(135deg,var(--primary),#5A67D8);padding:3px 12px;border-radius:12px;font-weight:600;">步骤 1/4 · 上传资料</span>
- </div>
- <div style="display:flex;gap:8px;align-items:center;">
- <span style="font-size:12px;color:var(--text-muted);">💡 每步自动保存草稿，可随时切去其他页面后点右上角返回</span>
- </div>
- </div>
- <!-- Steps -->
- <div class="steps-bar" id="steps-bar" style="margin-bottom:20px;">
- <div class="step-dot active" data-step="1"><span class="step-num">1</span>上传资料</div>
- <!-- 步骤2/3由AI后台自动运行，指示器隐藏不在页面显示 -->
- <div class="step-dot" data-step="2" style="display:none;"><span class="step-num">2</span>AI解析</div>
- <div class="step-dot" data-step="3" style="display:none;"><span class="step-num">3</span>自动计价</div>
- <div class="step-dot" data-step="4"><span class="step-num">2</span>报价单</div>
- </div>
- <!-- Step 1: 上传资料 -->
- <div class="card step-content" id="step-1">
- <div class="card-title">📁 上传资料</div>
- <div style="font-size:13px;color:var(--text-muted);margin-top:-8px;margin-bottom:12px;">
- 请上传户型图或CAD图纸（二选一或同时上传），以及客户需求沟通记录
- </div>
- <!-- 层高手动输入（必填项，无法自动识别，移至Step1） -->
- <div style="background:linear-gradient(135deg,#FFF5F5 0%,#FFFAF0 100%);border:2px solid #FC8181;border-radius:12px;padding:16px 20px;margin-bottom:14px;">
- <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
- <span style="font-size:24px;">📏</span>
- <div style="flex:1;min-width:200px;">
- <div style="font-weight:700;font-size:15px;color:#C53030;">
- 层高（参考）
- <span style="background:#ED8936;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;margin-left:8px;font-weight:600;">人工填写</span>
- </div>
- <div style="font-size:12px;color:#742A2A;margin-top:2px;">🏠 填写房屋净层高，仅作为空间参考信息。柜体高度以图纸标注或实际定制尺寸为准，不强制等于层高。</div>
- </div>
- <div style="display:flex;align-items:center;gap:8px;">
- <input type="text" id="q-floor-height" value="2.5" placeholder="例如 2.5" inputmode="decimal"
- style="width:140px;padding:10px 14px;border:2px solid #FC8181;border-radius:8px;font-size:18px;font-weight:700;text-align:center;color:#C53030;background:#fff;"
- oninput="qUpdateFloorHeight(this.value)"
- onblur="qFormatFloorHeight()"
- onkeydown="if(event.key==='Enter'){qFormatFloorHeight();}">
- <span style="font-size:16px;font-weight:600;color:#C53030;">米(m)</span>
- </div>
- </div>
- <div style="font-size:11px;color:#718096;margin-top:6px;">💡 层高已预填2.5m，可根据实际情况修改或删除。柜体高度由图纸标注或AI识别决定，与层高无强制关联。</div>
- </div>
- <!-- 上传状态一目了然 -->
- <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;font-size:12px;" id="q-upload-status-bar">
- <span style="padding:4px 10px;border-radius:12px;background:#EDF2F7;color:var(--text-muted);" id="q-status-drawing">⬜ 图纸：未上传</span>
- </div>
- <input type="file" id="q-file-drawing" accept="image/*" style="display:none" onchange="qHandleDrawing(this)">
- <input type="file" id="q-file-cad" accept=".dwg,.dxf,.pdf" style="display:none" onchange="qHandleCAD(this)">
- <input type="file" id="q-file-unified" accept="image/*,.dwg,.dxf,.pdf" style="display:none" onchange="qHandleUnified(this)">
- <input type="file" id="q-file-req" accept="image/*,.txt,.pdf" style="display:none" onchange="qHandleRequirement(this)">
- <input type="file" id="q-file-render" accept="image/*" multiple style="display:none" onchange="qHandleRenderUpload(this)">
- <!-- 多图纸模式下的动态文件输入（hidden, triggered per-sheet） -->
- <input type="file" id="q-file-sheet-drawing" accept="image/*" style="display:none" onchange="qHandleSheetDrawing(this)">
- <input type="file" id="q-file-sheet-cad" accept=".dwg,.dxf,.pdf" style="display:none" onchange="qHandleSheetCAD(this)">
- <!-- ====== 单图纸模式 ====== -->
- <div id="q-single-sheet-area">
- <!-- 左侧：图纸统一上传 | 右侧：CAD识别标准规则设置 -->
- <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
- <!-- ===== 单栏：图纸统一上传（户型图 + CAD 一个框兼容） ===== -->
- <div style="border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:#FAFBFC;">
- <div style="margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;">
- <div style="font-size:14px;font-weight:600;color:var(--primary);">📐 图纸上传（户型图 / CAD 一个框兼容）</div>
- <button id="q-recog-config-btn" onclick="qToggleRecogConfig()" style="display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;" onmouseover="this.style.borderColor='#3182CE';this.style.color='#3182CE';" onmouseout="this.style.borderColor='';this.style.color='';">⚙️ 识别配置</button>
- </div>
- <!-- ===== 识别配置标准规则设置（默认隐藏，点击打开编辑预览） ===== -->
- <div id="q-recog-config-panel" style="display:none;margin-bottom:12px;border:1px solid #90CDF4;background:#F8FBFF;border-radius:10px;padding:14px;">
- <div style="display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;">
- <div style="font-size:13px;font-weight:700;color:#2C5282;">🎯 识别配置 · 标准规则设置</div>
- <div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">
- <button onclick="qReFetchDimensions()" title="按识别配置与规则配置重新识别各柜体长宽，并重算面积、厨房总长度与价格" style="display:inline-flex;align-items:center;gap:5px;background:#2C5282;border:1px solid #2C5282;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;">🔄 重新抓取柜体尺寸</button>
- <div style="font-size:11px;color:#718096;">✏️ 规则文本可直接点击编辑，修改后自动保存</div>
- </div>
- </div>
- <div style="display:grid;gap:10px;font-size:13px;color:#4A5568;line-height:1.9;">
- <div style="background:#FFF;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">1、图像比例推算：</b><textarea id="q-rc-text-r1" onchange="qUpdateRecogText('r1',this.value)" oninput="qAutoGrow(this)" style="width:100%;border:1px dashed transparent;background:transparent;font:inherit;line-height:1.9;color:#4A5568;resize:vertical;min-height:26px;padding:2px 4px;border-radius:6px;outline:none;" onfocus="this.style.borderColor='#90CDF4';this.style.background='#F8FBFF';" onblur="this.style.borderColor='transparent';this.style.background='transparent';"></textarea></div>
- <div style="background:#FFF;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">2、尺寸单位推算：</b>根据
- <select id="q-rc-source" onchange="qUpdateRecogSource(this.value)" style="padding:2px 8px;border:1px solid #CBD5E0;border-radius:6px;font-size:12px;background:#fff;">
- <option>标注尺寸</option>
- <option>录入尺寸</option>
- </select>
- <textarea id="q-rc-text-r2" onchange="qUpdateRecogText('r2',this.value)" oninput="qAutoGrow(this)" style="width:100%;border:1px dashed transparent;background:transparent;font:inherit;line-height:1.9;color:#4A5568;resize:vertical;min-height:26px;padding:2px 4px;border-radius:6px;outline:none;margin-top:4px;display:block;" onfocus="this.style.borderColor='#90CDF4';this.style.background='#F8FBFF';" onblur="this.style.borderColor='transparent';this.style.background='transparent';"></textarea>
- </div>
- <div style="background:#FFF;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">3、绿色框尺寸计算：</b><textarea id="q-rc-text-r3" onchange="qUpdateRecogText('r3',this.value)" oninput="qAutoGrow(this)" style="width:100%;border:1px dashed transparent;background:transparent;font:inherit;line-height:1.9;color:#4A5568;resize:vertical;min-height:26px;padding:2px 4px;border-radius:6px;outline:none;" onfocus="this.style.borderColor='#90CDF4';this.style.background='#F8FBFF';" onblur="this.style.borderColor='transparent';this.style.background='transparent';"></textarea></div>
- <div style="background:#FFF;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#EF4444;">4、识别红框内柜子的规则：</b><textarea id="q-rc-text-r4" onchange="qUpdateRecogText('r4',this.value)" oninput="qAutoGrow(this)" style="width:100%;border:1px dashed transparent;background:transparent;font:inherit;line-height:1.9;color:#4A5568;resize:vertical;min-height:26px;padding:2px 4px;border-radius:6px;outline:none;" onfocus="this.style.borderColor='#90CDF4';this.style.background='#F8FBFF';" onblur="this.style.borderColor='transparent';this.style.background='transparent';"></textarea></div>
- </div>
- <div id="q-recog-status" style="margin-top:10px;padding:8px 12px;background:#EBF8FF;border:1px solid #BEE3F8;border-radius:8px;font-size:12px;color:#2C5282;line-height:1.8;">📐 待上传图纸：上传后系统自动推算尺寸单位（1像素是多少米），并按规则色块自动抓取每个柜体的宽、高（厨房抓取四边总长度）。</div>
- </div>
- <!-- 统一上传框：按文件类型自动识别户型图或CAD，二者不冲突可共存 -->
- <div id="q-upload-zone-unified" class="upload-area" onclick="document.getElementById('q-file-unified').click()" style="padding:16px;margin-bottom:10px;">
- <div id="q-unified-inner">
- <div class="icon">📐</div>
- <div class="text">点击上传户型图 / CAD图纸</div>
- <div class="types">户型图支持 JPG、PNG、WEBP；CAD支持 DWG、DXF、PDF | 两者可同时上传，互不冲突</div>
- </div>
- </div>
- <div style="margin-top:4px;margin-bottom:2px;" id="q-upload-files-drawing"></div>
- <div style="margin-top:4px;margin-bottom:2px;" id="q-upload-files-cad"></div>
- <div style="display:flex;gap:6px;flex-wrap:wrap;">
- <button class="btn btn-outline btn-sm" onclick="event.stopPropagation();qUseMockDrawing()">📋 示例户型图</button>
- <button class="btn btn-outline btn-sm" onclick="event.stopPropagation();qUseMockCAD()">📋 示例CAD图纸</button>
- <button class="btn btn-outline btn-sm" onclick="event.stopPropagation();if(qUploadedDrawing){qClearDrawing();document.getElementById('q-file-unified').click()}" style="display:none;" id="q-btn-replace-drawing">🔄 更换户型图</button>
- <button class="btn btn-outline btn-sm" onclick="event.stopPropagation();if(qUploadedCAD){qClearCAD();document.getElementById('q-file-unified').click()}" style="display:none;" id="q-btn-replace-cad">🔄 更换CAD</button>
- </div>
- <!-- 隐藏占位区域：保留ID供JS兼容，不显示 -->
- <div id="q-upload-zone-drawing" class="upload-area" style="display:none"><div id="q-drawing-inner"></div></div>
- <div id="q-upload-zone-cad" class="upload-area" style="display:none"><div id="q-cad-inner"></div></div>
- <div id="q-upload-zone-req" class="upload-area" style="display:none"><div id="q-req-inner"></div></div>
- <div style="display:none" id="q-upload-files-req"></div>
- </div>
- <!-- ===== 右栏：图纸识别标准规则设置（平面户型图/CAD通用，仅AI快速报价模式显示） ===== -->
- <div id="q-cad-rule-card" style="border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:#FAFBFC;">
- <div style="margin-bottom:12px;">
- <div style="font-size:14px;font-weight:600;color:var(--primary);">🎨 图纸识别标准规则设置（户型图 / CAD 通用）</div>
- </div>
- <div style="font-size:12px;color:var(--text-muted);margin-bottom:12px;">平面户型图纸与CAD图纸统一用特定颜色框标注柜体，AI抓取对应颜色色块自动识别柜体。</div>
- <div style="font-size:12px;font-weight:600;color:#2D3748;margin-bottom:8px;">标注颜色选择：</div>
- <div style="margin-bottom:14px;">
- <select id="q-cad-rule-select" onchange="qSetCadRuleColor(this.value==='red'?'#EF4444':'#22C55E', this.value==='red'?'红色':'绿色')" style="width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#fff;color:#2D3748;cursor:pointer;outline:none;">
- <option value="red" selected>红色（默认）</option>
- <option value="green">绿色</option>
- </select>
- </div>
- <div id="q-cad-rule-summary" style="padding:10px 12px;background:#F0FFF4;border:1px solid #9AE6B4;border-radius:8px;font-size:12px;color:#276749;">当前规则：平面户型图/CAD图纸中统一用 <b style="color:#EF4444;">红色</b> 框标注柜体，AI抓取 <b style="color:#EF4444;">红色</b> 色块自动识别柜体。</div>
- </div>
- </div>
- </div><!-- /q-single-sheet-area -->
- <div class="btn-row">
- <div></div>
- <button class="btn btn-primary btn-lg" id="q-btn-analyze" disabled onclick="qStartAnalysis()">下一步：报价单 →</button>
- </div>
- </div>
- <!-- Step 2: AI解析 — 柜体定制识别（只读卡片） -->
- <div class="card step-content hidden" id="step-2">
- <div class="card-title">🤖 AI 自动解析 — 柜体尺寸识别</div>
- <div style="font-size:13px;color:var(--text-muted);margin-top:-8px;margin-bottom:12px;">AI识别图纸中的柜体尺寸信息，结果以只读卡片展示，数据与图纸标注精准对应</div>
- <!-- 层高信息（已在Step1填写，只读展示） -->
- <div style="background:#F0FFF4;border:1px solid #9AE6B4;border-radius:10px;padding:12px 18px;margin-bottom:14px;display:flex;align-items:center;gap:10px;">
- <span style="font-size:20px;">📏</span>
- <div style="flex:1;">
- <span style="font-weight:600;font-size:14px;color:#276749;">层高：<span id="q-step2-fh-display">—</span></span>
- <span style="font-size:12px;color:#48BB78;margin-left:8px;">（仅作空间参考，柜体高度以图纸/AI识别为准）</span>
- </div>
- </div>
- <!-- 上传的图片预览 + 标注叠加层 -->
- <div id="q-ai-image-preview" style="margin-bottom:16px;display:none;">
- <div style="display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;">
- <div id="q-ai-drawing-thumb" style="display:none;max-width:480px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;">
- <div style="font-size:11px;color:var(--text-muted);padding:6px 10px;background:#F7FAFC;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;">
- <span id="q-ai-drawing-preview-title">📐 上传的户型图（原图展示）</span>
- <button id="q-btn-toggle-ocr" onclick="qToggleOCRPanel()" style="display:none;background:#EBF8FF;border:1px solid #90CDF4;border-radius:4px;padding:2px 10px;font-size:11px;color:#2B6CB0;cursor:pointer;">🔤 查看OCR识别详情</button>
- </div>
- <div class="ai-image-annotated" id="q-ai-annotated-wrap">
- <img id="q-ai-drawing-img" src="" alt="户型图" style="width:100%;display:block;cursor:pointer;" onclick="qOpenZoomableLightbox(this.src,'户型图')">
- <div id="q-ai-annotations-layer"></div>
- </div>
- </div>
- <div id="q-ai-req-thumb" style="display:none;max-width:320px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;">
- <div style="font-size:11px;color:var(--text-muted);padding:6px 10px;background:#F7FAFC;border-bottom:1px solid var(--border);">📝 上传的需求记录</div>
- <img id="q-ai-req-img" src="" alt="需求记录" style="width:100%;display:block;cursor:pointer;" onclick="qOpenZoomableLightbox(this.src,'需求记录')">
- </div>
- </div>
- <div id="q-ai-file-info" style="font-size:12px;color:var(--text-muted);margin-top:8px;"></div>
- </div>
- <!-- ═══════════════════════════════════════════════════════ -->
- <!-- 全新三步AI柜体识别流程 -->
- <!-- ══════════════════════════════════════════════════════ -->
- <!-- 三步进度条 -->
- <div class="ai-progress-bar" id="q-ai-progress-bar" style="display:flex;">
- <div class="ai-progress-step active" id="q-ai-prog-0"><span class="step-icon">🛋️</span>第一步：原图家具布局</div>
- <div class="ai-progress-step" id="q-ai-prog-1" style="display:none;"><span class="step-icon">📦</span>柜体贴纸定位</div>
- <div class="ai-progress-step" id="q-ai-prog-2"><span class="step-icon">📐</span>第二步：柜体尺寸计算</div>
- </div>
- <!-- ── Step 1: 图纸预处理 ── -->
- <div id="q-ai-step1-area" style="display:block;">
- <div style="background:#F0FFF4;border:1px solid #9AE6B4;border-radius:10px;padding:16px;margin-bottom:16px;">
- <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px;">
- <div style="font-size:14px;font-weight:700;color:#276749;">🛋️ 第一步：原图家具布局</div>
- </div>
- <div style="font-size:12px;color:#2F855A;margin-bottom:12px;">直接使用上传的原户型图，从右侧选择家具扁平贴纸进行空间布局；贴纸支持拖动位置、放大缩小和双击删除。</div>
- <style>
- .q-furniture-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;color:#2D3748;font-size:24px;cursor:grab;user-select:none;transition:.15s}
- .q-furniture-tool:hover{border-color:#3182CE;background:#EBF8FF;transform:translateY(-1px)}
- .q-furniture-tool span{font-size:11px;font-weight:600}
- .q-furniture-tool img{width:82px;height:68px;object-fit:contain;display:block;pointer-events:none}
- .q-furniture-category{padding:10px;border-bottom:1px solid #E2E8F0}
- .q-furniture-category:last-child{border-bottom:none}
- .q-furniture-category-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:5px 8px;border-radius:6px;font-size:12px;font-weight:700}
- .q-furniture-category-title.cabinet{background:#FFF7ED;color:#9C4221}
- .q-furniture-category-title.wardrobe{background:#EBF8FF;color:#2B6CB0}
- .q-furniture-category-grid{display:grid;grid-template-columns:repeat(2,minmax(82px,1fr));gap:8px}
- .q-placed-furniture{position:absolute;transform:translate(-50%,-50%);transform-origin:center;min-width:44px;padding:5px 7px;border:1px solid #3182CE;border-radius:7px;background:rgba(255,255,255,.9);box-shadow:0 2px 7px rgba(0,0,0,.16);text-align:center;color:#2D3748;cursor:move;pointer-events:auto;user-select:none;z-index:3}
- .q-placed-furniture .icon{font-size:23px;line-height:1.1}.q-placed-furniture .name{font-size:9px;font-weight:700;margin-top:2px}
- .q-placed-furniture .furniture-photo{width:100%;height:auto;max-height:110px;object-fit:contain;display:block;pointer-events:none}
- .q-furniture-size-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-top:4px}.q-furniture-size-controls button{min-width:30px;height:19px;padding:0 3px;border:1px solid #90CDF4;border-radius:4px;background:#EBF8FF;color:#2B6CB0;font-size:9px;line-height:16px;cursor:pointer}
- .q-furniture-dimension{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);padding:3px 7px;border-radius:5px;background:#1A365D;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:auto;cursor:text;user-select:none}
- .q-furniture-dimension:hover{background:#2B6CB0;box-shadow:0 0 0 2px rgba(49,130,206,.24)}
- .q-furniture-handle{position:absolute;background:#3182CE;border:2px solid #fff;box-shadow:0 0 0 1px #3182CE;z-index:1001;touch-action:none}
- .q-furniture-handle.handle-w{width:8px;height:22px;right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize;border-radius:4px}
- .q-furniture-handle.handle-h{width:22px;height:8px;left:50%;bottom:-6px;transform:translateX(-50%);cursor:ns-resize;border-radius:4px}
- .q-furniture-handle.handle-both{width:12px;height:12px;right:-7px;bottom:-7px;cursor:nwse-resize;border-radius:50%}
- #q-ai-raw-img{display:none !important;width:0 !important;height:0 !important;}
- .q-dimension-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
- .q-dimension-btn{border:1px solid #3182CE;border-radius:5px;background:#EBF8FF;color:#2B6CB0;padding:4px 9px;font-size:11px;cursor:pointer}
- .q-dimension-btn.active{background:#3182CE;color:#fff}
- #q-dimension-layer{position:absolute;pointer-events:none;overflow:visible;z-index:700}
- #q-dimension-layer.drawing{pointer-events:auto;cursor:crosshair}
- .q-dimension-item{pointer-events:visibleStroke;cursor:pointer}
- .q-dimension-line{stroke:#129CE7;stroke-width:2.5;vector-effect:non-scaling-stroke}
- .q-dimension-guide{stroke:#129CE7;stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
- .q-dimension-handle{fill:#fff;stroke:#129CE7;stroke-width:2;pointer-events:all;cursor:move;vector-effect:non-scaling-stroke}
- .q-dimension-label-bg{fill:#fff;stroke:#129CE7;stroke-width:1;pointer-events:all;cursor:text;vector-effect:non-scaling-stroke}
- .q-dimension-label{fill:#129CE7;font-size:14px;font-weight:700;text-anchor:middle;dominant-baseline:middle;pointer-events:all;cursor:text}
- </style>
- <!-- 单图框 + 家具二次布局面板 -->
- <div style="display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;">
- <div style="flex:3;min-width:420px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;">
- <div style="font-size:11px;color:var(--text-muted);padding:7px 10px;background:#F0FFF4;border-bottom:1px solid #9AE6B4;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;">
- <span>🏠 原户型图家具布局</span>
- <div class="q-dimension-toolbar"><span id="q-ai-dimension-status" style="color:#2B6CB0;font-weight:600;">AI将优先读取原图尺寸</span><input id="q-ark-key-input" type="password" autocomplete="off" placeholder="输入豆包模型 Key" style="width:145px;padding:4px 7px;border:1px solid #90CDF4;border-radius:5px;font-size:11px;"><button type="button" class="q-dimension-btn" onclick="qSaveArkKey()">保存并识别</button><span id="q-ark-key-status" style="font-size:10px;color:#718096;">未配置</span><button type="button" id="q-add-dimension-btn" class="q-dimension-btn">↔ 手动补充尺寸</button><button type="button" id="q-clear-dimensions-btn" class="q-dimension-btn">清空尺寸线</button><span>家具可拖动 · 宽/高独立调整 · 双击删除</span></div>
- </div>
- <div id="q-floorplan-layout-workspace" ondragover="event.preventDefault()" ondrop="qFurnitureDrop(event)" style="position:relative;padding:12px;min-height:390px;display:flex;align-items:center;justify-content:center;background:#FAFAFA;overflow:hidden;">
- <button type="button" class="btn btn-outline btn-sm" onclick="document.getElementById('q-file-unified').click()" title="支持户型图与CAD图（.dwg/.dxf/.pdf/图片）" style="position:absolute;top:10px;left:10px;z-index:800;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.12);">📤 上传/更换户型图/CAD图</button>
- <img id="q-ai-cleaned-img" src="" alt="原户型图" style="display:none;width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain;object-position:center;flex:none;user-select:none;pointer-events:none;">
- <div id="q-ai-cleaned-placeholder" style="color:var(--text-muted);font-size:13px;text-align:center;">请先上传户型图</div>
- <div id="q-furniture-overlay" style="position:absolute;inset:12px;pointer-events:none;"></div>
- </div>
- <!-- 保留隐藏原图节点，兼容现有上传/分析状态逻辑 -->
- <img id="q-ai-raw-img" src="" alt="原始户型图" style="display:none;">
- <div id="q-ai-raw-placeholder" style="display:none;"></div>
- </div>
- <div style="flex:1;min-width:210px;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden;">
- <div style="font-size:12px;font-weight:700;color:#2D3748;padding:9px 12px;background:#F7FAFC;border-bottom:1px solid var(--border);">🛋️ 家具扁平图标</div>
- <div>
- <section class="q-furniture-category" data-category="cabinet">
- <div class="q-furniture-category-title cabinet"><span>🗄️ 橱柜类</span><small>1 项</small></div>
- <div class="q-furniture-category-grid">
- <div class="q-furniture-tool" data-furniture-type="厨房" data-furniture-image="assets/furniture/kitchen-cabinet.png"><img src="assets/furniture/kitchen-cabinet.png" alt="厨房"><span>厨房</span></div>
- </div>
- </section>
- <section class="q-furniture-category" data-category="wardrobe">
- <div class="q-furniture-category-title wardrobe"><span>👔 衣柜类</span><small>9 项</small></div>
- <div class="q-furniture-category-grid">
- <div class="q-furniture-tool" data-furniture-type="玄关柜" data-furniture-image="assets/furniture/entry-cabinet.png"><img src="assets/furniture/entry-cabinet.png" alt="玄关柜"><span>玄关柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="客厅电视柜" data-furniture-image="assets/furniture/living-tv-cabinet.png"><img src="assets/furniture/living-tv-cabinet.png" alt="客厅电视柜"><span>客厅电视柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="洗衣机柜" data-furniture-image="assets/furniture/laundry-cabinet.png"><img src="assets/furniture/laundry-cabinet.png" alt="洗衣机柜"><span>洗衣机柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="客厅展示柜" data-furniture-image="assets/furniture/living-display-cabinet.png"><img src="assets/furniture/living-display-cabinet.png" alt="客厅展示柜"><span>客厅展示柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="阳台柜" data-furniture-image="assets/furniture/balcony-cabinet.png"><img src="assets/furniture/balcony-cabinet.png" alt="阳台柜"><span>阳台柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="餐边柜" data-furniture-image="assets/furniture/dining-sideboard.png"><img src="assets/furniture/dining-sideboard.png" alt="餐边柜"><span>餐边柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="次卧衣柜" data-furniture-image="assets/furniture/secondary-wardrobe.png"><img src="assets/furniture/secondary-wardrobe.png" alt="次卧衣柜"><span>次卧衣柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="主卧衣柜" data-furniture-image="assets/furniture/master-wardrobe.png"><img src="assets/furniture/master-wardrobe.png" alt="主卧衣柜"><span>主卧衣柜</span></div>
- <div class="q-furniture-tool" data-furniture-type="衣帽间" data-furniture-image="assets/furniture/walkin-closet.png"><img src="assets/furniture/walkin-closet.png" alt="衣帽间"><span>衣帽间</span></div>
- </div>
- </section>
- </div>
- <div style="padding:0 10px 10px;font-size:10px;line-height:1.6;color:#718096;">拖入左侧原户型图进行布局；放置后可继续拖动，并用“宽-/宽+、高-/高+”独立调整长宽，双击删除。</div>
- </div>
- </div>
- <div style="text-align:center;margin-top:16px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;">
- <button type="button" class="btn btn-outline" id="q-back-to-upload" onclick="qOpenEditorStep(1)" style="padding:10px 24px;font-size:14px;">← 返回上一步：上传资料</button>
- <button type="button" class="btn btn-primary" onclick="qProceedFurnitureToDimensions()" style="padding:10px 28px;font-size:14px;">下一步，柜体尺寸计算 →</button>
- </div>
- <div id="q-ai-step1-status" style="display:none;margin-top:12px;text-align:center;">
- <div class="q-spinner" style="display:inline-block;width:20px;height:20px;border:2px solid #E2E8F0;border-top-color:#3182CE;border-radius:50%;animation:q-spin 0.8s linear infinite;"></div>
- <span id="q-ai-step1-status-text" style="font-size:13px;color:var(--text-muted);margin-left:8px;">AI正在清理图纸...</span>
- </div>
- <div id="q-ai-step1-log" style="margin-top:12px;background:#f8f9fa;border-radius:6px;padding:8px 12px;font-size:12px;color:var(--text-muted);max-height:120px;overflow-y:auto;display:none;"></div>
- </div>
- </div>
- <!-- ── Step 2: 产品定位 ── -->
- <div id="q-ai-step2-area" style="display:none;">
- <div style="background:#EBF8FF;border:1px solid #90CDF4;border-radius:10px;padding:16px;margin-bottom:16px;">
- <div style="font-size:14px;font-weight:700;color:#2B6CB0;margin-bottom:8px;">📦 第二步：产品定位</div>
- <div style="font-size:12px;color:#2C5282;margin-bottom:12px;">继续使用原户型图，从右侧柜体贴纸库中拖选柜体类型，放置到对应的房间位置。每个柜体贴纸代表一个待计算的柜体单元。</div>
- <div style="display:flex;gap:16px;flex-wrap:wrap;">
- <div style="flex:2;min-width:300px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;position:relative;">
- <div style="font-size:11px;color:var(--text-muted);padding:6px 10px;background:#F0FFF4;border-bottom:1px solid #9AE6B4;">️ 户型图工作区（拖放柜体贴纸到此处）</div>
- <div id="q-ai-workspace" style="position:relative;min-height:350px;padding:12px;cursor:crosshair;background:#FAFAFA;">
- <img id="q-ai-workspace-img" src="" alt="工作区底图" style="max-width:100%;max-height:400px;display:block;opacity:0.6;">
- <div id="q-ai-placed-cabinets" style="position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;"></div>
- </div>
- </div>
- <div style="flex:1;min-width:200px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;">
- <div style="font-size:11px;color:var(--text-muted);padding:6px 10px;background:#F7FAFC;border-bottom:1px solid var(--border);">📦 柜体贴纸库（拖拽到左侧）</div>
- <div id="q-ai-sticker-library" style="padding:12px;max-height:400px;overflow-y:auto;">
- <div class="q-cabinet-sticker" draggable="true" data-type="客厅电视柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;">📺</span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">客厅电视柜</div><div style="font-size:10px;color:#718096;">一字型 / L型</div></div>
- </div>
- <div class="q-cabinet-sticker" draggable="true" data-type="主卧衣柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;">👔</span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">主卧衣柜</div><div style="font-size:10px;color:#718096;">一字型 / L型 / U型</div></div>
- </div>
- <div class="q-cabinet-sticker" draggable="true" data-type="次卧衣柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;">🛏️</span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">次卧衣柜</div><div style="font-size:10px;color:#718096;">一字型</div></div>
- </div>
- <div class="q-cabinet-sticker" draggable="true" data-type="厨房橱柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;">🍳</span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">厨房橱柜</div><div style="font-size:10px;color:#718096;">L型 / U型</div></div>
- </div>
- <div class="q-cabinet-sticker" draggable="true" data-type="阳台柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;"></span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">阳台柜</div><div style="font-size:10px;color:#718096;">一字型</div></div>
- </div>
- <div class="q-cabinet-sticker" draggable="true" data-type="玄关柜/鞋柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;">👟</span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">玄关柜/鞋柜</div><div style="font-size:10px;color:#718096;">一字型</div></div>
- </div>
- <div class="q-cabinet-sticker" draggable="true" data-type="餐边柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;">🍽️</span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">餐边柜</div><div style="font-size:10px;color:#718096;">一字型</div></div>
- </div>
- <div class="q-cabinet-sticker" draggable="true" data-type="书房柜" style="display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;cursor:grab;transition:all 0.2s;" onmouseover="this.style.borderColor='#3182CE';this.style.background='#EBF8FF'" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#fff'">
- <span style="font-size:18px;">📚</span>
- <div><div style="font-size:12px;font-weight:600;color:#2D3748;">书房柜</div><div style="font-size:10px;color:#718096;">一字型 / L型</div></div>
- </div>
- </div>
- </div>
- </div>
- <div id="q-ai-placed-list" style="margin-top:16px;display:none;">
- <div style="font-size:13px;font-weight:600;color:#2B6CB0;margin-bottom:8px;">📋 已放置柜体（<span id="q-ai-placed-count">0</span>个）</div>
- <div id="q-ai-placed-items" style="display:flex;flex-wrap:wrap;gap:8px;"></div>
- </div>
- <div style="text-align:center;margin-top:16px;display:flex;gap:12px;justify-content:center;">
- <button class="btn btn-outline" onclick="qAIGoToStep1()">← 返回家具布局</button>
- <button id="q-btn-go-step3" onclick="qAIGoToStep3()" class="btn btn-primary" style="padding:10px 28px;font-size:14px;" disabled>
- 进入尺寸计算 →
- </button>
- </div>
- </div>
- </div>
- <!-- ── Step 3: 柜体尺寸计算 ── -->
- <div id="q-ai-step3-area" style="display:none;">
- <div style="background:#FAF5FF;border:1px solid #D6BCFA;border-radius:10px;padding:16px;margin-bottom:16px;">
- <div style="font-size:14px;font-weight:700;color:#553C9A;margin-bottom:8px;">📐 第二步：柜体尺寸计算</div>
- <div style="font-size:12px;color:#6B46C1;margin-bottom:12px;">AI已根据户型图自动推算出图像比例（1像素=多少米）。请核对每个柜体的尺寸数据，如有偏差可手动修正。如图纸无标注尺寸，可在下方录入真实尺寸。</div>
- <div id="q-ai-scale-info" style="background:#F0FFF4;border:1px solid #9AE6B4;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:12px;color:#276749;display:none;">
- <strong> 图像比例：</strong><span id="q-ai-scale-text">1像素 = 0.00X 米</span>
- <span style="margin-left:16px;"><strong>图纸尺寸：</strong><span id="q-ai-drawing-size">—</span></span>
- <span id="q-ai-scale-source" style="margin-left:16px;color:#2B6CB0;"></span>
- </div>
- <div id="q-ai-manual-size-area" style="background:#FFFFF0;border:1px solid #F6E05E;border-radius:8px;padding:12px 14px;margin-bottom:16px;display:none;">
- <div style="font-size:13px;font-weight:600;color:#975A16;margin-bottom:8px;">⚠️ 图纸未检测到标注尺寸，请手动录入真实尺寸（单位：米）</div>
- <div id="q-ai-manual-size-inputs" style="display:flex;flex-wrap:wrap;gap:12px;"></div>
- </div>
- <div style="overflow-x:auto;">
- <table style="width:100%;border-collapse:collapse;font-size:12px;">
- <thead>
- <tr style="background:#EDF2F7;">
- <th style="padding:8px 10px;border:1px solid #E2E8F0;text-align:left;">序号</th>
- <th style="padding:8px 10px;border:1px solid #E2E8F0;text-align:left;">柜体名称</th>
- <th style="padding:8px 10px;border:1px solid #E2E8F0;text-align:center;">宽度(m)</th>
- <th style="padding:8px 10px;border:1px solid #E2E8F0;text-align:center;">高度(m)</th>
- <th style="padding:8px 10px;border:1px solid #E2E8F0;text-align:center;">投影面积(㎡)</th>
- <th style="padding:8px 10px;border:1px solid #E2E8F0;text-align:left;">数据来源</th>
- </tr>
- </thead>
- <tbody id="q-ai-dimension-tbody"></tbody>
- </table>
- </div>
- <!-- 柜体尺寸确认辅助表：与尺寸计算保持在同一页面，不切换到主流程自动计价 -->
- <div class="q-step2-grid hidden" id="q-step2-binary-grid" style="margin-top:18px;"></div>
- <div style="text-align:center;margin-top:16px;display:flex;gap:12px;justify-content:center;">
- <button class="btn btn-outline" onclick="qAIGoToStep1()">← 返回家具布局</button>
- <button id="q-btn-finish-analysis" onclick="qFinishAnalysisNew()" class="btn btn-primary btn-lg" style="padding:10px 28px;font-size:14px;">
- ✅ 确认尺寸，进入计价
- </button>
- </div>
- </div>
- </div>
- <div style="text-align:center;margin-top:12px;" id="q-ai-action-area"></div>
- <div class="btn-row" id="q-ai-final-btn-row" style="display:none;">
- <button class="btn btn-outline" onclick="goToStep(1)">← 上一步</button>
- <button class="btn btn-primary btn-lg" id="q-step2-next-btn" onclick="qGoToStep3FromStep2()" disabled style="opacity:0.5;cursor:not-allowed;">下一步：自动计价 →</button>
- </div>
- </div>
- <!-- Step 3: 自动计价 -->
- <div class="card step-content hidden" id="step-3">
- <div class="card-title">💰 自动计价</div>
- <div style="font-size:13px;color:var(--text-muted);margin-top:-8px;margin-bottom:16px;">基于AI解析结果和标准定价体系自动计算</div>
- <!-- 💰 报价模式切换（隐藏：已移至规则配置预设） -->
- <div id="q-pricing-mode-section" style="display:none;background:#FAFBFC;border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:16px;">
- <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;">
- <span style="font-size:20px;">💰</span>
- <div style="flex:1;">
- <div style="font-weight:700;font-size:14px;">报价模式</div>
- <div id="q-pricing-mode-desc" style="font-size:11px;color:#718096;">按明细累加报价，展示各空间柜体价格</div>
- </div>
- <div id="q-pricing-mode-toggle" style="display:none;gap:6px;">
- <button id="q-mode-btn-package" onclick="switchPricingMode('package')" style="padding:6px 14px;border-radius:20px;border:2px solid #3182CE;background:#EBF8FF;color:#2B6CB0;font-weight:600;cursor:pointer;font-size:12px;">📦 套餐原价</button>
- <button id="q-mode-btn-fixed" onclick="switchPricingMode('fixedPrice')" style="padding:6px 14px;border-radius:20px;border:2px solid #E2E8F0;background:#fff;color:#4A5568;cursor:pointer;font-size:12px;">📌 固定单价</button>
- </div>
- <span id="q-pricing-mode-badge" style="font-size:11px;padding:3px 10px;border-radius:20px;background:#3182CE;color:#fff;font-weight:600;">📦 套餐原价报</span>
- </div>
- <div id="q-fixed-price-config" style="display:none;background:#F0FFF4;border:1px solid #9AE6B4;border-radius:10px;padding:12px 14px;">
- <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
- <span style="font-size:13px;font-weight:600;color:#276749;">📌 固定单价：</span>
- <div style="display:flex;align-items:center;gap:6px;">
- <input type="number" id="q-fixed-price-input" min="1000" max="20000" step="100" style="width:100px;padding:6px 10px;border:1px solid #9AE6B4;border-radius:6px;font-size:15px;font-weight:700;color:#276749;" onchange="onQFixedPriceChange()">
- <span style="font-size:13px;color:#276749;">元/㎡</span>
- </div>
- <span id="q-fixed-price-note" style="font-size:11px;color:#68D391;font-style:italic;"></span>
- </div>
- <div style="display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;">
- <button onclick="setQFixedPrice(2800)" style="padding:4px 10px;border:1px solid #C6F6D5;border-radius:4px;background:#fff;cursor:pointer;font-size:11px;color:#276749;">2800</button>
- <button onclick="setQFixedPrice(3500)" style="padding:4px 10px;border:1px solid #9AE6B4;border-radius:4px;background:#F0FFF4;cursor:pointer;font-size:11px;color:#276749;font-weight:600;">3500</button>
- <button onclick="setQFixedPrice(4200)" style="padding:4px 10px;border:1px solid #C6F6D5;border-radius:4px;background:#fff;cursor:pointer;font-size:11px;color:#276749;">4200</button>
- <button onclick="setQFixedPrice(5000)" style="padding:4px 10px;border:1px solid #C6F6D5;border-radius:4px;background:#fff;cursor:pointer;font-size:11px;color:#276749;">5000</button>
- <button onclick="setQFixedPrice(6800)" style="padding:4px 10px;border:1px solid #C6F6D5;border-radius:4px;background:#fff;cursor:pointer;font-size:11px;color:#276749;">6800</button>
- </div>
- </div>
- </div>
- <!-- 💼 报价方案快速选择（隐藏：已移至规则配置预设） -->
- <div style="display:none;background:linear-gradient(135deg,#EBF4FF 0%,#FAF5FF 100%);border:1px solid #B794F4;border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:16px;">
- <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">
- <span style="font-size:20px;">💼</span>
- <div style="flex:1;">
- <div style="font-weight:700;font-size:14px;color:#553C9A;">报价方案</div>
- <div style="font-size:11px;color:#718096;">选择预设方案一键套用档位/浮动率/折扣，可在下方微调</div>
- </div>
- <span id="q-active-plan-badge" style="font-size:11px;padding:3px 10px;border-radius:20px;background:#9F7AEA;color:#fff;font-weight:600;">标准型方案</span>
- </div>
- <div id="q-plan-cards" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;">
- </div>
- </div>
- <!-- 👥 客户分层计价（隐藏：已移至规则配置预设） -->
- <div style="display:none;background:#FAFBFC;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:16px;">
- <div style="display:flex;align-items:center;gap:10px;margin-bottom:14px;">
- <span style="font-size:22px;">👥</span>
- <div>
- <div style="font-weight:700;font-size:15px;">客户分层计价</div>
- <div style="font-size:12px;color:var(--text-muted);">根据客户画像自动匹配计价策略，折扣方案可增删改</div>
- </div>
- <span id="q-customer-tier-badge" style="margin-left:auto;font-size:11px;padding:3px 10px;border-radius:20px;background:#BEE3F8;color:#2B6CB0;font-weight:600;">标准客户</span>
- </div>
- <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:12px;" id="q-customer-tier-cards">
- <!-- Cards rendered dynamically by qRenderTierCards() -->
- </div>
- <!-- 客户分层策略详情 -->
- <div id="q-tier-detail-panel" style="margin-top:14px;padding:12px 16px;background:#F7FAFC;border-radius:8px;border-left:4px solid #3182CE;">
- <div style="font-size:13px;font-weight:600;color:#2D3748;margin-bottom:6px;" id="q-tier-detail-title">📋 标准客户策略</div>
- <div style="font-size:12px;color:#4A5568;line-height:1.8;" id="q-tier-detail-desc">
- <div style="display:flex;gap:20px;flex-wrap:wrap;">
- <span><strong>推荐门板：</strong>标配门板</span>
- <span><strong>推荐五金：</strong>国产优质铰链/拉手</span>
- <span><strong>服务方案：</strong>标准测量安装</span>
- <span><strong>质保政策：</strong>5年质保</span>
- </div>
- </div>
- </div>
- </div>
- <div style="overflow-x:auto">
- <table id="q-pricing-table">
- <thead><tr><th>序号</th><th>柜体名称</th><th>宽度(m)</th><th>高度(m)</th><th>投影面积(㎡)</th><th>单价(元/㎡)</th><th>小计(元)</th></tr></thead>
- <tbody id="q-pricing-tbody"></tbody>
- </table>
- </div>
- <!-- 📋 各柜体明细表格（含柜体基础项和增值项分开显示） -->
- <div style="margin-top:20px;">
- <div style="font-size:15px;font-weight:700;margin-bottom:12px;color:var(--text);">📋 各柜体明细（含基础项与增值项）</div>
- <div id="q-room-items-section"></div>
- </div>
- <!-- 🎉 Activity / Promotion Pricing -->
- <div style="background:#FAFBFC;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin:14px 0;">
- <div style="display:flex;align-items:center;justify-content:space-between;">
- <div style="display:flex;align-items:center;gap:10px;">
- <span style="font-size:22px;">🎉</span>
- <div>
- <div style="font-weight:700;font-size:15px;">活动价配置</div>
- <div style="font-size:12px;color:var(--text-muted);">独立勾选启用各活动模块，系统自动叠加计算到活动价中</div>
- </div>
- </div>
- <div class="activity-toggle-wrap" onclick="qToggleActivity()" id="q-activity-toggle-wrap">
- <span style="font-size:13px;color:var(--text-muted);" id="q-activity-toggle-label">未启用</span>
- <div class="activity-toggle-track" id="q-activity-toggle-track">
- <div class="activity-toggle-thumb"></div>
- </div>
- </div>
- </div>
- <!-- Activity config panel -->
- <div class="activity-config-panel" id="q-activity-panel" style="display:none;">
- <div class="ac-header">
- <div class="ac-title"><span>🎊</span> 活动优惠模块</div>
- <div class="ac-date" id="q-activity-header-count">共 8 个模块</div>
- </div>
- <div class="ac-body">
- <div style="font-size:12px;color:var(--text-muted);margin-bottom:12px;">💡 点击模块头部展开/收起详情，勾选启用后自动叠加计算 <button class="btn btn-outline btn-sm" onclick="qShowAddModuleModal()" style="margin-left:8px;">＋ 自定义添加</button></div>
- <!-- Dynamic module container -->
- <div id="q-activity-modules-container"></div>
- <!-- Activity deduction summary -->
- <div style="margin-top:14px;padding:10px 14px;background:rgba(192,86,33,0.06);border-radius:6px;font-size:12px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;" id="q-activity-summary-bar">
- <span style="font-weight:700;color:#C05621;">📊 已启用优惠：</span>
- <span id="q-activity-summary-text" style="color:var(--text-muted);">暂无</span>
- </div>
- </div>
- </div>
- </div>
- <!-- 🧮 核算规则配置 -->
- <div style="background:#FAFBFC;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin:14px 0;">
- <div style="display:flex;align-items:center;justify-content:space-between;">
- <div style="display:flex;align-items:center;gap:10px;">
- <span style="font-size:22px;">🧮</span>
- <div>
- <div style="font-weight:700;font-size:15px;">核算规则配置</div>
- <div style="font-size:12px;color:var(--text-muted);">按人员/版本管理计价公式，启用后覆写标准计价</div>
- </div>
- </div>
- <div class="activity-toggle-wrap" onclick="qToggleCalcRules()" id="q-calc-rules-toggle-wrap">
- <span style="font-size:13px;color:var(--text-muted);" id="q-calc-rules-toggle-label">未启用</span>
- <div class="activity-toggle-track" id="q-calc-rules-toggle-track">
- <div class="activity-toggle-thumb"></div>
- </div>
- </div>
- </div>
- <!-- Calc rules config panel -->
- <div class="activity-config-panel" id="q-calc-rules-panel" style="display:none;">
- <div class="ac-header">
- <div class="ac-title"><span>🧮</span> 核算规则管理</div>
- <div class="ac-date" id="q-calc-rules-header-count">共 0 条规则</div>
- </div>
- <div class="ac-body">
- <div style="font-size:12px;color:var(--text-muted);margin-bottom:12px;">
- 💡 选择核算人员/版本，系统将按该套规则覆写标准计价公式
- </div>
- <!-- Rule set selector -->
- <div class="form-grid" style="margin-bottom:14px;">
- <div class="form-group">
- <label>核算规则集 *</label>
- <div style="display:flex;align-items:center;gap:8px;">
- <select id="q-calc-rules-preset" onchange="qOnCalcRulesPresetChange()" style="flex:1;">
- <option value="custom">✏️ 自定义空白</option>
- <option value="sun" selected>👨🏫 孙老师报价规则</option>
- <option value="li">👩💼 李师傅报价规则</option>
- </select>
- <button class="btn btn-danger btn-sm" onclick="qDeleteCalcRulesPreset()" title="删除当前规则集" style="padding:6px 10px;flex-shrink:0;">🗑</button>
- </div>
- <span class="hint">选择预设或自定义，点 🗑 删除当前规则集</span>
- </div>
- <div class="form-group">
- <label>版本备注</label>
- <input type="text" id="q-calc-rules-version" value="V1.0" oninput="qOnCalcRuleParamChange()" placeholder="如：V1.0 / 2026Q3">
- </div>
- </div>
- <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
- <span style="font-weight:600;font-size:13px;">📐 规则列表</span>
- <button class="btn btn-outline btn-sm" onclick="qShowAddCalcRuleModal()">＋ 添加规则</button>
- </div>
- <!-- Rule list container -->
- <div id="q-calc-rules-list-container">
- <div style="text-align:center;padding:20px;color:var(--text-muted);font-size:13px;">暂无规则，请选择预设或手动添加</div>
- </div>
- <!-- Pricing summary -->
- <div style="margin-top:14px;padding:10px 14px;background:rgba(49,130,206,0.06);border-radius:6px;font-size:12px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;" id="q-calc-rules-summary-bar">
- <span style="font-weight:700;color:var(--accent);">📊 核算规则：</span>
- <span id="q-calc-rules-summary-text" style="color:var(--text-muted);">未启用</span>
- </div>
- </div>
- </div>
- </div>
- <!-- Calc rules price output -->
- <div id="q-calc-rules-price-row" style="display:none;">
- <div style="text-align:center;padding:16px 20px;background:linear-gradient(135deg, #EBF8FF 0%, #E1EFFE 100%);border:2px solid #90CDF4;border-radius:var(--radius-lg);margin:14px 0;">
- <div style="font-size:13px;color:var(--accent);margin-bottom:4px;">🧮 <span id="q-calc-rules-label">核算规则计价</span></div>
- <div style="font-size:28px;font-weight:700;color:var(--primary);" id="q-calc-rules-price-display">¥0</div>
- <div style="font-size:12px;color:var(--text-muted);margin-top:4px;" id="q-calc-rules-diff-display">与标准计价差异：--</div>
- </div>
- </div>
- <!-- Dual Price Output -->
- <div class="dual-price-row" id="q-dual-price-row" style="display:none;">
- <div class="dual-price-card original">
- <div class="dp-label">📋 常规原价</div>
- <div class="dp-price" id="q-original-price-display">¥0</div>
- <div style="font-size:12px;color:var(--text-muted);margin-top:2px;" id="q-original-range-display">区间 ¥0 — ¥0</div>
- <div class="dp-detail" id="q-original-detail"></div>
- </div>
- <div class="dual-price-card activity">
- <div class="dp-label">🎉 活动优惠价</div>
- <div class="dp-price" id="q-activity-price-display">¥0</div>
- <div class="dp-saving" id="q-activity-saving-display">💰 比原价省 ¥0</div>
- <div style="font-size:12px;color:var(--text-muted);margin-top:2px;" id="q-activity-range-display">区间 ¥0 — ¥0</div>
- <div class="dp-detail" id="q-activity-detail"></div>
- </div>
- </div>
- <!-- Float rate adjustment - HIDDEN per user request -->
- <div style="display:none;">
- <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
- <span style="font-weight:600;">📊 浮动率微调</span>
- <span class="tag tag-internal">👁 仅内部可见</span>
- </div>
- <div class="float-slider-group" style="margin-bottom:8px;">
- <span style="font-size:13px;color:var(--text-muted);white-space:nowrap;">调整: −</span>
- <input type="range" id="q-step4-float-slider" min="5" max="30" value="15" step="0.5"
- oninput="qOnStep4FloatChange(this.value)" style="width:180px;">
- <span style="font-size:13px;color:var(--text-muted);white-space:nowrap;">＋</span>
- <span class="float-badge" id="q-step4-float-badge">±15%</span>
- </div>
- <div class="float-preset">
- <button onclick="qSetStep4Float(5)">±5%</button>
- <button onclick="qSetStep4Float(10)">±10%</button>
- <button onclick="qSetStep4Float(15)" class="active" id="q-sfp-15">±15% 标准</button>
- <button onclick="qSetStep4Float(20)">±20%</button>
- <button onclick="qSetStep4Float(30)">±30%</button>
- </div>
- </div>
- <div style="display:none;">
- <div style="font-size:28px;font-weight:700;color:var(--primary);" id="q-step4-range-text">¥0 — ¥0</div>
- <div style="font-size:12px;color:var(--text-muted);margin-top:4px;" id="q-step4-rate-text">预估区间（误差 ±15%）</div>
- </div>
- <div class="btn-row">
- <button class="btn btn-outline" onclick="switchView('analysis')">← 上一步：AI解析</button>
- <button class="btn btn-outline btn-lg" onclick="qExportCabinetDetailsExcel()" style="border-color:#38A169;color:#276749;background:#F0FFF4;">📊 导出Excel各柜体明细表（含基础与增值项）</button>
- <button class="btn btn-primary btn-lg" onclick="qOpenEditorStep(4)">生成报价单 →</button>
- </div>
- </div>
- <!-- Step 4: 报价单 -->
- <div class="card step-content hidden" id="step-4">
- <div class="card-title">📋 项目预算报价单</div>
- <div style="font-size:13px;color:var(--text-muted);margin-top:-8px;margin-bottom:16px;">AI辅助生成的预估价格，仅供参考</div>
- <div style="text-align:center;padding:16px;border-bottom:2px solid var(--primary);margin-bottom:16px;">
- <h2 style="font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px;">项目预算报价单</h2>
- <div style="font-size:12px;color:var(--text-muted);" id="q-quote-meta"></div>
- </div>
- <div id="q-step5-mode-badge" style="text-align:center;margin-bottom:12px;display:none;"></div>
- <div id="q-step5-range-block" style="text-align:center;padding:20px;background:#EBF8FF;border-radius:8px;margin-bottom:16px;">
- <div style="font-size:28px;font-weight:700;color:var(--primary);" id="q-step5-range">¥0 — ¥0</div>
- <div style="font-size:12px;color:var(--text-muted);margin-top:4px;" id="q-step5-rate-text">各空间预估总价区间 | 误差范围 ±15%</div>
- </div>
- <!-- Activity price in Step 5 -->
- <div style="text-align:center;padding:20px;background:linear-gradient(135deg, #FFF5F5 0%, #FFFBEB 100%);border:2px solid #FBD38D;border-radius:8px;margin-bottom:16px;display:none;" id="q-step5-activity-section">
- <div style="font-size:14px;color:#C05621;margin-bottom:6px;">🎉 活动优惠价</div>
- <div style="font-size:28px;font-weight:700;color:#C05621;" id="q-step5-activity-price">¥0</div>
- <div style="font-size:13px;color:#E53E3E;margin-top:4px;font-weight:600;" id="q-step5-activity-saving">💰 比原价省 ¥0</div>
- </div>
- <!-- Float rate adjustment -->
- <div id="q-step5-float-block" style="background:#F7FAFC;border-radius:8px;padding:14px 18px;margin-bottom:16px;">
- <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
- <span style="font-weight:600;">📊 浮动率微调</span>
- <span class="tag tag-internal">👁 仅内部可见</span>
- </div>
- <div class="float-slider-group" style="margin-bottom:8px;">
- <span style="font-size:13px;color:var(--text-muted);white-space:nowrap;">调整: −</span>
- <input type="range" id="q-step5-float-slider" min="5" max="30" value="15" step="0.5"
- oninput="qOnStep5FloatChange(this.value)" style="width:180px;">
- <span style="font-size:13px;color:var(--text-muted);white-space:nowrap;">＋</span>
- <span class="float-badge" id="q-step5-float-badge">±15%</span>
- </div>
- <div class="float-preset">
- <button onclick="qSetStep5Float(5)">±5%</button>
- <button onclick="qSetStep5Float(10)">±10%</button>
- <button onclick="qSetStep5Float(15)" class="active" id="q-sfp5-15">±15% 标准</button>
- <button onclick="qSetStep5Float(20)">±20%</button>
- <button onclick="qSetStep5Float(30)">±30%</button>
- </div>
- </div>
- <!-- 按空间分类卡片展示报价明细 -->
- <div id="q-space-cards-container"></div>
- <!-- 总价汇总 -->
- <div style="text-align:center;padding:20px;background:linear-gradient(135deg,#F0FFF4,#EBF8FF);border:2px solid #9AE6B4;border-radius:12px;margin-bottom:16px;">
- <div style="font-size:13px;color:#276749;margin-bottom:6px;">各空间投影面积折扣后总价（累加）</div>
- <div style="display:flex;align-items:baseline;justify-content:center;gap:14px;">
- <div style="font-size:32px;font-weight:700;color:var(--primary);" id="q-grand-total-value">—</div>
- <div style="font-size:13px;color:#276749;font-weight:600;" id="q-grand-total-area"></div>
- </div>
- <div style="font-size:12px;color:var(--text-muted);margin-top:4px;" id="q-grand-total-note">待层高确认后计算总价</div>
- </div>
- <!-- ===== AI快速报价：三档材质单价区间报价横幅（页面最下方） ===== -->
- <div id="q-ai-range-banner" style="display:none;text-align:center;margin-top:16px;margin-bottom:16px;">
- <div style="border-top:3px solid var(--primary);margin-bottom:18px;"></div>
- <div style="display:inline-block;background:linear-gradient(135deg,#3182CE,#2B6CB0);color:#fff;padding:8px 24px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:14px;">📦 投影面积计价模式 · 三档材质单价（按所选档最高单价计价）</div>
- <div style="font-size:12px;color:#4A5568;margin-bottom:10px;"> 选择柜体材质（点击选择，总价区间按所选材质单价区间自动调整）：</div>
- <div id="q-ai-tier-selector" style="display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;"></div>
- <div style="padding:28px 20px;background:#EBF8FF;border-radius:12px;">
- <div id="q-ai-range-total" style="font-size:30px;font-weight:800;color:var(--primary);">¥0 — ¥0</div>
- <div id="q-ai-range-note" style="font-size:12px;color:var(--text-muted);margin-top:8px;">各空间预估总价区间（原价） | 误差范围 ±15%</div>
- </div>
- <div id="q-ai-range-detail" style="margin-top:12px;padding:12px 16px;background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;font-size:12px;color:#4A5568;line-height:1.9;text-align:left;"></div>
- </div>
- <!-- ===== AI快速报价：浮动率微调（页面最低端·仅内部可见） ===== -->
- <div id="q-ai-float-block" style="display:none;background:#F7FAFC;border-radius:8px;padding:14px 18px;margin-top:16px;">
- <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
- <span style="font-weight:600;">📊 浮动率微调</span>
- <span class="tag tag-internal">👁 仅内部可见</span>
- </div>
- <div class="float-slider-group" style="margin-bottom:8px;">
- <span style="font-size:13px;color:var(--text-muted);white-space:nowrap;">调整: −</span>
- <input type="range" id="q-ai-float-slider" min="10" max="15" value="15" step="0.1"
- oninput="qOnAiFloatChange(this.value)" style="width:180px;">
- <span style="font-size:13px;color:var(--text-muted);white-space:nowrap;">+</span>
- <span class="float-badge" id="q-ai-float-badge">15%</span>
- </div>
- <div class="float-preset">
- <button data-aifp="10" onclick="qSetAiFloat(10)">10%</button>
- <button data-aifp="11" onclick="qSetAiFloat(11)">11%</button>
- <button data-aifp="12" onclick="qSetAiFloat(12)">12%</button>
- <button data-aifp="13" onclick="qSetAiFloat(13)">13%</button>
- <button data-aifp="14" onclick="qSetAiFloat(14)">14%</button>
- <button data-aifp="15" onclick="qSetAiFloat(15)">15%</button>
- </div>
- <div id="q-ai-float-result" style="margin-top:10px;font-size:13px;color:#2C5282;background:#EBF8FF;border:1px solid #BEE3F8;border-radius:6px;padding:8px 12px;"></div>
- </div>
- <div style="text-align:center;padding:12px;background:#F7FAFC;border-radius:6px;margin-top:16px;font-size:12px;color:var(--text-muted);" id="q-step5-disclaimer">
- ⚠️ 声明：本报价为 AI 辅助生成的预估价格，存在 ±15% 误差，最终成交价以实际量尺和确认为准。报价定价数据来源于飞书后台。
- </div>
- <div class="btn-row">
- <button class="btn btn-outline" id="q-step4-back-btn" onclick="qQuoteBackPrev()">← 上一步：上传资料</button>
- <div style="display:flex;gap:8px;">
- <button class="btn btn-outline" onclick="qSaveTemplate()">💾 存入模板库</button>
- <button class="btn btn-outline" onclick="qExportPDF()">📄 打印版(HTML)</button>
- <button class="btn btn-primary btn-lg" onclick="qExportExcel()">📥 导出 Excel 报价单</button>
- </div>
- </div>
- </div>
- </div>
- <!-- ======================== VIEW: AI解析（独立模块窗口，可点击编辑） ======================== -->
- <div id="view-analysis" class="fade-in hidden">
- <div style="display:flex;align-items:center;gap:14px;margin-bottom:20px;">
- <button class="page-back-btn" onclick="goBackFromRules()" style="display:none;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary),#5A67D8);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(102,126,234,0.3);transition:all .2s;">← 返回</button>
- <h2 style="color:var(--primary);margin:0;">🤖 AI解析（可编辑修改）</h2>
- </div>
- <div id="view-analysis-host"></div>
- </div>
- <!-- ======================== VIEW: 自动计价（独立模块窗口，可点击编辑） ======================== -->
- <div id="view-pricing" class="fade-in hidden">
- <div style="display:flex;align-items:center;gap:14px;margin-bottom:20px;">
- <button class="page-back-btn" onclick="goBackFromRules()" style="display:none;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary),#5A67D8);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(102,126,234,0.3);transition:all .2s;">← 返回</button>
- <h2 style="color:var(--primary);margin:0;">🧮 自动计价（可编辑修改）</h2>
- </div>
- <div id="view-pricing-host"></div>
- </div>
- <!-- ======================== VIEW: 规则配置 ======================== -->
- <div id="view-rules" class="fade-in hidden">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
- <div style="display:flex;align-items:center;gap:14px;">
- <button class="page-back-btn" onclick="goBackFromRules()" style="display:none;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary),#5A67D8);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(102,126,234,0.3);transition:all .2s;" onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 4px 16px rgba(102,126,234,0.45)'" onmouseout="this.style.transform='';this.style.boxShadow='0 2px 10px rgba(102,126,234,0.3)'">← 返回</button>
- <h2 style="color:var(--primary);margin:0;">⚙️ 计价规则配置</h2>
- </div>
- </div>
- <!-- ==================== 规则模块一：尺寸抓取与计算规则 ==================== -->
- <div style="background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm);">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap;">
- <div style="font-size:15px;font-weight:700;color:var(--primary);">📐 规则模块一 · 尺寸抓取与计算规则（报价模块1：AI快速粗略报价）</div>
- <span style="font-size:11px;color:#fff;background:#38A169;border-radius:999px;padding:3px 12px;">已启用</span>
- </div>
- <div style="display:grid;gap:10px;font-size:13px;color:#4A5568;line-height:1.9;">
- <div style="background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">1、投影面积计算：</b>除厨房外，其余所有的空间尺寸都按投影面积（柜宽×柜高）计算。</div>
- <div style="background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">2、AI自动判定厨房类型：</b>厨房空间尺寸按米数计算，可抓取厨房空间四边总尺寸；AI 以<b style="color:#C05621;">厨房四条边中最小边长 2 米</b>为分界阈值：最小边 ≤ 2m 判定为 <b style="color:#C05621;">L型厨房</b>；最小边 ＞ 2m 判定为 <b style="color:#C05621;">U型厨房</b>。门洞/入口墙面无法做柜体，不计入计价长度（L型按 长+宽 两边计算，U型按 长+长+宽 三边计算）。</div>
- <div style="background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">3、两种厨房总米数计算公式（统一默认预留冰箱长度1m，重叠转角单段数值为0.6m）：</b><br>
- ・<b style="color:#C05621;">L型厨房：</b>总长 = 长 + 宽 − 0.6（1处重叠）− 1（冰箱长度）<br>
- ・<b style="color:#C05621;">U型厨房：</b>总长 = 长 + 长 + 宽 − 0.6 − 0.6（2处重叠）− 1（冰箱长度）<br>
- 重叠转角单段宽度
- <input id="q-rule-kitchen-overlap-mm" type="number" min="0" step="50" value="600" onchange="qUpdateKitchenRuleField('overlapMm', this.value)" style="width:72px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;">
- mm、冰箱预留
- <input id="q-rule-kitchen-fridge-mm" type="number" min="0" step="50" value="1000" onchange="qUpdateKitchenRuleField('fridgeMm', this.value)" style="width:72px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;">
- mm 可手动调整。该规则同步运用于AI系统识别与计算，保证项目预算报价单中厨房柜体部分的计算与计价逻辑一致。
- </div>
- <div style="background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">4、自动抓取识别：</b>上传图纸后系统自动抓取识别，按图纸识别标准规则设置的颜色框（现默认 <span id="q-rule-color-chip" style="display:inline-block;width:12px;height:12px;border-radius:3px;background:#EF4444;vertical-align:middle;"></span> <b id="q-rule-color-name" style="color:#EF4444;">红色</b> 框标注柜体），AI抓取色块自动识别柜体宽、高，计算出柜体投影面积（除厨房空间外，厨房空间计算总米数长度）。</div>
- <div style="background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;"><b style="color:#2D3748;">5、三档材质单价区间报价：</b>统计投影面积后，根据柜体单价分三档不同材质快速报区间价格：
- 双饰面 <input id="q-rule-tier-0-min" type="number" step="50" value="3000" onchange="qUpdateAiTierField(0,'min',this.value)" style="width:64px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;">-<input id="q-rule-tier-0-max" type="number" step="50" value="3500" onchange="qUpdateAiTierField(0,'max',this.value)" style="width:64px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;"> 元、
- PET <input id="q-rule-tier-1-min" type="number" step="50" value="4500" onchange="qUpdateAiTierField(1,'min',this.value)" style="width:64px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;">-<input id="q-rule-tier-1-max" type="number" step="50" value="5000" onchange="qUpdateAiTierField(1,'max',this.value)" style="width:64px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;"> 元、
- 混油 <input id="q-rule-tier-2-min" type="number" step="50" value="6000" onchange="qUpdateAiTierField(2,'min',this.value)" style="width:64px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;">-<input id="q-rule-tier-2-max" type="number" step="50" value="7000" onchange="qUpdateAiTierField(2,'max',this.value)" style="width:64px;padding:2px 6px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;text-align:center;"> 元。
- 系统计算总价时单价默认按
- <select id="q-rule-tier-default" onchange="qUpdateAiDefaultTier(this.value)" style="padding:2px 8px;border:1px solid #CBD5E0;border-radius:6px;font-size:13px;background:#fff;">
- <option>双饰面</option><option selected>PET</option><option>混油</option>
- </select>
- 档：计价时每档材质统一按该区间的最高单价计价（如双饰面按3500元、PET按5000元、混油按7000元），总价只显示按最高单价算出的单一结果。浮动率10%对应各档最低单价（3000/4500/6000元），15%对应各档最高单价（3500/5000/7000元）。厨房按第2、3条规则算出总长后乘以单价，其余柜体按总投影面积乘以单价，最后厨房总价与所有柜体总价相加得出户型图总价。
- </div>
- </div>
- <div id="q-rule-kitchen-preview" style="margin-top:12px;padding:10px 14px;background:#EBF8FF;border:1px solid #90CDF4;border-radius:8px;font-size:12px;color:#2C5282;display:none;"></div>
- </div>
- <!-- ==================== 规则模块二：衣柜类/橱柜类单价规则（报价模块2：手动拖拽精准报价） ==================== -->
- <div style="background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm);">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap;">
- <div style="font-size:15px;font-weight:700;color:var(--primary);">🧩 规则模块二 · 衣柜类/橱柜类单价规则（报价模块2：手动拖拽精准报价）</div>
- <span style="font-size:11px;color:#fff;background:#38A169;border-radius:999px;padding:3px 12px;">已启用</span>
- </div>
- <div style="background:#F7FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;font-size:13px;color:#4A5568;line-height:1.9;margin-bottom:14px;">
- <b style="color:#2D3748;">模块归属说明：</b>本模块为<b style="color:#C05621;">报价模式2「手动拖拽精准报价」</b>专用单价规则，数据来源于系统文件规则配置中的衣柜类与橱柜类全量单价。
- 本模块与 <b>规则模块一（报价模块1：AI快速粗略报价）</b> 相互独立、互不干涉：修改此处单价不会改动规则模块一的尺寸抓取、厨房计算与三档区间报价逻辑。
- </div>
- <div style="height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);margin-bottom:16px;"></div>
- <div class="tabs">
- <div class="tab active" onclick="switchRuleTab('wardrobe')">👔 衣柜类</div>
- <div class="tab" onclick="switchRuleTab('kitchen')">🗄️ 橱柜类</div>
- </div>
- <div class="card rule-tab-content" id="rule-tab-wardrobe">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
- <strong>👔 衣柜类单价配置（按投影面积）</strong>
- <button class="btn btn-outline btn-sm" onclick="addRule('wardrobe')">＋ 添加自定义单价</button>
- </div>
- <table>
- <thead><tr><th>名称</th><th>计价方式</th><th>单价(元)</th><th>单位</th><th>材质/说明</th><th>操作</th></tr></thead>
- <tbody id="rule-table-wardrobe"></tbody>
- </table>
- </div>
- <div class="card rule-tab-content hidden" id="rule-tab-kitchen">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
- <strong>🗄️ 橱柜类单价配置</strong>
- <button class="btn btn-outline btn-sm" onclick="addRule('kitchen')">＋ 添加自定义单价</button>
- </div>
- <table>
- <thead><tr><th>名称</th><th>计价方式</th><th>单价(元)</th><th>单位</th><th>材质/说明</th><th>操作</th></tr></thead>
- <tbody id="rule-table-kitchen"></tbody>
- </table>
- </div>
- </div>
- <!-- ==================== 三大流程模块独立配置入口 ==================== -->
- <div class="module-config-grid" style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;">
- <!-- 上传模块 -->
- <div class="module-config-card" id="mcc-upload" style="background:linear-gradient(135deg,#EBF8FF 0%,#BEE3F8 100%);border-radius:12px;padding:20px;border:1px solid #90CDF4;cursor:pointer;transition:all .2s;" onclick="openModuleConfig('upload')" onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 6px 20px rgba(49,130,206,0.25)'" onmouseout="this.style.transform='';this.style.boxShadow=''">
- <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">
- <div style="width:44px;height:44px;border-radius:10px;background:#3182CE;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;">📤</div>
- <div>
- <div style="font-size:15px;font-weight:700;color:#2C5282;">上传模块</div>
- <div style="font-size:11px;color:#4A5568;">图纸识别相关规则</div>
- </div>
- </div>
- <div id="mcc-upload-rules" style="font-size:12px;color:#4A5568;line-height:1.7;">加载中...</div>
- <div style="margin-top:12px;display:flex;justify-content:space-between;align-items:center;">
- <span id="mcc-upload-count" style="font-size:11px;color:#2C5282;font-weight:600;">0 条规则</span>
- <span style="font-size:12px;color:#3182CE;font-weight:600;">配置 →</span>
- </div>
- </div>
- <!-- 解析模块 -->
- <div class="module-config-card" id="mcc-parse" style="background:linear-gradient(135deg,#FAF5FF 0%,#E9D8FD 100%);border-radius:12px;padding:20px;border:1px solid #D6BCFA;cursor:pointer;transition:all .2s;" onclick="openModuleConfig('parse')" onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 6px 20px rgba(128,90,213,0.25)'" onmouseout="this.style.transform='';this.style.boxShadow=''">
- <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">
- <div style="width:44px;height:44px;border-radius:10px;background:#805AD5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;">🔍</div>
- <div>
- <div style="font-size:15px;font-weight:700;color:#553C9A;">解析模块</div>
- <div style="font-size:11px;color:#4A5568;">图纸信息提取规则</div>
- </div>
- </div>
- <div id="mcc-parse-rules" style="font-size:12px;color:#4A5568;line-height:1.7;">加载中...</div>
- <div style="margin-top:12px;display:flex;justify-content:space-between;align-items:center;">
- <span id="mcc-parse-count" style="font-size:11px;color:#553C9A;font-weight:600;">0 条规则</span>
- <span style="font-size:12px;color:#805AD5;font-weight:600;">配置 →</span>
- </div>
- </div>
- <!-- 计价模块 -->
- <div class="module-config-card" id="mcc-pricing" style="background:linear-gradient(135deg,#F0FFF4 0%,#C6F6D5 100%);border-radius:12px;padding:20px;border:1px solid #9AE6B4;cursor:pointer;transition:all .2s;" onclick="openModuleConfig('pricing')" onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 6px 20px rgba(56,161,105,0.25)'" onmouseout="this.style.transform='';this.style.boxShadow=''">
- <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">
- <div style="width:44px;height:44px;border-radius:10px;background:#38A169;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;">🧮</div>
- <div>
- <div style="font-size:15px;font-weight:700;color:#276749;">计价模块</div>
- <div style="font-size:11px;color:#4A5568;">报价计算规则</div>
- </div>
- </div>
- <div id="mcc-pricing-rules" style="font-size:12px;color:#4A5568;line-height:1.7;">加载中...</div>
- <div style="margin-top:12px;display:flex;justify-content:space-between;align-items:center;">
- <span id="mcc-pricing-count" style="font-size:11px;color:#276749;font-weight:600;">0 条规则</span>
- <span style="font-size:12px;color:#38A169;font-weight:600;">配置 →</span>
- </div>
- </div>
- </div>
- </div>
- <!-- ======================== VIEW: 模板管理 ======================== -->
- <div id="view-templates" class="fade-in hidden">
- <div style="display:flex;align-items:center;gap:14px;margin-bottom:20px;">
- <button class="page-back-btn" onclick="goBackFromRules()" style="display:none;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary),#5A67D8);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgba(102,126,234,0.3);transition:all .2s;" onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 4px 16px rgba(102,126,234,0.45)'" onmouseout="this.style.transform='';this.style.boxShadow='0 2px 10px rgba(102,126,234,0.3)'">← 返回</button>
- <h2 style="color:var(--primary);margin:0;">📄 导出模板管理</h2>
- </div>
- <div class="card">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
- <strong>模板列表</strong>
- <button class="btn btn-primary btn-sm" onclick="simulateTemplateUpload()">＋ 上传模板</button>
- </div>
- <table>
- <thead><tr><th>模板名称</th><th>类型</th><th>文件大小</th><th>是否默认</th><th>上传时间</th><th>操作</th></tr></thead>
- <tbody id="template-table-body"></tbody>
- </table>
- </div>
- <div class="card" style="margin-top:16px;">
- <strong>📋 模板占位符说明</strong>
- <table style="margin-top:8px;">
- <thead><tr><th>占位符</th><th>说明</th><th>占位符</th><th>说明</th></tr></thead>
- <tbody>
- <tr><td class="text-mono">{{quoteNo}}</td><td>报价单编号</td><td class="text-mono">{{grandTotal}}</td><td>方案总价</td></tr>
- <tr><td class="text-mono">{{houseType}}</td><td>户型类型</td><td class="text-mono">{{floorPrice}}</td><td>底价</td></tr>
- <tr><td class="text-mono">{{createDate}}</td><td>创建日期</td><td class="text-mono">{{ceilingPrice}}</td><td>顶价</td></tr>
- <tr><td class="text-mono">{{#each spaces}}...{{/each}}</td><td>空间列表循环</td><td class="text-mono">{{spaceName}}等</td><td>单空间字段</td></tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
- <!-- Add Rule Modal -->
- <div class="modal-overlay" id="add-rule-modal" style="display:none;" onclick="if(event.target===this)closeAddRuleModal()">
- <div class="modal">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
- <h3 style="margin:0;">＋ 添加计价标准</h3>
- <button onclick="closeAddRuleModal()" style="background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-muted);">×</button>
- </div>
- <div class="form-grid">
- <div class="form-group">
- <label>规则分类 *</label>
- <select id="add-rule-category" onchange="onAddRuleCategoryChange()">
- <option value="base">📦 套餐规则</option>
- <option value="extra">➕ 增项规则</option>
- </select>
- </div>
- <div class="form-group" id="add-rule-name-group">
- <label>规则名称 *</label>
- <input type="text" id="add-rule-name" placeholder="请输入规则名称">
- </div>
- <div class="form-group" id="add-rule-method-group">
- <label>计价方式</label>
- <select id="add-rule-method">
- <option value="按展开面积">按展开面积</option>
- <option value="按百分比">按百分比</option>
- <option value="按个数">按个数</option>
- <option value="按延米">按延米</option>
- <option value="公式">公式</option>
- </select>
- </div>
- <div class="form-group" id="add-rule-value-group">
- <label>数值/公式 *</label>
- <input type="text" id="add-rule-value" placeholder="如: 680 或 basePrice*1.1">
- </div>
- <div class="form-group" id="add-rule-unit-group">
- <label>单位</label>
- <input type="text" id="add-rule-unit" placeholder="如: 元/m²">
- </div>
- </div>
- <div class="form-group" style="margin-top:12px;">
- <label>说明</label>
- <textarea id="add-rule-desc" rows="2" placeholder="请填写规则说明（选填）"></textarea>
- </div>
- <div style="display:flex;gap:12px;justify-content:flex-end;margin-top:20px;">
- <button class="btn btn-outline" onclick="closeAddRuleModal()">取消</button>
- <button class="btn btn-primary btn-lg" onclick="submitAddRule()">✅ 确认添加</button>
- </div>
- </div>
- </div>
- <!-- ==================== 三大模块独立配置模态窗口 ==================== -->
- <!-- 上传模块配置 -->
- <div class="modal-overlay" id="module-config-modal" style="display:none;z-index:1000;" onclick="if(event.target===this)closeModuleConfig()">
- <div class="modal" style="max-width:860px;width:92%;max-height:88vh;display:flex;flex-direction:column;">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0;">
- <h3 id="mc-modal-title" style="margin:0;font-size:18px;">模块配置</h3>
- <button onclick="closeModuleConfig()" style="background:none;border:none;font-size:22px;cursor:pointer;color:#999;">×</button>
- </div>
- <div id="mc-modal-desc" style="font-size:13px;color:#718096;margin-bottom:16px;flex-shrink:0;"></div>
- <!-- 规则操作栏 -->
- <div style="display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;flex-shrink:0;" id="mc-toolbar"></div>
- <!-- 规则列表区域 (可滚动) -->
- <div id="mc-rules-list" style="flex:1;overflow-y:auto;min-height:200px;max-height:55vh;padding-right:4px;"></div>
- <!-- 底部操作 -->
- <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0;flex-shrink:0;">
- <button class="btn btn-outline" onclick="resetModuleRules()">🔄 恢复默认</button>
- <button class="btn btn-outline" onclick="closeModuleConfig()">取消</button>
- <button class="btn btn-primary btn-lg" onclick="saveModuleConfig()">💾 保存配置</button>
- </div>
- </div>
- </div>
- <!-- 添加/编辑单条规则弹窗 -->
- <div class="modal-overlay" id="mc-rule-edit-modal" style="display:none;z-index:1100;" onclick="if(event.target===this)closeMcRuleEdit()">
- <div class="modal" style="max-width:520px;">
- <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
- <h3 id="mc-edit-title" style="margin:0;">添加规则</h3>
- <button onclick="closeMcRuleEdit()" style="background:none;border:none;font-size:22px;cursor:pointer;color:#999;">×</button>
- </div>
- <div class="form-grid">
- <div class="form-group">
- <label>规则名称 *</label>
- <input type="text" id="mc-edit-name" placeholder="请输入规则名称">
- </div>
- <div class="form-group">
- <label>规则类型</label>
- <select id="mc-edit-type"></select>
- </div>
- <div class="form-group" id="mc-edit-value-group">
- <label id="mc-edit-value-label">规则值 *</label>
- <input type="text" id="mc-edit-value" placeholder="规则值/参数">
- </div>
- <div class="form-group">
- <label>单位</label>
- <input type="text" id="mc-edit-unit" placeholder="如: 元/m²、%、px">
- </div>
- <div class="form-group" style="grid-column:span 2;">
- <label>规则说明</label>
- <textarea id="mc-edit-desc" rows="2" placeholder="请填写规则说明"></textarea>
- </div>
- <div class="form-group" style="display:flex;align-items:center;gap:8px;">
- <label style="margin:0;display:flex;align-items:center;gap:6px;cursor:pointer;">
- <input type="checkbox" id="mc-edit-enabled" checked> 启用该规则
- </label>
- </div>
- </div>
- <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:18px;">
- <button class="btn btn-outline" onclick="closeMcRuleEdit()">取消</button>
- <button class="btn btn-primary" onclick="submitMcRuleEdit()">✅ 确认</button>
- </div>
- </div>
- </div>
- <!-- Quotation Plan Modal -->
- <div class="modal-overlay" id="plan-modal" style="display:none;z-index:1200;" onclick="if(event.target===this)closePlanModal()">
- <div class="plan-modal">
- <div class="plan-modal-header">
- <h3 id="plan-modal-title">＋ 新增报价方案</h3>
- <button class="plan-modal-close" onclick="closePlanModal()">×</button>
- </div>
- <div class="plan-modal-body">
- <input type="hidden" id="plan-edit-id" value="">
- <div class="form-group">
- <label>方案名称 *</label>
- <input type="text" id="plan-name" placeholder="如：经济型套餐、标准型方案、五一促销套餐" maxlength="20">
- </div>
- <div class="form-group">
- <label>方案说明</label>
- <textarea id="plan-desc" rows="2" placeholder="描述适用场景，如：适合预算敏感型客户"></textarea>
- </div>
- <div class="form-row">
- <div class="form-group">
- <label>客户档位 *</label>
- <select id="plan-tier" onchange="onPlanTierChange()">
- <option value="economy">经济型</option>
- <option value="standard" selected>标准型</option>
- <option value="quality">品质型</option>
- </select>
- </div>
- <div class="form-group">
- <label>档位级别 *</label>
- <select id="plan-tier-level"></select>
- </div>
- </div>
- <div class="form-row">
- <div class="form-group">
- <label>浮动比例 *</label>
- <div style="display:flex;align-items:center;gap:8px;">
- <input type="range" id="plan-float-slider" min="5" max="30" value="15" step="2.5" style="flex:1;" oninput="document.getElementById('plan-float-val').textContent='±'+this.value+'%'">
- <span id="plan-float-val" style="min-width:55px;text-align:right;font-weight:600;color:#2B6CB0;">±15%</span>
- </div>
- </div>
- <div class="form-group">
- <label>折扣率 *</label>
- <div style="display:flex;align-items:center;gap:8px;">
- <input type="number" id="plan-discount" min="0.5" max="1" step="0.01" value="1" style="width:80px;" oninput="document.getElementById('plan-discount-pct').textContent=(this.value>=1?'原价':Math.round(this.value*100)/10+'折')">
- <span id="plan-discount-pct" style="color:#718096;font-size:13px;font-weight:600;">原价</span>
- </div>
- </div>
- </div>
- <div style="display:flex;align-items:center;gap:24px;padding-top:8px;border-top:1px solid #EDF2F7;margin-top:4px;">
- <label style="margin:0;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;">
- <input type="checkbox" id="plan-enabled" checked style="width:16px;height:16px;accent-color:#3182CE;"> 启用该方案
- </label>
- <label style="margin:0;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;">
- <input type="checkbox" id="plan-default" style="width:16px;height:16px;accent-color:#3182CE;"> 设为默认方案（新建报价自动套用）
- </label>
- </div>
- </div>
- <div class="plan-modal-footer">
- <button class="btn btn-outline" onclick="closePlanModal()" style="padding:10px 20px;border-radius:8px;border:1px solid #CBD5E0;background:#fff;cursor:pointer;font-size:14px;">取消</button>
- <button class="btn btn-primary" onclick="savePlan()" style="padding:10px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#3182CE,#2B6CB0);color:#fff;cursor:pointer;font-size:14px;font-weight:600;">✅ 保存方案</button>
- </div>
- </div>
- </div>
- <!-- Lightbox -->
- <div class="lightbox-overlay" id="lightbox-overlay" style="display:none;">
- <button class="lightbox-close" onclick="closeLightbox()">×</button>
- <div class="lightbox-info" id="lightbox-info"></div>
- <div class="lightbox-viewport" id="lightbox-viewport">
- <div class="lightbox-img-wrap" id="lightbox-img-wrap">
- <img id="lightbox-img" src="" alt="预览" draggable="false">
- </div>
- </div>
- <div class="lightbox-toolbar">
- <button onclick="lbZoom(-0.6)" title="大幅缩小">➖</button>
- <button onclick="lbZoom(-0.15)" title="缩小">−</button>
- <span class="zoom-pct" id="lb-zoom-pct">100%</span>
- <button onclick="lbZoom(0.15)" title="放大">+</button>
- <button onclick="lbZoom(0.6)" title="大幅放大">➕</button>
- <button onclick="lbReset()" title="还原">↺</button>
- </div>
- </div>
- <!-- Toast container -->
- <div id="toast-container"></div>
- <!-- 自定义确认弹窗 -->
- <div class="modal-overlay" id="confirm-modal" style="display:none;z-index:2000;" onclick="if(event.target===this)closeConfirmModal()">
- <div class="modal" style="min-width:380px;max-width:420px;text-align:center;animation:fadeIn 0.2s ease;">
- <div style="font-size:48px;margin-bottom:12px;">⚠️</div>
- <h3 id="confirm-title" style="margin:0 0 8px 0;font-size:18px;color:#E53E3E;">确认删除</h3>
- <p id="confirm-message" style="margin:0 0 24px 0;font-size:14px;color:#4A5568;line-height:1.6;">确定要删除吗？此操作不可恢复。</p>
- <div style="display:flex;gap:12px;justify-content:center;">
- <button onclick="closeConfirmModal()" style="padding:10px 28px;border:1px solid #CBD5E0;border-radius:8px;background:#fff;color:#4A5568;font-size:14px;cursor:pointer;font-weight:500;transition:all 0.15s;" onmouseover="this.style.background='#F7FAFC'" onmouseout="this.style.background='#fff'">取消</button>
- <button id="confirm-ok-btn" onclick="handleConfirmOk()" style="padding:10px 28px;border:none;border-radius:8px;background:linear-gradient(135deg,#E53E3E,#C53030);color:#fff;font-size:14px;cursor:pointer;font-weight:600;transition:all 0.15s;" onmouseover="this.style.background='linear-gradient(135deg,#C53030,#9B2C2C)'" onmouseout="this.style.background='linear-gradient(135deg,#E53E3E,#C53030)'">确认删除</button>
- </div>
- </div>
- </div>
- <script>
- // ====================== DATA STORE ======================
- const DEFAULT_RULES = {
- wardrobe: [
- { name:'生态澳松板柜体', displayName:'柜体', method:'按投影面积', value:'1852', unit:'元/㎡', desc:'生态澳松板柜体（衣柜类默认）' },
- { name:'铝格栅板柜体', displayName:'柜体', method:'按投影面积', value:'2532', unit:'元/㎡', desc:'铝格栅板柜体（主卧衣柜默认）' },
- { name:'板门补差价', method:'按投影面积', value:'538', unit:'元/㎡', desc:'双饰面板门补差价' },
- { name:'玻璃门补差价', method:'按投影面积', value:'1852', unit:'元/㎡', desc:'客厅展示柜玻璃门补差价' },
- { name:'灯带', method:'按投影面积', value:'386', unit:'元/㎡', desc:'3000K暖光灯' },
- { name:'变压器+开关', method:'按投影面积', value:'536', unit:'元/㎡', desc:'功能五金' },
- { name:'自弹器', method:'按投影面积', value:'115', unit:'元/㎡', desc:'海蒂诗自弹器' },
- { name:'见光板', method:'按投影面积', value:'1138', unit:'元/㎡', desc:'双饰面见光板' },
- { name:'铰链', method:'按投影面积', value:'40', unit:'元/㎡', desc:'奥地利百隆阻尼铰链' },
- { name:'护墙板', method:'按投影面积', value:'1852', unit:'元/㎡', desc:'双饰面护墙板' },
- { name:'拉手', method:'按投影面积', value:'226', unit:'元/㎡', desc:'金属拉手' },
- { name:'抽屉', method:'按投影面积', value:'1300', unit:'元/㎡', desc:'奥地利百隆导轨抽屉' },
- { name:'金属拉手', method:'按投影面积', value:'225', unit:'元/㎡', desc:'生态澳松板柜体金属拉手' },
- { name:'铝格栅金属拉手', method:'按投影面积', value:'680', unit:'元/㎡', desc:'铝格栅板柜体金属拉手' },
- { name:'衣杆', method:'按投影面积', value:'288', unit:'元/㎡', desc:'金属衣杆' },
- { name:'圆弧', method:'按投影面积', value:'1560', unit:'元/㎡', desc:'铝格栅板圆弧工艺' }
- ],
- kitchen: [
- { name:'地柜', method:'按延米', value:'2380', unit:'元/m', desc:'' },
- { name:'吊柜', method:'按延米', value:'1748', unit:'元/m', desc:'' },
- { name:'冰箱吊柜', method:'按延米', value:'2622', unit:'元/m', desc:'' },
- { name:'高柜', method:'按延米', value:'5950', unit:'元/m', desc:'' },
- { name:'见光板', method:'按投影面积', value:'1138', unit:'元/㎡', desc:'' },
- { name:'台面', method:'按延米', value:'1480', unit:'元/m', desc:'' },
- { name:'台面超出部分', method:'按延米', value:'2480', unit:'元/m', desc:'' },
- { name:'碗篮', method:'按个数', value:'1268', unit:'元/个', desc:'' },
- { name:'锅篮', method:'按个数', value:'1628', unit:'元/个', desc:'' },
- { name:'自弹', method:'按个数', value:'115', unit:'元/个', desc:'' },
- { name:'切角', method:'按个数', value:'500', unit:'元/个', desc:'' },
- { name:'台下盆', method:'按个数', value:'500', unit:'元/个', desc:'' },
- { name:'包管', method:'按个数', value:'500', unit:'元/个', desc:'' }
- ],
- base: [
- { name:'柜体投影单价', method:'按投影面积', value:'1852', price:'1852', unit:'元/m²', desc:'柜体投影面积单价' },
- { name:'生态澳松板柜体单价', method:'按投影面积', value:'1852', price:'1852', unit:'元/m²', desc:'衣柜类生态澳松板投影单价' },
- { name:'铝格栅板柜体单价', method:'按投影面积', value:'2532', price:'2532', unit:'元/m²', desc:'主卧衣柜铝格栅板投影单价' },
- { name:'橱柜3米基础套餐', method:'按套餐', value:'11199', price:'11199', unit:'元/套', desc:'厨房橱柜3延米基础套餐' },
- { name:'橱柜超3米延米单价', method:'按延米', value:'3733', price:'3733', unit:'元/m', desc:'厨房橱柜超出3米部分单价' },
- ],
- extra: [
- { name:'见光板', method:'按投影面积', price:'1138', unit:'元/m²', desc:'同色见光板' },
- { name:'自弹器', method:'按个数', price:'115', unit:'元/个', desc:'反弹器/自弹器' },
- { name:'铰链', method:'按个数', price:'40', unit:'元/个', desc:'阻尼铰链' },
- { name:'灯带', method:'按延米', price:'386', unit:'元/m', desc:'LED灯带' },
- { name:'变压器+开关', method:'按个数', price:'536', unit:'元/个', desc:'LED电源+感应开关' },
- { name:'拉手', method:'按个数', price:'226', unit:'元/个', desc:'普通拉手' },
- { name:'金属拉手', method:'按个数', price:'225', unit:'元/个', desc:'金属材质拉手' },
- { name:'抽屉', method:'按个数', price:'1300', unit:'元/个', desc:'导轨抽屉' },
- { name:'衣杆', method:'按延米', price:'288', unit:'元/m', desc:'挂衣杆' },
- { name:'护墙板', method:'按投影面积', price:'1852', unit:'元/m²', desc:'护墙板' },
- { name:'裤架领带格', method:'按个数', price:'0', unit:'元/个', desc:'多功能裤架+领带格' },
- { name:'拉篮', method:'按个数', price:'0', unit:'元/个', desc:'拉篮' },
- { name:'碗篮', method:'按个数', price:'1268', unit:'元/个', desc:'碗篮' },
- { name:'锅篮', method:'按个数', price:'1628', unit:'元/个', desc:'锅篮' },
- { name:'圆弧', method:'按个数', price:'1560', unit:'元/个', desc:'圆弧工艺' },
- { name:'换鞋凳', method:'按个数', price:'0', unit:'元/个', desc:'换鞋凳' },
- { name:'玻璃门升级', method:'按投影面积', price:'0', unit:'元/m²', desc:'钢化玻璃门板加价' },
- { name:'石材台面', method:'按延米', price:'1480', unit:'元/m', desc:'石英石台面' },
- ]
- };
- // ── 柜体增项模板映射（根据欧阳路Excel整理） ──
- // 说明：key为柜体名称关键词，value为该类柜体默认包含的增项列表（不含补差价、石材台面）
- const CABINET_EXTRA_TEMPLATES = {
- // 玄关柜
- '玄关': ['灯带', '变压器+开关', '自弹器', '见光板', '铰链'],
- '鞋柜': ['灯带', '变压器+开关', '自弹器', '见光板', '铰链', '换鞋凳'],
- // 客厅电视柜
- '电视柜': ['自弹器', '见光板', '铰链'],
- // 洗衣机柜
- '洗衣机': ['自弹器', '护墙板', '见光板', '铰链'],
- // 客厅展示柜/酒柜
- '展示柜': ['灯带', '变压器+开关', '拉手', '见光板', '铰链', '自弹器'],
- '酒柜': ['灯带', '变压器+开关', '拉手', '见光板', '铰链', '自弹器', '玻璃门升级'],
- // 阳台柜
- '阳台': ['自弹器', '见光板', '铰链'],
- // 餐边柜
- '餐边': ['抽屉', '拉手', '自弹器', '金属拉手', '灯带', '变压器+开关', '见光板', '铰链'],
- // 次卧/衣柜
- '次卧': ['衣杆', '金属拉手', '抽屉', '见光板', '铰链'],
- '儿童房': ['衣杆', '金属拉手', '抽屉', '见光板', '铰链'],
- '书房': ['衣杆', '金属拉手', '抽屉', '见光板', '铰链'],
- // 主卧/衣柜
- '主卧': ['金属拉手', '抽屉', '衣杆', '自弹器', '圆弧', '铰链'],
- '衣帽间': ['金属拉手', '抽屉', '衣杆', '自弹器', '圆弧', '铰链', '裤架领带格', '拉篮'],
- // 厨房
- '厨房': ['见光板', '碗篮', '锅篮', '自弹器'],
- // 默认通用（兜底）
- '_default': ['自弹器', '见光板', '铰链']
- };
- // 欧阳路预估报价 Excel：逐柜体增值项及其对应单价。
- // 同名但单价不同的项目保持为独立行，避免使用通用模板时发生串价。
- const CABINET_EXCEL_EXTRA_DETAILS = {
- '玄关': [
- ['板门补差价',538,'按投影面积'],['灯带',386,'按延米'],['变压器+开关',536,'按个数'],['自弹器',115,'按个数'],['见光板',1138,'按投影面积'],['铰链',40,'按个数']
- ],
- '电视柜': [
- ['板门补差价',538,'按投影面积'],['自弹器',115,'按个数'],['见光板',1138,'按投影面积'],['铰链',40,'按个数']
- ],
- '洗衣机': [
- ['板门补差价',538,'按投影面积'],['自弹器',115,'按个数'],['护墙板',1852,'按投影面积'],['见光板',1138,'按投影面积'],['铰链',40,'按个数']
- ],
- '展示柜': [
- ['玻璃门补差价',1852,'按投影面积'],['灯带',386,'按延米'],['变压器+开关',536,'按个数'],['拉手',226,'按个数'],['见光板',1138,'按投影面积'],['铰链',40,'按个数'],['玻璃门补差价',1852,'按投影面积'],['自弹器',115,'按个数']
- ],
- '阳台': [
- ['板门补差价',538,'按投影面积'],['自弹器',115,'按个数'],['见光板',1138,'按投影面积'],['铰链',40,'按个数']
- ],
- '餐边': [
- ['板门补差价',538,'按投影面积'],['板门补差价',538,'按投影面积'],['抽屉',1300,'按个数'],['拉手',226,'按个数'],['自弹器',115,'按个数'],['金属拉手',225,'按延米'],['灯带',386,'按延米'],['变压器+开关',536,'按个数'],['见光板',1138,'按投影面积'],['铰链',40,'按个数']
- ],
- '次卧': [
- ['板门补差价',538,'按投影面积'],['衣杆',288,'按延米'],['金属拉手',680,'按个数'],['抽屉',1300,'按个数'],['金属拉手',225,'按延米'],['见光板',1138,'按投影面积'],['铰链',40,'按个数']
- ],
- '主卧': [
- ['板门补差价',1380,'按投影面积'],['金属拉手',680,'按个数'],['抽屉',1300,'按个数'],['衣杆',288,'按延米'],['自弹器',115,'按个数'],['圆弧',1560,'按延米'],['铰链',40,'按个数']
- ],
- '衣帽间': [
- ['板门补差价',1380,'按投影面积'],['金属拉手',680,'按个数'],['抽屉',1300,'按个数'],['衣杆',288,'按延米'],['自弹器',115,'按个数'],['圆弧',1560,'按延米'],['铰链',40,'按个数']
- ],
- '厨房': [
- ['地柜',2380,'按延米'],['吊柜',1748,'按延米'],['冰箱吊柜',2622,'按延米'],['高柜',5950,'按延米'],['见光板',1138,'按投影面积'],['台面',1480,'按延米'],['台面超出部分',2480,'按延米'],['碗篮',1268,'按个数'],['锅篮',1628,'按个数'],['自弹',115,'按个数'],['切角',500,'按个数'],['台下盆',500,'按个数'],['包管',500,'按个数']
- ],
- '_default': [['自弹器',115,'按个数'],['见光板',1138,'按投影面积'],['铰链',40,'按个数']]
- };
- // 根据柜体名称获取对应的增项模板列表
- function qGetExtrasForCabinet(cabinetName){
- if(!cabinetName) return CABINET_EXCEL_EXTRA_DETAILS._default.map(function(v){return {name:v[0],price:v[1],method:v[2]};});
- var name = String(cabinetName);
- // 按关键词匹配（优先匹配更长的关键词）
- var keys = Object.keys(CABINET_EXCEL_EXTRA_DETAILS).filter(function(k){ return k !== '_default'; });
- keys.sort(function(a,b){ return b.length - a.length; });
- for(var i=0; i<keys.length; i++){
- if(name.indexOf(keys[i]) !== -1){
- return CABINET_EXCEL_EXTRA_DETAILS[keys[i]].map(function(v){return {name:v[0],price:v[1],method:v[2]};});
- }
- }
- return CABINET_EXCEL_EXTRA_DETAILS._default.map(function(v){return {name:v[0],price:v[1],method:v[2]};});
- }
- // 增项名称到计价方式映射
- const EXTRA_METHOD_MAP = {
- '见光板': '按投影面积',
- '护墙板': '按投影面积',
- '玻璃门升级': '按投影面积',
- '灯带': '按延米',
- '衣杆': '按延米',
- '自弹器': '按个数',
- '铰链': '按个数',
- '变压器+开关': '按个数',
- '拉手': '按个数',
- '金属拉手': '按个数',
- '抽屉': '按个数',
- '裤架领带格': '按个数',
- '拉篮': '按个数',
- '碗篮': '按个数',
- '锅篮': '按个数',
- '圆弧': '按个数',
- '换鞋凳': '按个数'
- };
- // ── 从规则配置中获取指定项目的单价（用户配置的默认值优先） ──
- function qGetConfiguredPrice(itemName){
- if(!itemName) return 0;
- // 柜体单价
- if(itemName === '柜体'){
- if(DEFAULT_RULES && DEFAULT_RULES.base && DEFAULT_RULES.base[0]){
- return parseFloat(DEFAULT_RULES.base[0].price || DEFAULT_RULES.base[0].value) || 0;
- }
- return 0;
- }
- // 增项单价
- if(DEFAULT_RULES && DEFAULT_RULES.extra){
- var found = DEFAULT_RULES.extra.find(function(ex){ return ex.name === itemName; });
- if(found){
- return parseFloat(found.price || found.value) || 0;
- }
- }
- return 0;
- }
- // ── 同步配置单价到所有柜体详情表格（只更新未被用户手动修改过的单价） ──
- function qSyncConfigPricesToCabinets(){
- try {
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- if(!rooms || !rooms.length) return;
-
- rooms.forEach(function(r){
- if(!r._detailItems) return;
- r._detailItems.forEach(function(item){
- // 跳过用户手动修改过单价的项目（标记_priceModified=true）
- if(item._priceModified) return;
- // 从配置获取最新单价
- var newPrice = qGetConfiguredPrice(item.name);
- if(item.price !== newPrice){
- item.price = newPrice;
- // 重新计算总价
- var areaVal = item.area || item.qty || 0;
- item.total = parseFloat(((areaVal||0) * (item.price||0)).toFixed(2));
- }
- });
- });
- } catch(e) {
- console.warn('qSyncConfigPricesToCabinets error:', e);
- }
- }
- const DEFAULT_SPACES = [
- { name:'主卧', length:4.2, width:3.5, height:2.8, cabinetRatio:0.60, fillRate:0.65, doorRatio:0.55, bayWindow:false, irregular:false },
- { name:'次卧', length:3.8, width:3.2, height:2.8, cabinetRatio:0.55, fillRate:0.50, doorRatio:0.50, bayWindow:false, irregular:false },
- { name:'客厅', length:5.5, width:4.5, height:2.8, cabinetRatio:0.45, fillRate:0.60, doorRatio:0.60, bayWindow:false, irregular:false },
- { name:'厨房', length:3.5, width:2.4, height:2.8, cabinetRatio:0.70, fillRate:0.70, doorRatio:0.40, bayWindow:false, irregular:false },
- ];
- const DEFAULT_EXTRA_ITEMS = [
- ];
- const DEFAULT_QUOTATION_PLANS = [
- {
- id: 'plan-economy',
- name: '经济型方案',
- description: '适合预算敏感型客户，主打性价比',
- customerTier: 'price',
- tierLevel: 'p1',
- floatRatio: 0.10,
- discountRate: 0.98,
- isDefault: false,
- enabled: true,
- createdAt: '2026-07-25 10:00',
- updatedAt: '2026-07-25 10:00'
- },
- {
- id: 'plan-standard',
- name: '标准型方案',
- description: '默认方案，标准配置，适合大多数客户',
- customerTier: 'standard',
- tierLevel: 's1',
- floatRatio: 0.15,
- discountRate: 1.00,
- isDefault: true,
- enabled: true,
- createdAt: '2026-07-25 10:00',
- updatedAt: '2026-07-25 10:00'
- },
- {
- id: 'plan-quality',
- name: '品质型方案',
- description: '高端配置，适合追求品质的客户',
- customerTier: 'quality',
- tierLevel: 'q1',
- floatRatio: 0.20,
- discountRate: 1.00,
- isDefault: false,
- enabled: true,
- createdAt: '2026-07-25 10:00',
- updatedAt: '2026-07-25 10:00'
- }
- ];
- let state = {
- quotes: [],
- quotationPlans: JSON.parse(JSON.stringify(DEFAULT_QUOTATION_PLANS)),
- activePlanId: null,
- currentQuoteId: null,
- currentStep: 1,
- currentView: 'quotes',
- activeRuleTab: 'wardrobe',
- editingRule: null,
- globalFloatRatio: 0.15,
- currentFloatRatio: 0.15,
- // 规则模块一：厨房尺寸扣减参数（总长度统一扣减）
- ruleKitchenOverlapCount: 2,
- ruleKitchenOverlapMm: 600,
- ruleKitchenFridgeMm: 1000,
- defaultPricingMode: 'package',
- defaultFixedUnitPrice: 0,
- allowModeSwitch: true,
- fixedPriceNote: '',
- includeExtrasInFixed: true,
- currentPricingMode: 'package',
- currentFixedUnitPrice: 0,
- rules: { base: [], extra: [] },
- spaces: [],
- extraItems: [],
- uploads: [],
- pricingResult: null,
- templates: [
- { id:1, name:'公司标准报价模板 V2', type:'Excel', size:'245KB', isDefault:true, uploadedAt:'2026-06-20' },
- { id:2, name:'简约报价模板', type:'Excel', size:'180KB', isDefault:false, uploadedAt:'2026-06-20' },
- { id:3, name:'详细报价模板', type:'PDF', size:'320KB', isDefault:false, uploadedAt:'2026-07-01' },
- ]
- };
- // ====================== PRICING ENGINE ======================
- const PricingEngine = {
- getFillRateCoefficient(fillRate) {
- return 1.0;
- },
- calcProjectionArea(space) {
- const lengthM = space.length || 0;
- const heightM = space.height || 2.8;
- return parseFloat((lengthM * heightM).toFixed(3));
- },
- calcSpacePrice(space, extraItems, rules) {
- const projArea = this.calcProjectionArea(space);
- const area = parseFloat(((space.length * space.width)).toFixed(2));
- function getRulePrice(name, defVal) {
- defVal = defVal || 0;
- var all = (rules.base||[]).concat(rules.extra||[]);
- for (var i = 0; i < all.length; i++) {
- if (all[i].name === name) {
- var v = parseFloat(all[i].value !== undefined ? all[i].value : all[i].price);
- return isNaN(v) ? defVal : v;
- }
- }
- return defVal;
- }
- const cabinetUnitPrice = getRulePrice('柜体投影单价', 0);
- const doorUnitPrice = getRulePrice('标配门板单价', 380);
- const visiblePanelPrice = getRulePrice('见光板', 350);
- const cabinetPrice = parseFloat((projArea * cabinetUnitPrice).toFixed(2));
- const doorPrice = parseFloat((projArea * doorUnitPrice).toFixed(2));
- const spaceExtras = extraItems.filter(e => e.spaceIdx !== undefined && e.spaceIdx === space._idx);
- const extraTotal = spaceExtras.reduce((sum, e) => sum + (e.count * e.unitPrice), 0);
- const spaceTotal = parseFloat((cabinetPrice + doorPrice + extraTotal).toFixed(2));
- return {
- name: space.name,
- length: space.length,
- width: space.width,
- height: space.height,
- area,
- projectArea: projArea,
- expandArea: projArea,
- cabinetPrice,
- doorPrice,
- extraItems: spaceExtras,
- extraTotal,
- spaceTotal
- };
- },
- calculate(spaces, extraItems, floatRatio) {
- floatRatio = floatRatio || 0.15;
- const spaceDetails = spaces.map((s, idx) => {
- const sp = {...s, _idx: idx};
- return this.calcSpacePrice(sp, extraItems, DEFAULT_RULES);
- });
- const grandTotal = parseFloat(spaceDetails.reduce((sum, s) => sum + s.spaceTotal, 0).toFixed(2));
- const floorPrice = parseFloat((grandTotal * (1 - floatRatio)).toFixed(2));
- const ceilingPrice = parseFloat((grandTotal * (1 + floatRatio)).toFixed(2));
- return {
- spaces: spaceDetails,
- grandTotal,
- floorPrice,
- ceilingPrice,
- floatRatio
- };
- }
- };
- // ====================== RENDER FUNCTIONS ======================
- function renderQuoteList() {
- const tbody = document.getElementById('quote-list-body');
- const empty = document.getElementById('quote-empty');
- // 报价模式隔离：列表仅展示当前模式的报价单
- const curMode = state.quoteMode || 'ai';
- const tabAi = document.getElementById('mode-tab-ai');
- const tabManual = document.getElementById('mode-tab-manual');
- if (tabAi) { tabAi.style.background = curMode === 'ai' ? 'var(--primary)' : '#fff'; tabAi.style.color = curMode === 'ai' ? '#fff' : 'var(--primary)'; }
- if (tabManual) { tabManual.style.background = curMode === 'manual' ? 'var(--primary)' : '#fff'; tabManual.style.color = curMode === 'manual' ? '#fff' : 'var(--primary)'; }
- const modeQuotes = state.quotes.filter(q => (q.quoteMode || 'ai') === curMode);
- if (modeQuotes.length === 0) {
- tbody.innerHTML = '';
- empty.style.display = 'block';
- updateGlobalEstimate(0, state.globalFloatRatio, 0);
- if(typeof syncBatchDeleteUI==='function') syncBatchDeleteUI();
- return;
- }
- empty.style.display = 'none';
- // Aggregate all quotes for the global estimate card
- let totalGrand = 0;
- state.quotes.forEach(q => { if (q.grandTotal) totalGrand += q.grandTotal; });
- updateGlobalEstimate(totalGrand, state.globalFloatRatio, state.quotes.filter(q => q.grandTotal).length);
- tbody.innerHTML = modeQuotes.map(q => {
- const statusMap = {0:'草稿',1:'已确认',2:'已导出',3:'已归档'};
- const statusColor = {0:'#DD6B20',1:'#3182CE',2:'#38A169',3:'#A0AEC0'};
- const fr = q.floatRatio != null ? q.floatRatio : state.globalFloatRatio;
- const floor = q.grandTotal ? (q.grandTotal * (1 - fr)).toFixed(0) : null;
- const ceil = q.grandTotal ? (q.grandTotal * (1 + fr)).toFixed(0) : null;
- var isDraft = q.status === 0 || q.grandTotal == null;
- var actionBtns = '';
- if (isDraft) {
- actionBtns = '<button class="btn btn-primary btn-sm" onclick="event.stopPropagation();resumeDraftQuote(\''+q.id+'\')" style="white-space:nowrap;">▶ 继续编辑</button>'+
- '<button class="btn btn-danger btn-sm" onclick="event.stopPropagation();deleteQuote(\''+q.id+'\')" style="margin-left:4px;">删除</button>';
- } else {
- actionBtns = '<button class="btn btn-outline btn-sm" onclick="event.stopPropagation();editQuote(\''+q.id+'\')">查看</button>'+
- '<button class="btn btn-danger btn-sm" onclick="event.stopPropagation();deleteQuote(\''+q.id+'\')" style="margin-left:4px;">删除</button>';
- }
- return `
- <tr onclick="editQuote('${q.id}')" title="${isDraft?'点击继续编辑':'点击查看详情'}" style="${isDraft?'background:#FFFAF0;':''}">
- <td onclick="event.stopPropagation()" style="text-align:center;"><input type="checkbox" class="quote-select-cb" value="${q.id}" onchange="syncBatchDeleteUI()"></td>
- <td class="text-mono">${q.quoteNo}${isDraft?' <span style="font-size:10px;background:#FEEBC8;color:#C05621;padding:1px 6px;border-radius:8px;margin-left:4px;">草稿</span>':''}</td>
- <td>${q.houseType || '-'}</td>
- <td class="text-right text-mono">${q.grandTotal ? '¥'+q.grandTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}) : '<span style="color:#DD6B20;">未完成</span>'}</td>
- <td class="price-range-cell">
- ${q.grandTotal
- ? `<span class="min">¥${Number(floor).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})}</span><span class="sep">~</span><span class="max">¥${Number(ceil).toLocaleString()}</span>`
- : '<span style="color:var(--text-muted);">—</span>'}
- </td>
- <td class="text-center"><span class="float-badge">±${(fr*100).toFixed(1)}%</span></td>
- <td><span style="color:${statusColor[q.status]||statusColor[0]};font-weight:600;">${isDraft?'草稿':statusMap[q.status]}</span></td>
- <td>${q.createdAt}</td>
- <td style="white-space:nowrap;">${actionBtns}</td>
- </tr>`;
- }).join('');
- if(typeof syncBatchDeleteUI==='function') syncBatchDeleteUI();
- }
- function filterQuoteList(keyword) {
- const tbody = document.getElementById('quote-list-body');
- const rows = tbody.querySelectorAll('tr');
- rows.forEach(row => {
- const text = row.textContent.toLowerCase();
- row.style.display = text.includes(keyword.toLowerCase()) ? '' : 'none';
- });
- }
- function filterQuoteListByStatus(status) {
- const tbody = document.getElementById('quote-list-body');
- const rows = tbody.querySelectorAll('tr');
- rows.forEach(row => {
- if (!status) { row.style.display = ''; return; }
- const cells = row.querySelectorAll('td');
- const statusCell = cells[6];
- const statusMap = {'0':'草稿','1':'已确认','2':'已导出','3':'已归档'};
- row.style.display = statusCell?.textContent.trim() === statusMap[status] ? '' : 'none';
- });
- }
- function renderSpaceTable() {
- const tbody = document.getElementById('space-table-body');
- tbody.innerHTML = state.spaces.map((s, i) => `
- <tr>
- <td><input type="text" value="${s.name}" onchange="updateSpace(${i},'name',this.value)"></td>
- <td><input type="number" value="${s.length}" onchange="updateSpace(${i},'length',parseFloat(this.value))" min="500"></td>
- <td><input type="number" value="${s.width}" onchange="updateSpace(${i},'width',parseFloat(this.value))" min="500"></td>
- <td><input type="number" value="${s.height}" onchange="updateSpace(${i},'height',parseFloat(this.value))" min="2000"></td>
- <td><input type="number" value="${s.cabinetRatio}" onchange="updateSpace(${i},'cabinetRatio',parseFloat(this.value))" step="0.05" min="0" max="1"></td>
- <td><input type="number" value="${s.fillRate}" onchange="updateSpace(${i},'fillRate',parseFloat(this.value))" step="0.05" min="0" max="1"></td>
- <td><input type="number" value="${s.doorRatio}" onchange="updateSpace(${i},'doorRatio',parseFloat(this.value))" step="0.05" min="0" max="1"></td>
- <td class="text-center"><input type="checkbox" ${s.bayWindow?'checked':''} onchange="updateSpace(${i},'bayWindow',this.checked)"></td>
- <td class="text-center"><input type="checkbox" ${s.irregular?'checked':''} onchange="updateSpace(${i},'irregular',this.checked)"></td>
- <td><button class="btn btn-danger btn-sm" onclick="removeSpace(${i})">✕</button></td>
- </tr>
- `).join('');
- }
- function renderPricingResult() {
- if (!state.pricingResult) return;
- const result = state.pricingResult;
- // Sync float ratio UI
- syncStep3FloatUI(result.floatRatio);
- document.getElementById('grand-total-display').textContent = `¥${result.grandTotal.toLocaleString('zh-CN',{minimumFractionDigits:2})}`;
- document.getElementById('floor-price-display').textContent = `¥${result.floorPrice.toLocaleString('zh-CN',{minimumFractionDigits:2})}`;
- document.getElementById('ceiling-price-display').textContent = `¥${result.ceilingPrice.toLocaleString('zh-CN',{minimumFractionDigits:2})}`;
- // Space breakdown
- let breakdownHTML = '';
- result.spaces.forEach(s => {
- breakdownHTML += `
- <div class="space-card">
- <div class="space-header">
- <span>🏠 ${s.name}</span>
- <span>小计: <strong>¥${s.spaceTotal.toLocaleString('zh-CN',{minimumFractionDigits:2})}</strong></span>
- </div>
- <div class="space-details">
- <div class="item"><span>平面面积</span><span class="val">${s.area} m²</span></div>
- <div class="item"><span>展开面积</span><span class="val">${s.expandArea} m²</span></div>
- <div class="item"><span>柜体占比</span><span class="val">${(s.cabinetRatio*100).toFixed(0)}%</span></div>
- <div class="item"><span>填充率</span><span class="val">${(s.fillRate*100).toFixed(0)}% (系数${s.fillCoefficient})</span></div>
- <div class="item"><span>柜体基础价</span><span class="val">¥${s.cabinetPrice.toLocaleString('zh-CN',{minimumFractionDigits:2})}</span></div>
- <div class="item"><span>门板补差</span><span class="val">¥${s.doorPanelDiff.toLocaleString('zh-CN',{minimumFractionDigits:2})}</span></div>
- <div class="item"><span>非套餐增项</span><span class="val">¥${s.extraTotal.toLocaleString('zh-CN',{minimumFractionDigits:2})}</span></div>
- ${s.nonStandard > 0 ? `<div class="item"><span>非标加价(${(s.nonStandardRatio*100).toFixed(0)}%)</span><span class="val" style="color:var(--danger);">¥${s.nonStandard.toLocaleString('zh-CN',{minimumFractionDigits:2})}</span></div>` : ''}
- </div>
- ${s.extraItems.length > 0 ? `
- <div style="margin-top:8px;padding-top:8px;border-top:1px dotted var(--border);font-size:12px;color:var(--text-muted);">
- 增项明细: ${s.extraItems.map(e => `${e.name} ×${e.count} @¥${e.unitPrice}`).join(' / ')}
- </div>` : ''}
- </div>`;
- });
- document.getElementById('space-breakdown').innerHTML = breakdownHTML;
- // Summary
- const summaryItems = [
- { label:'柜体基础价合计', value: result.spaces.reduce((s, sp) => s + sp.cabinetPrice, 0) },
- { label:'门板补差合计', value: result.spaces.reduce((s, sp) => s + sp.doorPanelDiff, 0) },
- { label:'非套餐增项合计', value: result.spaces.reduce((s, sp) => s + sp.extraTotal, 0) },
- { label:'非标加价合计', value: result.spaces.reduce((s, sp) => s + sp.nonStandard, 0) },
- { label:'方案总价', value: result.grandTotal, highlight:true },
- { label:'底价 (-15%)', value: result.floorPrice, highlight:true, color:'var(--success)' },
- { label:'顶价 (+15%)', value: result.ceilingPrice, highlight:true, color:'var(--danger)' },
- ];
- document.getElementById('summary-table-body').innerHTML = summaryItems.map(item => `
- <tr style="${item.highlight?'font-weight:700;':''}${item.color?`color:${item.color};`:''}">
- <td>${item.label}</td>
- <td class="text-right text-mono">¥${item.value.toLocaleString('zh-CN',{minimumFractionDigits:2})}</td>
- </tr>
- `).join('');
- }
- function renderExportPreview() {
- if (!state.pricingResult) return;
- const r = state.pricingResult;
- const q = state.quotes.find(q => q.id === state.currentQuoteId);
- if (!q) return;
- const spaceRows = r.spaces.map(s => `
- <tr>
- <td>${s.name}</td>
- <td class="text-right">${s.area}</td>
- <td class="text-right">${s.expandArea}</td>
- <td class="text-right">¥${s.cabinetPrice.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})}</td>
- <td class="text-right">¥${s.extraTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})}</td>
- <td class="text-right"><strong>¥${s.spaceTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})}</strong></td>
- </tr>
- `).join('');
- document.getElementById('export-preview').innerHTML = `
- <div style="text-align:center;font-size:16px;font-weight:700;margin-bottom:12px;">XX装饰工程有限公司 — 报价单</div>
- <div style="display:flex;justify-content:space-between;margin-bottom:8px;">
- <span>报价单号: ${q.quoteNo}</span><span>日期: ${new Date().toISOString().slice(0,10)}</span>
- </div>
- <div style="margin-bottom:8px;">户型: ${q.houseType || '-'}</div>
- <table style="font-size:12px;">
- <thead><tr><th>空间</th><th class="text-right">平面面积(m²)</th><th class="text-right">展开面积(m²)</th><th class="text-right">柜体基础价</th><th class="text-right">增项</th><th class="text-right">小计</th></tr></thead>
- <tbody>${spaceRows}</tbody>
- <tfoot>
- <tr style="font-weight:700;background:#F7FAFC;">
- <td colspan="5">合计</td>
- <td class="text-right">¥${r.grandTotal.toLocaleString('zh-CN',{minimumFractionDigits:2})}</td>
- </tr>
- <tr><td colspan="6" style="color:var(--text-muted);text-align:center;">底价区间: ¥${r.floorPrice.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})} ~ ¥${r.ceilingPrice.toLocaleString()} (±${(r.floatRatio*100).toFixed(0)}%) | 备注: 本报价不含运输安装费，有效期为30天</td></tr>
- </tfoot>
- </table>`;
- }
- function isEditing(type, idx) {
- return state.editingRule && state.editingRule.type === type && state.editingRule.index === idx;
- }
- // 计价方式选项及对应默认单位映射
- const Q_METHOD_OPTIONS = [
- { value:'按投影面积', unit:'元/m²', label:'按投影面积(m²)' },
- { value:'按个数', unit:'元/个', label:'按个数(个)' },
- { value:'按延米', unit:'元/m', label:'按延米(m)' }
- ];
- // 根据计价方式获取对应默认单位
- function qGetUnitByMethod(method) {
- for (var i = 0; i < Q_METHOD_OPTIONS.length; i++) {
- if (Q_METHOD_OPTIONS[i].value === method) return Q_METHOD_OPTIONS[i].unit;
- }
- return '元/个';
- }
- // 计价方式下拉变化时自动联动更新单位（独立函数，避免内联引号问题）
- function qOnMethodChange(sel) {
- var method = sel.value;
- var unit = qGetUnitByMethod(method);
- // 找到同行的单位输入框（tr → 所有td → 第4个td（索引3）→ 其中的input）
- var tr = sel.closest('tr');
- if (!tr) return;
- var tds = tr.children;
- // 列顺序：0名称, 1计价方式, 2单价, 3单位, 4说明, 5操作
- var unitTd = tds[3];
- if (!unitTd) return;
- var unitInput = unitTd.querySelector('input');
- if (unitInput) {
- unitInput.value = unit;
- }
- }
- // 计价方式下拉选择单元格
- function methodSelectCell(currentMethod, type, idx) {
- var opts = Q_METHOD_OPTIONS.map(function(opt){
- return '<option value="'+opt.value+'"'+(opt.value===currentMethod?' selected':'')+'>'+opt.label+'</option>';
- }).join('');
- return '<select onchange="qOnMethodChange(this)" class="method-sel" style="width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;">'+opts+'</select>';
- }
- function editCell(value, cls) {
- return `<input type="text" value="${String(value).replace(/"/g,'"')}" class="inline-edit ${cls||''}" style="width:100%;">`;
- }
- function editBtnRow(type, idx) {
- return `
- <button class="btn btn-success btn-sm" onclick="saveRuleEdit('${type}',${idx})">💾 保存</button>
- <button class="btn btn-outline btn-sm" onclick="cancelRuleEdit()">取消</button>`;
- }
- // 橱柜门板配置价格（图片中吊柜/地柜对应的统一零售价）。
- // 规则配置与柜体产品覆盖信息共用这一份数据，避免两处价格不一致。
- const Q_KITCHEN_DOOR_CONFIGS = [
- {id:'open',type:'1-开放',frame:'开放柜',panel:'无门',wall:1748,base:2380},
- {id:'decor',type:'1-开放',frame:'装饰柜',panel:'无门',wall:868,base:null},
- {id:'flat18',type:'2-双饰面板门',frame:'双饰面-平板门',panel:'18MM',wall:1748,base:2380},
- {id:'flat25',type:'2-双饰面板门',frame:'双饰面-平板门',panel:'25MM',wall:1918,base:2550},
- {id:'flatstrip18',type:'2-双饰面板门',frame:'双饰面+轻奢卡条',panel:'18MM',wall:2216,base:2848},
- {id:'flatstrip25',type:'2-双饰面板门',frame:'双饰面+轻奢卡条',panel:'25MM',wall:2386,base:3018},
- {id:'crystal18',type:'3-水晶板门',frame:'水晶板门',panel:'18MM',wall:2120,base:2960},
- {id:'crystal25',type:'3-水晶板门',frame:'水晶板门',panel:'25MM',wall:2290,base:3130},
- {id:'crystalstrip18',type:'3-水晶板门',frame:'水晶板门+轻奢卡条',panel:'18MM',wall:2590,base:3430},
- {id:'crystalstrip25',type:'3-水晶板门',frame:'水晶板门+轻奢卡条',panel:'25MM',wall:2758,base:3598},
- {id:'km2611',type:'4-铝框门',frame:'KM2611门板',panel:'生态板 / PET水晶板',wall:2488,base:3360},
- {id:'aluglass',type:'4-铝框门',frame:'铝框玻璃门（有缝）',panel:'灰玻/茶玻/黑玻/欧洲茶玻',wall:2488,base:3248}
- ];
- function qKitchenDoorKind(name){return name==='吊柜'?'wall':(name==='地柜'?'base':'');}
- function qKitchenDoorLabel(c,kind){var size=kind==='wall'?'吊柜：150≤H≤1000MM，D≤400MM':'地柜：150≤H≤1000MM，D大于400MM且D≤600MM';return size+' ｜ 类型：'+c.type+' ｜ 门板配置：'+c.frame+' ｜ 厚度/门芯颜色：'+c.panel;}
- function qKitchenDoorMaterialLabel(c){return '类型：'+c.type+' ｜ 门板配置：'+c.frame+' ｜ 厚度/门芯颜色：'+c.panel;}
- function qKitchenDoorOptionsHtml(kind,selected){return Q_KITCHEN_DOOR_CONFIGS.filter(function(c){return c[kind]!=null;}).map(function(c){return '<option value="'+c.id+'" '+(c.id===selected?'selected':'')+'>'+qKitchenDoorMaterialLabel(c)+'</option>';}).join('');}
- function qKitchenDoorPriceOptionsHtml(kind,selected){return Q_KITCHEN_DOOR_CONFIGS.filter(function(c){return c[kind]!=null;}).map(function(c){return '<option value="'+c.id+'" '+(c.id===selected?'selected':'')+'>¥'+c[kind]+'</option>';}).join('');}
- function qKitchenDoorFind(id){return Q_KITCHEN_DOOR_CONFIGS.find(function(c){return c.id===id;});}
- function qKitchenRuleSelection(rule){var kind=qKitchenDoorKind(rule.name),found=qKitchenDoorFind(rule.doorConfigId);if(found&&found[kind]!=null)return found;found=Q_KITCHEN_DOOR_CONFIGS.find(function(c){return c[kind]!=null&&Number(c[kind])===Number(rule.value);});return found||Q_KITCHEN_DOOR_CONFIGS[0];}
- function qKitchenDoorRuleChange(index,select){var rule=DEFAULT_RULES.kitchen[index],kind=qKitchenDoorKind(rule&&rule.name),cfg=qKitchenDoorFind(select.value);if(!rule||!kind||!cfg)return;rule.doorConfigId=cfg.id;rule.value=String(cfg[kind]);rule.desc=qKitchenDoorMaterialLabel(cfg);persistState();renderRules();qRefreshAfterRuleChange();showToast('已更新'+rule.name+'门板配置与单价','success');}
- function renderRules() {
- try {
- const ed = state.editingRule;
- ['wardrobe','kitchen'].forEach(function(group){
- var table=document.getElementById('rule-table-'+group);
- if(!table)return;
- table.innerHTML=(DEFAULT_RULES[group]||[]).map(function(r,i){
- var shownName=r.displayName||r.name;
- var kitchenKind=group==='kitchen'?qKitchenDoorKind(r.name):'';
- if(kitchenKind){
- var cfg=qKitchenRuleSelection(r);r.doorConfigId=cfg.id;r.value=String(cfg[kitchenKind]);r.desc=qKitchenDoorMaterialLabel(cfg);
- return '<tr><td style="font-weight:600;">'+shownName+'</td><td>'+r.method+'</td><td><select style="width:100%;min-width:180px;padding:7px;border:1px solid #90CDF4;border-radius:6px;color:#2563A6;font-weight:700;" onchange="qKitchenDoorRuleChange('+i+',this)">'+qKitchenDoorPriceOptionsHtml(kitchenKind,r.doorConfigId)+'</select></td><td>'+r.unit+'</td><td><select style="width:100%;min-width:360px;padding:7px;border:1px solid #90CDF4;border-radius:6px;" onchange="qKitchenDoorRuleChange('+i+',this)">'+qKitchenDoorOptionsHtml(kitchenKind,r.doorConfigId)+'</select></td><td><button class="btn btn-outline btn-sm" onclick="startRuleEdit(\''+group+'\','+i+')">编辑</button> <button class="btn btn-danger btn-sm" onclick="deleteRule(\''+group+'\','+i+')">删除</button></td></tr>';
- }
- if(ed && ed.type===group && ed.index===i){
- return '<tr style="background:#FFFFF0;">'+
- '<td>'+editCell(shownName)+'</td><td>'+methodSelectCell(r.method,group,i)+'</td><td>'+editCell(r.value,'text-mono')+'</td><td>'+editCell(r.unit)+'</td><td>'+editCell(r.desc)+'</td>'+
- '<td>'+editBtnRow(group,i)+' <button class="btn btn-danger btn-sm" onclick="deleteRule(\''+group+'\','+i+')">🗑 删除</button></td></tr>';
- }
- return '<tr><td style="font-weight:600;">'+shownName+'</td><td>'+r.method+'</td><td class="text-mono">'+r.value+'</td><td>'+r.unit+'</td><td>'+r.desc+'</td><td><button class="btn btn-outline btn-sm" onclick="startRuleEdit(\''+group+'\','+i+')">编辑</button> <button class="btn btn-danger btn-sm" onclick="deleteRule(\''+group+'\','+i+')">🗑 删除</button></td></tr>';
- }).join('');
- });
- // Base rules - can edit, add, delete
- var baseTable = document.getElementById('rule-table-base');
- if (baseTable) {
- baseTable.innerHTML = DEFAULT_RULES.base.map((r,i) => {
- if (ed && ed.type==='base' && ed.index===i) {
- return `<tr style="background:#FFFFF0;">
- <td>${editCell(r.name)}</td><td>${methodSelectCell(r.method,'base',i)}</td><td>${editCell(r.value,'text-mono')}</td><td>${editCell(r.unit)}</td>
- <td>${editCell(r.desc)}</td>
- <td>${editBtnRow('base',i)} <button class="btn btn-danger btn-sm" onclick="deleteRule('base',${i})">🗑 删除</button></td></tr>`;
- }
- return `<tr>
- <td>${r.name}</td><td>${r.method}</td><td class="text-mono">${r.value}</td><td>${r.unit}</td>
- <td>${r.desc}</td>
- <td>
- <button class="btn btn-outline btn-sm" onclick="startRuleEdit('base',${i})">编辑</button>
- <button class="btn btn-danger btn-sm" onclick="deleteRule('base',${i})">🗑 删除</button>
- </td></tr>`;
- }).join('');
- }
- // Extra rules - can edit, add, delete
- var extraTable = document.getElementById('rule-table-extra');
- if (extraTable) {
- extraTable.innerHTML = DEFAULT_RULES.extra.map((r,i) => {
- if (ed && ed.type==='extra' && ed.index===i) {
- return `<tr style="background:#FFFFF0;">
- <td>${editCell(r.name)}</td><td>${methodSelectCell(r.method,'extra',i)}</td><td>${editCell(r.price,'text-mono')}</td><td>${editCell(r.unit)}</td>
- <td>${editCell(r.desc)}</td>
- <td>${editBtnRow('extra',i)} <button class="btn btn-danger btn-sm" onclick="deleteRule('extra',${i})">🗑 删除</button></td></tr>`;
- }
- return `<tr>
- <td>${r.name}</td><td>${r.method}</td><td class="text-mono">${r.price}</td><td>${r.unit}</td>
- <td>${r.desc}</td>
- <td>
- <button class="btn btn-outline btn-sm" onclick="startRuleEdit('extra',${i})">编辑</button>
- <button class="btn btn-danger btn-sm" onclick="deleteRule('extra',${i})">🗑 删除</button>
- </td></tr>`;
- }).join('');
- }
- } catch(e) {
- console.error('renderRules error:', e);
- }
- }
- function renderTemplates() {
- document.getElementById('template-table-body').innerHTML = state.templates.map(t => `
- <tr>
- <td>${t.name}</td><td>${t.type}</td><td>${t.size}</td>
- <td>${t.isDefault?'<span style="color:var(--accent);font-weight:600;">⭐ 默认</span>':'<button class="btn btn-sm btn-outline" onclick="setDefaultTemplate(${t.id})">设为默认</button>'}</td>
- <td>${t.uploadedAt}</td>
- <td>
- <button class="btn btn-outline btn-sm" onclick="downloadTemplate(${t.id})">下载</button>
- <button class="btn btn-danger btn-sm" onclick="deleteTemplate(${t.id})">删除</button>
- </td>
- </tr>
- `).join('');
- }
- // ====================== NAVIGATION ======================
- function switchView(view) {
- // 离开编辑器时始终记录所在步骤与滚动位置，确保从规则配置/模板管理/报价管理都能原路返回。
- if (state.currentView === 'editor' && view !== 'editor') {
- state._editorReturnContext = {
- quoteId: state.currentQuoteId || null,
- step: Number(state.currentStep) || 1,
- scrollY: window.scrollY || 0
- };
- }
- // 进入编辑器后清除返回上下文，避免残留旧返回点
- if (view === 'editor') state._editorReturnContext = null;
- // 记录进入前的来源视图和步骤，用于"返回"按钮
- if (view !== state.currentView) {
- state._prevView = state.currentView;
- state._prevStep = state.currentStep;
- }
- // 模式二返回键：离开工作页（编辑/AI解析/自动计价）时记录返回点，供顶部返回键原路恢复
- if (state.quoteMode === 'manual' && view !== state.currentView && (state.currentView === 'editor' || state.currentView === 'analysis' || state.currentView === 'pricing')) {
- state._manualReturnContext = { view: state.currentView, step: Number(state.currentStep) || 1 };
- }
- // 离开编辑器时自动保存，但保留编辑状态
- if (state.currentView === 'editor' && view !== 'editor' && state.currentQuoteId) {
- try { saveCurrentQuote(); } catch(e) { console.warn('Auto-save on view switch failed:', e); }
- try { persistState(); } catch(e) { console.warn('Persist on view switch failed:', e); }
- }
- state.currentView = view;
- ['quotes','editor','rules','templates','analysis','pricing'].forEach(v => {
- const el = document.getElementById(`view-${v}`);
- if (el) el.classList.toggle('hidden', v !== view);
- });
- document.querySelectorAll('.header-nav button').forEach(b => b.classList.remove('active'));
- const navBtn = document.getElementById(`nav-${view}`);
- if (navBtn) navBtn.classList.add('active');
- // 模式二（手动拖拽精准报价）主场景记忆：从规则/模板返回时回到最后一次所在的主页面
- if (state.quoteMode === 'manual' && (view === 'analysis' || view === 'pricing')) state._manualMainView = view;
- // 更新返回编辑按钮显示
- updateBackToEditorButton();
- // 更新页面内返回按钮
- updatePageBackButton();
- if (view === 'quotes') renderQuoteList();
- if (view === 'rules') { renderRules(); if (typeof renderModuleCards === 'function') renderModuleCards(); if (typeof qRenderRuleModule1 === 'function') qRenderRuleModule1(); }
- if (view === 'templates') renderTemplates();
- if (view === 'analysis') {
- // 将第二步解析卡片挂载到独立模块窗口，可点击编辑
- var hostA = document.getElementById('view-analysis-host'), s2 = document.getElementById('step-2');
- if (hostA && s2) { hostA.appendChild(s2); s2.classList.remove('hidden'); }
- if (typeof qRenderStep2 === 'function') qRenderStep2();
- // 手动拖拽精准报价：同步原户型图并绑定家具拖放、尺寸线按钮事件（幂等，手动模式直接进入时也生效）
- if (typeof qSyncOriginalDrawingToLayout === 'function') qSyncOriginalDrawingToLayout();
- if (typeof qFurnitureV3Init === 'function') qFurnitureV3Init();
- // 模式二（手动拖拽）的上传入口已在解析页左上角，隐藏「返回上一步：上传资料」；模式一保持显示
- var backUploadBtn=document.getElementById('q-back-to-upload');
- if(backUploadBtn) backUploadBtn.style.display = (state.quoteMode==='manual') ? 'none' : '';
- }
- if (view === 'pricing') {
- // 将第三步计价卡片挂载到独立模块窗口，可点击编辑
- var hostP = document.getElementById('view-pricing-host'), s3 = document.getElementById('step-3');
- if (hostP && s3) { hostP.appendChild(s3); s3.classList.remove('hidden'); }
- if (typeof qSyncStep2DetailsToPricing === 'function') qSyncStep2DetailsToPricing();
- if (typeof qRenderStep4 === 'function') qRenderStep4();
- }
- }
- // 从模块窗口（AI解析/自动计价）打开编辑器指定步骤
- function qOpenEditorStep(step){ switchView('editor'); goToStep(step); }
- // 报价单（步骤4）「上一步」：第二套报价模式返回自动计价页面，第一套报价模式保持返回上传资料
- function qQuoteBackPrev(){
- if (state.quoteMode === 'manual') {
- goToStep(3);
- switchView('pricing');
- } else {
- goToStep(1);
- }
- }
- // ── 报价模式选择前置弹窗：两种模式数据与计算逻辑隔离，切换互不干扰 ──
- function qShowModeSelect(){ var ov=document.getElementById('mode-select-overlay'); if(ov) ov.style.display='flex'; }
- function qHideModeSelect(){ var ov=document.getElementById('mode-select-overlay'); if(ov) ov.style.display='none'; }
- function qSelectQuoteMode(mode){
- state.quoteMode = mode;
- qHideModeSelect();
- renderQuoteList();
- createNewQuote();
- if (mode === 'manual') {
- // 选项2：直接进入AI解析手动拖拽布局页面
- switchView('analysis');
- }
- // 模式选择入口不携带返回点，清除途中（如 createNewQuote 经过编辑器）产生的记录
- state._manualReturnContext = null;
- updateManualBackButton();
- }
- function qEnterQuoteListOnly(){
- if(!state.quoteMode) state.quoteMode = 'ai';
- qHideModeSelect();
- switchView('quotes');
- renderQuoteList();
- }
- function qSwitchListMode(mode){
- state.quoteMode = mode;
- state._manualReturnContext = null;
- renderQuoteList();
- updateManualBackButton();
- }
- function qNewQuoteClick(){
- // 新建报价单必须先选择报价模式
- qShowModeSelect();
- }
- // 返回上一个页面（智能返回：优先返回编辑中的报价单，否则返回报价管理）
- function goBackFromRules() {
- var returnContext = state._editorReturnContext;
- if (returnContext) {
- var targetStep = Number(returnContext.step) || 1;
- if (targetStep === 2 || targetStep === 3) targetStep = (qRooms && qRooms.length > 0) ? 4 : 1;
- if (returnContext.quoteId) state.currentQuoteId = returnContext.quoteId;
- switchView('editor');
- goToStep(targetStep);
- updateBackToEditorButton();
- setTimeout(function(){ window.scrollTo(0, Number(returnContext.scrollY) || 0); }, 0);
- } else if (state.currentQuoteId && (qRooms && qRooms.length > 0 || state.spaces.length > 0 || state.currentStep > 1)) {
- // 先读取目标步骤（在switchView覆盖_prevStep之前）
- var quote = state.quotes.find(function(q){ return q.id === state.currentQuoteId; });
- var targetStep = state._prevStep || state.currentStep || (quote && quote.currentStep) || 1;
- if (targetStep === 2 || targetStep === 3) targetStep = (qRooms && qRooms.length > 0) ? 4 : 1;
- var isNew = state.currentQuoteId.startsWith('new_');
- // 有正在编辑的报价单 → 返回到编辑器对应步骤
- switchView('editor');
- var titleEl = document.getElementById('editor-title');
- if (titleEl) titleEl.textContent = isNew ? '新建报价单（草稿）' : ('编辑报价单 - ' + (quote ? quote.quoteNo : ''));
- goToStep(targetStep);
- updateBackToEditorButton();
- } else {
- // 没有编辑中的报价单 → 返回报价管理
- switchView('quotes');
- renderQuoteList();
- }
- }
- // 更新页面内（非顶部导航）的返回按钮
- // 校验返回上下文是否仍有效：对应报价单已被删除（如全部清空）则失效，不再显示返回按钮
- function qGetValidReturnContext() {
- var ctx = state._editorReturnContext;
- if (!ctx) return null;
- if (ctx.quoteId) {
- var alive = state.currentQuoteId === ctx.quoteId || state.quotes.some(function(q){ return q.id === ctx.quoteId; });
- if (!alive) { state._editorReturnContext = null; return null; }
- }
- return ctx;
- }
- function updatePageBackButton() {
- var btns = document.querySelectorAll('.page-back-btn');
- if (!btns.length) return;
- var showBtn = (state.currentView === 'rules' || state.currentView === 'templates' || state.currentView === 'analysis' || state.currentView === 'pricing');
- // 模式二（手动拖拽）已有独立的 nav-back-manual 返回键，且解析页自带上传入口，不再显示模式一的「返回编辑（步骤1·上传资料）」页内按键
- if (state.quoteMode === 'manual') showBtn = false;
- var returnContext = qGetValidReturnContext();
- var hasDraft = !!returnContext || !!(state.currentQuoteId && (qRooms && qRooms.length > 0 || state.spaces.length > 0 || state.currentStep > 1));
- var btnText;
- if (hasDraft) {
- var step = returnContext ? (Number(returnContext.step) || 1) : (state.currentStep || 1);
- var stepNames = {1:'上传资料',2:'AI解析',3:'自动计价',4:'报价单'};
- btnText = '← 返回编辑（步骤'+step+' · '+stepNames[step]+'）';
- } else {
- btnText = '← 返回报价管理';
- }
- btns.forEach(function(btn){
- if (showBtn) {
- btn.innerHTML = btnText;
- btn.style.display = 'inline-flex';
- } else {
- btn.style.display = 'none';
- }
- });
- }
- function backToList() {
- saveCurrentQuote();
- switchView('quotes');
- renderQuoteList();
- }
- // 从列表继续编辑草稿
- function resumeDraftQuote(id) {
- var quote = state.quotes.find(function(q){ return q.id === id; });
- if (!quote) { switchView('quotes'); renderQuoteList(); return; }
- editQuote(id);
- var targetStep = quote.currentStep || (quote.qRooms && quote.qRooms.length > 0 ? 4 : 1);
- if (targetStep === 2 || targetStep === 3) targetStep = (quote.qRooms && quote.qRooms.length > 0) ? 4 : 1;
- goToStep(targetStep);
- updateBackToEditorButton();
- }
- function resumeEditing() {
- if (!state.currentQuoteId) {
- switchView('quotes');
- renderQuoteList();
- return;
- }
- switchView('editor');
- var titleEl = document.getElementById('editor-title');
- var isNew = state.currentQuoteId.startsWith('new_');
- var quote = state.quotes.find(function(q){ return q.id === state.currentQuoteId; });
- if (titleEl) titleEl.textContent = isNew ? '新建报价单（草稿）' : ('编辑报价单 - ' + (quote ? quote.quoteNo : ''));
- var targetStep = state.currentStep || (quote && quote.currentStep) || 1;
- if (targetStep === 2 || targetStep === 3) targetStep = (qRooms && qRooms.length > 0) ? 4 : 1;
- goToStep(targetStep);
- updateBackToEditorButton();
- }
- function updateBackToEditorButton() {
- var btn = document.getElementById('nav-back-editor');
- if (!btn) return;
- var stepNames = {1:'上传资料',2:'AI解析',3:'自动计价',4:'报价单'};
- var returnContext = qGetValidReturnContext();
- // 返回上下文有效或当前会话确有草稿时，才显示返回按钮（仅模式一快速粗略报价使用；模式二用独立的 nav-back-manual）
- var hasDraft = !!returnContext || !!(state.currentQuoteId && (qRooms && qRooms.length > 0 || state.spaces.length > 0 || state.currentStep > 1));
- // 报价管理页且当前模式没有任何报价单时，说明没有未完成的工作页，隐藏「返回上页」按键
- if (hasDraft && state.currentView === 'quotes') {
- var hasAiQuote = (state.quotes || []).some(function(q){ return (q.quoteMode || 'ai') === 'ai'; });
- if (!hasAiQuote) hasDraft = false;
- }
- if (hasDraft && state.currentView !== 'editor' && state.quoteMode !== 'manual') {
- var step = (returnContext && Number(returnContext.step)) || state.currentStep || 1;
- if (step === 2 || step === 3) step = 4;
- btn.innerHTML = '↩ 返回上页（步骤'+(step===4?2:1)+'/2 · '+stepNames[step]+'）';
- btn.style.display = 'inline-flex';
- btn.style.animation = 'pulse 2s infinite';
- } else {
- btn.style.display = 'none';
- btn.style.animation = '';
- }
- // 同步刷新模式二独立返回键，保证两个返回键各自只在所属模式下出现
- updateManualBackButton();
- }
- // 模式二（手动拖拽精准报价）独立返回键：与模式一返回键完全独立，不共用逻辑
- // 基于返回点记忆：中途切到报价管理/规则配置/模板管理等页面时，可一键返回上一个未完成操作的工作页
- function updateManualBackButton(){
- var btn = document.getElementById('nav-back-manual');
- if (!btn) return;
- var ctx = state._manualReturnContext;
- var show = state.quoteMode === 'manual' && !!ctx && ctx.view !== state.currentView;
- // 报价管理页且当前模式没有任何报价单时，说明没有未完成的工作页，隐藏「返回上页」按键
- if (show && state.currentView === 'quotes') {
- var hasManualQuote = (state.quotes || []).some(function(q){ return (q.quoteMode || 'ai') === 'manual'; });
- if (!hasManualQuote) show = false;
- }
- if (show) {
- var stepNames = {1:'上传资料',2:'AI解析',3:'自动计价',4:'报价单'};
- var s = Number(ctx.step) || 1;
- var txt;
- if (ctx.view === 'editor') txt = '↩ 返回上页（步骤 ' + s + '/4 · ' + (stepNames[s] || '') + '）';
- else if (ctx.view === 'analysis') txt = '↩ 返回上页（AI解析 · 家具布局）';
- else if (ctx.view === 'pricing') txt = '↩ 返回上页（自动计价）';
- else txt = '↩ 返回上页';
- btn.innerHTML = txt;
- btn.style.display = 'inline-flex';
- } else {
- btn.style.display = 'none';
- }
- }
- // 模式二独立返回逻辑：优先恢复记录的返回点（原路返回未完成操作的工作页）；无记录时兜底
- function goBackFromManual(){
- var ctx = state._manualReturnContext;
- if (ctx && ctx.view !== state.currentView) {
- var tv = ctx.view, ts = Number(ctx.step) || 1;
- state._manualReturnContext = null;
- switchView(tv);
- goToStep(ts);
- return;
- }
- var v = state.currentView;
- if (v === 'pricing') { switchView('analysis'); return; }
- if (v === 'rules' || v === 'templates') { switchView(state._manualMainView === 'pricing' ? 'pricing' : 'analysis'); return; }
- switchView('quotes');
- renderQuoteList();
- }
- function goToStep(step) {
- state.currentStep = step;
- var stepNames = {1:'上传资料',2:'AI解析',3:'自动计价',4:'报价单'};
- // Update step indicators
- document.querySelectorAll('.step-dot').forEach(dot => {
- const s = parseInt(dot.dataset.step);
- dot.classList.remove('active', 'done');
- if (s === step) dot.classList.add('active');
- if (s < step) dot.classList.add('done');
- });
- // Update breadcrumb
- var breadcrumb = document.getElementById('editor-step-breadcrumb');
- if (breadcrumb) {
- if (state.quoteMode === 'manual') {
- // 第二套报价模式：沿用源文件四步骤文案（步骤 X/4 · 上传资料/AI解析/自动计价/报价单）
- breadcrumb.textContent = '步骤 '+step+'/4 · '+(stepNames[step]||'');
- } else {
- var displayCrumb = {1:'步骤 1/2 · 上传资料', 2:'AI后台自动运行 · 解析', 3:'AI后台自动运行 · 计价', 4:'步骤 2/2 · 报价单'};
- breadcrumb.textContent = displayCrumb[step] || ('步骤 '+step+'/4 · '+(stepNames[step]||''));
- }
- }
- if (step === 1) {
- var analyzeBtn = document.getElementById('q-btn-analyze');
- if (analyzeBtn && !qAiAnalyzing) analyzeBtn.textContent = (state.quoteMode === 'manual') ? '🤖 开始 AI 解析' : '下一步：报价单 →';
- if (typeof qEnsureFloorHeightEditable === 'function') qEnsureFloorHeightEditable();
- if (typeof qSyncCadRuleCardVisibility === 'function') qSyncCadRuleCardVisibility();
- }
- // Show/hide step content
- for (let i = 1; i <= 4; i++) {
- const el = document.getElementById(`step-${i}`);
- if (el) el.classList.toggle('hidden', i !== step);
- }
- // Render step-specific content
- if (step === 2) {
- // 同步Step2层高显示（米）
- var fhDisplay = document.getElementById('q-step2-fh-display');
- if (fhDisplay) fhDisplay.textContent = (qFloorHeight > 0) ? qFloorHeight.toFixed(2) + 'm' : '—';
- qRenderStep2();
- }
- if (step === 3) {
- // 每次从第二步进入自动计价，都以第二步当前已填写明细为准。
- qSyncStep2DetailsToPricing();
- qRenderStep4();
- }
- if (step === 4) {
- // 报价单「上一步」：模式二返回自动计价页，模式一返回上传资料
- var step4BackBtn = document.getElementById('q-step4-back-btn');
- if (step4BackBtn) step4BackBtn.textContent = (state.quoteMode === 'manual') ? '← 上一步：自动计价' : '← 上一步：上传资料';
- qRenderStep5();
- if (typeof saveCurrentQuote === 'function') {
- try { saveCurrentQuote({markComplete:true}); } catch(e) { console.warn('Auto-save failed:', e); }
- }
- if (typeof persistState === 'function') {
- try { persistState(); } catch(e) { console.warn('Persist failed:', e); }
- }
- } else {
- // 非最终步骤自动保存为草稿
- if (typeof saveCurrentQuote === 'function' && state.currentQuoteId && (qRooms.length > 0 || state.currentStep > 1)) {
- try { saveCurrentQuote(); } catch(e) { console.warn('Draft auto-save failed:', e); }
- }
- }
- updateBackToEditorButton();
- }
- // ==================== 4-STEP QUOTATION SYSTEM ====================
- // 从规则配置中读取单价（禁止硬编码，所有价格来源于本地配置）
- function qGetRulePrice(ruleName, defaultVal) {
- defaultVal = defaultVal || 0;
- var allRules = (DEFAULT_RULES.wardrobe || []).concat(DEFAULT_RULES.kitchen || [], DEFAULT_RULES.base || [], DEFAULT_RULES.extra || []);
- for (var i = 0; i < allRules.length; i++) {
- if (allRules[i].name === ruleName) {
- var v = parseFloat(allRules[i].value !== undefined ? allRules[i].value : allRules[i].price);
- return isNaN(v) ? defaultVal : v;
- }
- }
- return defaultVal;
- }
- function qGetCabinetUnitPrice() { return qGetRulePrice('柜体投影单价', 0); }
- function qIsKitchenCabinet(cabinetType){ return /厨房|橱柜/.test(String(cabinetType||'')); }
- function qIsMasterWardrobe(cabinetType){ return /主卧/.test(String(cabinetType||'')); }
- function qGetCabinetBusinessCategory(cabinetType){ return qIsKitchenCabinet(cabinetType) ? '橱柜类' : '衣柜类'; }
- const Q_KITCHEN_PACKAGE_METERS=3;
- // ── 规则模块一：厨房尺寸抓取与类型判定/总米数计算规则 ──
- // AI自动判定厨房类型：四边最小边 ≤2m → L型（总长=长+宽−0.6×1−1）；最小边 ＞2m → U型（总长=长+长+宽−0.6×2−1）
- function qGetKitchenBillableMeters(room){
- if(!room) return null;
- var walls=[];
- if(Array.isArray(room.kitchenWalls)&&room.kitchenWalls.length) walls=room.kitchenWalls.map(Number).filter(function(v){return v>0;});
- var L=Number(room.length)||0,W=Number(room.width)||0;
- if(!walls.length&&L>0&&W>0) walls=[L,W,L,W];
- if(!walls.length) return null;
- var total=walls.reduce(function(a,b){return a+b;},0);
- var minWall=Math.min.apply(null,walls); // 宽（最小边，类型判定阈值2m）
- var maxWall=Math.max.apply(null,walls); // 长（最大边）
- var kType=minWall<=2?'L':'U'; // AI自动判定：最小边≤2m为L型，＞2m为U型
- var om=Number(state.ruleKitchenOverlapMm!=null?state.ruleKitchenOverlapMm:600);
- var fm=Number(state.ruleKitchenFridgeMm!=null?state.ruleKitchenFridgeMm:1000);
- var oc=kType==='L'?1:2; // L型1处重叠转角，U型2处重叠转角
- var usedLen=kType==='L'?+(maxWall+minWall).toFixed(2):+(maxWall+maxWall+minWall).toFixed(2);
- var billable=Math.max(0, usedLen-oc*om/1000-fm/1000);
- return {walls:walls,total:+total.toFixed(2),minWall:+minWall.toFixed(2),maxWall:+maxWall.toFixed(2),kitchenType:kType,overlapCount:oc,overlapMm:om,fridgeMm:fm,usedLen:usedLen,billable:+billable.toFixed(2)};
- }
- function qUpdateKitchenRuleField(field,val){
- val=parseFloat(val);
- if(isNaN(val)||val<0){ qRenderRuleModule1(); return; }
- if(field==='overlapCount') state.ruleKitchenOverlapCount=Math.round(val);
- else if(field==='overlapMm') state.ruleKitchenOverlapMm=val;
- else if(field==='fridgeMm') state.ruleKitchenFridgeMm=val;
- try{ persistState(); }catch(e){}
- qRenderRuleModule1();
- showToast('✅ 尺寸扣减规则已更新','success');
- }
- function qRenderRuleModule1(){
- var el;
- el=document.getElementById('q-rule-kitchen-overlap-mm'); if(el) el.value=(state.ruleKitchenOverlapMm!=null?state.ruleKitchenOverlapMm:600);
- el=document.getElementById('q-rule-kitchen-fridge-mm'); if(el) el.value=(state.ruleKitchenFridgeMm!=null?state.ruleKitchenFridgeMm:1000);
- var chip=document.getElementById('q-rule-color-chip'); if(chip) chip.style.background=qCadRuleColor;
- var nm=document.getElementById('q-rule-color-name'); if(nm){ nm.textContent=qCadRuleColorName; nm.style.color=qCadRuleColor; }
- var pv=document.getElementById('q-rule-kitchen-preview');
- if(pv){
- var kitchen=null,rooms=Array.isArray(qRooms)?qRooms:[];
- for(var i=0;i<rooms.length;i++){ if(qIsKitchenCabinet(rooms[i].cabinetType||rooms[i].roomName)){ kitchen=rooms[i]; break; } }
- var kb=kitchen?qGetKitchenBillableMeters(kitchen):null;
- if(kb){ pv.style.display='block';
- pv.innerHTML='🍳 当前厨房空间计价长度示例：AI判定 <b>'+kb.kitchenType+'型厨房</b>（最小边 '+kb.minWall+'m '+(kb.kitchenType==='L'?'≤':'＞')+' 2m）：'+(kb.kitchenType==='L'?'长 '+kb.maxWall+'m + 宽 '+kb.minWall+'m':'长 '+kb.maxWall+'m + 长 '+kb.maxWall+'m + 宽 '+kb.minWall+'m')+' = '+kb.usedLen+'m − '+kb.overlapCount+'×'+(kb.overlapMm/1000).toFixed(1)+'m 重叠 − '+(kb.fridgeMm/1000).toFixed(1)+'m 冰箱预留 = <b>'+kb.billable+'m</b>';
- } else { pv.style.display='none'; }
- }
- // 三档材质单价区间（规则模块一·第5条）
- var tiers=qGetAiPriceTiers();
- for(var ti=0;ti<3;ti++){
- var imin=document.getElementById('q-rule-tier-'+ti+'-min'); if(imin) imin.value=tiers[ti].min;
- var imax=document.getElementById('q-rule-tier-'+ti+'-max'); if(imax) imax.value=tiers[ti].max;
- }
- var sel=document.getElementById('q-rule-tier-default'); if(sel) sel.value=qGetAiDefaultTier();
- }
- // ── 规则模块一·第5条：三档材质单价区间报价（报价模块1：AI快速粗略报价） ──
- // 统计投影面积后按三档材质单价报区间价；厨房按总长×单价，其余按投影面积×单价；默认PET档
- function qGetAiPriceTiers(){
- if(!Array.isArray(state.aiPriceTiers)||state.aiPriceTiers.length!==3){
- state.aiPriceTiers=[{name:'双饰面',min:3000,max:3500},{name:'PET',min:4500,max:5000},{name:'混油',min:6000,max:7000}];
- }
- return state.aiPriceTiers;
- }
- function qGetAiDefaultTier(){ return state.aiDefaultTier||'PET'; }
- // 模式一当前计价单价：浮动率10%对应该档最低单价、15%对应最高单价，中间线性插值；默认15%即按最高单价计价
- function qGetAiUnitPrice(){
- var t=qGetAiTier();
- var pct=qGetAiFloatPct();
- var k=(pct-10)/5; if(k<0)k=0; if(k>1)k=1;
- return +(t.min + k*(t.max-t.min)).toFixed(2);
- }
- function qGetAiTier(name){
- var tiers=qGetAiPriceTiers();
- var target=name||qGetAiDefaultTier();
- for(var i=0;i<tiers.length;i++){ if(tiers[i].name===target) return tiers[i]; }
- return tiers[1];
- }
- function qUpdateAiTierField(idx,field,val){
- val=parseFloat(val);
- if(isNaN(val)||val<0){ qRenderRuleModule1(); return; }
- var tiers=qGetAiPriceTiers();
- if(!tiers[idx]) return;
- tiers[idx][field]=val;
- try{ persistState(); }catch(e){}
- qRenderRuleModule1();
- if(typeof qRenderStep4==='function') qRenderStep4();
- if(typeof qRenderStep5==='function') qRenderStep5();
- showToast('✅ 材质单价区间已更新：'+tiers[idx].name+' '+tiers[idx].min+'-'+tiers[idx].max+' 元','success');
- }
- function qUpdateAiDefaultTier(val){
- state.aiDefaultTier=String(val||'PET');
- try{ persistState(); }catch(e){}
- qRebuildAiRoomItems();
- qRenderRuleModule1();
- if(typeof qRenderStep4==='function') qRenderStep4();
- if(typeof qRenderStep5==='function') qRenderStep5();
- showToast('✅ 默认计价档位已切换：'+state.aiDefaultTier,'success');
- }
- // AI模式单空间计价：厨房=总长(规则2/3扣减后)×当前单价；其余=投影面积×当前单价（只输出单一总价，不再输出区间）
- function qGetAiRoomRangePrice(r){
- var tier=qGetAiTier();
- var U=qGetAiUnitPrice();
- var isK=qIsKitchenCabinet(r.cabinetType||r.roomName);
- if(isK){
- var kb=qGetKitchenBillableMeters(r);
- var m=kb?kb.billable:(parseFloat(r.cabinetWidth)||parseFloat(r.length)||0);
- return {isKitchen:true,qty:+m.toFixed(2),unit:'m',minPrice:U,maxPrice:U,minTotal:+(m*U).toFixed(2),maxTotal:+(m*U).toFixed(2),tierName:tier.name,kb:kb};
- }
- var w=parseFloat(r.cabinetWidth)||parseFloat(r.length)||0,h=parseFloat(r.cabinetHeight)||parseFloat(r.height)||0;
- var a=r.projectArea||r.area||(w>0&&h>0?+(w*h).toFixed(3):0);
- return {isKitchen:false,qty:+(a||0).toFixed(3),unit:'㎡',minPrice:U,maxPrice:U,minTotal:+((a||0)*U).toFixed(2),maxTotal:+((a||0)*U).toFixed(2),tierName:tier.name,w:+w.toFixed(2),h:+h.toFixed(2)};
- }
- function qGetAiGrandRange(){
- var min=0,max=0;
- (Array.isArray(qRooms)?qRooms:[]).forEach(function(r,i){ if(qIsRoomExcluded(i)) return; var p=qGetAiRoomRangePrice(r); min+=p.minTotal; max+=p.maxTotal; });
- return {min:+min.toFixed(2),max:+max.toFixed(2)};
- }
- // ── 计入/不计入计算开关：取消勾选的空间不计入各空间面积总价、全屋总价及导出表格 ──
- function qIsRoomExcluded(i){ return !!(state.qRoomExcl && state.qRoomExcl[i]); }
- function qToggleRoomInclude(i, checked){
- if(!state.qRoomExcl) state.qRoomExcl={};
- if(checked) delete state.qRoomExcl[i]; else state.qRoomExcl[i]=true;
- try{ persistState(); }catch(e){}
- var r=(qRooms||[])[i];
- showToast(checked?'✅ 「'+(r?(r.cabinetType||r.roomName||'柜体'):'')+'」已计入总价与导出表格':'⛔ 「'+(r?(r.cabinetType||r.roomName||'柜体'):'')+'」不计入总价与导出表格','info');
- if(typeof qRenderStep5==='function') qRenderStep5();
- }
- function qRoomIncludeToggleHtml(i){
- var excl=qIsRoomExcluded(i);
- return '<label title="勾选＝计入总价与导出表格；取消＝不计入" style="display:inline-flex;align-items:center;gap:5px;margin-right:10px;padding:3px 8px;border:2px solid '+(excl?'#CBD5E0':'#38A169')+';border-radius:6px;background:'+(excl?'#EDF2F7':'#F0FFF4')+';cursor:pointer;user-select:none;">'+
- '<input type="checkbox" '+(excl?'':'checked')+' onchange="qToggleRoomInclude('+i+',this.checked)" style="width:15px;height:15px;cursor:pointer;accent-color:#38A169;">'+
- '<span style="font-size:11px;font-weight:700;color:'+(excl?'#A0AEC0':'#276749')+';white-space:nowrap;">'+(excl?'不计入':'计入')+'</span></label>';
- }
- // ── 识别配置：标准规则设置（隐藏编辑框，点击打开编辑预览，规则文本可手动编辑） ──
- var Q_RECOG_DEFAULT_TEXTS = {
- r1: 'AI自动识别推算出这张户型图的图像比例大小。',
- r2: '（户型图上标注的任意一边真实尺寸或者录入的真实尺寸）推算出这张户型图的尺寸单位（1像素是多少米）。',
- r3: '最后计算出所有绿色框的宽、高，以及投影面积（除厨房外，厨房不需要算投影面积，只需要算出每条边的长度以及总长度）。',
- r4: '系统自动识别户型图上所有红框（规则色框）内标注的柜子，并与红框旁的红字标注配对命名（如主卧衣柜、次卧衣柜、餐边柜、电视柜、阳台柜等）；同名柜子自动编号为阳台柜1、阳台柜2。厨房默认一定需要识别：优先识别红框内的厨房，若红框内没有厨房，则自动补充默认厨房参与计价。'
- };
- function qGetRecogCfg(){
- if(!state.qRecogConfig) state.qRecogConfig={source:'标注尺寸'};
- var c=state.qRecogConfig;
- if(!c.texts) c.texts={};
- ['r1','r2','r3','r4'].forEach(function(k){ if(!c.texts[k]) c.texts[k]=Q_RECOG_DEFAULT_TEXTS[k]; });
- return c;
- }
- function qToggleRecogConfig(){
- var p=document.getElementById('q-recog-config-panel'); if(!p) return;
- if(p.style.display==='none'){ p.style.display='block'; qRenderRecogConfig(); }
- else { p.style.display='none'; }
- }
- function qAutoGrow(t){ t.style.height='auto'; t.style.height=(t.scrollHeight+2)+'px'; }
- function qRenderRecogConfig(){
- var cfg=qGetRecogCfg();
- var el=document.getElementById('q-rc-source'); if(el) el.value=cfg.source||'标注尺寸';
- ['r1','r2','r3','r4'].forEach(function(k){
- var t=document.getElementById('q-rc-text-'+k);
- if(t){ t.value=cfg.texts[k]||''; qAutoGrow(t); }
- });
- }
- function qUpdateRecogText(key,val){
- var cfg=qGetRecogCfg();
- cfg.texts[key]=String(val||'');
- try{ persistState(); }catch(e){}
- showToast('✅ 识别配置规则已保存','success');
- }
- function qUpdateRecogSource(val){
- var cfg=qGetRecogCfg();
- cfg.source=String(val||'标注尺寸');
- try{ persistState(); }catch(e){}
- showToast('✅ 识别配置标准规则已更新：参考'+cfg.source+'推算尺寸单位','success');
- }
- // ── 千问模型默认调用（无需手动填写，内置密钥；识别时辅助命名红框内柜子） ──
- var Q_QWEN_API={
- url:'https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions',
- key:'sk-8fce4791ad4b47248a7ef9b417b96af8',
- model:'qwen-vl-max'
- };
- // 压缩图纸为base64（blob地址模型侧无法访问），限制最长边保证请求体积可控
- function qDownscaleImageForApi(img,maxW){
- try{
- var w=img.naturalWidth,h=img.naturalHeight;
- var s=Math.min(1,(maxW||1280)/Math.max(w,h));
- var cv=document.createElement('canvas');
- cv.width=Math.max(1,Math.round(w*s)); cv.height=Math.max(1,Math.round(h*s));
- cv.getContext('2d').drawImage(img,0,0,cv.width,cv.height);
- return cv.toDataURL('image/jpeg',0.85);
- }catch(e){ return null; }
- }
- async function qCallQwenVision(prompt,imageDataUrl){
- try{
- var resp=await fetch(Q_QWEN_API.url,{
- method:'POST',
- headers:{'Content-Type':'application/json','Authorization':'Bearer '+Q_QWEN_API.key},
- body:JSON.stringify({model:Q_QWEN_API.model,messages:[{role:'user',content:[{type:'text',text:prompt},{type:'image_url',image_url:{url:imageDataUrl}}]}],max_tokens:800})
- });
- if(!resp.ok) return null;
- var data=await resp.json();
- var txt=data&&data.choices&&data.choices[0]&&data.choices[0].message&&data.choices[0].message.content;
- return (typeof txt==='string')?txt:null;
- }catch(e){ return null; }
- }
- function qParseQwenCabinets(txt){
- if(!txt) return null;
- var m=txt.match(/\{[\s\S]*\}/); if(!m) return null;
- try{ return JSON.parse(m[0]); }catch(e){ return null; }
- }
- // ── 重新抓取：按识别配置（比例推算/尺寸单位/色框宽高）与规则配置（解析规则、厨房扣减、单价）重新识别各柜体长宽，
- // 并联动重算投影面积、厨房四边总长度与价格 ──
- async function qReFetchDimensions(){
- var src=typeof qResolveOriginalDrawingSource==='function'?qResolveOriginalDrawingSource():null;
- if(!src){ showToast('⚠️ 请先上传户型图，再重新抓取柜体尺寸','warning'); return; }
- showToast('🔄 正在按识别配置与规则配置重新抓取各柜体长宽…','info');
- var res=null;
- try{ res=await qRunRecognitionAndApply(); }catch(e){ console.warn('重新抓取失败:',e); }
- // 下游联动重算：投影面积=w×h、厨房总长按规则模块一扣减、明细单价与总价全部从规则配置读取
- if(typeof qSyncRoomItemsWithRules==='function') qSyncRoomItemsWithRules();
- if(typeof qRenderRuleModule1==='function') qRenderRuleModule1();
- if(typeof qRenderStep3==='function') qRenderStep3();
- if(typeof qRenderStep4==='function') qRenderStep4();
- if(typeof qRenderStep5==='function') qRenderStep5();
- try{ persistState(); }catch(e){}
- var ap=res&&res.applied!=null?res.applied:0, cabN=Array.isArray(qRooms)?qRooms.length:0;
- if(ap>0){ showToast('✅ 重新抓取完成：'+cabN+' 组柜体中 '+ap+' 组宽高来自规则色块识别，面积/厨房总长/价格已按规则配置重算','success'); }
- else if(cabN>0){ showToast('⚠️ 未识别到规则色块：请用'+(typeof qCadRuleColorName!=='undefined'?qCadRuleColorName:'绿色')+'框标注柜体并绘制尺寸线后再次抓取，当前沿用贴纸估算尺寸','warning'); }
- else { showToast('⚠️ 未抓取到柜体：请先放置家具贴纸或用规则色框标注柜体','warning'); }
- }
- function qCalculateKitchenItem(itemName,totalWidth,height,count){
- itemName=String(itemName||'地柜');totalWidth=Math.max(0,Number(totalWidth)||0);height=Math.max(0,Number(height)||0);count=Math.max(0,Number(count)||0);
- var packageMeters=Q_KITCHEN_PACKAGE_METERS;
- var excessMeters=Math.max(0,totalWidth-packageMeters);
- var price=qGetRulePrice(itemName,0),quantity=0,total=0,method='',unit='';
- if(itemName==='地柜'||itemName==='吊柜'){
- quantity=Math.max(1,excessMeters);total=quantity*price;method='max（总宽－3米，1米）×单价';unit='延米';
- }else if(itemName==='冰箱吊柜'||itemName==='高柜'){
- quantity=totalWidth;total=quantity*price;method='实际米数×单价';unit='延米';
- }else if(itemName==='见光板'||itemName==='见光板×2'){
- itemName='见光板';price=qGetRulePrice('见光板',1138);quantity=totalWidth*height;total=quantity*price;method='投影面积×单价';unit='㎡';
- }else if(itemName==='台面'){
- var insideMeters=Math.min(totalWidth,packageMeters),insidePrice=qGetRulePrice('台面',1480);
- quantity=insideMeters;price=insidePrice;total=insideMeters*insidePrice;method='3米内台面米数×1480';unit='延米';
- }else if(itemName==='台面超出部分'){
- quantity=excessMeters;total=quantity*price;method='（总宽－3米）×单价';unit='延米';
- }else{
- quantity=count;total=quantity*price;method='个数×单价';unit='个';
- }
- return {name:itemName,quantity:+quantity.toFixed(3),unitPrice:price,total:+total.toFixed(2),method:method,unit:unit,packageMeters:packageMeters,excessMeters:+excessMeters.toFixed(3)};
- }
- function qGetCabinetPricingRule(room, width, height){
- var type=String((room&&room.cabinetType)||(room&&room.roomName)||'');
- width=Number(width)||0;height=Number(height)||0;
- if(qIsKitchenCabinet(type)){
- // 报价模块1（AI快速报价）：厨房按四边总米数统一扣减后计价；其余空间按投影面积
- if(state.quoteMode==='ai'){ var _kb=qGetKitchenBillableMeters(room); if(_kb&&_kb.billable>0) width=_kb.billable; }
- var kitchenItem=String((room&&room.kitchenItem)||(room&&room.material)||'地柜');
- var calc=qCalculateKitchenItem(kitchenItem,width,height,Number(room&&room.quantity)||0);
- // 模式一：厨房按计费米数×当前材质单价计价（与页面每空间总价一致），单价随浮动率联动
- if(state.quoteMode==='ai'){ var _kU=qGetAiUnitPrice(); calc.unitPrice=_kU; calc.quantity=+width.toFixed(3); calc.method='计费米数×单价'; calc.unit='延米'; calc.total=+(width*_kU).toFixed(2); }
- return {category:'橱柜类',method:calc.method,material:calc.name,quantity:calc.quantity,unit:calc.unit,unitPrice:calc.unitPrice,total:calc.total,ruleKey:calc.name,packageMeters:calc.packageMeters,excessMeters:calc.excessMeters};
- }
- var selectedMaterial=String((room&&room.material)||(room&&room.cabinetMaterial)||'');
- var useAluminum=selectedMaterial ? /铝格栅/.test(selectedMaterial) : qIsMasterWardrobe(type);
- var material=useAluminum?'铝格栅板':'生态澳松板';
- // 模式一：柜体单价使用当前材质单价（随浮动率联动），与系统页面/导出保持一致
- var price=(state.quoteMode==='ai')?qGetAiUnitPrice():qGetRulePrice(useAluminum?'铝格栅板柜体':'生态澳松板柜体',useAluminum?2532:1852);
- var area=width*height;
- return {category:'衣柜类',method:'按投影面积',material:material,quantity:area,unit:'m²',unitPrice:price,total:area*price};
- }
- // 内置门板基础单价（不显示在增项配置中，作为系统默认）
- const Q_DOOR_DEFAULT_PRICES = {
- '标配门板单价': 380,
- '烤漆门板单价': 580,
- '吸塑门板单价': 480,
- '实木门板单价': 880,
- '铝格栅门板单价': 680,
- 'PET门板单价': 450
- };
- function qGetDoorPriceByType(doorType) {
- if (doorType === '风影门板' || doorType === 'PET门板') return qGetRulePrice('烤漆门板单价', Q_DOOR_DEFAULT_PRICES['烤漆门板单价']);
- if (doorType === '实木贴皮') return qGetRulePrice('实木门板单价', Q_DOOR_DEFAULT_PRICES['实木门板单价']);
- if (doorType === '吸塑门板') return qGetRulePrice('吸塑门板单价', Q_DOOR_DEFAULT_PRICES['吸塑门板单价']);
- if (doorType === '烤漆门板') return qGetRulePrice('烤漆门板单价', Q_DOOR_DEFAULT_PRICES['烤漆门板单价']);
- if (doorType === '玻璃门' || doorType === '百叶门' || doorType === '无门板') return qGetRulePrice('标配门板单价', Q_DOOR_DEFAULT_PRICES['标配门板单价']);
- return qGetRulePrice('标配门板单价', Q_DOOR_DEFAULT_PRICES['标配门板单价']);
- }
- function qGetVisiblePanelPrice() { return qGetRulePrice('见光板', 0); }
- function qGetExtraPrice(extraName) {
- return qGetRulePrice(extraName, 0);
- }
- const Q_LAYOUT_CONFIG = {
- '一字型':{unfoldRatio:1.0,layoutCoef:1.0},
- 'L型':{unfoldRatio:1.0,layoutCoef:1.0},
- 'U型':{unfoldRatio:1.0,layoutCoef:1.0},
- '二字型':{unfoldRatio:1.0,layoutCoef:1.0}
- };
- // ── 自定义类型库 ──
- const Q_CUSTOM_TYPES_PRESET = {
- cabinetType: ['主卧衣柜','次卧衣柜','儿童房衣柜','老人房衣柜','客厅电视柜','厨房橱柜','开放式厨房','餐厅餐边柜','书房书柜','玄关鞋柜','阳台柜','衣帽间','储物柜','酒柜','浴室柜','榻榻米'],
- layoutForm: ['一字型','L型','U型','二字型','不规则'],
- doorPanelType:['普通平板','风影门板','PET门板','实木贴皮','烤漆门板','吸塑门板','玻璃门','百叶门','无门板']
- };
- // 柜体类型 → 对应空间位置映射（精确匹配：每个细分柜体类型唯一对应一个空间）
- const Q_CABINET_TO_SPACE_MAP = {
- '主卧衣柜': '主卧',
- '次卧衣柜': '次卧',
- '儿童房衣柜': '儿童房',
- '老人房衣柜': '老人房',
- '衣柜': '卧室',
- '客厅电视柜': '客厅',
- '电视柜': '客厅',
- '厨房橱柜': '厨房',
- '橱柜': '厨房',
- '开放式厨房': '开放式厨房',
- '餐厅餐边柜': '餐厅',
- '餐边柜': '餐厅',
- '书房书柜': '书房',
- '书柜': '书房',
- '玄关鞋柜': '玄关',
- '鞋柜': '玄关',
- '玄关柜': '玄关',
- '阳台柜': '阳台',
- '衣帽间': '衣帽间',
- '储物柜': '储物间',
- '酒柜': '餐厅',
- '浴室柜': '卫生间',
- '榻榻米': '次卧'
- };
- // 空间位置 → 默认柜体类型映射（当空间名已知但柜体类型笼统时补全）
- const Q_SPACE_TO_DEFAULT_CABINET = {
- '主卧': '主卧衣柜',
- '次卧': '次卧衣柜',
- '儿童房': '儿童房衣柜',
- '老人房': '老人房衣柜',
- '客厅': '客厅电视柜',
- '厨房': '厨房橱柜',
- '开放式厨房':'开放式厨房',
- '餐厅': '餐厅餐边柜',
- '客餐厅': '餐厅餐边柜',
- '书房': '书房书柜',
- '玄关': '玄关鞋柜',
- '阳台': '阳台柜',
- '衣帽间': '衣帽间',
- '储物间': '储物柜',
- '卫生间': '浴室柜',
- '主卫': '浴室柜'
- };
- // 根据柜体类型推断空间位置名称
- function qInferSpaceName(cabinetType, existingNames) {
- // 精确匹配
- if (Q_CABINET_TO_SPACE_MAP[cabinetType]) {
- return Q_CABINET_TO_SPACE_MAP[cabinetType];
- }
- // 尝试模糊匹配：柜体类型中包含关键词
- var keys = Object.keys(Q_CABINET_TO_SPACE_MAP);
- for (var i = 0; i < keys.length; i++) {
- if (cabinetType.indexOf(keys[i]) >= 0 || keys[i].indexOf(cabinetType) >= 0) {
- return Q_CABINET_TO_SPACE_MAP[keys[i]];
- }
- }
- return cabinetType;
- }
- // 修正空间数据：双向智能匹配空间位置与柜体类型
- // 1) roomName是柜体类型名 → 替换为对应空间名
- // 2) cabinetType是笼统的"衣柜"且roomName是已知卧室空间 → 自动细化为"主卧衣柜"等
- // 3) 确保两列内容不重复撞名
- function qFixRoomSpaceNames(rooms) {
- if (!rooms || !rooms.length) return rooms;
- var allCabinetTypes = Q_CUSTOM_TYPES_PRESET.cabinetType;
- var usedSpaces = [];
- rooms.forEach(function(r) {
- var rn = (r.roomName || '').trim();
- var ct = (r.cabinetType || '').trim();
- // ── 情况1：roomName是柜体类型（撞名），需要替换为正确的空间名 ──
- var isRoomNameCabinetType = allCabinetTypes.indexOf(rn) >= 0 || Q_CABINET_TO_SPACE_MAP[rn];
- if (isRoomNameCabinetType) {
- var inferredSpace = qInferSpaceName(rn, usedSpaces);
- // 如果推断出的空间名已被使用，尝试找下一个可用空间
- if (usedSpaces.indexOf(inferredSpace) >= 0) {
- // 对于衣柜类，尝试分配到其他卧室
- var bedroomSpaces = ['主卧','次卧','儿童房','老人房'];
- for (var bi = 0; bi < bedroomSpaces.length; bi++) {
- if (usedSpaces.indexOf(bedroomSpaces[bi]) < 0 && (rn === '衣柜' || rn.indexOf('衣柜') >= 0)) {
- inferredSpace = bedroomSpaces[bi];
- break;
- }
- }
- }
- r.roomName = inferredSpace;
- rn = inferredSpace;
- }
- // ── 情况2：柜体类型是笼统/旧名称，且空间位置已知，自动细化为细分柜体类型 ──
- if (Q_SPACE_TO_DEFAULT_CABINET[rn]) {
- var expectedCabinet = Q_SPACE_TO_DEFAULT_CABINET[rn];
- // 如果当前cabinetType是旧笼统名称或为空，替换为细分名称
- var oldGenericNames = ['衣柜','电视柜','橱柜','餐边柜','书柜','鞋柜','玄关柜','卫浴柜',''];
- if (oldGenericNames.indexOf(ct) >= 0 || ct !== expectedCabinet) {
- // 只在ct是旧名称/笼统名时才替换，保留用户手动选的正确细分名
- if (allCabinetTypes.indexOf(ct) < 0 || oldGenericNames.indexOf(ct) >= 0 || ct.indexOf('衣柜')<0 && ct.length<=3) {
- r.cabinetType = expectedCabinet;
- ct = r.cabinetType;
- }
- }
- }
- // ── 情况3：开放式厨房特殊处理 ──
- if (ct === '开放式厨房') {
- r.roomName = '开放式厨房';
- rn = '开放式厨房';
- }
- if (rn === '开放式厨房' && (!ct || ct === '衣柜' || ct === '橱柜')) {
- r.cabinetType = '开放式厨房';
- ct = '开放式厨房';
- }
- usedSpaces.push(r.roomName);
- });
- return rooms;
- }
- // 运行时可变副本（用户自定义类型追加到这里）
- let qCustomTypes = {
- cabinetType: [...Q_CUSTOM_TYPES_PRESET.cabinetType],
- layoutForm: [...Q_CUSTOM_TYPES_PRESET.layoutForm],
- doorPanelType:[...Q_CUSTOM_TYPES_PRESET.doorPanelType]
- };
- const Q_CUSTOM_TYPE_LABELS = {
- cabinetType: '柜体类型',
- layoutForm: '布局形式',
- doorPanelType: '门板类型'
- };
- const Q_MOCK_ROOMS = [
- {roomName:'主卧',cabinetType:'主卧衣柜',layoutStyle:'一字型',projectArea:5.2,doorType:'风影门板', length:4.2, width:3.5, height:2.8, area:14.7, cabinetRatio:0.60, fillRate:0.65, doorRatio:0.55, bayWindow:false},
- {roomName:'次卧',cabinetType:'次卧衣柜',layoutStyle:'一字型',projectArea:4.0,doorType:'普通平板', length:3.8, width:3.2, height:2.8, area:12.2, cabinetRatio:0.55, fillRate:0.50, doorRatio:0.50, bayWindow:false},
- {roomName:'客厅',cabinetType:'客厅电视柜',layoutStyle:'L型',projectArea:3.5,doorType:'风影门板', length:5.5, width:4.5, height:2.8, area:24.8, cabinetRatio:0.45, fillRate:0.60, doorRatio:0.60, bayWindow:false},
- {roomName:'厨房',cabinetType:'厨房橱柜',layoutStyle:'U型',projectArea:6.8,doorType:'普通平板', length:3.5, width:2.4, height:2.8, area:8.4, cabinetRatio:0.70, fillRate:0.70, doorRatio:0.40, bayWindow:false},
- {roomName:'餐厅',cabinetType:'餐厅餐边柜',layoutStyle:'一字型',projectArea:2.2,doorType:'PET门板', length:2.8, width:2.8, height:2.6, area:7.8, cabinetRatio:0.50, fillRate:0.55, doorRatio:0.60, bayWindow:false},
- {roomName:'阳台',cabinetType:'阳台柜',layoutStyle:'一字型',projectArea:1.5,doorType:'普通平板', length:3.0, width:1.5, height:2.6, area:4.5, cabinetRatio:0.50, fillRate:0.50, doorRatio:0.50, bayWindow:false},
- {roomName:'书房',cabinetType:'书房书柜',layoutStyle:'一字型',projectArea:2.8,doorType:'玻璃门', length:2.5, width:2.5, height:2.8, area:6.3, cabinetRatio:0.65, fillRate:0.60, doorRatio:0.45, bayWindow:false},
- {roomName:'玄关',cabinetType:'玄关鞋柜',layoutStyle:'一字型',projectArea:1.2,doorType:'普通平板', length:1.5, width:1.8, height:2.6, area:2.7, cabinetRatio:0.55, fillRate:0.50, doorRatio:0.50, bayWindow:false},
- {roomName:'开放式厨房',cabinetType:'开放式厨房',layoutStyle:'L型',projectArea:4.5,doorType:'PET门板', length:3.2, width:2.8, height:2.8, area:9.0, cabinetRatio:0.60, fillRate:0.65, doorRatio:0.50, bayWindow:false}
- ];
- const Q_MOCK_EXTRAS = [
- {roomIndex:0,items:[{name:'抽屉',spec:'600mm',qty:3,unit:'个',price:0},{name:'灯带',spec:'暖白3000K',qty:4.2,unit:'米',price:0},{name:'拉手',spec:'铝合金黑色',qty:6,unit:'个',price:0}]},
- {roomIndex:1,items:[{name:'抽屉',spec:'600mm',qty:2,unit:'个',price:0},{name:'层板',spec:'标准',qty:4,unit:'块',price:0}]},
- {roomIndex:2,items:[{name:'灯带',spec:'暖白3000K',qty:3.5,unit:'米',price:0},{name:'拉手',spec:'铝合金黑色',qty:5,unit:'个',price:0},{name:'玻璃门',spec:'钢化玻璃',qty:2,unit:'扇',price:0}]},
- {roomIndex:3,items:[{name:'抽屉',spec:'600mm',qty:5,unit:'个',price:0},{name:'拉手',spec:'铝合金黑色',qty:8,unit:'个',price:0},{name:'灯带',spec:'暖白3000K',qty:5.0,unit:'米',price:0}]},
- {roomIndex:4,items:[{name:'抽屉',spec:'600mm',qty:2,unit:'个',price:0},{name:'灯带',spec:'暖白3000K',qty:2.8,unit:'米',price:0},{name:'玻璃门',spec:'钢化玻璃',qty:1,unit:'扇',price:0},{name:'拉手',spec:'铝合金黑色',qty:4,unit:'个',price:0}]},
- {roomIndex:5,items:[{name:'拉手',spec:'铝合金银色',qty:3,unit:'个',price:0},{name:'层板',spec:'防水',qty:3,unit:'块',price:0}]},
- {roomIndex:6,items:[{name:'灯带',spec:'暖白3000K',qty:2.5,unit:'米',price:0},{name:'玻璃门',spec:'钢化玻璃',qty:3,unit:'扇',price:0},{name:'层板',spec:'标准',qty:5,unit:'块',price:0}]},
- {roomIndex:7,items:[{name:'抽屉',spec:'600mm',qty:2,unit:'个',price:0},{name:'层板',spec:'标准',qty:3,unit:'块',price:0},{name:'拉手',spec:'铝合金黑色',qty:3,unit:'个',price:0}]},
- {roomIndex:8,items:[{name:'抽屉',spec:'600mm',qty:3,unit:'个',price:0},{name:'拉手',spec:'铝合金黑色',qty:6,unit:'个',price:0},{name:'灯带',spec:'暖白3000K',qty:3.2,unit:'米',price:0},{name:'碗篮',spec:'不锈钢',qty:1,unit:'套',price:0}]}
- ];
- // ── 按Excel预算表结构生成的房间子项明细（匹配万骊报价格式，单价默认0，由规则配置决定）──
- const Q_MOCK_ROOM_ITEMS = [
- // 0: 玄关柜
- [{name:'柜体',width:0.79,height:2.5,area:1.98,unitPrice:0,note:''},
- {name:'板门补差价',width:0.79,height:2.5,area:1.98,unitPrice:0,note:''},
- {name:'灯带',width:0,height:0,area:1.58,unitPrice:0,note:''},
- {name:'变压器+开关',width:0,height:0,area:1,unitPrice:0,note:''},
- {name:'自弹器',width:0,height:0,area:4,unitPrice:0,note:''},
- {name:'见光板',width:0.54,height:2.5,area:1.35,unitPrice:0,note:''},
- {name:'铰链',width:0,height:0,area:12,unitPrice:0,note:''}],
- // 1: 客厅电视柜
- [{name:'柜体',width:4.85,height:2.5,area:3.50,unitPrice:0,note:''},
- {name:'板门补差价',width:4.85,height:2.5,area:3.50,unitPrice:0,note:''},
- {name:'灯带',width:0,height:0,area:5.5,unitPrice:0,note:''},
- {name:'自弹器',width:0,height:0,area:12,unitPrice:0,note:''},
- {name:'见光板',width:0.35,height:2.5,area:0.88,unitPrice:0,note:''},
- {name:'铰链',width:0,height:0,area:30,unitPrice:0,note:''}],
- // 2: 次卧衣柜
- [{name:'柜体',width:3.74,height:2.5,area:4.00,unitPrice:0,note:''},
- {name:'板门补差价',width:3.74,height:2.5,area:4.00,unitPrice:0,note:''},
- {name:'衣杆',width:0,height:0,area:4,unitPrice:0,note:''},
- {name:'金属拉手',width:0,height:0,area:6,unitPrice:0,note:''},
- {name:'抽屉',width:0,height:0,area:3,unitPrice:0,note:''},
- {name:'自弹器',width:0,height:0,area:6,unitPrice:0,note:''},
- {name:'见光板',width:0.6,height:2.5,area:1.50,unitPrice:0,note:''},
- {name:'铰链',width:0,height:0,area:25,unitPrice:0,note:''}],
- // 3: 餐边柜
- [{name:'柜体',width:2,height:2.4,area:2.80,unitPrice:0,note:''},
- {name:'板门补差价',width:2,height:2.4,area:2.80,unitPrice:0,note:''},
- {name:'抽屉',width:0,height:0,area:3,unitPrice:0,note:''},
- {name:'金属拉手',width:0,height:0,area:4,unitPrice:0,note:''},
- {name:'自弹器',width:0,height:0,area:5,unitPrice:0,note:''},
- {name:'灯带',width:0,height:0,area:3.5,unitPrice:0,note:''},
- {name:'变压器+开关',width:0,height:0,area:1,unitPrice:0,note:''},
- {name:'见光板',width:0.45,height:2.4,area:1.08,unitPrice:0,note:''},
- {name:'铰链',width:0,height:0,area:20,unitPrice:0,note:''}],
- // 4: 厨房 — 橱柜特殊计价（地柜/吊柜/台面分别计价）
- [{name:'地柜',width:4.18,height:0.85,area:4.18,unitPrice:0,note:''},
- {name:'吊柜',width:3.21,height:0.7,area:3.21,unitPrice:0,note:''},
- {name:'台面',width:3.21,height:0,area:3.21,unitPrice:0,note:''},
- {name:'见光板×2',width:0.6,height:2.5,area:1.50,unitPrice:0,note:''},
- {name:'碗篮',width:0,height:0,area:1,unitPrice:0,note:''},
- {name:'锅篮',width:0,height:0,area:1,unitPrice:0,note:''},
- {name:'自弹器',width:0,height:0,area:4,unitPrice:0,note:''},
- {name:'台下盆',width:0,height:0,area:1,unitPrice:0,note:''},
- {name:'包管',width:0,height:0,area:1,unitPrice:0,note:''}],
- // 5: 阳台柜
- [{name:'柜体',width:1.5,height:2.6,area:1.50,unitPrice:0,note:''},
- {name:'板门补差价',width:1.5,height:2.6,area:1.50,unitPrice:0,note:''},
- {name:'自弹器',width:0,height:0,area:3,unitPrice:0,note:''},
- {name:'见光板',width:0.6,height:1.0,area:0.60,unitPrice:0,note:''},
- {name:'铰链',width:0,height:0,area:9,unitPrice:0,note:''}]
- ];
- let qRooms = [];
- let qExtras = [];
- // ── 柜体投影面积基础单价表（所有价格从规则配置读取，此处仅为映射）──
- const Q_CABINET_BASE_PRICE = {
- // 所有柜体类型统一使用规则配置中的"柜体投影单价"
- '主卧衣柜': 0,
- '次卧衣柜': 0,
- '儿童房衣柜': 0,
- '老人房衣柜': 0,
- '客厅电视柜': 0,
- '厨房橱柜': 0,
- '开放式厨房': 0,
- '餐厅餐边柜': 0,
- '书房书柜': 0,
- '玄关鞋柜': 0,
- '阳台柜': 0,
- '衣帽间': 0,
- '储物柜': 0,
- '酒柜': 0,
- '浴室柜': 0,
- '榻榻米': 0,
- // 旧名称兼容
- '玄关柜': 0,
- '衣柜': 0,
- '电视柜': 0,
- '餐边柜': 0,
- '橱柜': 0,
- '书柜': 0,
- '鞋柜': 0,
- '洗衣机柜': 0,
- '展示柜': 0,
- };
- // 门板类型补差单价表（所有价格从规则配置读取，此处仅为映射）
- const Q_DOOR_DIFF_PRICE = {
- '普通平板': 0,
- '风影门板': 0,
- 'PET门板': 0,
- '实木贴皮': 0,
- '烤漆门板': 0,
- '吸塑门板': 0,
- '玻璃门': 0,
- '百叶门': 0,
- '无门板': 0,
- '铝格栅板': 0,
- };
- // 根据柜体类型获取默认投影单价
- function qGetCabinetBasePrice(cabinetType){
- // 柜体投影单价：统一从规则配置读取"柜体投影单价"
- return qGetRulePrice('柜体投影单价', 0);
- }
- // 根据门板类型获取补差单价（从规则配置读取，规则中无配置时使用内置默认）
- function qGetDoorDiffPrice(doorType){
- if(doorType === '铝格栅板' || doorType === '铝格栅门板') return qGetRulePrice('铝格栅门板单价', Q_DOOR_DEFAULT_PRICES['铝格栅门板单价']);
- if(doorType === 'PET门板') return qGetRulePrice('PET门板单价', Q_DOOR_DEFAULT_PRICES['PET门板单价']);
- if(doorType === '风影门板') return qGetRulePrice('烤漆门板单价', Q_DOOR_DEFAULT_PRICES['烤漆门板单价']);
- if(doorType === '烤漆门板') return qGetRulePrice('烤漆门板单价', Q_DOOR_DEFAULT_PRICES['烤漆门板单价']);
- if(doorType === '实木贴皮') return qGetRulePrice('实木门板单价', Q_DOOR_DEFAULT_PRICES['实木门板单价']);
- if(doorType === '吸塑门板') return qGetRulePrice('吸塑门板单价', Q_DOOR_DEFAULT_PRICES['吸塑门板单价']);
- if(doorType === '玻璃门') return qGetRulePrice('玻璃门升级', 280);
- if(doorType === '无门板') return 0;
- return qGetRulePrice('标配门板单价', Q_DOOR_DEFAULT_PRICES['标配门板单价']);
- }
- // ── 空间明细子项（参照万骊全屋定制预算表结构）──
- // 每个房间的子项列表: {name, width, height, area, unitPrice, total, note, isSubtotal, isDiscounted}
- let qRoomItems = []; // qRoomItems[roomIdx] = [{name,width,height,area,unitPrice,total,note}, ...]
- let qDiscountRate = 1.00; // 默认原价
- let qFloorHeight = 2.5; // 层高预填2.5m，仅作为参考，不强制等于柜体高度
- // 从Excel提取的标准子项模板（各空间通用配件库）— 所有单价初始为0，用户配置后从规则读取
- const Q_PRESET_ITEMS = {
- cabinet: {name:'柜体', width:0,height:0,area:0,unitPrice:0,total:0,note:''},
- doorDiff: {name:'板门补差价', width:0,height:0,area:0,unitPrice:0,total:0,note:''},
- lightBelt: {name:'灯带', width:0,height:0,area:0,unitPrice:0,total:0,note:'',qtyType:'length'},
- transformer:{name:'变压器+开关',width:0,height:0,area:0,unitPrice:0,total:0,note:'',qtyType:'count'},
- selfClose: {name:'自弹器', width:0,height:0,area:0,unitPrice:0,total:0,note:'',qtyType:'count'},
- visiblePanel:{name:'见光板', width:0.5,height:2.5,area:0,unitPrice:0,total:0,note:''},
- hinge: {name:'铰链', width:0,height:0,area:0,unitPrice:0,total:0,note:'',qtyType:'count'},
- drawer: {name:'抽屉', width:0,height:0,area:0,unitPrice:0,total:0,note:'',qtyType:'count'},
- handle: {name:'金属拉手', width:0,height:0,area:0,unitPrice:0,total:0,note:'',qtyType:'count'},
- rod: {name:'衣杆', width:0,height:0,area:0,unitPrice:0,total:0,note:'',qtyType:'count'},
- glassDr: {name:'玻璃门补差价',width:0,height:0,area:0,unitPrice:0,total:0,note:''},
- };
- // 数量类配件默认数量
- const Q_ITEM_DEFAULT_QTY = {自弹器:2,铰链:8,抽屉:0,金属拉手:0,衣杆:0,灯带:0,'变压器+开关':0};
- let qAiProcessed = false;
- let qAiAnalyzing = false; // 是否正在AI解析中
- let qUploadedDrawing = null; // File object (户型图) — single-sheet mode
- let qUploadedDrawingUrl = null; // Object URL for preview
- let qUploadedCAD = null; // File object (CAD图纸) — single-sheet mode
- let qUploadedCADUrl = null; // Object URL for CAD preview
- let qUploadedRequirement = null;
- let qUploadedRequirementUrl = null; // 需求记录图片URL
- let qCurrentFloatRatio = 0.15; // 每个报价单独立的浮动率
- let qRenderEnabled = false; // 空间效果图结构识别开关
- let qRenderFiles = []; // 已上传的效果图文件
- let qRenderResults = null; // AI识别结果
- let qAiEditMode = false; // AI分析卡片编辑模式
- let qAiEditableData = null; // 可编辑的分析数据缓存（保存用户手动修改）
- let qActivityEnabled = false; // 活动总开关
- let qActivityNextId = 1; // 自增ID计数器
- let qCustomerTier = 'standard'; // 当前客户分层：price(看重价格) / standard(标准) / quality(品质导向)
- let qMultiMode = false; // 多图纸合并模式开关
- let qSheets = []; // 多图纸模式下的图纸列表 [{id,name,drawing,drawingUrl,cad,cadUrl,status,rooms,analysisData,totalArea}]
- let qMergedAnalysisData = null;// 合并后的分析数据
- let qSheetNextId = 1; // 图纸自增ID
- const Q_CUSTOMER_TIERS = {
- price: {
- label: '看重价格型',
- icon: '🏷️',
- color: '#C05621',
- bgColor: '#FFFAF0',
- borderColor: '#FBD38D',
- badgeBg: '#FEEBC8',
- autoEnableActivity: true,
- doorType: '标配',
- hardware: '经济实用款',
- service: '标准测量+安装',
- warranty: '3年质保',
- gifts: '送基础五金配件',
- panelLabel: '进口爱格板（加价升级）',
- discounts: [
- { id:'p1', label:'投影面积85折', rate:0.85, deletable:false },
- { id:'p2', label:'投影面积8折特惠', rate:0.80, deletable:true },
- { id:'p3', label:'团购78折', rate:0.78, deletable:true }
- ]
- },
- standard: {
- label: '标准客户',
- icon: '🏠',
- color: '#2B6CB0',
- bgColor: '#EBF8FF',
- borderColor: '#3182CE',
- badgeBg: '#BEE3F8',
- autoEnableActivity: false,
- doorType: '标配门板',
- hardware: '国产优质铰链/拉手',
- service: '标准测量安装',
- warranty: '5年质保',
- gifts: '可参与活动优惠',
- panelLabel: '国产E0级颗粒板',
- discounts: [
- { id:'s1', label:'原价', rate:1.00, deletable:false },
- { id:'s2', label:'投影面积9折', rate:0.90, deletable:true },
- { id:'s3', label:'投影面积95折', rate:0.95, deletable:true }
- ]
- },
- quality: {
- label: '品质导向型',
- icon: '💎',
- color: '#6B46C1',
- bgColor: '#FAF5FF',
- borderColor: '#9F7AEA',
- badgeBg: '#E9D8FD',
- autoEnableActivity: false,
- doorType: '烤漆/吸塑高端门板',
- hardware: '进口百隆/海蒂诗五金',
- service: 'VIP专属设计师+金牌安装',
- warranty: '10年质保+终身维护',
- gifts: '赠灯带+抽屉升级包',
- panelLabel: '进口爱格板/可丽芙（推荐）',
- premiumRate: 1.15,
- discounts: [
- { id:'q1', label:'投影面积95折（保利润）', rate:0.95, deletable:false },
- { id:'q2', label:'原价（高端不打折）', rate:1.00, deletable:true },
- { id:'q3', label:'VIP专享92折', rate:0.92, deletable:true }
- ]
- }
- };
- let qTierSelectedDiscount = { price:'p1', standard:'s1', quality:'q1' };
- // 活动模块列表 — 核心数据结构 (动态数组，支持增删)
- let qActivityModuleList = qGetDefaultActivityModules();
- // 生成预设的8个模块（基于618活动PDF）
- function qGetDefaultActivityModules() {
- return [
- { id:'01', name:'初见双享礼', tag:'进店礼', enabled:false, deletable:false, type:'coupon',
- desc:'邀约进店即得「进店专属礼」；参观样板间送全屋定制抵用券',
- params:{coupon:500, threshold:30000, customMode:false, customDeduction:500, customThreshold:30000} },
- { id:'02', name:'订金增值礼', tag:'订金膨胀', enabled:false, deletable:false, type:'deposit',
- desc:'交订膨胀 + 货款抵用券。定制品类订单(含橱柜)满3万以上可使用。',
- params:{level:'5000', customMode:false, customDeposit:5000, customExpansion:8000, customCoupon:500} },
- { id:'03', name:'满额抵五金', tag:'代金券', enabled:false, deletable:false, type:'coupon',
- desc:'合同金额满10万元，送价值1500元五金件专用代金券（限铰链、拉手、滑轨、灯带）。',
- params:{coupon:1500, threshold:100000, customMode:false, customDeduction:1500, customThreshold:100000} },
- { id:'04', name:'预付享豪礼', tag:'返现/WiFi', enabled:false, deletable:false, type:'tiered_cashback',
- desc:'大额预付尊享返现或智能家居特权（一个地址限参与一次）',
- params:{tier1:50000,cash1:1500, tier2:100000,cash2:3000, tier3:200000,cash3:6000, customMode:false, customDeduction:1500} },
- { id:'05', name:'特供精选套餐', tag:'衣柜/橱柜/移门', enabled:false, deletable:false, type:'package_select',
- desc:'衣柜、橱柜、移门、精装厨房微改套餐选择',
- params:{wardrobe:'none', sliding:'none', cabinet:'none', customMode:false, customDeduction:5000} },
- { id:'06', name:'挚友同行礼', tag:'拼团', enabled:false, deletable:false, type:'coupon',
- desc:'两人成团，各得1000元全屋定制通用券（支付尾款时抵扣，满10万可用）',
- params:{coupon:1000, threshold:100000, customMode:false, customDeduction:1000, customThreshold:100000} },
- { id:'07', name:'老客专属礼', tag:'赠品', enabled:false, deletable:false, type:'display_only',
- desc:'历史消费≥5万的老客户专享（限本品牌柜体，可叠加其他活动）',
- params:{note:'', customMode:false, customDeduction:0} },
- { id:'08', name:'成品折上折', tag:'阶梯折扣', enabled:false, deletable:false, type:'tiered_discount',
- desc:'定制满额，成品享阶梯折扣（不用于特价产品，仅正价产品在原价基础上折扣）',
- params:{tier1:100000,disc1:72, tier2:150000,disc2:70, tier3:200000,disc3:68, customMode:false, customDeduction:0} }
- ];
- }
- function qFormatMoney(num){var n=parseFloat(num)||0;return '¥'+n.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2});}
- function qGetUnfold(room){var cfg=Q_LAYOUT_CONFIG[room.layoutStyle];return room.projectArea*(cfg?cfg.unfoldRatio:1.5);}
- function qGetLayoutCoef(room){var cfg=Q_LAYOUT_CONFIG[room.layoutStyle];return cfg?cfg.layoutCoef:1.0;}
- function qGetDoorPremium(room){return qGetDoorPriceByType(room.doorType);}
- // ── 价格计算引擎：所有金额以qRoomItems明细中的total字段为准 ──
- // 单个柜体小计：qRoomItems[ri]中所有配件行total之和（包含柜体+门板+五金+见光板+灯带等所有子项）
- // ── 配件名→规则键名映射表（用于规则变更后同步单价） ──
- var Q_ITEM_NAME_TO_RULEKEY = {
- '柜体':'柜体投影单价','橱柜主体':'柜体投影单价','电视柜主体':'柜体投影单价',
- '阳台柜主体':'柜体投影单价','书柜主体(到顶)':'柜体投影单价','鞋柜主体(到顶)':'柜体投影单价',
- '浴室柜主体':'柜体投影单价','餐边柜主体(到顶)':'柜体投影单价',
- '双饰面门板':'标配门板单价','防潮门板':'标配门板单价',
- '风影门板':'烤漆门板单价','风影门板补差价':'烤漆门板单价','PET门板':'烤漆门板单价','烤漆门板':'烤漆门板单价',
- '铝格栅门板':'铝格栅门板单价','铝格栅门板补差价':'铝格栅门板单价',
- '见光板':'见光板','裤架+领带格':'裤架领带格','裤架领带格':'裤架领带格',
- '抽屉':'抽屉','金属拉手':'金属拉手','拉手':'拉手','铰链(阻尼)':'铰链',
- '灯带(LED)':'灯带','灯带':'灯带','衣通(衣杆)':'衣杆','衣杆':'衣杆','变压器+开关':'变压器+开关',
- '石英石台面':'石材台面','开放格/操作台面':'石材台面','换鞋凳':'换鞋凳','拉篮':'拉篮','玻璃门升级':'玻璃门升级',
- // 带"单价"后缀的映射（兼容旧数据）
- '标配门板单价':'标配门板单价','烤漆门板单价':'烤漆门板单价','吸塑门板单价':'吸塑门板单价',
- '实木门板单价':'实木门板单价','PET门板单价':'PET门板单价','见光板单价':'见光板',
- '裤架领带格单价':'裤架领带格'
- };
- // 规则变更后，将qRoomItems中已有明细项的单价和total同步到规则配置最新值
- function qSyncRoomItemsWithRules(){
- if(!qRoomItems||!qRoomItems.length) return;
- // 模式一（AI快速报价）：柜体单价始终与系统当前材质单价保持一致（随浮动率联动），不使用手动规则配置单价，确保页面与Excel导出数据一致
- if(state.quoteMode==='ai'){
- var _U=qGetAiUnitPrice();
- for(var _ri=0; _ri<qRoomItems.length; _ri++){
- var _items=qRoomItems[_ri]; if(!_items) continue;
- var _room=qRooms&&qRooms[_ri];
- for(var _ii=0; _ii<_items.length; _ii++){
- var _it=_items[_ii]; if(!_it) continue;
- var _isKitchen=_room&&qIsKitchenCabinet(_room.cabinetType||_room.roomName);
- var _isCab=_it.itemType==='cabinet'||_it.name==='柜体'||_it.billingMethod==='kitchen_item_formula';
- if(!_isCab) continue;
- // 厨房按总长度（计费米数）×单价计价，其余柜体按投影面积×单价计价
- var _qty;
- if(_isKitchen){
- var _kb=qGetKitchenBillableMeters(_room);
- _qty=(_kb&&_kb.billable>0)?_kb.billable:(parseFloat(_room.length)||parseFloat(_room.cabinetWidth)||0);
- }else{
- _qty=parseFloat(_it.area)||parseFloat(_it.width)||1;
- }
- if(_qty<=0) _qty=parseFloat(_it.area)||1;
- var _newTotal=parseFloat((_qty*_U).toFixed(2));
- if(Math.abs((_it.unitPrice||0)-_U)<0.001 && Math.abs((_it.total||0)-_newTotal)<0.01) continue;
- _it.unitPrice=_U;
- _it.total=_newTotal;
- _it._priceEdited=false;
- }
- }
- return;
- }
- for(var ri=0; ri<qRoomItems.length; ri++){
- var items = qRoomItems[ri];
- if(!items) continue;
- for(var ii=0; ii<items.length; ii++){
- var it = items[ii];
- if(!it) continue;
- if(it._priceEdited) continue; // 用户手动改过单价则保留
- var room=qRooms&&qRooms[ri];
- if(room&&qIsKitchenCabinet(room.cabinetType||room.roomName)){
- var totalWidth=parseFloat(it.width)||parseFloat(it.kitchenTotalWidth)||parseFloat(room.cabinetWidth)||parseFloat(room.length)||0;
- var itemHeight=parseFloat(it.height)||parseFloat(room.cabinetHeight)||parseFloat(room.height)||0;
- var itemCount=parseFloat(it.count);
- if(isNaN(itemCount)) itemCount=parseFloat(it.area)||0;
- var kitchenCalc=qCalculateKitchenItem(it.ruleKey||it.name,totalWidth,itemHeight,itemCount);
- it.name=kitchenCalc.name;it.ruleKey=kitchenCalc.name;it.unitPrice=kitchenCalc.unitPrice;it.area=kitchenCalc.quantity;it.total=kitchenCalc.total;it.note=kitchenCalc.method;it.billingMethod='kitchen_item_formula';it.kitchenTotalWidth=totalWidth;
- continue;
- }
- // 优先使用ruleKey字段，其次通过名称映射查找
- var ruleKey = it.ruleKey || Q_ITEM_NAME_TO_RULEKEY[it.name];
- if(!ruleKey) continue;
- var newPrice = qGetRulePrice(ruleKey, NaN);
- if(isNaN(newPrice)) continue; // 规则中找不到则保留原价
- if(Math.abs((it.unitPrice||0) - newPrice) < 0.001) continue; // 价格未变则跳过
- it.unitPrice = newPrice;
- var qty = parseFloat(it.area)||parseFloat(it.width)||1;
- it.total = parseFloat((qty * newPrice).toFixed(2));
- }
- }
- }
- function qCalcRoomItemsTotal(ri){
- var items = qRoomItems[ri];
- if(!items || !items.length) return 0;
- return items.reduce(function(s, it){ return s + (parseFloat(it.total)||0); }, 0);
- }
- function qCalcCabinet(room){return (room.projectArea||0) * qGetCabinetUnitPrice();}
- function qCalcDoor(room){
- var doorPrice = qGetDoorPriceByType(room.doorType);
- return (room.projectArea||0) * doorPrice;
- }
- function qCalcDoorDiff(room){return qCalcDoor(room);}
- function qCalcExtras(ri){return(qExtras[ri]?.items||[]).reduce((s,i)=>s+(i.price||0)*(i.qty||1),0);}
- // 房间总计 = qRoomItems明细配件小计 + 手动非标增项（qExtras）
- function qCalcRoomTotal(room,ri){
- var itemsTotal = qCalcRoomItemsTotal(ri);
- var manualExtras = qCalcExtras(ri);
- return parseFloat((itemsTotal + manualExtras).toFixed(2));
- }
- function qCalcRoomDiscounted(room,ri){
- var t = qCalcRoomTotal(room,ri);
- var tier = Q_CUSTOMER_TIERS[qCustomerTier];
- if (tier && tier.premiumRate) t = t * tier.premiumRate;
- return parseFloat((t * qDiscountRate).toFixed(2));
- }
- function qCalcBaseTotal(){
- // AI快速报价模式：总价取三档材质区间（默认档）中值，1852算法已去除
- if (state.quoteMode === 'ai') {
- var _rg = qGetAiGrandRange();
- return parseFloat((((_rg.min + _rg.max) / 2)).toFixed(2));
- }
- if (state.currentPricingMode === 'fixedPrice') {
- var totalArea = getTotalProjectArea();
- var unitPrice = state.currentFixedUnitPrice || state.defaultFixedUnitPrice || 0;
- var base = totalArea * unitPrice;
- if (state.includeExtrasInFixed !== false) {
- base += qCalcAllExtrasTotal();
- }
- return parseFloat(base.toFixed(2));
- }
- // 投影面积模式：对每个房间的qRoomItems明细配件+手动增项求和
- var base = qRooms.reduce(function(s,r,i){ return s + (qIsRoomExcluded(i)?0:qCalcRoomTotal(r,i)); }, 0);
- var tier = Q_CUSTOMER_TIERS[qCustomerTier];
- if (tier && tier.premiumRate) {
- base = base * tier.premiumRate;
- }
- return parseFloat(base.toFixed(2));
- }
- function qCalcAllExtrasTotal() {
- var sum = 0;
- qExtras.forEach(function(ex) {
- (ex.items||[]).forEach(function(item) {
- sum += (item.price||0) * (item.qty||1);
- });
- });
- var tier = Q_CUSTOMER_TIERS[qCustomerTier];
- var premiumMult = (tier && tier.premiumRate) ? tier.premiumRate : 1.0;
- return sum * premiumMult;
- }
- function qCalcGrandTotal(){
- return parseFloat((qCalcBaseTotal() * qDiscountRate).toFixed(2));
- }
- function qCalcRange(total){const rate=qCurrentFloatRatio;return{low:Math.round(total*(1-rate)),high:Math.round(total*(1+rate)),rate};}
- // ==================== ACTIVITY PRICING ENGINE ====================
- // Find a module by id
- function qFindModule(id){ return qActivityModuleList.find(function(m){return m.id===id;}); }
- // Calculate single module's deduction
- function qCalcModuleDeduction(mod, originalPrice) {
- var p = mod.params;
- // --- Custom mode: use custom inputs ---
- if (p.customMode) {
- if (mod.type === 'deposit') {
- var dedAmt = (p.customExpansion||8000) - (p.customDeposit||5000) + (p.customCoupon||0);
- if (originalPrice < 30000) return null;
- return {amount:dedAmt>0?dedAmt:0, desc:'自定义：交¥'+p.customDeposit.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'→膨胀¥'+p.customExpansion.toLocaleString()+' + ¥'+(p.customCoupon||0)+'抵用券'};
- }
- if (mod.type === 'coupon') {
- var ct = p.customThreshold || 0;
- if (ct > 0 && originalPrice < ct) return null;
- }
- var ded = p.customDeduction || 0;
- if (ded > 0) return {amount:ded, desc:mod.name+'(自定义抵扣¥'+ded.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+')'};
- return {amount:0, desc:mod.name+'(自定义模式，无抵扣金额)', displayOnly:true};
- }
- // --- Preset mode ---
- switch (mod.type) {
- case 'coupon':
- if (originalPrice >= p.threshold && p.coupon > 0) return {amount:p.coupon, desc:mod.name+'(满¥'+p.threshold.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'可用)'};
- return null;
- case 'deposit':
- if (originalPrice < 30000) return null;
- if (p.level === 'custom') {
- var dedAmt = (p.customExpansion||8000) - (p.customDeposit||5000) + (p.customCoupon||0);
- return {amount:dedAmt, desc:'自定义：交¥'+p.customDeposit.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'→膨胀¥'+p.customExpansion.toLocaleString()+' + ¥'+(p.customCoupon||0)+'抵用券'};
- }
- if (p.level === '5000') return {amount:3500, desc:'交¥5,000→膨胀¥8,000 + ¥500抵用券'};
- return {amount:3800, desc:'交¥10,000→膨胀¥13,000 + ¥800抵用券'};
- case 'tiered_cashback':
- var cb = 0, desc = '';
- if (originalPrice >= p.tier3) { cb = p.cash3; desc = '满¥'+p.tier3.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}); }
- else if (originalPrice >= p.tier2) { cb = p.cash2; desc = '满¥'+p.tier2.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}); }
- else if (originalPrice >= p.tier1) { cb = p.cash1; desc = '满¥'+p.tier1.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}); }
- if (cb > 0) return {amount:cb, desc:'预付'+desc+'返现'};
- return null;
- case 'package_select':
- var s = 0;
- if (p.wardrobe !== 'none') { var w = parseInt(p.wardrobe)===29888?5000:8000; s += w; }
- if (p.sliding !== 'none') s += 2000;
- if (p.cabinet !== 'none') s += 4000;
- if (s > 0) return {amount:s, desc:'套餐优惠合计'};
- return null;
- case 'display_only':
- return {amount:0, desc:p.note||'', displayOnly:true};
- case 'tiered_discount':
- var d = p.disc3; if (originalPrice < p.tier2) d = p.disc1; else if (originalPrice < p.tier3) d = p.disc2;
- return {amount:0, desc:'成品享'+d+'折（正价产品）', displayOnly:true};
- case 'custom':
- if (originalPrice >= (p.threshold||0) && p.deduction > 0) return {amount:p.deduction, desc:mod.name+'(抵扣)'};
- return null;
- default: return null;
- }
- }
- function qCalcActivityPrice(originalPrice) {
- if (!qActivityEnabled) return { enabled: false, originalPrice, activityPrice: originalPrice, saving: 0, totalDeduction:0, deductions:[], details:[] };
- var totalDeduction = 0;
- var deductions = [];
- var details = [];
- qActivityModuleList.forEach(function(mod) {
- if (!mod.enabled) return;
- var d = qCalcModuleDeduction(mod, originalPrice);
- if (!d) return;
- if (d.displayOnly) {
- details.push(d.desc);
- } else if (d.amount > 0) {
- totalDeduction += d.amount;
- deductions.push({module:mod.id, label:mod.name, amount:d.amount, desc:d.desc});
- }
- });
- var activityPrice = Math.max(0, originalPrice - totalDeduction);
- return {
- enabled: true,
- originalPrice,
- activityPrice,
- saving: originalPrice - activityPrice,
- totalDeduction,
- deductions,
- details
- };
- }
- // ==================== ACTIVITY UI ENGINE ====================
- // Master toggle
- function qToggleActivity() {
- qActivityEnabled = !qActivityEnabled;
- qSyncActivityUI();
- qRenderStep4();
- }
- // ── 折扣选项ID计数器
- let _qDiscIdCounter = 100;
- function qNextDiscId() { return 'custom_' + (++_qDiscIdCounter); }
- // ── 渲染三档客户卡片
- function qRenderTierCards() {
- var container = document.getElementById('q-customer-tier-cards');
- if (!container) return;
- var tiers = ['price', 'standard', 'quality'];
- var featureMap = {
- price: ['自动启用活动优惠模块', '推荐团购/拼团方案', '强调满减和赠品策略'],
- standard: ['标准定价体系计算', '灵活选择活动方案', '可手动调整折扣率'],
- quality: ['推荐高端门板/五金', '自动匹配进口板材', '增值服务优先推荐']
- };
- var autoLinkMap = {
- price: '全部活动模块',
- standard: '手动选择活动',
- quality: '高端配置升级包'
- };
- var html = '';
- tiers.forEach(function(t) {
- var cfg = Q_CUSTOMER_TIERS[t];
- var isSelected = (qCustomerTier === t);
- var selectedDiscId = qTierSelectedDiscount[t];
- var selStyle = isSelected
- ? 'border:2px solid ' + cfg.borderColor + ';box-shadow:0 4px 14px ' + cfg.color + '30;'
- : 'border:2px solid #E2E8F0;box-shadow:none;';
- var hoverBorder = cfg.borderColor;
- html += '<div id="q-tier-card-' + t + '" style="' + selStyle + 'border-radius:10px;padding:12px;background:#fff;position:relative;transition:all .2s;cursor:default;" ' +
- 'onmouseover="if(!this.classList.contains(\'selected\')){this.style.borderColor=\'' + hoverBorder + '\';this.style.transform=\'translateY(-2px)\';this.style.boxShadow=\'0 4px 12px ' + cfg.color + '30\'}" ' +
- 'onmouseout="if(!this.classList.contains(\'selected\')){this.style.borderColor=\'#E2E8F0\';this.style.transform=\'\';this.style.boxShadow=\'\'}">' +
- '<div style="display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;" onclick="qSelectCustomerTier(\'' + t + '\')">' +
- '<span style="font-size:26px;">' + cfg.icon + '</span>' +
- '<div style="flex:1;">' +
- '<div style="font-weight:700;font-size:14px;color:' + cfg.color + ';">' + cfg.label + '</div>' +
- '<div style="font-size:11px;color:' + cfg.color + ';opacity:0.8;">' + (t==='price'?'侧重性价比 / 优惠活动':t==='standard'?'常规定价 / 标准服务':'追求品质 / 高端配置') + '</div>' +
- '</div>' +
- '<div id="q-tier-check-' + t + '" style="width:22px;height:22px;border-radius:50%;background:' + (isSelected?cfg.color:'#CBD5E0') + ';color:#fff;display:' + (isSelected?'flex':'none') + ';align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;">✓</div>' +
- '</div>';
- // Features
- html += '<div style="font-size:11px;color:#718096;line-height:1.5;margin-bottom:8px;cursor:pointer;" onclick="qSelectCustomerTier(\'' + t + '\')">';
- (featureMap[t]||[]).forEach(function(f){ html += '<div>✦ ' + f + '</div>'; });
- html += '</div>';
- // Discount options list
- html += '<div style="background:' + cfg.bgColor + ';border-radius:6px;padding:8px 10px;">' +
- '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;">' +
- '<span style="font-size:11px;font-weight:600;color:' + cfg.color + ';">💲 折扣方案</span>' +
- '<button onclick="qAddDiscountOption(\'' + t + '\')" style="font-size:10px;padding:1px 6px;border-radius:3px;border:1px solid ' + cfg.borderColor + ';background:#fff;color:' + cfg.color + ';cursor:pointer;font-weight:600;">＋ 新增</button>' +
- '</div>' +
- '<div id="q-tier-discounts-' + t + '" style="display:flex;flex-direction:column;gap:4px;">';
- cfg.discounts.forEach(function(d) {
- var checked = (d.id === selectedDiscId);
- html += '<div style="display:flex;align-items:center;gap:6px;' + (checked?'background:#fff;border-radius:4px;padding:2px 4px;':'') + '">' +
- '<input type="radio" name="q-disc-' + t + '" id="q-disc-' + d.id + '" ' + (checked?'checked':'') +
- ' onchange="qSelectDiscountOption(\'' + t + '\',\'' + d.id + '\')" style="cursor:pointer;accent-color:' + cfg.color + ';">' +
- '<label for="q-disc-' + d.id + '" style="font-size:11px;cursor:pointer;flex:1;color:' + (checked?cfg.color:'#4A5568') + ';font-weight:' + (checked?'600':'400') + ';' +
- '" onclick="qSelectDiscountOption(\'' + t + '\',\'' + d.id + '\')">' + d.label +
- ' <span style="color:' + cfg.color + ';opacity:0.7;">(' + (d.rate===1?'无折扣':(Math.round(d.rate*1000)/10)+'折') + ')</span></label>' +
- (d.deletable
- ? '<button onclick="event.stopPropagation();qDeleteDiscountOption(\'' + t + '\',\'' + d.id + '\')" style="font-size:10px;width:18px;height:18px;border-radius:3px;border:none;background:transparent;color:#CBD5E0;cursor:pointer;padding:0;line-height:1;" onmouseover="this.style.color=\'#E53E3E\';this.style.background=\'#FED7D7\'" onmouseout="this.style.color=\'#CBD5E0\';this.style.background=\'transparent\'">✕</button>'
- : '<span style="width:18px;display:inline-block;"></span>') +
- '</div>';
- });
- html += '</div>'; // end discounts list
- html += '<div style="margin-top:6px;font-size:10px;color:' + cfg.color + ';opacity:0.7;">' +
- '🔗 联动：' + autoLinkMap[t] + '</div>';
- html += '</div>'; // end discount box
- html += '</div>'; // end card
- });
- container.innerHTML = html;
- }
- // ── 获取当前选中折扣
- function qGetSelectedDiscount(tier) {
- var cfg = Q_CUSTOMER_TIERS[tier];
- if (!cfg) return null;
- var selId = qTierSelectedDiscount[tier];
- return cfg.discounts.find(function(d){return d.id===selId;}) || cfg.discounts[0];
- }
- // ── 选择客户分层
- function qSelectCustomerTier(tier) {
- qCustomerTier = tier;
- var cfg = Q_CUSTOMER_TIERS[tier];
- if (!cfg) return;
- qRenderTierCards();
- qUpdateTierDetail();
- qApplyTierPricing();
- showToast('✅ 已切换为「' + cfg.label + '」计价策略', 'success');
- }
- // ── 选择折扣选项
- function qSelectDiscountOption(tier, discId) {
- qTierSelectedDiscount[tier] = discId;
- qRenderTierCards();
- if (tier === qCustomerTier) {
- qUpdateTierDetail();
- qApplyTierPricing();
- }
- }
- // ── 新增折扣选项
- function qAddDiscountOption(tier) {
- var cfg = Q_CUSTOMER_TIERS[tier];
- if (!cfg) return;
- qPromptDialog('请输入新折扣率（数字，例如 0.88 表示88折，1 表示原价）：', '0.88', function(rateStr){
- var rate = parseFloat(rateStr);
- if (isNaN(rate) || rate <= 0 || rate > 1.5) { showToast('请输入有效的折扣率（0~1.5之间）', 'warning'); return; }
- var defLabel = rate < 1 ? '投影面积' + (Math.round(rate*1000)/10) + '折' : '原价';
- qPromptDialog('请输入折扣方案名称：', defLabel, function(labelStr){
- if (!labelStr || !labelStr.trim()) return;
- var newId = qNextDiscId();
- cfg.discounts.push({ id:newId, label:labelStr.trim(), rate:rate, deletable:true });
- qTierSelectedDiscount[tier] = newId;
- qRenderTierCards();
- if (tier === qCustomerTier) {
- qUpdateTierDetail();
- qApplyTierPricing();
- }
- showToast('✅ 已添加折扣方案：' + labelStr.trim(), 'success');
- });
- });
- }
- // ── 删除折扣选项
- function qDeleteDiscountOption(tier, discId) {
- var cfg = Q_CUSTOMER_TIERS[tier];
- if (!cfg) return;
- var disc = cfg.discounts.find(function(d){return d.id===discId;});
- if (!disc) return;
- if (!disc.deletable) { showToast('⚠️ 系统默认方案不可删除', 'info'); return; }
- if (cfg.discounts.length <= 1) { showToast('⚠️ 至少保留一个折扣方案', 'info'); return; }
- qConfirmDialog('确定删除折扣方案「' + disc.label + '」吗？', function(){
- cfg.discounts = cfg.discounts.filter(function(d){return d.id!==discId;});
- if (qTierSelectedDiscount[tier] === discId) {
- qTierSelectedDiscount[tier] = cfg.discounts[0].id;
- }
- qRenderTierCards();
- if (tier === qCustomerTier) {
- qUpdateTierDetail();
- qApplyTierPricing();
- }
- showToast('🗑️ 已删除折扣方案', 'info');
- });
- }
- // ── 更新详情面板
- function qUpdateTierDetail() {
- var cfg = Q_CUSTOMER_TIERS[qCustomerTier];
- if (!cfg) return;
- var disc = qGetSelectedDiscount(qCustomerTier);
- var rateText = disc ? (disc.rate===1?'原价':(Math.round(disc.rate*1000)/10)+'折') : '';
- var badge = document.getElementById('q-customer-tier-badge');
- if (badge) {
- badge.textContent = cfg.label + (disc?' · '+rateText:'');
- badge.style.background = cfg.badgeBg;
- badge.style.color = cfg.color;
- }
- var title = document.getElementById('q-tier-detail-title');
- var desc = document.getElementById('q-tier-detail-desc');
- var panel = document.getElementById('q-tier-detail-panel');
- if (title) title.textContent = '📋 ' + cfg.label + '策略（当前：' + (disc?disc.label:'') + '）';
- if (panel) panel.style.borderLeftColor = cfg.color;
- if (desc) {
- var extraInfo = '';
- if (qCustomerTier === 'price') {
- extraInfo = '<span style="color:#C05621;">🎁 ' + cfg.gifts + '</span>' +
- '<span style="color:#C05621;">📢 自动启用全部活动优惠</span>';
- } else if (qCustomerTier === 'quality') {
- extraInfo = '<span style="color:#6B46C1;">🎁 ' + cfg.gifts + '</span>' +
- '<span style="color:#6B46C1;">⭐ 高端配置自动加价15%</span>';
- } else {
- extraInfo = '<span style="color:#2B6CB0;">💡 ' + cfg.gifts + '</span>';
- }
- desc.innerHTML = '<div style="display:flex;gap:20px;flex-wrap:wrap;">' +
- '<span><strong>推荐板材：</strong>' + cfg.panelLabel + '</span>' +
- '<span><strong>推荐门板：</strong>' + cfg.doorType + '</span>' +
- '<span><strong>推荐五金：</strong>' + cfg.hardware + '</span>' +
- '<span><strong>服务方案：</strong>' + cfg.service + '</span>' +
- '<span><strong>质保政策：</strong>' + cfg.warranty + '</span>' +
- '<span style="color:' + cfg.color + ';"><strong>当前折扣：</strong>' + (disc?disc.label:'') + '</span>' +
- extraInfo +
- '</div>';
- }
- }
- // ── 应用分层定价到全局折扣率
- function qApplyTierPricing() {
- var cfg = Q_CUSTOMER_TIERS[qCustomerTier];
- var disc = qGetSelectedDiscount(qCustomerTier);
- if (!cfg || !disc) return;
- qDiscountRate = disc.rate;
- var discountInput = document.getElementById('q-global-discount');
- if (discountInput) discountInput.value = disc.rate.toFixed(2);
- if (cfg.autoEnableActivity) {
- qActivityEnabled = true;
- qActivityModuleList.forEach(function(m) { m.enabled = true; });
- } else if (qCustomerTier === 'quality') {
- qActivityEnabled = false;
- qActivityModuleList.forEach(function(m) { m.enabled = false; });
- }
- qSyncActivityUI();
- if (typeof qRenderStep3 === 'function') qRenderStep3();
- if (typeof qRenderStep4 === 'function') qRenderStep4();
- }
- // Individual module toggle
- function qToggleModule(id) {
- var mod = qFindModule(id);
- if (mod) { mod.enabled = !mod.enabled; }
- qOnModuleChange();
- }
- // Toggle custom mode for a module
- function qToggleCustomMode(id) {
- var mod = qFindModule(id);
- if (!mod) return;
- mod.params.customMode = !mod.params.customMode;
- qRenderActivityModules();
- qUpdateDualPriceDisplay();
- qUpdateActivitySummaryBar();
- }
- // Delete module (only deletable/custom)
- function qDeleteModule(id) {
- var mod = qFindModule(id);
- if (!mod) return;
- qConfirmDialog('确定删除"' + mod.name + '"吗？此操作不可恢复。', function(){
- qActivityModuleList = qActivityModuleList.filter(function(m){return m.id !== id;});
- qOnModuleChange();
- });
- }
- // Read all module params from DOM → JS
- function qOnModuleChange() {
- qActivityModuleList.forEach(function(mod) {
- var p = mod.params;
- var el;
- switch (mod.type) {
- case 'coupon':
- el = document.getElementById('qm-'+mod.id+'-coupon'); if (el) p.coupon = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-threshold'); if (el) p.threshold = parseInt(el.value)||0;
- // Custom mode params
- el = document.getElementById('qm-'+mod.id+'-cd'); if (el) p.customDeduction = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-ct'); if (el) p.customThreshold = parseInt(el.value)||0;
- break;
- case 'deposit':
- el = document.getElementById('qm-'+mod.id+'-level'); if (el) p.level = el.value;
- el = document.getElementById('qm-'+mod.id+'-cdep'); if (el) p.customDeposit = parseInt(el.value)||5000;
- el = document.getElementById('qm-'+mod.id+'-cexp'); if (el) p.customExpansion = parseInt(el.value)||8000;
- el = document.getElementById('qm-'+mod.id+'-ccpn'); if (el) p.customCoupon = parseInt(el.value)||500;
- break;
- case 'tiered_cashback':
- el = document.getElementById('qm-'+mod.id+'-t1'); if (el) p.tier1 = parseInt(el.value)||50000;
- el = document.getElementById('qm-'+mod.id+'-c1'); if (el) p.cash1 = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-t2'); if (el) p.tier2 = parseInt(el.value)||100000;
- el = document.getElementById('qm-'+mod.id+'-c2'); if (el) p.cash2 = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-t3'); if (el) p.tier3 = parseInt(el.value)||200000;
- el = document.getElementById('qm-'+mod.id+'-c3'); if (el) p.cash3 = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-cd'); if (el) p.customDeduction = parseInt(el.value)||0;
- break;
- case 'package_select':
- el = document.getElementById('qm-'+mod.id+'-wardrobe'); if (el) p.wardrobe = el.value;
- el = document.getElementById('qm-'+mod.id+'-sliding'); if (el) p.sliding = el.value;
- el = document.getElementById('qm-'+mod.id+'-cabinet'); if (el) p.cabinet = el.value;
- el = document.getElementById('qm-'+mod.id+'-cd'); if (el) p.customDeduction = parseInt(el.value)||0;
- break;
- case 'tiered_discount':
- el = document.getElementById('qm-'+mod.id+'-t1'); if (el) p.tier1 = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-d1'); if (el) p.disc1 = parseInt(el.value)||72;
- el = document.getElementById('qm-'+mod.id+'-t2'); if (el) p.tier2 = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-d2'); if (el) p.disc2 = parseInt(el.value)||70;
- el = document.getElementById('qm-'+mod.id+'-t3'); if (el) p.tier3 = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-d3'); if (el) p.disc3 = parseInt(el.value)||68;
- el = document.getElementById('qm-'+mod.id+'-cd'); if (el) p.customDeduction = parseInt(el.value)||0;
- break;
- case 'display_only':
- el = document.getElementById('qm-'+mod.id+'-cd'); if (el) p.customDeduction = parseInt(el.value)||0;
- break;
- case 'custom':
- el = document.getElementById('qm-'+mod.id+'-deduction'); if (el) p.deduction = parseInt(el.value)||0;
- el = document.getElementById('qm-'+mod.id+'-threshold'); if (el) p.threshold = parseInt(el.value)||0;
- break;
- }
- });
- // Re-render modules to reflect enabled state / header count
- qRenderActivityModulesDOM();
- qUpdateDualPriceDisplay();
- qUpdateActivitySummaryBar();
- // Step 5 sync
- var actSection = document.getElementById('q-step5-activity-section');
- if (actSection && qActivityEnabled) {
- var r = qCalcActivityPrice(qCalcGrandTotal());
- var el1 = document.getElementById('q-step5-activity-price');
- var el2 = document.getElementById('q-step5-activity-saving');
- if (actSection) actSection.style.display = 'block';
- if (el1) el1.textContent = qFormatMoney(r.activityPrice);
- if (el2) el2.textContent = '💰 比原价省 ' + qFormatMoney(r.saving);
- }
- }
- // Render all modules into the container — full rebuild
- function qRenderActivityModules() {
- var container = document.getElementById('q-activity-modules-container');
- if (!container) return;
- container.innerHTML = qActivityModuleList.map(function(mod, idx) {
- return qBuildModuleHTML(mod, idx);
- }).join('');
- // Update header count
- var hdr = document.getElementById('q-activity-header-count');
- if (hdr) hdr.textContent = '共 ' + qActivityModuleList.length + ' 个模块';
- }
- // Re-sync enabled class only (lightweight, no full rebuild)
- function qRenderActivityModulesDOM() {
- qActivityModuleList.forEach(function(mod) {
- var el = document.getElementById('q-mod-' + mod.id);
- if (el) {
- if (mod.enabled) el.classList.add('enabled'); else el.classList.remove('enabled');
- }
- });
- var hdr = document.getElementById('q-activity-header-count');
- if (hdr) hdr.textContent = '共 ' + qActivityModuleList.length + ' 个模块';
- }
- // Build single module HTML
- function qBuildModuleHTML(mod, idx) {
- var h = '';
- var id = mod.id;
- h += '<div class="activity-module'+(mod.enabled?' enabled':'')+'" id="q-mod-'+id+'">';
- h += '<div class="am-header" onclick="qToggleModule(\''+id+'\')">';
- h += '<div class="am-left"><span class="am-num">'+(idx+1)+'</span><span class="am-name">'+mod.name+'</span><span class="am-tag">'+mod.tag+'</span></div>';
- h += '<button class="am-delete-btn" onclick="event.stopPropagation();qDeleteModule(\''+id+'\')" title="删除模块">🗑</button>';
- h += '<div class="am-toggle"></div></div>';
- h += '<div class="am-detail"><div class="am-desc">'+mod.desc+'</div>';
- var p = mod.params;
- var isCustom = p.customMode;
- // Custom mode toggle button
- h += '<div style="margin:8px 0;display:flex;align-items:center;gap:8px;">'+
- '<span style="font-size:11px;color:var(--text-muted);">模式：</span>'+
- '<button class="btn btn-sm '+(isCustom?'btn-primary':'btn-outline')+'" onclick="event.stopPropagation();qToggleCustomMode(\''+id+'\')" style="font-size:11px;padding:3px 10px;">'+
- (isCustom?'✏️ 自定义中':'📋 预设')+
- '</button>'+
- '<span style="font-size:10px;color:var(--text-muted);">'+
- (isCustom?'点击切回预设模式':'点击切换为自定义输入')+
- '</span></div>';
- if (isCustom) {
- // ---- CUSTOM MODE: generic inputs ----
- h += '<div style="background:#F0FFF4;border:1px dashed #68D391;border-radius:6px;padding:10px 12px;margin-bottom:6px;">';
- h += '<div style="font-size:11px;color:#38A169;font-weight:600;margin-bottom:6px;">✏️ 自定义模式</div>';
- if (mod.type === 'deposit') {
- h += '<div class="am-rule-row">💵 订金金额：<input type="number" id="qm-'+id+'-cdep" value="'+(p.customDeposit||5000)+'" min="0" step="500" onchange="qOnModuleChange()" style="width:90px;"> 元</div>';
- h += '<div class="am-rule-row">📈 膨胀后金额：<input type="number" id="qm-'+id+'-cexp" value="'+(p.customExpansion||8000)+'" min="0" step="500" onchange="qOnModuleChange()" style="width:90px;"> 元</div>';
- h += '<div class="am-rule-row">🎫 货款抵用券：<input type="number" id="qm-'+id+'-ccpn" value="'+(p.customCoupon||500)+'" min="0" step="100" onchange="qOnModuleChange()" style="width:90px;"> 元</div>';
- h += '<div style="font-size:10px;color:var(--text-muted);margin-top:2px;">抵扣 = (膨胀后金额 − 订金金额) + 抵用券金额</div>';
- } else if (mod.type === 'coupon') {
- h += '<div class="am-rule-row">💰 抵扣金额：<input type="number" id="qm-'+id+'-cd" value="'+(p.customDeduction||p.coupon||500)+'" min="0" step="50" onchange="qOnModuleChange()" style="width:90px;"> 元</div>';
- h += '<div class="am-rule-row">🚪 使用门槛：<input type="number" id="qm-'+id+'-ct" value="'+(p.customThreshold||p.threshold||30000)+'" min="0" step="5000" onchange="qOnModuleChange()" style="width:90px;"> 元（填0则无门槛）</div>';
- } else {
- h += '<div class="am-rule-row">💰 抵扣金额：<input type="number" id="qm-'+id+'-cd" value="'+(p.customDeduction||0)+'" min="0" step="50" onchange="qOnModuleChange()" style="width:90px;"> 元</div>';
- }
- h += '</div>';
- } else {
- // ---- PRESET MODE: original controls ----
- switch (mod.type) {
- case 'coupon':
- h += '<div class="am-rule-row">🎫 抵用券：<input type="number" id="qm-'+id+'-coupon" value="'+p.coupon+'" min="0" step="50" onchange="qOnModuleChange()" onfocus="this._prev=this.value" onblur="if(this.value!==this._prev)qOnModuleChange()"> 元（满 <input type="number" id="qm-'+id+'-threshold" value="'+p.threshold+'" min="0" step="5000" onchange="qOnModuleChange()" onfocus="this._prev=this.value" onblur="if(this.value!==this._prev)qOnModuleChange()"> 元可用）</div>';
- break;
- case 'deposit':
- h += '<div class="am-rule-row"><select id="qm-'+id+'-level" onchange="qOnModuleChange()">'+
- '<option value="5000"'+(p.level==='5000'?' selected':'')+'>交订 ¥5,000 → 膨胀至 ¥8,000 + ¥500货款抵用券</option>'+
- '<option value="10000"'+(p.level==='10000'?' selected':'')+'>交订 ¥10,000 → 膨胀至 ¥13,000 + ¥800货款抵用券/验房服务</option></select></div>'+
- '<div class="am-rule-row" style="color:var(--text-muted);font-size:11px;">注：膨胀金额超出原订金部分可用于抵扣货款。货款抵用券于支付尾款时使用。</div>';
- break;
- case 'tiered_cashback':
- h += '<div class="am-rule-row" style="font-size:12px;color:var(--text-muted);">'+
- '预付满 <input type="number" id="qm-'+id+'-t1" value="'+p.tier1+'" min="0" step="10000" onchange="qOnModuleChange()" style="width:70px;"> 返 <input type="number" id="qm-'+id+'-c1" value="'+p.cash1+'" min="0" step="100" onchange="qOnModuleChange()" style="width:70px;"> 元'+
- ' | 满 <input type="number" id="qm-'+id+'-t2" value="'+p.tier2+'" min="0" step="10000" onchange="qOnModuleChange()" style="width:70px;"> 返 <input type="number" id="qm-'+id+'-c2" value="'+p.cash2+'" min="0" step="100" onchange="qOnModuleChange()" style="width:70px;"> 元'+
- ' | 满 <input type="number" id="qm-'+id+'-t3" value="'+p.tier3+'" min="0" step="10000" onchange="qOnModuleChange()" style="width:70px;"> 返 <input type="number" id="qm-'+id+'-c3" value="'+p.cash3+'" min="0" step="100" onchange="qOnModuleChange()" style="width:70px;"> 元</div>';
- break;
- case 'package_select':
- h += '<div class="am-rule-row"><label style="font-size:12px;min-width:60px;">衣柜套餐：</label><select id="qm-'+id+'-wardrobe" onchange="qOnModuleChange()" style="width:auto;">'+
- '<option value="none"'+(p.wardrobe==='none'?' selected':'')+'>不选用套餐</option>'+
- '<option value="29888"'+(p.wardrobe==='29888'?' selected':'')+'>生态澳松板双饰面套餐 ￥29,888/20㎡</option>'+
- '<option value="39888"'+(p.wardrobe==='39888'?' selected':'')+'>PET肤感膜套餐 ￥39,888/20㎡</option></select></div>'+
- '<div class="am-rule-row"><label style="font-size:12px;min-width:60px;">移门：</label><select id="qm-'+id+'-sliding" onchange="qOnModuleChange()" style="width:auto;">'+
- '<option value="none"'+(p.sliding==='none'?' selected':'')+'>不选用</option>'+
- '<option value="1398"'+(p.sliding==='1398'?' selected':'')+'>B-1227 活动价 ¥1,398/㎡（原¥1,780）</option></select></div>'+
- '<div class="am-rule-row"><label style="font-size:12px;min-width:60px;">橱柜套餐：</label><select id="qm-'+id+'-cabinet" onchange="qOnModuleChange()" style="width:auto;">'+
- '<option value="none"'+(p.cabinet==='none'?' selected':'')+'>不选用套餐</option>'+
- '<option value="11199"'+(p.cabinet==='11199'?' selected':'')+'>双饰面板 ¥11,199/套</option>'+
- '<option value="13888"'+(p.cabinet==='13888'?' selected':'')+'>PET水晶板 ¥13,888/套</option>'+
- '<option value="16888"'+(p.cabinet==='16888'?' selected':'')+'>PET肤感板 ¥16,888/套</option>'+
- '<option value="20388"'+(p.cabinet==='20388'?' selected':'')+'>烤漆玻璃 ¥20,388/套</option></select></div>';
- break;
- case 'display_only':
- h += '<div class="am-rule-row" style="color:var(--text-muted);font-size:11px;">'+p.note+'</div>';
- break;
- case 'tiered_discount':
- h += '<div class="am-rule-row">定制满 <input type="number" id="qm-'+id+'-t1" value="'+p.tier1+'" min="0" step="10000" onchange="qOnModuleChange()" style="width:80px;"> → 成品 <input type="number" id="qm-'+id+'-d1" value="'+p.disc1+'" min="1" max="100" onchange="qOnModuleChange()" style="width:60px;">折</div>'+
- '<div class="am-rule-row">定制满 <input type="number" id="qm-'+id+'-t2" value="'+p.tier2+'" min="0" step="10000" onchange="qOnModuleChange()" style="width:80px;"> → 成品 <input type="number" id="qm-'+id+'-d2" value="'+p.disc2+'" min="1" max="100" onchange="qOnModuleChange()" style="width:60px;">折</div>'+
- '<div class="am-rule-row">定制满 <input type="number" id="qm-'+id+'-t3" value="'+p.tier3+'" min="0" step="10000" onchange="qOnModuleChange()" style="width:80px;"> → 成品 <input type="number" id="qm-'+id+'-d3" value="'+p.disc3+'" min="1" max="100" onchange="qOnModuleChange()" style="width:60px;">折</div>'+
- '<div class="am-rule-row" style="font-size:11px;color:var(--text-muted);">注：仅适用于正价成品家具</div>';
- break;
- case 'custom':
- h += '<div class="am-rule-row">💰 抵扣金额：<input type="number" id="qm-'+id+'-deduction" value="'+p.deduction+'" min="0" step="100" onchange="qOnModuleChange()" onfocus="this._prev=this.value" onblur="if(this.value!==this._prev)qOnModuleChange()"> 元'+
- '（满 <input type="number" id="qm-'+id+'-threshold" value="'+(p.threshold||0)+'" min="0" step="5000" onchange="qOnModuleChange()" onfocus="this._prev=this.value" onblur="if(this.value!==this._prev)qOnModuleChange()"> 元可用，填0则无门槛）</div>';
- break;
- default:
- h += '<div class="am-rule-row" style="color:var(--text-muted);">—</div>';
- }
- }
- h += '</div></div>';
- return h;
- }
- // Add custom module modal
- function qShowAddModuleModal() {
- var existing = document.getElementById('q-add-module-modal');
- if (existing) existing.remove();
- var modal = document.createElement('div');
- modal.id = 'q-add-module-modal';
- modal.className = 'modal-overlay';
- modal.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1100;';
- modal.setAttribute('onclick', 'if(event.target===this)qCloseAddModuleModal()');
- modal.innerHTML = '<div class="modal" style="min-width:480px;" onclick="event.stopPropagation();">'+
- '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">'+
- '<h3 style="margin:0;">＋ 自定义添加活动模块</h3>'+
- '<button onclick="qCloseAddModuleModal()" style="background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-muted);">×</button>'+
- '</div>'+
- '<div class="form-grid">'+
- '<div class="form-group"><label>模块名称 *</label><input type="text" id="q-new-mod-name" placeholder="如：元旦满减"></div>'+
- '<div class="form-group"><label>标签</label><input type="text" id="q-new-mod-tag" placeholder="如：满减"></div>'+
- '<div class="form-group" style="grid-column:1/-1;"><label>描述</label><input type="text" id="q-new-mod-desc" placeholder="如：元旦期间满额立减优惠"></div>'+
- '<div class="form-group"><label>抵扣金额（元）*</label><input type="number" id="q-new-mod-deduction" value="1000" min="0" step="100"></div>'+
- '<div class="form-group"><label>使用门槛（元）</label><input type="number" id="q-new-mod-threshold" value="0" min="0" step="5000"><span class="hint">填0则无门槛</span></div>'+
- '</div>'+
- '<div style="display:flex;gap:12px;justify-content:flex-end;margin-top:20px;">'+
- '<button class="btn btn-outline" onclick="qCloseAddModuleModal()">取消</button>'+
- '<button class="btn btn-primary btn-lg" onclick="qAddCustomModule()">✅ 确认添加</button>'+
- '</div></div>';
- document.body.appendChild(modal);
- setTimeout(function(){ var el = document.getElementById('q-new-mod-name'); if (el) el.focus(); }, 100);
- }
- function qCloseAddModuleModal() {
- var m = document.getElementById('q-add-module-modal');
- if (m) m.remove();
- }
- function qAddCustomModule() {
- var name = (document.getElementById('q-new-mod-name')?.value||'').trim();
- if (!name) { showToast('请输入模块名称', 'info'); return; }
- var tag = (document.getElementById('q-new-mod-tag')?.value||'').trim() || '自定义';
- var desc = (document.getElementById('q-new-mod-desc')?.value||'').trim() || '用户自定义优惠';
- var deduction = parseInt(document.getElementById('q-new-mod-deduction')?.value) || 0;
- var threshold = parseInt(document.getElementById('q-new-mod-threshold')?.value) || 0;
- var id = 'custom_' + (qActivityNextId++);
- qActivityModuleList.push({
- id:id, name:name, tag:tag, enabled:true, deletable:true, type:'custom',
- desc:desc, params:{deduction:deduction, threshold:threshold}
- });
- qCloseAddModuleModal();
- qRenderActivityModules();
- qUpdateDualPriceDisplay();
- qUpdateActivitySummaryBar();
- showToast('✅ 自定义模块已添加', 'success');
- }
- // Summary bar
- function qUpdateActivitySummaryBar() {
- var summaryEl = document.getElementById('q-activity-summary-text');
- if (!summaryEl) return;
- var enabledMods = qActivityModuleList.filter(function(m){return m.enabled;});
- if (enabledMods.length === 0) {
- summaryEl.textContent = '暂无';
- summaryEl.style.color = 'var(--text-muted)';
- } else {
- var result = qCalcActivityPrice(qCalcGrandTotal());
- summaryEl.innerHTML = enabledMods.map(function(m){
- return '<span style="background:#FEEBC8;color:#C05621;padding:1px 8px;border-radius:10px;font-size:11px;">'+m.name+'</span>';
- }).join(' ') + ' <span style="margin-left:6px;font-weight:700;color:#C05621;">合计抵扣 ¥' + result.totalDeduction.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}) + '</span>';
- }
- }
- // Main activity UI sync
- function qSyncActivityUI() {
- var track = document.getElementById('q-activity-toggle-track');
- var label = document.getElementById('q-activity-toggle-label');
- var panel = document.getElementById('q-activity-panel');
- var dualRow = document.getElementById('q-dual-price-row');
- if (qActivityEnabled) {
- if (track) track.classList.add('on');
- if (label) { label.textContent = '已启用'; label.style.color = '#E53E3E'; }
- if (panel) panel.style.display = 'block';
- if (dualRow) dualRow.style.display = 'grid';
- } else {
- if (track) track.classList.remove('on');
- if (label) { label.textContent = '未启用'; label.style.color = ''; }
- if (panel) panel.style.display = 'none';
- if (dualRow) dualRow.style.display = 'none';
- }
- qRenderActivityModules();
- }
- function qUpdateDualPriceDisplay() {
- var baseTotal = qCalcBaseTotal();
- var finalTotal = qCalcGrandTotal();
- var originalRange = qCalcRange(finalTotal);
- var activityResult = qCalcActivityPrice(finalTotal);
- var origPriceEl = document.getElementById('q-original-price-display');
- var origRangeEl = document.getElementById('q-original-range-display');
- var actPriceEl = document.getElementById('q-activity-price-display');
- var actRangeEl = document.getElementById('q-activity-range-display');
- var actSavingEl = document.getElementById('q-activity-saving-display');
- var actDetailEl = document.getElementById('q-activity-detail');
- var origDetailEl = document.getElementById('q-original-detail');
- var disc = qGetSelectedDiscount(qCustomerTier);
- var discLabel = disc ? disc.label : '';
- var isNoDiscount = (qDiscountRate >= 0.999);
- if (origPriceEl) origPriceEl.textContent = qFormatMoney(finalTotal);
- if (origRangeEl) origRangeEl.textContent = '区间 ' + qFormatMoney(originalRange.low) + ' — ' + qFormatMoney(originalRange.high);
- if (origDetailEl) {
- var discRow = isNoDiscount
- ? '<div class="dpd-item"><span>单柜体折扣</span><span class="dpd-val" style="color:#38A169;">'+discLabel+'</span></div>'
- : '<div class="dpd-item"><span>单柜体投影面积折扣</span><span class="dpd-val" style="color:#C05621;">'+discLabel+' ('+(qDiscountRate*10).toFixed(1)+'折)</span></div>';
- origDetailEl.innerHTML = '<div class="dpd-item"><span>各柜体+门板+增项合计</span><span class="dpd-val">'+qFormatMoney(baseTotal)+'</span></div>' +
- discRow +
- '<div class="dpd-item"><span>各柜体折扣后累加</span><span class="dpd-val" style="font-weight:700;">'+qFormatMoney(finalTotal)+'</span></div>' +
- '<div class="dpd-item"><span>浮动率（作用于各柜体）</span><span class="dpd-val">±' + Math.round(qCurrentFloatRatio*100) + '%</span></div>';
- }
- if (activityResult.enabled) {
- if (actPriceEl) actPriceEl.textContent = qFormatMoney(activityResult.activityPrice);
- var actLow = Math.round(activityResult.activityPrice * (1 - qCurrentFloatRatio));
- var actHigh = Math.round(activityResult.activityPrice * (1 + qCurrentFloatRatio));
- if (actRangeEl) actRangeEl.textContent = '区间 ' + qFormatMoney(actLow) + ' — ' + qFormatMoney(actHigh);
- if (actSavingEl) actSavingEl.textContent = '💰 比折后价再省 ' + qFormatMoney(activityResult.saving);
- if (actDetailEl && activityResult.deductions) {
- var html = '';
- activityResult.deductions.forEach(function(d) {
- html += '<div class="dpd-item"><span>🔹 ' + d.label + '</span><span class="dpd-val" style="color:#E53E3E;">-¥' + d.amount.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}) + '</span></div>';
- });
- activityResult.details.forEach(function(d) {
- html += '<div class="dpd-item" style="color:var(--text-muted);font-size:11px;">' + d + '</div>';
- });
- actDetailEl.innerHTML = html || '<div class="dpd-item" style="color:var(--text-muted);">暂无活动明细</div>';
- }
- }
- // Also update calc rules price display
- qUpdateCalcRulesPriceDisplay();
- }
- // ==================== CALCULATION RULES ENGINE ====================
- let qCalcRulesEnabled = false;
- let qCalcRulesNextId = 1;
- let qCalcRulesList = JSON.parse(JSON.stringify(qGetSunLaoshiRules())); // 默认加载孙老师规则
- let qCalcRulesPreset = 'sun'; // 当前选中的规则集
- // 预设规则集
- function qGetSunLaoshiRules() {
- // 孙老师报价规则 — 示例
- return [
- { id:'sr01', name:'柜体基础单价', field:'baseCabinetPrice', operator:'set', value:720, unit:'元/m²', desc:'孙老师柜体基准单价（覆写标准680）', deletable:false },
- { id:'sr02', name:'门板标准单价', field:'baseDoorPrice', operator:'set', value:150, unit:'元/m²', desc:'门板基准单价（覆写标准120）', deletable:false },
- { id:'sr03', name:'烤漆门板加价系数', field:'paintDoorMult', operator:'multiply', value:1.08, unit:'倍', desc:'烤漆门板在原价基础上×1.08', deletable:false },
- { id:'sr04', name:'展开面积系数', field:'expandAreaCoef', operator:'set', value:0.88, unit:'', desc:'展开面积折算系数（默认0.85→孙氏0.88）', deletable:false },
- { id:'sr05', name:'单空间投影面积折扣', field:'globalDiscount', operator:'multiply', value:0.95, unit:'折', desc:'各空间投影面积×0.95（95折）后累加', deletable:false },
- { id:'sr06', name:'主卧空间额外系数', field:'masterBedroomCoef', operator:'multiply', value:1.05, unit:'倍', desc:'主卧柜体×1.05倍（工艺复杂度）', deletable:false },
- { id:'sr07', name:'厨房防水加价', field:'kitchenWaterproof', operator:'add', value:800, unit:'元', desc:'厨房柜体统一加800元防水处理费', deletable:false },
- { id:'sr08', name:'阳台柜补差', field:'balconySuppl', operator:'add', value:500, unit:'元', desc:'阳台柜水槽单面防水补差', deletable:false },
- ];
- }
- function qGetLiShifuRules() {
- return [
- { id:'lr01', name:'柜体基础单价', field:'baseCabinetPrice', operator:'set', value:650, unit:'元/m²', desc:'李师傅柜体基准单价', deletable:false },
- { id:'lr02', name:'门板标准单价', field:'baseDoorPrice', operator:'set', value:110, unit:'元/m²', desc:'门板基准单价', deletable:false },
- { id:'lr03', name:'单空间投影面积折扣', field:'globalDiscount', operator:'multiply', value:0.92, unit:'折', desc:'各空间投影面积×0.92后累加', deletable:false },
- ];
- }
- // 动态预设管理
- let qCalcRulesAvailablePresets = [
- { value:'custom', label:'✏️ 自定义空白', fn:null },
- { value:'sun', label:'👨🏫 孙老师报价规则', fn:qGetSunLaoshiRules },
- { value:'li', label:'👩💼 李师傅报价规则', fn:qGetLiShifuRules }
- ];
- // Rebuild select options from available presets
- function qRebuildPresetSelect(keepValue) {
- var sel = document.getElementById('q-calc-rules-preset');
- if (!sel) return;
- sel.innerHTML = qCalcRulesAvailablePresets.map(function(p) {
- return '<option value="'+p.value+'"'+(p.value===keepValue?' selected':'')+'>'+p.label+'</option>';
- }).join('');
- if (keepValue) qCalcRulesPreset = keepValue;
- }
- // Delete current rule set
- function qDeleteCalcRulesPreset() {
- var sel = document.getElementById('q-calc-rules-preset');
- if (!sel) return;
- var curValue = sel.value;
- var preset = qCalcRulesAvailablePresets.find(function(p){return p.value===curValue;});
- if (!preset) return;
- if (curValue === 'custom') { showToast('自定义空白不可删除', 'info'); return; }
- qConfirmDialog('确定删除规则集"'+preset.label+'"吗？删除后可通过刷新页面恢复预设。', function(){
- // Remove from available list
- qCalcRulesAvailablePresets = qCalcRulesAvailablePresets.filter(function(p){return p.value!==curValue;});
- // If this was the active set, switch to first available
- if (qCalcRulesPreset === curValue) {
- var first = qCalcRulesAvailablePresets[0];
- qCalcRulesPreset = first.value;
- if (first.fn) {
- qCalcRulesList = JSON.parse(JSON.stringify(first.fn()));
- } else {
- qCalcRulesList = [];
- }
- }
- qRebuildPresetSelect(qCalcRulesPreset);
- qRenderCalcRulesList();
- qOnCalcRuleParamChange();
- showToast('已删除规则集：'+preset.label, 'info');
- });
- }
- // Toggle master switch
- function qToggleCalcRules() {
- qCalcRulesEnabled = !qCalcRulesEnabled;
- qSyncCalcRulesUI();
- }
- // Preset change
- function qOnCalcRulesPresetChange() {
- var sel = document.getElementById('q-calc-rules-preset');
- if (!sel) return;
- qCalcRulesPreset = sel.value;
- var preset = qCalcRulesAvailablePresets.find(function(p){return p.value===sel.value;});
- if (preset && preset.fn) {
- qCalcRulesList = JSON.parse(JSON.stringify(preset.fn()));
- } else {
- qCalcRulesList = [];
- }
- qRenderCalcRulesList();
- qOnCalcRuleParamChange();
- }
- // Param change handler
- function qOnCalcRuleParamChange() {
- var el = document.getElementById('q-calc-rules-version');
- var ver = el ? el.value : '';
- var label = document.getElementById('q-calc-rules-label');
- var presetName = qCalcRulesPreset === 'sun' ? '孙老师报价规则' : qCalcRulesPreset === 'li' ? '李师傅报价规则' : '自定义规则';
- if (label) label.textContent = presetName + (ver ? ' [' + ver + ']' : '');
- qUpdateCalcRulesSummary();
- qUpdateDualPriceDisplay();
- }
- // Render rule list into container
- function qRenderCalcRulesList() {
- var container = document.getElementById('q-calc-rules-list-container');
- if (!container) return;
- var hdr = document.getElementById('q-calc-rules-header-count');
- if (hdr) hdr.textContent = '共 ' + qCalcRulesList.length + ' 条规则';
- if (qCalcRulesList.length === 0) {
- container.innerHTML = '<div style="text-align:center;padding:20px;color:var(--text-muted);font-size:13px;">暂无规则，请选择预设或手动添加</div>';
- return;
- }
- container.innerHTML = qCalcRulesList.map(function(r, idx) {
- var opLabel = r.operator === 'set' ? '设为' : r.operator === 'multiply' ? '乘以' : r.operator === 'add' ? '加' : r.operator;
- var valInput = '<input type="number" id="qcr-val-'+r.id+'" value="'+r.value+'" step="0.01" style="width:80px;" onchange="qOnCalcRuleValueChange(\''+r.id+'\')" onfocus="this._prev=this.value" onblur="if(this.value!==this._prev)qOnCalcRuleValueChange(\''+r.id+'\')">';
- return '<div style="display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border);font-size:13px;background:#fff;" id="qcr-row-'+r.id+'">'+
- '<span style="min-width:22px;text-align:center;color:var(--text-muted);font-weight:600;">'+(idx+1)+'</span>'+
- '<span style="font-weight:600;min-width:110px;">'+r.name+'</span>'+
- '<span style="color:var(--accent);min-width:50px;font-size:12px;">'+opLabel+'</span>'+
- valInput+
- '<span style="color:var(--text-muted);font-size:12px;">'+r.unit+'</span>'+
- '<span style="flex:1;color:var(--text-muted);font-size:11px;margin-left:4px;">'+r.desc+'</span>'+
- '<button class="btn btn-danger btn-sm" style="padding:2px 7px;font-size:10px;" onclick="qDeleteCalcRule(\''+r.id+'\')" title="删除">🗑</button>'+
- '</div>';
- }).join('');
- }
- // Single rule value change
- function qOnCalcRuleValueChange(id) {
- var el = document.getElementById('qcr-val-'+id);
- if (!el) return;
- var rule = qCalcRulesList.find(function(r){return r.id===id;});
- if (!rule) return;
- rule.value = parseFloat(el.value) || 0;
- qUpdateCalcRulesSummary();
- qUpdateDualPriceDisplay();
- }
- // Delete a calc rule
- function qDeleteCalcRule(id) {
- qConfirmDialog('确定删除该规则吗？', function(){
- qCalcRulesList = qCalcRulesList.filter(function(r){return r.id !== id;});
- qRenderCalcRulesList();
- qUpdateCalcRulesSummary();
- qUpdateDualPriceDisplay();
- });
- }
- // Add custom rule modal
- function qShowAddCalcRuleModal() {
- var existing = document.getElementById('q-add-calc-rule-modal');
- if (existing) existing.remove();
- var modal = document.createElement('div');
- modal.id = 'q-add-calc-rule-modal';
- modal.className = 'modal-overlay';
- modal.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1100;';
- modal.setAttribute('onclick', 'if(event.target===this)qCloseAddCalcRuleModal()');
- modal.innerHTML = '<div class="modal" style="min-width:520px;" onclick="event.stopPropagation();">'+
- '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">'+
- '<h3 style="margin:0;">＋ 添加核算规则</h3>'+
- '<button onclick="qCloseAddCalcRuleModal()" style="background:none;border:none;font-size:22px;cursor:pointer;color:var(--text-muted);">×</button>'+
- '</div>'+
- '<div class="form-grid">'+
- '<div class="form-group"><label>规则名称 *</label><input type="text" id="q-new-cr-name" placeholder="如：台面单价覆写"></div>'+
- '<div class="form-group"><label>字段标识</label><input type="text" id="q-new-cr-field" placeholder="如：countertopPrice"><span class="hint">用于内部匹配</span></div>'+
- '<div class="form-group"><label>运算符</label><select id="q-new-cr-operator">'+
- '<option value="set">设为（覆写）</option><option value="multiply">乘以（系数）</option><option value="add">加（固定金额）</option></select></div>'+
- '<div class="form-group"><label>数值 *</label><input type="number" id="q-new-cr-value" value="0" step="0.01"></div>'+
- '<div class="form-group"><label>单位</label><input type="text" id="q-new-cr-unit" placeholder="元/m²"></div>'+
- '<div class="form-group" style="grid-column:1/-1;"><label>说明</label><textarea id="q-new-cr-desc" rows="2" style="width:100%;" placeholder="请填写规则说明"></textarea></div>'+
- '</div>'+
- '<div style="display:flex;gap:12px;justify-content:flex-end;margin-top:20px;">'+
- '<button class="btn btn-outline" onclick="qCloseAddCalcRuleModal()">取消</button>'+
- '<button class="btn btn-primary btn-lg" onclick="qAddCalcRule()">✅ 确认添加</button>'+
- '</div></div>';
- document.body.appendChild(modal);
- setTimeout(function(){ var el = document.getElementById('q-new-cr-name'); if (el) el.focus(); }, 100);
- }
- function qCloseAddCalcRuleModal() {
- var m = document.getElementById('q-add-calc-rule-modal');
- if (m) m.remove();
- }
- function qAddCalcRule() {
- var name = (document.getElementById('q-new-cr-name')?.value||'').trim();
- if (!name) { showToast('请输入规则名称', 'info'); return; }
- var field = (document.getElementById('q-new-cr-field')?.value||'').trim() || 'custom_'+Date.now();
- var operator = document.getElementById('q-new-cr-operator')?.value || 'set';
- var value = parseFloat(document.getElementById('q-new-cr-value')?.value) || 0;
- var unit = (document.getElementById('q-new-cr-unit')?.value||'').trim() || '';
- var desc = (document.getElementById('q-new-cr-desc')?.value||'').trim() || '用户自定义';
- var id = 'cr' + (qCalcRulesNextId++);
- qCalcRulesList.push({ id:id, name:name, field:field, operator:operator, value:value, unit:unit, desc:desc, deletable:true });
- qCloseAddCalcRuleModal();
- qRenderCalcRulesList();
- qUpdateCalcRulesSummary();
- qUpdateDualPriceDisplay();
- showToast('✅ 核算规则已添加', 'success');
- }
- // Summary bar
- function qUpdateCalcRulesSummary() {
- var el = document.getElementById('q-calc-rules-summary-text');
- if (!el) return;
- if (!qCalcRulesEnabled || qCalcRulesList.length === 0) {
- el.textContent = qCalcRulesEnabled ? '无规则' : '未启用';
- el.style.color = 'var(--text-muted)';
- return;
- }
- el.innerHTML = qCalcRulesList.map(function(r, idx) {
- var op = r.operator === 'set' ? '=' : r.operator === 'multiply' ? '×' : '+';
- return '<span style="background:#E1EFFE;color:var(--accent);padding:1px 6px;border-radius:8px;font-size:10px;">'+(idx+1)+'. '+r.name+' '+op+r.value+'</span>';
- }).join(' ');
- }
- // Apply calc rules to the original pricing result
- function qApplyCalcRules(baseResult) {
- if (!qCalcRulesEnabled || qCalcRulesList.length === 0) return null;
- // Clone the base result
- var result = JSON.parse(JSON.stringify(baseResult));
- var appliedRules = [];
- qCalcRulesList.forEach(function(rule) {
- var applied = false;
- // Apply to each space
- result.spaces.forEach(function(space, si) {
- switch (rule.field) {
- case 'baseCabinetPrice':
- if (rule.operator === 'set') {
- var old = space.cabinetPrice;
- var area = space.expandArea * space.cabinetRatio;
- var coef = space.fillCoefficient;
- space.cabinetPrice = parseFloat((area * rule.value * coef).toFixed(2));
- applied = true;
- }
- break;
- case 'baseDoorPrice':
- // Applied via adjustment later
- break;
- case 'paintDoorMult':
- space.doorPanelDiff = parseFloat((space.doorPanelDiff * rule.value).toFixed(2));
- applied = true;
- break;
- case 'expandAreaCoef':
- if (rule.operator === 'set') {
- var oldExpand = space.expandArea;
- // Recalc expand area with new coef
- var grossArea = 2 * (space.length + space.width) * space.height;
- var netArea = Math.max(0, grossArea - 3.5);
- space.expandArea = parseFloat((netArea * rule.value).toFixed(2));
- // Recalc cabinet price proportionally
- space.cabinetPrice = parseFloat((space.cabinetPrice * (space.expandArea / (oldExpand || 1))).toFixed(2));
- applied = true;
- }
- break;
- case 'globalDiscount':
- if (rule.operator === 'multiply') {
- applied = true;
- }
- break;
- case 'masterBedroomCoef':
- if (space.name === '主卧' && rule.operator === 'multiply') {
- space.cabinetPrice = parseFloat((space.cabinetPrice * rule.value).toFixed(2));
- applied = true;
- }
- break;
- case 'kitchenWaterproof':
- if (space.name === '厨房' && rule.operator === 'add') {
- space.cabinetPrice = parseFloat((space.cabinetPrice + rule.value).toFixed(2));
- applied = true;
- }
- break;
- case 'balconySuppl':
- if (space.name && space.name.includes('阳台') && rule.operator === 'add') {
- space.cabinetPrice = parseFloat((space.cabinetPrice + rule.value).toFixed(2));
- applied = true;
- }
- break;
- default:
- // Custom fields: try simple apply
- if (rule.operator === 'multiply' && typeof space.cabinetPrice === 'number') {
- // Generic multiply
- }
- break;
- }
- });
- // Recalc space totals
- result.spaces.forEach(function(space) {
- space.spaceTotal = parseFloat((space.cabinetPrice + space.doorPanelDiff + space.extraTotal + space.nonStandard).toFixed(2));
- });
- if (applied) appliedRules.push(rule);
- // Global discount applied at end
- if (rule.field === 'globalDiscount' && rule.operator === 'multiply') {
- result.spaces.forEach(function(space) {
- space.cabinetPrice = parseFloat((space.cabinetPrice * rule.value).toFixed(2));
- space.doorPanelDiff = parseFloat((space.doorPanelDiff * rule.value).toFixed(2));
- space.spaceTotal = parseFloat((space.cabinetPrice + space.doorPanelDiff + space.extraTotal + space.nonStandard).toFixed(2));
- });
- appliedRules.push(rule);
- }
- });
- // Recalc grand total
- result.grandTotal = parseFloat(result.spaces.reduce(function(s, sp) { return s + sp.spaceTotal; }, 0).toFixed(2));
- result.floorPrice = parseFloat((result.grandTotal * (1 - (result.floatRatio || qCurrentFloatRatio))).toFixed(2));
- result.ceilingPrice = parseFloat((result.grandTotal * (1 + (result.floatRatio || qCurrentFloatRatio))).toFixed(2));
- result._calcRulesApplied = true;
- result._calcRulesCount = appliedRules.length;
- return result;
- }
- // Main UI sync
- function qSyncCalcRulesUI() {
- var track = document.getElementById('q-calc-rules-toggle-track');
- var label = document.getElementById('q-calc-rules-toggle-label');
- var panel = document.getElementById('q-calc-rules-panel');
- var priceRow = document.getElementById('q-calc-rules-price-row');
- if (qCalcRulesEnabled) {
- if (track) track.classList.add('on');
- if (label) { label.textContent = '已启用'; label.style.color = 'var(--accent)'; }
- if (panel) panel.style.display = 'block';
- if (priceRow) priceRow.style.display = 'block';
- } else {
- if (track) track.classList.remove('on');
- if (label) { label.textContent = '未启用'; label.style.color = ''; }
- if (panel) panel.style.display = 'none';
- if (priceRow) priceRow.style.display = 'none';
- }
- qRenderCalcRulesList();
- qOnCalcRuleParamChange();
- // Sync preset dropdown
- var sel = document.getElementById('q-calc-rules-preset');
- if (sel) sel.value = qCalcRulesPreset;
- }
- // Update calc rules price display
- function qUpdateCalcRulesPriceDisplay() {
- var priceEl = document.getElementById('q-calc-rules-price-display');
- var diffEl = document.getElementById('q-calc-rules-diff-display');
- var priceRow = document.getElementById('q-calc-rules-price-row');
- if (!qCalcRulesEnabled) {
- if (priceRow) priceRow.style.display = 'none';
- return;
- }
- if (priceRow) priceRow.style.display = 'block';
- // Build a mock base result to apply rules to
- var baseTotal = qCalcGrandTotal();
- var mockResult = {
- spaces: qRooms.map(function(r, i) {
- return {
- name: r.roomName,
- length: 3.5, width: 3.0, height: 2.8,
- expandArea: qGetUnfold(r),
- cabinetPrice: qCalcCabinet(r),
- doorPanelDiff: qCalcDoorDiff(r),
- extraTotal: qCalcExtras(i),
- nonStandard: 0,
- cabinetRatio: 0.55, fillCoefficient: 1.0,
- spaceTotal: qCalcRoomTotal(r, i)
- };
- }),
- grandTotal: baseTotal,
- floatRatio: qCurrentFloatRatio
- };
- var result = qApplyCalcRules(mockResult);
- if (result && priceEl) {
- priceEl.textContent = qFormatMoney(result.grandTotal);
- var diff = result.grandTotal - mockResult.grandTotal;
- var diffText = diff >= 0 ? '＋¥' + Math.abs(diff).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}) : '−¥' + Math.abs(diff).toLocaleString();
- var diffColor = diff >= 0 ? 'var(--danger)' : 'var(--success)';
- if (diffEl) {
- diffEl.innerHTML = '与标准计价差异：<span style="font-weight:700;color:'+diffColor+';">'+diffText+'</span>（应用了'+result._calcRulesCount+'条规则）';
- }
- }
- }
- // Upload handlers
- function qUpdateUploadStatusBar(){
- var sd = document.getElementById('q-status-drawing');
- var sc = document.getElementById('q-status-cad');
- var sr = document.getElementById('q-status-req');
- if(sd) sd.innerHTML = qUploadedDrawing ? '✅ 图纸：'+(qUploadedDrawing.name||'已上传') : '⬜ 图纸：未上传';
- if(sd) sd.style.background = qUploadedDrawing ? '#C6F6D5' : '#EDF2F7';
- if(sd) sd.style.color = qUploadedDrawing ? '#276749' : '';
- if(sc) sc.innerHTML = qUploadedCAD ? '✅ CAD：'+(qUploadedCAD.name||'已上传') : '⬜ CAD：未上传';
- if(sc) sc.style.background = qUploadedCAD ? '#C6F6D5' : '#EDF2F7';
- if(sc) sc.style.color = qUploadedCAD ? '#276749' : '';
- if(sr) sr.innerHTML = qUploadedRequirement ? '✅ 需求记录：'+(qUploadedRequirement.name||'已上传') : '⬜ 需求记录：未上传';
- if(sr) sr.style.background = qUploadedRequirement ? '#C6F6D5' : '#EDF2F7';
- if(sr) sr.style.color = qUploadedRequirement ? '#276749' : '';
- }
- function qCheckUploadReady(){
- const btn=document.getElementById('q-btn-analyze');
- var fileReady = false;
- if(qMultiMode){
- fileReady = qSheets.length > 0 && qSheets.every(function(s){ return (s.drawing||s.isMock||s.cad); });
- } else {
- fileReady = !!(qUploadedDrawing||qUploadedCAD||qUploadedRequirement);
- }
- // 层高仅为参考信息（可删除），不阻断流程；为空时下游按默认2.5m兜底
- var ready = fileReady;
- if(btn){
- btn.disabled = !ready;
- btn.style.opacity = ready ? '1' : '0.5';
- btn.style.cursor = ready ? 'pointer' : 'not-allowed';
- }
- qUpdateUploadStatusBar();
- // 上传状态变化后同步刷新解析页的「开始AI解析」动态按钮（该按钮由 qRenderStep2 渲染；
- // 手动模式的上传入口在解析页，若只更新编辑器静态按钮会导致此按钮一直灰着无法点击）
- if(typeof qRenderStep2==='function') qRenderStep2();
- }
- // ==================== 通用可缩放灯箱 ====================
- function qOpenZoomableLightbox(src, title){
- // Remove any existing lightbox
- var existing = document.getElementById('q-zoom-lightbox');
- if(existing) existing.remove();
- var scale = 1, panX = 0, panY = 0;
- var isDragging = false, lastX = 0, lastY = 0;
- var _mousemove, _mouseup;
- var overlay = document.createElement('div');
- overlay.id = 'q-zoom-lightbox';
- overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center;z-index:2500;';
- overlay.onclick = function(e){ if(e.target===overlay) overlay.remove(); };
- var img = document.createElement('img');
- img.src = src;
- img.style.cssText = 'max-width:90vw;max-height:85vh;object-fit:contain;cursor:grab;user-select:none;border-radius:4px;box-shadow:0 8px 40px rgba(0,0,0,.5);';
- img.onclick = function(e){ e.stopPropagation(); };
- img.onerror = function(){
- img.src = 'data:image/svg+xml,'+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300"><rect fill="#EDF2F7" width="400" height="300"/><text x="140" y="155" font-size="16" fill="#a0aec0">图片加载失败</text></svg>');
- img.style.cursor = 'default';
- };
- var zoomPct = document.createElement('span');
- zoomPct.style.cssText = 'color:#fff;font-size:13px;min-width:44px;text-align:center;font-weight:500;';
- function applyTransform(){ img.style.transform = 'translate('+panX+'px,'+panY+'px) scale('+scale+')'; zoomPct.textContent = Math.round(scale*100)+'%'; }
- // Wheel zoom
- overlay.addEventListener('wheel', function(e){ e.preventDefault(); e.stopPropagation(); scale += e.deltaY > 0 ? -0.2 : 0.2; scale = Math.max(0.25, Math.min(5, scale)); panX=0;panY=0; applyTransform(); }, {passive:false});
- // Drag
- img.addEventListener('mousedown', function(e){ if(scale<=1)return; e.preventDefault(); isDragging=true; lastX=e.clientX; lastY=e.clientY; img.style.cursor='grabbing'; });
- _mousemove = function(e){ if(!isDragging)return; panX+=e.clientX-lastX; panY+=e.clientY-lastY; lastX=e.clientX; lastY=e.clientY; applyTransform(); };
- _mouseup = function(){ isDragging=false; img.style.cursor=scale>1?'grab':'default'; };
- document.addEventListener('mousemove', _mousemove);
- document.addEventListener('mouseup', _mouseup);
- // Cleanup on close
- var cleanup = function(){
- document.removeEventListener('mousemove', _mousemove);
- document.removeEventListener('mouseup', _mouseup);
- document.removeEventListener('keydown', escHandler);
- };
- overlay.addEventListener('remove', cleanup, {once:true});
- // Backup: cleanup via MutationObserver
- var obs = new MutationObserver(function(muts){
- if(!document.body.contains(overlay)){ cleanup(); obs.disconnect(); }
- });
- obs.observe(document.body, {childList:true});
- // Toolbar
- var bar = document.createElement('div');
- bar.style.cssText = 'position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.65);backdrop-filter:blur(12px);border-radius:28px;padding:8px 12px;z-index:10;';
- function makeBtn(txt, w, h, fs, fn){
- var b = document.createElement('button');
- b.textContent = txt;
- b.style.cssText = 'background:rgba(255,255,255,.15);color:#fff;border:none;width:'+w+'px;height:'+h+'px;border-radius:50%;font-size:'+fs+'px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;';
- b.onmouseover=function(){b.style.background='rgba(255,255,255,.3)';};
- b.onmouseout=function(){b.style.background='rgba(255,255,255,.15)';};
- b.onclick = function(e){ e.stopPropagation(); fn(); };
- return b;
- }
- bar.appendChild(makeBtn('−',34,34,20, function(){ scale=Math.max(0.25,scale-0.25); panX=0;panY=0; applyTransform(); }));
- bar.appendChild(makeBtn('1:1',48,34,12, function(){ scale=1;panX=0;panY=0; applyTransform(); }));
- bar.appendChild(makeBtn('＋',34,34,20, function(){ scale=Math.min(5,scale+0.25); panX=0;panY=0; applyTransform(); }));
- bar.appendChild(zoomPct);
- var closeBtn = document.createElement('button');
- closeBtn.textContent = '✕';
- closeBtn.style.cssText = 'position:absolute;top:20px;right:24px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:none;font-size:20px;cursor:pointer;z-index:10;transition:background .15s;';
- closeBtn.onmouseover=function(){closeBtn.style.background='rgba(255,255,255,.25)';};
- closeBtn.onmouseout=function(){closeBtn.style.background='rgba(255,255,255,.12)';};
- closeBtn.onclick = function(e){ e.stopPropagation(); cleanup(); overlay.remove(); };
- var info = document.createElement('div');
- info.style.cssText = 'position:absolute;bottom:85px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:6px 18px;border-radius:16px;font-size:13px;z-index:10;white-space:nowrap;pointer-events:none;';
- info.textContent = title || '';
- overlay.appendChild(img);
- overlay.appendChild(bar);
- overlay.appendChild(closeBtn);
- overlay.appendChild(info);
- document.body.appendChild(overlay);
- applyTransform();
- var escHandler = function(e){ if(e.key==='Escape'){ cleanup(); overlay.remove(); } };
- document.addEventListener('keydown', escHandler);
- }
- function qMakePreviewThumb(src, name){
- return '<div style="position:relative;display:inline-block;margin:4px;cursor:pointer;" onclick="event.stopPropagation();qOpenZoomableLightbox(\''+src+'\',\''+name.replace(/'/g,"\\'")+'\')">'+
- '<img src="'+src+'" style="width:200px;height:130px;object-fit:cover;display:block;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);border:2px solid var(--success);" onerror="this.onerror=null;this.style.background=\'#E2E8F0\';this.style.objectFit=\'contain\';this.src=\'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22130%22%3E%3Crect fill=%22%23E2E8F0%22 width=%22200%22 height=%22130%22/%3E%3Ctext x=%22100%22 y=%2265%22 text-anchor=%22middle%22 font-size=%2214%22 fill=%22%23718096%22%3E🏠 图片预览%3C/text%3E%3Ctext x=%22100%22 y=%2285%22 text-anchor=%22middle%22 font-size=%2210%22 fill=%22%23A0AEC0%22%3E点击可放大查看%3C/text%3E%3C/svg%3E\';">'+
- '<div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:#fff;font-size:10px;padding:3px 6px;text-align:center;pointer-events:none;border-radius:0 0 6px 6px;">🔍 点击放大</div>'+
- '</div>';
- }
- function qUseMockDrawing(){
- var canvas = document.createElement('canvas');
- canvas.width = 1200; canvas.height = 900;
- var ctx = canvas.getContext('2d');
-
- // 浅色背景
- ctx.fillStyle = '#FFFEF7'; ctx.fillRect(0, 0, 1200, 900);
-
- // 顶部标题区域：总计投影
- ctx.fillStyle = '#E53E3E'; ctx.font = 'bold 26px "Microsoft YaHei", sans-serif';
- ctx.fillText('【总计投影：39.375㎡】', 420, 50);
-
- // 绘制外框（图纸边框）
- ctx.strokeStyle = '#2D3748'; ctx.lineWidth = 3;
- ctx.strokeRect(50, 70, 1100, 780);
-
- // 内部墙体（简化户型布局）
- ctx.strokeStyle = '#2D3748'; ctx.lineWidth = 2.5;
- // 主分隔线
- ctx.beginPath(); ctx.moveTo(450, 70); ctx.lineTo(450, 500); ctx.stroke(); // 竖线1
- ctx.beginPath(); ctx.moveTo(750, 70); ctx.lineTo(750, 350); ctx.stroke(); // 竖线2
- ctx.beginPath(); ctx.moveTo(50, 500); ctx.lineTo(450, 500); ctx.stroke(); // 横线1
- ctx.beginPath(); ctx.moveTo(450, 350); ctx.lineTo(1150, 350); ctx.stroke(); // 横线2
- ctx.beginPath(); ctx.moveTo(750, 600); ctx.lineTo(1150, 600); ctx.stroke(); // 横线3
-
- // 门洞
- ctx.strokeStyle = '#FFFEF7'; ctx.lineWidth = 8;
- ctx.beginPath(); ctx.moveTo(250, 500); ctx.lineTo(320, 500); ctx.stroke(); // 次卧门
- ctx.beginPath(); ctx.moveTo(450, 180); ctx.lineTo(450, 250); ctx.stroke(); // 主卧门
- ctx.beginPath(); ctx.moveTo(750, 160); ctx.lineTo(750, 230); ctx.stroke(); // 衣帽间门
- ctx.beginPath(); ctx.moveTo(820, 350); ctx.lineTo(900, 350); ctx.stroke(); // 厨房门
- ctx.beginPath(); ctx.moveTo(1000, 600); ctx.lineTo(1080, 600); ctx.stroke(); // 阳台门
-
- // ========== 绘制柜体（用彩色矩形表示） ==========
- // 柜体颜色（淡蓝色填充，深蓝色边框）
- ctx.fillStyle = '#BEE3F8'; ctx.strokeStyle = '#2B6CB0'; ctx.lineWidth = 2;
-
- // ① 餐边柜：餐厅区域，宽2.0m（约160px），高2.5m
- ctx.fillRect(1000, 90, 130, 40); ctx.strokeRect(1000, 90, 130, 40);
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 16px "Microsoft YaHei", sans-serif';
- ctx.fillText('餐边柜', 1020, 115);
- ctx.fillStyle = '#E53E3E'; ctx.font = '14px "Microsoft YaHei", sans-serif';
- ctx.fillText('2.0m宽×2.5m高=5㎡', 995, 148);
-
- // ② 电视柜：客厅区域，宽3.45m（约220px），高2.5m
- ctx.fillStyle = '#BEE3F8'; ctx.fillRect(80, 90, 230, 40); ctx.strokeRect(80, 90, 230, 40);
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 16px "Microsoft YaHei", sans-serif';
- ctx.fillText('电视柜', 150, 115);
- ctx.fillStyle = '#E53E3E'; ctx.font = '14px "Microsoft YaHei", sans-serif';
- ctx.fillText('3.45m宽×2.5m高=8.625㎡', 70, 148);
-
- // ③ 阳台柜：阳台区域，宽1.4m（约95px），高2.5m
- ctx.fillStyle = '#BEE3F8'; ctx.fillRect(900, 620, 95, 40); ctx.strokeRect(900, 620, 95, 40);
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 16px "Microsoft YaHei", sans-serif';
- ctx.fillText('阳台柜', 910, 645);
- ctx.fillStyle = '#E53E3E'; ctx.font = '14px "Microsoft YaHei", sans-serif';
- ctx.fillText('1.4m宽×2.5m高=3.5㎡', 875, 678);
-
- // ④ 开放式厨房柜：厨房区域，宽2.5m（约165px），高1.8m
- ctx.fillStyle = '#BEE3F8'; ctx.fillRect(950, 370, 165, 35); ctx.strokeRect(950, 370, 165, 35);
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 15px "Microsoft YaHei", sans-serif';
- ctx.fillText('开放式厨房柜', 955, 393);
- ctx.fillStyle = '#E53E3E'; ctx.font = '13px "Microsoft YaHei", sans-serif';
- ctx.fillText('2.5m宽×1.8m高=4.5㎡', 940, 423);
-
- // ⑤ 主卧衣柜：主卧区域，宽1.2m（约80px），高2.5m
- ctx.fillStyle = '#BEE3F8'; ctx.fillRect(470, 90, 80, 40); ctx.strokeRect(470, 90, 80, 40);
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 15px "Microsoft YaHei", sans-serif';
- ctx.fillText('主卧衣柜', 473, 115);
- ctx.fillStyle = '#E53E3E'; ctx.font = '13px "Microsoft YaHei", sans-serif';
- ctx.fillText('1.2m宽×2.5m高=3㎡', 455, 148);
-
- // ⑥ 衣帽间：宽3.9m（约255px），高2.5m
- ctx.fillStyle = '#BEE3F8'; ctx.fillRect(480, 370, 255, 40); ctx.strokeRect(480, 370, 255, 40);
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 16px "Microsoft YaHei", sans-serif';
- ctx.fillText('衣帽间（次卧衣帽间）', 510, 395);
- ctx.fillStyle = '#E53E3E'; ctx.font = '14px "Microsoft YaHei", sans-serif';
- ctx.fillText('3.9m宽×2.5m高=9.75㎡', 490, 428);
-
- // ⑦ 次卧衣柜：次卧区域，宽2.0m（约130px），高2.5m
- ctx.fillStyle = '#BEE3F8'; ctx.fillRect(80, 530, 130, 40); ctx.strokeRect(80, 530, 130, 40);
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 16px "Microsoft YaHei", sans-serif';
- ctx.fillText('次卧衣柜', 100, 555);
- ctx.fillStyle = '#E53E3E'; ctx.font = '14px "Microsoft YaHei", sans-serif';
- ctx.fillText('2.0m宽×2.5m高=5㎡', 75, 588);
-
- // ========== 标注房间名称 ==========
- ctx.fillStyle = '#718096'; ctx.font = '18px "Microsoft YaHei", sans-serif';
- ctx.fillText('客厅', 220, 250);
- ctx.fillText('主卧', 580, 200);
- ctx.fillText('次卧', 230, 680);
- ctx.fillText('餐厅', 920, 220);
- ctx.fillText('厨房', 900, 500);
- ctx.fillText('阳台', 850, 720);
- ctx.fillText('过道', 580, 500);
-
- // 指北针
- ctx.strokeStyle = '#2D3748'; ctx.lineWidth = 2;
- ctx.beginPath(); ctx.arc(120, 120, 20, 0, Math.PI * 2); ctx.stroke();
- ctx.beginPath(); ctx.moveTo(120, 85); ctx.lineTo(120, 105); ctx.lineTo(112, 97); ctx.moveTo(120, 105); ctx.lineTo(128, 97); ctx.stroke();
- ctx.fillStyle = '#2D3748'; ctx.font = 'bold 15px "Microsoft YaHei", sans-serif'; ctx.fillText('N', 113, 80);
-
- // 入户门标注
- ctx.strokeStyle = '#E53E3E'; ctx.lineWidth = 2; ctx.setLineDash([5, 3]);
- ctx.beginPath(); ctx.arc(110, 830, 60, Math.PI * 0.85, Math.PI * 1.85); ctx.stroke();
- ctx.setLineDash([]);
- ctx.fillStyle = '#E53E3E'; ctx.font = '14px "Microsoft YaHei", sans-serif'; ctx.fillText('入户门', 50, 855);
-
- // 底部尺寸标注
- ctx.strokeStyle = '#718096'; ctx.lineWidth = 1;
- ctx.beginPath(); ctx.moveTo(50, 870); ctx.lineTo(1150, 870); ctx.stroke();
- ctx.fillStyle = '#718096'; ctx.font = '13px "Microsoft YaHei", sans-serif';
- ctx.fillText('手写标注柜体清单 · 共7组柜体', 480, 880);
- // 清除可能存在的旧图像分析结果
- _qImageAnalysisResult = null;
- qUploadedDrawing = { name:'120㎡三房两厅户型图.jpg', type:'image/jpeg', size:canvas.toDataURL().length };
- if (qUploadedDrawingUrl) { URL.revokeObjectURL(qUploadedDrawingUrl); }
- qUploadedDrawingUrl = canvas.toDataURL('image/jpeg', 0.9);
- var zone = document.getElementById('q-upload-zone-drawing');
- zone.style.borderColor = 'var(--success)'; zone.style.background = '#F0FFF4';
- zone.onclick = function(){ document.getElementById('q-file-drawing').click(); };
- var inner = document.getElementById('q-drawing-inner');
- if(inner) inner.innerHTML = '<div class="icon">✅</div><div class="text">户型图已上传（示例）</div><div class="types">7组柜体手写标注 | 总计投影39.375㎡</div>'+qMakePreviewThumb(qUploadedDrawingUrl, '户型图：7组柜体手写标注');
- document.getElementById('q-upload-files-drawing').innerHTML = '<span class="q-file-chip">📐 120㎡三房两厅户型图.jpg <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearDrawing()">×</span></span>';
- if(typeof qRunRecognitionAndApply==='function') qRunRecognitionAndApply(); // 上传后即刻推算比例并识别规则色块
- // Show replace button
- var rpBtn = document.getElementById('q-btn-replace-drawing');
- if(rpBtn) rpBtn.style.display = 'inline-block';
- qSyncUnifiedZone();
- qCheckUploadReady();
- }
- function qUseMockRequirement(){
- qUploadedRequirement={name:'客户沟通记录.txt',type:'text/plain'};
- var zone = document.getElementById('q-upload-zone-req');
- zone.style.borderColor='var(--success)';zone.style.background='#F0FFF4';
- var inner = document.getElementById('q-req-inner');
- if(inner) inner.innerHTML='<div class="icon">✅</div><div class="text">需求记录已上传（示例）</div><div class="types">客户沟通记录.txt</div>';
- document.getElementById('q-upload-files-req').innerHTML='<span class="q-file-chip">📄 客户沟通记录.txt <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearRequirement()">×</span></span>';
- qCheckUploadReady();
- }
- function qClearDrawing(){
- if(qUploadedDrawingUrl){ URL.revokeObjectURL(qUploadedDrawingUrl); qUploadedDrawingUrl=null; }
- qUploadedDrawingDataUrl = null;
- qUploadedDrawing=null;
- const zone=document.getElementById('q-upload-zone-drawing');
- zone.style.borderColor='';zone.style.background='';
- zone.onclick = function(){ if(!qUploadedDrawing)document.getElementById('q-file-drawing').click(); };
- var inner = document.getElementById('q-drawing-inner');
- if(inner) inner.innerHTML='<div class="icon">🏠</div><div class="text">点击上传户型图</div><div class="types">支持 JPG、PNG、WEBP | 点击区域选择文件</div>';
- document.getElementById('q-file-drawing').value='';
- document.getElementById('q-upload-files-drawing').innerHTML='';
- var rpBtn = document.getElementById('q-btn-replace-drawing');
- if(rpBtn) rpBtn.style.display = 'none';
- qSyncUnifiedZone();
- qCheckUploadReady();
- }
- function qClearCAD(){
- if(qUploadedCADUrl){ URL.revokeObjectURL(qUploadedCADUrl); qUploadedCADUrl=null; }
- qUploadedCAD=null;
- const zone=document.getElementById('q-upload-zone-cad');
- zone.style.borderColor='';zone.style.background='';
- zone.onclick = function(){ if(!qUploadedCAD)document.getElementById('q-file-cad').click(); };
- var inner = document.getElementById('q-cad-inner');
- if(inner) inner.innerHTML='<div class="icon">📏</div><div class="text">点击上传CAD图纸</div><div class="types">支持 DWG、DXF、PDF | 可单独上传，也可与户型图一起上传</div>';
- document.getElementById('q-file-cad').value='';
- document.getElementById('q-upload-files-cad').innerHTML='';
- var rpBtn = document.getElementById('q-btn-replace-cad');
- if(rpBtn) rpBtn.style.display = 'none';
- qSyncUnifiedZone();
- qCheckUploadReady();
- }
- function qClearRequirement(){
- qUploadedRequirement=null;
- if(qUploadedRequirementUrl){ URL.revokeObjectURL(qUploadedRequirementUrl); qUploadedRequirementUrl=null; }
- const zone=document.getElementById('q-upload-zone-req');
- zone.style.borderColor='';zone.style.background='';
- var inner = document.getElementById('q-req-inner');
- if(inner) inner.innerHTML='<div class="icon">📝</div><div class="text">点击上传客户需求记录</div><div class="types">支持图片、文本、PDF格式</div>';
- document.getElementById('q-file-req').value='';
- document.getElementById('q-upload-files-req').innerHTML='';
- qCheckUploadReady();
- }
- // 全局变量：存储图片的base64 data URL（用于图像处理）
- var qUploadedDrawingDataUrl = null;
- function qHandleDrawing(input){
- const file=input.files[0];if(!file)return;
- qUploadedDrawing=file;
- if(qUploadedDrawingUrl){ URL.revokeObjectURL(qUploadedDrawingUrl); }
- qUploadedDrawingUrl = URL.createObjectURL(file);
- // 更换图纸：清空上一张图的识别残留（规则色块结果/标注/已放置柜体），避免旧柜体混入新图识别
- state.qRecogResult=null;
- qAIPlacedCabinets=[];
- qDimensionAnnotations=[];
- qAutoDimensionDetectionDone=false;
- qAutoDimensionDetectionPromise=null;
- var _annLayer=document.getElementById('q-ai-annotations-layer'); if(_annLayer) _annLayer.innerHTML='';
- qSyncOriginalDrawingToLayout();
- // 捕获图片宽高
- if(file.type.startsWith('image/')){
- var _img = new Image();
- _img.onload = function(){ qAIDrawingWidth = _img.width; qAIDrawingHeight = _img.height; };
- _img.src = qUploadedDrawingUrl;
- // 用FileReader直接将File转为base64 data URL（最可靠的方式，避免Canvas污染问题）
- var _reader = new FileReader();
- _reader.onload = function(){
- qUploadedDrawingDataUrl = _reader.result;
- qSyncOriginalDrawingToLayout();
- console.log('[图片上传] base64转换成功，长度：' + (qUploadedDrawingDataUrl||'').length + '，前60字符：' + (qUploadedDrawingDataUrl||'').substring(0, 60));
- };
- _reader.onerror = function(){
- console.error('[图片上传] FileReader读取失败');
- qUploadedDrawingDataUrl = null;
- };
- _reader.readAsDataURL(file);
- }
- const zone=document.getElementById('q-upload-zone-drawing');
- zone.style.borderColor='var(--success)';zone.style.background='#F0FFF4';
- zone.onclick = function(){ document.getElementById('q-file-drawing').click(); };
- var inner = document.getElementById('q-drawing-inner');
- if(file.type.startsWith('image/')){
- if(inner) inner.innerHTML='<div class="icon">✅</div><div class="text">户型图已上传</div><div class="types">'+file.name+'（'+(file.size/1024).toFixed(0)+'KB）| 点击可更换</div>'+qMakePreviewThumb(qUploadedDrawingUrl, file.name);
- }else{
- if(inner) inner.innerHTML='<div class="icon">✅</div><div class="text">文件已上传</div><div class="types">'+file.name+'（'+(file.size/1024).toFixed(0)+'KB）| 点击可更换</div>';
- }
- document.getElementById('q-upload-files-drawing').innerHTML='<span class="q-file-chip">📐 '+file.name+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearDrawing()">×</span></span>';
- var rpBtn = document.getElementById('q-btn-replace-drawing');
- if(rpBtn) rpBtn.style.display = 'inline-block';
- input.value = '';
- qSyncUnifiedZone();
- qCheckUploadReady();
- if(typeof qRunRecognitionAndApply==='function') qRunRecognitionAndApply(); // 上传后即刻推算比例并识别规则色块
- }
- function qHandleRequirement(input){
- const file=input.files[0];if(!file)return;
- qUploadedRequirement=file;
- if(qUploadedRequirementUrl){ URL.revokeObjectURL(qUploadedRequirementUrl); qUploadedRequirementUrl=null; }
- const zone=document.getElementById('q-upload-zone-req');
- zone.style.borderColor='var(--success)';zone.style.background='#F0FFF4';
- var inner = document.getElementById('q-req-inner');
- if(file.type.startsWith('image/')){
- var url = URL.createObjectURL(file);
- qUploadedRequirementUrl = url;
- if(inner) inner.innerHTML='<div class="icon">✅</div><div class="text">需求记录已上传</div><div class="types">'+file.name+'</div>'+qMakePreviewThumb(url, file.name);
- }else{
- if(inner) inner.innerHTML='<div class="icon">✅</div><div class="text">文件已上传</div><div class="types">'+file.name+'</div>';
- }
- document.getElementById('q-upload-files-req').innerHTML='<span class="q-file-chip">📄 '+file.name+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearRequirement()">×</span></span>';
- qCheckUploadReady();
- }
- // ── CAD图纸上传处理 ──
- function qHandleCAD(input){
- const file=input.files[0];if(!file)return;
- qUploadedCAD=file;
- if(qUploadedCADUrl){ URL.revokeObjectURL(qUploadedCADUrl); }
- const zone=document.getElementById('q-upload-zone-cad');
- zone.style.borderColor='var(--success)';zone.style.background='#F0FFF4';
- zone.onclick = function(){ document.getElementById('q-file-cad').click(); };
- var icon = file.name.match(/\.(dwg|dxf)$/i) ? '📐' : '📄';
- var inner = document.getElementById('q-cad-inner');
- if(inner) inner.innerHTML='<div class="icon">✅</div><div class="text">CAD图纸已上传</div><div class="types">'+file.name+'（'+(file.size/1024).toFixed(0)+'KB）| '+icon+' 点击可更换</div>';
- document.getElementById('q-upload-files-cad').innerHTML='<span class="q-file-chip">'+icon+' '+file.name+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearCAD()">×</span></span>';
- var rpBtn = document.getElementById('q-btn-replace-cad');
- if(rpBtn) rpBtn.style.display = 'inline-block';
- input.value = '';
- qSyncUnifiedZone();
- qCheckUploadReady();
- }
- // ── 统一上传框：按文件类型自动路由到户型图或CAD，二者不冲突 ──
- function qHandleUnified(input){
- var file=input.files[0];if(!file)return;
- var shim={files:[file],value:''};
- var isImage=(file.type||'').startsWith('image/')||/\.(jpe?g|png|webp|gif|bmp)$/i.test(file.name);
- if(isImage){ qHandleDrawing(shim); }else{ qHandleCAD(shim); }
- input.value='';
- qSyncUnifiedZone();
- }
- function qSyncUnifiedZone(){
- var zone=document.getElementById('q-upload-zone-unified');
- var inner=document.getElementById('q-unified-inner');
- if(!zone||!inner)return;
- var hasD=!!qUploadedDrawing,hasC=!!qUploadedCAD;
- if(!hasD&&!hasC){
- zone.style.borderColor='';zone.style.background='';
- inner.innerHTML='<div class="icon">📐</div><div class="text">点击上传户型图 / CAD图纸</div><div class="types">户型图支持 JPG、PNG、WEBP；CAD支持 DWG、DXF、PDF | 两者可同时上传，互不冲突</div>';
- return;
- }
- zone.style.borderColor='var(--success)';zone.style.background='#F0FFF4';
- var html='<div class="icon">✅</div>';
- if(hasD)html+='<div class="text">户型图已上传：'+(qUploadedDrawing.name||'')+'</div>';
- if(hasC)html+='<div class="text">CAD已上传：'+(qUploadedCAD.name||'')+'</div>';
- var tip=(hasD&&hasC)?'两类均已上传 | 点击可更换':(hasD?'还可继续上传CAD（DWG/DXF/PDF）':'还可继续上传户型图（JPG/PNG/WEBP）');
- html+='<div class="types">'+tip+' | 点击选择文件</div>';
- if(hasD&&qUploadedDrawingUrl&&(qUploadedDrawing.type||'').indexOf('image')===0)html+=qMakePreviewThumb(qUploadedDrawingUrl,'户型图：'+(qUploadedDrawing.name||''));
- inner.innerHTML=html;
- }
- // ── 图纸识别标准规则：标注颜色设置（平面户型图/CAD通用） ──
- // 该规则设置仅在报价模式1（AI快速粗略报价）显示，手动精准模式隐藏
- function qSyncCadRuleCardVisibility(){
- var card = document.getElementById('q-cad-rule-card');
- if (card) card.style.display = (state.quoteMode === 'manual') ? 'none' : '';
- }
- var qCadRuleColor = '#EF4444';
- var qCadRuleColorName = '红色';
- function qSetCadRuleColor(color, name, fromPicker){
- qCadRuleColor = color;
- qCadRuleColorName = name || color;
- // 同步下拉框选中项（绿色/红色）
- var sel = document.getElementById('q-cad-rule-select');
- if(sel){
- var v = String(color).toLowerCase()==='#ef4444' ? 'red' : 'green';
- if(sel.value!==v) sel.value=v;
- }
- var sum = document.getElementById('q-cad-rule-summary');
- if(sum) sum.innerHTML = '当前规则：平面户型图/CAD图纸中统一用 <b style="color:'+color+';">'+qCadRuleColorName+'</b> 框标注柜体，AI抓取 <b style="color:'+color+';">'+qCadRuleColorName+'</b> 色块自动识别柜体。';
- qSyncCadRuleCardVisibility();
- if(typeof qRenderRuleModule1==='function') qRenderRuleModule1();
- }
- qSetCadRuleColor(qCadRuleColor, qCadRuleColorName);
- function qUseMockCAD(){
- qUploadedCAD = { name:'120㎡三房两厅施工图.dwg', type:'application/dwg', size:850000 };
- var zone = document.getElementById('q-upload-zone-cad');
- zone.style.borderColor = 'var(--success)'; zone.style.background = '#F0FFF4';
- zone.onclick = function(){ document.getElementById('q-file-cad').click(); };
- var inner = document.getElementById('q-cad-inner');
- if(inner) inner.innerHTML = '<div class="icon">✅</div><div class="text">CAD图纸已上传（示例）</div><div class="types">120㎡三房两厅施工图.dwg | 📐 点击可更换</div>'+
- '<div style="margin-top:8px;padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:11px;text-align:left;">'+
- '<div style="font-weight:600;margin-bottom:4px;">📐 CAD图纸信息（模拟）</div>'+
- '<div style="color:var(--text-muted);">图层：墙体 / 门窗 / 尺寸标注 / 家具布置</div>'+
- '<div style="color:var(--text-muted);">比例：1:100 | 版本：AutoCAD 2024 | 单位：毫米</div>'+
- '<div style="color:var(--text-muted);">参考标注：总面宽12400mm</div>'+
- '</div>';
- document.getElementById('q-upload-files-cad').innerHTML='<span class="q-file-chip">📐 120㎡三房两厅施工图.dwg <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearCAD()">×</span></span>';
- var rpBtn = document.getElementById('q-btn-replace-cad');
- if(rpBtn) rpBtn.style.display = 'inline-block';
- qSyncUnifiedZone();
- qCheckUploadReady();
- }
- // ──────────── 多图纸合并模式管理 ────────────
- var _qActiveSheetIdForUpload = null; // 当前等待上传的sheet id
- function qToggleMultiMode(){
- qMultiMode = !qMultiMode;
- var bg = document.getElementById('q-multi-toggle-bg');
- var dot = document.getElementById('q-multi-toggle-dot');
- var lbl = document.getElementById('q-multi-toggle-label');
- var singleArea = document.getElementById('q-single-sheet-area');
- var multiArea = document.getElementById('q-multi-sheet-area');
- var statusMulti = document.getElementById('q-status-multi');
- var statusDrawing = document.getElementById('q-status-drawing');
- var statusCad = document.getElementById('q-status-cad');
- if(qMultiMode){
- if(bg){ bg.style.background = 'linear-gradient(135deg,#4299E1,#9F7AEA)'; }
- if(dot){ dot.style.left = '24px'; }
- if(lbl){ lbl.textContent = '已开启'; lbl.style.color = 'var(--primary)'; }
- if(singleArea) singleArea.style.display = 'none';
- if(multiArea) multiArea.style.display = 'block';
- if(statusMulti) statusMulti.style.display = 'inline-block';
- if(statusDrawing) statusDrawing.style.display = 'none';
- if(statusCad) statusCad.style.display = 'none';
- // 初始化第一张图纸
- if(qSheets.length === 0) qAddSheet(true);
- } else {
- if(bg){ bg.style.background = 'var(--border)'; }
- if(dot){ dot.style.left = '2px'; }
- if(lbl){ lbl.textContent = '关闭'; lbl.style.color = 'var(--text-muted)'; }
- if(singleArea) singleArea.style.display = 'block';
- if(multiArea) multiArea.style.display = 'none';
- if(statusMulti) statusMulti.style.display = 'none';
- if(statusDrawing) statusDrawing.style.display = 'inline-block';
- if(statusCad) statusCad.style.display = 'inline-block';
- }
- qCheckUploadReady();
- }
- function qAddSheet(silent){
- var id = 'sheet_' + (qSheetNextId++);
- var defaultName = '图纸' + (qSheets.length + 1);
- var sheet = {
- id: id,
- name: defaultName,
- drawing: null,
- drawingUrl: null,
- cad: null,
- cadUrl: null,
- isMock: false,
- mockType: null,
- status: 'empty' // empty / ready
- };
- qSheets.push(sheet);
- qRenderSheetList();
- qCheckUploadReady();
- return sheet;
- }
- function qRemoveSheet(id){
- var idx = qSheets.findIndex(function(s){return s.id===id;});
- if(idx<0) return;
- var s = qSheets[idx];
- if(s.drawingUrl) URL.revokeObjectURL(s.drawingUrl);
- if(s.cadUrl) URL.revokeObjectURL(s.cadUrl);
- qSheets.splice(idx,1);
- qRenderSheetList();
- qCheckUploadReady();
- }
- function qRenameSheet(id, newName){
- var s = qSheets.find(function(x){return x.id===id;});
- if(!s) return;
- s.name = (newName||'').trim() || s.name;
- qRenderSheetList();
- }
- function qRenderSheetList(){
- var listEl = document.getElementById('q-sheet-list');
- var emptyEl = document.getElementById('q-sheet-empty-tip');
- if(!listEl) return;
- if(qSheets.length === 0){
- listEl.innerHTML = '';
- if(emptyEl) emptyEl.style.display = 'block';
- var sm = document.getElementById('q-status-multi');
- if(sm) sm.textContent = '📚 图纸数：0张';
- sm && (sm.style.background = '#EDF2F7');
- sm && (sm.style.color = 'var(--text-muted)');
- return;
- }
- if(emptyEl) emptyEl.style.display = 'none';
- var html = '';
- var readyCount = 0;
- var palette = ['#EBF8FF','#F0FFF4','#FFFAF0','#FAF5FF','#FFF5F5','#FFFFF0'];
- var borderPalette = ['#90CDF4','#9AE6B4','#FBD38D','#D6BCFA','#FEB2B2','#FAF089'];
- var iconPalette = ['🏠','🏢','🏘️','🏡','🛋️','🛏️'];
- qSheets.forEach(function(s, idx){
- var bg = palette[idx % palette.length];
- var bd = borderPalette[idx % borderPalette.length];
- var ic = iconPalette[idx % iconPalette.length];
- var hasDrawing = !!(s.drawing || s.isMock);
- var hasCAD = !!s.cad;
- var ready = hasDrawing || hasCAD;
- if(ready) readyCount++;
- var thumbHtml = '';
- if(s.isMock && s.mockType === 'floor1'){
- thumbHtml = '<div style="width:72px;height:54px;background:linear-gradient(135deg,#EBF8FF,#BEE3F8);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#2B6CB0;font-weight:600;border:1px solid #BEE3F8;">一楼示例</div>';
- } else if(s.isMock && s.mockType === 'floor2'){
- thumbHtml = '<div style="width:72px;height:54px;background:linear-gradient(135deg,#FAF5FF,#E9D8FD);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#6B46C1;font-weight:600;border:1px solid #D6BCFA;">二楼示例</div>';
- } else if(s.drawingUrl){
- thumbHtml = '<img src="'+s.drawingUrl+'" style="width:72px;height:54px;object-fit:cover;border-radius:6px;border:1px solid var(--border);" />';
- } else if(hasCAD){
- thumbHtml = '<div style="width:72px;height:54px;background:#FFF5F5;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid #FEB2B2;">📐</div>';
- } else {
- thumbHtml = '<div style="width:72px;height:54px;background:#F7FAFC;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#CBD5E0;border:2px dashed var(--border);">'+ic+'</div>';
- }
- var filesHtml = '';
- if(s.isMock && s.mockType === 'floor1'){
- filesHtml = '<span class="q-file-chip" style="background:#BEE3F8;color:#2C5282;">📋 示例：120㎡三房两厅一楼</span>';
- } else if(s.isMock && s.mockType === 'floor2'){
- filesHtml = '<span class="q-file-chip" style="background:#E9D8FD;color:#553C9A;">📋 示例：二楼户型图</span>';
- } else {
- if(s.drawing) filesHtml += '<span class="q-file-chip">🏠 '+s.drawing.name+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qSheetClearDrawing(\''+s.id+'\')">×</span></span>';
- if(s.cad) filesHtml += '<span class="q-file-chip">📐 '+s.cad.name+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qSheetClearCAD(\''+s.id+'\')">×</span></span>';
- }
- var statusBadge = ready
- ? '<span style="padding:2px 8px;border-radius:10px;background:#C6F6D5;color:#276749;font-size:11px;font-weight:600;">✓ 已就绪</span>'
- : '<span style="padding:2px 8px;border-radius:10px;background:#FED7D7;color:#9B2C2C;font-size:11px;font-weight:600;">待上传</span>';
- html += '<div style="background:'+bg+';border:1.5px solid '+bd+';border-radius:var(--radius);padding:12px;display:flex;gap:12px;align-items:flex-start;">'
- + '<div style="flex-shrink:0;">'+thumbHtml+'</div>'
- + '<div style="flex:1;min-width:0;">'
- + '<div style="display:flex;align-items:center;gap:8px;margin-bottom:6px;">'
- + '<input type="text" value="'+s.name.replace(/"/g,'"')+'" onchange="qRenameSheet(\''+s.id+'\',this.value)" style="flex:1;min-width:80px;padding:3px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-weight:600;background:#fff;" />'
- + statusBadge
- + '<button class="btn btn-outline btn-sm" style="padding:2px 8px;font-size:11px;color:#C53030;border-color:#FEB2B2;" onclick="qRemoveSheet(\''+s.id+'\')">🗑 删除</button>'
- + '</div>'
- + '<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;">'+filesHtml+'</div>'
- + '<div style="display:flex;gap:6px;flex-wrap:wrap;">'
- + '<button class="btn btn-outline btn-sm" style="padding:3px 10px;font-size:11px;" onclick="qSheetTriggerUpload(\''+s.id+'\',\'drawing\')">🏠 '+(s.drawing||s.isMock?'更换户型图':'上传户型图')+'</button>'
- + '<button class="btn btn-outline btn-sm" style="padding:3px 10px;font-size:11px;" onclick="qSheetTriggerUpload(\''+s.id+'\',\'cad\')">📐 '+(s.cad?'更换CAD':'上传CAD（可选）')+'</button>'
- + (!ready ? '<button class="btn btn-outline btn-sm" style="padding:3px 10px;font-size:11px;background:#EBF8FF;color:#2B6CB0;border-color:#BEE3F8;" onclick="qSheetLoadMock(\''+s.id+'\',\'floor1\')">📋 示例一楼</button>' : '')
- + (!ready ? '<button class="btn btn-outline btn-sm" style="padding:3px 10px;font-size:11px;background:#FAF5FF;color:#6B46C1;border-color:#D6BCFA;" onclick="qSheetLoadMock(\''+s.id+'\',\'floor2\')">📋 示例二楼</button>' : '')
- + '</div>'
- + '</div>'
- + '</div>';
- });
- listEl.innerHTML = html;
- var sm = document.getElementById('q-status-multi');
- if(sm){
- sm.textContent = '📚 图纸数：'+qSheets.length+'张（'+readyCount+'张已就绪）';
- sm.style.background = readyCount === qSheets.length && qSheets.length>0 ? '#C6F6D5' : '#FED7D7';
- sm.style.color = readyCount === qSheets.length && qSheets.length>0 ? '#276749' : '#9B2C2C';
- }
- }
- function qSheetTriggerUpload(id, type){
- _qActiveSheetIdForUpload = id;
- if(type==='drawing'){
- document.getElementById('q-file-sheet-drawing').value = '';
- document.getElementById('q-file-sheet-drawing').click();
- } else {
- document.getElementById('q-file-sheet-cad').value = '';
- document.getElementById('q-file-sheet-cad').click();
- }
- }
- function qHandleSheetDrawing(input){
- var file = input.files[0]; if(!file) return;
- var s = qSheets.find(function(x){return x.id===_qActiveSheetIdForUpload;});
- if(!s) return;
- s.isMock = false; s.mockType = null;
- if(s.drawingUrl) URL.revokeObjectURL(s.drawingUrl);
- s.drawing = file;
- s.drawingUrl = URL.createObjectURL(file);
- s.status = 'ready';
- qRenderSheetList();
- qCheckUploadReady();
- }
- function qHandleSheetCAD(input){
- var file = input.files[0]; if(!file) return;
- var s = qSheets.find(function(x){return x.id===_qActiveSheetIdForUpload;});
- if(!s) return;
- if(s.cadUrl) URL.revokeObjectURL(s.cadUrl);
- s.cad = file;
- s.status = 'ready';
- qRenderSheetList();
- qCheckUploadReady();
- }
- function qSheetClearDrawing(id){
- var s = qSheets.find(function(x){return x.id===id;}); if(!s) return;
- if(s.drawingUrl) URL.revokeObjectURL(s.drawingUrl);
- s.drawing = null; s.drawingUrl = null; s.isMock = false; s.mockType = null;
- if(!s.cad) s.status = 'empty';
- qRenderSheetList(); qCheckUploadReady();
- }
- function qSheetClearCAD(id){
- var s = qSheets.find(function(x){return x.id===id;}); if(!s) return;
- if(s.cadUrl) URL.revokeObjectURL(s.cadUrl);
- s.cad = null; s.cadUrl = null;
- if(!s.drawing && !s.isMock) s.status = 'empty';
- qRenderSheetList(); qCheckUploadReady();
- }
- function qAddMockSheet(type){
- var sheet = qAddSheet(true);
- sheet.isMock = true;
- sheet.mockType = type;
- sheet.status = 'ready';
- if(type === 'floor1'){
- sheet.name = '一楼（客厅+厨房+主卧）';
- } else if(type === 'floor2'){
- sheet.name = '二楼（次卧+书房+卫生间）';
- }
- qRenderSheetList();
- qCheckUploadReady();
- }
- function qSheetLoadMock(id, type){
- var s = qSheets.find(function(x){return x.id===id;});
- if(!s) return;
- if(s.drawingUrl) URL.revokeObjectURL(s.drawingUrl);
- if(s.cadUrl) URL.revokeObjectURL(s.cadUrl);
- s.drawing = null; s.drawingUrl = null; s.cad = null; s.cadUrl = null;
- s.isMock = true;
- s.mockType = type;
- s.status = 'ready';
- if(type === 'floor1'){
- s.name = s.name === '图纸'+qSheets.indexOf(s) || s.name.indexOf('图纸')===0 ? '一楼（客厅+厨房+主卧）' : s.name;
- } else if(type === 'floor2'){
- s.name = s.name === '图纸'+qSheets.indexOf(s) || s.name.indexOf('图纸')===0 ? '二楼（次卧+书房+卫生间）' : s.name;
- }
- qRenderSheetList();
- qCheckUploadReady();
- }
- function qQuickAddDemoFloors(){
- qSheets.forEach(function(s){
- if(s.drawingUrl) URL.revokeObjectURL(s.drawingUrl);
- if(s.cadUrl) URL.revokeObjectURL(s.cadUrl);
- });
- qSheets = [];
- qAddMockSheet('floor1');
- qAddMockSheet('floor2');
- }
- // 空间效果图结构识别 — Toggle
- function qToggleOCRPanel(){
- var panel = document.getElementById('q-ocr-panel');
- if(!panel) return;
- var btn = document.getElementById('q-btn-toggle-ocr');
- if(panel.classList.contains('hidden')){
- panel.classList.remove('hidden');
- if(btn) btn.textContent = '🔤 收起OCR识别详情';
- } else {
- panel.classList.add('hidden');
- if(btn) btn.textContent = '🔤 查看OCR识别详情';
- }
- }
- function qToggleSpaceOptions(idx){
- var opts = document.getElementById('q-space-opts-'+idx);
- var btn = document.getElementById('q-space-toggle-'+idx);
- if(!opts) return;
- if(opts.classList.contains('hidden')){
- opts.classList.remove('hidden');
- if(btn) btn.textContent = '▲ 收起选配产品';
- } else {
- opts.classList.add('hidden');
- if(btn) btn.textContent = '▼ 展开选配产品（五金/配件）';
- }
- }
- function qToggleRenderRecognition(){
- qRenderEnabled = !qRenderEnabled;
- const bg = document.getElementById('q-render-toggle-bg');
- const dot = document.getElementById('q-render-toggle-dot');
- const label = document.getElementById('q-render-toggle-label');
- const area = document.getElementById('q-render-upload-area');
- if(qRenderEnabled){
- bg.style.background = 'var(--accent)';
- dot.style.left = '22px';
- label.textContent = '已开启';
- label.style.color = 'var(--accent)';
- if(area) area.style.display = 'block';
- }else{
- bg.style.background = 'var(--border)';
- dot.style.left = '2px';
- label.textContent = '关闭';
- label.style.color = 'var(--text-muted)';
- if(area) area.style.display = 'none';
- qRenderFiles = [];
- qRenderResults = null;
- document.getElementById('q-upload-files-render').innerHTML = '';
- const zone = document.getElementById('q-upload-zone-render');
- if(zone){zone.style.borderColor='';zone.style.background='';zone.innerHTML='<div class="icon">🖼️</div><div class="text">点击上传空间效果图</div><div class="types">支持 JPG / PNG / WEBP（≤20MB），可多张上传</div>';}
- document.getElementById('q-file-render').value = '';
- }
- qCheckUploadReady();
- }
- // 空间效果图结构识别 — Upload handlers
- function qHandleRenderUpload(input){
- const files = Array.from(input.files).filter(f => f.type.startsWith('image/'));
- if(files.length === 0) return;
- qRenderFiles = files.slice(0, 10);
- const zone = document.getElementById('q-upload-zone-render');
- zone.style.borderColor = 'var(--success)'; zone.style.background = '#F0FFF4';
- zone.innerHTML = '<div class="icon">✅</div><div class="text">已选择 '+qRenderFiles.length+' 张效果图</div><div class="types">'+qRenderFiles.map(f=>f.name).join('、')+'</div>';
- renderRenderPreviews();
- qCheckUploadReady();
- }
- function renderRenderPreviews(){
- const container = document.getElementById('q-upload-files-render');
- if(!container) return;
- container.innerHTML = qRenderFiles.map(function(f, idx){
- // For real File objects use createObjectURL, for mock objects use thumb
- var url = (f instanceof File) ? URL.createObjectURL(f) : (f.thumb || f.preview || '');
- return '<div style="position:relative;width:100px;height:75px;border-radius:6px;overflow:hidden;border:1px solid var(--border);cursor:pointer;" onclick="qPreviewRenderImage('+idx+')">'+
- '<img src="'+url+'" style="width:100%;height:100%;object-fit:cover;" onerror="this.src=\'data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22100%22 height=%2275%22%3E%3Crect fill=%22%23EDF2F7%22 width=%22100%22 height=%2275%22/%3E%3Ctext x=%2225%22 y=%2242%22 font-size=%2212%22 fill=%22%23999%22%3E'+encodeURIComponent(f.name.slice(0,8))+'%3C/text%3E%3C/svg%3E\'">'+
- '<div onclick="event.stopPropagation();qRemoveRenderFile(\''+f.name.replace(/'/g,"\\'")+'\')" style="position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;">×</div>'+
- '<div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:9px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">'+f.name+'</div>'+
- '</div>';
- }).join('');
- }
- function qRemoveRenderFile(name){
- qRenderFiles = qRenderFiles.filter(f => f.name !== name);
- if(qRenderFiles.length === 0){
- const zone = document.getElementById('q-upload-zone-render');
- zone.style.borderColor = ''; zone.style.background = '';
- zone.innerHTML = '<div class="icon">🖼️</div><div class="text">点击上传空间效果图</div><div class="types">支持 JPG / PNG / WEBP（≤20MB），可多张上传</div>';
- document.getElementById('q-file-render').value = '';
- }else{
- const zone = document.getElementById('q-upload-zone-render');
- zone.innerHTML = '<div class="icon">✅</div><div class="text">已选择 '+qRenderFiles.length+' 张效果图</div><div class="types">'+qRenderFiles.map(f=>f.name).join('、')+'</div>';
- }
- renderRenderPreviews();
- qCheckUploadReady();
- }
- function qUseMockRender(){
- // Inline SVG — Living room rendering (奶油风)
- var lrSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">'+
- '<defs><linearGradient id="wall" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#FDF6EC"/><stop offset="100%" stop-color="#F8EDDC"/></linearGradient>'+
- '<linearGradient id="floor" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#D4C5B2"/><stop offset="100%" stop-color="#C4B5A2"/></linearGradient>'+
- '<linearGradient id="cabinet" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#F5F0E8"/><stop offset="100%" stop-color="#EBE3D7"/></linearGradient>'+
- '<linearGradient id="ceiling" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#FAFAF8"/></linearGradient>'+
- '</defs>'+
- '<!-- Ceiling --><rect fill="url(#ceiling)" width="600" height="120"/>'+
- '<!-- Ceiling cove light --><rect x="0" y="116" width="600" height="4" fill="#FFF8E7" opacity="0.8"/>'+
- '<!-- Back wall --><rect fill="url(#wall)" x="0" y="120" width="600" height="200"/>'+
- '<!-- Floor --><rect fill="url(#floor)" x="0" y="320" width="600" height="80"/>'+
- '<!-- Baseboard --><rect x="0" y="315" width="600" height="5" fill="#FFFFFF" opacity="0.9"/>'+
- '<!-- TV Feature wall --><rect x="180" y="130" width="240" height="180" fill="#E8E4DF" rx="2" stroke="#DDD5C8" stroke-width="1"/>'+
- '<rect x="200" y="145" width="200" height="120" fill="#F0EBE3" rx="2"/>'+
- '<!-- TV screen --><rect x="220" y="155" width="160" height="95" fill="#1A1A1A" rx="4"/>'+
- '<rect x="225" y="160" width="150" height="85" fill="#2D2D3F" rx="2"/>'+
- '<!-- TV stand / floating cabinet --><rect x="190" y="265" width="220" height="24" fill="url(#cabinet)" rx="3" stroke="#DDD5C8" stroke-width="1"/>'+
- '<line x1="190" y1="277" x2="410" y2="277" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<circle cx="210" cy="277" r="2" fill="#C4B5A2"/>'+
- '<circle cx="390" cy="277" r="2" fill="#C4B5A2"/>'+
- '<!-- Left cabinet (wine / display) --><rect x="50" y="135" width="80" height="36" fill="url(#cabinet)" rx="2" stroke="#DDD5C8" stroke-width="1"/>'+
- '<line x1="50" y1="153" x2="130" y2="153" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<rect x="50" y="175" width="80" height="36" fill="url(#cabinet)" rx="2" stroke="#DDD5C8" stroke-width="1"/>'+
- '<rect x="50" y="215" width="80" height="54" fill="url(#cabinet)" rx="2" stroke="#DDD5C8" stroke-width="1"/>'+
- '<!-- Sofa --><rect x="420" y="250" width="150" height="35" fill="#D4C5B2" rx="6"/>'+
- '<rect x="415" y="285" width="30" height="30" fill="#D4C5B2" rx="4"/>'+
- '<rect x="540" y="285" width="30" height="30" fill="#D4C5B2" rx="4"/>'+
- '<rect x="420" y="248" width="150" height="8" fill="#E8D5C0" rx="4"/>'+
- '<!-- Coffee table --><rect x="440" y="305" width="100" height="12" fill="#EBE3D7" rx="2" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<rect x="450" y="317" width="8" height="8" fill="#C4B5A2"/>'+
- '<rect x="522" y="317" width="8" height="8" fill="#C4B5A2"/>'+
- '<!-- Rug --><rect x="400" y="320" width="180" height="8" fill="#E8DED0" rx="2" opacity="0.6"/>'+
- '<!-- Curtain left --><rect x="2" y="120" width="14" height="200" fill="#F0EBE3" opacity="0.7"/>'+
- '<!-- Curtain right --><rect x="584" y="120" width="14" height="200" fill="#F0EBE3" opacity="0.7"/>'+
- '<!-- Ceiling spotlights --><circle cx="150" cy="50" r="8" fill="#FFF8E7" opacity="0.5"/><circle cx="150" cy="50" r="4" fill="#FFF"/>'+
- '<circle cx="300" cy="50" r="8" fill="#FFF8E7" opacity="0.5"/><circle cx="300" cy="50" r="4" fill="#FFF"/>'+
- '<circle cx="450" cy="50" r="8" fill="#FFF8E7" opacity="0.5"/><circle cx="450" cy="50" r="4" fill="#FFF"/>'+
- '<!-- Potted plant --><circle cx="565" cy="310" r="12" fill="#48BB78" opacity="0.7"/>'+
- '<circle cx="565" cy="305" r="8" fill="#68D391" opacity="0.6"/>'+
- '<rect x="561" y="320" width="10" height="12" fill="#C4A97D" rx="2"/>'+
- '<!-- Labels -->'+
- '<rect x="210" y="370" width="180" height="20" fill="rgba(0,0,0,0.55)" rx="10"/>'+
- '<text x="300" y="384" text-anchor="middle" font-size="11" fill="#FFF" font-family="sans-serif" font-weight="bold">🛋️ 客厅 — 奶油风 · 双饰面 SSM-023 浅橡木</text>'+
- '</svg>';
- // Inline SVG — Master bedroom rendering (现代简约)
- var brSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">'+
- '<defs><linearGradient id="br-wall" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#F7F8FA"/><stop offset="100%" stop-color="#EEF0F4"/></linearGradient>'+
- '<linearGradient id="br-floor2" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#C4A97D"/><stop offset="100%" stop-color="#B89B6E"/></linearGradient>'+
- '<linearGradient id="wardrobe" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="#E8E4DF"/><stop offset="100%" stop-color="#F5F0E8"/></linearGradient>'+
- '<linearGradient id="br-ceiling" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#FFFFFF"/><stop offset="100%" stop-color="#F8F9FB"/></linearGradient>'+
- '</defs>'+
- '<!-- Ceiling --><rect fill="url(#br-ceiling)" width="600" height="110"/>'+
- '<!-- Back wall --><rect fill="url(#br-wall)" x="0" y="110" width="600" height="210"/>'+
- '<!-- Floor --><rect fill="url(#br-floor2)" x="0" y="320" width="600" height="80"/>'+
- '<!-- Baseboard --><rect x="0" y="315" width="600" height="5" fill="#FFFFFF" opacity="0.9"/>'+
- '<!-- Headboard wall accent --><rect x="150" y="115" width="300" height="195" fill="#E8EDF2" opacity="0.5"/>'+
- '<!-- Bed frame --><rect x="200" y="220" width="200" height="65" fill="#D4C5B2" rx="6"/>'+
- '<!-- Mattress --><rect x="210" y="200" width="180" height="25" fill="#FFFFFF" rx="4"/>'+
- '<rect x="210" y="205" width="180" height="6" fill="#F7F8FA" rx="2"/>'+
- '<!-- Pillows --><rect x="220" y="210" width="35" height="14" fill="#FFFFFF" rx="6" stroke="#E2E8F0" stroke-width="0.5"/>'+
- '<rect x="265" y="210" width="35" height="14" fill="#FFFFFF" rx="6" stroke="#E2E8F0" stroke-width="0.5"/>'+
- '<!-- Headboard --><rect x="195" y="140" width="210" height="65" fill="#D4C5B2" rx="4"/>'+
- '<rect x="205" y="148" width="190" height="50" fill="#E8D5C0" rx="2"/>'+
- '<!-- Wardrobe (large, full wall) --><rect x="430" y="125" width="150" height="195" fill="url(#wardrobe)" rx="2" stroke="#DDD5C8" stroke-width="1"/>'+
- '<line x1="505" y1="125" x2="505" y2="320" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<line x1="430" y1="190" x2="580" y2="190" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<circle cx="467" cy="157" r="3" fill="#C4B5A2"/>'+
- '<circle cx="542" cy="157" r="3" fill="#C4B5A2"/>'+
- '<circle cx="467" cy="220" r="3" fill="#C4B5A2"/>'+
- '<circle cx="542" cy="220" r="3" fill="#C4B5A2"/>'+
- '<!-- Bedside table left --><rect x="170" y="245" width="28" height="28" fill="#EBE3D7" rx="3" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<circle cx="184" cy="255" r="6" fill="#FFFFFF" opacity="0.5"/>'+
- '<!-- Bedside table right --><rect x="402" y="245" width="24" height="28" fill="#EBE3D7" rx="3" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<!-- Nightstand lamp --><rect x="410" y="233" width="4" height="14" fill="#C4A97D"/>'+
- '<ellipse cx="412" cy="231" rx="7" ry="4" fill="#FFF8E7" opacity="0.6"/>'+
- '<!-- Dressing table / small desk --><rect x="25" y="240" width="80" height="30" fill="#EBE3D7" rx="2" stroke="#DDD5C8" stroke-width="0.5"/>'+
- '<rect x="40" y="270" width="6" height="25" fill="#C4B5A2"/>'+
- '<rect x="85" y="270" width="6" height="25" fill="#C4B5A2"/>'+
- '<circle cx="65" cy="252" r="10" fill="#FFFFFF" opacity="0.4"/>'+
- '<!-- Rug --><rect x="190" y="325" width="160" height="6" fill="#E8DED0" rx="2" opacity="0.5"/>'+
- '<!-- Curtains --><rect x="2" y="110" width="12" height="210" fill="#E8E4DF" opacity="0.6"/>'+
- '<rect x="586" y="110" width="12" height="210" fill="#E8E4DF" opacity="0.6"/>'+
- '<!-- Ceiling light --><rect x="270" y="55" width="60" height="6" fill="#C4B5A2" rx="3"/>'+
- '<ellipse cx="300" cy="60" rx="20" ry="8" fill="#FFF8E7" opacity="0.4"/>'+
- '<circle cx="300" cy="50" r="4" fill="#FFF"/>'+
- '<!-- Labels -->'+
- '<rect x="200" y="370" width="200" height="20" fill="rgba(0,0,0,0.55)" rx="10"/>'+
- '<text x="300" y="384" text-anchor="middle" font-size="11" fill="#FFF" font-family="sans-serif" font-weight="bold">🛏️ 主卧 — 现代简约 · 影木 YM-001 胡桃木</text>'+
- '</svg>';
- var mockThumbs = [
- 'data:image/svg+xml,' + encodeURIComponent(lrSvg),
- 'data:image/svg+xml,' + encodeURIComponent(brSvg)
- ];
- qRenderFiles = [
- {name:'客厅效果图_奶油风.jpg',type:'image/jpeg',thumb:mockThumbs[0]},
- {name:'主卧效果图_现代简约.jpg',type:'image/jpeg',thumb:mockThumbs[1]}
- ];
- var zone = document.getElementById('q-upload-zone-render');
- zone.style.borderColor = 'var(--success)'; zone.style.background = '#F0FFF4';
- zone.innerHTML = '<div class="icon">✅</div><div class="text">已选择 2 张示例效果图</div><div class="types">客厅效果图_奶油风.jpg、主卧效果图_现代简约.jpg</div>';
- var container = document.getElementById('q-upload-files-render');
- if(container){
- container.innerHTML = qRenderFiles.map(function(f, idx){
- return '<div style="position:relative;width:100px;height:75px;border-radius:6px;overflow:hidden;border:1px solid var(--border);cursor:pointer;" onclick="qPreviewRenderImage('+idx+')">'+
- '<img src="'+f.thumb+'" style="width:100%;height:100%;object-fit:cover;" onerror="this.src=\'data:image/svg+xml,'+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="75"><rect fill="#EDF2F7" width="100" height="75"/><text x="50" y="42" text-anchor="middle" font-size="12" fill="#A0AEC0">效果图</text></svg>')+'\'">'+
- '<div onclick="event.stopPropagation();qRemoveMockRenderFile(\''+f.name.replace(/'/g,"\\'")+'\')" style="position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;">×</div>'+
- '<div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:9px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">'+f.name+'</div>'+
- '</div>';
- }).join('');
- }
- qCheckUploadReady();
- }
- // Remove individual mock render file
- function qRemoveMockRenderFile(name){
- qRenderFiles = qRenderFiles.filter(function(f){return f.name !== name;});
- if(qRenderFiles.length === 0){
- qClearRenderZone();
- }else{
- var zone = document.getElementById('q-upload-zone-render');
- zone.innerHTML = '<div class="icon">✅</div><div class="text">已选择 '+qRenderFiles.length+' 张效果图</div><div class="types">'+qRenderFiles.map(function(f){return f.name;}).join('、')+'</div>';
- // Re-render with mock thumbs
- qRefreshMockRenderPreviews();
- }
- }
- function qRefreshMockRenderPreviews(){
- var container = document.getElementById('q-upload-files-render');
- if(!container) return;
- container.innerHTML = qRenderFiles.map(function(f, idx){
- var thumb = f.thumb || ('data:image/svg+xml,'+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="75"><rect fill="#EDF2F7" width="100" height="75"/><text x="50" y="40" text-anchor="middle" font-size="11" fill="#A0AEC0">'+f.name.slice(0,6)+'</text></svg>'));
- return '<div style="position:relative;width:100px;height:75px;border-radius:6px;overflow:hidden;border:1px solid var(--border);cursor:pointer;" onclick="qPreviewRenderImage('+idx+')">'+
- '<img src="'+thumb+'" style="width:100%;height:100%;object-fit:cover;" onerror="this.onerror=null;this.src=\'data:image/svg+xml,'+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="75"><rect fill="#EDF2F7" width="100" height="75"/><text x="50" y="42" text-anchor="middle" font-size="12" fill="#A0AEC0">效果图</text></svg>')+'\'">'+
- '<div onclick="event.stopPropagation();qRemoveMockRenderFile(\''+f.name.replace(/'/g,"\\'")+'\')" style="position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;">×</div>'+
- '<div style="position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:9px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">'+f.name+'</div>'+
- '</div>';
- }).join('');
- }
- // Lightbox preview for render images
- function qPreviewRenderImage(idx){
- var f = qRenderFiles[idx];
- if(!f) return;
- var src = '';
- if(f instanceof File && f.type.startsWith('image/')){ src = URL.createObjectURL(f); }
- else if(f.thumb){ src = f.thumb; }
- else if(f.preview){ src = f.preview; }
- else { src = 'data:image/svg+xml,'+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400"><rect fill="#EDF2F7" width="600" height="400"/><text x="300" y="210" text-anchor="middle" font-size="20" fill="#A0AEC0">'+f.name+'</text></svg>'); }
- qOpenZoomableLightbox(src, f.name);
- }
- function qClearRenderZone(){
- qRenderFiles = [];
- const zone = document.getElementById('q-upload-zone-render');
- if(zone){zone.style.borderColor='';zone.style.background='';zone.innerHTML='<div class="icon">🖼️</div><div class="text">点击上传空间效果图</div><div class="types">支持 JPG / PNG / WEBP（≤20MB），可多张上传</div>';}
- document.getElementById('q-upload-files-render').innerHTML = '';
- document.getElementById('q-file-render').value = '';
- }
- // ====================== 五维AI分析引擎 ======================
- // 精确的示例图纸数据（与Canvas绘制的标注严格对应）
- function qBuildMockExactData(){
- // 数据与Canvas绘制的示例户型图上文字标注严格对应：
- // 客厅5.5×4.5=24.8㎡、主卧4.2×3.5=14.7㎡、次卧3.8×3.2=12.2㎡
- // 餐厅3.0×3.2=9.6㎡、厨房3.5×2.4=8.4㎡、阳台3.0×1.5=4.5㎡
- return {
- houseType: '三房两厅一厨一卫',
- houseLabel: '三房两厅',
- totalArea: 74.2, // 24.8+14.7+12.2+9.6+8.4+4.5=74.2㎡（套内面积）
- grossArea: 120, // 建筑面积
- orientation: '坐北朝南',
- rooms: [
- // 注意：length=房间面宽，height=房间进深（墙体标注的两个尺寸）
- {roomName:'客厅', cabinetType:'客厅电视柜', layoutStyle:'L型', projectArea:24.8, doorType:'风影门板', length:5.5, width:4.5, height:2.8, area:24.8, cabinetRatio:0.45, fillRate:0.60, doorRatio:0.60, bayWindow:true},
- {roomName:'主卧', cabinetType:'主卧衣柜', layoutStyle:'一字型',projectArea:14.7, doorType:'铝格栅板', length:4.2, width:3.5, height:2.8, area:14.7, cabinetRatio:0.60, fillRate:0.65, doorRatio:0.55, bayWindow:true},
- {roomName:'次卧', cabinetType:'次卧衣柜', layoutStyle:'一字型',projectArea:12.2, doorType:'普通平板', length:3.8, width:3.2, height:2.8, area:12.2, cabinetRatio:0.55, fillRate:0.50, doorRatio:0.50, bayWindow:false},
- {roomName:'餐厅', cabinetType:'餐厅餐边柜', layoutStyle:'一字型',projectArea:9.6, doorType:'普通平板', length:3.0, width:3.2, height:2.8, area:9.6, cabinetRatio:0.40, fillRate:0.45, doorRatio:0.45, bayWindow:false},
- {roomName:'厨房', cabinetType:'厨房橱柜', layoutStyle:'U型', projectArea:8.4, doorType:'普通平板', length:3.5, width:2.4, height:2.8, area:8.4, cabinetRatio:0.70, fillRate:0.70, doorRatio:0.40, bayWindow:false},
- {roomName:'阳台', cabinetType:'阳台柜', layoutStyle:'一字型',projectArea:4.5, doorType:'普通平板', length:3.0, width:1.5, height:2.6, area:4.5, cabinetRatio:0.50, fillRate:0.50, doorRatio:0.50, bayWindow:false},
- {roomName:'书房', cabinetType:'书房书柜', layoutStyle:'一字型',projectArea:6.3, doorType:'玻璃门', length:2.5, width:2.5, height:2.8, area:6.3, cabinetRatio:0.65, fillRate:0.60, doorRatio:0.45, bayWindow:false},
- {roomName:'玄关', cabinetType:'玄关鞋柜', layoutStyle:'一字型',projectArea:2.7, doorType:'普通平板', length:1.5, width:1.8, height:2.6, area:2.7, cabinetRatio:0.55, fillRate:0.50, doorRatio:0.50, bayWindow:false},
- {roomName:'开放式厨房', cabinetType:'开放式厨房', layoutStyle:'L型',projectArea:9.0, doorType:'PET门板', length:3.2, width:2.8, height:2.8, area:9.0, cabinetRatio:0.60, fillRate:0.65, doorRatio:0.50, bayWindow:false}
- ],
- walls: [
- {id:'W1',type:'外墙',orientation:'北',length:12.4,thickness:0.24,startX:0,startY:0,endX:12.4,endY:0},
- {id:'W2',type:'外墙',orientation:'南',length:12.4,thickness:0.24,startX:0,startY:9.2,endX:12.4,endY:9.2},
- {id:'W3',type:'外墙',orientation:'东',length:9.2,thickness:0.24,startX:12.4,startY:0,endX:12.4,endY:9.2},
- {id:'W4',type:'外墙',orientation:'西',length:9.2,thickness:0.24,startX:0,startY:0,endX:0,endY:9.2},
- {id:'W5',type:'内墙',orientation:'纵向',length:5.2,thickness:0.12,startX:5.0,startY:0,endX:5.0,endY:5.2,desc:'分隔客厅与主卧/次卧'},
- {id:'W6',type:'内墙',orientation:'纵向',length:3.1,thickness:0.12,startX:8.5,startY:0,endX:8.5,endY:3.1,desc:'分隔主卧与餐厅'},
- {id:'W7',type:'内墙',orientation:'横向',length:5.0,thickness:0.12,startX:0,startY:5.2,endX:5.0,endY:5.2,desc:'分隔客厅与次卧'},
- {id:'W8',type:'内墙',orientation:'横向',length:6.5,thickness:0.12,startX:5.0,startY:3.1,endX:11.5,endY:3.1,desc:'分隔主卧/次卧与厨房/餐厅'},
- {id:'W9',type:'内墙',orientation:'横向',length:3.5,thickness:0.12,startX:8.5,startY:6.0,endX:12.0,endY:6.0,desc:'分隔餐厅与厨房'}
- ],
- doors: [
- {id:'D1',type:'入户门',room:'客厅',width:0.9,position:'南墙偏东',opening:'内开右'},
- {id:'D2',type:'室内门',room:'主卧→客厅',width:0.8,position:'东侧内墙',opening:'内开左'},
- {id:'D3',type:'室内门',room:'次卧→客厅',width:0.8,position:'北侧内墙',opening:'内开左'},
- {id:'D4',type:'室内门',room:'厨房→餐厅',width:0.8,position:'南侧内墙',opening:'内开右'},
- {id:'D5',type:'室内门',room:'餐厅→客厅',width:0.8,position:'内墙通道',opening:'推拉门'},
- {id:'D6',type:'推拉门',room:'阳台→客厅',width:1.5,position:'东侧外墙',opening:'推拉门'}
- ],
- windows: [
- {id:'WIN1',room:'客厅',type:'飘窗',width:3.0,orientation:'南'},
- {id:'WIN2',room:'主卧',type:'飘窗',width:2.4,orientation:'南'},
- {id:'WIN3',room:'次卧',type:'普通窗',width:1.8,orientation:'北'},
- {id:'WIN4',room:'餐厅',type:'普通窗',width:1.5,orientation:'东'},
- {id:'WIN5',room:'厨房',type:'普通窗',width:1.2,orientation:'北'},
- {id:'WIN6',room:'阳台',type:'普通窗',width:2.0,orientation:'东'}
- ],
- structType: '砖混结构 / 框架剪力墙',
- outerWallThickness: '240mm（砖混结构）',
- innerWallThickness: '120mm（轻质隔墙）',
- floorHeight: '2.8m（标准层高）',
- totalWidth: '12.4m（东西向）'
- };
- }
- // Step 2: Sync AI analysis UI state (增强版)
- function qRenderStep2(){
- var loadingArea = document.getElementById('q-ai-loading-area');
- var spinner = document.getElementById('q-ai-spinner');
- var statusText = document.getElementById('q-ai-status-text');
- var statusDetail = document.getElementById('q-ai-status-detail');
- var actionArea = document.getElementById('q-ai-action-area');
- var progressBar = document.getElementById('q-ai-progress-bar');
- var analysisGrid = document.getElementById('q-ai-analysis-grid');
- var summaryBanner = document.getElementById('q-ai-summary-banner');
- // ── 立即显示已上传的图片预览 ──
- var previewDiv = document.getElementById('q-ai-image-preview');
- var drawingThumb = document.getElementById('q-ai-drawing-thumb');
- var drawingImg = document.getElementById('q-ai-drawing-img');
- var reqThumb = document.getElementById('q-ai-req-thumb');
- var reqImg = document.getElementById('q-ai-req-img');
- var fileInfo = document.getElementById('q-ai-file-info');
- // 户型图原图统一在「第一步：原图家具布局」工作区展示，顶部仅在生成家具布局合成图后显示合成结果，避免原图重复出现
- if (qUploadedDrawing && qUploadedDrawingUrl && qFurnitureCompositeDataUrl) {
- if (previewDiv) previewDiv.style.display = 'block';
- if (drawingThumb) drawingThumb.style.display = 'block';
- if (drawingImg) {
- var previewSrc = qFurnitureCompositeDataUrl;
- drawingImg.src = previewSrc;
- drawingImg.style.display = 'block';
- drawingImg.onclick = function(){ qOpenZoomableLightbox(previewSrc, '家具布局户型图'); };
- var previewTitle=document.getElementById('q-ai-drawing-preview-title');
- if(previewTitle)previewTitle.textContent='🛋️ 家具布局户型图（贴纸结果）';
- }
- var infoParts = [];
- if (qUploadedDrawing.name) infoParts.push('📁 文件：'+qUploadedDrawing.name);
- if (qUploadedDrawing.size) infoParts.push('📦 大小：'+(qUploadedDrawing.size/1024).toFixed(0)+'KB');
- if (fileInfo && !qAiProcessed) fileInfo.innerHTML = infoParts.join(' ｜ ');
- } else {
- if (previewDiv) previewDiv.style.display = 'none';
- }
- // 需求记录图片
- if (qUploadedRequirement && qUploadedRequirementUrl) {
- if (reqThumb) reqThumb.style.display = 'block';
- if (reqImg) {
- reqImg.src = qUploadedRequirementUrl;
- reqImg.onclick = function(){ qOpenZoomableLightbox(qUploadedRequirementUrl, qUploadedRequirement.name||'需求记录'); };
- }
- }
- if (qAiProcessed) {
- if (spinner) spinner.style.display = 'none';
- if (loadingArea) loadingArea.style.display = 'none';
- if (statusText) { statusText.textContent = '✅ AI 解析完成！'; statusText.style.color = 'var(--success)'; }
- if (progressBar) progressBar.style.display = 'flex';
- if (summaryBanner) summaryBanner.classList.remove('hidden');
- // Mark all progress steps as done
- for (var i = 0; i < 5; i++) {
- var step = document.getElementById('q-ai-prog-'+i);
- if (step) { step.className = 'ai-progress-step done'; }
- }
- var extraBtns = '';
- if (qRenderResults && qRenderResults.length > 0) {
- extraBtns += '<button class="btn btn-outline btn-lg" onclick="qShowRenderResults()" style="margin-left:8px;">🖼️ 查看结构识别结果</button>';
- }
- if (actionArea) {
- actionArea.innerHTML = extraBtns+'<button class="btn btn-outline btn-lg" onclick="qStartAnalysis()">🔄 重新解析</button>';
- }
- // 重新添加图纸标注
- var isMockDrawing = (qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1) || (qUploadedCAD && qUploadedCAD.name && qUploadedCAD.name.indexOf('120㎡三房两厅') !== -1);
- setTimeout(function(){ qAddDrawingAnnotations(isMockDrawing); }, 300);
- // 重新渲染AI卡片（确保下拉框单价从规则配置最新值读取）
- var cardData = qAiEditableData || window._qLastAnalysisData;
- if (cardData) {
- // 同步已选增项价格到最新规则值
- if(cardData.rooms){
- cardData.rooms.forEach(function(r){
- if(r._selectedExtras){
- r._selectedExtras.forEach(function(se){
- var latestEx = DEFAULT_RULES.extra.find(function(e){return e.name === se.name;});
- if(latestEx){ se.price = parseFloat(latestEx.price)||0; se.method=latestEx.method; se.unit=latestEx.unit; }
- });
- }
- });
- }
- qRenderAICards(cardData, isMockDrawing);
- }
- } else if (qAiAnalyzing) {
- // 正在解析中
- if (loadingArea) loadingArea.style.display = 'flex';
- if (spinner) spinner.style.display = 'block';
- if (statusText) { statusText.textContent = 'AI 正在分析中...'; statusText.style.color = ''; }
- if (actionArea) actionArea.innerHTML = '';
- if (progressBar) {
- // Reset all progress steps
- for (var i = 0; i < 5; i++) {
- var step = document.getElementById('q-ai-prog-'+i);
- if (step) { step.className = 'ai-progress-step'; }
- }
- }
- if (analysisGrid) analysisGrid.innerHTML = '';
- if (summaryBanner) summaryBanner.classList.add('hidden');
- // 清除标注
- var annLayer = document.getElementById('q-ai-annotations-layer');
- if (annLayer) annLayer.innerHTML = '';
- } else {
- // 等待开始解析：显示图片 + 开始按钮
- if (loadingArea) loadingArea.style.display = 'flex';
- if (spinner) spinner.style.display = 'none';
- if (statusText) { statusText.textContent = (state.quoteMode === 'manual') ? '📋 图纸已就绪，添加家具贴纸并调整布局后点击「下一步，柜体尺寸计算」' : '📋 图纸已就绪，点击下方按钮开始AI解析'; statusText.style.color = 'var(--accent)'; }
- if (statusDetail) { var sd = document.getElementById('q-ai-status-detail'); if(sd) sd.textContent = (state.quoteMode === 'manual') ? '手动拖拽家具贴纸定位柜体，尺寸可逐个编辑复核' : 'AI将自动识别图纸中的柜体尺寸、房间名称等信息'; }
- if (progressBar) progressBar.style.display = 'none';
- if (analysisGrid) analysisGrid.innerHTML = '';
- if (summaryBanner) summaryBanner.classList.add('hidden');
- // 清除标注
- var annLayer2 = document.getElementById('q-ai-annotations-layer');
- if (annLayer2) annLayer2.innerHTML = '';
- // 显示开始解析按钮（第二套报价模式已有「下一步，柜体尺寸计算」按键，隐藏此动态按钮避免重复）
- if (actionArea) {
- if (state.quoteMode === 'manual') {
- actionArea.innerHTML = '';
- } else {
- var canAnalyze = (qUploadedDrawing || qUploadedCAD);
- actionArea.innerHTML = '<button class="btn btn-primary btn-lg" onclick="qStartAnalysis()" '+(canAnalyze?'':'disabled style="opacity:0.5;cursor:not-allowed;"')+'>🤖 开始 AI 解析</button>';
- }
- }
- }
- }
- // 更新分析进度条
- function qUpdateProgressStep(index){
- for (var i = 0; i < 5; i++) {
- var step = document.getElementById('q-ai-prog-'+i);
- if (!step) continue;
- if (i < index) { step.className = 'ai-progress-step done'; }
- else if (i === index) { step.className = 'ai-progress-step running'; }
- else { step.className = 'ai-progress-step'; }
- }
- }
- // ── 渲染五维分析结果卡片 ──
- // ==================== 可编辑AI分析卡片 ====================
- // 编辑模式开关
- function qToggleAiEditMode(){
- qAiEditMode = !qAiEditMode;
- var toggleEl = document.getElementById('q-ai-edit-toggle');
- var indicatorEl = document.getElementById('q-ai-edit-indicator');
- if (toggleEl) toggleEl.textContent = qAiEditMode ? '🔒 退出编辑' : '✏️ 编辑数据';
- if (toggleEl) toggleEl.className = qAiEditMode ? 'btn btn-outline btn-sm' : 'btn btn-outline btn-sm';
- if (indicatorEl) indicatorEl.style.display = qAiEditMode ? 'inline-block' : 'none';
- // 重新渲染卡片以切换编辑/查看模式
- if (qAiEditableData) {
- var isMock = qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1;
- qRenderAICards(qAiEditableData, isMock);
- }
- }
- // 内联编辑辅助：生成可编辑的数据值HTML
- function qEditableVal(cardIdx, rowIdx, value, editType, options){
- if (!qAiEditMode) return value;
- var uid = 'ai-edit-'+cardIdx+'-'+rowIdx;
- var encodedVal = value.replace(/&/g,'&').replace(/"/g,'"').replace(/</g,'<').replace(/>/g,'>').replace(/'/g,''');
- var clickHandler = 'qStartInlineEdit('+cardIdx+','+rowIdx+')';
- return '<span class="ai-data-value editable" id="'+uid+'" onclick="event.stopPropagation();'+clickHandler+'" title="点击编辑">'+value+'</span>';
- }
- // 开始内联编辑
- function qStartInlineEdit(cardIdx, rowIdx){
- if (!qAiEditMode) return;
- if (!qAiEditableData) return;
- var uid = 'ai-edit-'+cardIdx+'-'+rowIdx;
- var el = document.getElementById(uid);
- if (!el) return;
- // 获取当前值和元数据
- var meta = qGetEditableMeta(cardIdx, rowIdx);
- if (!meta) return;
- var currentVal = meta.getter();
- // 防止重复编辑
- if (el.classList.contains('editing')) return;
- el.classList.add('editing');
- var inputHtml = '';
- if (meta.editType === 'select') {
- var opts = (meta.options || []).map(function(o){
- return '<option value="'+o+'"'+(o===currentVal?' selected':'')+'>'+o+'</option>';
- }).join('');
- inputHtml = '<select class="ai-inline-select" id="'+uid+'-input">'+opts+'</select>';
- } else if (meta.editType === 'number') {
- inputHtml = '<input type="number" step="0.01" class="ai-inline-input" id="'+uid+'-input" value="'+currentVal+'" style="width:80px;">';
- } else if (meta.editType === 'color') {
- inputHtml = '<input type="text" class="ai-inline-input" id="'+uid+'-input" value="'+currentVal+'" style="width:120px;">';
- } else {
- inputHtml = '<input type="text" class="ai-inline-input" id="'+uid+'-input" value="'+currentVal+'" style="min-width:100px;">';
- }
- var actionsHtml = '<span class="ai-edit-actions"><button class="ai-btn-save" onclick="event.stopPropagation();qSaveInlineEdit('+cardIdx+','+rowIdx+')" title="保存">✓</button><button class="ai-btn-cancel" onclick="event.stopPropagation();qCancelInlineEdit('+cardIdx+','+rowIdx+')" title="取消">✕</button></span>';
- el.innerHTML = inputHtml + actionsHtml;
- var input = document.getElementById(uid+'-input');
- if (input) {
- input.focus();
- if (meta.editType !== 'select') input.select();
- input.addEventListener('keydown', function(e){
- if (e.key === 'Enter') { e.preventDefault(); qSaveInlineEdit(cardIdx, rowIdx); }
- if (e.key === 'Escape') { e.preventDefault(); qCancelInlineEdit(cardIdx, rowIdx); }
- });
- }
- }
- // 保存内联编辑
- function qSaveInlineEdit(cardIdx, rowIdx){
- if (!qAiEditableData) return;
- var uid = 'ai-edit-'+cardIdx+'-'+rowIdx;
- var input = document.getElementById(uid+'-input');
- if (!input) return;
- var newVal = input.value;
- var meta = qGetEditableMeta(cardIdx, rowIdx);
- if (!meta) { qCancelInlineEdit(cardIdx, rowIdx); return; }
- // 类型转换
- if (meta.editType === 'number') {
- newVal = parseFloat(newVal);
- if (isNaN(newVal) || newVal < 0) { qCancelInlineEdit(cardIdx, rowIdx); return; }
- }
- // 写入数据
- meta.setter(newVal);
- // 如果有对应 qRooms 同步，立即写入
- if (meta.roomIdx != null && qRooms && qRooms[meta.roomIdx]) {
- qRooms[meta.roomIdx][meta.roomField] = newVal;
- // 如果修改了长/宽，重算面积
- if (meta.roomField === 'length' || meta.roomField === 'width') {
- var r = qRooms[meta.roomIdx];
- r.area = null; r.expandArea = null;
- qRooms[meta.roomIdx] = r;
- }
- }
- // 重新渲染卡片
- var isMock = qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1;
- qRenderAICards(qAiEditableData, isMock);
- // 立即更新汇总横幅
- qUpdateSummaryBanner(qAiEditableData);
- // 通知用户
- qFlashEditSaved(uid);
- }
- // 取消内联编辑
- function qCancelInlineEdit(cardIdx, rowIdx){
- if (!qAiEditableData) return;
- var isMock = qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1;
- qRenderAICards(qAiEditableData, isMock);
- }
- // 短暂闪烁提示保存成功
- function qFlashEditSaved(uid){
- var row = document.getElementById(uid);
- if (!row) return;
- row = row.closest('.ai-data-row');
- if (!row) return;
- row.style.transition = 'background 0.3s';
- row.style.background = '#C6F6D5';
- setTimeout(function(){ row.style.background = ''; }, 800);
- }
- // 保障层高输入框始终可手动编辑：清除任何禁用/只读/遮挡状态
- function qEnsureFloorHeightEditable() {
- var el = document.getElementById('q-floor-height');
- if (!el) return;
- if (el.disabled) el.disabled = false;
- if (el.readOnly) el.readOnly = false;
- el.removeAttribute('disabled');
- el.removeAttribute('readonly');
- el.style.pointerEvents = 'auto';
- el.style.position = 'relative';
- el.style.zIndex = '5';
- el.tabIndex = 0;
- }
- document.addEventListener('mousedown', function(e){
- if (e.target && e.target.id === 'q-floor-height') { e.stopPropagation(); }
- }, true);
- document.addEventListener('click', function(e){
- if (e.target && e.target.id === 'q-floor-height') { e.stopPropagation(); qEnsureFloorHeightEditable(); }
- }, true);
- // 更新层高（独立输入框，位于Step1）并同步到所有房间
- function qUpdateFloorHeight(val) {
- var input1 = document.getElementById('q-floor-height');
- var strVal = (val !== undefined && val !== null) ? String(val).trim() : (input1 ? input1.value : '');
- var isEmpty = strVal === '';
- // 输入为米，直接存储
- var h = parseFloat(strVal);
- var isValid = !isEmpty && !isNaN(h) && h >= 2.0 && h <= 4.0;
- if (!isValid) {
- // 层高为空/越界仅显示"—"，不禁用下一步按钮（层高为参考信息，不阻断流程）
- qFloorHeight = 0;
- var fhDisplay = document.getElementById('q-step2-fh-display');
- if (fhDisplay) fhDisplay.textContent = '—';
- qCheckCanAnalyze();
- return;
- }
- qFloorHeight = h;
- var fhDisplay2 = document.getElementById('q-step2-fh-display');
- if (fhDisplay2) fhDisplay2.textContent = h.toFixed(2) + 'm';
- // 层高仅作为参考，不强制更新柜体高度
- if (qAiProcessed && qRooms && qRooms.length) {
- qRenderStep2();
- if (state.currentStep >= 3) qRenderStep4();
- if (state.currentStep >= 4) qRenderStep5();
- }
- qCheckCanAnalyze();
- var nextBtn2 = document.getElementById('q-step2-next-btn');
- if (nextBtn2 && qAiProcessed) { nextBtn2.disabled = false; nextBtn2.style.opacity='1'; nextBtn2.style.cursor='pointer'; }
- }
- function qFilterFloorHeight(input) {
- var v = input.value;
- if (v === '') return;
- var filtered = v.replace(/[^\d.]/g, '');
- var firstDot = filtered.indexOf('.');
- if (firstDot !== -1) {
- var intPart = filtered.substring(0, firstDot);
- var decPart = filtered.substring(firstDot + 1).replace(/\./g, '');
- if (decPart.length > 2) decPart = decPart.substring(0, 2);
- filtered = intPart + '.' + decPart;
- }
- if (filtered !== v) {
- input.value = filtered;
- }
- }
- function qFormatFloorHeight() {
- var input1 = document.getElementById('q-floor-height');
- if (!input1) return;
- var strVal = input1.value.trim();
- if (strVal === '') {
- input1.value = '';
- qUpdateFloorHeight('');
- return;
- }
- // 允许数字和小数点（米为单位，保留2位小数）
- var filtered = strVal.replace(/[^\d.]/g, '');
- var firstDot = filtered.indexOf('.');
- if (firstDot !== -1) {
- var intPart = filtered.substring(0, firstDot);
- var decPart = filtered.substring(firstDot + 1).replace(/\./g, '');
- if (decPart.length > 2) decPart = decPart.substring(0, 2);
- filtered = intPart + '.' + decPart;
- }
- var h = parseFloat(filtered);
- if (isNaN(h) || filtered === '') {
- input1.value = '';
- qUpdateFloorHeight('');
- return;
- }
- if (h < 2.0) h = 2.0;
- if (h > 4.0) h = 4.0;
- input1.value = h.toFixed(2);
- qUpdateFloorHeight(h);
- }
- // Step1：检查是否满足开始AI解析条件（层高有效 + 至少上传一种图纸）
- function qCheckCanAnalyze() {
- qCheckUploadReady();
- }
- // Step2 -> Step3（层高仅作参考，不再强制校验）
- function qGoToStep3FromStep2() {
- // 确保Step2卡片中选择的增项已同步到qRooms
- if(window._qLastAnalysisData && window._qLastAnalysisData.rooms){
- window._qLastAnalysisData.rooms.forEach(function(ar, i){
- if(qRooms[i] && ar._selectedExtras){
- qRooms[i]._selectedExtras = JSON.parse(JSON.stringify(ar._selectedExtras));
- }
- });
- }
- // 应用层高到所有房间，重建qRoomItems
- if (qFloorHeight >= 2.0 && qFloorHeight <= 4.0) {
- qApplyFloorHeightToRooms(qFloorHeight);
- }
- // 将Step2卡片中选择的增项追加到qRoomItems
- for(var ri=0; ri<qRooms.length; ri++){
- var extras = qRooms[ri]._selectedExtras;
- if(extras && extras.length > 0){
- if(!qRoomItems[ri]) qRoomItems[ri] = qBuildRoomItems(ri);
- extras.forEach(function(se){
- var seType = qClassifyMethod(se.method);
- var wM = se.widthM || 0;
- var hM = se.heightM || 0;
- var multiplier = se.multiplier || 1;
- var itemArea = se.qty; // qty已经是计价数量（已乘数量乘数）：个/m/㎡
- var dimNote = '';
- if(seType === 'count') dimNote = multiplier + '个';
- else if(seType === 'length') dimNote = (hM||0).toFixed(2)+'m × '+multiplier+' = '+se.qty.toFixed(2)+'m';
- else if(seType === 'width') dimNote = (wM||0).toFixed(2)+'m × '+multiplier+' = '+se.qty.toFixed(2)+'m（宽）';
- else if(seType === 'area') dimNote = (wM||0).toFixed(2)+'×'+(hM||0).toFixed(2)+'m='+(wM*hM).toFixed(3)+'㎡ × '+multiplier+' = '+itemArea.toFixed(3)+'㎡';
- qRoomItems[ri].push({
- name: se.name,
- ruleKey: se.name,
- itemType: 'extra',
- isExtra: true,
- multiplier: multiplier,
- width: wM,
- height: hM,
- area: itemArea,
- unitPrice: se.price,
- total: parseFloat((itemArea * se.price).toFixed(2)),
- note: se.method + '（Step2增项：' + dimNote + '）'
- });
- });
- }
- }
- goToStep(3);
- }
- // 层高联动核心函数：将上传层高应用到所有房间的柜体高度和投影面积
- function qApplyFloorHeightToRooms(h) {
- if (!qRooms || !qRooms.length) return;
- var cabH = parseFloat(h.toFixed(2));
- if (cabH < 2.0) cabH = 2.0;
- if (cabH > 4.0) cabH = 4.0;
- qRooms.forEach(function(r) {
- var cabW = r.cabinetWidth || r.length || 0;
- r.cabinetHeight = cabH;
- r.height = cabH;
- r.width = cabW;
- // 重新计算投影面积 = 宽 × 柜体高（基于上传层高）
- if (cabW > 0) {
- var newArea = parseFloat((cabW * cabH).toFixed(3));
- r.projectArea = newArea;
- r.area = newArea;
- }
- // 更新数据来源标记
- if (r._dataSource) {
- r._dataSource.cabinetHeight = '图纸标注/AI识别';
- r._dataSource.height = r._dataSource.cabinetHeight;
- r._dataSource.width = r._dataSource.cabinetWidth || '图纸文字标注';
- r._dataSource.area = '宽×上传层高计算';
- r._dataSource.projectArea = '宽×上传层高计算';
- }
- });
- // 同步重建房间子项（因为面积变了，柜体小计会变）
- qRoomItems = [];
- for (var i = 0; i < qRooms.length; i++) {
- qRoomItems[i] = qBuildRoomItems(i);
- }
- }
- // （已废弃）层高调节保留接口：Step3不再提供层高输入，层高以Step1填写为准
- function qApplyUniformFloorHeight(val) {
- // Step3层高输入框已移除，层高统一从Step1获取，此函数保留兼容
- }
- // ── 获取可编辑字段的元数据 ──
- // 定义每个卡片每行在数据模型中的映射关系
- function qGetEditableMeta(cardIdx, rowIdx){
- if (!qAiEditableData) return null;
- var d = qAiEditableData;
- var roomIdx = null, roomField = null, editType = 'text', options = null;
- switch(cardIdx){
- case 0: // 户型识别
- editType = 'text';
- return {
- getter: function(){
- var vals = [d.houseType||d.houseLabel, (d.grossArea||d.totalArea)+'', (d.totalArea||0).toFixed(1), d.orientation||'南北通透', d.rooms.length+' 个功能区', d.houseLabel||'标准户型'];
- return vals[rowIdx] || '';
- },
- setter: function(v){
- if (rowIdx === 0) { d.houseType = v; d.houseLabel = v; }
- else if (rowIdx === 1) { d.grossArea = parseFloat(v) || d.grossArea; }
- else if (rowIdx === 2) { d.totalArea = parseFloat(v) || d.totalArea; }
- else if (rowIdx === 3) d.orientation = v;
- else if (rowIdx === 5) { d.houseLabel = v; d.houseType = v; }
- },
- editType: rowIdx < 4 ? (rowIdx === 1 || rowIdx === 2 ? 'number' : 'text') : 'text',
- roomIdx: null, roomField: null
- };
- case 1: // 尺寸提取
- if (rowIdx < d.rooms.length) {
- editType = 'number';
- return {
- getter: function(){
- var r = d.rooms[rowIdx];
- return r.length; // 整行值，但我们允许每个独立编辑
- },
- setter: function(v){
- // 解析 "5.5m × 4.5m = 24.8㎡" → 我们编辑第一个维度值
- // 为简化，这里编辑的是完整渲染值中的长度
- },
- editType: 'text',
- roomIdx: null, roomField: null
- };
- }
- return { getter: function(){return '';}, setter: function(){}, editType:'text' };
- case 2: // 面积计算 — 编辑投影面积
- if (rowIdx < d.rooms.length) {
- roomIdx = rowIdx; roomField = 'projectArea'; editType = 'number';
- return {
- getter: function(){ return d.rooms[rowIdx].projectArea; },
- setter: function(v){ d.rooms[rowIdx].projectArea = parseFloat(v)||d.rooms[rowIdx].projectArea; },
- editType: 'number', roomIdx: rowIdx, roomField: 'projectArea'
- };
- }
- return { getter: function(){return '';}, setter: function(){}, editType:'text' };
- case 5: // 柜体推荐 — cabinetType / layoutStyle / projectArea
- if (rowIdx < d.rooms.length) {
- roomIdx = rowIdx;
- return {
- getter: function(){ return d.rooms[rowIdx].cabinetType; },
- setter: function(v){ d.rooms[rowIdx].cabinetType = v; },
- editType: 'select',
- options: (qCustomTypes && qCustomTypes.cabinetType) ? qCustomTypes.cabinetType : ['衣柜','电视柜','橱柜','书柜','鞋柜','餐边柜','储物柜'],
- roomIdx: rowIdx, roomField: 'cabinetType'
- };
- }
- return { getter: function(){return '';}, setter: function(){}, editType:'text' };
- case 6: // 材质匹配 — material / color
- if (rowIdx < d.rooms.length) {
- roomIdx = rowIdx;
- return {
- getter: function(){
- var r = d.rooms[rowIdx];
- var doorType = r.doorType || '普通平板';
- if (doorType === '风影门板') return '双饰面 / SSM-023 浅橡木 — 现代简约';
- if (doorType === '实木贴皮') return '影木 / YM-001 胡桃木 — 现代简约';
- return '双饰面 / 标准暖白 — 现代简约';
- },
- setter: function(v){
- // 根据选择的材质映射到 doorType
- if (v.indexOf('影木')>=0 || v.indexOf('胡桃')>=0) d.rooms[rowIdx].doorType = '实木贴皮';
- else if (v.indexOf('SSM')>=0 || v.indexOf('风影')>=0) d.rooms[rowIdx].doorType = '风影门板';
- else if (v.indexOf('PET')>=0 || v.indexOf('烤漆')>=0) d.rooms[rowIdx].doorType = 'PET门板';
- else d.rooms[rowIdx].doorType = '普通平板';
- },
- editType: 'select',
- options: ['双饰面 / SSM-023 浅橡木 — 现代简约','双饰面 / 标准暖白 — 现代简约','影木 / YM-001 胡桃木 — 现代简约','PET / 亮光白 — 现代简约','烤漆 / 哑光灰 — 轻奢风','实木贴皮 / 北美黑胡桃 — 新中式'],
- roomIdx: rowIdx, roomField: 'doorType'
- };
- }
- return { getter: function(){return '';}, setter: function(){}, editType:'text' };
- default: return { getter: function(){return '';}, setter: function(){}, editType:'text' };
- }
- }
- // ── 同步编辑数据到 qRooms（一键应用） ──
- function qSyncEditsToRooms(){
- if (!qAiEditableData || !qAiEditableData.rooms) return;
- qRooms = JSON.parse(JSON.stringify(qAiEditableData.rooms));
- qExtras = qGenerateExtrasFromRooms(qRooms);
- showToast('✅ AI分析数据已同步到报价空间，可进入下一步查看', 'success');
- }
- // ── 柜体材质：自定义选项全局保存，各柜体独立选择 ──
- var Q_CABINET_MATERIALS_KEY = 'q_cabinet_material_options_v1';
- function qGetCabinetMaterials(){
- var defaults = ['生态澳松板','铝格栅板'];
- try {
- var saved = JSON.parse(localStorage.getItem(Q_CABINET_MATERIALS_KEY) || '[]');
- if(Array.isArray(saved)) saved.forEach(function(v){
- v = String(v || '').trim();
- if(v && defaults.indexOf(v) < 0) defaults.push(v);
- });
- } catch(e) {}
- return defaults;
- }
- function qMaterialOptionsHtml(selected){
- var current = String(selected || '生态澳松板');
- var materials = qGetCabinetMaterials();
- if(current && materials.indexOf(current) < 0) materials.push(current);
- return materials.map(function(v){
- return '<option value="'+qEscapeHtml(v)+'"'+(v===current?' selected':'')+'>'+qEscapeHtml(v)+'</option>';
- }).join('') + '<option value="__custom__">＋ 自定义编辑...</option>';
- }
- function qChangeCabinetMaterial(selectEl, roomIndex){
- var rooms = window._qLastAnalysisData && window._qLastAnalysisData.rooms;
- if(!rooms || !rooms[roomIndex]) return;
- var value = selectEl.value;
- function qApplyMaterialValue(v){
- rooms[roomIndex].material = v;
- rooms[roomIndex].cabinetMaterial = v;
- if(qAiEditableData && qAiEditableData.rooms && qAiEditableData.rooms[roomIndex]){
- qAiEditableData.rooms[roomIndex].material = v;
- qAiEditableData.rooms[roomIndex].cabinetMaterial = v;
- }
- if(qRooms && qRooms[roomIndex]){
- qRooms[roomIndex].material = v;
- qRooms[roomIndex].cabinetMaterial = v;
- }
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- showToast('已选择柜体材质：' + v, 'success');
- }
- if(value === '__custom__'){
- var prev = rooms[roomIndex].material || '生态澳松板';
- qPromptDialog('请输入新的柜体材质名称：', '', function(custom){
- custom = String(custom || '').trim();
- if(!custom){ selectEl.value = prev; return; }
- var materials = qGetCabinetMaterials();
- if(materials.indexOf(custom) < 0){
- materials.push(custom);
- try { localStorage.setItem(Q_CABINET_MATERIALS_KEY, JSON.stringify(materials)); } catch(e) {}
- }
- qApplyMaterialValue(custom);
- }, function(){ selectEl.value = prev; });
- return;
- }
- qApplyMaterialValue(value);
- }
- // ── 渲染AI识别结果（有序卡片式，只读展示，仅柜体定制相关） ──
- function qRenderAICards(analysisData, isMock){
- // 保存最近一次的分析数据，用于卡片增项操作后局部刷新
- window._qLastAnalysisData = analysisData;
- window._qLastIsMock = isMock;
- var grid = document.getElementById('q-ai-analysis-grid');
- var binaryGrid = document.getElementById('q-step2-binary-grid');
-
- // 隐藏旧卡片网格，使用二分布局
- if (grid) grid.style.display = 'none';
- var d = analysisData;
- var h = qFloorHeight;
- var hasValidHeight = !isNaN(h) && h >= 2.0 && h <= 4.0;
- // 显示OCR按钮和OCR面板数据
- var ocrBtn = document.getElementById('q-btn-toggle-ocr');
- if (ocrBtn) ocrBtn.style.display = 'inline-block';
-
- // 渲染OCR面板
- var ocr = window._qLastOCRData;
- if (ocr) {
- var ocrSourceEl = document.getElementById('q-ocr-source-val');
- var ocrConfEl = document.getElementById('q-ocr-confidence-val');
- var ocrRoomEl = document.getElementById('q-ocr-room-count');
- var ocrDimEl = document.getElementById('q-ocr-dim-count');
- var ocrTextList = document.getElementById('q-ocr-text-list');
- var ocrBadge = document.getElementById('q-ocr-source-badge');
- if(ocrSourceEl) ocrSourceEl.textContent = ocr.source || '图纸标注';
- if(ocrConfEl) ocrConfEl.textContent = (ocr.confidence || 98) + '%';
- var cabinetTags = (ocr.roomTags && ocr.roomTags.length) ? ocr.roomTags.length : (d.rooms||[]).length;
- var dimCount = (ocr.dimensions && ocr.dimensions.length) ? ocr.dimensions.length : (d.rooms||[]).length * 2;
- if(ocrRoomEl) ocrRoomEl.textContent = cabinetTags + ' 个';
- if(ocrDimEl) ocrDimEl.textContent = dimCount + ' 条';
- if(ocrBadge) ocrBadge.textContent = ocr.source || '图纸文字标注';
- if(ocrTextList){
- var textItems = [];
- if(ocr.roomTags) ocr.roomTags.forEach(function(t){ textItems.push('<div class="q-ocr-text-item"><span class="text">'+t+'</span><span class="type room">柜体</span></div>'); });
- if(ocr.dimensions) ocr.dimensions.slice(0,14).forEach(function(dim){ textItems.push('<div class="q-ocr-text-item"><span class="text">'+dim+'</span><span class="type dim">尺寸</span></div>'); });
- if(textItems.length === 0){
- (d.rooms||[]).forEach(function(r){ textItems.push('<div class="q-ocr-text-item"><span class="text">'+(r.cabinetType||r.roomName)+' · 宽'+(r.cabinetWidth||r.length||0)+'m · 高'+(r.cabinetHeight||r.height||0)+'m · '+(r.projectArea||r.area||0)+'㎡</span><span class="type room">柜体</span></div>'); });
- }
- ocrTextList.innerHTML = textItems.join('');
- }
- }
- // ── 二分布局渲染 ──
- if (binaryGrid) {
- binaryGrid.classList.remove('hidden');
-
- var rooms = d.rooms || [];
- // 总投影面积：严格使用图纸标注的各柜体投影面积之和，禁止自动计算
- var totalProjArea = rooms.reduce(function(s,r){ return s + (r.projectArea||r.area||0); }, 0);
-
- // 左列：空间基础信息
- var leftHtml = '<div class="q-binary-col">' +
- '<div class="q-col-title">📋 柜体清单汇总</div>';
-
- leftHtml += '<div class="q-info-card">' +
- '<div class="q-info-row"><span class="q-info-label">柜体总数</span><span class="q-info-value highlight">'+rooms.length+' 组</span></div>' +
- '<div class="q-info-row"><span class="q-info-label">总投影面积</span><span class="q-info-value highlight" style="color:#E53E3E;font-size:16px;font-weight:700;">'+totalProjArea.toFixed(3)+' ㎡</span></div>' +
- '<div class="q-info-row"><span class="q-info-label">识别置信度</span><span class="q-info-value success">'+(isMock?'99':'92')+'%</span></div>' +
- '<div class="q-info-row"><span class="q-info-label">数据来源</span><span class="q-info-value" style="color:#38A169;">📝 图纸标注+AI识别</span></div>' +
- '<div class="q-info-row"><span class="q-info-label">层高参考</span><span class="q-info-value '+(hasValidHeight?'success':'warning')+'">'+(hasValidHeight?h.toFixed(2)+'m':'未填写')+'</span></div>' +
- '</div>';
-
- // 柜体名称标签列表
- leftHtml += '<div class="q-space-tags">';
- rooms.forEach(function(r){
- leftHtml += '<span class="q-space-tag">'+(r.cabinetType||r.roomName)+'</span>';
- });
- leftHtml += '</div>';
-
- // OCR来源提示
- leftHtml += '<div style="margin-top:12px;padding:8px 12px;background:#F0FFF4;border:1px dashed #68D391;border-radius:6px;font-size:11px;color:#276749;">✅ 柜体名称、宽度、高度严格按照图纸标注或AI识别提取；投影面积=宽度×柜体高度</div>';
-
- leftHtml += '</div>';
-
- // 右列：柜体产品覆盖信息
- var rightHtml = '<div class="q-binary-col">' +
- '<div class="q-col-title">🗄️ 柜体产品覆盖信息</div>';
-
- rooms.forEach(function(r, i){
- var cabW = r.cabinetWidth || r.length || 0;
- if(qIsKitchenCabinet(r.cabinetType||r.roomName) && state.quoteMode==='ai'){ var _kb2=qGetKitchenBillableMeters(r); if(_kb2&&_kb2.billable>0) cabW=_kb2.billable; }
- var cabH = r.cabinetHeight || r.height || 0;
- var projA = r.projectArea || r.area || 0;
- if(!r.material) r.material = r.cabinetMaterial || (qIsMasterWardrobe(r.cabinetType||r.roomName)?'铝格栅板':'生态澳松板');
- var roomPricing=qGetCabinetPricingRule(r,cabW,cabH);
- var isMulti = r._isMulti;
- var borderStyle = isMulti ? 'border-left:4px solid '+(r._sheetColor||'#3182CE')+';' : 'border-left:4px solid #38A169;';
-
- // 初始化柜体详情表格数据（Excel模板样式：根据柜体类型加载对应增项模板）
- if(!r._detailItems || r._detailItemsExcelVersion!=='ouyang_20260618_v1') {
- r._detailItems = [];
- // 默认柜体行（浅绿色背景）- 从配置读取单价
- var basePrice = roomPricing.unitPrice;
- r._detailItems.push({
- type: 'cabinet',
- name: '柜体',
- width: cabW,
- height: cabH,
- area: projA,
- price: basePrice,
- total: parseFloat(roomPricing.total.toFixed(2)),
- note: qMaterialOnlyNote(roomPricing.material, r, {isBase:true,width:cabW,height:cabH}),
- isBase: true,
- _priceModified: false
- });
-
- // ── 根据柜体名称从模板映射加载对应的增项（与Excel保持一致） ──
- var cabinetName = r.cabinetType || r.roomName || '';
- var extraDetails = qGetExtrasForCabinet(cabinetName);
- extraDetails.forEach(function(extraDetail){
- var extraName=extraDetail.name;
- var method=extraDetail.method||EXTRA_METHOD_MAP[extraName]||'按个数';
- var exPrice=Number(extraDetail.price)||0;
- r._detailItems.push({
- type: 'extra',
- name: extraName,
- width: 0,
- height: 0,
- qty: 0,
- area: 0,
- price: exPrice,
- total: 0,
- note: '',
- method: method,
- _excelPrice: exPrice,
- isBase: false,
- _priceModified: false
- });
- });
- r._detailItemsExcelVersion='ouyang_20260618_v1';
- } else {
- // 已存在的详情：同步配置中的单价（仅未手动修改过的项目）
- r._detailItems.forEach(function(item){
- if(!item._priceModified){
- var cfgPrice = item.isBase ? roomPricing.unitPrice : (item._excelPrice!==undefined?Number(item._excelPrice):qGetConfiguredPrice(item.name));
- if(item.price !== cfgPrice){
- item.price = cfgPrice;
- }
- }
- });
- }
- // 兼容旧报价：历史厨房明细漏了“地柜”时自动补齐，并保留已填的其他项数据。
- if(qIsKitchenCabinet(r.cabinetType||r.roomName) && !r._detailItems.some(function(detail){return detail&&detail.name==='地柜';})){
- var groundPrice=qGetConfiguredPrice('地柜')||2380;
- r._detailItems.splice(1,0,{type:'extra',name:'地柜',width:0,height:0,qty:0,area:0,price:groundPrice,total:0,note:'',method:'按延米',_excelPrice:groundPrice,isBase:false,_priceModified:false});
- }
-
- // 确保柜体行的宽高与当前一致，并重新计算总价
- if(r._detailItems[0] && r._detailItems[0].isBase) {
- r._detailItems[0].width = cabW;
- r._detailItems[0].height = cabH;
- r._detailItems[0].area = projA;
- r._detailItems[0].note = qMaterialOnlyNote(roomPricing.material, r, r._detailItems[0]);
- r._detailItems[0].total = parseFloat(roomPricing.total.toFixed(2));
- }
-
- // 渲染详情表格
- var tableHtml = '<table class="q-cabinet-detail-table" id="q-detail-table-'+i+'">'+
- '<colgroup><col style="width:14%"><col style="width:10%"><col style="width:10%"><col style="width:10%"><col style="width:7%"><col style="width:13%"><col style="width:12%"><col style="width:19%"><col style="width:5%"></colgroup>';
- tableHtml += '<thead><tr>';
- tableHtml += '<th style="width:14%;">项目</th>';
- tableHtml += '<th style="width:10%;">宽(M)</th>';
- tableHtml += '<th style="width:10%;">高(M)</th>';
- tableHtml += '<th style="width:10%;">面积(M²)</th>';
- tableHtml += '<th style="width:7%;">数量</th>';
- tableHtml += '<th style="width:13%;">单价</th>';
- tableHtml += '<th style="width:12%;">总价</th>';
- tableHtml += '<th style="width:19%;">备注</th>';
- tableHtml += '<th style="width:5%;">操作</th>';
- tableHtml += '</tr></thead><tbody>';
-
- var cabinetTotal = 0;
- r._detailItems.forEach(function(item, di){
- var rowClass = item.isBase ? 'cabinet-row' : 'extra-row';
- var itemType = item.method ? qClassifyMethod(item.method) : (item.isBase ? 'area' : 'count');
-
- // 面积显示逻辑：只要填写了宽和高，一律按宽×高计算；无尺寸时才兼容原计数方式
- var areaVal = 0;
- if(itemType === 'count'){
- // 按数量计价的项目不使用宽、高和面积，只按数量×单价。
- item.width = 0;
- item.height = 0;
- item.area = 0;
- areaVal = item.qty || 0;
- } else if((item.width||0) > 0 && (item.height||0) > 0){
- item.area = parseFloat(((item.width||0) * (item.height||0)).toFixed(3));
- item.qty = item.area;
- areaVal = item.area;
- } else if(itemType === 'area' || item.isBase){
- areaVal = item.area || 0;
- } else if(itemType === 'length'){
- areaVal = item.qty || item.height || 0;
- } else {
- areaVal = item.qty || 0;
- }
-
- // 重新计算总价确保准确
- var calcTotal = 0;
- calcTotal = parseFloat(((areaVal||0) * (item.price||0)).toFixed(2));
- item.total = calcTotal;
- cabinetTotal += calcTotal;
-
- // 格式化显示值：0值显示为空
- var wVal = (item.width && item.width > 0) ? item.width.toFixed(2) : '';
- var hVal = (item.height && item.height > 0) ? item.height.toFixed(2) : '';
- var aVal = (areaVal && areaVal > 0) ? areaVal.toFixed(3) : '';
- var qtyVal = (itemType === 'count' && item.qty > 0) ? item.qty : '';
- var priceVal = (item.price && item.price > 0) ? item.price.toFixed(2) : '';
- var totalDisplay = calcTotal > 0 ? '¥'+calcTotal.toFixed(2) : '—';
- var kitchenDoorKind = qKitchenDoorKind(item.name);
- var kitchenDoorCfg = null;
- if(kitchenDoorKind){
- var previousDoorTotal=calcTotal;
- kitchenDoorCfg=qKitchenRuleSelection({name:item.name,value:item.price,doorConfigId:item.doorConfigId});
- item.doorConfigId=kitchenDoorCfg.id;
- item.price=Number(kitchenDoorCfg[kitchenDoorKind])||0;
- item.note=qKitchenDoorMaterialLabel(kitchenDoorCfg);
- priceVal=item.price.toFixed(2);
- calcTotal=parseFloat(((areaVal||0)*item.price).toFixed(2));
- item.total=calcTotal;
- cabinetTotal += (calcTotal-previousDoorTotal);
- totalDisplay=calcTotal>0?'¥'+calcTotal.toFixed(2):'—';
- }
-
- tableHtml += '<tr class="'+rowClass+'">';
- // 项目名称：所有行都是可编辑文本框（柜体行浅绿色加粗）
- tableHtml += '<td class="item-name-col"><input type="text" value="'+(item.name||'')+'" data-room="'+i+'" data-item="'+di+'" data-field="name" onchange="qUpdateDetailItem(this)" style="'+(item.isBase?'font-weight:600;':'')+'"></td>';
- // 宽
- tableHtml += itemType === 'count' ? '<td class="calc-col">—</td>' : '<td><input type="number" step="0.01" min="0" placeholder="—" value="'+wVal+'" data-room="'+i+'" data-item="'+di+'" data-field="width" onchange="qUpdateDetailItem(this)"></td>';
- // 高
- tableHtml += itemType === 'count' ? '<td class="calc-col">—</td>' : '<td><input type="number" step="0.01" min="0" placeholder="—" value="'+hVal+'" data-room="'+i+'" data-item="'+di+'" data-field="height" onchange="qUpdateDetailItem(this)"></td>';
- // 所有项目面积均由宽×高自动计算，只读显示
- tableHtml += '<td class="calc-col"><span class="readonly-value" title="由宽度×高度自动计算">'+(itemType === 'count' ? '—' : (aVal||'—'))+'</span></td>';
- // 数量栏：仅按数量计价的项目可编辑。
- tableHtml += itemType === 'count' ? '<td><input type="number" step="1" min="0" placeholder="0" value="'+qtyVal+'" data-room="'+i+'" data-item="'+di+'" data-field="qty" onchange="qUpdateDetailItem(this)"></td>' : '<td class="calc-col">—</td>';
- // 单价
- tableHtml += kitchenDoorKind ? '<td><select title="选择门板配置单价" style="width:100%;color:#2563A6;font-weight:700;" onchange="qKitchenDoorDetailChange('+i+','+di+',this)">'+qKitchenDoorPriceOptionsHtml(kitchenDoorKind,item.doorConfigId)+'</select></td>' : '<td><input type="number" step="0.01" min="0" placeholder="—" value="'+priceVal+'" data-room="'+i+'" data-item="'+di+'" data-field="price" onchange="qUpdateDetailItem(this)"></td>';
- // 总价（自动计算）
- tableHtml += '<td class="calc-col total-price-col" title="由面积/数量×单价自动计算">'+totalDisplay+'</td>';
- // 备注
- tableHtml += kitchenDoorKind ? '<td class="note-col"><select title="选择门板配置" style="width:100%;text-align:left;" onchange="qKitchenDoorDetailChange('+i+','+di+',this)">'+qKitchenDoorOptionsHtml(kitchenDoorKind,item.doorConfigId)+'</select></td>' : '<td class="note-col"><input type="text" value="'+(item.note||'')+'" placeholder="备注" data-room="'+i+'" data-item="'+di+'" data-field="note" onchange="qUpdateDetailItem(this)"></td>';
- // 删除按钮（柜体行不可删除）
- tableHtml += '<td>';
- if(!item.isBase){
- tableHtml += '<button class="del-btn" onclick="qDeleteDetailItem('+i+','+di+')" title="删除此项">✕</button>';
- }
- tableHtml += '</td>';
- tableHtml += '</tr>';
- });
-
- // 合计行
- tableHtml += '<tr class="total-row"><td colspan="6" style="text-align:right;padding-right:8px;">合计</td><td>'+(cabinetTotal>0?'¥'+cabinetTotal.toFixed(2):'—')+'</td><td colspan="2"></td></tr>';
- tableHtml += '</tbody></table>';
-
- // 添加行工具栏（简化：只保留添加自定义行按钮，无需选择增项类型）
- var addBarHtml = '<div class="q-add-row-bar" style="justify-content:center;">';
- addBarHtml += '<button onclick="qAddEmptyDetailItem('+i+')" style="width:100%;background:#718096;">＋ 添加自定义项目行</button>';
- addBarHtml += '</div>';
-
- // 判断是否默认展开
- var isExpanded = r._detailExpanded !== false; // 默认展开
-
- rightHtml += '<div class="q-cabinet-card" style="'+borderStyle+'">' +
- '<div class="q-cabinet-header">' +
- '<div class="q-cabinet-title-group"><span class="q-cabinet-name">'+(i+1)+'. '+(r.cabinetType||r.roomName||'柜体')+'</span>' +
- '<select class="q-material-select" aria-label="选择柜体材质" onchange="qChangeCabinetMaterial(this,'+i+')">'+qMaterialOptionsHtml(r.material)+'</select></div>' +
- (isMulti?'<span class="q-sheet-badge" style="background:'+(r._sheetColor||'#3182CE')+'22;color:'+(r._sheetColor||'#3182CE')+';">📄 '+r.sourceSheetName+'</span>':'') +
- '</div>' +
- '<div class="q-cabinet-dims">' +
- '<div class="q-dim-item"><span class="dim-label">宽度</span><span class="dim-value">'+cabW.toFixed(2)+'m</span></div>' +
- '<div class="q-dim-item"><span class="dim-label">柜体高度</span><span class="dim-value">'+cabH.toFixed(2)+'m</span></div>' +
- '<div class="q-dim-item highlight"><span class="dim-label">投影面积</span><span class="dim-value" style="color:#E53E3E;">'+projA.toFixed(3)+'㎡</span></div>' +
- '</div>' +
- '<div style="display:flex;justify-content:space-between;align-items:center;">' +
- '<div class="q-cabinet-meta">布局：'+(r.layoutStyle||'一字型')+' · 数据来源：AI识别填充+可编辑 · 不需要的项可点✕删除</div>' +
- '<span class="q-cabinet-toggle '+(isExpanded?'expanded':'')+'" onclick="qToggleCabinetDetail('+i+')">' +
- '<span class="arrow">▶</span> '+(isExpanded?'收起详情':'展开详情')+
- '</span>' +
- '</div>' +
- '<div id="q-cabinet-detail-'+i+'" style="'+(isExpanded?'':'display:none;')+'">' +
- tableHtml +
- addBarHtml +
- '</div>' +
- '</div>';
- });
-
- rightHtml += '</div>';
-
- binaryGrid.innerHTML = leftHtml + rightHtml;
- }
- // 层高有效且AI处理完成时启用下一步按钮（层高为参考信息，不影响柜体尺寸）
- var nextBtn = document.getElementById('q-step2-next-btn');
- if (nextBtn) {
- if (hasValidHeight) {
- nextBtn.disabled = false;
- nextBtn.style.opacity='1';
- nextBtn.style.cursor='pointer';
- } else {
- nextBtn.disabled = true;
- nextBtn.style.opacity='0.5';
- nextBtn.style.cursor='not-allowed';
- }
- }
- // 同步Step2层高显示
- var fhDisplay = document.getElementById('q-step2-fh-display');
- if (fhDisplay) fhDisplay.textContent = hasValidHeight ? h.toFixed(2) : '—';
- // 更新汇总横幅
- qUpdateSummaryBanner(d);
- }
- // ── Step2柜体卡片增项操作 ──
- // 根据计价方式文字归类：count(按个数) / length(按延米) / area(按面积) / width(按宽度)
- function qClassifyMethod(method){
- if(!method) return 'count';
- var m = String(method);
- if(/面积|平方|㎡|m²/.test(m)) return 'area';
- if(/宽度|宽/.test(m) && !/高度|高/.test(m)) return 'width';
- if(/延米|米|长度/.test(m) && !/面积|平方|宽度/.test(m)) return 'length';
- if(/个|件|套|只|支/.test(m)) return 'count';
- return 'count';
- }
- // 当选择增项时，根据计价方式动态显示对应尺寸输入框（数量框已默认显示）
- function qCardExtraSelChange(roomIdx){
- var sel = document.getElementById('q-card-extra-sel-'+roomIdx);
- var inputsDiv = document.getElementById('q-card-extra-inputs-'+roomIdx);
- if(!sel || !inputsDiv) return;
- var ei = parseInt(sel.value);
- if(isNaN(ei) || ei < 0 || !DEFAULT_RULES.extra[ei]){
- inputsDiv.innerHTML = '';
- inputsDiv.style.display = 'none';
- return;
- }
- var ex = DEFAULT_RULES.extra[ei];
- var type = qClassifyMethod(ex.method);
- var html = '';
- if(type === 'count'){
- // 按个数：数量输入框已默认显示，无需额外输入
- inputsDiv.innerHTML = '';
- inputsDiv.style.display = 'none';
- return;
- } else if(type === 'length'){
- html = '<span style="font-size:10px;color:#718096;">长度:</span>'+
- '<input type="number" id="q-card-extra-len-'+roomIdx+'" value="" min="0.01" step="0.01" placeholder="长m" oninput="qCardExtraCalcLen('+roomIdx+')" style="width:62px;font-size:11px;padding:3px 4px;border:1px solid #CBD5E0;border-radius:4px;text-align:center;outline:none;" title="长度（米）">'+
- '<span style="font-size:10px;color:#2D3748;font-weight:600;min-width:32px;text-align:right;" id="q-card-extra-lenm-'+roomIdx+'">0.00</span><span style="font-size:10px;color:#718096;">m</span>';
- } else if(type === 'width'){
- html = '<span style="font-size:10px;color:#718096;">宽度:</span>'+
- '<input type="number" id="q-card-extra-w-'+roomIdx+'" value="" min="0.01" step="0.01" placeholder="宽m" oninput="qCardExtraCalcLen('+roomIdx+')" style="width:62px;font-size:11px;padding:3px 4px;border:1px solid #CBD5E0;border-radius:4px;text-align:center;outline:none;" title="宽度（米）">'+
- '<span style="font-size:10px;color:#2D3748;font-weight:600;min-width:32px;text-align:right;" id="q-card-extra-lenm-'+roomIdx+'">0.00</span><span style="font-size:10px;color:#718096;">m</span>';
- } else if(type === 'area'){
- html = '<span style="font-size:10px;color:#718096;">宽:</span>'+
- '<input type="number" id="q-card-extra-w-'+roomIdx+'" value="" min="0.01" step="0.01" placeholder="宽m" oninput="qCardExtraCalcArea('+roomIdx+')" style="width:56px;font-size:11px;padding:3px 4px;border:1px solid #CBD5E0;border-radius:4px;text-align:center;outline:none;" title="宽度（米）">'+
- '<span style="font-size:10px;color:#A0AEC0;">×</span>'+
- '<span style="font-size:10px;color:#718096;">高:</span>'+
- '<input type="number" id="q-card-extra-h-'+roomIdx+'" value="" min="0.01" step="0.01" placeholder="高m" oninput="qCardExtraCalcArea('+roomIdx+')" style="width:56px;font-size:11px;padding:3px 4px;border:1px solid #CBD5E0;border-radius:4px;text-align:center;outline:none;" title="高度（米）">'+
- '<span style="font-size:10px;color:#2D3748;font-weight:600;min-width:36px;text-align:right;" id="q-card-extra-area-'+roomIdx+'">0.00</span><span style="font-size:10px;color:#718096;">㎡</span>';
- }
- inputsDiv.innerHTML = html;
- inputsDiv.style.display = 'inline-flex';
- inputsDiv.style.alignItems = 'center';
- inputsDiv.style.gap = '3px';
- }
- // 按延米/宽度：实时计算米数
- function qCardExtraCalcLen(roomIdx){
- var lenInput = document.getElementById('q-card-extra-len-'+roomIdx);
- var wInput = document.getElementById('q-card-extra-w-'+roomIdx);
- var lenmSpan = document.getElementById('q-card-extra-lenm-'+roomIdx);
- if(!lenmSpan) return;
- var m = 0;
- if(lenInput) m = parseFloat(lenInput.value) || 0;
- else if(wInput) m = parseFloat(wInput.value) || 0;
- lenmSpan.textContent = m.toFixed(2);
- }
- // 按面积：实时计算面积
- function qCardExtraCalcArea(roomIdx){
- var wInput = document.getElementById('q-card-extra-w-'+roomIdx);
- var hInput = document.getElementById('q-card-extra-h-'+roomIdx);
- var areaSpan = document.getElementById('q-card-extra-area-'+roomIdx);
- if(!areaSpan) return;
- var w = parseFloat(wInput ? wInput.value : 0) || 0;
- var h = parseFloat(hInput ? hInput.value : 0) || 0;
- var area = w * h; // m*m → m²
- areaSpan.textContent = area.toFixed(3);
- }
- function qAddCardExtra(roomIdx){
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- var r = rooms[roomIdx];
- if(!r) return;
- if(!r._selectedExtras) r._selectedExtras = [];
-
- var sel = document.getElementById('q-card-extra-sel-'+roomIdx);
- var qtyInput = document.getElementById('q-card-extra-qty-'+roomIdx);
- if(!sel) return;
-
- var ei = parseInt(sel.value);
- if(isNaN(ei) || ei < 0 || !DEFAULT_RULES.extra[ei]){
- showToast('请先选择增值项', 'info');
- return;
- }
- var ex = DEFAULT_RULES.extra[ei];
- var price = parseFloat(ex.value !== undefined ? ex.value : ex.price) || 0;
- var type = qClassifyMethod(ex.method);
- var multiplier = qtyInput ? (parseFloat(qtyInput.value) || 1) : 1;
- if(multiplier <= 0) multiplier = 1;
-
- var baseQty = 0;
- var widthM = 0, heightM = 0;
- var dimDesc = '';
-
- if(type === 'count'){
- // 按个数：数量直接就是个数
- baseQty = multiplier;
- dimDesc = multiplier + '个';
- } else if(type === 'length'){
- var lenInput = document.getElementById('q-card-extra-len-'+roomIdx);
- var lenM = lenInput ? (parseFloat(lenInput.value) || 0) : 0;
- if(lenM <= 0){ showToast('请输入长度（m）', 'info'); return; }
- widthM = 0;
- heightM = lenM;
- baseQty = parseFloat((lenM * multiplier).toFixed(3)); // 长度 × 数量
- dimDesc = lenM.toFixed(2)+'m × '+multiplier+' = '+baseQty.toFixed(2)+'m';
- } else if(type === 'width'){
- var wInput = document.getElementById('q-card-extra-w-'+roomIdx);
- var wM = wInput ? (parseFloat(wInput.value) || 0) : 0;
- if(wM <= 0){ showToast('请输入宽度（m）', 'info'); return; }
- widthM = wM;
- heightM = 0;
- baseQty = parseFloat((wM * multiplier).toFixed(3)); // 宽度 × 数量
- dimDesc = wM.toFixed(2)+'m × '+multiplier+' = '+baseQty.toFixed(2)+'m（宽）';
- } else if(type === 'area'){
- var wInp = document.getElementById('q-card-extra-w-'+roomIdx);
- var hInp = document.getElementById('q-card-extra-h-'+roomIdx);
- var wM = wInp ? (parseFloat(wInp.value) || 0) : 0;
- var hM = hInp ? (parseFloat(hInp.value) || 0) : 0;
- if(wM <= 0 || hM <= 0){ showToast('请输入宽度和高度（m）', 'info'); return; }
- widthM = wM;
- heightM = hM;
- var singleArea = parseFloat((wM * hM).toFixed(4));
- baseQty = parseFloat((singleArea * multiplier).toFixed(4)); // 面积 × 数量
- dimDesc = wM.toFixed(2)+'×'+hM.toFixed(2)+'m='+singleArea.toFixed(3)+'㎡ × '+multiplier+' = '+baseQty.toFixed(3)+'㎡';
- }
-
- var total = parseFloat((baseQty * price).toFixed(2));
- r._selectedExtras.push({
- extraIdx: ei,
- name: ex.name,
- method: ex.method,
- price: price,
- unit: ex.unit,
- qty: baseQty,
- multiplier: multiplier,
- widthM: widthM,
- heightM: heightM,
- total: total
- });
- // 重置选择和输入
- sel.value = '';
- if(qtyInput) qtyInput.value = '1';
- var inputsDiv = document.getElementById('q-card-extra-inputs-'+roomIdx);
- if(inputsDiv){ inputsDiv.innerHTML = ''; inputsDiv.style.display = 'none'; }
- // 重新渲染卡片区域
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- showToast('✅ 已添加：' + ex.name + ' ' + dimDesc + ' ¥' + total.toFixed(0), 'success');
- }
- function qRemoveCardExtra(roomIdx, extraIdx){
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- var r = rooms[roomIdx];
- if(!r || !r._selectedExtras) return;
- r._selectedExtras.splice(extraIdx, 1);
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- }
- // ── 柜体详情表格（Excel模板样式）操作函数 ──
- // 展开/折叠柜体详情
- function qToggleCabinetDetail(roomIdx){
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- var r = rooms[roomIdx];
- if(!r) return;
- r._detailExpanded = !r._detailExpanded;
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- }
- // 更新详情表格中的数据项
- function qKitchenDoorDetailChange(roomIdx,itemIdx,select){
- var rooms=(window._qLastAnalysisData&&window._qLastAnalysisData.rooms)?window._qLastAnalysisData.rooms:qRooms;
- var room=rooms[roomIdx],item=room&&room._detailItems&&room._detailItems[itemIdx];
- var kind=qKitchenDoorKind(item&&item.name),cfg=qKitchenDoorFind(select.value);
- if(!item||!kind||!cfg||cfg[kind]==null)return;
- item.doorConfigId=cfg.id;
- item.price=Number(cfg[kind])||0;
- item.note=qKitchenDoorMaterialLabel(cfg);
- item._priceModified=true;
- item._excelPrice=item.price;
- qSyncDetailItemsToExtras(room);
- qRenderAICards(window._qLastAnalysisData,window._qLastIsMock);
- showToast('已切换'+item.name+'门板配置，单价已自动更新为 ¥'+item.price+'/m','success');
- }
- function qUpdateDetailItem(el){
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- var roomIdx = parseInt(el.getAttribute('data-room'));
- var itemIdx = parseInt(el.getAttribute('data-item'));
- var field = el.getAttribute('data-field');
- var r = rooms[roomIdx];
- if(!r || !r._detailItems || !r._detailItems[itemIdx]) return;
-
- var item = r._detailItems[itemIdx];
- var val = el.value;
-
- // 数值字段转换
- if(['width','height','qty','qtyarea','price'].indexOf(field) !== -1){
- val = parseFloat(val) || 0;
- }
-
- // 根据字段更新对应属性
- if(field === 'name'){
- item.name = val;
- // 如果输入了已知增项名称，且用户未手动修改过单价，则自动填充配置单价
- if(!item.isBase && val){
- var cfgPrice = qGetConfiguredPrice(val);
- if(cfgPrice > 0 && !item._priceModified){
- item.price = cfgPrice;
- }
- // 查找计价方式
- var method = EXTRA_METHOD_MAP[val] || '按个数';
- if(!item._priceModified){
- item.method = method;
- }
- }
- } else if(field === 'width'){
- item.width = val;
- if((item.width||0) > 0 && (item.height||0) > 0){
- item.area = parseFloat((item.width * item.height).toFixed(3));
- item.qty = item.area;
- }
- } else if(field === 'height'){
- item.height = val;
- if(item.isBase){
- // 柜体行：同步更新柜体高度
- r.cabinetHeight = val;
- r.height = val;
- item.area = parseFloat((item.width * item.height).toFixed(3));
- item.qty = item.area;
- } else if((item.width||0) > 0 && (item.height||0) > 0){
- item.area = parseFloat((item.width * item.height).toFixed(3));
- item.qty = item.area;
- }
- } else if(field === 'qtyarea'){
- // 统一按面积处理，直接写入area字段
- item.area = val;
- item.qty = val;
- } else if(field === 'qty'){
- // 按数量计价：不保留宽、高和面积，总价由数量×单价自动得出。
- item.qty = val;
- item.width = 0;
- item.height = 0;
- item.area = 0;
- } else if(field === 'price'){
- item.price = val;
- // 标记用户手动修改过单价，后续配置更新不会覆盖此值
- item._priceModified = true;
- } else if(field === 'note'){
- item.note = val;
- }
-
- // 同步柜体基础数据（柜体行）
- if(item.isBase){
- r.cabinetWidth = item.width;
- r.length = item.width;
- r.projectArea = item.area;
- r.area = item.area;
- }
-
- // 同步旧的_selectedExtras数据结构（保持兼容性）
- qSyncDetailItemsToExtras(r);
-
- // 重新渲染
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- }
- // 添加新的详情行
- function qAddDetailItem(roomIdx){
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- var r = rooms[roomIdx];
- if(!r) return;
- if(!r._detailItems) r._detailItems = [];
-
- var sel = document.getElementById('q-add-extra-sel-'+roomIdx);
- if(!sel || !sel.value){
- showToast('请先选择增项类型', 'info');
- return;
- }
-
- var ei = parseInt(sel.value);
- var ex = DEFAULT_RULES.extra[ei];
- if(!ex) return;
-
- var itemType = qClassifyMethod(ex.method);
- var newItem = {
- type: 'extra',
- name: ex.name,
- width: 0,
- height: 0,
- qty: 1,
- area: 0,
- price: parseFloat(ex.price)||0,
- total: 0,
- note: ex.desc || '',
- method: ex.method,
- isBase: false
- };
-
- // 根据计价方式初始化默认值
- if(itemType === 'area'){
- newItem.width = r.cabinetWidth || r.length || 0;
- newItem.height = r.cabinetHeight || r.height || 0;
- newItem.area = newItem.width * newItem.height;
- } else if(itemType === 'length'){
- newItem.qty = r.cabinetWidth || r.length || 0;
- newItem.height = newItem.qty;
- }
-
- r._detailItems.push(newItem);
-
- // 展开详情
- r._detailExpanded = true;
-
- // 同步旧数据结构
- qSyncDetailItemsToExtras(r);
-
- // 重新渲染
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- showToast('✅ 已添加：' + ex.name, 'success');
- }
- // 添加空的自定义项目行（用户手动填写项目名称和数据）
- function qAddEmptyDetailItem(roomIdx){
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- var r = rooms[roomIdx];
- if(!r) return;
- if(!r._detailItems) r._detailItems = [];
-
- r._detailItems.push({
- type: 'extra',
- name: '',
- width: 0,
- height: 0,
- qty: 0,
- area: 0,
- price: 0,
- total: 0,
- note: '',
- method: '按个数',
- isBase: false,
- _priceModified: false
- });
-
- // 展开详情
- r._detailExpanded = true;
-
- // 同步旧数据结构
- qSyncDetailItemsToExtras(r);
-
- // 重新渲染
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- }
- // 删除详情行
- function qDeleteDetailItem(roomIdx, itemIdx){
- var rooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) ? window._qLastAnalysisData.rooms : qRooms;
- var r = rooms[roomIdx];
- if(!r || !r._detailItems || !r._detailItems[itemIdx]) return;
- if(r._detailItems[itemIdx].isBase){
- showToast('柜体行不可删除', 'info');
- return;
- }
-
- r._detailItems.splice(itemIdx, 1);
-
- // 同步旧数据结构
- qSyncDetailItemsToExtras(r);
-
- // 重新渲染
- qRenderAICards(window._qLastAnalysisData, window._qLastIsMock);
- }
- // 将新的_detailItems同步到旧的_selectedExtras结构（保持Step3等功能兼容）
- function qSyncDetailItemsToExtras(r){
- if(!r._detailItems) return;
- r._selectedExtras = [];
-
- r._detailItems.forEach(function(item){
- if(item.isBase) return; // 跳过柜体行（柜体是基础项）
-
- var itemType = item.method ? qClassifyMethod(item.method) : 'count';
- var extra = {
- name: item.name,
- method: item.method || '按个数',
- price: item.price,
- unit: '元/' + (itemType === 'area' ? '㎡' : (itemType === 'length' ? 'm' : '个')),
- qty: 0,
- widthM: item.width || 0,
- heightM: item.height || 0,
- multiplier: 1,
- total: item.total || 0
- };
-
- if(itemType === 'area'){
- extra.qty = item.area || (item.width * item.height);
- } else if(itemType === 'length'){
- extra.qty = item.qty || item.height || 0;
- } else {
- extra.qty = item.qty || 1;
- }
-
- r._selectedExtras.push(extra);
- });
- }
- // ── 子字段编辑（尺寸、柜体等含多个可编辑字段的行） ──
- // 全局子字段定义表，由渲染时填充
- var qAiSubFieldDefs = []; // [cardIdx][rowIdx][subFieldIdx] = {val, get, set, editType, options}
- function qStartSubFieldEdit(cardIdx, rowIdx, subFieldIdx){
- if (!qAiEditMode || !qAiEditableData) return;
- var uid = 'ai-edit-sub-'+cardIdx+'-'+rowIdx+'-'+subFieldIdx;
- var el = document.getElementById(uid);
- if (!el || el.querySelector('input') || el.querySelector('select')) return;
- // 从全局定义表读取
- var defs = (qAiSubFieldDefs[cardIdx]||[])[rowIdx];
- if (!defs || !defs[subFieldIdx]) return;
- var sf = defs[subFieldIdx];
- // 刷新当前值
- sf.val = sf.get();
- var inputHtml = '';
- if (sf.editType === 'select') {
- var opts = (sf.options||[]).map(function(o){return '<option value="'+o+'"'+(o==sf.val?' selected':'')+'>'+o+'</option>';}).join('');
- inputHtml = '<select class="ai-inline-select" id="'+uid+'-input">'+opts+'</select>';
- } else if (sf.editType === 'number') {
- inputHtml = '<input type="number" step="0.01" class="ai-inline-input" id="'+uid+'-input" value="'+sf.val+'" style="width:90px;">';
- } else {
- inputHtml = '<input type="text" class="ai-inline-input" id="'+uid+'-input" value="'+(sf.val||'').replace(/"/g,'"')+'" style="min-width:80px;">';
- }
- var actionsHtml = '<span class="ai-edit-actions"><button class="ai-btn-save" onclick="event.stopPropagation();qSaveSubFieldEdit('+cardIdx+','+rowIdx+','+subFieldIdx+')" title="保存">✓</button><button class="ai-btn-cancel" onclick="event.stopPropagation();qCancelSubFieldEdit()" title="取消">✕</button></span>';
- el.innerHTML = inputHtml + actionsHtml;
- var input = document.getElementById(uid+'-input');
- if (input) {
- input.focus();
- if (sf.editType !== 'select') input.select();
- input.addEventListener('keydown', function(e){
- if (e.key === 'Enter') { e.preventDefault(); qSaveSubFieldEdit(cardIdx, rowIdx, subFieldIdx); }
- if (e.key === 'Escape') { e.preventDefault(); qCancelSubFieldEdit(); }
- });
- }
- }
- function qSaveSubFieldEdit(cardIdx, rowIdx, subFieldIdx){
- if (!qAiEditableData) return;
- var uid = 'ai-edit-sub-'+cardIdx+'-'+rowIdx+'-'+subFieldIdx;
- var input = document.getElementById(uid+'-input');
- if (!input) { qCancelSubFieldEdit(); return; }
- var newVal = input.value;
- var defs = (qAiSubFieldDefs[cardIdx]||[])[rowIdx];
- if (!defs || !defs[subFieldIdx]) { qCancelSubFieldEdit(); return; }
- var sf = defs[subFieldIdx];
- // 类型转换
- if (sf.editType === 'number') {
- newVal = parseFloat(newVal);
- if (isNaN(newVal) || newVal < 0) { qCancelSubFieldEdit(); return; }
- }
- // 写入数据
- sf.set(newVal);
- // 附属操作：如果修改了房间的长/宽，自动重算面积
- if (cardIdx === 1 && (subFieldIdx === 0 || subFieldIdx === 1)) {
- var r = qAiEditableData.rooms[rowIdx];
- if (r) { r.area = parseFloat((r.length * r.width).toFixed(2)); }
- if (qRooms && qRooms[rowIdx]) { qRooms[rowIdx].area = null; qRooms[rowIdx].expandArea = null; }
- }
- // 同步到 qRooms
- if (sf.roomIdx != null && qRooms && qRooms[sf.roomIdx] && sf.field) {
- qRooms[sf.roomIdx][sf.field] = newVal;
- }
- // 重新渲染
- var isMock = qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1;
- qRenderAICards(qAiEditableData, isMock);
- qUpdateSummaryBanner(qAiEditableData);
- }
- function qCancelSubFieldEdit(){
- if (!qAiEditableData) return;
- var isMock = qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1;
- qRenderAICards(qAiEditableData, isMock);
- }
- // 更新汇总横幅
- function qUpdateSummaryBanner(d){
- var banner = document.getElementById('q-ai-summary-banner');
- var title = document.getElementById('q-ai-summary-title');
- var meta = document.getElementById('q-ai-summary-meta');
- var roomsEl = document.getElementById('q-ai-summary-rooms');
- var areaEl = document.getElementById('q-ai-summary-area');
- var confEl = document.getElementById('q-ai-summary-conf');
- if (banner) banner.classList.remove('hidden');
- // 总投影面积：严格使用图纸标注的各柜体投影面积之和
- var totalProjArea = ((d.rooms||[]).reduce(function(s,r){return s+(r.projectArea||r.area||0);},0));
- if (title) title.textContent = (d.houseType||d.houseLabel)+' · '+totalProjArea.toFixed(3)+'㎡（柜体投影总计）';
- if (meta) meta.innerHTML = '<span>📏 层高参考 '+qFloorHeight.toFixed(2)+'m</span><span>🗄️ '+(d.rooms||[]).length+' 组柜体</span><span>✅ 数据来源：图纸标注+AI识别</span>';
- if (roomsEl) roomsEl.textContent = (d.rooms||[]).length;
- if (areaEl) areaEl.textContent = totalProjArea.toFixed(3);
- if (confEl) confEl.textContent = (qUploadedDrawing ? '99' : '92')+'%';
- }
- // ── 基于上传图片尺寸动态生成房间数据（增强版）──
- // ── OCR文字标注识别模块 ──
- // 模拟从图纸中提取文字标注信息（优先）
- // ── 真实图像像素分析模块 ──
- // 通过Canvas加载用户上传的图片，进行像素级分析以识别房间区域
- var _qImageAnalysisResult = null; // 存储图像分析结果
- function qAnalyzeImagePixels(imgSrc, imgWidth, imgHeight) {
- return new Promise(function(resolve) {
- if (!imgSrc) {
- _qImageAnalysisResult = null;
- resolve(null);
- return;
- }
- var img = new Image();
- img.crossOrigin = 'anonymous';
- img.onload = function() {
- try {
- // 创建分析Canvas（缩放至最大400px以提高性能）
- var maxSize = 400;
- var scale = Math.min(maxSize / img.naturalWidth, maxSize / img.naturalHeight, 1);
- var w = Math.round(img.naturalWidth * scale);
- var h = Math.round(img.naturalHeight * scale);
- var canvas = document.createElement('canvas');
- canvas.width = w; canvas.height = h;
- var ctx = canvas.getContext('2d');
- ctx.drawImage(img, 0, 0, w, h);
- var imgData = ctx.getImageData(0, 0, w, h);
- var data = imgData.data;
- // 二值化：检测深色像素（墙体线条）
- // 户型图中墙体通常是深色(黑/深蓝)，背景是浅色(白/浅灰)
- var binary = new Uint8Array(w * h);
- var darkCount = 0;
- for (var y = 0; y < h; y++) {
- for (var x = 0; x < w; x++) {
- var idx = (y * w + x) * 4;
- var r = data[idx], g = data[idx+1], b = data[idx+2];
- var brightness = (r * 299 + g * 587 + b * 114) / 1000;
- // 亮度低于阈值认为是墙体/线条
- binary[y * w + x] = brightness < 100 ? 1 : 0;
- if (brightness < 100) darkCount++;
- }
- }
- // 洪水填充算法检测连通区域（白色/浅色区域即房间）
- var visited = new Uint8Array(w * h);
- var rooms = [];
- var totalLightPixels = w * h - darkCount;
- for (var y = 2; y < h - 2; y++) {
- for (var x = 2; x < w - 2; x++) {
- var pos = y * w + x;
- if (!visited[pos] && binary[pos] === 0) {
- // BFS洪水填充
- var queue = [[x, y]];
- var region = [];
- var minX = x, maxX = x, minY = y, maxY = y;
- visited[pos] = 1;
- while (queue.length > 0) {
- var pt = queue.shift();
- var cx = pt[0], cy = pt[1];
- region.push([cx, cy]);
- if (cx < minX) minX = cx;
- if (cx > maxX) maxX = cx;
- if (cy < minY) minY = cy;
- if (cy > maxY) maxY = cy;
- // 4方向连通
- [[0,-1],[0,1],[-1,0],[1,0]].forEach(function(d) {
- var nx = cx + d[0], ny = cy + d[1];
- if (nx >= 1 && nx < w-1 && ny >= 1 && ny < h-1) {
- var npos = ny * w + nx;
- if (!visited[npos] && binary[npos] === 0) {
- visited[npos] = 1;
- queue.push([nx, ny]);
- }
- }
- });
- }
- // 计算区域大小，过滤太小的区域（可能是噪声）
- var regionArea = region.length;
- var bboxArea = (maxX - minX + 1) * (maxY - minY + 1);
- if (regionArea > totalLightPixels * 0.01 && bboxArea > 100) {
- rooms.push({
- pixelArea: regionArea,
- bboxWidth: maxX - minX + 1,
- bboxHeight: maxY - minY + 1,
- bboxArea: bboxArea,
- fillRatio: regionArea / bboxArea,
- centerX: (minX + maxX) / 2 / w, // 归一化坐标 0-1
- centerY: (minY + maxY) / 2 / h
- });
- }
- }
- }
- }
- // 按面积从大到小排序
- rooms.sort(function(a, b) { return b.pixelArea - a.pixelArea; });
- // 计算图像特征
- var aspectRatio = img.naturalWidth / Math.max(img.naturalHeight, 1);
- var darkRatio = darkCount / (w * h);
- var isLandscape = aspectRatio > 1.1;
- var isPortrait = aspectRatio < 0.9;
- // 过滤掉最外围的大区域（通常是背景/图纸外框），保留内部房间
- var innerRooms = rooms.filter(function(r, i) {
- // 第一个最大的区域通常是整体背景，排除
- // 但如果区域填充率高且在图片中心区域，可能就是房间
- return i > 0 || r.fillRatio < 0.85;
- });
- // 合理的房间数量：根据检测到的区域数量，但限制在2-10个
- var roomCount = Math.min(Math.max(innerRooms.length || 3, 2), 10);
- // 如果检测到的区域太少，根据图片特征估算
- if (roomCount < 3) {
- roomCount = darkRatio > 0.15 ? (isLandscape ? 4 : 3) : (isLandscape ? 3 : 2);
- }
- // 计算总面积（用于比例尺估算）
- var totalRoomArea = innerRooms.slice(0, roomCount).reduce(function(s, r) { return s + r.pixelArea; }, 0);
- _qImageAnalysisResult = {
- naturalWidth: img.naturalWidth,
- naturalHeight: img.naturalHeight,
- analyzedWidth: w,
- analyzedHeight: h,
- aspectRatio: aspectRatio,
- darkRatio: darkRatio,
- isLandscape: isLandscape,
- isPortrait: isPortrait,
- detectedRoomCount: roomCount,
- rooms: innerRooms.slice(0, roomCount).map(function(r, idx) {
- return {
- index: idx,
- pixelArea: r.pixelArea,
- relativeWidth: r.bboxWidth / w,
- relativeHeight: r.bboxHeight / h,
- relativeArea: r.pixelArea / Math.max(totalRoomArea, 1),
- centerX: r.centerX,
- centerY: r.centerY,
- fillRatio: r.fillRatio
- };
- }),
- scaleHint: isLandscape ? (aspectRatio > 1.4 ? 12.4 : 10.0) : (isPortrait ? 8.0 : 10.0)
- };
- resolve(_qImageAnalysisResult);
- } catch(e) {
- console.warn('图像像素分析失败:', e);
- _qImageAnalysisResult = null;
- resolve(null);
- }
- };
- img.onerror = function() {
- _qImageAnalysisResult = null;
- resolve(null);
- };
- img.src = imgSrc;
- });
- }
- // 根据图像分析结果生成伪随机但确定性的参数
- function qPseudoRandom(seed) {
- var x = Math.sin(seed) * 10000;
- return x - Math.floor(x);
- }
- // 基于图像特征生成房间类型
- function qGenerateRoomTypes(count, isLandscape, aspectRatio) {
- var types = [];
- var defaultTypes = ['客厅', '主卧', '次卧', '餐厅', '厨房', '阳台', '书房', '卫生间', '玄关', '储物间'];
- // 确保基本功能间存在
- var essential = ['客厅', '主卧', '厨房'];
- for (var i = 0; i < Math.min(essential.length, count); i++) {
- types.push(essential[i]);
- }
- // 其余根据数量补充
- var secondary = ['次卧', '餐厅', '阳台', '书房', '卫生间', '玄关', '储物间'];
- for (var j = types.length; j < count; j++) {
- types.push(secondary[j - essential.length] || ('房间'+(j+1)));
- }
- return types;
- }
- function qOCRExtractTextAnnotations(fileName, hasCAD, mockType) {
- var isMock = (fileName && fileName.indexOf('120㎡三房两厅') !== -1) || mockType === 'floor1' || mockType === 'floor2';
- var isFloor2 = mockType === 'floor2';
- // 🔴 强制规则：如果是示例图纸（isMock=true），完全忽略图像分析结果，使用手写标注的精确mock数据
- // 确保尺寸100%匹配图纸标注，禁止AI估算
- if (isMock) {
- _qImageAnalysisResult = null;
- }
- // 如果有图像分析结果（真实上传的图片），基于图像分析动态生成OCR数据
- if (!isMock && _qImageAnalysisResult) {
- var analysis = _qImageAnalysisResult;
- var roomCount = analysis.detectedRoomCount;
- var roomNames = qGenerateRoomTypes(roomCount, analysis.isLandscape, analysis.aspectRatio);
- var totalWidth = analysis.scaleHint;
- var totalDepth = totalWidth / Math.max(analysis.aspectRatio, 0.8);
- var textAnnotations = {
- source: '图纸文字标注(OCR)+图形识别',
- confidence: 0.75,
- extractedText: [],
- roomLabels: [],
- dimensionLabels: [],
- areaLabels: [],
- materialLabels: [],
- matched: true
- };
- // 根据检测到的房间区域生成动态数据
- var rooms = analysis.rooms;
- var defaultSizes = [
- {w: 4.2, h: 3.5}, {w: 3.8, h: 3.2}, {w: 3.5, h: 3.0}, {w: 3.2, h: 2.8},
- {w: 3.0, h: 2.8}, {w: 2.8, h: 2.5}, {w: 2.5, h: 2.2}, {w: 2.0, h: 2.0},
- {w: 3.5, h: 2.4}, {w: 1.8, h: 1.5}
- ];
- var cabinetTypes = ['客厅电视柜','主卧衣柜','次卧衣柜','餐厅餐边柜','厨房橱柜','阳台柜','书房书柜','浴室柜','玄关鞋柜','储物柜'];
- var layoutTypes = ['L型','一字型','一字型','一字型','U型','一字型','一字型','一字型','L型','一字型'];
- var totalArea = 0;
- for (var i = 0; i < roomCount; i++) {
- var r = rooms[i] || {relativeWidth:1/roomCount, relativeHeight:1/Math.ceil(roomCount/2), relativeArea:1/roomCount};
- var name = roomNames[i] || ('房间'+(i+1));
- var seed = (analysis.naturalWidth * 31 + analysis.naturalHeight * 17 + i * 131) % 10000;
- var sizeIdx = Math.min(i, defaultSizes.length - 1);
- var w = defaultSizes[sizeIdx].w + (qPseudoRandom(seed) - 0.5) * 0.8;
- var h = defaultSizes[sizeIdx].h + (qPseudoRandom(seed + 100) - 0.5) * 0.6;
- w = parseFloat(w.toFixed(1));
- h = parseFloat(h.toFixed(1));
- var area = parseFloat((w * h).toFixed(1));
- totalArea += area;
- var confBase = 0.65 + qPseudoRandom(seed + 200) * 0.2;
- textAnnotations.roomLabels.push({text:name, x:r.centerX*1000, y:r.centerY*800, confidence:parseFloat(confBase.toFixed(2))});
- textAnnotations.dimensionLabels.push({room:name, text:w+'m', type:'width', value:w, confidence:parseFloat((confBase-0.05).toFixed(2))});
- textAnnotations.dimensionLabels.push({room:name, text:h+'m', type:'height', value:h, confidence:parseFloat((confBase-0.05).toFixed(2))});
- textAnnotations.areaLabels.push({room:name, text:area+'㎡', value:area, confidence:parseFloat((confBase-0.1).toFixed(2))});
- // 为主要房间添加柜体标注（模拟OCR识别到的柜体文字）
- if (i < cabinetTypes.length) {
- var cabText = cabinetTypes[sizeIdx] + ' ' + layoutTypes[sizeIdx];
- textAnnotations.materialLabels.push({
- room: name,
- text: cabText,
- type: 'cabinet',
- cabinetType: cabinetTypes[sizeIdx],
- layoutStyle: layoutTypes[sizeIdx],
- confidence: parseFloat((confBase-0.15).toFixed(2))
- });
- }
- }
- // 添加总尺寸标注
- textAnnotations.dimensionLabels.push({room:'全屋', text:totalWidth.toFixed(1)+'m', type:'totalWidth', value:parseFloat(totalWidth.toFixed(1)), confidence:0.8});
- textAnnotations.extractedText = [
- roomCount+'房户型',
- '建筑面积约'+Math.round(totalArea*1.5)+'㎡',
- ].concat(
- textAnnotations.roomLabels.map(function(r){return r.text;}),
- textAnnotations.dimensionLabels.filter(function(d){return d.room!=='全屋';}).map(function(d){return d.text;})
- );
- textAnnotations.roomCount = roomCount;
- textAnnotations.dimensionCount = textAnnotations.dimensionLabels.length;
- textAnnotations.areaCount = textAnnotations.areaLabels.length;
- textAnnotations._dynamicFromImage = true;
- textAnnotations._detectedRoomCount = roomCount;
- return textAnnotations;
- }
- // 示例户型图（Mock数据）：与Canvas绘制的图纸标注严格对应
- var textAnnotations = {
- source: hasCAD ? 'CAD文字标注(OCR)' : '图纸文字标注(OCR)',
- confidence: hasCAD ? 0.98 : 0.92,
- extractedText: [],
- roomLabels: [],
- dimensionLabels: [],
- areaLabels: [],
- materialLabels: [],
- matched: false
- };
- var mockAnnotations;
- if (isFloor2) {
- mockAnnotations = {
- roomLabels: [
- {text:'次卧二', x:250, y:160, confidence:0.98},
- {text:'书房', x:680, y:150, confidence:0.97},
- {text:'卫生间', x:960, y:160, confidence:0.98},
- {text:'衣帽间', x:280, y:540, confidence:0.96},
- {text:'起居室', x:680, y:540, confidence:0.97}
- ],
- dimensionLabels: [
- {room:'次卧二', text:'3.6m', type:'width', value:3.6, confidence:0.98},
- {room:'次卧二', text:'3.2m', type:'height', value:3.2, confidence:0.98},
- {room:'书房', text:'3.2m', type:'width', value:3.2, confidence:0.97},
- {room:'书房', text:'2.8m', type:'height', value:2.8, confidence:0.97},
- {room:'卫生间', text:'2.8m', type:'width', value:2.8, confidence:0.98},
- {room:'卫生间', text:'2.4m', type:'height', value:2.4, confidence:0.98},
- {room:'衣帽间', text:'2.6m', type:'width', value:2.6, confidence:0.96},
- {room:'衣帽间', text:'2.0m', type:'height', value:2.0, confidence:0.96},
- {room:'起居室', text:'4.8m', type:'width', value:4.8, confidence:0.97},
- {room:'起居室', text:'3.0m', type:'height', value:3.0, confidence:0.97},
- {room:'全屋', text:'9.6m', type:'totalWidth', value:9.6, confidence:0.98}
- ],
- areaLabels: [
- {room:'次卧二', text:'11.5㎡', value:11.5, confidence:0.98},
- {room:'书房', text:'9.0㎡', value:9.0, confidence:0.97},
- {room:'卫生间', text:'6.7㎡', value:6.7, confidence:0.98},
- {room:'衣帽间', text:'5.2㎡', value:5.2, confidence:0.96},
- {room:'起居室', text:'14.4㎡', value:14.4, confidence:0.97}
- ],
- materialLabels: [
- {room:'次卧二', text:'儿童房衣柜 一字型', type:'cabinet', cabinetType:'儿童房衣柜', layoutStyle:'一字型', confidence:0.97},
- {room:'书房', text:'书房书柜 L型', type:'cabinet', cabinetType:'书房书柜', layoutStyle:'L型', confidence:0.95},
- {room:'卫生间', text:'浴室柜 一字型', type:'cabinet', cabinetType:'浴室柜', layoutStyle:'一字型', confidence:0.98},
- {room:'衣帽间', text:'衣帽间 U型', type:'cabinet', cabinetType:'衣帽间', layoutStyle:'U型', confidence:0.96},
- {room:'起居室', text:'储物柜 一字型', type:'cabinet', cabinetType:'储物柜', layoutStyle:'一字型', confidence:0.96}
- ]
- };
- } else {
- mockAnnotations = {
- roomLabels: [
- {text:'餐厅', x:260, y:160, confidence:0.99},
- {text:'客厅', x:450, y:140, confidence:0.99},
- {text:'阳台', x:650, y:630, confidence:0.97},
- {text:'开放式厨房', x:800, y:490, confidence:0.98},
- {text:'主卧', x:350, y:350, confidence:0.99},
- {text:'衣帽间', x:550, y:350, confidence:0.96},
- {text:'次卧', x:750, y:630, confidence:0.99}
- ],
- dimensionLabels: [
- {room:'餐厅', text:'2.0m', type:'width', value:2.0, confidence:0.99},
- {room:'餐厅', text:'2.5m', type:'cabinetHeight', value:2.5, confidence:0.99},
- {room:'客厅', text:'3.45m', type:'width', value:3.45, confidence:0.99},
- {room:'客厅', text:'2.5m', type:'cabinetHeight', value:2.5, confidence:0.99},
- {room:'阳台', text:'1.4m', type:'width', value:1.4, confidence:0.97},
- {room:'阳台', text:'2.5m', type:'cabinetHeight', value:2.5, confidence:0.97},
- {room:'开放式厨房', text:'2.5m', type:'width', value:2.5, confidence:0.98},
- {room:'开放式厨房', text:'1.8m', type:'cabinetHeight', value:1.8, confidence:0.98},
- {room:'主卧', text:'1.2m', type:'width', value:1.2, confidence:0.99},
- {room:'主卧', text:'2.5m', type:'cabinetHeight', value:2.5, confidence:0.99},
- {room:'衣帽间', text:'3.9m', type:'width', value:3.9, confidence:0.96},
- {room:'衣帽间', text:'2.5m', type:'cabinetHeight', value:2.5, confidence:0.96},
- {room:'次卧', text:'2.0m', type:'width', value:2.0, confidence:0.99},
- {room:'次卧', text:'2.5m', type:'cabinetHeight', value:2.5, confidence:0.99},
- {room:'总计', text:'39.375㎡', type:'totalArea', value:39.375, confidence:0.99}
- ],
- areaLabels: [
- {room:'餐厅', text:'5㎡', value:5.0, confidence:0.99},
- {room:'客厅', text:'8.625㎡', value:8.625, confidence:0.99},
- {room:'阳台', text:'3.5㎡', value:3.5, confidence:0.97},
- {room:'开放式厨房', text:'4.5㎡', value:4.5, confidence:0.98},
- {room:'主卧', text:'3㎡', value:3.0, confidence:0.99},
- {room:'衣帽间', text:'9.75㎡', value:9.75, confidence:0.96},
- {room:'次卧', text:'5㎡', value:5.0, confidence:0.99}
- ],
- materialLabels: [
- {room:'餐厅', text:'餐厅餐边柜 一字型', type:'cabinet', cabinetType:'餐厅餐边柜', layoutStyle:'一字型', confidence:0.99},
- {room:'客厅', text:'客厅电视柜 一字型', type:'cabinet', cabinetType:'客厅电视柜', layoutStyle:'一字型', confidence:0.99},
- {room:'阳台', text:'阳台柜 一字型', type:'cabinet', cabinetType:'阳台柜', layoutStyle:'一字型', confidence:0.97},
- {room:'开放式厨房', text:'开放式厨房 L型', type:'cabinet', cabinetType:'开放式厨房', layoutStyle:'L型', confidence:0.98},
- {room:'主卧', text:'主卧衣柜 一字型', type:'cabinet', cabinetType:'主卧衣柜', layoutStyle:'一字型', confidence:0.99},
- {room:'衣帽间', text:'衣帽间 U型', type:'cabinet', cabinetType:'衣帽间', layoutStyle:'U型', confidence:0.96},
- {room:'次卧', text:'次卧衣柜 一字型', type:'cabinet', cabinetType:'次卧衣柜', layoutStyle:'一字型', confidence:0.99}
- ]
- };
- }
- textAnnotations.roomLabels = mockAnnotations.roomLabels;
- textAnnotations.dimensionLabels = mockAnnotations.dimensionLabels;
- textAnnotations.areaLabels = mockAnnotations.areaLabels;
- textAnnotations.materialLabels = mockAnnotations.materialLabels;
- var houseDesc = isFloor2 ? '二楼五房（次卧二/书房/卫生间/衣帽间/起居室）' : '全屋定制7组柜体（餐厅/客厅/阳台/开放式厨房/主卧/衣帽间/次卧）';
- var grossAreaDesc = isFloor2 ? '二楼使用面积约47㎡' : '总投影面积39.375㎡';
- textAnnotations.extractedText = [
- houseDesc, grossAreaDesc, '总计投影：39.375',
- ...mockAnnotations.roomLabels.map(function(r){return r.text;}),
- ...mockAnnotations.dimensionLabels.map(function(d){return d.text;})
- ];
- textAnnotations.matched = true;
- textAnnotations.roomCount = mockAnnotations.roomLabels.length;
- textAnnotations.dimensionCount = mockAnnotations.dimensionLabels.length;
- textAnnotations.areaCount = mockAnnotations.areaLabels.length;
- textAnnotations._isFloor2 = isFloor2;
- return textAnnotations;
- }
- // ── 图形尺寸测量模块 ──
- // 模拟通过图形轮廓、比例尺测量尺寸（作为文字标注的补充/验证）
- function qMeasureGraphicDimensions(imgWidth, imgHeight, ocrData) {
- var isMock = ocrData && !ocrData._dynamicFromImage;
- // 动态模式：根据图像分析结果生成图形测量数据
- if (_qImageAnalysisResult && ocrData && ocrData._dynamicFromImage) {
- var analysis = _qImageAnalysisResult;
- var graphicData = {
- source: '图形尺寸测量(轮廓识别)',
- confidence: 0.72,
- scaleRatio: 100 / analysis.scaleHint * 0.8,
- measuredRooms: [],
- calibrationFrom: 'OCR识别校准'
- };
- var roomCount = ocrData.roomLabels.length;
- graphicData.measuredRooms = ocrData.roomLabels.map(function(rl, idx) {
- var wDim = ocrData.dimensionLabels.find(function(d){return d.room===rl.text && d.type==='width';});
- var hDim = ocrData.dimensionLabels.find(function(d){return d.room===rl.text && d.type==='height';});
- var aDim = ocrData.areaLabels.find(function(a){return a.room===rl.text;});
- var w = wDim ? wDim.value : 3.0;
- var h = hDim ? hDim.value : 2.8;
- var a = aDim ? aDim.value : parseFloat((w*h).toFixed(1));
- var seed = (idx * 7919 + analysis.naturalWidth + analysis.naturalHeight) % 10000;
- // 图形测量值与OCR有微小偏差（模拟真实测量误差±1-3cm）
- var gw = parseFloat((w + (qPseudoRandom(seed) - 0.5) * 0.06).toFixed(2));
- var gh = parseFloat((h + (qPseudoRandom(seed + 500) - 0.5) * 0.06).toFixed(2));
- var ga = parseFloat((a + (qPseudoRandom(seed + 1000) - 0.5) * 0.2).toFixed(2));
- return {
- roomName: rl.text,
- graphicWidth: gw,
- graphicHeight: gh,
- graphicArea: ga,
- shape: idx === 4 ? 'U-shape' : 'rectangle',
- measurementQuality: qPseudoRandom(seed+200) > 0.3 ? 'high' : 'medium',
- deviationFromOCR: parseFloat((Math.abs(gw - w) * 1000).toFixed(0)),
- dataSource: Math.abs(gw - w) < 0.05 ? 'OCR文字标注(已验证)' : 'OCR标注(微小偏差)'
- };
- });
- graphicData.roomCount = graphicData.measuredRooms.length;
- var devs = graphicData.measuredRooms.map(function(r){return r.deviationFromOCR||0;}).filter(function(d){return d!=null;});
- graphicData.avgDeviation = devs.length > 0 ? devs.reduce(function(s,d){return s+d;},0)/devs.length : 0;
- return graphicData;
- }
- // 示例户型图模式
- var graphicData = {
- source: '图形尺寸测量(轮廓识别)',
- confidence: 0.82,
- scaleRatio: 100 / 2.28,
- measuredRooms: [],
- calibrationFrom: 'OCR标注'
- };
- if (ocrData && ocrData.dimensionLabels && ocrData.dimensionLabels.length > 0) {
- var firstDim = ocrData.dimensionLabels[0];
- graphicData.scaleRatio = 85 / firstDim.value;
- graphicData.calibrationFrom = 'OCR文字标注校准';
- graphicData.confidence = 0.88;
- }
- var roomDefs;
- if (ocrData && ocrData._isFloor2) {
- roomDefs = [
- {name:'次卧二', graphicWidth:3.62, graphicHeight:3.18, boxArea:11.51, shape:'rectangle', quality:'high'},
- {name:'书房', graphicWidth:3.18, graphicHeight:2.82, boxArea:8.97, shape:'rectangle', quality:'high'},
- {name:'卫生间', graphicWidth:2.78, graphicHeight:2.42, boxArea:6.73, shape:'rectangle', quality:'medium'},
- {name:'衣帽间', graphicWidth:2.62, graphicHeight:1.98, boxArea:5.19, shape:'U-shape', quality:'medium'},
- {name:'起居室', graphicWidth:4.82, graphicHeight:2.98, boxArea:14.36, shape:'rectangle', quality:'high'}
- ];
- } else {
- roomDefs = [
- {name:'餐边柜', graphicWidth:2.0, graphicHeight:2.5, boxArea:5.0, shape:'rectangle', quality:'high'},
- {name:'电视柜', graphicWidth:3.45, graphicHeight:2.5, boxArea:8.625, shape:'rectangle', quality:'high'},
- {name:'阳台柜', graphicWidth:1.4, graphicHeight:2.5, boxArea:3.5, shape:'rectangle', quality:'high'},
- {name:'开放式厨房柜', graphicWidth:2.5, graphicHeight:1.8, boxArea:4.5, shape:'rectangle', quality:'high'},
- {name:'主卧衣柜', graphicWidth:1.2, graphicHeight:2.5, boxArea:3.0, shape:'rectangle', quality:'high'},
- {name:'衣帽间', graphicWidth:3.9, graphicHeight:2.5, boxArea:9.75, shape:'U-shape', quality:'high'},
- {name:'次卧衣柜', graphicWidth:2.0, graphicHeight:2.5, boxArea:5.0, shape:'rectangle', quality:'high'}
- ];
- }
- graphicData.measuredRooms = roomDefs.map(function(r) {
- var ocrDim = ocrData ? ocrData.dimensionLabels.find(function(d){return d.room===r.name;}) : null;
- var ocrArea = ocrData ? ocrData.areaLabels.find(function(a){return a.room===r.name;}) : null;
- return {
- roomName: r.name,
- graphicWidth: parseFloat(r.graphicWidth.toFixed(2)),
- graphicHeight: parseFloat(r.graphicHeight.toFixed(2)),
- graphicArea: parseFloat(r.boxArea.toFixed(2)),
- shape: r.shape,
- measurementQuality: r.quality,
- deviationFromOCR: ocrDim ? Math.abs(r.graphicWidth - ocrDim.value) * 1000 : null,
- dataSource: ocrDim ? (Math.abs(r.graphicWidth - ocrDim.value) < 0.05 ? 'OCR文字标注(已验证)' : 'OCR标注(需复核图形偏差)') : '图形测量(无文字标注)'
- };
- });
- graphicData.roomCount = graphicData.measuredRooms.length;
- var validDevs = graphicData.measuredRooms.filter(function(r){return r.deviationFromOCR!=null;});
- graphicData.avgDeviation = validDevs.length > 0 ? validDevs.reduce(function(s, r){return s + r.deviationFromOCR;}, 0) / validDevs.length : 0;
- return graphicData;
- }
- // ── 数据融合模块 ──
- // 优先使用OCR文字标注，其次用图形尺寸补充/验证
- function qFuseAnnotationData(ocrData, graphicData) {
- var fusedRooms = [];
- // 默认柜体类型映射（包含常见柜体类型，支持动态识别）
- var defaultCabinetTypeMap = {
- // 按细分柜体类型名直接映射
- '主卧衣柜': {cabinetType:'主卧衣柜', layout:'一字型', defaultDoor:'铝格栅板'},
- '次卧衣柜': {cabinetType:'次卧衣柜', layout:'一字型', defaultDoor:'普通平板'},
- '儿童房衣柜': {cabinetType:'儿童房衣柜', layout:'一字型', defaultDoor:'普通平板'},
- '老人房衣柜': {cabinetType:'老人房衣柜', layout:'一字型', defaultDoor:'普通平板'},
- '客厅电视柜': {cabinetType:'客厅电视柜', layout:'一字型', defaultDoor:'风影门板'},
- '厨房橱柜': {cabinetType:'厨房橱柜', layout:'U型', defaultDoor:'普通平板'},
- '开放式厨房': {cabinetType:'开放式厨房', layout:'L型', defaultDoor:'PET门板'},
- '餐厅餐边柜': {cabinetType:'餐厅餐边柜', layout:'一字型', defaultDoor:'风影门板'},
- '书房书柜': {cabinetType:'书房书柜', layout:'一字型', defaultDoor:'玻璃门'},
- '玄关鞋柜': {cabinetType:'玄关鞋柜', layout:'一字型', defaultDoor:'普通平板'},
- '阳台柜': {cabinetType:'阳台柜', layout:'一字型', defaultDoor:'普通平板'},
- '衣帽间': {cabinetType:'衣帽间', layout:'U型', defaultDoor:'普通平板'},
- '储物柜': {cabinetType:'储物柜', layout:'一字型', defaultDoor:'普通平板'},
- '酒柜': {cabinetType:'酒柜', layout:'一字型', defaultDoor:'玻璃门'},
- '浴室柜': {cabinetType:'浴室柜', layout:'一字型', defaultDoor:'普通平板'},
- '榻榻米': {cabinetType:'榻榻米', layout:'一字型', defaultDoor:'普通平板'},
- // 按空间位置名映射到默认柜体类型
- '客厅': {cabinetType:'客厅电视柜', layout:'L型', defaultDoor:'风影门板'},
- '主卧': {cabinetType:'主卧衣柜', layout:'一字型', defaultDoor:'铝格栅板'},
- '次卧': {cabinetType:'次卧衣柜', layout:'一字型', defaultDoor:'普通平板'},
- '儿童房': {cabinetType:'儿童房衣柜', layout:'一字型', defaultDoor:'普通平板'},
- '老人房': {cabinetType:'老人房衣柜', layout:'一字型', defaultDoor:'普通平板'},
- '餐厅': {cabinetType:'餐厅餐边柜', layout:'一字型', defaultDoor:'普通平板'},
- '客餐厅': {cabinetType:'餐厅餐边柜', layout:'一字型', defaultDoor:'普通平板'},
- '厨房': {cabinetType:'厨房橱柜', layout:'U型', defaultDoor:'普通平板'},
- '阳台': {cabinetType:'阳台柜', layout:'一字型', defaultDoor:'普通平板'},
- '书房': {cabinetType:'书房书柜', layout:'一字型', defaultDoor:'玻璃门'},
- '卫生间': {cabinetType:'浴室柜', layout:'一字型', defaultDoor:'普通平板'},
- '主卫': {cabinetType:'浴室柜', layout:'一字型', defaultDoor:'普通平板'},
- '玄关': {cabinetType:'玄关鞋柜', layout:'L型', defaultDoor:'普通平板'},
- '储物间': {cabinetType:'储物柜', layout:'一字型', defaultDoor:'普通平板'},
- '次卧二': {cabinetType:'儿童房衣柜', layout:'一字型', defaultDoor:'普通平板'},
- '起居室': {cabinetType:'储物柜', layout:'一字型', defaultDoor:'普通平板'},
- // 兼容旧标签名（自动映射到新名称）
- '衣柜': {cabinetType:'主卧衣柜', layout:'一字型', defaultDoor:'铝格栅板'},
- '电视柜': {cabinetType:'客厅电视柜', layout:'一字型', defaultDoor:'风影门板'},
- '橱柜': {cabinetType:'厨房橱柜', layout:'U型', defaultDoor:'普通平板'},
- '餐边柜': {cabinetType:'餐厅餐边柜', layout:'一字型', defaultDoor:'风影门板'},
- '书柜': {cabinetType:'书房书柜', layout:'一字型', defaultDoor:'玻璃门'},
- '鞋柜': {cabinetType:'玄关鞋柜', layout:'L型', defaultDoor:'普通平板'},
- '卫浴柜': {cabinetType:'浴室柜', layout:'一字型', defaultDoor:'普通平板'},
- '开放式厨房柜': {cabinetType:'开放式厨房', layout:'L型', defaultDoor:'PET门板'}
- };
- // 动态获取柜体列表（从OCR识别结果中提取，而非硬编码）
- var detectedCabinets = ocrData.roomLabels.map(function(r){return r.text;});
- // 如果是Mock示例数据，使用固定顺序保证显示一致
- var isMock = !ocrData._dynamicFromImage;
- var cabinetOrder;
- if (isMock) {
- cabinetOrder = ocrData._isFloor2
- ? ['次卧二', '书房', '卫生间', '衣帽间', '起居室']
- : ['餐厅', '客厅', '阳台', '开放式厨房', '主卧', '衣帽间', '次卧'];
- } else {
- // 动态模式：按柜体投影面积从大到小排列
- var cabsWithArea = detectedCabinets.map(function(name, idx) {
- var areaLabel = ocrData.areaLabels.find(function(a){return a.room===name;});
- return {name: name, area: areaLabel ? areaLabel.value : 0, idx: idx};
- });
- cabsWithArea.sort(function(a, b) { return b.area - a.area; });
- cabinetOrder = cabsWithArea.map(function(r){return r.name;});
- }
- cabinetOrder.forEach(function(labelName, idx) {
- var stdName = labelName;
- var typeInfo = defaultCabinetTypeMap[stdName] || {cabinetType:'储物柜', layout:'一字型', defaultDoor:'普通平板'};
- // 查找OCR尺寸标注 - 优先使用cabinetHeight（柜体高度），兼容旧的height（房间高度）
- var widthLabel = ocrData.dimensionLabels.find(function(d){return d.room===stdName && d.type==='width';});
- var cabinetHeightLabel = ocrData.dimensionLabels.find(function(d){return d.room===stdName && (d.type==='cabinetHeight' || d.type==='height');});
- var areaLabel = ocrData.areaLabels.find(function(a){return a.room===stdName;});
- // 查找柜体标注
- var cabinetLabel = ocrData.materialLabels.find(function(m){return m.room===stdName && m.type==='cabinet';});
- // 查找门板标注
- var doorLabel = ocrData.materialLabels.find(function(m){return m.room===stdName && m.type==='door';});
- var roomLabel = ocrData.roomLabels.find(function(r){return r.text===labelName;});
- // 查找图形测量数据
- var graphicRoom = graphicData.measuredRooms.find(function(g){return g.roomName===stdName;});
- // 融合策略：宽度使用图纸标注，柜体高度统一以上传层高为准
- var finalWidth = widthLabel ? widthLabel.value : (graphicRoom ? graphicRoom.graphicWidth : 0);
- // 柜体高度 = Step1上传层高，无默认值，完全以Step1输入为准
- var uploadedFloorH = qFloorHeight || 0;
- var finalCabinetHeight = uploadedFloorH > 0 ? parseFloat(uploadedFloorH.toFixed(2)) : 0;
- // 投影面积：统一使用 柜体宽度 × 上传层高对应的柜体高度（不以户型图标注面积为准）
- var finalArea = finalWidth > 0 && finalCabinetHeight > 0 ? parseFloat((finalWidth*finalCabinetHeight).toFixed(3)) : (areaLabel ? areaLabel.value : 0);
- var finalCabinetType = cabinetLabel ? cabinetLabel.cabinetType : typeInfo.cabinetType;
- var finalLayoutStyle = cabinetLabel ? cabinetLabel.layoutStyle : typeInfo.layout;
- var finalDoor = doorLabel ? doorLabel.text : typeInfo.defaultDoor;
- // 数据来源标记
- var widthSource = widthLabel ? '图纸文字标注' : (graphicRoom ? '图形测量' : '待确认');
- var heightSource = '图纸标注/AI识别';
- var areaSource = '宽×柜体高度';
- var cabinetSource = cabinetLabel ? '图纸文字标注' : 'AI识别';
- var layoutSource = cabinetLabel ? '图纸文字标注' : 'AI识别';
- var doorSource = doorLabel ? '图纸文字标注' : '默认门板';
- var needReview = false;
- if (widthLabel && graphicRoom && Math.abs(graphicRoom.graphicWidth - widthLabel.value) > 0.05) {
- needReview = true;
- }
- fusedRooms.push({
- roomName: stdName,
- cabinetType: finalCabinetType,
- layoutStyle: finalLayoutStyle,
- doorType: finalDoor,
- projectArea: parseFloat(finalArea.toFixed(3)),
- length: parseFloat(finalWidth.toFixed(2)),
- cabinetWidth: parseFloat(finalWidth.toFixed(2)),
- cabinetHeight: parseFloat(finalCabinetHeight.toFixed(2)),
- width: parseFloat(finalWidth.toFixed(2)),
- height: parseFloat(finalCabinetHeight.toFixed(2)),
- area: parseFloat(finalArea.toFixed(3)),
- cabinetRatio: 0.55,
- fillRate: 0.55,
- doorRatio: 0.50,
- bayWindow: false,
- _isCabinet: true,
- _dataSource: {
- length: widthSource,
- cabinetWidth: widthSource,
- cabinetHeight: heightSource,
- width: heightSource,
- height: heightSource,
- area: areaSource,
- projectArea: areaSource,
- cabinetType: cabinetSource,
- layoutStyle: layoutSource,
- doorType: doorSource,
- ocrConfidence: roomLabel ? roomLabel.confidence : null,
- graphicQuality: graphicRoom ? graphicRoom.measurementQuality : null,
- needReview: needReview
- }
- });
- });
- return {
- rooms: fusedRooms,
- ocrStats: {
- cabinetLabelsFound: ocrData.roomLabels.length,
- dimensionsFound: ocrData.dimensionLabels.length,
- areasFound: ocrData.areaLabels.length,
- avgConfidence: ocrData.roomLabels.length > 0
- ? (ocrData.roomLabels.reduce(function(s,r){return s+r.confidence;},0)/ocrData.roomLabels.length).toFixed(2)
- : '0.00'
- },
- graphicStats: {
- cabinetsMeasured: graphicData.measuredRooms.length,
- avgDeviationMm: graphicData.avgDeviation ? graphicData.avgDeviation.toFixed(0) : 0,
- scaleCalibration: graphicData.calibrationFrom
- },
- fusionStats: {
- totalCabinets: fusedRooms.length,
- totalProjectArea: parseFloat(fusedRooms.reduce(function(s,r){return s+(r.projectArea||0);},0).toFixed(3)),
- ocrSourcedCabinets: fusedRooms.filter(function(r){return r._dataSource.length==='图纸文字标注';}).length,
- graphicSourcedCabinets: fusedRooms.filter(function(r){return r._dataSource.length==='图形测量';}).length,
- needReviewCabinets: fusedRooms.filter(function(r){return r._dataSource.needReview;}).length
- }
- };
- }
- // ── 旧视觉识别兼容配置（外部调用已停用） ──
- // 图像编辑统一通过本机豆包/火山方舟安全代理。
- const QWEN_API_URL = '';
- const QWEN_MODEL = 'qwen-vl-plus';
- const QWEN_PROMPT_KEY = 'qwen_custom_prompt_v1';
- // ── 默认提示词（首次加载时使用） ──
- const QWEN_DEFAULT_PROMPT = 'AI自动识别推算出这张户型图的图像比例大小，且根据户型图上标注的真实尺寸或者录入的真实尺寸推算出这张户型图的尺寸单位（1像素是多少米）。最后计算出所有贴纸柜体的最长宽度。';
- // ── 获取当前提示词（从localStorage或默认值） ──
- function qGetPromptText() {
- try {
- var saved = localStorage.getItem(QWEN_PROMPT_KEY);
- if (saved && saved.trim().length > 0) return saved;
- } catch(e) {}
- return QWEN_DEFAULT_PROMPT;
- }
- // ── 打开提示词配置弹窗 ──
- function qOpenPromptConfig() {
- var existing = document.getElementById('q-prompt-config-modal');
- if (existing) existing.remove();
- var currentPrompt = qGetPromptText();
- var overlay = document.createElement('div');
- overlay.id = 'q-prompt-config-modal';
- overlay.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99999;display:flex;align-items:center;justify-content:center;';
- overlay.onclick = function(e) { if (e.target === overlay) qClosePromptConfig(); };
- var modal = document.createElement('div');
- modal.style.cssText = 'background:#fff;border-radius:12px;padding:24px;max-width:700px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.3);';
- modal.innerHTML = ''
- + '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">'
- + ' <div style="font-size:16px;font-weight:700;color:#2D3748;">⚙️ AI识别提示词配置</div>'
- + ' <button onclick="qClosePromptConfig()" style="border:none;background:none;font-size:20px;cursor:pointer;color:#718096;padding:4px 8px;">✕</button>'
- + '</div>'
- + '<div style="font-size:12px;color:#718096;margin-bottom:12px;padding:8px 12px;background:#F7FAFC;border-radius:6px;border:1px solid #E2E8F0;">'
- + ' 💡 此处保留旧版识别提示词配置，仅用于兼容历史数据；当前户型图优化由豆包图像模型完成。'
- + '</div>'
- + '<textarea id="q-prompt-textarea" style="flex:1;min-height:300px;max-height:50vh;width:100%;padding:12px;border:2px solid #E2E8F0;border-radius:8px;font-size:13px;font-family:monospace;line-height:1.6;resize:vertical;box-sizing:border-box;">' + qEscapeHtml(currentPrompt) + '</textarea>'
- + '<div style="display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px;">'
- + ' <button onclick="qResetPromptToDefault()" style="padding:8px 16px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;color:#718096;font-size:13px;cursor:pointer;">🔄 恢复默认</button>'
- + ' <div style="display:flex;gap:8px;">'
- + ' <button onclick="qClosePromptConfig()" style="padding:8px 20px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;color:#4A5568;font-size:13px;cursor:pointer;">取消</button>'
- + ' <button onclick="qSavePromptConfig()" style="padding:8px 20px;border:none;border-radius:6px;background:#3182CE;color:#fff;font-size:13px;font-weight:600;cursor:pointer;">💾 保存配置</button>'
- + ' </div>'
- + '</div>';
- overlay.appendChild(modal);
- document.body.appendChild(overlay);
- // 聚焦到文本域
- setTimeout(function() {
- var ta = document.getElementById('q-prompt-textarea');
- if (ta) ta.focus();
- }, 100);
- }
- function qEscapeHtml(str) {
- return String(str).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
- }
- // ── 关闭提示词配置弹窗 ──
- function qClosePromptConfig() {
- var modal = document.getElementById('q-prompt-config-modal');
- if (modal) modal.remove();
- }
- // ── 保存提示词配置 ──
- function qSavePromptConfig() {
- var ta = document.getElementById('q-prompt-textarea');
- if (!ta) return;
- var val = ta.value.trim();
- if (!val) {
- showToast('提示词不能为空，请输入有效的提示词内容', 'warning');
- return;
- }
- try {
- localStorage.setItem(QWEN_PROMPT_KEY, val);
- showToast('✅ 识别提示词已保存', 'success');
- } catch(e) {
- showToast('⚠️ 保存失败：' + e.message, 'error');
- return;
- }
- qClosePromptConfig();
- }
- // ── 恢复默认提示词 ──
- function qResetPromptToDefault() {
- var ta = document.getElementById('q-prompt-textarea');
- if (ta) {
- ta.value = QWEN_DEFAULT_PROMPT;
- showToast('已恢复为默认提示词（未保存，请点击保存）', 'info');
- }
- }
- // ── 旧云端视觉识别入口：已停用，仅触发本地分析回退 ──
- async function qCallQwenVLAPI(imageDataUrl, floorHeight){
- throw new Error('旧云端视觉识别已停用');
- var prompt = qGetPromptText();
- console.log('[千问API] 接收到的图片参数类型:', typeof imageDataUrl, '长度:', (imageDataUrl||'').length, '前80字符:', (imageDataUrl||'').substring(0, 80));
- try {
- var response = await fetch(QWEN_API_URL, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json'
- },
- body: JSON.stringify({
- model: QWEN_MODEL,
- messages: [
- {
- role: 'user',
- content: [
- { type: 'image_url', image_url: { url: imageDataUrl } },
- { type: 'text', text: prompt }
- ]
- }
- ],
- max_tokens: 4096,
- temperature: 0.1
- })
- });
- if (!response.ok) {
- var errText = await response.text();
- throw new Error('API请求失败: ' + response.status + ' - ' + errText);
- }
- var data = await response.json();
- if (!data.choices || !data.choices[0] || !data.choices[0].message) {
- throw new Error('API返回格式异常');
- }
- var content = data.choices[0].message.content;
- // 提取JSON内容（可能被```json```包裹）
- var jsonStr = content;
- var jsonMatch = content.match(/```(?:json)?\s*([\s\S]*?)```/);
- if (jsonMatch) jsonStr = jsonMatch[1].trim();
- // 尝试直接解析
- var parsed = null;
- try { parsed = JSON.parse(jsonStr); } catch(e1) {
- // 尝试提取第一个{...}块
- var braceMatch = jsonStr.match(/\{[\s\S]*\}/);
- if (braceMatch) {
- try { parsed = JSON.parse(braceMatch[0]); } catch(e2) { /* 解析失败 */ }
- }
- }
- if (!parsed || !parsed.rooms) {
- throw new Error('AI返回内容无法解析为有效JSON，原始内容：' + content.substring(0, 200));
- }
- return parsed;
- } catch(err) {
- console.error('qCallQwenVLAPI error:', err);
- throw err;
- }
- }
- // ── 将千问API返回数据转换为系统标准格式 ──
- function qConvertQwenResult(apiResult, floorHeight){
- var fh = floorHeight || 2.5;
- var rooms = (apiResult.rooms || []).map(function(r){
- var cabW = parseFloat(r.cabinetWidth) || 0;
- // 柜体高度：优先使用AI识别的cabinetHeight，其次用图纸标注的height，最后fallback到层高
- var cabH = r.cabinetHeight ? parseFloat(r.cabinetHeight) : (r.height ? parseFloat(r.height) : fh);
- var projA = r.projectArea ? parseFloat(r.projectArea) : parseFloat((cabW * cabH).toFixed(3));
- var roomLen = parseFloat(r.length) || 0;
- var roomWid = parseFloat(r.width) || 0;
- var roomArea = r.area ? parseFloat(r.area) : parseFloat((roomLen * roomWid).toFixed(1));
- return {
- roomName: r.roomName || '未知房间',
- cabinetType: r.cabinetType || '柜体',
- layoutStyle: (['一字型','L型','U型'].indexOf(r.layoutStyle) !== -1) ? r.layoutStyle : '一字型',
- projectArea: projA,
- doorType: r.doorType || '普通平板',
- length: roomLen || cabW,
- width: roomWid || 3.0,
- height: cabH,
- area: roomArea || 10,
- cabinetWidth: cabW,
- cabinetHeight: cabH,
- cabinetRatio: 0.50,
- fillRate: 0.50,
- doorRatio: 0.50,
- bayWindow: false,
- _qwenSource: true
- };
- });
- var totalArea = rooms.reduce(function(s,r){ return s + r.projectArea; }, 0);
- return {
- rooms: rooms,
- houseType: apiResult.houseLabel || ('全屋定制' + rooms.length + '组柜体'),
- houseLabel: apiResult.houseLabel || ('全屋定制' + rooms.length + '组柜体'),
- totalArea: parseFloat(totalArea.toFixed(1)),
- grossArea: apiResult.totalGrossArea || parseFloat(totalArea.toFixed(1)),
- orientation: '南北通透',
- ratio: 1.0,
- roomCount: rooms.length,
- walls: [],
- doors: [],
- windows: [],
- structType: 'AI识别',
- outerWallThickness: '',
- innerWallThickness: '',
- floorHeight: fh + 'm',
- totalWidth: ''
- };
- }
- function qGenerateRoomsFromImage(imgWidth, imgHeight, fileName, opts){
- opts = opts || {};
- var mockType = opts.mockType || null;
- var sheetName = opts.sheetName || null;
- var sheetId = opts.sheetId || null;
- var ratio = imgWidth / Math.max(imgHeight, 1);
- var orientation = ratio >= 1.0 ? '横版' : '竖版';
- var isMock = (fileName && fileName.indexOf('120㎡三房两厅') !== -1) || mockType === 'floor1' || mockType === 'floor2';
- var isFloor2 = mockType === 'floor2';
- var hasCAD = !!(qUploadedCAD || opts.hasCAD);
- // ── 第一步：优先执行OCR文字标注识别 ──
- var ocrData = qOCRExtractTextAnnotations(fileName, hasCAD, mockType);
- // 根据OCR识别结果动态生成柜体清单标签和总投影面积
- var houseLabel, grossArea;
- if (isMock) {
- houseLabel = isFloor2 ? '二楼柜体清单' : '全屋定制7组柜体';
- grossArea = isFloor2 ? 47 : 39.375;
- } else {
- var cabinetCount = ocrData.roomLabels.length;
- var totalProjectArea = ocrData.areaLabels.reduce(function(s,a){return s+(a.value||0);},0);
- // 提取柜体名称列表生成标签
- var cabinetNames = ocrData.roomLabels.map(function(r){return r.text;});
- houseLabel = '全屋定制'+cabinetCount+'组柜体（'+cabinetNames.slice(0,3).join('/')+(cabinetCount>3?'...':'')+'）';
- grossArea = totalProjectArea > 0 ? totalProjectArea : 0;
- }
- // ── 第二步：执行图形尺寸测量（作为补充/验证） ──
- var graphicData = qMeasureGraphicDimensions(imgWidth, imgHeight, ocrData);
- // ── 第三步：数据融合 - 优先使用OCR文字标注，图形测量作为补充验证 ──
- var fusedResult = qFuseAnnotationData(ocrData, graphicData);
- var rooms = fusedResult.rooms;
- // 为每个房间标记来源图纸
- if (sheetId) {
- rooms.forEach(function(r){
- r.sourceSheetId = sheetId;
- r.sourceSheetName = sheetName;
- });
- }
- // 保存融合统计数据供日志展示
- window._qLastOCRStats = fusedResult.ocrStats;
- window._qLastGraphicStats = fusedResult.graphicStats;
- window._qLastFusionStats = fusedResult.fusionStats;
- window._qLastOCRData = ocrData;
- window._qLastGraphicData = graphicData;
- var totalArea = rooms.reduce(function(sum, r) { return sum + r.projectArea; }, 0);
-
- // 生成模拟的墙体和门窗数据
- var walls = [
- {id:'W1',type:'外墙',orientation:'北',length:parseFloat((totalArea*0.35).toFixed(1)),thickness:0.24},
- {id:'W2',type:'外墙',orientation:'南',length:parseFloat((totalArea*0.35).toFixed(1)),thickness:0.24},
- {id:'W3',type:'外墙',orientation:'东',length:parseFloat((totalArea*0.28).toFixed(1)),thickness:0.24},
- {id:'W4',type:'外墙',orientation:'西',length:parseFloat((totalArea*0.28).toFixed(1)),thickness:0.24}
- ];
- for (var wi = 0; wi < rooms.length - 1; wi++) {
- walls.push({id:'W'+(5+wi),type:'内墙',orientation:'隔墙',length:parseFloat((3+Math.random()*3).toFixed(1)),thickness:0.12,desc:'分隔 '+rooms[wi].roomName});
- }
- var doors = rooms.map(function(r,i){
- return {id:'D'+(i+1),type:i===0?'入户门':'室内门',room:r.roomName,width:0.8+(i===0?0.1:0),position:'墙面',opening:i===0?'内开右':'内开左'};
- });
- var windows = rooms.map(function(r,i){
- return {id:'WIN'+(i+1),room:r.roomName,type:i===0?'飘窗':'普通窗',width:parseFloat((1.5+Math.random()*1.5).toFixed(1)),orientation:['南','北','东','西'][i%4]};
- });
- return {
- rooms: rooms,
- houseType: houseLabel,
- houseLabel: houseLabel,
- totalArea: parseFloat(totalArea.toFixed(1)),
- grossArea: grossArea,
- orientation: '南北通透',
- ratio: parseFloat(ratio.toFixed(2)),
- roomCount: rooms.length,
- walls: walls,
- doors: doors,
- windows: windows,
- structType: '砖混结构 / 框架剪力墙',
- outerWallThickness: '240mm（砖混结构）',
- innerWallThickness: '120mm（轻质隔墙）',
- floorHeight: '2.8m（标准层高）',
- totalWidth: '12.4m（东西向）'
- };
- }
- // 根据房间列表动态生成增项（已禁用：不自动生成任何增项，所有增项需用户手动添加）
- function qGenerateExtrasFromRooms(rooms){
- return [];
- }
- // ══════════════════════════════════════════════════════════════
- // 全新三步AI柜体识别流程 - 全局状态
- // ══════════════════════════════════════════════════════════════
- var qAICurrentStep = 0;
- var qAICleanedImageData = null;
- var qAIPlacedCabinets = [];
- var qAIScaleRatio = 0;
- var qAIDrawingWidth = 0;
- var qAIDrawingHeight = 0;
- var qAIDrawingRealWidth = 0;
- var qFurnitureLayout = [];
- var qFurnitureDragPayload = null;
- var qFurnitureCompositeDataUrl = '';
- var qDimensionAnnotations = [];
- var qDimensionDrawMode = false;
- var qAutoDimensionDetectionDone = false;
- var qAutoDimensionDetectionPromise = null;
- var qScaleCalibrationMode = '';
- function qDimensionSvgNode(name, attrs){
- var n=document.createElementNS('http://www.w3.org/2000/svg',name);
- Object.keys(attrs||{}).forEach(function(k){n.setAttribute(k,attrs[k]);});
- return n;
- }
- function qDimensionEnsureLayer(){
- var workspace=document.getElementById('q-floorplan-layout-workspace');
- if(!workspace)return null;
- var svg=document.getElementById('q-dimension-layer');
- if(!svg){svg=qDimensionSvgNode('svg',{id:'q-dimension-layer'});workspace.appendChild(svg);}
- return svg;
- }
- function qDimensionAlign(){
- var workspace=document.getElementById('q-floorplan-layout-workspace'),drawing=document.getElementById('q-ai-cleaned-img'),svg=qDimensionEnsureLayer();
- if(!workspace||!drawing||!svg)return;
- var wr=workspace.getBoundingClientRect(),ir=drawing.getBoundingClientRect();
- if(!ir.width||!ir.height)return;
- svg.style.left=(ir.left-wr.left)+'px';svg.style.top=(ir.top-wr.top)+'px';svg.style.width=ir.width+'px';svg.style.height=ir.height+'px';
- svg.setAttribute('viewBox','0 0 '+ir.width+' '+ir.height);qDimensionRender();
- }
- function qDimensionEdit(item){
- qPromptDialog('请输入真实尺寸（例如 3150 mm）',item.value||'',function(value){
- if(value&&value.trim()){item.value=value.trim();qCalculateImageScale();qDimensionRender();qFurnitureV3Render();}
- });
- }
- function qDimensionRender(){
- var svg=document.getElementById('q-dimension-layer');if(!svg)return;
- var w=svg.clientWidth||Number((svg.getAttribute('viewBox')||'0 0 1 1').split(' ')[2]),h=svg.clientHeight||Number((svg.getAttribute('viewBox')||'0 0 1 1').split(' ')[3]);
- svg.innerHTML='';
- var defs=qDimensionSvgNode('defs',{}),marker=qDimensionSvgNode('marker',{id:'q-dimension-arrow',markerWidth:'8',markerHeight:'8',refX:'4',refY:'4',orient:'auto-start-reverse',markerUnits:'strokeWidth'});
- marker.appendChild(qDimensionSvgNode('path',{d:'M 8 0 L 0 4 L 8 8 z',fill:'#129CE7'}));defs.appendChild(marker);svg.appendChild(defs);
- qDimensionAnnotations.forEach(function(item){
- var x1=item.x1/100*w,y1=item.y1/100*h,x2=item.x2/100*w,y2=item.y2/100*h,mx=(x1+x2)/2,my=(y1+y2)/2;
- var g=qDimensionSvgNode('g',{'class':'q-dimension-item','data-id':item.id});
- var line=qDimensionSvgNode('line',{x1:x1,y1:y1,x2:x2,y2:y2,'class':'q-dimension-line','marker-start':'url(#q-dimension-arrow)','marker-end':'url(#q-dimension-arrow)'});g.appendChild(line);
- var labelWidth=Math.max(54,(item.value||'').length*9+16);
- var bg=qDimensionSvgNode('rect',{x:mx-labelWidth/2,y:my-13,width:labelWidth,height:26,rx:5,'class':'q-dimension-label-bg'});
- var text=qDimensionSvgNode('text',{x:mx,y:my+1,'class':'q-dimension-label'});text.textContent=item.value||'未填写';
- g.appendChild(bg);g.appendChild(text);
- [['start',x1,y1],['end',x2,y2]].forEach(function(p){var c=qDimensionSvgNode('circle',{cx:p[1],cy:p[2],r:6,'class':'q-dimension-handle'});c.onpointerdown=function(e){qDimensionStartHandleDrag(e,item,p[0]);};g.appendChild(c);});
- bg.onclick=text.onclick=function(e){e.stopPropagation();qDimensionEdit(item);};
- g.ondblclick=function(e){if(e.target===bg||e.target===text)return;e.preventDefault();qDimensionAnnotations=qDimensionAnnotations.filter(function(v){return v.id!==item.id;});qDimensionRender();};
- svg.appendChild(g);
- });
- }
- function qDimensionStartHandleDrag(e,item,end){
- e.preventDefault();e.stopPropagation();var svg=document.getElementById('q-dimension-layer');
- function move(ev){var r=svg.getBoundingClientRect(),x=Math.max(0,Math.min(100,(ev.clientX-r.left)/r.width*100)),y=Math.max(0,Math.min(100,(ev.clientY-r.top)/r.height*100));if(end==='start'){item.x1=x;item.y1=y;}else{item.x2=x;item.y2=y;}qDimensionRender();}
- function up(){document.removeEventListener('pointermove',move);document.removeEventListener('pointerup',up);}
- document.addEventListener('pointermove',move);document.addEventListener('pointerup',up);
- }
- function qDimensionSetMode(on){
- qDimensionDrawMode=!!on;var svg=qDimensionEnsureLayer(),btn=document.getElementById('q-add-dimension-btn');
- if(svg)svg.classList.toggle('drawing',qDimensionDrawMode);if(btn){btn.classList.toggle('active',qDimensionDrawMode);btn.textContent=qDimensionDrawMode?'在图上拖出尺寸线…':'↔ 标注真实尺寸';}
- }
- // 本地生成结构底图：去除高饱和彩色标注（含烘焙的红·蓝尺寸线），并增强深色墙体/轮廓。
- // 该步骤完全在浏览器中运行，不依赖外部AI接口，因此不会因网络请求一直等待。
- function qBuildLocalStructureDrawing(dataUrl){
- return new Promise(function(resolve, reject){
- var img = new Image();
- img.onload = function(){
- try {
- var maxSide = 1400;
- var scale = Math.min(1, maxSide / Math.max(img.naturalWidth, img.naturalHeight));
- var canvas = document.createElement('canvas');
- canvas.width = Math.max(1, Math.round(img.naturalWidth * scale));
- canvas.height = Math.max(1, Math.round(img.naturalHeight * scale));
- var w = canvas.width, h = canvas.height, count = w * h;
- var ctx = canvas.getContext('2d', { willReadFrequently: true });
- ctx.fillStyle = '#fff';
- ctx.fillRect(0, 0, w, h);
- ctx.drawImage(img, 0, 0, w, h);
- var imageData = ctx.getImageData(0, 0, w, h);
- var px = imageData.data;
- // 1) 提取深色中性结构线。彩色标注、彩色家具及浅色水印不进入墙体候选。
- var rawWall = new Uint8Array(count);
- for (var p = 0; p < count; p++) {
- var i = p * 4;
- var r = px[i], g = px[i+1], b = px[i+2];
- var max = Math.max(r, g, b), min = Math.min(r, g, b);
- var chroma = max - min;
- var lum = 0.299*r + 0.587*g + 0.114*b;
- rawWall[p] = (lum < 112 && chroma < 58) ? 1 : 0;
- }
- // 2) 形态学开运算：细文字/水印会被滤掉，粗墙体得以保留。
- function erode(src){
- var out = new Uint8Array(count);
- for(var y=1;y<h-1;y++) for(var x=1;x<w-1;x++){
- var n=y*w+x;
- if(src[n] && src[n-1] && src[n+1] && src[n-w] && src[n+w] &&
- src[n-w-1] && src[n-w+1] && src[n+w-1] && src[n+w+1]) out[n]=1;
- }
- return out;
- }
- function dilate(src){
- var out = new Uint8Array(count);
- for(var y=1;y<h-1;y++) for(var x=1;x<w-1;x++){
- var n=y*w+x;
- if(src[n] || src[n-1] || src[n+1] || src[n-w] || src[n+w] ||
- src[n-w-1] || src[n-w+1] || src[n+w-1] || src[n+w+1]) out[n]=1;
- }
- return out;
- }
- var wall = dilate(dilate(erode(rawWall)));
- // 3) 先绘制干净白底和深色墙体。
- for(var p2=0;p2<count;p2++){
- var j=p2*4;
- var v=wall[p2] ? 48 : 250;
- px[j]=px[j+1]=px[j+2]=v; px[j+3]=255;
- }
- // 4) 对墙体围合区域做连通域填充，生成柔和彩平效果；外部背景保持白色。
- var visited = new Uint8Array(count);
- var queue = new Int32Array(count);
- var palette = [
- [226,240,255],[255,239,210],[232,247,226],[244,232,255],
- [255,231,235],[226,247,244],[248,244,213],[232,237,247]
- ];
- var colorIndex=0, minRoomArea=Math.max(500, Math.round(count*0.0008));
- for(var seed=0;seed<count;seed++){
- if(wall[seed] || visited[seed]) continue;
- var head=0,tail=0,touchesBorder=false;
- queue[tail++]=seed; visited[seed]=1;
- while(head<tail){
- var n=queue[head++], x=n%w, y=(n/w)|0;
- if(x===0 || y===0 || x===w-1 || y===h-1) touchesBorder=true;
- var nb;
- if(x>0){nb=n-1;if(!wall[nb]&&!visited[nb]){visited[nb]=1;queue[tail++]=nb;}}
- if(x<w-1){nb=n+1;if(!wall[nb]&&!visited[nb]){visited[nb]=1;queue[tail++]=nb;}}
- if(y>0){nb=n-w;if(!wall[nb]&&!visited[nb]){visited[nb]=1;queue[tail++]=nb;}}
- if(y<h-1){nb=n+w;if(!wall[nb]&&!visited[nb]){visited[nb]=1;queue[tail++]=nb;}}
- }
- if(!touchesBorder && tail>=minRoomArea){
- var col=palette[colorIndex++%palette.length];
- for(var q=0;q<tail;q++){
- var k=queue[q]*4;
- px[k]=col[0];px[k+1]=col[1];px[k+2]=col[2];px[k+3]=255;
- }
- }
- }
- ctx.putImageData(imageData, 0, 0);
- resolve(canvas.toDataURL('image/png'));
- } catch(err) { reject(err); }
- };
- img.onerror = function(){ reject(new Error('原始图纸加载失败')); };
- img.src = dataUrl;
- });
- }
- function qDimensionInit(){
- var svg=qDimensionEnsureLayer(),btn=document.getElementById('q-add-dimension-btn'),clear=document.getElementById('q-clear-dimensions-btn');if(!svg)return;
- if(btn)btn.onclick=function(){qDimensionSetMode(!qDimensionDrawMode);};
- if(clear)clear.onclick=function(){qConfirmDialog('确定清空手动标注的尺寸线吗？\n仅清除在图上补充的蓝色尺寸标注，户型原图保持不变。',function(){qDimensionAnnotations=[];qDimensionRender();showToast('已清空尺寸线标注','success');});};
- svg.onpointerdown=function(e){
- if(!qDimensionDrawMode||e.target!==svg)return;e.preventDefault();var r=svg.getBoundingClientRect(),startX=(e.clientX-r.left)/r.width*100,startY=(e.clientY-r.top)/r.height*100;
- var preview=qDimensionSvgNode('line',{x1:e.clientX-r.left,y1:e.clientY-r.top,x2:e.clientX-r.left,y2:e.clientY-r.top,'class':'q-dimension-line'});svg.appendChild(preview);
- function move(ev){preview.setAttribute('x2',Math.max(0,Math.min(r.width,ev.clientX-r.left)));preview.setAttribute('y2',Math.max(0,Math.min(r.height,ev.clientY-r.top)));}
- function up(ev){document.removeEventListener('pointermove',move);document.removeEventListener('pointerup',up);var endX=Math.max(0,Math.min(100,(ev.clientX-r.left)/r.width*100)),endY=Math.max(0,Math.min(100,(ev.clientY-r.top)/r.height*100));var dist=Math.hypot((endX-startX)*r.width/100,(endY-startY)*r.height/100);qDimensionSetMode(false);function qDimFinish(){qCalculateImageScale();qDimensionRender();qFurnitureV3Render();}if(dist>12){qPromptDialog('请输入这条尺寸线代表的真实尺寸（例如 3150 mm）','3150 mm',function(value){if(value&&value.trim())qDimensionAnnotations.push({id:'dim_'+Date.now(),x1:startX,y1:startY,x2:endX,y2:endY,value:value.trim()});qDimFinish();});}else{qDimFinish();}}
- document.addEventListener('pointermove',move);document.addEventListener('pointerup',up);
- };
- if(!window.__qDimResizeBound){window.__qDimResizeBound=true;window.addEventListener('resize',qDimensionAlign);}qDimensionAlign();
- }
- // 将任意图片来源（blob:/data:/同源URL）规范化为模型API可接受的标准 data:image/jpeg;base64 数据URI，
- // 并压缩到安全尺寸，避免把 blob 地址/超大原图直传模型导致 400 invalid_parameter_error（URL 无效）。
- function qMakeApiImageDataUrl(src, maxSide){
- maxSide = maxSide || 1400;
- return new Promise(function(resolve, reject){
- if(!src){ reject(new Error('无可用户型图')); return; }
- var img = new Image();
- img.onload = function(){
- try{
- var scale = Math.min(1, maxSide / Math.max(img.naturalWidth, img.naturalHeight));
- var canvas = document.createElement('canvas');
- canvas.width = Math.max(1, Math.round(img.naturalWidth * scale));
- canvas.height = Math.max(1, Math.round(img.naturalHeight * scale));
- var ctx = canvas.getContext('2d');
- ctx.fillStyle = '#fff'; ctx.fillRect(0, 0, canvas.width, canvas.height);
- ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
- resolve(canvas.toDataURL('image/jpeg', 0.85));
- }catch(e){ reject(e); }
- };
- img.onerror = function(){ reject(new Error('图片加载失败，无法生成标准图像数据')); };
- img.src = src;
- });
- }
- function qResolveOriginalDrawingSource(){
- if(qUploadedDrawingUrl) return qUploadedDrawingUrl;
- if(qUploadedDrawingDataUrl) return qUploadedDrawingDataUrl;
- var analysisPreview=document.getElementById('q-ai-drawing-img');
- if(analysisPreview && analysisPreview.getAttribute('src')) return analysisPreview.src;
- var uploadPreview=document.querySelector('#q-drawing-inner img');
- if(uploadPreview && uploadPreview.getAttribute('src')) return uploadPreview.src;
- return '';
- }
- function qSyncOriginalDrawingToLayout(){
- var src=qResolveOriginalDrawingSource();
- var layoutImg=document.getElementById('q-ai-cleaned-img');
- var placeholder=document.getElementById('q-ai-cleaned-placeholder');
- var cabinetImg=document.getElementById('q-ai-workspace-img');
- if(src){
- if(layoutImg){layoutImg.onload=function(){if(window.qAlignFurnitureOverlayToImage)window.qAlignFurnitureOverlayToImage();if(typeof qFurnitureV3Render==='function')qFurnitureV3Render();qDimensionAlign();setTimeout(function(){qAutoDetectOriginalDimensions(false);},250);};layoutImg.src=src;layoutImg.style.display='block';}
- if(cabinetImg) cabinetImg.src=src;
- if(placeholder) placeholder.style.display='none';
- }else{
- if(layoutImg) layoutImg.style.display='none';
- if(placeholder){placeholder.style.display='block';placeholder.textContent='未读取到前面上传的户型图，请返回上传资料检查';}
- }
- return src;
- }
- // 家具布局 V2：全局实现，确保内联事件、拖放事件和动态贴纸始终可访问。
- function qFurnitureV2Render(){
- var overlay=document.getElementById('q-furniture-overlay');
- if(!overlay) return;
- if(window.qAlignFurnitureOverlayToImage) window.qAlignFurnitureOverlayToImage();
- overlay.innerHTML='';
- overlay.style.pointerEvents='none';
- qFurnitureLayout.forEach(function(item){
- var el=document.createElement('div');
- el.className='q-placed-furniture';
- el.draggable=true;
- el.style.left=item.x+'%';
- el.style.top=item.y+'%';
- el.style.width=(58*(item.widthScale||1))+'px';
- el.style.minHeight=(48*(item.heightScale||1))+'px';
- el.style.pointerEvents='auto';
- el.style.zIndex='20';
- el.title='拖动调整位置，双击删除';
- var icon=document.createElement('div'); icon.className='icon'; icon.textContent=item.icon||'▣';
- var name=document.createElement('div'); name.className='name'; name.textContent=item.type||'家具';
- var controls=document.createElement('div'); controls.className='q-furniture-size-controls';
- [['宽−','width',-.15],['宽＋','width',.15],['高−','height',-.15],['高＋','height',.15]].forEach(function(cfg){
- var btn=document.createElement('button'); btn.type='button'; btn.textContent=cfg[0]; btn.draggable=false;
- btn.addEventListener('mousedown',function(e){e.stopPropagation();});
- btn.addEventListener('click',function(e){qFurnitureV2Resize(item.id,cfg[1],cfg[2],e);});
- controls.appendChild(btn);
- });
- el.appendChild(icon); el.appendChild(name); el.appendChild(controls);
- el.addEventListener('dragstart',function(e){qFurnitureV2DragStart(e,item.type,item.icon,item.id);});
- el.addEventListener('dblclick',function(e){e.preventDefault();qFurnitureV2Remove(item.id);});
- overlay.appendChild(el);
- });
- }
- function qFurnitureV2DragStart(e,type,icon,existingId){
- qFurnitureDragPayload={type:type||'家具',icon:icon||'▣',existingId:existingId||null};
- if(e && e.dataTransfer){
- e.dataTransfer.effectAllowed=existingId?'move':'copy';
- e.dataTransfer.setData('text/plain',JSON.stringify(qFurnitureDragPayload));
- }
- }
- function qFurnitureV2Drop(e){
- if(e){e.preventDefault();e.stopPropagation();}
- var workspace=document.getElementById('q-floorplan-layout-workspace');
- var drawing=document.getElementById('q-ai-cleaned-img');
- if(!workspace || !drawing || drawing.style.display==='none'){showToast('未读取到原户型图','error');return false;}
- var payload=qFurnitureDragPayload;
- try{var raw=e.dataTransfer.getData('text/plain');if(raw)payload=JSON.parse(raw);}catch(ignore){}
- if(!payload){showToast('未读取到家具贴纸，请重新拖动','warning');return false;}
- qFurnitureV2Align();
- var rect=drawing.getBoundingClientRect();
- var x=Math.max(2,Math.min(98,((e.clientX-rect.left)/rect.width)*100));
- var y=Math.max(2,Math.min(98,((e.clientY-rect.top)/rect.height)*100));
- if(payload.existingId){
- var old=qFurnitureLayout.find(function(f){return f.id===payload.existingId;});
- if(old){old.x=x;old.y=y;}
- }else{
- qFurnitureLayout.push({id:'fur_'+Date.now()+'_'+Math.random().toString(36).slice(2,6),type:payload.type,icon:payload.icon,x:x,y:y,widthScale:1,heightScale:1});
- }
- qFurnitureDragPayload=null;
- qFurnitureV2Render();
- workspace.style.outline='3px solid #38A169';
- setTimeout(function(){workspace.style.outline='';},450);
- showToast('家具贴纸已放置','success');
- return false;
- }
- function qFurnitureV2AddCenter(type,icon){
- qFurnitureLayout.push({id:'fur_'+Date.now()+'_'+Math.random().toString(36).slice(2,6),type:type||'家具',icon:icon||'▣',x:50,y:50,widthScale:1,heightScale:1});
- qFurnitureV2Align(); qFurnitureV2Render(); showToast('家具贴纸已添加到图纸中央','success');
- }
- function qFurnitureV2Remove(id){qFurnitureLayout=qFurnitureLayout.filter(function(f){return f.id!==id;});qFurnitureV2Render();}
- function qFurnitureV2Resize(id,axis,delta,e){if(e){e.preventDefault();e.stopPropagation();}var f=qFurnitureLayout.find(function(v){return v.id===id;});if(!f)return;var k=axis==='height'?'heightScale':'widthScale';f[k]=Math.max(.5,Math.min(3,(f[k]||1)+delta));qFurnitureV2Render();}
- function qFurnitureV2Align(){
- var workspace=document.getElementById('q-floorplan-layout-workspace'),drawing=document.getElementById('q-ai-cleaned-img'),overlay=document.getElementById('q-furniture-overlay');
- if(!workspace||!drawing||!overlay)return;var wr=workspace.getBoundingClientRect(),ir=drawing.getBoundingClientRect();if(!ir.width||!ir.height)return;
- overlay.style.inset='auto';overlay.style.left=(ir.left-wr.left)+'px';overlay.style.top=(ir.top-wr.top)+'px';overlay.style.width=ir.width+'px';overlay.style.height=ir.height+'px';overlay.style.zIndex='10';
- }
- function qFurnitureV2Init(){
- var workspace=document.getElementById('q-floorplan-layout-workspace');if(!workspace)return;
- document.querySelectorAll('.q-furniture-tool').forEach(function(tool){
- var nameEl=tool.querySelector('span'),type=nameEl?nameEl.textContent.trim():'家具',icon='▣';
- for(var i=0;i<tool.childNodes.length;i++){if(tool.childNodes[i].nodeType===3&&tool.childNodes[i].textContent.trim()){icon=tool.childNodes[i].textContent.trim();break;}}
- tool.ondragstart=function(e){qFurnitureV2DragStart(e,type,icon);};
- tool.onclick=function(){qFurnitureV2AddCenter(type,icon);};
- });
- workspace.ondragenter=function(e){e.preventDefault();workspace.style.background='#BEE3F8';};
- workspace.ondragover=function(e){e.preventDefault();e.dataTransfer.dropEffect='copy';workspace.style.background='#BEE3F8';return false;};
- workspace.ondrop=function(e){workspace.style.background='#FAFAFA';return qFurnitureV2Drop(e);};
- window.addEventListener('resize',qFurnitureV2Align);
- qFurnitureV2Align();qFurnitureV2Render();
- }
- // 家具布局 V3：使用 Pointer Events，贴纸直接放进原图工作区，不依赖 HTML5 drag/drop 与覆盖层。
- function qFurnitureBaseMeters(type){var m={'餐边柜':[1.8,2.1],'客厅电视柜':[3.2,2.4],'玄关柜':[1.5,2.4],'洗衣机柜':[1.8,2.4],'客厅展示柜':[1.2,2.4],'阳台柜':[1.2,2.4],'次卧衣柜':[1.8,2.4],'主卧衣柜':[2.8,2.4],'厨房':[3.0,2.4],'衣帽间':[3.2,2.4]};return m[type]||[1.5,2.0];}
- function qLoadCompositeImage(src){return new Promise(function(resolve){var img=new Image();img.onload=function(){resolve(img);};img.onerror=function(){resolve(null);};img.src=src;});}
- async function qBuildFurnitureCompositeImage(){
- var base=document.getElementById('q-ai-cleaned-img');if(!base||!base.naturalWidth||!base.naturalHeight)return '';
- var canvas=document.createElement('canvas');canvas.width=base.naturalWidth;canvas.height=base.naturalHeight;var ctx=canvas.getContext('2d');
- ctx.drawImage(base,0,0,canvas.width,canvas.height);
- var rendered=base.getBoundingClientRect(),factor=canvas.width/Math.max(1,rendered.width);
- var loaded=await Promise.all(qFurnitureLayout.map(function(item){return item.image?qLoadCompositeImage(item.image):Promise.resolve(null);}));
- qFurnitureLayout.forEach(function(item,index){
- var cardW=Math.max(70,90*(item.widthScale||1)*factor),cardH=Math.max(62,78*(item.heightScale||1)*factor),cx=item.x/100*canvas.width,cy=item.y/100*canvas.height,x=cx-cardW/2,y=cy-cardH/2;
- ctx.save();ctx.shadowColor='rgba(0,0,0,.20)';ctx.shadowBlur=Math.max(3,4*factor);ctx.fillStyle='rgba(255,255,255,.94)';ctx.strokeStyle='#3182CE';ctx.lineWidth=Math.max(2,1.5*factor);ctx.beginPath();ctx.roundRect(x,y,cardW,cardH,Math.max(6,7*factor));ctx.fill();ctx.stroke();ctx.shadowColor='transparent';
- var photo=loaded[index],photoH=cardH*.67;if(photo){var ratio=Math.min((cardW*.88)/photo.width,(photoH*.9)/photo.height),dw=photo.width*ratio,dh=photo.height*ratio;ctx.drawImage(photo,cx-dw/2,y+(photoH-dh)/2,dw,dh);}else{ctx.fillStyle='#2B6CB0';ctx.font='bold '+Math.max(18,22*factor)+'px sans-serif';ctx.textAlign='center';ctx.fillText(item.icon||'▣',cx,y+photoH*.62);}
- ctx.fillStyle='#1A202C';ctx.font='bold '+Math.max(10,9*factor)+'px sans-serif';ctx.textAlign='center';ctx.textBaseline='middle';ctx.fillText(item.type||'家具',cx,y+photoH+(cardH-photoH)*.34);
- var dim=qFurnitureDimensionText(item);ctx.font='bold '+Math.max(9,8*factor)+'px sans-serif';var pillW=ctx.measureText(dim).width+Math.max(12,10*factor),pillH=Math.max(18,17*factor),pillY=y+cardH-pillH*.35;ctx.fillStyle='#1A365D';ctx.beginPath();ctx.roundRect(cx-pillW/2,pillY,pillW,pillH,pillH/2);ctx.fill();ctx.fillStyle='#fff';ctx.fillText(dim,cx,pillY+pillH/2);ctx.restore();
- });
- try{qFurnitureCompositeDataUrl=canvas.toDataURL('image/jpeg',.92);}catch(e){qFurnitureCompositeDataUrl='';}
- return qFurnitureCompositeDataUrl;
- }
- function qDimensionValueToMeters(value){
- var s=String(value||'').trim().toLowerCase().replace(/，/g,'.'),m=s.match(/-?\d+(?:\.\d+)?/);if(!m)return 0;
- var n=parseFloat(m[0]);if(!(n>0))return 0;
- if(/毫米|mm/.test(s))return n/1000;if(/厘米|cm/.test(s))return n/100;if(/米|\bm\b/.test(s))return n;
- return n>=50?n/1000:n;
- }
- function qExtractArkJson(content){
- var s=String(content||'').replace(/```json/gi,'').replace(/```/g,'').trim();
- var first=s.indexOf('{'),last=s.lastIndexOf('}');if(first>=0&&last>first)s=s.slice(first,last+1);return JSON.parse(s);
- }
- async function qAutoDetectOriginalDimensions(force){
- if(qAutoDimensionDetectionDone&&!force)return qDimensionAnnotations.filter(function(d){return d.source==='ai';}).length;
- if(qAutoDimensionDetectionPromise&&!force)return qAutoDimensionDetectionPromise;
- var status=document.getElementById('q-ai-dimension-status'),src=qResolveOriginalDrawingSource();
- if(!src)return 0;
- if(status){status.textContent='🤖 AI正在读取原图已有尺寸…';status.style.color='#805AD5';}
- qAutoDimensionDetectionPromise=(async function(){
- try{
- var apiImage=await qMakeApiImageDataUrl(src,1400); // 规范化为标准data URI，防止模型报URL无效
- var response=await fetch('/api/ark/dimension-detect',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({image:apiImage})});
- var data=await response.json();if(!response.ok)throw new Error((data&&data.message)||('HTTP '+response.status));
- var content=data&&data.choices&&data.choices[0]&&data.choices[0].message&&data.choices[0].message.content;
- if(Array.isArray(content))content=content.map(function(v){return v.text||'';}).join('');
- var parsed=qExtractArkJson(content),items=Array.isArray(parsed.dimensions)?parsed.dimensions:[];
- var detected=[];items.forEach(function(v,index){
- var confidence=Number(v.confidence==null?0.8:v.confidence),coords=[v.x1,v.y1,v.x2,v.y2].map(Number),meters=qDimensionValueToMeters(String(v.value||'')+' '+String(v.unit||''));
- if(confidence<0.6||!meters||coords.some(function(n){return !isFinite(n)||n<0||n>100;})||Math.hypot(coords[2]-coords[0],coords[3]-coords[1])<1)return;
- detected.push({id:'ai_dim_'+Date.now()+'_'+index,x1:coords[0],y1:coords[1],x2:coords[2],y2:coords[3],value:String(v.value)+' '+String(v.unit||'mm'),confidence:confidence,source:'ai'});
- });
- qDimensionAnnotations=qDimensionAnnotations.filter(function(d){return d.source!=='ai';}).concat(detected);qAutoDimensionDetectionDone=true;qCalculateImageScale();qDimensionRender();qFurnitureV3Render();
- if(status){if(detected.length){status.textContent='✓ AI已读取原图 '+detected.length+' 条真实尺寸，可直接下一步';status.style.color='#25855A';}else{status.textContent='未读取到尺寸，仍可直接下一步并复核结果';status.style.color='#C05621';}}
- return detected.length;
- }catch(error){qAutoDimensionDetectionDone=true;if(status){status.textContent='AI尺寸识别暂不可用，仍可直接下一步';status.style.color='#C05621';status.title=error.message;}return 0;}
- finally{qAutoDimensionDetectionPromise=null;}
- })();
- return qAutoDimensionDetectionPromise;
- }
- function qCalculateImageScale(){
- var img=document.getElementById('q-ai-cleaned-img');if(!img||!img.naturalWidth||!img.naturalHeight)return {ok:false,reason:'户型图尚未加载完成'};
- qAIDrawingWidth=img.naturalWidth;qAIDrawingHeight=img.naturalHeight;
- // 识别配置规则2：按所选来源推算尺寸单位 —— 「标注尺寸」优先AI读取的原图标注，「录入尺寸」优先手动绘制录入；所选来源无数据时回退全部标注
- var srcPref='';try{ srcPref=qGetRecogCfg().source||'标注尺寸'; }catch(e){ srcPref='标注尺寸'; }
- var anns=qDimensionAnnotations;
- var pref=srcPref==='录入尺寸'?anns.filter(function(d){return d.source!=='ai';}):anns.filter(function(d){return d.source==='ai';});
- if(pref.length) anns=pref;
- var samples=anns.map(function(d){var meters=qDimensionValueToMeters(d.value),px=Math.hypot((d.x2-d.x1)/100*img.naturalWidth,(d.y2-d.y1)/100*img.naturalHeight);return meters>0&&px>3?meters/px:0;}).filter(function(v){return v>0&&isFinite(v);}).sort(function(a,b){return a-b;});
- if(!samples.length){qAIScaleRatio=0;return {ok:false,reason:'请先在原户型图上画一条真实尺寸线并填写尺寸'};}
- var mid=Math.floor(samples.length/2);qAIScaleRatio=samples.length%2?samples[mid]:(samples[mid-1]+samples[mid])/2;
- return {ok:true,count:samples.length,ratio:qAIScaleRatio,source:'尺寸标注智能校准（'+srcPref+'）'};
- }
- // ── 识别配置落地：规则色块自动抓取柜体宽/高（规则模块一第1、4条） ──
- function qHexToRgb(hex){ var m=/^#?([0-9a-f]{6})$/i.exec(String(hex||'').trim()); if(!m) return null; var n=parseInt(m[1],16); return [(n>>16)&255,(n>>8)&255,n&255]; }
- function qBuildRuleMask(img,maxW){
- var nw=img.naturalWidth,nh=img.naturalHeight; if(!nw||!nh) return null;
- maxW=maxW||1000; var s=Math.min(1,maxW/nw), W=Math.max(1,Math.round(nw*s)), H=Math.max(1,Math.round(nh*s));
- var cv=document.createElement('canvas'); cv.width=W; cv.height=H;
- var ctx=cv.getContext('2d',{willReadFrequently:true}); ctx.drawImage(img,0,0,W,H);
- var data=ctx.getImageData(0,0,W,H).data;
- var rule=qHexToRgb(qCadRuleColor)||[34,197,94];
- var tol=160*160;
- // 规则色主导通道：规则色改为红/蓝等时，主导判定随色相自动切换
- var ruleMaxCh = rule[0]>=rule[1]&&rule[0]>=rule[2] ? 0 : (rule[1]>=rule[2]?1:2);
- var mask=new Uint8Array(W*H);
- for(var i=0;i<W*H;i++){
- var r=data[i*4],g=data[i*4+1],b=data[i*4+2];
- var dr=r-rule[0],dg=g-rule[1],db=b-rule[2];
- var mx=Math.max(r,g,b),mn=Math.min(r,g,b);
- var nearRule = dr*dr+dg*dg+db*db<=tol;
- var pxc0=r,pxc1=g,pxc2=b;
- var pxMaxCh = pxc0>=pxc1&&pxc0>=pxc2 ? 0 : (pxc1>=pxc2?1:2);
- var otherMax = pxMaxCh===0 ? Math.max(pxc1,pxc2) : (pxMaxCh===1 ? Math.max(pxc0,pxc2) : Math.max(pxc0,pxc1));
- var ruleDominant = (pxMaxCh===ruleMaxCh && (mx-otherMax)>40);
- // 饱和度>90：真实标注笔画饱和度高（#22C55E=163），墙体边蓝黄混合的偏绿杂色(≈90以下)被排除
- // 非主导通道上限0.55*mx：排除橙色房间填充(如#F5A25D, otherMax/mx≈0.66)等暖色误入，
- // 保留纯红/深红笔画(otherMax/mx≈0.1~0.3)与绿色规则色(≈0.48)
- if((nearRule||ruleDominant) && mx-mn>90 && otherMax<=0.55*mx){ mask[i]=1; }
- }
- return {mask:mask,W:W,H:H,s:s};
- }
- function qDetectRuleColorBoxes(img){
- try{
- var mm=qBuildRuleMask(img); if(!mm) return [];
- var mask=mm.mask,W=mm.W,H=mm.H,s=mm.s;
- // ── 线段配对矩形法：提取竖/横边框线 → 两两配对组装矩形 ──
- // 优势：① 散点杂色像素（浅绿房间填充边缘等）因长度不足被过滤，不会撑歪包围盒；
- // ② 相贴的多个框（共线边/共角）各自四边独立成线，可分别还原，不合并、不遗漏。
- var GAP=8, MINRUN=20, COV=0.65, MAXSTROKE=14;
- var vruns=[];
- for(var x=0;x<W;x++){
- var y=0;
- while(y<H){
- if(!mask[y*W+x]){ y++; continue; }
- var y0=y, last=y, gap=0, yy=y+1;
- while(yy<H){
- if(mask[yy*W+x]){ last=yy; gap=0; } else { gap++; if(gap>GAP) break; }
- yy++;
- }
- var len=last-y0+1;
- if(len>=MINRUN){
- var cnt=0; for(var t=y0;t<=last;t++) if(mask[t*W+x]) cnt++;
- if(cnt/len>=COV) vruns.push({x:x,y0:y0,y1:last});
- }
- y=yy+1;
- }
- }
- var vlines=[];
- for(var vi=0;vi<vruns.length;vi++){
- var rn=vruns[vi], placed=false;
- for(var li=vlines.length-1;li>=0&&li>=vlines.length-40;li--){
- var VL0=vlines[li];
- if(rn.x-VL0.x1<=2 && rn.x-VL0.x1>=0 && Math.abs(rn.y0-VL0.y0)<=6 && Math.abs(rn.y1-VL0.y1)<=6){ VL0.x1=rn.x; placed=true; break; }
- }
- if(!placed) vlines.push({x0:rn.x,x1:rn.x,y0:rn.y0,y1:rn.y1});
- }
- vlines=vlines.filter(function(L){ return (L.x1-L.x0+1)<=MAXSTROKE && (L.y1-L.y0+1)>=MINRUN; });
- var hruns=[];
- for(y=0;y<H;y++){
- x=0;
- while(x<W){
- if(!mask[y*W+x]){ x++; continue; }
- var x0=x, last2=x, gap2=0, xx=x+1;
- while(xx<W){
- if(mask[y*W+xx]){ last2=xx; gap2=0; } else { gap2++; if(gap2>GAP) break; }
- xx++;
- }
- var len2=last2-x0+1;
- if(len2>=MINRUN){
- var cnt2=0; for(t=x0;t<=last2;t++) if(mask[y*W+t]) cnt2++;
- if(cnt2/len2>=COV) hruns.push({y:y,x0:x0,x1:last2});
- }
- x=xx+1;
- }
- }
- var hlines=[];
- for(var hi=0;hi<hruns.length;hi++){
- var rn2=hruns[hi], placed2=false;
- for(li=hlines.length-1;li>=0&&li>=hlines.length-40;li--){
- var HL0=hlines[li];
- if(rn2.y-HL0.y1<=2 && rn2.y-HL0.y1>=0 && Math.abs(rn2.x0-HL0.x0)<=6 && Math.abs(rn2.x1-HL0.x1)<=6){ HL0.y1=rn2.y; placed2=true; break; }
- }
- if(!placed2) hlines.push({y0:rn2.y,y1:rn2.y,x0:rn2.x0,x1:rn2.x1});
- }
- hlines=hlines.filter(function(L){ return (L.y1-L.y0+1)<=MAXSTROKE && (L.x1-L.x0+1)>=MINRUN; });
- // 组装矩形：左竖线+右竖线（顶/底对齐）+ 顶横线+底横线（覆盖左右边）
- var rects=[];
- for(var a2=0;a2<vlines.length;a2++){
- for(var b3=0;b3<vlines.length;b3++){
- var VL=vlines[a2], VR=vlines[b3];
- if(VR.x0-VL.x1<6) continue;
- var wpx=VR.x1-VL.x0+1;
- if(wpx<10||wpx>W*0.85) continue;
- // 重叠区间配对：两竖线取 y 重叠段为矩形顶/底（长线覆盖即可），
- // 兼容 D/E 这类共用一条连续左边的上下相贴框
- var oT=Math.max(VL.y0,VR.y0), oB=Math.min(VL.y1,VR.y1);
- var minLen=Math.min(VL.y1-VL.y0, VR.y1-VR.y0);
- if(oB-oT < 0.7*minLen) continue;
- var yT=oT, yB=oB, hpx=yB-yT+1;
- if(hpx<10||hpx>H*0.85) continue;
- var T=null,B2=null;
- for(var h2=0;h2<hlines.length;h2++){
- var HL=hlines[h2];
- if(HL.x0<=VL.x0+6 && HL.x1>=VR.x1-6){
- if(Math.abs(HL.y0-yT)<=8){ if(!T||Math.abs(HL.y0-yT)<Math.abs(T.y0-yT)) T=HL; }
- if(Math.abs(HL.y0-yB)<=8){ if(!B2||Math.abs(HL.y0-yB)<Math.abs(B2.y0-yB)) B2=HL; }
- }
- }
- if(T&&B2) rects.push({x:VL.x0,y:T.y0,w:VR.x1-VL.x0+1,h:B2.y1-T.y0+1});
- }
- }
- // 去重（同一框的重复组合）
- var ded=[];
- for(var i=0;i<rects.length;i++){
- var R2=rects[i], dup=false, rep=-1;
- for(var d2=0;d2<ded.length;d2++){
- var D2=ded[d2];
- var sameXY=Math.abs(R2.x-D2.x)<=6&&Math.abs(R2.y-D2.y)<=6;
- // 完全相近=重复组合；同左上且同宽/同高但另一边不同=边框被邻近红字拉长的重复框，保留更贴合者
- if(sameXY&&(Math.abs(R2.w-D2.w)<=6||Math.abs(R2.h-D2.h)<=6)){ dup=true; if(R2.w*R2.h<D2.w*D2.h) rep=d2; break; }
- }
- if(!dup) ded.push(R2); else if(rep>=0) ded[rep]=R2;
- }
- // 包含去重：完全落在另一框内部的小框是"半截边框"误组装（如粗角点+邻边拼出的假框），剔除
- var M=6;
- ded=ded.filter(function(Ra,ia){
- for(var ib=0;ib<ded.length;ib++){
- if(ib===ia) continue;
- var Rb=ded[ib];
- if(Ra.w*Ra.h>=Rb.w*Rb.h) continue; // 只剔除更小者
- if(Ra.x>=Rb.x-M&&Ra.y>=Rb.y-M&&Ra.x+Ra.w<=Rb.x+Rb.w+M&&Ra.y+Ra.h<=Rb.y+Rb.h+M) return false;
- }
- return true;
- });
- ded=ded.filter(function(R3){
- if(R3.w<20||R3.h<20) return false;
- if(R3.w>W*0.85&&R3.h>H*0.85) return false;
- if(R3.w/R3.h>12||R3.h/R3.w>12) return false;
- return true;
- });
- return ded.map(function(bb){ return {x:bb.x/s,y:bb.y/s,w:bb.w/s,h:bb.h/s}; });
- }catch(e){ console.warn('色块识别失败:',e); return []; }
- }
- // ── 红字标注读取：对规则色文字做整串模板匹配OCR，识别每个色块旁的柜体名称（如"餐边柜""阳台柜2"） ──
- var Q_LABEL_VOCAB=['开放式厨房柜','厨房柜','主卧衣柜','次卧衣柜','儿童房衣柜','老人房衣柜','衣帽间','客厅电视柜','电视柜','餐边柜','阳台柜2','阳台柜','玄关柜','鞋柜','书柜','书桌','酒柜','榻榻米','衣柜','橱柜','储物柜','浴室柜'];
- function qCharTemplates(){
- if(qCharTemplates._t) return qCharTemplates._t;
- var chars={};
- Q_LABEL_VOCAB.forEach(function(w){ w.split('').forEach(function(c){ chars[c]=1; }); });
- var tc=document.createElement('canvas'); tc.width=48; tc.height=48;
- var tctx=tc.getContext('2d',{willReadFrequently:true});
- var t={};
- // 多字体×多字号模板：图纸文字缩放后字号不一，饱和度侵蚀下小字号细笔画字形（如"主"）
- // 与20px模板差异大易误配，覆盖12/14/16/20px源字号后同源匹配得分接近1
- ['sans-serif','Microsoft YaHei','PingFang SC','Noto Sans SC','SimHei','SimSun'].forEach(function(fnt){
- [12,14,16,20].forEach(function(fs){
- Object.keys(chars).forEach(function(ch){
- tctx.clearRect(0,0,48,48); tctx.fillStyle='#000'; tctx.font=fs+'px '+fnt; tctx.textBaseline='top'; tctx.fillText(ch,6,2);
- var td=tctx.getImageData(0,0,48,48).data, mnx=48,mny=48,mxx=-1,mxy=-1;
- for(var y=0;y<48;y++)for(var x=0;x<48;x++){ if(td[(y*48+x)*4+3]>100){ if(x<mnx)mnx=x; if(x>mxx)mxx=x; if(y<mny)mny=y; if(y>mxy)mxy=y; } }
- if(mxx<0) return;
- if(!t[ch]) t[ch]=[];
- t[ch].push(qOcrNorm(function(gx,gy){ return td[((gy+mny)*48+(gx+mnx))*4+3]>100?1:0; }, mxx-mnx+1, mxy-mny+1));
- });
- });
- });
- qCharTemplates._t=t; return t;
- }
- function qReadRuleColorLabels(img){
- try{
- // 高分辨率掩膜：橙底红字等细笔画在低分辨率下断裂导致OCR失败，2000宽可保留字形
- var m=qBuildRuleMask(img,2000); if(!m) return [];
- var mask=m.mask,W=m.W,H=m.H,s=m.s;
- // 剔除长线条（色块边框/箭头杆/尺寸线）：竖/横连续长度≥30的像素视为线条，只保留文字短笔画。
- // 阈值取30而非更小：大字号标注（20-30px）的长横/长竖笔画可达28px，阈值过小会把笔画当线条删掉导致缺字
- var line=new Uint8Array(W*H), x, y, i;
- for(x=0;x<W;x++){
- y=0;
- while(y<H){
- if(!mask[y*W+x]){ y++; continue; }
- var y0=y; while(y+1<H&&mask[(y+1)*W+x]) y++;
- if(y-y0+1>=30) for(var t=y0;t<=y;t++) line[t*W+x]=1;
- y++;
- }
- }
- for(y=0;y<H;y++){
- x=0;
- while(x<W){
- if(!mask[y*W+x]){ x++; continue; }
- var x0=x; while(x+1<W&&mask[y*W+x+1]) x++;
- if(x-x0+1>=30) for(var t2=x0;t2<=x;t2++) line[y*W+t2]=1;
- x++;
- }
- }
- var text=new Uint8Array(W*H);
- for(i=0;i<W*H;i++) text[i]=(mask[i]&&!line[i])?1:0;
- // 连通域（8邻域）→ 字符碎片
- var seen=new Uint8Array(W*H), comps=[];
- for(i=0;i<W*H;i++){
- if(!text[i]||seen[i]) continue;
- var st=[i], mnx=i%W, mxx=mnx, mny=(i/W)|0, mxy=mny, cnt=0;
- seen[i]=1;
- while(st.length){
- var p=st.pop(), cx=p%W, cy=(p/W)|0; cnt++;
- if(cx<mnx)mnx=cx; if(cx>mxx)mxx=cx; if(cy<mny)mny=cy; if(cy>mxy)mxy=cy;
- for(var dy=-1;dy<=1;dy++)for(var dx=-1;dx<=1;dx++){
- var nx=cx+dx, ny=cy+dy;
- if(nx<0||ny<0||nx>=W||ny>=H) continue;
- var np=ny*W+nx;
- if(text[np]&&!seen[np]){ seen[np]=1; st.push(np); }
- }
- }
- if(cnt>=3) comps.push({x:mnx,y:mny,w:mxx-mnx+1,h:mxy-mny+1,cx:(mnx+mxx)/2,cy:(mny+mxy)/2});
- }
- // 按"水平相近+竖直对齐"合并成文本行
- comps.sort(function(a,b){ return a.cx-b.cx; });
- var clusters=[];
- comps.forEach(function(c){
- var hit=null;
- for(var k=0;k<clusters.length;k++){
- var cl=clusters[k];
- var gap=Math.max(c.x-(cl.x+cl.w), cl.x-(c.x+c.w));
- if(gap<=7 && Math.abs(c.cy-cl.cy)<=Math.max(6,Math.min(c.h,cl.h)*0.8)){ hit=cl; break; }
- }
- if(hit){
- var rx2=Math.max(hit.x+hit.w,c.x+c.w), ry2=Math.max(hit.y+hit.h,c.y+c.h);
- hit.x=Math.min(hit.x,c.x); hit.y=Math.min(hit.y,c.y);
- hit.w=rx2-hit.x; hit.h=ry2-hit.y;
- hit.cx=hit.x+hit.w/2; hit.cy=hit.y+hit.h/2;
- }else clusters.push({x:c.x,y:c.y,w:c.w,h:c.h,cx:c.cx,cy:c.cy});
- });
- // 逐字切分模板匹配 → 拼串后与词表对照（"2150mm"等非词表文字自然被过滤）
- // 切分策略：等宽初始边界 ±3px 吸附到列墨迹投影谷点（字间空隙），段内再紧裁剪到墨迹包围盒，
- // 避免邻字混入与切片留白导致的归一化变形
- var tpls=qCharTemplates(), out=[];
- clusters.forEach(function(cl){
- if(cl.h<6||cl.h>48||cl.w<10||cl.w>320) return;
- if(cl.w>cl.h*8||cl.h>cl.w*8) return; // 极细长簇=残余线条，不是文字
- var colsum=[];
- for(var xx=0;xx<cl.w;xx++){ var cs=0; for(var yy=0;yy<cl.h;yy++) cs+=text[(cl.y+yy)*W+(cl.x+xx)]; colsum.push(cs); }
- var baseN=Math.max(1,Math.round(cl.w/cl.h)), found=null, foundScore=0;
- var valleyR=Math.max(3,Math.round(cl.h*0.25)); // 大字号字隙更宽，谷点搜索窗口随字高放大
- [baseN,baseN-1,baseN+1].forEach(function(n){
- if(found||n<1||n>8) return;
- var bounds=[0];
- for(var k=1;k<n;k++){
- var est=Math.round(k*cl.w/n), best=est, bv=Infinity;
- for(var d2=-valleyR;d2<=valleyR;d2++){ var p=est+d2; if(p>0&&p<cl.w&&colsum[p]<bv){ bv=colsum[p]; best=p; } }
- bounds.push(best);
- }
- bounds.push(cl.w);
- var seq='', tot=0;
- for(var k2=0;k2<n;k2++){
- var segW=bounds[k2+1]-bounds[k2];
- if(segW<3) return;
- // 段内紧裁剪（与模板构建方式一致）
- var mnx=segW, mxx=-1, mny=cl.h, mxy=-1, cnt=0;
- for(var yy2=0;yy2<cl.h;yy2++)for(var xx2=0;xx2<segW;xx2++){
- if(text[(cl.y+yy2)*W+(cl.x+bounds[k2]+xx2)]){ cnt++; if(xx2<mnx)mnx=xx2; if(xx2>mxx)mxx=xx2; if(yy2<mny)mny=yy2; if(yy2>mxy)mxy=yy2; }
- }
- if(cnt<3) return;
- var bx=cl.x+bounds[k2]+mnx, by=cl.y+mny, cw=mxx-mnx+1, chh=mxy-mny+1;
- var g=qOcrNorm(function(lx,ly){ return text[(by+ly)*W+(bx+lx)]?1:0; }, cw, chh);
- var bc='?', bs2=-1;
- for(var ch in tpls){ var vs=tpls[ch]; for(var v2=0;v2<vs.length;v2++){ var sc2=qOcrScore(g,vs[v2]); if(sc2>bs2){ bs2=sc2; bc=ch; } } }
- if(bs2<0.45) return; // 任一字置信不足 → 该切分方案作废
- seq+=bc; tot+=bs2;
- }
- if(Q_LABEL_VOCAB.indexOf(seq)>=0){ found=seq; foundScore=tot/n; }
- });
- out.push({cx:cl.cx/s,cy:cl.cy/s,x:cl.x/s,y:cl.y/s,w:cl.w/s,h:cl.h/s,text:found,score:+foundScore.toFixed(3)});
- });
- return out;
- }catch(e){ console.warn('红字标注读取失败:',e); return []; }
- }
- function qGetRecogRatio(){
- if(qAIScaleRatio>0) return {ratio:qAIScaleRatio,source:'尺寸标注校准'};
- return {ratio:0,source:''};
- }
- // ── 离线尺寸OCR：读取图纸红/橙红尺寸线旁的数值，为每个绿框提供真实尺寸（适配非均匀比例图纸） ──
- function qOcrTemplates(){
- if(qOcrTemplates._t) return qOcrTemplates._t;
- var tc=document.createElement('canvas'); tc.width=24; tc.height=28;
- var tctx=tc.getContext('2d',{willReadFrequently:true});
- var t={};
- ['Arial','Segoe UI','Tahoma','sans-serif'].forEach(function(fnt){
- '0123456789'.split('').forEach(function(ch){
- tctx.clearRect(0,0,24,28); tctx.fillStyle='#000'; tctx.font='18px '+fnt; tctx.textBaseline='top'; tctx.fillText(ch,3,3);
- var td=tctx.getImageData(0,0,24,28).data, mnx=24,mny=28,mxx=-1,mxy=-1;
- for(var y=0;y<28;y++)for(var x=0;x<24;x++){ if(td[(y*24+x)*4+3]>100){ if(x<mnx)mnx=x; if(x>mxx)mxx=x; if(y<mny)mny=y; if(y>mxy)mxy=y; } }
- if(mxx<0) return;
- if(!t[ch]) t[ch]=[];
- t[ch].push(qOcrNorm(function(gx,gy){ return td[((gy+mny)*24+(gx+mnx))*4+3]/255; }, mxx-mnx+1, mxy-mny+1));
- });
- });
- qOcrTemplates._t=t; return t;
- }
- function qOcrNorm(get,w,h){
- var GW=12,GH=16,g=new Float32Array(GW*GH);
- for(var y=0;y<h;y++)for(var x=0;x<w;x++){ var wgt=get(x,y); if(wgt>0){ var gx=Math.min(GW-1,(x*GW/w)|0), gy=Math.min(GH-1,(y*GH/h)|0); g[gy*GW+gx]+=wgt; } }
- return g;
- }
- function qOcrScore(a,b){ var sab=0,sa=0,sb=0; for(var i=0;i<a.length;i++){ sab+=a[i]*b[i]; sa+=a[i]*a[i]; sb+=b[i]*b[i]; } return (sa&&sb)?sab/Math.sqrt(sa*sb):0; }
- function qOcrGlyphGrid(gl,rot){
- // rot: 0=不旋转, 1=顺时针90°, -1=逆时针90°（把竖排文字字符转正）
- var W2=gl.w,H2=gl.h;
- return qOcrNorm(function(x,y){
- var ox,oy;
- if(rot===1){ ox=y; oy=W2-1-x; } // 目标(x,y)→原图
- else if(rot===-1){ ox=H2-1-y; oy=x; }
- else { ox=x; oy=y; }
- return gl.grid[oy*W2+ox]||0;
- }, rot?H2:W2, rot?W2:H2);
- }
- function qOcrRecognize(gl,rot){
- var t=qOcrTemplates(), g=qOcrGlyphGrid(gl,rot), best='?',bs=-1;
- for(var ch in t){
- var vars=t[ch];
- for(var v2=0;v2<vars.length;v2++){ var sc=qOcrScore(g,vars[v2]); if(sc>bs){ bs=sc; best=ch; } }
- }
- return [best,bs];
- }
- // 单位字符(m/mm等)跳过判定：转正后宽>高的为字母而非数字
- function qOcrIsUnitGlyph(gl,rot){
- var rw=rot?gl.h:gl.w, rh=rot?gl.w:gl.h;
- return rw>rh*1.15 || rw<4;
- }
- // 粘连字符切分：竖排粘连按空行拆、横排粘连按空列拆（递归至单字符尺寸）
- function qSplitMergedGlyph(gl,out,depth){
- if(gl.dot||depth>=3||!(gl.w>=12||gl.h>=14)){ out.push(gl); return; }
- var rows=[],cols=[],r,c;
- for(r=0;r<gl.h;r++){ var s=0; for(c=0;c<gl.w;c++) s+=gl.grid[r*gl.w+c]; rows.push(s); }
- for(c=0;c<gl.w;c++){ var s2=0; for(r=0;r<gl.h;r++) s2+=gl.grid[r*gl.w+c]; cols.push(s2); }
- var cutAxis=0; // 1=按行拆(竖排粘连), 2=按列拆(横排粘连)
- if(gl.h>=14&&gl.h>gl.w*1.2) cutAxis=1;
- else if(gl.w>=12&&gl.w>gl.h*1.2) cutAxis=2;
- if(!cutAxis){ out.push(gl); return; }
- var lens=cutAxis===1?rows:cols, L=lens.length, Wd=cutAxis===1?gl.w:gl.h;
- var segs=[],st=-1;
- for(var i2=0;i2<=L;i2++){
- var empty = i2===L || lens[i2]<=1;
- if(!empty&&st<0) st=i2;
- if(empty&&st>=0){ if(i2-st>=5) segs.push([st,i2-1]); st=-1; }
- }
- if(segs.length<2){ out.push(gl); return; }
- segs.forEach(function(sg){
- var a=sg[0],b2=sg[1], nl=b2-a+1;
- var nw2=cutAxis===1?gl.w:nl, nh2=cutAxis===1?nl:gl.h;
- var ng=new Float32Array(nw2*nh2);
- for(var y=0;y<gl.h;y++)for(var x=0;x<gl.w;x++){
- var wgt=gl.grid[y*gl.w+x]; if(wgt<=0.05)continue;
- var idx=cutAxis===1?(y-a)*gl.w+x:(y)*nl+(x-a);
- if(cutAxis===1){ if(y<a||y>b2)return; ng[idx]=wgt; }
- else { if(x<a||x>b2)return; ng[idx]=wgt; }
- }
- var nx=cutAxis===1?gl.x:gl.x+a, ny=cutAxis===1?gl.y+a:gl.y;
- qSplitMergedGlyph({x:nx,y:ny,w:nw2,h:nh2,cx:nx+nw2/2,cy:ny+nh2/2,dot:false,grid:ng},out,depth+1);
- });
- }
- function qReadDrawingDimensions(img){
- try{
- var nw=img.naturalWidth,nh=img.naturalHeight;
- var s=Math.min(1,1000/nw), W=Math.max(1,Math.round(nw*s)), H=Math.max(1,Math.round(nh*s));
- var cv=document.createElement('canvas'); cv.width=W; cv.height=H;
- var ctx=cv.getContext('2d',{willReadFrequently:true}); ctx.drawImage(img,0,0,W,H);
- var data=ctx.getImageData(0,0,W,H).data;
- var lineMask=new Uint8Array(W*H), textMask=new Uint8Array(W*H);
- for(var i=0;i<W*H;i++){
- var r=data[i*4],g=data[i*4+1],b=data[i*4+2];
- if(r>140&&g<110&&b<110&&r-g>60&&r-b>60) lineMask[i]=1; // 纯红尺寸线
- if(r>170&&g<150&&b<120&&r-g>60&&r-b>80) textMask[i]=1; // 橙红尺寸文字
- }
- // 尺寸线（长直线段）
- var lines=[];
- for(var x=0;x<W;x++){ var y=0; while(y<H){ if(!lineMask[y*W+x]){y++;continue;} var y0=y; while(y<H&&lineMask[y*W+x])y++; if(y-y0>=50) lines.push({o:'V',x0:x,x1:x,y0:y0,y1:y-1,px:y-y0}); } }
- for(y=0;y<H;y++){ var xx=0; while(xx<W){ if(!lineMask[y*W+xx]){xx++;continue;} var x0=xx; while(xx<W&&lineMask[y*W+xx])xx++; if(xx-x0>=50) lines.push({o:'H',x0:x0,x1:xx-1,y0:y,y1:y,px:xx-x0}); } }
- var mlines=[];
- lines.forEach(function(L){
- for(var k=0;k<mlines.length;k++){ var M=mlines[k];
- if(M.o==='V'&&L.o==='V'&&Math.abs(M.x0-L.x0)<=6&&Math.abs(M.y0-L.y0)<=8&&Math.abs(M.y1-L.y1)<=8){ M.x1=Math.max(M.x1,L.x1); return; }
- if(M.o==='H'&&L.o==='H'&&Math.abs(M.y0-L.y0)<=6&&Math.abs(M.x0-L.x0)<=8&&Math.abs(M.x1-L.x1)<=8){ M.y1=Math.max(M.y1,L.y1); return; }
- }
- mlines.push({o:L.o,x0:L.x0,x1:L.x1,y0:L.y0,y1:L.y1,px:L.px});
- });
- // 文字字符组件（含小数点）
- var seen=new Uint8Array(W*H), glyphs=[];
- for(var st=0;st<W*H;st++){
- if(!textMask[st]||seen[st])continue;
- var stack=[st],pts=[]; seen[st]=1; var px=0,minX=W,minY=H,maxX=0,maxY=0;
- while(stack.length){ var p=stack.pop(),pxx=p%W,pyy=(p/W)|0; pts.push(p); px++; if(pxx<minX)minX=pxx; if(pxx>maxX)maxX=pxx; if(pyy<minY)minY=pyy; if(pyy>maxY)maxY=pyy;
- if(pxx>0&&!seen[p-1]&&textMask[p-1]){seen[p-1]=1;stack.push(p-1);}
- if(pxx<W-1&&!seen[p+1]&&textMask[p+1]){seen[p+1]=1;stack.push(p+1);}
- if(pyy>0&&!seen[p-W]&&textMask[p-W]){seen[p-W]=1;stack.push(p-W);}
- if(pyy<H-1&&!seen[p+W]&&textMask[p+W]){seen[p+W]=1;stack.push(p+W);} }
- var bw=maxX-minX+1,bh=maxY-minY+1;
- var isDot = px>=3&&bw<=6&&bh<=6;
- if(isDot){
- // 排除尺寸线箭头碎片：真实小数点附近无尺寸线像素
- var nearLine=false;
- for(var dy2=Math.max(0,minY-5);dy2<=Math.min(H-1,maxY+5)&&!nearLine;dy2++)
- for(var dx2=Math.max(0,minX-5);dx2<=Math.min(W-1,maxX+5);dx2++)
- if(lineMask[dy2*W+dx2]){ nearLine=true; break; }
- if(nearLine) isDot=false;
- }
- if((px>=6&&bw>=3&&bw<=24&&bh>=7&&bh<=40)||isDot) {
- var grid=new Float32Array(bw*bh);
- for(var q2=0;q2<pts.length;q2++){ var pp2=pts[q2];
- var ri=pp2*4, redness=Math.max(0,Math.min(1,(data[ri]-Math.max(data[ri+1],data[ri+2]))/100));
- grid[(((pp2/W)|0)-minY)*bw+((pp2%W)-minX)]=Math.max(redness,0.2); }
- var base={x:minX,y:minY,w:bw,h:bh,cx:minX+bw/2,cy:minY+bh/2,dot:isDot,grid:grid};
- qSplitMergedGlyph(base,glyphs,0);
- }
- }
- // 分组：先竖排（同x带、y递增），剩余横排
- var used=new Uint8Array(glyphs.length), tlines=[];
- var gi;
- for(gi=0;gi<glyphs.length;gi++){
- if(used[gi])continue;
- var members=[gi]; used[gi]=1;
- for(var gj=0;gj<glyphs.length;gj++){ if(used[gj])continue;
- var last=members[members.length-1];
- if(Math.abs(glyphs[gj].cx-glyphs[gi].cx)<=5 && glyphs[gj].cy>glyphs[last].cy && glyphs[gj].cy-glyphs[last].cy<=20){ members.push(gj); used[gj]=1; } }
- if(members.length>=2){ tlines.push({vert:true,g:members.map(function(m){return glyphs[m];})}); }
- else used[gi]=0;
- }
- for(gi=0;gi<glyphs.length;gi++){
- if(used[gi])continue;
- var members2=[gi]; used[gi]=1;
- for(gj=0;gj<glyphs.length;gj++){ if(used[gj])continue;
- var last2=members2[members2.length-1];
- if(Math.abs(glyphs[gj].cy-glyphs[gi].cy)<=5 && glyphs[gj].cx>glyphs[last2].cx && glyphs[gj].cx-glyphs[last2].cx<=14){ members2.push(gj); used[gj]=1; } }
- if(members2.length>=2){ tlines.push({vert:false,g:members2.map(function(m){return glyphs[m];})}); }
- else used[gi]=0;
- }
- // 识别每条文字线（竖排尝试两种旋转×两种顺序，横排两种顺序，取可解析为数值且置信度最高者）
- var parseSeq=function(seq){
- var str='';
- for(var k2=0;k2<seq.length;k2++){
- var gl2=seq[k2];
- if(gl2.dot){ str+='.'; continue; }
- var rec=qOcrRecognize(gl2, seq.rot||0);
- if(rec[1]<0.72) return null;
- str+=rec[0];
- }
- if(str.indexOf('.')<0){
- if(str.length===3) str=str[0]+'.'+str.slice(1);
- else if(str.length===4) str=(+str)/1000+'';
- else if(str.length===2) str=str[0]+'.'+str[1];
- else return null;
- }
- var v=parseFloat(str);
- return (isFinite(v)&&v>0&&v<20)?v:null;
- };
- tlines.forEach(function(T){
- var combos=[];
- if(T.vert){
- var asc=T.g.slice().sort(function(a,b){return a.cy-b.cy;});
- var desc=asc.slice().reverse();
- asc.rot=1; desc.rot=1; combos.push([asc,1],[desc,1]);
- var asc2=T.g.slice().sort(function(a,b){return a.cy-b.cy;});
- var desc2=asc2.slice().reverse();
- asc2.rot=-1; desc2.rot=-1; combos.push([asc2,-1],[desc2,-1]);
- } else {
- var lr=T.g.slice().sort(function(a,b){return a.cx-b.cx;}); lr.rot=0;
- var rl=lr.slice().reverse(); rl.rot=0;
- combos.push([lr,0],[rl,0]);
- }
- var bestV=null,bestS=-1;
- combos.forEach(function(cb){
- var seq=cb[0], tot=0, ok=true, str='';
- for(var k2=0;k2<seq.length;k2++){
- var gl2=seq[k2];
- if(gl2.dot){ str+='.'; continue; }
- if(qOcrIsUnitGlyph(gl2,cb[1])) continue; // 跳过单位字母 m
- var rec=qOcrRecognize(gl2,cb[1]);
- tot+=rec[1];
- if(rec[1]<0.6){ ok=false; break; }
- str+=rec[0];
- }
- if(!ok) return;
- var avg=tot/Math.max(1,seq.length);
- var v=null;
- if(str.indexOf('.')>=0){ var f=parseFloat(str); if(isFinite(f)&&f>0&&f<20) v=f; }
- else if(str.length===3){ v=parseFloat(str[0]+'.'+str.slice(1)); }
- else if(str.length===4){ v=(+str)/1000; }
- if(v&&avg>bestS){ bestS=avg; bestV=v; }
- });
- if(bestV){
- var xs=T.g.map(function(q3){return q3.cx;}), ys=T.g.map(function(q3){return q3.cy;});
- T.value=bestV; T.cx=(Math.min.apply(null,xs)+Math.max.apply(null,xs))/2; T.cy=(Math.min.apply(null,ys)+Math.max.apply(null,ys))/2;
- }
- T._dbg=combos.map(function(cb){ return cb[1]+'|'+cb[0].map(function(gl2){ return gl2.dot?'.':qOcrRecognize(gl2,cb[1])[0]; }).join(''); }).join(' ; ');
- });
- qReadDrawingDimensions._dbg=tlines.map(function(T){ return {vert:T.vert,n:T.g.length,v:T.value||0,x:Math.round(T.cx||0),y:Math.round(T.cy||0),dbg:T._dbg}; });
- // 文字线 ↔ 尺寸线 关联
- var dims=[];
- mlines.forEach(function(L){
- var lx=(L.x0+L.x1)/2, ly=(L.y0+L.y1)/2;
- var best=null,bd=1e9;
- tlines.forEach(function(T){
- if(!T.value) return;
- var d = L.o==='V' ? Math.abs(T.cx-lx)+Math.abs(T.cy-ly)*0.3 : Math.abs(T.cy-ly)+Math.abs(T.cx-lx)*0.3;
- var near = L.o==='V' ? (Math.abs(T.cx-lx)<=22 && T.cy>=L.y0-25 && T.cy<=L.y1+25) : (Math.abs(T.cy-ly)<=22 && T.cx>=L.x0-25 && T.cx<=L.x1+25);
- if(near&&d<bd){ bd=d; best=T; }
- });
- if(best) dims.push({o:L.o,x0:L.x0,x1:L.x1,y0:L.y0,y1:L.y1,px:L.px,m:best.value});
- });
- return dims.map(function(d2){ return {o:d2.o,x0:d2.x0/s,x1:d2.x1/s,y0:d2.y0/s,y1:d2.y1/s,px:d2.px/s,m:d2.m}; });
- }catch(e){ console.warn('尺寸OCR失败:',e); return []; }
- }
- // ── 规则配置驱动：从解析模块读取识别参数（pa_02最小识别尺寸、pa_06标注识别容差），识别不再写死 ──
- function qGetParseRuleParams(){
- var p={minDimM:0.05,snapM:0.005};
- try{
- var rules=(window.moduleRulesData&&moduleRulesData.parse&&moduleRulesData.parse.rules)||[];
- rules.forEach(function(r){
- if(!r||r.enabled===false) return;
- if(r.id==='pa_02'){ var v=parseFloat(r.value); if(v>0) p.minDimM=v/1000; } // 小于该尺寸的标注视为杂线忽略
- else if(r.id==='pa_06'){ var t=parseFloat(String(r.value).replace(/[±~\s]/g,'')); if(t>0) p.snapM=Math.min(0.05,Math.max(0.001,t/1000)); } // 结果按容差吸附
- });
- }catch(e){}
- return p;
- }
- function qMedian(nums){ if(!nums.length) return 0; var a=nums.slice().sort(function(x,y){return x-y;}); var m=Math.floor(a.length/2); return a.length%2?a[m]:(a[m-1]+a[m])/2; }
- function qSnapToTolerance(m,snapM){ if(!(m>0)||!(snapM>0)) return m; return +(Math.round(m/snapM)*snapM).toFixed(3); }
- // 为每个规则色框匹配真实尺寸（识别配置规则3：计算所有框的宽、高，尽量精准、误差最小）：
- // ① 优先框内/贴边的同向尺寸线直读（线长≈框边长时误差最小）；
- // ② 其次取最近≤3条同向尺寸线的换算值中位数（避免单条无关尺寸线带偏）；
- // ③ 无同向线时按分方向（竖线管高/横线管宽）全局中位比例换算，兼容非均匀比例图纸；
- // ④ 最终按规则配置pa_06容差吸附（如±5mm），消除小数尾差。
- function qApplyDimsToBox(b,dims,nw,nh,fallbackRatio){
- var res={wm:0,hm:0,srcW:'',srcH:''};
- var P=qGetParseRuleParams();
- var usable=dims.filter(function(d){return d.m>0&&d.px>10&&d.m>=P.minDimM;});
- var rV=qMedian(usable.filter(function(d){return d.o==='V';}).map(function(d){return d.m/d.px;}));
- var rH=qMedian(usable.filter(function(d){return d.o==='H';}).map(function(d){return d.m/d.px;}));
- var rAll=qMedian(usable.map(function(d){return d.m/d.px;}));
- // 尺寸线常画在框边外侧：匹配窗口按边长15%放宽（至少8px），提高命中率
- var mxW=Math.max(8,b.w*0.15), mxH=Math.max(8,b.h*0.15);
- // 高（竖线）
- var vCand=usable.filter(function(d){ return d.o==='V' && d.x0>=b.x-mxW && d.x1<=b.x+b.w+mxW && Math.min(d.y1,b.y+b.h)-Math.max(d.y0,b.y) > 0.4*Math.min(d.y1-d.y0,b.h); });
- vCand.sort(function(a,b2){ return Math.abs((a.y1-a.y0)-b.h)-Math.abs((b2.y1-b2.y0)-b.h); });
- if(vCand.length){
- var dv=vCand[0];
- if(Math.abs((dv.y1-dv.y0)-b.h)<=0.3*b.h){ res.hm=dv.m; res.srcH='尺寸线直读'+dv.m+'m'; }
- else { res.hm=+qMedian(vCand.slice(0,3).map(function(d){return b.h*d.m/d.px;})).toFixed(3); res.srcH='邻近尺寸线中位换算'; }
- } else { var fV=fallbackRatio>0?fallbackRatio:(rV||rAll); if(fV>0){ res.hm=+(b.h*fV).toFixed(3); res.srcH=rV?'全局竖向比例换算':'全局比例换算'; } }
- // 宽（横线）
- var hCand=usable.filter(function(d){ return d.o==='H' && d.y0>=b.y-mxH && d.y1<=b.y+b.h+mxH && Math.min(d.x1,b.x+b.w)-Math.max(d.x0,b.x) > 0.4*Math.min(d.x1-d.x0,b.w); });
- hCand.sort(function(a,b2){ return Math.abs((a.x1-a.x0)-b.w)-Math.abs((b2.x1-b2.x0)-b.w); });
- if(hCand.length){
- var dh=hCand[0];
- if(Math.abs((dh.x1-dh.x0)-b.w)<=0.3*b.w){ res.wm=dh.m; res.srcW='尺寸线直读'+dh.m+'m'; }
- else { res.wm=+qMedian(hCand.slice(0,3).map(function(d){return b.w*d.m/d.px;})).toFixed(3); res.srcW='邻近尺寸线中位换算'; }
- } else { var fH=fallbackRatio>0?fallbackRatio:(rH||rAll); if(fH>0){ res.wm=+(b.w*fH).toFixed(3); res.srcW=rH?'全局横向比例换算':'全局比例换算'; } }
- // 按规则配置容差吸附，输出整齐的毫米级数值
- res.wm=qSnapToTolerance(res.wm,P.snapM); res.hm=qSnapToTolerance(res.hm,P.snapM);
- return res;
- }
- function qUpdateRecogStatus(){
- var el=document.getElementById('q-recog-status'); if(!el) return;
- var res=state.qRecogResult;
- if(!res||!res.boxes){ el.innerHTML='📐 待上传图纸：上传后系统自动推算尺寸单位（1像素是多少米），并按规则色块自动抓取每个柜体的宽、高（厨房抓取四边总长度）。'; return; }
- el.innerHTML='📐 尺寸来源：图纸尺寸线OCR直读 <b>'+(res.dimCount||0)+'</b> 条'+(res.ratio>0?' ｜ 1像素 ≈ <b>'+Number(res.ratio).toFixed(4)+'</b> 米（'+(res.source||'')+'）':'')+' ｜ 识别规则色块 <b>'+res.boxes.length+'</b> 个，已应用宽高 <b>'+(res.applied||0)+'</b> 组 ｜ 红字标注命名 <b>'+(res.labelCount||0)+'</b> 个 ｜ 千问模型：'+(res.qwen==='ok'?'✅ 已调用，辅助命名 <b>'+(res.qwenNamed||0)+'</b> 个':'⚪ 未接通（本地识别）')+' ｜ 当前规则色：<b style="color:'+qCadRuleColor+'">■</b>';
- }
- async function qRunRecognitionAndApply(){
- // 始终从"当前上传"的图纸源新建临时图像做识别，不复用 #q-ai-cleaned-img 元素：
- // 更换图纸后该元素的新 src 可能尚未解码完成，元素内仍是上一张图的旧位图，
- // 直接复用会把上一张图的柜体识别出来（残留根因）。
- // 优先用同步更新的 qUploadedDrawingUrl：qUploadedDrawingDataUrl 在 FileReader 异步回调里才写回，
- // 换图后即刻识别时它仍是上一张图的 dataUrl，会导致识别旧图残留。
- var src=qUploadedDrawingUrl||qUploadedDrawingDataUrl||qResolveOriginalDrawingSource();
- if(!src){ qUpdateRecogStatus(); return null; }
- var img=new Image();
- await new Promise(function(res){ img.onload=res; img.onerror=res; img.src=src; });
- if(!img||!img.naturalWidth){ qUpdateRecogStatus(); return null; }
- qAIDrawingWidth=img.naturalWidth; qAIDrawingHeight=img.naturalHeight;
- qCalculateImageScale();
- var sc=qGetRecogRatio();
- var nw=img.naturalWidth,nh=img.naturalHeight;
- // 离线OCR读取图纸尺寸线数值（非均匀比例图纸下保证每框尺寸精准）
- var dims=qReadDrawingDimensions(img);
- // 识别全部绿色框；尺寸优先尺寸线直读，其次邻近线换算，最后全局比例
- var boxes=qDetectRuleColorBoxes(img).map(function(b){
- var bb={x:Math.round(b.x),y:Math.round(b.y),w:Math.round(b.w),h:Math.round(b.h)};
- var ap=qApplyDimsToBox(bb,dims,nw,nh,sc.ratio>0?sc.ratio:0.015);
- bb.wm=+ap.wm.toFixed(2); bb.hm=+ap.hm.toFixed(2); bb.srcW=ap.srcW; bb.srcH=ap.srcH;
- return bb;
- }).filter(function(b){ return b.wm>=0.3&&b.hm>=0.3; });
- // 按阅读顺序（从上到下、从左到右）排序，保证编号稳定
- boxes.sort(function(a,b){ var ra=Math.round((a.y+a.h/2)/(nh/10)), rb=Math.round((b.y+b.h/2)/(nh/10)); return (ra-rb)||((a.x+a.w/2)-(b.x+b.w/2)); });
- // 读取规则色文字标注（柜体名称），为色块精准命名
- var labels=qReadRuleColorLabels(img);
- // 假框抑制：与文字簇大面积重叠的"色块"是字符笔画围成的闭合区域（如"柜/视"的目部首），
- // 不是用户标注的真实柜体框，剔除——只保留红框标注的柜体，不产生无关柜体
- boxes=boxes.filter(function(b){
- for(var li0=0;li0<labels.length;li0++){
- var L0=labels[li0];
- var ox=Math.max(0,Math.min(b.x+b.w,L0.x+L0.w)-Math.max(b.x,L0.x));
- var oy=Math.max(0,Math.min(b.y+b.h,L0.y+L0.h)-Math.max(b.y,L0.y));
- if(ox*oy>0.55*b.w*b.h) return false;
- }
- return true;
- });
- state.qRecogResult={ratio:sc.ratio,source:sc.source,boxes:boxes,applied:0,ts:Date.now(),dimCount:dims.length,labelCount:labels.filter(function(L){return L.text;}).length};
- // 标签↔色块全局贪心配对：所有(框,标注)候选对按距离升序、互斥一一分配，
- // 避免逐框"就近先占"导致相邻框抢夺同一标注的错配，保证柜体与名字一一对应
- function qDistBoxLabel(b,L){
- var ddx=Math.max(b.x-L.cx,0,L.cx-(b.x+b.w)), ddy=Math.max(b.y-L.cy,0,L.cy-(b.y+b.h));
- return Math.hypot(ddx,ddy);
- }
- var boxLabelText=new Array(boxes.length), labelUsed={}, pairs=[];
- boxes.forEach(function(b,bi){ labels.forEach(function(L,li){ if(!L.text) return; pairs.push({d:qDistBoxLabel(b,L),bi:bi,li:li}); }); });
- pairs.sort(function(p1,p2){ return p1.d-p2.d; });
- pairs.forEach(function(p){
- if(boxLabelText[p.bi]||labelUsed[p.li]) return;
- var bb=boxes[p.bi], cap=Math.max(120,Math.hypot(bb.w,bb.h)*1.5);
- if(p.d>cap) return;
- boxLabelText[p.bi]=labels[p.li].text; labelUsed[p.li]=true;
- });
- // 千问模型默认调用：为本地红字OCR未读出的红框柜体辅助命名（本地命名优先；模型失败静默回退本地结果）
- var qwenNamed=0, qwenState='fail';
- var _apiImg=qDownscaleImageForApi(img,1280);
- if(_apiImg){
- var _qwenTxt=await qCallQwenVision('你是全屋定制图纸识别助手。图中用'+qCadRuleColorName+'框标注了柜子，旁边有'+qCadRuleColorName+'字名称。请识别每个'+qCadRuleColorName+'框内柜子的名称及所在区域（区域取值：左上/中上/右上/左中/正中/右中/左下/中下/右下），以及图中是否有厨房。严格只输出JSON：{"cabinets":[{"name":"主卧衣柜","pos":"右中"}],"kitchen":true}', _apiImg);
- var _qwenObj=qParseQwenCabinets(_qwenTxt);
- if(_qwenObj){
- qwenState='ok';
- if(Array.isArray(_qwenObj.cabinets)){
- var _qwenUsed={};
- boxLabelText.forEach(function(t){ if(t) _qwenUsed[t]=true; });
- boxes.forEach(function(b,bi){
- if(boxLabelText[bi]) return;
- var bz=qBoxPosLabel((b.x+b.w/2)/nw,(b.y+b.h/2)/nh);
- for(var qi=0;qi<_qwenObj.cabinets.length;qi++){
- var qc=_qwenObj.cabinets[qi];
- if(!qc||!qc.name||_qwenUsed[qc.name]) continue;
- if(qc.pos&&String(qc.pos)!==bz) continue;
- boxLabelText[bi]=String(qc.name); _qwenUsed[qc.name]=true; qwenNamed++; break;
- }
- });
- }
- }
- }
- state.qRecogResult.qwen=qwenState; state.qRecogResult.qwenNamed=qwenNamed;
- // 厨房柜体保留（厨房按四边总长度计价，规则模块一第2条），其余柜体一律以绿色框为准重建，确保所有绿框完整抓取
- var srcCabs=qAIPlacedCabinets.length?qAIPlacedCabinets:qFurnitureLayout.map(function(f,i){ var sz=qFurnitureMeters(f); return {id:'fur_'+i,type:f.type,x:f.x,y:f.y,width:+(+sz[0]).toFixed(2),height:+(+sz[1]).toFixed(2),source:'家具贴纸'}; });
- var kitchenCabs=srcCabs.filter(function(c){ return qIsKitchenCabinet(c.type); }).map(function(c){
- var kc={id:c.id||('k_'+Date.now()),type:c.type,x:c.x||50,y:c.y||30,width:c.width||0,height:c.height||0,source:c.source||'家具贴纸',widthScale:c.widthScale,heightScale:c.heightScale,image:c.image||''};
- if(kc.width>0&&kc.height>0) kc.kitchenWalls=[kc.width,kc.height,kc.width,kc.height];
- return kc;
- });
- // 规则模块一第2条：厨房同样按规则色块重新抓取宽/高 —— 若厨房贴纸落在某个规则色框内，
- // 用该框识别出的宽/高更新厨房四边尺寸（总长度=2×(宽+高)），不再沿用贴纸默认尺寸
- var usedByKitchen={};
- kitchenCabs.forEach(function(kc){
- var kcx=(kc.x||50)/100*nw, kcy=(kc.y||30)/100*nh, bestIdx=null, bestD=1e9;
- boxes.forEach(function(b,bi){
- var lt=boxLabelText[bi];
- if(lt&&!qIsKitchenCabinet(lt)) return; // 该色块已配对非厨房红字标注，属其它柜体，禁止厨房占用
- var inside=kcx>=b.x-b.w*0.35&&kcx<=b.x+b.w*1.35&&kcy>=b.y-b.h*0.35&&kcy<=b.y+b.h*1.35;
- var d=Math.hypot(kcx-(b.x+b.w/2),kcy-(b.y+b.h/2));
- if(inside&&d<bestD){ bestD=d; bestIdx=bi; }
- });
- if(bestIdx!=null){
- var kb=boxes[bestIdx];
- kc.width=kb.wm; kc.height=kb.hm; kc.kitchenWalls=[kb.wm,kb.hm,kb.wm,kb.hm]; kc.source='规则色块识别'; usedByKitchen[bestIdx]=true;
- }
- });
- // 厨房默认必定识别：无厨房贴纸时，若某色框已配对厨房红字标注，直接用该色框作为厨房（不重复生成柜体）
- if(!kitchenCabs.length){
- var kLabelIdx=null;
- boxes.forEach(function(b,bi){
- if(kLabelIdx!=null||usedByKitchen[bi]) return;
- var lt=boxLabelText[bi];
- if(lt&&qIsKitchenCabinet(lt)) kLabelIdx=bi;
- });
- if(kLabelIdx!=null){
- var kb2=boxes[kLabelIdx];
- kitchenCabs=[{id:'k_'+Date.now(),type:'厨房',x:+((kb2.x+kb2.w/2)/nw*100).toFixed(2),y:+((kb2.y+kb2.h/2)/nh*100).toFixed(2),width:kb2.wm,height:kb2.hm,source:'规则色块识别',kitchenWalls:[kb2.wm,kb2.hm,kb2.wm,kb2.hm]}];
- usedByKitchen[kLabelIdx]=true;
- }
- }
- // 已被厨房引用的色框不再单独生成柜体，避免厨房重复计价；名字沿用全局配对结果，保证柜体与标注一一对应
- var remainBoxes=[], remainTypes=[];
- boxes.forEach(function(b,bi){ if(!usedByKitchen[bi]){ remainBoxes.push(b); remainTypes.push(boxLabelText[bi]); } });
- // 精准命名：采用全局配对的红字标注文本，读取失败时回退位置锚点
- var boxCabs=remainBoxes.map(function(b,idx){
- var bcx=b.x+b.w/2, bcy=b.y+b.h/2, type=remainTypes[idx], bestD=1e9;
- if(!type){
- Q_BOX_NAME_ANCHORS.forEach(function(an){
- var dp=Math.hypot(bcx-an[1]/100*nw, bcy-an[2]/100*nh);
- if(dp<bestD){ bestD=dp; type=an[0]; }
- });
- if(bestD>Math.hypot(nw,nh)*0.12) type='柜体'+(idx+1);
- }
- var posX=+(bcx/nw*100).toFixed(0), posY=+(bcy/nh*100).toFixed(0);
- return {id:'box_'+idx+'_'+Date.now(),type:type,x:+(bcx/nw*100).toFixed(2),y:+(bcy/nh*100).toFixed(2),width:b.wm,height:b.hm,source:'规则色块识别',posX:posX,posY:posY,posLabel:qBoxPosLabel(bcx/nw,bcy/nh)};
- });
- // 同名柜体编号：存在多个同名时依次编号1、2…（用户习惯"阳台柜1/阳台柜2"）
- var _nameCnt={};
- boxCabs.forEach(function(bc){ _nameCnt[bc.type]=(_nameCnt[bc.type]||0)+1; });
- var _nameSeq={};
- boxCabs.forEach(function(bc){ if(_nameCnt[bc.type]>1){ _nameSeq[bc.type]=(_nameSeq[bc.type]||0)+1; bc.type=bc.type+_nameSeq[bc.type]; } });
- // 每次识别 = 颜色框标注的柜体 + 厨房（厨房默认必定识别，不依赖色块标注）：
- // 色块=图上标注的柜体（精准完整），不注入其它默认家具，避免多出/重复柜体；
- // 厨房按总长度计价、其余柜体按投影面积计价；无任何厨房来源时补默认厨房，保证厨房始终参与计价。
- var kFinal=kitchenCabs;
- if(!kFinal.length) kFinal=[{id:'k_default_'+Date.now(),type:'厨房',x:70,y:20,width:3,height:2.4,source:'默认识别',kitchenWalls:[3,2.4,3,2.4]}];
- qAIPlacedCabinets=kFinal.concat(boxCabs);
- qPrepareRoomsFromPlacedCabinets();
- for(var i=0;i<qRooms.length&&i<qAIPlacedCabinets.length;i++){
- var c2=qAIPlacedCabinets[i];
- qRooms[i]._dataSource={cabinetWidth:c2.source||'规则色块识别',cabinetHeight:c2.source||'规则色块识别'};
- if(qIsKitchenCabinet(qRooms[i].cabinetType||qRooms[i].roomName)){
- var walls=Array.isArray(c2.kitchenWalls)?c2.kitchenWalls:[c2.width||0,c2.height||0,c2.width||0,c2.height||0];
- qRooms[i].kitchenWalls=walls;
- qRooms[i].length=walls[0]||qRooms[i].length; qRooms[i].width=walls[1]||qRooms[i].width;
- }
- }
- var kitchenApplied=Object.keys(usedByKitchen).length;
- state.qRecogResult.applied=boxCabs.length+kitchenApplied;
- state.qRoomExcl={}; // 柜体列表已重建，清空旧的计入/不计入开关记录，避免索引错位
- try{ persistState(); }catch(e){}
- qUpdateRecogStatus();
- // 联动重算：明细项单价全部从规则配置读取，同步刷新规则模块一的厨房计价预览
- if(typeof qSyncRoomItemsWithRules==='function') qSyncRoomItemsWithRules();
- if(typeof qRenderRuleModule1==='function') qRenderRuleModule1();
- return state.qRecogResult;
- }
- // 图纸柜体标注位置锚点（%坐标），用于给识别到的绿色框命名；距离过远时回退为"柜体N"
- var Q_BOX_NAME_ANCHORS=[
- ['餐边柜',33,75],['电视柜',69,68],['阳台柜',68,91],['开放式厨房柜',49,30],
- ['主卧衣柜',91,61],['衣帽间',87,19],['衣帽间',79,33],['次卧衣柜',15,67]
- ];
- function qBoxPosLabel(px,py){
- var hx=px<0.33?'左':(px<0.66?'中':'右');
- var vy=py<0.33?'上':(py<0.66?'中':'下');
- return vy+hx;
- }
- function qFurnitureMeters(item){var b=qFurnitureBaseMeters(item.type),w=b[0]*(item.widthScale||1),h=b[1]*(item.heightScale||1),img=document.getElementById('q-ai-cleaned-img'),workspace=document.getElementById('q-floorplan-layout-workspace');if(qAIScaleRatio>0&&img&&img.naturalWidth&&img.getBoundingClientRect().width){var r=img.getBoundingClientRect(),wr=workspace?workspace.getBoundingClientRect():null,zx=workspace&&workspace.offsetWidth?wr.width/workspace.offsetWidth:1,zy=workspace&&workspace.offsetHeight?wr.height/workspace.offsetHeight:zx;if(!(zx>0))zx=1;if(!(zy>0))zy=zx;w=(90*zx*(item.widthScale||1)/r.width)*img.naturalWidth*qAIScaleRatio;h=(78*zy*(item.heightScale||1)/r.height)*img.naturalHeight*qAIScaleRatio;}return [Math.max(.01,w),Math.max(.01,h)];}
- function qFurnitureDimensionText(item){var s=qFurnitureMeters(item);return s[0].toFixed(2)+'m × '+s[1].toFixed(2)+'m';}
- function qFurnitureEditDimensions(item,e){
- if(e){e.preventDefault();e.stopPropagation();}
- var current=qFurnitureMeters(item);
- qPromptDialog('请输入柜体宽度和高度（米），例如：1.80 × 2.40',current[0].toFixed(2)+' × '+current[1].toFixed(2),function(input){
- var values=String(input||'').replace(/，/g,'.').match(/\d+(?:\.\d+)?/g)||[];
- var width=parseFloat(values[0]),height=parseFloat(values[1]);
- if(!(width>0)||!(height>0)){showToast('请输入正确的宽度和高度，例如：1.80 × 2.40','warning');return;}
- item.widthScale=Math.max(.1,Math.min(10,(item.widthScale||1)*(width/current[0])));
- item.heightScale=Math.max(.1,Math.min(10,(item.heightScale||1)*(height/current[1])));
- qFurnitureCompositeDataUrl='';
- qFurnitureV3Render();
- showToast('已修改 '+(item.type||'柜体')+' 尺寸：'+width.toFixed(2)+'m × '+height.toFixed(2)+'m','success');
- });
- }
- function qPrepareRoomsFromPlacedCabinets(){
- // 第二套报价模式沿用源文件设置：柜高缺省兜底为层高，数据来源标签按源文件；模式一保持原行为
- var m2=state.quoteMode==='manual';var defH=m2?(qFloorHeight||2.5):0;
- qRooms=qAIPlacedCabinets.map(function(c){
- var roomName=(typeof Q_CABINET_TO_SPACE_MAP!=='undefined'&&Q_CABINET_TO_SPACE_MAP[c.type])||c.type||'柜体';
- return {roomName:roomName,cabinetType:c.type,layoutStyle:'一字型',projectArea:(c.width||0)*(c.height||0),doorType:'普通平板',length:c.width||0,width:c.width||0,height:c.height||defH,area:(c.width||0)*(c.height||0),cabinetWidth:c.width||0,cabinetHeight:c.height||defH,cabinetRatio:.5,fillRate:.5,doorRatio:.5,bayWindow:false,posX:c.posX,posY:c.posY,posLabel:c.posLabel||'',_dataSource:m2?{cabinetWidth:'家具贴纸尺寸',cabinetHeight:'尺寸计算/可编辑'}:{cabinetWidth:c.source||'家具贴纸尺寸',cabinetHeight:c.source||'规则色块识别/贴纸尺寸'}};
- });
- qFixRoomSpaceNames(qRooms);qExtras=qGenerateExtrasFromRooms(qRooms);qRoomItems=[];for(var i=0;i<qRooms.length;i++)qRoomItems[i]=qBuildRoomItems(i);
- }
- async function qProceedFurnitureToDimensions(){
- if(!qFurnitureLayout.length){showToast('请先在原户型图上放置至少一个家具柜体','warning');return;}
- if(!qDimensionAnnotations.length)await qAutoDetectOriginalDimensions(false);
- var scaleResult=qCalculateImageScale();
- qScaleCalibrationMode=scaleResult.ok?'image-dimension':'original-annotation-estimate';
- if(!scaleResult.ok)showToast('原图已有尺寸标注：直接进入柜体计算，结果可在下一步复核编辑','info');
- await qBuildFurnitureCompositeImage();
- // 顶部预览块仅在生成家具布局合成图后显示（原图统一由第一步工作区展示）
- var previewImg=document.getElementById('q-ai-drawing-img'),previewTitle=document.getElementById('q-ai-drawing-preview-title');
- if(qFurnitureCompositeDataUrl){
- var previewBlock=document.getElementById('q-ai-image-preview'),previewThumb=document.getElementById('q-ai-drawing-thumb');
- if(previewBlock)previewBlock.style.display='block';
- if(previewThumb)previewThumb.style.display='block';
- if(previewImg){previewImg.style.display='block';previewImg.src=qFurnitureCompositeDataUrl;previewImg.onclick=function(){qOpenZoomableLightbox(qFurnitureCompositeDataUrl,'家具布局户型图');};}
- }
- if(previewTitle&&qFurnitureCompositeDataUrl)previewTitle.textContent='🛋️ 家具布局户型图（贴纸结果）';
- qAIPlacedCabinets=qFurnitureLayout.map(function(item,index){var size=qFurnitureMeters(item);return {id:Date.now()+index,type:item.type,x:item.x,y:item.y,width:Number(size[0].toFixed(2)),height:Number(size[1].toFixed(2)),source:'家具贴纸',furnitureId:item.id,widthScale:item.widthScale||1,heightScale:item.heightScale||1,image:item.image||''};});
- qPrepareRoomsFromPlacedCabinets();
- if(typeof window.qAIGoToStep3==='function'){window.qAIGoToStep3();qRenderAICards({rooms:qRooms},false);showToast('已生成柜体尺寸与产品覆盖表，请核对后确认计价','success');}
- else if(state.quoteMode==='manual'){
- // 手动模式始终显示「柜体尺寸计算 / 柜体清单汇总 / 柜体产品覆盖信息」三部分页面（同源文件），确认后才进入自动计价
- var m2s1=document.getElementById('q-ai-step1-area'),m2s2=document.getElementById('q-ai-step2-area'),m2s3=document.getElementById('q-ai-step3-area');
- if(m2s1)m2s1.style.display='none';if(m2s2)m2s2.style.display='none';if(m2s3)m2s3.style.display='block';
- if(typeof window.qAIUpdateProgress==='function')window.qAIUpdateProgress(2);
- var m2ScaleInfo=document.getElementById('q-ai-scale-info'),m2ScaleText=document.getElementById('q-ai-scale-text'),m2DrawingSize=document.getElementById('q-ai-drawing-size'),m2ScaleSource=document.getElementById('q-ai-scale-source');
- if(m2ScaleInfo)m2ScaleInfo.style.display='block';
- var m2Scale=qCalculateImageScale();
- if(m2ScaleText)m2ScaleText.textContent=qAIScaleRatio>0?('1像素 = '+qAIScaleRatio.toFixed(6)+' 米（1米 ≈ '+Math.round(1/qAIScaleRatio)+'像素）'):'原图尺寸标注识别结果待复核';
- if(m2ScaleSource)m2ScaleSource.textContent=m2Scale.ok?('✓ '+m2Scale.source+' · 使用 '+m2Scale.count+' 条原图尺寸线'):('已直接采用家具贴纸比例估算，可编辑柜体尺寸');
- if(m2DrawingSize)m2DrawingSize.textContent=qAIDrawingWidth+'×'+qAIDrawingHeight+'px';
- if(typeof window.qAIRenderDimensionTable==='function')window.qAIRenderDimensionTable();
- if(typeof qRenderAICards==='function')qRenderAICards({rooms:qRooms},false);
- goToStep(2);
- switchView('analysis');
- showToast('已生成柜体尺寸与产品覆盖表，请核对后确认计价','success');
- }
- else{
- // 模式一兜底：直接同步数据并跳转自动计价，避免按键无反应
- if(typeof qSyncStep2DetailsToPricing==='function')qSyncStep2DetailsToPricing();
- if(typeof qRenderAICards==='function')qRenderAICards({rooms:qRooms},false);
- goToStep(3);
- switchView('pricing');
- showToast('已生成柜体尺寸，进入自动计价核对','success');
- }
- }
- function qFurnitureV3Render(){
- var workspace=document.getElementById('q-floorplan-layout-workspace'),drawing=document.getElementById('q-ai-cleaned-img');if(!workspace||!drawing)return;
- // 工作区隐藏（尺寸为0）时直接返回，不清除已有贴纸节点，避免返回家具布局时贴纸丢失
- var wr=workspace.getBoundingClientRect(),ir=drawing.getBoundingClientRect();if(!ir.width||!ir.height)return;
- workspace.querySelectorAll('.q-furniture-v3').forEach(function(n){n.remove();});
- // getBoundingClientRect 使用屏幕缩放后的像素，而 absolute left/top 使用缩放前的 CSS 像素。
- // 按工作区实际缩放比例换算，避免 body zoom 或浏览器页面放大后贴纸位置偏移。
- var zoomX=workspace.offsetWidth?wr.width/workspace.offsetWidth:1,zoomY=workspace.offsetHeight?wr.height/workspace.offsetHeight:1;
- if(!(zoomX>0))zoomX=1;if(!(zoomY>0))zoomY=zoomX;
- qFurnitureLayout.forEach(function(item){
- var el=document.createElement('div');el.className='q-placed-furniture q-furniture-v3';
- el.style.left=((ir.left-wr.left+(item.x/100)*ir.width)/zoomX)+'px';el.style.top=((ir.top-wr.top+(item.y/100)*ir.height)/zoomY)+'px';el.style.width=(90*(item.widthScale||1))+'px';el.style.height=(78*(item.heightScale||1))+'px';
- el.style.zIndex='999';el.style.pointerEvents='auto';el.style.touchAction='none';el.style.position='absolute';
- el.innerHTML=(item.image?'<img class="furniture-photo" alt="">':'<div class="icon"></div>')+'<div class="name"></div><div class="q-furniture-dimension"></div><i class="q-furniture-handle handle-w"></i><i class="q-furniture-handle handle-h"></i><i class="q-furniture-handle handle-both"></i>';
- if(item.image){el.querySelector('.furniture-photo').src=item.image;el.querySelector('.furniture-photo').alt=item.type||'家具';el.querySelector('.furniture-photo').style.height='calc(100% - 17px)';}else{el.querySelector('.icon').textContent=item.icon||'▣';}
- el.querySelector('.name').textContent=item.type||'家具';
- var dimensionEl=el.querySelector('.q-furniture-dimension');
- dimensionEl.textContent=qFurnitureDimensionText(item);
- dimensionEl.title='点击直接编辑宽度和高度';
- dimensionEl.onpointerdown=function(e){e.stopPropagation();};
- dimensionEl.onclick=function(e){qFurnitureEditDimensions(item,e);};
- function startResize(e,mode){e.preventDefault();e.stopPropagation();var sx=e.clientX,sy=e.clientY,sw=item.widthScale||1,sh=item.heightScale||1;el.setPointerCapture(e.pointerId);el.onpointermove=function(ev){qFurnitureCompositeDataUrl='';if(mode!=='h')item.widthScale=Math.max(.4,Math.min(4,sw+(ev.clientX-sx)/(90*zoomX)));if(mode!=='w')item.heightScale=Math.max(.4,Math.min(4,sh+(ev.clientY-sy)/(78*zoomY)));el.style.width=(90*item.widthScale)+'px';el.style.height=(78*item.heightScale)+'px';el.querySelector('.q-furniture-dimension').textContent=qFurnitureDimensionText(item);};el.onpointerup=function(){el.onpointermove=null;el.onpointerup=null;qFurnitureV3Render();};}
- el.querySelector('.handle-w').onpointerdown=function(e){startResize(e,'w');};el.querySelector('.handle-h').onpointerdown=function(e){startResize(e,'h');};el.querySelector('.handle-both').onpointerdown=function(e){startResize(e,'both');};
- el.ondblclick=function(e){e.preventDefault();qFurnitureV3Remove(item.id);};
- el.onpointerdown=function(e){if(e.target.classList.contains('q-furniture-handle'))return;e.preventDefault();el.setPointerCapture(e.pointerId);var startClientX=e.clientX,startClientY=e.clientY,hasMoved=false;var wr2=workspace.getBoundingClientRect(),ir2=drawing.getBoundingClientRect(),zx=workspace.offsetWidth?wr2.width/workspace.offsetWidth:1,zy=workspace.offsetHeight?wr2.height/workspace.offsetHeight:1;if(!(zx>0))zx=1;if(!(zy>0))zy=zx;el.onpointermove=function(ev){if(Math.hypot(ev.clientX-startClientX,ev.clientY-startClientY)>5)hasMoved=true;qFurnitureCompositeDataUrl='';var x=Math.max(1,Math.min(99,((ev.clientX-ir2.left)/ir2.width)*100)),y=Math.max(1,Math.min(99,((ev.clientY-ir2.top)/ir2.height)*100));el.style.left=((ir2.left-wr2.left+x/100*ir2.width)/zx)+'px';el.style.top=((ir2.top-wr2.top+y/100*ir2.height)/zy)+'px';item.x=x;item.y=y;};el.onpointerup=function(ev){el.onpointermove=null;el.onpointerup=null;var now=Date.now();if(!hasMoved&&item._lastPointerTap&&now-item._lastPointerTap<420){item._lastPointerTap=0;qFurnitureV3Remove(item.id);showToast('已删除 '+(item.type||'家具')+'贴纸','success');return;}item._lastPointerTap=hasMoved?0:now;qFurnitureV3Render();};};
- workspace.appendChild(el);
- });
- }
- function qFurnitureV3Add(type,icon,x,y,image){qFurnitureCompositeDataUrl='';qFurnitureLayout.push({id:'fur_'+Date.now()+'_'+Math.random().toString(36).slice(2,6),type:type||'家具',icon:icon||'▣',image:image||'',x:x==null?50:x,y:y==null?50:y,widthScale:1,heightScale:1});qFurnitureV3Render();showToast('家具贴纸已放置，可拖动和调整长宽','success');}
- function qFurnitureV3Remove(id){qFurnitureCompositeDataUrl='';qFurnitureLayout=qFurnitureLayout.filter(function(f){return f.id!==id;});qFurnitureV3Render();}
- function qFurnitureV3Resize(id,axis,delta){var f=qFurnitureLayout.find(function(v){return v.id===id;});if(!f)return;var k=axis==='height'?'heightScale':'widthScale';f[k]=Math.max(.5,Math.min(3,(f[k]||1)+delta));qFurnitureV3Render();}
- function qFurnitureV3Init(){
- var workspace=document.getElementById('q-floorplan-layout-workspace'),drawing=document.getElementById('q-ai-cleaned-img');if(!workspace||!drawing)return;
- var active=null,ghost=null;
- document.querySelectorAll('.q-furniture-tool').forEach(function(tool){
- tool.draggable=false;var name=tool.querySelector('span'),type=tool.dataset.furnitureType||(name?name.textContent.trim():'家具'),image=tool.dataset.furnitureImage||'',icon='▣';
- for(var i=0;i<tool.childNodes.length;i++){if(tool.childNodes[i].nodeType===3&&tool.childNodes[i].textContent.trim()){icon=tool.childNodes[i].textContent.trim();break;}}
- tool.onclick=function(){if(Date.now()<(window.__qFurnitureSuppressClickUntil||0))return;qFurnitureV3Add(type,icon,50,50,image);};
- tool.ondragstart=function(e){
- window.__qFurnitureNativePayload={type:type,icon:icon,image:image};
- if(e.dataTransfer){e.dataTransfer.effectAllowed='copy';e.dataTransfer.setData('text/plain',type);}
- tool.style.opacity='.55';
- };
- tool.ondragend=function(){tool.style.opacity='1';drawing.style.outline='';};
- tool.onpointerdown=function(e){
- e.preventDefault();active={type:type,icon:icon,image:image,pointerId:e.pointerId};
- ghost=document.createElement('div');ghost.style.cssText='position:fixed;z-index:99999;width:100px;height:90px;padding:5px;background:#fff;border:2px solid #3182CE;border-radius:8px;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.25);';if(image){var gi=document.createElement('img');gi.src=image;gi.style.cssText='width:100%;height:100%;object-fit:contain';ghost.appendChild(gi);}else{ghost.textContent=icon;ghost.style.fontSize='34px';}document.body.appendChild(ghost);
- ghost.style.left=(e.clientX+10)+'px';ghost.style.top=(e.clientY+10)+'px';
- };
- });
- workspace.ondragenter=function(e){e.preventDefault();drawing.style.outline='3px solid #38A169';};
- workspace.ondragover=function(e){e.preventDefault();if(e.dataTransfer)e.dataTransfer.dropEffect='copy';drawing.style.outline='3px solid #38A169';return false;};
- workspace.ondragleave=function(e){if(!workspace.contains(e.relatedTarget))drawing.style.outline='';};
- workspace.ondrop=function(e){
- e.preventDefault();e.stopPropagation();drawing.style.outline='';
- var p=window.__qFurnitureNativePayload;if(!p){showToast('未读取到家具图片，请重新拖动','warning');return false;}
- var r=drawing.getBoundingClientRect(),inside=e.clientX>=r.left&&e.clientX<=r.right&&e.clientY>=r.top&&e.clientY<=r.bottom;
- if(!inside){showToast('请将家具放在原户型图范围内','warning');return false;}
- var x=Math.max(1,Math.min(99,((e.clientX-r.left)/r.width)*100)),y=Math.max(1,Math.min(99,((e.clientY-r.top)/r.height)*100));
- qFurnitureV3Add(p.type,p.icon,x,y,p.image);window.__qFurnitureNativePayload=null;return false;
- };
- document.onpointermove=function(e){if(!active||!ghost)return;ghost.style.left=(e.clientX+10)+'px';ghost.style.top=(e.clientY+10)+'px';var r=drawing.getBoundingClientRect();drawing.style.outline=(e.clientX>=r.left&&e.clientX<=r.right&&e.clientY>=r.top&&e.clientY<=r.bottom)?'3px solid #38A169':'none';};
- document.onpointerup=function(e){
- if(!active)return;var r=drawing.getBoundingClientRect(),inside=e.clientX>=r.left&&e.clientX<=r.right&&e.clientY>=r.top&&e.clientY<=r.bottom;
- if(ghost)ghost.remove();ghost=null;drawing.style.outline='';
- if(inside){var x=Math.max(1,Math.min(99,((e.clientX-r.left)/r.width)*100)),y=Math.max(1,Math.min(99,((e.clientY-r.top)/r.height)*100));qFurnitureV3Add(active.type,active.icon,x,y,active.image);window.__qFurnitureSuppressClickUntil=Date.now()+350;}active=null;
- };
- var overlay=document.getElementById('q-furniture-overlay');if(overlay)overlay.style.display='none';
- qFurnitureV3Render();qDimensionInit();
- }
- // ── 后台自动流水线：自动完成解析与计价，直接展示报价单 ──
- function qAutoPlaceDefaultFurniture(){
- if(qFurnitureLayout.length) return;
- var defaults=[
- ['厨房','🍳','assets/furniture/kitchen-cabinet.png',70,20],
- ['玄关柜','🚪','assets/furniture/entry-cabinet.png',20,15],
- ['客厅电视柜','📺','assets/furniture/living-tv-cabinet.png',45,55],
- ['主卧衣柜','🛏️','assets/furniture/master-wardrobe.png',80,70],
- ['次卧衣柜','👕','assets/furniture/secondary-wardrobe.png',25,75],
- ['阳台柜','🌤️','assets/furniture/balcony-cabinet.png',55,88]
- ];
- defaults.forEach(function(d){ qFurnitureLayout.push({id:'fur_auto_'+d[0],type:d[0],icon:d[1],image:d[2],x:d[3],y:d[4],widthScale:1,heightScale:1}); });
- }
- async function qAutoRunBackground(){
- var btn=document.getElementById('q-btn-analyze');
- if(btn){btn.disabled=true;btn.textContent='🤖 AI 后台自动解析与计价中...';}
- showToast('🤖 AI 正在后台自动运行解析与计价，完成后直接展示报价单','info');
- try{
- qAutoPlaceDefaultFurniture();
- await qProceedFurnitureToDimensions();
- await qRunRecognitionAndApply(); // 识别配置+规则模块一第1/4条：按规则色块自动抓取宽/高，覆盖默认尺寸（不再用层高兜底）
- qFinishAnalysisNew();
- goToStep(4);
- showToast('✅ 解析与计价已完成，已生成报价单','success');
- }catch(e){
- console.warn('Auto pipeline failed:', e);
- showToast('❌ 自动解析失败：'+(e && e.message || e),'error');
- }finally{
- if(btn){btn.disabled=false;btn.textContent='下一步：报价单 →';}
- }
- }
- // ── AI Analysis 主函数：三步柜体识别流程 ─
- function qStartAnalysis(){
- // 层高仅作为参考信息，不强制要求有效值
- var h = qFloorHeight;
- var inputEl = document.getElementById('q-floor-height');
- if (inputEl && inputEl.value) { qFormatFloorHeight(); h = qFloorHeight; }
- // 层高仅作参考：未填或越界时按默认2.5m参与展示，不阻断解析流程
- if (!(h >= 2.0 && h <= 4.0)) h = 2.5;
- qFloorHeight = h;
- qAiProcessed = false;
- qAiAnalyzing = true;
- qAiEditMode = false;
- qAiEditableData = null;
- // 步骤2/3不再上屏显示，AI后台自动运行，最终直接展示报价单
- // 初始化三步流程
- qAICurrentStep = 0;
- // 不做模型清理，家具布局和后续定位均直接使用上传的原户型图。
- var originalDrawingSrc = qResolveOriginalDrawingSource();
- qAICleanedImageData = originalDrawingSrc || null;
- qAIPlacedCabinets = [];
- qFurnitureLayout = [];
- qFurnitureCompositeDataUrl = '';
- qDimensionAnnotations = [];
- qAutoDimensionDetectionDone = false;
- qAutoDimensionDetectionPromise = null;
- qScaleCalibrationMode = '';
- qRenderFurnitureLayout();
- qAIScaleRatio = 0;
- var step1Area = document.getElementById('q-ai-step1-area');
- var step2Area = document.getElementById('q-ai-step2-area');
- var step3Area = document.getElementById('q-ai-step3-area');
- var finalBtnRow = document.getElementById('q-ai-final-btn-row');
- var binaryGrid = document.getElementById('q-step2-binary-grid');
- var progressBar = document.getElementById('q-ai-progress-bar');
- if (step1Area) step1Area.style.display = 'block';
- if (step2Area) step2Area.style.display = 'none';
- if (step3Area) step3Area.style.display = 'none';
- if (finalBtnRow) finalBtnRow.style.display = 'none';
- if (binaryGrid) binaryGrid.classList.add('hidden');
- if (progressBar) progressBar.style.display = 'flex';
- for (var pi = 0; pi < 3; pi++) {
- var ps = document.getElementById('q-ai-prog-'+pi);
- if (ps) ps.className = 'ai-progress-step' + (pi === 0 ? ' active' : '');
- }
- var rawImg = document.getElementById('q-ai-raw-img');
- var rawPlaceholder = document.getElementById('q-ai-raw-placeholder');
- if (qUploadedDrawingUrl) {
- if (rawImg) { rawImg.src = qUploadedDrawingUrl; rawImg.style.display = 'block'; }
- if (rawPlaceholder) rawPlaceholder.style.display = 'none';
- } else {
- if (rawImg) rawImg.style.display = 'none';
- if (rawPlaceholder) rawPlaceholder.style.display = 'block';
- }
- var cleanedImg = document.getElementById('q-ai-cleaned-img');
- var cleanedPlaceholder = document.getElementById('q-ai-cleaned-placeholder');
- if (originalDrawingSrc) {
- if (cleanedImg) { cleanedImg.src=originalDrawingSrc; cleanedImg.style.display='block'; }
- if (cleanedPlaceholder) cleanedPlaceholder.style.display='none';
- } else {
- if (cleanedImg) cleanedImg.style.display='none';
- if (cleanedPlaceholder) { cleanedPlaceholder.style.display='block'; cleanedPlaceholder.textContent='请先上传户型图'; }
- }
- var step1Status = document.getElementById('q-ai-step1-status');
- var step1Log = document.getElementById('q-ai-step1-log');
- if (step1Status) step1Status.style.display = 'none';
- if (step1Log) { step1Log.style.display = 'none'; step1Log.innerHTML = ''; }
- var workspaceImg = document.getElementById('q-ai-workspace-img');
- if (workspaceImg && originalDrawingSrc) {
- workspaceImg.src = originalDrawingSrc;
- workspaceImg.style.opacity = '1';
- if (workspaceImg.parentElement && workspaceImg.parentElement.previousElementSibling) {
- workspaceImg.parentElement.previousElementSibling.textContent = '🏠 原户型图工作区（拖放柜体贴纸到此处）';
- }
- }
- qAIUpdatePlacedList();
- // 原图加载完成后即可进行家具贴纸布局，不触发图像清理、OCR 或模型分析。
- // 内联拖放事件在全局作用域执行，将家具布局操作显式暴露给页面。
- window.qFurnitureDragStart=qFurnitureV2DragStart;
- window.qFurnitureDrop=qFurnitureV2Drop;
- window.qAddFurnitureCenter=qFurnitureV2AddCenter;
- window.qRemoveFurniture=qFurnitureV2Remove;
- window.qResizeFurniture=qFurnitureV2Resize;
- window.qAlignFurnitureOverlayToImage=qFurnitureV2Align;
- window.qAIGoToStep1=qAIGoToStep1;
- window.qAIGoToStep2=qAIGoToStep2;
- window.qAIGoToStep3=qAIGoToStep3;
- window.qAIRenderDimensionTable=qAIRenderDimensionTable;
- window.qAIUpdateProgress=qAIUpdateProgress;
- window.qAIUpdateCabinetSize=qAIUpdateCabinetSize;
- window.qFinishAnalysisNew=qFinishAnalysisNew;
- qFurnitureV3Init();
- qAIInitDragDrop();
- qAiAnalyzing = false;
- if (state.quoteMode === 'manual') {
- // 精准模式（第二套报价模式）：沿用源文件入口设置——先进入步骤2「AI解析」，再进入AI解析模块窗口
- goToStep(2);
- showToast('原户型图已载入，请添加家具贴纸并调整布局','success');
- switchView('analysis');
- return;
- }
- qAutoRunBackground();
- return;
- var dimTbody = document.getElementById('q-ai-dimension-tbody');
- if (dimTbody) dimTbody.innerHTML = '';
- var scaleInfo = document.getElementById('q-ai-scale-info');
- if (scaleInfo) scaleInfo.style.display = 'none';
- var manualArea = document.getElementById('q-ai-manual-size-area');
- if (manualArea) manualArea.style.display = 'none';
- var goStep3Btn = document.getElementById('q-btn-go-step3');
- if (goStep3Btn) goStep3Btn.disabled = true;
- var loadingArea = document.getElementById('q-ai-loading-area');
- var spinner = document.getElementById('q-ai-spinner');
- var statusText = document.getElementById('q-ai-status-text');
- var statusDetail = document.getElementById('q-ai-status-detail');
- var log = document.getElementById('q-ai-log');
- var actionArea = document.getElementById('q-ai-action-area');
- var previewDiv = document.getElementById('q-ai-image-preview');
- var drawingThumb = document.getElementById('q-ai-drawing-thumb');
- var drawingImg = document.getElementById('q-ai-drawing-img');
- var fileInfo = document.getElementById('q-ai-file-info');
- var disclaimer = document.getElementById('q-ai-disclaimer');
- var analysisGrid = document.getElementById('q-ai-analysis-grid');
- var summaryBanner = document.getElementById('q-ai-summary-banner');
- var progressBar = document.getElementById('q-ai-progress-bar');
- // 重置UI（图片预览保持显示，不隐藏）
- if (loadingArea) loadingArea.style.display = 'flex';
- if (spinner) spinner.style.display = 'block';
- if (statusText) { statusText.textContent = 'AI 正在分析中...'; statusText.style.color = ''; }
- if (statusDetail) statusDetail.textContent = '正在加载图纸数据...';
- if (log) log.innerHTML = '';
- if (actionArea) actionArea.innerHTML = '';
- // 图片预览区域保持显示，不隐藏
- if (disclaimer) disclaimer.style.display = 'none';
- if (analysisGrid) analysisGrid.innerHTML = '';
- if (summaryBanner) summaryBanner.classList.add('hidden');
- if (progressBar) progressBar.style.display = 'flex';
- // Reset all progress steps (5 steps)
- for (var pi = 0; pi < 5; pi++) {
- var ps = document.getElementById('q-ai-prog-'+pi);
- if (ps) ps.className = 'ai-progress-step';
- }
- // ─── 五步分析步骤定义 ───
- var analysisSteps = [
- {name:'图纸预处理', icon:'🖼️', detail:'正在加载图纸，进行图像增强与去噪处理...'},
- {name:'标注识别', icon:'🔤', detail:'正在OCR识别图纸中的文字标注（房间名、尺寸数字、面积标注）...'},
- {name:'尺寸提取', icon:'📐', detail:'正在提取图形轮廓与尺寸，融合校验数据...'},
- {name:'柜体识别', icon:'🗄️', detail:'正在识别柜体类型与布局...'},
- {name:'识别完成', icon:'✅', detail:'柜体尺寸识别完成！'}
- ];
- // ─── 核心分析逻辑（支持异步千问API调用） ───
- function runAnalysis(imgWidth, imgHeight, imgSrc, fileName, fileSize){
- var isMock = fileName && fileName.indexOf('120㎡三房两厅') !== -1;
- var hasCAD = !!(qUploadedCAD);
- var hasDrawing = !!(qUploadedDrawing && qUploadedDrawingUrl);
- var isJointAnalysis = hasDrawing && hasCAD;
- // 显示上传图片
- if (previewDiv) previewDiv.style.display = 'block';
- if (imgSrc && drawingThumb && drawingImg) {
- drawingThumb.style.display = 'block';
- drawingImg.src = imgSrc;
- drawingImg.onclick = function(){ qOpenZoomableLightbox(imgSrc, fileName||'户型图'); };
- } else if (!imgSrc && hasCAD) {
- // 仅有CAD时也显示区域，标注CAD信息
- drawingThumb.style.display = 'block';
- if (drawingImg) drawingImg.style.display = 'none';
- }
- var infoParts = [];
- if (fileName) infoParts.push('📁 文件：'+fileName);
- if (fileSize) infoParts.push('📦 大小：'+(fileSize/1024).toFixed(0)+'KB');
- infoParts.push('📐 分辨率：'+imgWidth+'×'+imgHeight+'px');
- if (isJointAnalysis) infoParts.push('🔗 模式：户型图+CAD联合分析');
- else if (hasCAD && !hasDrawing) infoParts.push('📏 模式：CAD精确分析');
- else if (hasDrawing) infoParts.push('📐 模式：户型图视觉分析');
- if (fileInfo) fileInfo.innerHTML = infoParts.join(' ｜ ');
- // ── 非示例图纸且有图片 → 使用本地图像结构分析 ──
- if (!isMock && imgSrc) {
- if (statusText) statusText.textContent = '🤖 正在进行本地图纸结构分析...';
- if (statusDetail) statusDetail.textContent = 'AI正在分析图纸中的柜体信息，请稍候...';
- addLogLine('🤖 正在进行本地图纸结构分析...');
- // 使用base64 data URL进入兼容分析流程
- var apiImgSrc = qUploadedDrawingDataUrl || imgSrc;
- if (qUploadedDrawingDataUrl) {
- addLogLine(' 使用base64数据（长度：' + qUploadedDrawingDataUrl.length + '字符）');
- } else {
- addLogLine('⚠️ base64未就绪，尝试即时转换...');
- }
- qCallQwenVLAPI(apiImgSrc, qFloorHeight).then(function(apiResult){
- addLogLine('✅ 图纸结构识别完成，共识别到 ' + (apiResult.rooms||[]).length + ' 个柜体');
- var analysisData = qConvertQwenResult(apiResult, qFloorHeight);
- analysisData._qwenParsed = true;
- _runAnalysisWith(analysisData, imgWidth, imgHeight, imgSrc, fileName, fileSize, false, hasCAD, hasDrawing, isJointAnalysis);
- }).catch(function(err){
- addLogLine('ℹ️ 使用本地图像分析：' + err.message);
- var analysisData = qGenerateRoomsFromImage(imgWidth, imgHeight, fileName);
- _runAnalysisWith(analysisData, imgWidth, imgHeight, imgSrc, fileName, fileSize, false, hasCAD, hasDrawing, isJointAnalysis);
- });
- return; // 异步流程，由回调继续
- }
- // ── 示例图纸或无图片 → 走原有本地分析 ──
- var analysisData;
- if (isMock) {
- analysisData = qGenerateRoomsFromImage(imgWidth, imgHeight, fileName);
- qRooms = analysisData.rooms;
- } else {
- analysisData = qGenerateRoomsFromImage(imgWidth, imgHeight, fileName);
- qRooms = analysisData.rooms;
- }
- _runAnalysisWith(analysisData, imgWidth, imgHeight, imgSrc, fileName, fileSize, isMock, hasCAD, hasDrawing, isJointAnalysis);
- }
- // ─── 获取到分析数据后的统一处理流程 ───
- function _runAnalysisWith(analysisData, imgWidth, imgHeight, imgSrc, fileName, fileSize, isMock, hasCAD, hasDrawing, isJointAnalysis){
- qRooms = analysisData.rooms;
- // 如果是联合分析模式，标记数据来源
- if (isJointAnalysis) {
- analysisData.jointAnalysis = true;
- analysisData.sourceDrawing = qUploadedDrawing ? qUploadedDrawing.name : null;
- analysisData.sourceCAD = qUploadedCAD ? qUploadedCAD.name : null;
- } else if (hasCAD && !hasDrawing) {
- analysisData.cadOnly = true;
- analysisData.sourceCAD = qUploadedCAD ? qUploadedCAD.name : null;
- }
- qExtras = qGenerateExtrasFromRooms(qRooms);
- qRoomItems = []; for(var _i=0;_i<qRooms.length;_i++){qRoomItems[_i]=qBuildRoomItems(_i);}
- // 层高仅作为参考信息，不再强制将柜体高度设为等于层高
- // 柜体高度由图纸标注或AI识别决定，保持原始数据
- // 效果图识别（如果开启）
- if (qRenderEnabled && qRenderFiles.length > 0) {
- qRenderResults = [];
- for (var ri = 0; ri < Math.min(qRenderFiles.length, qRooms.length); ri++) {
- qRenderResults.push({
- fileName: qRenderFiles[ri].name,
- space: qRooms[ri].roomName,
- cabinetType: qRooms[ri].cabinetType,
- material: qRooms[ri].doorType === '风影门板' ? '双饰面' : (qRooms[ri].doorType === '实木贴皮' ? '影木' : '双饰面'),
- materialColor: qRooms[ri].doorType === '风影门板' ? 'SSM-023 浅橡木' : (qRooms[ri].doorType === '实木贴皮' ? 'YM-001 胡桃木' : '标准暖白'),
- style: qRooms[ri].doorType === '风影门板' ? '现代简约·奶油风' : '现代简约',
- confidence: 85 + Math.floor(Math.random() * 11)
- });
- }
- }
- // ─── 逐步执行五维分析 ───
- var stepIdx = 0;
- var allLogLines = [];
- function runNextStep(){
- if (stepIdx >= analysisSteps.length) {
- // 全部完成
- qFinishAnalysis(analysisData, isMock);
- return;
- }
- var step = analysisSteps[stepIdx];
- qUpdateProgressStep(stepIdx);
- if (statusDetail) statusDetail.textContent = step.detail;
- if (statusText) statusText.textContent = step.icon+' 正在进行：'+step.name+'...';
- // 生成该步骤的日志
- var logLines = qGenerateStepLogs(stepIdx, analysisData, isMock);
- allLogLines = allLogLines.concat(logLines);
- // 追加日志
- logLines.forEach(function(line){
- if (log) {
- var div = document.createElement('div');
- div.className = 'log-line';
- div.textContent = line;
- log.appendChild(div);
- log.scrollTop = log.scrollHeight;
- }
- });
- stepIdx++;
- // 模拟分析耗时（10步，逐步递增，总时长控制在合理范围）
- var delay = 200 + stepIdx * 60 + Math.floor(Math.random() * 100);
- setTimeout(runNextStep, delay);
- }
- setTimeout(runNextStep, 300);
- }
- // 生成每个分析步骤的日志
- function qGenerateStepLogs(stepIdx, d, isMock){
- var ocrStats = window._qLastOCRStats || null;
- var graphicStats = window._qLastGraphicStats || null;
- var fusionStats = window._qLastFusionStats || null;
- var ocrData = window._qLastOCRData || null;
- switch(stepIdx){
- case 0: // 图纸预处理
- var _imgW = (typeof imgWidth !== 'undefined') ? imgWidth : (qUploadedDrawing ? (qUploadedDrawing.width||'?') : '?');
- var _imgH = (typeof imgHeight !== 'undefined') ? imgHeight : (qUploadedDrawing ? (qUploadedDrawing.height||'?') : '?');
- return [
- '🖼️ 加载图纸文件...',
- '🔧 执行图像预处理：灰度化 → 二值化 → 去噪点 → 倾斜校正',
- '📏 检测图纸方向：横版/竖版自适应识别',
- '✅ 图纸预处理完成 — 图像质量已优化'
- ];
- case 1: // 标注识别
- var ocrLines = ['🔤 启动OCR文字识别引擎...【优先使用文字标注】'];
- if (d.cadOnly) {
- ocrLines.push('📏 检测到CAD文件：DWG文字层标注精度可达毫米级');
- }
- if (ocrStats) {
- ocrLines.push(' ├ 识别房间名称标签：'+ocrStats.roomLabelsFound+'个（平均置信度'+(ocrStats.avgConfidence*100).toFixed(0)+'%）');
- ocrLines.push(' ├ 识别尺寸标注：'+ocrStats.dimensionsFound+'个');
- ocrLines.push(' ├ 识别面积标注：'+ocrStats.areasFound+'个');
- } else {
- var roomNames = d.rooms.map(function(r){return r.roomName;}).join('、');
- ocrLines.push(' ├ 识别房间标签：'+roomNames);
- ocrLines.push(' └ 识别尺寸数字标注：'+d.rooms.length+'组');
- }
- ocrLines.push('✅ 标注识别完成 — 高精度数据源已获取');
- return ocrLines;
- case 2: // 尺寸提取（合并图形测量+数据融合）
- var extractLines = ['📐 启动图形轮廓识别与尺寸提取...'];
- extractLines.push(' ├ 识别闭合矩形轮廓，确定各空间边界');
- if (graphicStats) {
- extractLines.push(' ├ 比例尺校准来源：'+graphicStats.scaleCalibration);
- extractLines.push(' ├ 图形测量完成：'+graphicStats.roomsMeasured+'个空间');
- } else {
- extractLines.push(' ├ 通过已知标注校准像素比例尺');
- extractLines.push(' └ 测量各空间图形尺寸');
- }
- extractLines.push('🔗 执行数据融合校验... 宽度采用标注/图形数据，柜体高度统一使用上传层高');
- if (fusionStats) {
- extractLines.push(' └ 数据融合完成，偏差校验通过');
- } else {
- extractLines.push(' └ 数据融合完成');
- }
- extractLines.push('✅ 尺寸提取完成');
- return extractLines;
- case 3: // 柜体识别
- var roomNames = d.rooms.map(function(r){return r.roomName;}).join('、');
- var cabLines = ['🗄️ 识别柜体类型与布局...'];
- if (d.jointAnalysis) cabLines.push('🔗 联合分析模式：户型图视觉识别 + CAD精确尺寸提取');
- else if (d.cadOnly) cabLines.push('📏 CAD精确模式：基于DWG尺寸标注的高精度分析');
- cabLines.push('📋 识别 '+d.rooms.length+' 组柜体：'+roomNames);
- d.rooms.forEach(function(r){
- cabLines.push(' ├ '+r.roomName+'：'+r.cabinetType+'（'+r.layoutStyle+'布局）');
- });
- cabLines.push('✅ 柜体识别完成');
- return cabLines;
- case 4: // 识别完成
- return [
- '🎉 柜体尺寸识别全部完成！',
- '✅ 共识别 '+d.rooms.length+' 组柜体数据',
- '📝 柜体名称、宽度严格按照图纸手写标注提取；柜体高度=Step1填写层高'
- ];
- default: return [];
- }
- }
- // 分析完成
- function qFinishAnalysis(analysisData, isMock){
- // 使用尺寸页当前可编辑值重新生成柜体清单，保证下方覆盖表与后续计价一致。
- qPrepareRoomsFromPlacedCabinets();
- qAiProcessed = true;
- qAiAnalyzing = false; // 解析完成
- // 缓存可编辑数据
- qAiEditableData = JSON.parse(JSON.stringify(analysisData));
- qAiEditMode = false; // 每次新分析默认关闭编辑模式
- // Mark all progress steps as done
- for (var i = 0; i < 5; i++) {
- qUpdateProgressStep(5); // all done
- }
- if (spinner) spinner.style.display = 'none';
- if (loadingArea) loadingArea.style.display = 'none';
- if (statusText) {
- statusText.textContent = '✅ AI 柜体尺寸识别完成！数据'+(isMock?'与图纸标注严格一致':'已提取，请人工复核');
- statusText.style.color = 'var(--success)';
- }
- if (statusDetail) statusDetail.textContent = '';
- // 追加完成日志
- if (log) {
- var finalDiv = document.createElement('div');
- finalDiv.className = 'log-line';
- finalDiv.innerHTML = '✅ <strong>柜体尺寸识别全部完成</strong> — '+
- (isMock?'数据与图纸标注精确匹配，零偏差':'综合置信度 87%，建议人工复核关键尺寸');
- log.appendChild(finalDiv);
- log.scrollTop = log.scrollHeight;
- }
- // 渲染分析结果卡片
- qRenderAICards(analysisData, isMock);
- // 显示汇总横幅
- qUpdateSummaryBanner(analysisData);
- // 添加图纸标注叠加层
- setTimeout(function(){ qAddDrawingAnnotations(isMock); }, 500);
- // 显示免责声明
- if (disclaimer) disclaimer.style.display = 'block';
- // 操作按钮
- var extraBtns = '';
- if (qRenderResults && qRenderResults.length > 0) {
- extraBtns += '<button class="btn btn-outline btn-lg" onclick="qShowRenderResults()" style="margin-left:8px;">🖼️ 查看结构识别结果</button>';
- }
- if (actionArea) {
- actionArea.innerHTML = extraBtns+'<button class="btn btn-outline btn-lg" onclick="qStartAnalysis()">🔄 重新解析</button>';
- }
- }
- // ══════════════════════════════════════════════════════════════
- // 三步流程辅助函数
- // ══════════════════════════════════════════════════════════════
- function qAICleanDrawing(){
- if (!qUploadedDrawingUrl) { showToast('⚠️ 请先上传户型图', 'error'); return; }
- qConfirmDialog('为生成优化墙体图，当前户型图将上传至火山方舟豆包图像服务处理。图片可能包含户型与尺寸信息。是否同意并继续？', function(){ qAICleanDrawingCore(); }, function(){ showToast('已取消上传，未调用豆包图像模型', 'info'); });
- }
- function qAICleanDrawingCore(){
- var step1Status = document.getElementById('q-ai-step1-status');
- var step1StatusText = document.getElementById('q-ai-step1-status-text');
- var step1Log = document.getElementById('q-ai-step1-log');
- var cleanBtn = document.getElementById('q-btn-clean-drawing');
- if (step1Status) step1Status.style.display = 'block';
- if (step1StatusText) step1StatusText.textContent = '正在本地处理图纸，去除彩色标注并增强墙体...';
- if (cleanBtn) { cleanBtn.disabled = true; cleanBtn.style.opacity = '0.5'; }
- if (step1Log) { step1Log.style.display = 'block'; step1Log.innerHTML = ''; }
- qAILog('🖼️ 开始图纸预处理...');
- qAILog('📐 图纸分辨率：' + qAIDrawingWidth + '×' + qAIDrawingHeight + 'px');
- var cleanPrompt = '请分析这张户型图，执行以下操作：\n1. 识别并描述图中的墙体结构\n2. 识别图中标注的所有真实尺寸（房间长宽、柜体尺寸等）\n3. 计算图像比例：根据图中标注的真实尺寸，推算出1像素等于多少米\n4. 列出图中所有柜体/家具的位置和大致尺寸\n\n请严格按以下JSON格式输出：\n```json\n{\n "scaleRatio": 0.00X,\n "drawingRealWidth": X.X,\n "drawingRealHeight": X.X,\n "walls": ["描述墙体"],\n "cabinets": [{"name": "柜体名称", "room": "房间", "width": X.X, "height": X.X}],\n "dimensions": ["标注的尺寸列表"]\n}\n```\n注意：scaleRatio是1像素等于多少米，必须根据图中标注的真实尺寸计算。';
- // 调用模型前统一规范化：转为标准 data:image/jpeg;base64 数据URI并控制尺寸，
- // 避免 blob 地址/超大原图/非标准格式直传模型导致 400 invalid_parameter_error（URL 无效）
- var dataUrlForAPI = qUploadedDrawingDataUrl || qResolveOriginalDrawingSource();
- if (!dataUrlForAPI) { showToast('请先上传户型图', 'error'); return; }
- qMakeApiImageDataUrl(dataUrlForAPI, 1600).then(function(norm){
- qUploadedDrawingDataUrl = norm;
- qAILog('📦 图像已规范化为标准data URI，长度：' + norm.length + ' 字符');
- qAICallAPIWithImage(norm);
- }).catch(function(e){
- qAILog('❌ 图像规范化失败：' + e.message);
- showToast('图片读取失败，请重新上传', 'error');
- });
- }
- var qArkKeyConfigured=false;
- async function qSaveArkKey(){
- var input=document.getElementById('q-ark-key-input');
- var status=document.getElementById('q-ark-key-status');
- var key=input?input.value.trim():'';
- if(!key || key.indexOf('ark-')!==0){
- if(status){status.textContent='格式不正确';status.style.color='#E53E3E';}
- showToast('请输入有效的方舟模型 Key', 'warning');
- return false;
- }
- if(status){status.textContent='保存中...';status.style.color='#718096';}
- try{
- var response=await fetch('/api/ark/config',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({api_key:key})});
- var data=await response.json();
- if(!response.ok) throw new Error(data.message||('HTTP '+response.status));
- if(input) input.value='';
- qArkKeyConfigured=true;
- if(status){status.textContent='✅ 已配置';status.style.color='#38A169';}
- var startBtn=document.getElementById('q-btn-clean-drawing');
- if(startBtn){startBtn.disabled=false;startBtn.style.opacity='1';startBtn.style.cursor='pointer';startBtn.title='点击调用豆包优化户型图';}
- showToast('✅ 模型 Key 已保存到本机服务内存', 'success');
- qAutoDimensionDetectionDone=false;
- qAutoDimensionDetectionPromise=null;
- qAutoDetectOriginalDimensions(true);
- return true;
- }catch(err){
- qArkKeyConfigured=false;
- if(status){status.textContent='保存失败';status.style.color='#E53E3E';}
- showToast('模型 Key 保存失败：'+err.message, 'error');
- return false;
- }
- }
- async function qStartOptimization(){
- var input=document.getElementById('q-ark-key-input');
- if(!qArkKeyConfigured){
- if(!input || !input.value.trim()){
- showToast('请先输入模型 Key，再点击启动优化', 'warning');
- if(input) input.focus();
- return;
- }
- var saved=await qSaveArkKey();
- if(!saved) return;
- }
- qAICleanDrawing();
- }
- async function qCallDoubaoImageEdit(dataUrl){
- var controller = new AbortController();
- var timer = setTimeout(function(){controller.abort();},120000);
- try {
- var response = await fetch('/api/ark/image-edit',{
- method:'POST',
- signal:controller.signal,
- headers:{'Content-Type':'application/json'},
- body:JSON.stringify({image:dataUrl})
- });
- var data = await response.json();
- if(!response.ok || data.code) throw new Error((data.code?data.code+': ':'')+(data.message||('HTTP '+response.status)));
- var item=data.data&&data.data[0];
- if(item&&item.b64_json) return 'data:image/jpeg;base64,'+item.b64_json;
- if(item&&item.url) return item.url;
- throw new Error('豆包图像编辑未返回图片数据');
- } catch(err){
- if(err&&err.name==='AbortError') throw new Error('豆包图像编辑超过120秒未返回');
- throw err;
- } finally { clearTimeout(timer); }
- }
- function qAICallAPIWithImage(dataUrl){
- qAILog('🤖 正在调用豆包图像模型 Seedream 4.5...');
- qAILog('🎨 正在删除文字、标注、家具和水印，并保持墙体结构...');
- qCallDoubaoImageEdit(dataUrl).then(function(cleanedDataUrl){
- qAILog('✅ 豆包优化图片已返回！');
- qAICleanedImageData = cleanedDataUrl;
- var cleanedImg = document.getElementById('q-ai-cleaned-img');
- var cleanedPlaceholder = document.getElementById('q-ai-cleaned-placeholder');
- if (cleanedImg) { cleanedImg.src = qAICleanedImageData; cleanedImg.style.display = 'block'; }
- if (cleanedPlaceholder) cleanedPlaceholder.style.display = 'none';
- qAIUpdateProgress(0);
- var cleanBtn = document.getElementById('q-btn-clean-drawing');
- if (cleanBtn) { cleanBtn.disabled = false; cleanBtn.style.opacity = '1'; }
- var step1StatusEl = document.getElementById('q-ai-step1-status');
- if (step1StatusEl) step1StatusEl.style.display = 'none';
- qAILog('✅ 图纸预处理完成，可进入产品定位');
- showToast('✅ 豆包户型图优化完成', 'success');
- }).catch(function(err){
- qAILog('⚠️ 豆包图像编辑失败：' + err.message);
- qAILog('🎨 正在使用本地墙体提取作为备用方案...');
- return qBuildLocalStructureDrawing(dataUrl).then(function(fallbackImage){
- qAICleanedImageData = fallbackImage;
- var cleanedImg = document.getElementById('q-ai-cleaned-img');
- var cleanedPlaceholder = document.getElementById('q-ai-cleaned-placeholder');
- if (cleanedImg) { cleanedImg.src = fallbackImage; cleanedImg.style.display = 'block'; }
- if (cleanedPlaceholder) cleanedPlaceholder.style.display = 'none';
- qAILog('✅ 本地备用结构底图已生成');
- var cleanBtn = document.getElementById('q-btn-clean-drawing');
- if (cleanBtn) { cleanBtn.disabled=false; cleanBtn.style.opacity='1'; }
- var step1StatusEl = document.getElementById('q-ai-step1-status');
- if (step1StatusEl) step1StatusEl.style.display='none';
- qAIUpdateProgress(0);
- showToast('⚠️ 豆包调用失败，已显示本地备用结果', 'warning');
- });
- }).catch(function(err){
- qAILog('❌ 图纸处理失败：'+err.message);
- qAICleanedImageData = qUploadedDrawingUrl;
- var cleanedImg = document.getElementById('q-ai-cleaned-img');
- var cleanedPlaceholder = document.getElementById('q-ai-cleaned-placeholder');
- if (cleanedImg) { cleanedImg.src = qAICleanedImageData; cleanedImg.style.display = 'block'; }
- if (cleanedPlaceholder) cleanedPlaceholder.style.display = 'none';
- var cleanBtn = document.getElementById('q-btn-clean-drawing');
- if (cleanBtn) { cleanBtn.disabled = false; cleanBtn.style.opacity = '1'; }
- var step1StatusEl = document.getElementById('q-ai-step1-status');
- if (step1StatusEl) step1StatusEl.style.display = 'none';
- qAIUpdateProgress(0);
- showToast('❌ 图纸处理失败，已恢复原图', 'error');
- });
- }
- function qAIGoToStep1(){
- qAICurrentStep = 0;
- document.getElementById('q-ai-step1-area').style.display = 'block';
- document.getElementById('q-ai-step2-area').style.display = 'none';
- document.getElementById('q-ai-step3-area').style.display = 'none';
- qAIUpdateProgress(0);
- qSyncOriginalDrawingToLayout();
- // 返回家具布局时按布局数据恢复渲染已有家具贴纸，保持先前布局原样
- if(typeof qFurnitureV3Render==='function') qFurnitureV3Render();
- setTimeout(function(){ if(typeof qFurnitureV3Render==='function') qFurnitureV3Render(); }, 300);
- }
- function qAIGoToStep2(){
- qAICurrentStep = 1;
- document.getElementById('q-ai-step1-area').style.display = 'none';
- document.getElementById('q-ai-step2-area').style.display = 'block';
- document.getElementById('q-ai-step3-area').style.display = 'none';
- qAIUpdateProgress(1);
- var workspaceImg = document.getElementById('q-ai-workspace-img');
- var originalSrc=qSyncOriginalDrawingToLayout();
- if (workspaceImg && originalSrc) workspaceImg.src = originalSrc;
- }
- function qAIGoToStep3(){
- if (qAIPlacedCabinets.length === 0) { showToast('️ 请至少放置一个柜体', 'error'); return; }
- qAICurrentStep = 2;
- document.getElementById('q-ai-step1-area').style.display = 'none';
- document.getElementById('q-ai-step2-area').style.display = 'none';
- document.getElementById('q-ai-step3-area').style.display = 'block';
- qAIUpdateProgress(2);
- var scaleInfo = document.getElementById('q-ai-scale-info');
- var scaleText = document.getElementById('q-ai-scale-text');
- var drawingSize = document.getElementById('q-ai-drawing-size');
- var scaleSource = document.getElementById('q-ai-scale-source');
- if (scaleInfo) scaleInfo.style.display = 'block';
- var scaleResult=qCalculateImageScale();
- if (scaleText) scaleText.textContent = qAIScaleRatio > 0 ? ('1像素 = '+qAIScaleRatio.toFixed(6)+' 米（1米 ≈ '+Math.round(1/qAIScaleRatio)+'像素）') : '原图尺寸标注识别结果待复核';
- if (scaleSource) scaleSource.textContent=scaleResult.ok?('✓ '+scaleResult.source+' · 使用 '+scaleResult.count+' 条原图尺寸线'):('已直接采用家具贴纸比例估算，可编辑柜体尺寸');
- if (drawingSize) drawingSize.textContent = qAIDrawingWidth + '×' + qAIDrawingHeight + 'px';
- qAIRenderDimensionTable();
- }
- function qAIUpdateProgress(currentStep){
- for (var i = 0; i < 3; i++) {
- var ps = document.getElementById('q-ai-prog-'+i);
- if (ps) {
- if (i < currentStep) ps.className = 'ai-progress-step done';
- else if (i === currentStep) ps.className = 'ai-progress-step active';
- else ps.className = 'ai-progress-step';
- }
- }
- }
- function qAILog(msg){
- var step1Log = document.getElementById('q-ai-step1-log');
- if (step1Log) {
- step1Log.style.display = 'block';
- var div = document.createElement('div');
- div.style.cssText = 'padding:2px 0;opacity:0;animation:q-fadeInUp .3s forwards;';
- div.textContent = msg;
- step1Log.appendChild(div);
- step1Log.scrollTop = step1Log.scrollHeight;
- }
- console.log('[AI柜体识别] ' + msg);
- }
- // ── 家具二次空间布局（独立于柜体报价数据） ──
- function qFurnitureDragStart(e, type, icon, existingId){
- qFurnitureDragPayload = { type:type, icon:icon, existingId:existingId || null };
- if(e && e.dataTransfer){
- e.dataTransfer.effectAllowed = existingId ? 'move' : 'copy';
- e.dataTransfer.setData('application/json', JSON.stringify(qFurnitureDragPayload));
- }
- }
- function qFurnitureDrop(e){
- e.preventDefault();
- e.stopPropagation();
- var workspace = document.getElementById('q-floorplan-layout-workspace');
- if(!workspace) return;
- var payload = qFurnitureDragPayload;
- try { payload = JSON.parse(e.dataTransfer.getData('application/json')) || payload; } catch(ignore){}
- if(!payload) return;
- var drawing=document.getElementById('q-ai-cleaned-img');
- qAlignFurnitureOverlayToImage();
- var rect=(drawing && drawing.style.display!=='none' && drawing.getBoundingClientRect().width) ? drawing.getBoundingClientRect() : workspace.getBoundingClientRect();
- var x = Math.max(2,Math.min(98,((e.clientX-rect.left)/rect.width)*100));
- var y = Math.max(2,Math.min(98,((e.clientY-rect.top)/rect.height)*100));
- if(payload.existingId){
- var old = qFurnitureLayout.find(function(item){return item.id===payload.existingId;});
- if(old){old.x=x;old.y=y;}
- } else {
- qFurnitureLayout.push({id:'fur_'+Date.now()+'_'+Math.random().toString(36).slice(2,6),type:payload.type,icon:payload.icon,x:x,y:y,widthScale:1,heightScale:1});
- }
- qFurnitureDragPayload=null;
- qRenderFurnitureLayout();
- workspace.style.outline='2px solid #38A169';
- setTimeout(function(){workspace.style.outline='';},350);
- showToast('家具贴纸已放置，可继续拖动或调整长宽', 'success');
- }
- function qAlignFurnitureOverlayToImage(){
- var workspace=document.getElementById('q-floorplan-layout-workspace');
- var drawing=document.getElementById('q-ai-cleaned-img');
- var overlay=document.getElementById('q-furniture-overlay');
- if(!workspace || !drawing || !overlay || drawing.style.display==='none') return;
- var wr=workspace.getBoundingClientRect(), ir=drawing.getBoundingClientRect();
- if(!ir.width || !ir.height) return;
- overlay.style.inset='auto';
- overlay.style.left=(ir.left-wr.left)+'px';
- overlay.style.top=(ir.top-wr.top)+'px';
- overlay.style.width=ir.width+'px';
- overlay.style.height=ir.height+'px';
- }
- function qInitFurnitureDragDrop(){
- var workspace=document.getElementById('q-floorplan-layout-workspace');
- if(!workspace || workspace.dataset.furnitureDropReady==='1') return;
- workspace.dataset.furnitureDropReady='1';
- document.querySelectorAll('.q-furniture-tool').forEach(function(tool){
- tool.addEventListener('dragstart',function(e){
- var nameEl=tool.querySelector('span');
- var type=nameEl?nameEl.textContent.trim():'家具';
- var icon='';
- for(var i=0;i<tool.childNodes.length;i++){
- if(tool.childNodes[i].nodeType===3 && tool.childNodes[i].textContent.trim()){icon=tool.childNodes[i].textContent.trim();break;}
- }
- qFurnitureDragStart(e,type,icon||'▣');
- tool.style.opacity='.55';
- });
- tool.addEventListener('dragend',function(){tool.style.opacity='1';workspace.style.background='#FAFAFA';});
- });
- workspace.addEventListener('dragenter',function(e){e.preventDefault();workspace.style.background='#EBF8FF';});
- workspace.addEventListener('dragover',function(e){e.preventDefault();e.dataTransfer.dropEffect='copy';workspace.style.background='#EBF8FF';});
- workspace.addEventListener('dragleave',function(e){if(!workspace.contains(e.relatedTarget))workspace.style.background='#FAFAFA';});
- workspace.addEventListener('drop',function(e){workspace.style.background='#FAFAFA';qFurnitureDrop(e);});
- }
- function qAddFurnitureCenter(type,icon){
- var offset=(qFurnitureLayout.length%6)*4;
- qFurnitureLayout.push({id:'fur_'+Date.now()+'_'+Math.random().toString(36).slice(2,6),type:type,icon:icon,x:46+offset,y:46+offset,widthScale:1,heightScale:1});
- qRenderFurnitureLayout();
- }
- function qRemoveFurniture(id){
- qFurnitureLayout=qFurnitureLayout.filter(function(item){return item.id!==id;});
- qRenderFurnitureLayout();
- }
- function qResizeFurniture(id, axis, delta, e){
- if(e){e.preventDefault();e.stopPropagation();}
- var item=qFurnitureLayout.find(function(f){return f.id===id;});
- if(!item) return;
- var key=axis==='height'?'heightScale':'widthScale';
- item[key]=Math.max(0.55,Math.min(2.8,(item[key]||item.size||1)+delta));
- qRenderFurnitureLayout();
- }
- function qRenderFurnitureLayout(){
- var overlay=document.getElementById('q-furniture-overlay');
- if(!overlay) return;
- overlay.innerHTML=qFurnitureLayout.map(function(item){
- var widthScale=item.widthScale||item.size||1;
- var heightScale=item.heightScale||item.size||1;
- return '<div class="q-placed-furniture" draggable="true" style="left:'+item.x+'%;top:'+item.y+'%;width:'+(58*widthScale)+'px;min-height:'+(48*heightScale)+'px;" '+
- 'ondragstart="qFurnitureDragStart(event,\''+item.type+'\',\''+item.icon+'\',\''+item.id+'\')" '+
- 'ondblclick="qRemoveFurniture(\''+item.id+'\')" title="拖动调整位置，双击删除">'+
- '<div class="icon">'+item.icon+'</div><div class="name">'+item.type+'</div>'+
- '<div class="q-furniture-size-controls"><button type="button" draggable="false" onclick="qResizeFurniture(\''+item.id+'\',\'width\',-0.15,event)">宽−</button><button type="button" draggable="false" onclick="qResizeFurniture(\''+item.id+'\',\'width\',0.15,event)">宽＋</button><button type="button" draggable="false" onclick="qResizeFurniture(\''+item.id+'\',\'height\',-0.15,event)">高−</button><button type="button" draggable="false" onclick="qResizeFurniture(\''+item.id+'\',\'height\',0.15,event)">高＋</button></div></div>';
- }).join('');
- // 从草稿恢复、返回编辑器或重新渲染第二步后，必须重新绑定家具库拖放事件。
- clearTimeout(window.__qFurnitureReinitTimer);
- window.__qFurnitureReinitTimer=setTimeout(function(){
- if(typeof qFurnitureV3Init==='function')qFurnitureV3Init();
- },0);
- }
- function qAIInitDragDrop(){
- var stickers = document.querySelectorAll('.q-cabinet-sticker');
- stickers.forEach(function(sticker){
- sticker.addEventListener('dragstart', function(e){
- e.dataTransfer.setData('text/plain', sticker.getAttribute('data-type'));
- e.dataTransfer.effectAllowed = 'copy';
- });
- });
- var workspace = document.getElementById('q-ai-workspace');
- if (workspace) {
- workspace.addEventListener('dragover', function(e){ e.preventDefault(); e.dataTransfer.dropEffect = 'copy'; });
- workspace.addEventListener('drop', function(e){
- e.preventDefault();
- var cabinetType = e.dataTransfer.getData('text/plain');
- if (cabinetType) qAIAddCabinet(cabinetType, e.offsetX, e.offsetY);
- });
- }
- }
- function qAIAddCabinet(cabinetType, x, y){
- var cabinet = { id: Date.now(), type: cabinetType, x: x, y: y, width: 0, height: 0 };
- qAIPlacedCabinets.push(cabinet);
- qAIUpdatePlacedList();
- qAIRenderPlacedCabinets();
- var goStep3Btn = document.getElementById('q-btn-go-step3');
- if (goStep3Btn) goStep3Btn.disabled = false;
- }
- function qAIRemoveCabinet(id){
- qAIPlacedCabinets = qAIPlacedCabinets.filter(function(c){ return c.id !== id; });
- qAIUpdatePlacedList();
- qAIRenderPlacedCabinets();
- if (qAIPlacedCabinets.length === 0) {
- var goStep3Btn = document.getElementById('q-btn-go-step3');
- if (goStep3Btn) goStep3Btn.disabled = true;
- }
- }
- function qAIUpdatePlacedList(){
- var placedList = document.getElementById('q-ai-placed-list');
- var placedCount = document.getElementById('q-ai-placed-count');
- var placedItems = document.getElementById('q-ai-placed-items');
- if (qAIPlacedCabinets.length === 0) { if (placedList) placedList.style.display = 'none'; return; }
- if (placedList) placedList.style.display = 'block';
- if (placedCount) placedCount.textContent = qAIPlacedCabinets.length;
- if (placedItems) {
- placedItems.innerHTML = qAIPlacedCabinets.map(function(c){
- return '<div style="display:flex;align-items:center;gap:6px;padding:6px 10px;background:#EBF8FF;border:1px solid #90CDF4;border-radius:6px;font-size:12px;">'
- + '<span style="font-weight:600;color:#2B6CB0;">' + c.type + '</span>'
- + '<button onclick="qAIRemoveCabinet(' + c.id + ')" style="border:none;background:none;color:#E53E3E;cursor:pointer;font-size:14px;padding:0 4px;">✕</button>'
- + '</div>';
- }).join('');
- }
- }
- function qAIRenderPlacedCabinets(){
- var container = document.getElementById('q-ai-placed-cabinets');
- if (!container) return;
- container.innerHTML = qAIPlacedCabinets.map(function(c){
- return '<div style="position:absolute;left:' + c.x + 'px;top:' + c.y + 'px;background:rgba(49,130,206,0.2);border:2px dashed #3182CE;border-radius:4px;padding:4px 8px;font-size:11px;color:#2B6CB0;font-weight:600;pointer-events:auto;cursor:move;white-space:nowrap;">' + c.type + '</div>';
- }).join('');
- }
- function qAIRenderDimensionTable(){
- var tbody = document.getElementById('q-ai-dimension-tbody');
- if (!tbody) return;
- tbody.innerHTML = qAIPlacedCabinets.map(function(c, idx){
- var width = c.width > 0 ? c.width.toFixed(2) : '—';
- var height = c.height > 0 ? c.height.toFixed(2) : '—';
- var area = (c.width > 0 && c.height > 0) ? (c.width * c.height).toFixed(3) : '—';
- var source = c.width > 0 ? (c.source === '家具贴纸' ? '贴纸比例换算' : 'AI识别') : '待录入';
- return '<tr>'
- + '<td style="padding:8px 10px;border:1px solid #E2E8F0;">' + (idx + 1) + '</td>'
- + '<td style="padding:8px 10px;border:1px solid #E2E8F0;font-weight:600;">' + c.type + '</td>'
- + '<td style="padding:8px 10px;border:1px solid #E2E8F0;text-align:center;"><input type="number" step="0.01" min="0" value="' + (c.width > 0 ? c.width.toFixed(2) : '') + '" style="width:70px;padding:4px 6px;border:1px solid #E2E8F0;border-radius:4px;font-size:12px;text-align:center;" onfocus="this.select()" onkeydown="if(event.key===\'Enter\')this.blur()" onchange="qAIUpdateCabinetSize(' + c.id + ',\'width\',this.value)"></td>'
- + '<td style="padding:8px 10px;border:1px solid #E2E8F0;text-align:center;"><input type="number" step="0.01" min="0" value="' + (c.height > 0 ? c.height.toFixed(2) : '') + '" style="width:70px;padding:4px 6px;border:1px solid #E2E8F0;border-radius:4px;font-size:12px;text-align:center;" onfocus="this.select()" onkeydown="if(event.key===\'Enter\')this.blur()" onchange="qAIUpdateCabinetSize(' + c.id + ',\'height\',this.value)"></td>'
- + '<td style="padding:8px 10px;border:1px solid #E2E8F0;text-align:center;font-weight:600;color:#3182CE;">' + area + '</td>'
- + '<td style="padding:8px 10px;border:1px solid #E2E8F0;font-size:11px;color:' + (source !== '待录入' ? '#38A169' : '#E53E3E') + ';">' + source + '</td>'
- + '</tr>';
- }).join('');
- }
- function qAIUpdateCabinetSize(id, field, value){
- var cabinet = qAIPlacedCabinets.find(function(c){ return c.id === id; });
- if (cabinet) { cabinet[field] = parseFloat(value) || 0; qAIRenderDimensionTable(); qPrepareRoomsFromPlacedCabinets(); qRenderAICards({rooms:qRooms},false); }
- }
- function qFinishAnalysisNew(){
- var previousRooms = (window._qLastAnalysisData && window._qLastAnalysisData.rooms) || qRooms || [];
- // 第二套报价模式沿用源文件设置：柜高缺省兜底为层高，数据来源标签按源文件；模式一保持原行为
- var m2f = state.quoteMode === 'manual';
- var defHf = m2f ? (qFloorHeight || 2.5) : 0;
- qRooms = qAIPlacedCabinets.map(function(c){
- var placedIndex = qAIPlacedCabinets.indexOf(c);
- var previous = previousRooms[placedIndex] || {};
- var nextRoom = {
- roomName: c.type.replace(/柜$/, '').replace(/橱柜/, '厨房').replace(/衣柜/, '卧室').replace(/电视柜/, '客厅').replace(/鞋柜/, '玄关').replace(/餐边柜/, '餐厅').replace(/书房柜/, '书房'),
- cabinetType: c.type,
- layoutStyle: '一字型',
- projectArea: (c.width || 0) * (c.height || 0),
- doorType: '普通平板',
- length: c.width || 3.0,
- width: 3.0,
- height: c.height || defHf,
- area: 10,
- cabinetWidth: c.width || 0,
- cabinetHeight: c.height || defHf,
- cabinetRatio: 0.50,
- fillRate: 0.50,
- doorRatio: 0.50,
- bayWindow: false,
- posX: c.posX, posY: c.posY, posLabel: c.posLabel || '',
- _dataSource: m2f ? { cabinetWidth: '用户定位', cabinetHeight: '用户录入/默认' } : { cabinetWidth: c.source || '用户定位', cabinetHeight: c.source || '规则色块识别' }
- };
- if(Array.isArray(previous._detailItems)) nextRoom._detailItems = JSON.parse(JSON.stringify(previous._detailItems));
- if(Array.isArray(previous._selectedExtras)) nextRoom._selectedExtras = JSON.parse(JSON.stringify(previous._selectedExtras));
- if(previous._detailItemsExcelVersion) nextRoom._detailItemsExcelVersion = previous._detailItemsExcelVersion;
- return nextRoom;
- });
- // 厨房四边尺寸同步空间/布局尺寸（规则模块一第2条：抓取厨房空间四边总尺寸）
- for(var ki=0; ki<qRooms.length && ki<qAIPlacedCabinets.length; ki++){
- var kc=qAIPlacedCabinets[ki];
- if(qIsKitchenCabinet(qRooms[ki].cabinetType||qRooms[ki].roomName)){
- var kw=Array.isArray(kc.kitchenWalls)?kc.kitchenWalls:[kc.width||0,kc.height||0,kc.width||0,kc.height||0];
- qRooms[ki].kitchenWalls=kw;
- if(kw[0]) qRooms[ki].length=kw[0];
- if(kw[1]) qRooms[ki].width=kw[1];
- }
- }
- qAiProcessed = true;
- qAiAnalyzing = false;
- qAiEditableData = JSON.parse(JSON.stringify({ rooms: qRooms }));
- qAiEditMode = false;
- qExtras = qGenerateExtrasFromRooms(qRooms);
- qSyncStep2DetailsToPricing();
- qFixRoomSpaceNames(qRooms);
- qSyncRoomItemsWithRules();
- // 尺寸确认后直接进入主流程第三步“自动计价”，不再回到旧版第二步解析卡片。
- goToStep(3);
- if (state.quoteMode === 'manual') {
- // 精准模式：跳转到自动计价模块窗口核对并生成报价单
- switchView('pricing');
- }
- showToast('✅ 尺寸已确认，已按规则配置单价完成自动计价', 'success');
- }
- // 初始化拖拽
- qAIInitDragDrop();
- // ─── 判断图片来源并启动分析（支持户型图/CAD二选一或同时上传）───
- var hasDrawing = !!(qUploadedDrawing && qUploadedDrawingUrl);
- var hasCAD = !!(qUploadedCAD);
- var isMockDrawing = qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1;
- var isMockCAD = qUploadedCAD && qUploadedCAD.name && qUploadedCAD.name.indexOf('120㎡三房两厅') !== -1;
- // ─── 多图纸合并模式 ───
- if (qMultiMode) {
- var readySheets = qSheets.filter(function(s){ return s.drawing || s.isMock; });
- if (readySheets.length === 0) {
- if (statusText) { statusText.textContent = '⚠️ 请先添加图纸'; statusText.style.color = 'var(--danger)'; }
- if (statusDetail) statusDetail.textContent = '多图纸模式下，请至少为一张图纸上传户型图或选择示例';
- if (spinner) spinner.style.display = 'none';
- if (progressBar) progressBar.style.display = 'none';
- return;
- }
- qRunMultiSheetAnalysis(addLogLine, runAnalysis, qFinishAnalysis, qGenerateStepLogs);
- return;
- }
- if (hasDrawing && hasCAD) {
- // 同时上传了户型图和CAD → 优先使用CAD精确尺寸，户型图用于空间识别
- addLogLine('📐 检测到户型图 + CAD图纸双上传，启动联合分析...');
- addLogLine('🎨 图纸识别规则（户型图/CAD通用）：抓取'+qCadRuleColorName+'色块（'+qCadRuleColor+'）自动识别柜体');
- if (qUploadedDrawing.type && qUploadedDrawing.type.startsWith('image/')) {
- var img = new Image();
- img.onload = function(){
- var fileName = '【联合分析】'+(qUploadedDrawing.name||'户型图')+' + '+(qUploadedCAD.name||'CAD');
- var fsize = (qUploadedDrawing.size||0)+(qUploadedCAD.size||0);
- addLogLine('🔍 正在分析户型图像素特征...');
- qAnalyzeImagePixels(qUploadedDrawingUrl, img.naturalWidth, img.naturalHeight).then(function(ar){
- if(ar) addLogLine('✅ 图像分析完成：检测到约'+ar.detectedRoomCount+'个空间区域');
- runAnalysis(img.naturalWidth, img.naturalHeight, qUploadedDrawingUrl, fileName, fsize);
- }).catch(function(){
- runAnalysis(img.naturalWidth, img.naturalHeight, qUploadedDrawingUrl, fileName, fsize);
- });
- };
- img.onerror = function(){ _qImageAnalysisResult=null; runAnalysis(1920, 1080, qUploadedDrawingUrl, '联合分析', 0); };
- img.src = qUploadedDrawingUrl;
- } else if (isMockDrawing) {
- _qImageAnalysisResult = null;
- runAnalysis(1400, 920, qUploadedDrawingUrl, '【联合分析】120㎡三房两厅户型图 + '+qUploadedCAD.name, 45000);
- } else {
- _qImageAnalysisResult = null;
- runAnalysis(1600, 1200, null, '【联合分析】'+qUploadedDrawing.name+' + '+qUploadedCAD.name, 0);
- }
- } else if (hasDrawing) {
- // 仅户型图
- if (qUploadedDrawing.type && qUploadedDrawing.type.startsWith('image/')) {
- var img2 = new Image();
- img2.onload = function(){
- addLogLine('🔍 正在分析户型图像素特征...');
- qAnalyzeImagePixels(qUploadedDrawingUrl, img2.naturalWidth, img2.naturalHeight).then(function(ar){
- if(ar) addLogLine('✅ 图像分析完成：检测到约'+ar.detectedRoomCount+'个空间区域');
- runAnalysis(img2.naturalWidth, img2.naturalHeight, qUploadedDrawingUrl, qUploadedDrawing.name, qUploadedDrawing.size);
- }).catch(function(){
- runAnalysis(img2.naturalWidth, img2.naturalHeight, qUploadedDrawingUrl, qUploadedDrawing.name, qUploadedDrawing.size);
- });
- };
- img2.onerror = function(){ _qImageAnalysisResult=null; runAnalysis(1920, 1080, qUploadedDrawingUrl, qUploadedDrawing.name, qUploadedDrawing.size); };
- img2.src = qUploadedDrawingUrl;
- } else if (isMockDrawing) {
- _qImageAnalysisResult = null;
- runAnalysis(1400, 920, qUploadedDrawingUrl, qUploadedDrawing.name, 45000);
- } else {
- _qImageAnalysisResult = null;
- runAnalysis(1600, 1200, null, qUploadedDrawing.name, qUploadedDrawing.size);
- }
- } else if (hasCAD) {
- // 仅CAD图纸 → 基于CAD尺寸精确分析
- addLogLine('📏 使用CAD图纸进行精确尺寸分析...');
- addLogLine('🎨 图纸识别规则（户型图/CAD通用）：抓取'+qCadRuleColorName+'色块（'+qCadRuleColor+'）自动识别柜体');
- _qImageAnalysisResult = null;
- if (isMockCAD) {
- runAnalysis(1600, 1200, null, qUploadedCAD.name, qUploadedCAD.size);
- } else {
- runAnalysis(1600, 1200, null, qUploadedCAD.name, qUploadedCAD.size||0);
- }
- } else {
- // 无图纸上传 → 基于需求文本
- _qImageAnalysisResult = null;
- if (loadingArea) loadingArea.style.display = 'flex';
- runAnalysis(1200, 800, null, '未上传图纸（仅使用需求文本）', 0);
- }
- }
- // ─── 多图纸逐张解析+合并 ───
- function qRunMultiSheetAnalysis(addLogLine, runAnalysis, qFinishAnalysis, qGenerateStepLogs){
- // 获取DOM元素（自包含，不依赖外层闭包变量）
- var loadingArea = document.getElementById('q-ai-loading-area');
- var spinner = document.getElementById('q-ai-spinner');
- var statusText = document.getElementById('q-ai-status-text');
- var statusDetail = document.getElementById('q-ai-status-detail');
- var previewDiv = document.getElementById('q-ai-image-preview');
- var drawingThumb = document.getElementById('q-ai-drawing-thumb');
- var drawingImg = document.getElementById('q-ai-drawing-img');
- var fileInfo = document.getElementById('q-ai-file-info');
- var disclaimer = document.getElementById('q-ai-disclaimer');
- var analysisGrid = document.getElementById('q-ai-analysis-grid');
- var summaryBanner = document.getElementById('q-ai-summary-banner');
- var progressBar = document.getElementById('q-ai-progress-bar');
- var actionArea = document.getElementById('q-ai-action-area');
- var sheets = qSheets.slice();
- var totalSheets = sheets.length;
- var allRooms = [];
- var allSheetResults = [];
- var sheetColors = ['#3182CE','#38A169','#DD6B20','#805AD5','#D53F8C','#B7791F'];
- var currentSheetIdx = 0;
- if (fileInfo) {
- fileInfo.innerHTML = '📚 多图纸合并模式 ｜ 共'+totalSheets+'张图纸 ｜ 逐张解析后合并房间数据';
- }
- if (previewDiv) previewDiv.style.display = 'block';
- if (drawingThumb) {
- drawingThumb.style.display = 'block';
- if (drawingImg) { drawingImg.style.display = 'none'; }
- }
- addLogLine('📚 启动【多图纸合并报价】模式，共'+totalSheets+'张图纸');
- addLogLine('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
- function processNextSheet(){
- if (currentSheetIdx >= totalSheets) {
- finishMerge();
- return;
- }
- var sheet = sheets[currentSheetIdx];
- var color = sheetColors[currentSheetIdx % sheetColors.length];
- var sheetNum = currentSheetIdx + 1;
- addLogLine('');
- addLogLine('📄 【'+sheetNum+'/'+totalSheets+'】正在解析：'+sheet.name+' ...');
- // 构造opts
- var opts = {
- sheetId: sheet.id,
- sheetName: sheet.name,
- hasCAD: !!sheet.cad
- };
- var imgW = 1400, imgH = 920, fileName = sheet.name, fsize = 45000, imgSrc = null;
- if (sheet.isMock) {
- opts.mockType = sheet.mockType;
- if (sheet.mockType === 'floor2') {
- fileName = sheet.name;
- imgW = 1200; imgH = 900;
- } else {
- fileName = '120㎡三房两厅户型图（'+sheet.name+'）';
- }
- } else if (sheet.drawingUrl) {
- imgSrc = sheet.drawingUrl;
- fileName = sheet.drawing ? sheet.drawing.name : sheet.name;
- fsize = sheet.drawing ? sheet.drawing.size : 0;
- } else if (sheet.cad) {
- fileName = sheet.cad.name;
- fsize = sheet.cad.size || 0;
- }
- // 临时保存并替换全局上传变量，保证qGenerateRoomsFromImage与runAnalysis一致
- var savedDrawing = qUploadedDrawing, savedDrawingUrl = qUploadedDrawingUrl, savedCAD = qUploadedCAD;
- qUploadedDrawing = sheet.drawing || (sheet.isMock ? {name:fileName, type:'image/jpeg'} : null);
- qUploadedDrawingUrl = sheet.drawingUrl || null;
- qUploadedCAD = sheet.cad || null;
- var analysisData = qGenerateRoomsFromImage(imgW, imgH, fileName, opts);
- // 恢复
- qUploadedDrawing = savedDrawing; qUploadedDrawingUrl = savedDrawingUrl; qUploadedCAD = savedCAD;
- // 为每个房间附加来源颜色和图纸序号
- analysisData.rooms.forEach(function(r){
- r._sheetColor = color;
- r._sheetIndex = sheetNum;
- r._isMulti = true;
- });
- allRooms = allRooms.concat(analysisData.rooms);
- sheet.rooms = analysisData.rooms;
- sheet.analysisData = analysisData;
- allSheetResults.push({
- sheet: sheet,
- data: analysisData,
- color: color,
- sheetNum: sheetNum
- });
- addLogLine(' ✅ 识别出 '+analysisData.rooms.length+' 个空间：'+analysisData.rooms.map(function(r){return r.roomName;}).join('、'));
- addLogLine(' 📐 合计投影面积：'+analysisData.totalArea+'㎡');
- currentSheetIdx++;
- setTimeout(processNextSheet, 300);
- }
- function finishMerge(){
- qRooms = allRooms;
- qExtras = qGenerateExtrasFromRooms(qRooms);
- qRoomItems = [];
- for (var _i = 0; _i < qRooms.length; _i++) { qRoomItems[_i] = qBuildRoomItems(_i); }
- // 🔑 多图纸合并后，强制以上传层高为准更新所有柜体高度和投影面积
- if (qFloorHeight >= 2.0 && qFloorHeight <= 4.0) {
- qApplyFloorHeightToRooms(qFloorHeight);
- }
- var totalArea = allRooms.reduce(function(s,r){return s + r.projectArea;}, 0);
- var mergedData = {
- rooms: allRooms,
- houseType: '多图纸合并（'+totalSheets+'张）',
- houseLabel: '多图纸合并报价',
- totalArea: parseFloat(totalArea.toFixed(1)),
- grossArea: parseFloat((totalArea*1.4).toFixed(0)),
- multiSheet: true,
- sheetCount: totalSheets,
- sheets: allSheetResults.map(function(sr){
- return {
- name: sr.sheet.name,
- roomCount: sr.data.rooms.length,
- totalArea: sr.data.totalArea,
- color: sr.color,
- houseType: sr.data.houseType
- };
- }),
- orientation: '多户型综合',
- ratio: 0,
- roomCount: allRooms.length,
- walls: [],
- doors: allRooms.map(function(r,i){return {id:'D'+(i+1),type:i===0?'入户门':'室内门',room:r.roomName,width:0.8,position:'墙面',opening:'内开左'};}),
- windows: allRooms.map(function(r,i){return {id:'WIN'+(i+1),room:r.roomName,type:'普通窗',width:1.5,orientation:['南','北','东','西'][i%4]};}),
- structType: '多图纸综合',
- outerWallThickness: '240mm',
- innerWallThickness: '120mm',
- floorHeight: '2.8m',
- totalWidth: '-',
- totalDepth: '-'
- };
- qMergedAnalysisData = mergedData;
- // 更新fileInfo显示合并概览
- if (fileInfo) {
- var sheetSummary = allSheetResults.map(function(sr){
- return '<span style="color:'+sr.color+';font-weight:600;">'+sr.sheet.name+'</span>('+sr.data.rooms.length+'房/'+sr.data.totalArea+'㎡)';
- }).join(' + ');
- fileInfo.innerHTML = '📚 多图纸合并完成 ｜ '+sheetSummary+' ｜ <strong>合计'+allRooms.length+'房 / '+totalArea.toFixed(1)+'㎡</strong>';
- }
- // 生成合并模式的日志
- addLogLine('');
- addLogLine('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
- addLogLine('🔗 数据合并完成：');
- allSheetResults.forEach(function(sr){
- addLogLine(' 📄 ['+sr.sheetNum+'] '+sr.sheet.name+' ｜ '+sr.data.rooms.length+'房 ｜ '+sr.data.totalArea+'㎡');
- });
- addLogLine(' ✅ 合并后总计：'+allRooms.length+'个空间，投影面积合计'+totalArea.toFixed(1)+'㎡');
- addLogLine('');
- addLogLine('✅ <strong>多图纸合并解析全部完成</strong> — 共'+totalSheets+'张图纸已合并至统一报价单');
- // 调用完成处理
- if (spinner) spinner.style.display = 'none';
- if (loadingArea) loadingArea.style.display = 'none';
- if (statusText) { statusText.textContent = '✅ 多图纸合并解析完成（'+totalSheets+'张图纸 / '+allRooms.length+'个空间）'; statusText.style.color='var(--success)'; }
- if (statusDetail) statusDetail.textContent = '';
- for (var pi = 0; pi < 7; pi++) {
- var ps = document.getElementById('q-ai-prog-'+pi);
- if (ps) ps.className = 'ai-progress-step done';
- }
- qRenderAICards(mergedData, false);
- qUpdateSummaryBanner(mergedData);
- setTimeout(function(){ qAddDrawingAnnotations(false); }, 500);
- if (disclaimer) disclaimer.style.display = 'block';
- if (actionArea) {
- var extraBtns = '';
- if (qRenderResults && qRenderResults.length > 0) {
- extraBtns += '<button class="btn btn-outline btn-lg" onclick="qShowRenderResults()" style="margin-left:8px;">🖼️ 查看结构识别结果</button>';
- }
- actionArea.innerHTML = extraBtns+'<button class="btn btn-outline btn-lg" onclick="qStartAnalysis()">🔄 重新解析</button>';
- }
- qAiProcessed = true;
- qAiAnalyzing = false; // 解析完成
- qAiEditableData = JSON.parse(JSON.stringify(mergedData));
- qAiEditMode = false;
- setTimeout(function(){ qUpdateFloorHeight(qFloorHeight.toFixed(2)); }, 100);
- }
- setTimeout(processNextSheet, 300);
- }
- // 添加日志行辅助函数
- function addLogLine(msg){
- var log = document.getElementById('q-ai-log');
- if (log) {
- var div = document.createElement('div');
- div.className = 'log-line';
- div.textContent = msg;
- log.appendChild(div);
- log.scrollTop = log.scrollHeight;
- }
- }
- // 图纸标注叠加层：不再在原图上绘制标注，保持原图展示
- function qAddDrawingAnnotations(isMock){
- var annLayer = document.getElementById('q-ai-annotations-layer');
- if (!annLayer) return;
- annLayer.innerHTML = '';
- }
- // 房间柜体/门板类型选择自定义输入
- function qCtsChange(typeKey, roomIndex, onChangeField) {
- var uid = 'q-cts-'+typeKey+'-'+roomIndex;
- var sel = document.getElementById(uid+'-sel');
- var s = document.getElementById(uid);
- var inp = document.getElementById(uid+'-input');
- var hint = document.getElementById(uid+'-hint');
- var del = document.getElementById(uid+'-del');
- if (!sel) return;
- var val = sel.value;
- if (val === '__custom__') {
- if (s) s.style.display = 'none';
- if (inp) { inp.style.display = 'flex'; var txt = document.getElementById(uid+'-text'); if(txt){txt.value='';txt.focus();} }
- if (hint) hint.style.display = '';
- if (del) del.style.display = '';
- } else if (val === '__delete__') {
- // 删除自定义项由qCtsDelete处理
- } else {
- qRooms[roomIndex][onChangeField] = val;
- qRenderStep3();
- }
- }
- // 确认自定义
- function qCtsConfirm(typeKey, roomIndex, onChangeField) {
- var uid = 'q-cts-'+typeKey+'-'+roomIndex;
- var txt = document.getElementById(uid+'-text');
- if (!txt) return;
- var v = txt.value.trim();
- if (v.length < 2) { showToast('类型名称至少2个字符', 'warning'); return; }
- if (v.length > 32) v = v.substring(0, 32);
- if (/[<>{}[\]"'\\]/.test(v)) { showToast('不能包含特殊字符：<>{}[]"\'\\', 'warning'); return; }
- var types = qCustomTypes[typeKey] || [];
- var dup = types.find(function(t){ return t.toLowerCase() === v.toLowerCase(); });
- if (dup) {
- qRooms[roomIndex][onChangeField] = dup;
- } else {
- qCustomTypes[typeKey].push(v);
- qRooms[roomIndex][onChangeField] = v;
- }
- qRenderStep3();
- }
- // 取消自定义
- function qCtsCancel(typeKey, roomIndex) {
- var uid = 'q-cts-'+typeKey+'-'+roomIndex;
- var s = document.getElementById(uid);
- var inp = document.getElementById(uid+'-input');
- var hint = document.getElementById(uid+'-hint');
- var del = document.getElementById(uid+'-del');
- var txt = document.getElementById(uid+'-text');
- if (s) s.style.display = '';
- if (inp) inp.style.display = 'none';
- if (hint) hint.style.display = 'none';
- if (txt) txt.value = '';
- // 恢复到未选择 __custom__ 前的值或第一个
- var types = qCustomTypes[typeKey] || [];
- if (types.length > 0) {
- s.value = types[0];
- qUpdateCtsDelBtn(typeKey, roomIndex);
- }
- }
- // 删除自定义类型（从下拉旁的 × 按钮触发）
- function qDeleteCtsType(typeKey, roomIndex, onChangeField) {
- var uid = 'q-cts-'+typeKey+'-'+roomIndex;
- var sel = document.getElementById(uid);
- if (!sel) return;
- var typeName = sel.value;
- var presetTypes = Q_CUSTOM_TYPES_PRESET[typeKey] || [];
- if (!typeName || presetTypes.indexOf(typeName) !== -1) {
- showToast('系统预设类型不可删除', 'warning');
- return;
- }
- qConfirmDialog('确定删除自定义类型「'+typeName+'」？\n\n已使用该类型的空间不受影响。', function(){
- // 从类型库中移除
- var idx = qCustomTypes[typeKey].indexOf(typeName);
- if (idx !== -1) qCustomTypes[typeKey].splice(idx, 1);
- // 重绘
- qRenderStep3();
- });
- }
- // ── 空间尺寸明细表 ──
- // 平面面积：优先取手动值 r.area，否则从 length×width 计算（单位均为 m）
- function qGetRoomArea(r){
- // 优先使用图纸标注的投影面积
- if (r.projectArea != null && r.projectArea !== '') return parseFloat(r.projectArea);
- if (r.area != null && r.area !== '') return parseFloat(r.area);
- // 其次使用柜体宽×柜体高计算
- var w = parseFloat(r.cabinetWidth) || parseFloat(r.length) || 0;
- var h = parseFloat(r.cabinetHeight) || parseFloat(r.height) || 0;
- if (w > 0 && h > 0) {
- return parseFloat((w * h).toFixed(3));
- }
- return 0;
- }
- // 立面展开面积：优先取手动值 r.expandArea，否则计算（单位均为 m）
- function qGetRoomExpandArea(r){
- if (r.expandArea != null && r.expandArea !== '') return parseFloat(r.expandArea);
- var h = (r.height || 2.8);
- var l = (r.length || 3.0);
- var w = (r.width || 3.0);
- var perimeter = 2 * (l + w);
- var grossArea = perimeter * h;
- var netArea = Math.max(0, grossArea - 3.5) * 0.85;
- return parseFloat(netArea.toFixed(2));
- }
- // 防抖 re-render：避免频繁innerHTML导致输入框光标跳动
- var qDebounceTimer = null;
- function qDebouncedRenderStep3(){
- if (qDebounceTimer) clearTimeout(qDebounceTimer);
- qDebounceTimer = setTimeout(function(){
- qRenderStep3();
- }, 250);
- }
- // 立即更新面积/立面展开显示（不重绘整表，避免光标丢失）
- function qUpdateDimsDisplay(i){
- var r = qRooms[i];
- if (!r) return;
- var area = qGetRoomArea(r);
- var unfold = qGetRoomExpandArea(r);
- var areaCell = document.getElementById('q-dim-area-'+i);
- var unfoldCell = document.getElementById('q-dim-unfold-'+i);
- if (areaCell) areaCell.value = area.toFixed(2);
- if (unfoldCell) unfoldCell.value = unfold.toFixed(2);
- }
- function qRenderSpaceDimensions(){
- var tbody = document.getElementById('q-space-dims-tbody');
- if (!tbody) return;
- var rows = qRooms.map(function(r, i){
- var area = qGetRoomArea(r);
- var h = r.cabinetHeight || r.height || (qFloorHeight > 0 ? parseFloat(qFloorHeight.toFixed(2)) : 0);
- return '<tr>'+
- '<td><input value="'+r.roomName+'" style="width:72px;padding:2px 4px;border:1px solid var(--border);border-radius:3px;font-size:11px;text-align:center;" oninput="qRooms['+i+'].roomName=this.value;qSyncRoomItemsFromRoom('+i+')" onchange="qRenderStep3()"></td>'+
- '<td><input type="number" step="0.01" value="'+((r.length||0).toFixed(2))+'" style="width:64px;padding:2px 4px;border:1px solid var(--border);border-radius:3px;font-size:11px;text-align:center;" oninput="qRooms['+i+'].length=parseFloat(this.value)||0;qRooms['+i+'].area=null;qSyncRoomItemsFromRoom('+i+');qAutoRecalcAreaFromFloor('+i+')" onchange="qRenderStep3()"></td>'+
- '<td><input type="number" step="0.01" value="'+(h>0?h.toFixed(2):'')+'" style="width:58px;padding:2px 4px;border:1px solid var(--border);border-radius:3px;font-size:11px;text-align:center;" title="柜体高度，可由图纸/AI识别或手动修改" oninput="qRooms['+i+'].cabinetHeight=parseFloat(this.value)||0;qRooms['+i+'].height=qRooms['+i+'].cabinetHeight;qSyncRoomItemsFromRoom('+i+');qAutoRecalcAreaFromFloor('+i+')" onchange="qRenderStep3()"></td>'+
- '<td><span style="display:inline-block;width:58px;padding:2px 4px;border:1px solid #E2E8F0;border-radius:3px;font-size:11px;text-align:center;background:#EBF8FF;color:#2B6CB0;font-weight:600;" title="投影面积=柜体面宽×柜体高度（联动层高）">'+(area.toFixed(2))+'</span></td>'+
- '<td style="text-align:center;"><span style="cursor:pointer;font-size:14px;color:var(--danger);" onclick="qDeleteRoom('+i+')">🗑️</span></td>'+
- '</tr>';
- }).join('');
- tbody.innerHTML = rows;
- }
- // 宽度修改时，根据Step1层高自动重算投影面积（宽 × 层高）
- function qAutoRecalcAreaFromFloor(ri) {
- var r = qRooms[ri]; if(!r) return;
- var cabW = parseFloat(r.cabinetWidth) || parseFloat(r.length) || 0;
- var cabH = qFloorHeight > 0 ? parseFloat(qFloorHeight.toFixed(2)) : (parseFloat(r.cabinetHeight) || parseFloat(r.height) || 0);
- if (cabW > 0 && cabH > 0) {
- var newArea = parseFloat((cabW * cabH).toFixed(3));
- r.projectArea = newArea;
- r.area = newArea;
- r.cabinetHeight = cabH;
- r.height = cabH;
- r.cabinetWidth = cabW;
- }
- qSyncRoomItemsFromRoom(ri);
- }
- function qSyncRoomItemsFromRoom(ri){
- var r = qRooms[ri]; if(!r) return;
- var items = qRoomItems[ri]; if(!items||!items.length) return;
- // 柜体宽度用图纸标注，柜体高度由图纸/AI决定（不强制等于层高），面积=宽×高
- var cabW = parseFloat(r.cabinetWidth) || parseFloat(r.length) || 0;
- var cabH = parseFloat(r.cabinetHeight) || parseFloat(r.height) || 0;
- var cabArea = parseFloat(r.projectArea) || parseFloat(r.area) || (cabW > 0 && cabH > 0 ? parseFloat((cabW*cabH).toFixed(3)) : 0);
- var isKitchenRoom = qIsKitchenCabinet(r.cabinetType||r.roomName);
- items.forEach(function(it){
- if(it.name==='柜体'){
- it.width = cabW; it.height = cabH;
- if(state.quoteMode==='ai' && isKitchenRoom){
- // 厨房按总长度计价：同步计费米数并重算总价（总长度×单价）
- var kb = qGetKitchenBillableMeters(r);
- var len = (kb&&kb.billable>0)?kb.billable:(cabW>0?cabW:0);
- if(len>0){
- it.area = +len.toFixed(3);
- it.total = parseFloat((len*it.unitPrice).toFixed(2));
- }
- }else{
- it.area = parseFloat(cabArea.toFixed(3));
- it.total = parseFloat((cabArea*it.unitPrice).toFixed(2));
- }
- }
- });
- }
- function qBuildRoomItems(ri){
- var r = qRooms[ri]; if(!r) return [];
- var name = r.roomName;
- // 柜体宽度用图纸标注，柜体高度由图纸/AI决定（不强制等于层高），不使用硬编码默认高度
- var defaultCabH = (qFloorHeight > 0) ? parseFloat(qFloorHeight.toFixed(2)) : 0;
- var cabW = parseFloat(r.cabinetWidth) || parseFloat(r.length) || 0;
- var cabH = parseFloat(r.cabinetHeight) || parseFloat(r.height) || defaultCabH;
- var projArea = parseFloat(r.projectArea) || parseFloat(r.area) || (cabW > 0 && cabH > 0 ? parseFloat((cabW*cabH).toFixed(3)) : 0);
- var pricing = qGetCabinetPricingRule(r,cabW,cabH);
- var P_CAB = pricing.unitPrice;
- // 默认只包含柜体投影一项，其他配件（门板、五金、抽屉、拉手等）由用户手动添加
- var cabType = r.cabinetType || '柜体';
- if(pricing.category==='橱柜类'){
- return [{name:pricing.material||'地柜',width:+cabW.toFixed(2),height:+cabH.toFixed(2),area:+pricing.quantity.toFixed(3),unitPrice:P_CAB,total:+pricing.total.toFixed(2),note:pricing.method,itemType:'cabinet',billingMethod:'kitchen_item_formula',ruleKey:pricing.ruleKey||'地柜',kitchenTotalWidth:+cabW.toFixed(2)}];
- }
- return [{name:'柜体',width:+cabW.toFixed(2),height:+cabH.toFixed(2),area:+projArea.toFixed(3),unitPrice:P_CAB,total:+pricing.total.toFixed(2),note:pricing.material+' · 按投影面积',itemType:'cabinet',material:pricing.material,ruleKey:pricing.material==='铝格栅板'?'铝格栅板柜体':'生态澳松板柜体'}];
- }
- function qResetAllRoomItems(){
- qConfirmDialog('确定恢复所有房间为默认配件？当前修改将丢失。', function(){
- qRoomItems = [];
- for(var i=0;i<qRooms.length;i++){ qRoomItems[i] = qBuildRoomItems(i); }
- qRenderStep3();
- });
- }
- function qRenderRoomItemTable(ri){
- var r = qRooms[ri]; if(!r) return '';
- if(!qRoomItems[ri]||!qRoomItems[ri].length) qRoomItems[ri] = qBuildRoomItems(ri);
- var items = qRoomItems[ri];
-
- // 分离柜体基础项和增项
- var cabinetItems = items.filter(function(it){ return !it.isExtra && !it.itemType || it.itemType === 'cabinet' || it.name === '柜体'; });
- var extraItems = items.filter(function(it){ return it.isExtra || it.itemType === 'extra'; });
-
- // 计算柜体小计
- var cabinetSubTotal = 0;
- cabinetItems.forEach(function(it){
- var t = (it.total !== undefined && it.total !== null) ? it.total : parseFloat((it.area*it.unitPrice).toFixed(2));
- cabinetSubTotal += (t||0);
- });
- cabinetSubTotal = parseFloat(cabinetSubTotal.toFixed(2));
-
- // 计算增项小计
- var extraSubTotal = 0;
- extraItems.forEach(function(it){
- var t = (it.total !== undefined && it.total !== null) ? it.total : parseFloat((it.area*it.unitPrice).toFixed(2));
- extraSubTotal += (t||0);
- });
- extraSubTotal = parseFloat(extraSubTotal.toFixed(2));
-
- // 总计
- var subTotal = parseFloat((cabinetSubTotal + extraSubTotal).toFixed(2));
- var roomArea = r.projectArea || 0;
- var ratePct = (qDiscountRate*100).toFixed(0);
- var discounted = parseFloat((subTotal * qDiscountRate).toFixed(2));
- var floatRate = qCurrentFloatRatio || 0;
- var floatLow = parseFloat((discounted * (1 - floatRate)).toFixed(2));
- var floatHigh = parseFloat((discounted * (1 + floatRate)).toFixed(2));
- var isNoDiscount = (qDiscountRate >= 0.999);
- // 渲染单行的函数
- function renderRow(it, idx, isExtraItem){
- var ttl = (it.total !== undefined && it.total !== null) ? parseFloat(it.total) : parseFloat((it.area*it.unitPrice).toFixed(2))||0;
- var wM = (it.width||0);
- var hM = (it.height||0);
- var areaVal = (it.area||0);
- var canDelete = cabinetItems.length + extraItems.length > 1; // 至少保留一行
- var rowStyle = '';
- var namePrefix = isExtraItem ? '<span style="color:#666;font-size:10px;margin-right:3px;">[增项]</span>' : '';
- // 数量显示
- var qtyDisplay = '';
- if(it.multiplier && it.multiplier > 1){
- qtyDisplay = ' ×' + it.multiplier;
- }
- return '<tr style="'+rowStyle+'">'+
- '<td class="name-col">'+namePrefix+'<input value="'+it.name+'" oninput="qRoomItems['+ri+']['+idx+'].name=this.value" onchange="qRenderStep4()"></td>'+
- '<td><input type="text" value="'+wM.toFixed(2)+'" onfocus="this.select()" oninput="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.width=v;if(itm.width>0&&itm.height>0)itm.area=parseFloat((v*itm.height).toFixed(3));itm.total=parseFloat((itm.area*itm.unitPrice).toFixed(2));}" onchange="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.width=v;if(itm.width>0&&itm.height>0)itm.area=parseFloat((v*itm.height).toFixed(3));itm.total=parseFloat((itm.area*itm.unitPrice).toFixed(2));qRenderStep4();}else{this.value=(qRoomItems['+ri+']['+idx+'].width||0).toFixed(2);}" style="width:65px;" placeholder="m"></td>'+
- '<td><input type="text" value="'+hM.toFixed(2)+'" onfocus="this.select()" oninput="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.height=v;if(itm.width>0&&v>0)itm.area=parseFloat((itm.width*v).toFixed(3));itm.total=parseFloat((itm.area*itm.unitPrice).toFixed(2));}" onchange="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.height=v;if(itm.width>0&&v>0)itm.area=parseFloat((itm.width*v).toFixed(3));itm.total=parseFloat((itm.area*itm.unitPrice).toFixed(2));qRenderStep4();}else{this.value=(qRoomItems['+ri+']['+idx+'].height||0).toFixed(2);}" style="width:65px;" placeholder="m"></td>'+
- '<td><input type="text" value="'+(areaVal.toFixed(2))+'" onfocus="this.select()" oninput="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.area=v;itm.total=parseFloat((v*itm.unitPrice).toFixed(2));}" onchange="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.area=v;itm.total=parseFloat((v*itm.unitPrice).toFixed(2));qRenderStep4();}else{this.value=(qRoomItems['+ri+']['+idx+'].area||0).toFixed(2);}" style="width:70px;font-weight:600;">'+qtyDisplay+'</td>'+
- '<td><input type="text" value="'+it.unitPrice+'" onfocus="this.select()" oninput="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.unitPrice=v;itm.total=parseFloat((itm.area*v).toFixed(2));itm._priceEdited=true;}" onchange="var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var itm=qRoomItems['+ri+']['+idx+'];itm.unitPrice=v;itm.total=parseFloat((itm.area*v).toFixed(2));itm._priceEdited=true;qRenderStep4();}else{this.value=qRoomItems['+ri+']['+idx+'].unitPrice;}" style="width:70px;"></td>'+
- '<td style="font-weight:600;color:#333;">¥'+ttl.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</td>'+
- '<td class="note-col"><input value="'+(it.note||'')+'" oninput="qRoomItems['+ri+']['+idx+'].note=this.value" style="font-size:10px;color:var(--text-muted);width:100%;min-width:80px;"></td>'+
- '<td class="row-actions">'+(canDelete?'<button class="btn-del-row" onclick="qDeleteRoomItem('+ri+','+idx+')" title="删除此行">✕</button>':'')+'</td>'+
- '</tr>';
- }
-
- // 渲染柜体行
- var cabinetRows = cabinetItems.map(function(it, idx){
- // 找到在原始items数组中的索引
- var realIdx = items.indexOf(it);
- return renderRow(it, realIdx, false);
- }).join('');
-
- // 渲染增项分隔标题和增项行
- var extraSectionHtml = '';
- var extraRows = '';
- if(extraItems.length > 0){
- extraItems.forEach(function(it){
- var realIdx = items.indexOf(it);
- extraRows += renderRow(it, realIdx, true);
- });
- extraSectionHtml =
- '<tr style="background:#F5F5F5;"><td colspan="8" style="padding:6px 10px;font-weight:600;color:#555;font-size:12px;border-top:1px solid #ddd;">' +
- '增值项（五金/配件）' +
- '</td></tr>' +
- extraRows +
- '<tr class="row-subtotal" style="background:#FAFAFA;"><td colspan="5" style="text-align:right;font-weight:600;color:#555;">增值项小计：</td><td style="font-weight:700;color:#333;">¥'+extraSubTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</td><td colspan="2"></td></tr>';
- }
- // 生成品类下拉框：厨房使用橱柜类延米规则，其他柜体使用衣柜类投影规则。
- var extraOptions = '<option value="">-- 选择增值项 --</option>';
- var roomRuleGroup = qIsKitchenCabinet(r.cabinetType||r.roomName) ? 'kitchen' : 'wardrobe';
- var roomRuleList = (DEFAULT_RULES && DEFAULT_RULES[roomRuleGroup]) || [];
- roomRuleList.forEach(function(ex, ei){
- if(roomRuleGroup==='wardrobe' && (ex.name==='生态澳松板柜体'||ex.name==='铝格栅板柜体')) return;
- var price = parseFloat(ex.value!==undefined?ex.value:ex.price)||0;
- extraOptions += '<option value="'+roomRuleGroup+':'+ei+'" data-price="'+price+'" data-method="'+ex.method+'" data-unit="'+ex.unit+'">'+ex.name+'（'+ex.method+'：¥'+price+'/'+ex.unit.replace('元/','')+'）</option>';
- });
- var sourceBadge = '';
- if (r._isMulti && r.sourceSheetName) {
- sourceBadge = '<span style="font-size:10px;padding:1px 7px;border-radius:4px;background:#eee;color:#555;font-weight:500;">📄 '+r.sourceSheetName+'</span>';
- }
- var discountArrow = isNoDiscount
- ? '<span style="color:#666;">原价</span>'
- : '<span style="color:#666;">×'+ratePct+'%</span>';
- return '<div style="background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;overflow:hidden;">'+
- '<div style="display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#F9F9F9;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:8px;">'+
- '<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">'+
- '<span style="font-weight:700;font-size:15px;">'+ (r.cabinetType || r.roomName || '柜体') +'</span>'+
- sourceBadge+
- '<span style="font-size:11px;color:#888;">| '+r.layoutStyle+' | 投影面积 '+(roomArea||0).toFixed(2)+'㎡ |</span>'+
- '<span style="font-size:11px;background:#eee;color:#555;padding:1px 8px;border-radius:4px;">投影单价 ¥'+qGetCabinetBasePrice(r.cabinetType)+'/㎡</span>'+
- '</div>'+
- '<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;">'+
- '<span style="font-size:12px;font-weight:600;color:#333;">柜体：<span style="color:#333;">¥'+cabinetSubTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</span></span>'+
- (extraSubTotal>0?'<span style="font-size:11px;color:#666;">+增项 ¥'+extraSubTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</span>':'')+
- '<span style="font-size:12px;font-weight:700;color:#333;">= ¥'+subTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</span>'+
- discountArrow+
- '<span style="font-size:13px;font-weight:700;color:#222;">最终价：¥'+discounted.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</span>'+
- '<div style="display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:2px;">'+
- '<select id="q-extra-sel-'+ri+'" style="border:none;outline:none;font-size:12px;padding:3px 6px;background:transparent;min-width:140px;max-width:200px;">'+extraOptions+'</select>'+
- '<span style="font-size:10px;color:#718096;">数量:</span>'+
- '<input type="number" id="q-extra-qty-'+ri+'" value="1" min="0.1" step="0.1" style="width:45px;border:none;outline:none;font-size:12px;padding:3px 4px;text-align:center;border-left:1px solid var(--border);" title="数量">'+
- '<button class="btn btn-sm btn-primary" onclick="qAddExtraFromRule('+ri+')" style="padding:3px 10px;font-size:12px;border-radius:4px;">＋添加</button>'+
- '</div>'+
- '<button class="btn btn-sm btn-outline" onclick="qAddRoomItem('+ri+')" title="手动添加空白行">✏️自定义</button>'+
- '<span style="cursor:pointer;font-size:16px;color:var(--danger);" onclick="qDeleteRoom('+ri+')">🗑️</span>'+
- '</div>'+
- '</div>'+
- '<div class="detail-table-wrap">'+
- '<table class="detail-table"><thead><tr>'+
- '<th class="name-col">品名</th><th style="width:65px;">宽(m)</th><th style="width:65px;">高(m)</th><th style="width:70px;">面积/数量</th><th style="width:65px;">单价</th><th style="width:70px;">小计</th><th class="note-col">备注</th><th style="width:30px;"></th>'+
- '</tr></thead><tbody>'+
- // ① 柜体基础项
- '<tr style="background:#F5F5F5;"><td colspan="8" style="padding:6px 10px;font-weight:600;color:#555;font-size:12px;border-top:1px solid #ddd;">' +
- '柜体基础项（投影面积 '+(roomArea||0).toFixed(2)+'㎡）' +
- '</td></tr>'+
- cabinetRows+
- '<tr class="row-subtotal" style="background:#FAFAFA;"><td colspan="5" style="text-align:right;font-weight:600;color:#555;">柜体基础小计：</td><td style="font-weight:700;color:#333;">¥'+cabinetSubTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</td><td colspan="2"></td></tr>'+
- // ② 增值项
- extraSectionHtml+
- // ③ 合计与折扣
- '<tr style="background:#F0F0F0;border-top:1px solid #ddd;"><td colspan="5" style="text-align:right;font-weight:700;color:#333;">本柜体合计金额（柜体+增项）：</td><td style="font-weight:700;color:#333;font-size:14px;">¥'+subTotal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</td><td colspan="2"></td></tr>'+
- (isNoDiscount
- ? '<tr style="background:#FAFAFA;"><td colspan="5" style="text-align:right;font-weight:600;color:#666;">折扣：</td><td style="font-weight:600;color:#666;">原价（无折扣）</td><td colspan="2"></td></tr>'
- : '<tr style="background:#FAFAFA;"><td colspan="5" style="text-align:right;font-weight:600;color:#666;">折扣（×'+ratePct+'%）：</td><td style="font-weight:600;color:#666;">-¥'+(subTotal-discounted).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</td><td colspan="2"></td></tr>'
- )+
- '<tr class="row-discounted" style="background:#E8E8E8;"><td colspan="5" style="text-align:right;font-weight:700;color:#222;">本柜体最终价：</td><td style="font-weight:700;color:#222;font-size:14px;">¥'+discounted.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</td><td colspan="2"></td></tr>'+
- '</tbody></table>'+
- '</div>'+
- '</div>';
- }
- /* 第三步柜体明细新版排版：基础项与增值项在同一张规范表格中展示 */
- function qRenderRoomItemTable(ri){
- var r = qRooms[ri];
- if(!r) return '';
- if(!qRoomItems[ri] || !qRoomItems[ri].length) qRoomItems[ri] = qBuildRoomItems(ri);
- var items = qRoomItems[ri];
- var cabinetItems = items.filter(function(it){
- return it.itemType === 'cabinet' || it.name === '柜体' || (!it.isExtra && !it.itemType);
- });
- var extraItems = items.filter(function(it){ return items.indexOf(it) >= 0 && cabinetItems.indexOf(it) < 0; });
- var money = function(v){ return qFormatMoney ? qFormatMoney(Number(v)||0) : '¥'+(Number(v)||0).toFixed(2); };
- var itemTotal = function(it){
- var saved = Number(it.total);
- return isFinite(saved) ? saved : (Number(it.area)||0) * (Number(it.unitPrice)||0);
- };
- var cabinetTotal = cabinetItems.reduce(function(s,it){ return s + itemTotal(it); },0);
- var extraTotal = extraItems.reduce(function(s,it){ return s + itemTotal(it); },0);
- var subtotal = cabinetTotal + extraTotal;
- var finalTotal = subtotal * (Number(qDiscountRate)||1);
- var roomWidth = Number(r.width || (cabinetItems[0] && cabinetItems[0].width) || 0);
- var roomHeight = Number(r.height || (cabinetItems[0] && cabinetItems[0].height) || 0);
- var roomArea = Number(r.projectArea || (cabinetItems[0] && cabinetItems[0].area) || roomWidth*roomHeight || 0);
- var esc = function(v){ return qEscapeHtml(String(v == null ? '' : v)); };
- function editNumber(idx, field, value, widthHeight, isBase){
- var code = "var v=parseFloat(this.value);if(!isNaN(v)&&v>=0){var x=qRoomItems["+ri+"]["+idx+"];x."+field+"=v;";
- if(widthHeight) code += "if((x.width||0)>0&&(x.height||0)>0)x.area=parseFloat((x.width*x.height).toFixed(3));";
- if(widthHeight && isBase) code += "qRooms["+ri+"].width=x.width;qRooms["+ri+"].length=x.width;qRooms["+ri+"].height=x.height;qRooms["+ri+"].cabinetWidth=x.width;qRooms["+ri+"].cabinetHeight=x.height;qRooms["+ri+"].projectArea=x.area;qRooms["+ri+"].area=x.area;";
- code += "x.total=parseFloat(((x.area||0)*(x.unitPrice||0)).toFixed(2));qRenderStep4();}else{qRenderStep4();}";
- return '<input type="text" inputmode="decimal" value="'+Number(value||0).toFixed(field==='area'?3:2)+'" onfocus="this.select()" onchange="'+code+'">';
- }
- function row(it, isExtra){
- var idx = items.indexOf(it);
- var total = itemTotal(it);
- var billingType = it.billingType || (it.billingMethod ? qClassifyMethod(it.billingMethod) : (((it.width||0)>0 && (it.height||0)>0) ? 'area' : 'count'));
- var areaText = (billingType === 'area' || !isExtra) && Number(it.area||0) > 0 ? Number(it.area||0).toFixed(3) : '—';
- var qtyValue = Number(it.count);
- if(!isFinite(qtyValue) || qtyValue <= 0) qtyValue = Number(it.multiplier||0);
- if((!isFinite(qtyValue) || qtyValue <= 0) && billingType !== 'area') qtyValue = Number(it.area||0);
- var qtyText = billingType === 'area' || qtyValue <= 0 ? '—' : (Number.isInteger(qtyValue) ? String(qtyValue) : qtyValue.toFixed(2));
- return '<tr class="'+(isExtra?'q-extra-row':'q-base-row')+'">'+
- '<td><input class="q-name-input" value="'+esc(it.name || (isExtra?'增值项':'柜体'))+'" onfocus="this.select()" onchange="qRoomItems['+ri+']['+idx+'].name=this.value;qRenderStep4()"></td>'+
- '<td>'+editNumber(idx,'width',it.width,true,!isExtra)+'</td>'+
- '<td>'+editNumber(idx,'height',it.height,true,!isExtra)+'</td>'+
- '<td><span class="readonly-value">'+areaText+'</span></td>'+
- '<td><span class="readonly-value">'+qtyText+'</span></td>'+
- '<td>'+editNumber(idx,'unitPrice',it.unitPrice,false,!isExtra)+'</td>'+
- '<td style="font-weight:700;color:'+(isExtra?'#C05621':'#E53E3E')+'">'+money(total)+'</td>'+
- '<td><input class="q-note-input" value="'+esc(qMaterialOnlyNote(it.note,r,it))+'" onfocus="this.select()" onchange="qRoomItems['+ri+']['+idx+'].note=qMaterialOnlyNote(this.value,qRooms['+ri+'],qRoomItems['+ri+']['+idx+']);this.value=qRoomItems['+ri+']['+idx+'].note"></td>'+
- '<td>'+(isExtra?'<button class="btn-del-row" onclick="qDeleteRoomItem('+ri+','+idx+')" title="删除此增值项">✕</button>':'—')+'</td>'+
- '</tr>';
- }
- var rows = cabinetItems.map(function(it){ return row(it,false); }).join('') +
- extraItems.map(function(it){ return row(it,true); }).join('');
- var extraOptions = '<option value="">-- 选择增值项 --</option>';
- if(DEFAULT_RULES && DEFAULT_RULES.extra){
- DEFAULT_RULES.extra.forEach(function(ex,ei){
- var price = Number(ex.value !== undefined ? ex.value : ex.price) || 0;
- extraOptions += '<option value="'+ei+'">'+esc(ex.name)+'（'+esc(ex.method||'按个数')+'，'+money(price)+'/'+esc(ex.unit||'个')+'）</option>';
- });
- }
- var discountText = qDiscountRate >= .999 ? '原价（无折扣）' : '折扣 '+Math.round(qDiscountRate*100)+'%，优惠 '+money(subtotal-finalTotal);
- var title = esc(r.cabinetType || r.roomName || '柜体');
- return '<section class="q-price-room-card">'+
- '<div class="q-price-room-title"><strong>'+(ri+1)+'. '+title+'</strong><button class="btn btn-sm btn-outline" onclick="qDeleteRoom('+ri+')">删除柜体</button></div>'+
- '<div class="q-price-room-metrics">'+
- '<div class="q-price-metric"><span>宽度</span><b>'+roomWidth.toFixed(2)+'m</b></div>'+
- '<div class="q-price-metric"><span>柜体高度</span><b>'+roomHeight.toFixed(2)+'m</b></div>'+
- '<div class="q-price-metric area"><span>投影面积</span><b>'+roomArea.toFixed(3)+'m²</b></div>'+
- '</div>'+
- '<div class="q-price-room-meta"><span>布局：'+esc(r.layoutStyle||'一字型')+' · 已从第二步导入基础项 '+cabinetItems.length+' 项、增值项 '+extraItems.length+' 项</span></div>'+
- '<div class="q-price-detail-wrap"><table class="q-price-detail-table"><colgroup><col style="width:15%"><col style="width:8%"><col style="width:8%"><col style="width:10%"><col style="width:9%"><col style="width:10%"><col style="width:13%"><col style="width:21%"><col style="width:6%"></colgroup>'+
- '<thead><tr><th>项目</th><th>宽(M)</th><th>高(M)</th><th>面积(㎡)</th><th>数量</th><th>单价</th><th>总价</th><th>备注</th><th>操作</th></tr></thead><tbody>'+rows+
- '<tr class="q-price-total-row"><td colspan="6" style="text-align:right">本柜体合计（基础项 '+money(cabinetTotal)+(extraItems.length?' + 增值项 '+money(extraTotal):'')+'）</td><td>'+money(subtotal)+'</td><td colspan="2"></td></tr>'+
- '<tr class="q-price-discount-row"><td colspan="6" style="text-align:right">'+discountText+'</td><td>'+money(finalTotal)+'</td><td colspan="2"></td></tr>'+
- '</tbody></table></div>'+
- '</section>';
- }
- // 第二步“柜体产品覆盖信息”是当前报价单明细的唯一数据源。
- // 将第二步已经填写的基础项/增值项完整转换给第三步，避免第三步再次选择增值项。
- function qBuildPricingItemsFromStep2(room, ri){
- if(!room || !Array.isArray(room._detailItems) || room._detailItems.length === 0){
- return qBuildRoomItems(ri);
- }
- return room._detailItems.filter(function(item){
- if(item && item.isBase) return true;
- if(!item) return false;
- return (parseFloat(item.width)||0) > 0 ||
- (parseFloat(item.height)||0) > 0 ||
- (parseFloat(item.area)||0) > 0 ||
- (parseFloat(item.qty)||0) > 0 ||
- (parseFloat(item.total)||0) > 0;
- }).map(function(item){
- var methodType = item.method ? qClassifyMethod(item.method) : (item.isBase ? 'area' : 'count');
- var width = parseFloat(item.width) || 0;
- var height = parseFloat(item.height) || 0;
- var qty = parseFloat(item.qty);
- if(!isFinite(qty)) qty = 0;
- var area = parseFloat(item.area) || 0;
- var billingQty = methodType === 'area' ? (area || width * height) : qty;
- var unitPrice = parseFloat(item.price) || 0;
- var total = parseFloat(item.total);
- if(!isFinite(total)) total = billingQty * unitPrice;
- return {
- name: item.name || (item.isBase ? '柜体' : '增值项'),
- ruleKey: item.ruleKey || item.name,
- itemType: item.isBase ? 'cabinet' : 'extra',
- isExtra: !item.isBase,
- width: width,
- height: height,
- area: parseFloat((billingQty || 0).toFixed(3)),
- count: methodType === 'count' ? qty : undefined,
- multiplier: qty || 1,
- unitPrice: unitPrice,
- total: parseFloat((total || 0).toFixed(2)),
- note: qMaterialOnlyNote(item.note, room, item),
- billingMethod: item.method || '',
- billingType: methodType,
- _priceEdited: true,
- _fromStep2: true
- };
- });
- }
- // 备注只保留实际使用的材质名称，计价方式、公式和门板类型配置不写入备注。
- function qMaterialOnlyNote(note, room, item){
- var source = String(note || '');
- var materials = ['生态澳松板','铝格栅板','PET板','PET','水晶板','岩板','石英石','不锈钢','实木','烤漆板','烤漆','双饰面板','双饰面','玻璃','铝框'];
- var found = [];
- materials.forEach(function(material){
- if(source.indexOf(material) !== -1 && found.indexOf(material) === -1) found.push(material);
- });
- if(found.length) return found.join('、');
- if(item && item.isBase && room){
- var pricing = qGetCabinetPricingRule(room, Number(item.width)||0, Number(item.height)||0);
- if(pricing && pricing.material) return qMaterialOnlyNote(pricing.material, null, null) || pricing.material;
- }
- if(source && source.length <= 18 && !/(按个数|按投影面积|按延米|单价|类型|门板配置|厚度|门芯|\*|×|公式)/.test(source)) return source;
- return '';
- }
- function qSyncStep2DetailsToPricing(){
- if(!Array.isArray(qRooms)) return;
- qRoomItems = qRooms.map(function(room, ri){
- return qBuildPricingItemsFromStep2(room, ri);
- });
- }
- function qDeleteRoomItem(ri, idx){
- if(!qRoomItems[ri]||qRoomItems[ri].length<=1) return;
- qRoomItems[ri].splice(idx,1); qRenderStep4();
- }
- function qAddRoomItem(ri){
- if(!qRoomItems[ri]) qRoomItems[ri] = [];
- qRoomItems[ri].push({name:'新配件',width:0,height:0,area:1,unitPrice:0,total:0,note:''});
- qRenderStep4();
- }
- // 从规则配置增项中选择添加到柜体配件
- function qAddExtraFromRule(ri){
- var sel = document.getElementById('q-extra-sel-'+ri);
- var qtyInput = document.getElementById('q-extra-qty-'+ri);
- if(!sel || !qtyInput) return;
- var parts=String(sel.value||'').split(':');
- var ruleGroup=parts[0];
- var ei=parseInt(parts[1]);
- var ruleList=(DEFAULT_RULES&&DEFAULT_RULES[ruleGroup])||[];
- if((ruleGroup!=='wardrobe'&&ruleGroup!=='kitchen') || isNaN(ei) || ei < 0 || !ruleList[ei]){
- showToast('请先选择增值项', 'info');
- return;
- }
- var multiplier = parseFloat(qtyInput.value) || 1;
- if(multiplier <= 0) multiplier = 1;
- var ex = ruleList[ei];
- var price = parseFloat(ex.value!==undefined?ex.value:ex.price) || 0;
- var area = multiplier; // 默认按个数
- var wM = 0, hM = 0;
- var type = qClassifyMethod(ex.method);
- if(type === 'area'){
- // 按面积：需要宽高，这里暂时给一个默认1㎡×数量
- area = 1 * multiplier;
- wM = 1; hM = 1;
- } else if(type === 'length'){
- // 按延米：默认1m×数量
- area = 1 * multiplier;
- hM = 1;
- }
- var total = parseFloat((area * price).toFixed(2));
- var kitchenTotalWidth=0;
- if(ruleGroup==='kitchen'){
- var kitchenRoom=qRooms&&qRooms[ri]||{};
- kitchenTotalWidth=parseFloat(kitchenRoom.cabinetWidth)||parseFloat(kitchenRoom.length)||0;
- if(state.quoteMode==='ai'){ var _kb3=qGetKitchenBillableMeters(kitchenRoom); if(_kb3&&_kb3.billable>0) kitchenTotalWidth=_kb3.billable; }
- var kitchenHeight=parseFloat(kitchenRoom.cabinetHeight)||parseFloat(kitchenRoom.height)||parseFloat(qFloorHeight)||0;
- var kitchenCalc=qCalculateKitchenItem(ex.name,kitchenTotalWidth,kitchenHeight,multiplier);
- area=kitchenCalc.quantity;price=kitchenCalc.unitPrice;total=kitchenCalc.total;
- wM=kitchenTotalWidth;hM=(ex.name==='见光板'?kitchenHeight:0);
- }
- if(!qRoomItems[ri]) qRoomItems[ri] = [];
- qRoomItems[ri].push({
- name: ex.name,
- ruleKey: ex.name,
- itemType: 'extra',
- isExtra: true,
- multiplier: multiplier,
- width: wM,
- height: hM,
- area: area,
- unitPrice: price,
- total: total,
- count: ruleGroup==='kitchen' ? multiplier : undefined,
- kitchenTotalWidth: ruleGroup==='kitchen' ? kitchenTotalWidth : undefined,
- billingMethod: ruleGroup==='kitchen' ? 'kitchen_item_formula' : undefined,
- note: ruleGroup==='kitchen' ? qCalculateKitchenItem(ex.name,kitchenTotalWidth,hM,multiplier).method : (ex.method + '（Step3添加：×' + multiplier + '）')
- });
- // 重置选择
- sel.value = '';
- qtyInput.value = '1';
- qRenderStep4();
- showToast('✅ 已添加：' + ex.name + ' ×' + multiplier, 'success');
- }
- // Step 3: Confirm & Correct (重写 — 详细子项明细)
- function qRenderStep3(){
- // 修正空间位置名称：当roomName与cabinetType撞名时自动替换为对应空间名
- qFixRoomSpaceNames(qRooms);
- qRenderSpaceDimensions();
- // 检测qRoomItems是否为新格式：每个房间应至少有"柜体"一项
- // 允许增项（isExtra=true或itemType==='extra'）存在
- var needRebuild = false;
- if(!qRoomItems || !qRoomItems.length){
- needRebuild = true;
- } else {
- for(var _chk=0; _chk<qRoomItems.length; _chk++){
- var _items = qRoomItems[_chk];
- if(!_items || _items.length === 0){ needRebuild = true; break; }
- // 检查是否有柜体项
- var hasCabinet = false;
- for(var _ci=0; _ci<_items.length; _ci++){
- var _it = _items[_ci];
- if(!_it) continue;
- if(_it.itemType === 'cabinet' || _it.name === '柜体' || (!_it.isExtra && !_it.itemType)){
- hasCabinet = true;
- break;
- }
- }
- if(!hasCabinet){ needRebuild = true; break; }
- }
- }
- if(needRebuild){
- // 先检查是否有_selectedExtras需要保留
- var savedExtras = [];
- for(var _se=0; _se<qRooms.length; _se++){
- if(qRooms[_se] && qRooms[_se]._selectedExtras){
- savedExtras[_se] = JSON.parse(JSON.stringify(qRooms[_se]._selectedExtras));
- }
- }
- qRoomItems = [];
- for(var _rb=0; _rb<qRooms.length; _rb++){
- qRoomItems[_rb] = qBuildRoomItems(_rb);
- // 恢复已选增项
- if(savedExtras[_rb] && savedExtras[_rb].length > 0){
- savedExtras[_rb].forEach(function(se){
- var seType = qClassifyMethod(se.method);
- var wM = se.widthM || 0;
- var hM = se.heightM || 0;
- var multiplier = se.multiplier || 1;
- var itemArea = se.qty;
- qRoomItems[_rb].push({
- name: se.name,
- ruleKey: se.name,
- itemType: 'extra',
- isExtra: true,
- multiplier: multiplier,
- width: wM,
- height: hM,
- area: itemArea,
- unitPrice: se.price,
- total: parseFloat((itemArea * se.price).toFixed(2)),
- note: se.method + '（Step2增项）'
- });
- });
- }
- }
- }
- qSyncRoomItemsWithRules(); // 规则配置变更后同步最新单价
- var section = document.getElementById('q-room-items-section');
- if(section) section.innerHTML = qRooms.map(function(r,i){ return qRenderRoomItemTable(i); }).join('');
- var grandOriginal = 0;
- var grandDiscounted = 0;
- for(var i=0;i<qRooms.length;i++){
- var items = qRoomItems[i]||[];
- var roomSub = 0;
- items.forEach(function(it){ roomSub += parseFloat((it.total||0).toFixed(2)); });
- grandOriginal += parseFloat(roomSub.toFixed(2));
- grandDiscounted += parseFloat((roomSub * qDiscountRate).toFixed(2));
- }
- grandOriginal = parseFloat(grandOriginal.toFixed(2));
- grandDiscounted = parseFloat(grandDiscounted.toFixed(2));
- var totalDiscount = parseFloat((grandOriginal - grandDiscounted).toFixed(2));
- var gtOrig = document.getElementById('q-gt-original'); if(gtOrig) gtOrig.textContent = '¥'+grandOriginal.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2});
- var gtDisc = document.getElementById('q-gt-discounted'); if(gtDisc) gtDisc.textContent = '¥'+grandDiscounted.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2});
- var gtRate = document.getElementById('q-gt-rate'); if(gtRate) gtRate.textContent = (qDiscountRate*100).toFixed(0)+'%';
- var gtCount = document.getElementById('q-gt-room-count'); if(gtCount) gtCount.textContent = qRooms.length;
- var discInput = document.getElementById('q-global-discount');
- if(discInput&&parseFloat(discInput.value)!==qDiscountRate) discInput.value = (Math.round(qDiscountRate*100)/100).toFixed(2);
- var gtSaving = document.getElementById('q-gt-saving');
- if(gtSaving) gtSaving.textContent = '¥'+totalDiscount.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2});
- }
- function qDeleteRoom(idx){
- if(qRooms.length<=1){return;}
- qRooms.splice(idx,1);qExtras.splice(idx,1);qRoomItems.splice(idx,1);
- qRenderStep3();
- }
- function qAddRoom(){
- var newCabH = qFloorHeight > 0 ? parseFloat(qFloorHeight.toFixed(2)) : 0;
- var newW = 2.0;
- var newArea = newCabH > 0 ? parseFloat((newW * newCabH).toFixed(3)) : 0;
- qRooms.push({roomName:'新空间',cabinetType:'储物柜',layoutStyle:'一字型',projectArea:newArea,doorType:'普通平板', length:newW, cabinetWidth:newW, cabinetHeight:newCabH, width:newW, height:newCabH, area:newArea, cabinetRatio:0.55, fillRate:0.50, doorRatio:0.50, bayWindow:false, _isCabinet:true});
- qExtras.push({roomIndex:qRooms.length-1,items:[]});
- qRoomItems.push(qBuildRoomItems(qRooms.length-1));
- qRenderStep3();
- }
- // Extras Modal
- function qOpenExtrasModal(ri){
- const modal=document.createElement('div');
- modal.className='modal-overlay';modal.id='q-extras-modal';
- modal.setAttribute('onclick','if(event.target===this)qCloseExtrasModal()');
- modal.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;';
- const items=qExtras[ri]?.items||[];
- const list=items.length>0?items.map((item,idx)=>
- '<div style="display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);">'+
- '<div style="flex:1;"><div style="font-weight:600;font-size:13px;">'+item.name+'</div><div style="font-size:11px;color:var(--text-muted);">'+item.spec+' × '+item.qty+item.unit+' @ ¥'+item.price+'</div></div>'+
- '<div style="font-weight:600;color:var(--primary);font-size:13px;">¥'+(item.price*item.qty).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</div>'+
- '<button class="btn btn-danger btn-sm" onclick="qRemoveExtra('+ri+','+idx+');qRefreshExtrasModal()">删除</button>'+
- '</div>'
- ).join(''):'<div style="text-align:center;padding:20px;color:var(--text-muted);font-size:13px;">暂无非标增项</div>';
- modal.innerHTML=
- '<div class="modal-content" style="background:#fff;border-radius:12px;width:560px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);" onclick="event.stopPropagation();">'+
- '<div style="padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;"><h3 style="margin:0;font-size:15px;">🔧 非标增项管理</h3><button onclick="qCloseExtrasModal()" style="background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);">×</button></div>'+
- '<div style="padding:18px;overflow-y:auto;max-height:calc(80vh - 100px);">'+
- '<div style="margin-bottom:12px;"><label style="font-size:12px;color:var(--text-muted);margin-bottom:3px;display:block;">选择空间</label><select id="q-extras-room-select" onchange="qRefreshExtrasModal()" style="width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;">'+qRooms.map((r,i)=>'<option value="'+i+'"'+(i===ri?' selected':'')+'>'+r.roomName+'</option>').join('')+'</select></div>'+
- '<div style="margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:8px;">'+
- '<div style="font-size:13px;font-weight:600;margin-bottom:10px;">📝 添加新增项</div>'+
- '<div style="display:grid;grid-template-columns:1fr 1fr 60px 50px 60px;gap:6px;">'+
- '<input type="text" id="q-extras-name" placeholder="项目名称" style="padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;">'+
- '<input type="text" id="q-extras-spec" placeholder="规格" style="padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;">'+
- '<input type="number" id="q-extras-qty" placeholder="数量" value="1" style="padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;">'+
- '<input type="text" id="q-extras-unit" placeholder="单位" value="个" style="padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;">'+
- '<input type="number" id="q-extras-price" placeholder="单价" style="padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:12px;">'+
- '</div>'+
- '<button class="btn btn-primary btn-sm" onclick="qAddExtraItem()" style="margin-top:8px;">+ 添加</button>'+
- '</div>'+
- '<div style="border:1px solid var(--border);border-radius:8px;overflow:hidden;">'+
- '<div style="padding:8px 10px;background:#F7FAFC;font-size:12px;font-weight:600;display:flex;justify-content:space-between;"><span>已添加增项</span><span id="q-extras-subtotal">小计：¥'+items.reduce((s,i)=>s+i.price*i.qty,0).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</span></div>'+
- '<div id="q-extras-list">'+list+'</div>'+
- '</div>'+
- '</div>'+
- '<div style="padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;">'+
- '<button class="btn" onclick="qCloseExtrasModal()">取消</button>'+
- '<button class="btn btn-primary" onclick="qCloseExtrasModal();qRenderStep3();">保存</button>'+
- '</div>'+
- '</div>';
- document.body.appendChild(modal);
- }
- function qCloseExtrasModal(){const m=document.getElementById('q-extras-modal');if(m)m.remove();}
- function qRefreshExtrasModal(){
- const ri=parseInt(document.getElementById('q-extras-room-select').value);
- const items=qExtras[ri]?.items||[];
- const list=items.length>0?items.map((item,idx)=>
- '<div style="display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);">'+
- '<div style="flex:1;"><div style="font-weight:600;font-size:13px;">'+item.name+'</div><div style="font-size:11px;color:var(--text-muted);">'+item.spec+' × '+item.qty+item.unit+' @ ¥'+item.price+'</div></div>'+
- '<div style="font-weight:600;color:var(--primary);font-size:13px;">¥'+(item.price*item.qty).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})+'</div>'+
- '<button class="btn btn-danger btn-sm" onclick="qRemoveExtra('+ri+','+idx+');qRefreshExtrasModal()">删除</button>'+
- '</div>'
- ).join(''):'<div style="text-align:center;padding:20px;color:var(--text-muted);font-size:13px;">暂无非标增项</div>';
- document.getElementById('q-extras-list').innerHTML=list;
- const total=items.reduce((s,i)=>s+i.price*i.qty,0);
- document.getElementById('q-extras-subtotal').textContent='小计：¥'+total.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2});
- }
- function qAddExtraItem(){
- const ri=parseInt(document.getElementById('q-extras-room-select').value);
- const name=document.getElementById('q-extras-name').value.trim();
- const spec=document.getElementById('q-extras-spec').value.trim();
- const qty=parseFloat(document.getElementById('q-extras-qty').value)||1;
- const unit=document.getElementById('q-extras-unit').value.trim()||'个';
- const price=parseFloat(document.getElementById('q-extras-price').value)||0;
- if(!name||price<=0)return;
- if(!qExtras[ri])qExtras[ri]={roomIndex:ri,items:[]};
- qExtras[ri].items.push({name,spec,qty,unit,price});
- document.getElementById('q-extras-name').value='';
- document.getElementById('q-extras-spec').value='';
- document.getElementById('q-extras-qty').value='1';
- document.getElementById('q-extras-unit').value='个';
- document.getElementById('q-extras-price').value='';
- qRefreshExtrasModal();
- }
- function qRemoveExtra(ri,idx){if(qExtras[ri]?.items){qExtras[ri].items.splice(idx,1);}}
- // Step 4: Pricing
- function qRenderStep4(){
- try { refreshQStep4ModeUI(); } catch(e){}
- try { renderPlanCardsInStep4(); } catch(e){}
- try { qRenderTierCards(); } catch(e){}
- try { qUpdateTierDetail(); } catch(e){}
- // 修正空间位置名称：当roomName与cabinetType撞名时自动替换为对应空间名
- qFixRoomSpaceNames(qRooms);
- var h = qFloorHeight;
- var hasValidHeight = !isNaN(h) && h >= 2.0 && h <= 4.0;
- var total = 0;
- var baseTotal = 0;
- var isFixedMode = (state.currentPricingMode === 'fixedPrice');
- var fixedUnitP = state.currentFixedUnitPrice || state.defaultFixedUnitPrice || 0;
-
- // 检测qRoomItems是否为新格式：每个房间应至少有"柜体"一项
- // 允许增项（isExtra=true或itemType==='extra'）存在
- var needRebuild = false;
- if(!qRoomItems || !qRoomItems.length){
- needRebuild = true;
- } else {
- for(var _chk=0; _chk<qRoomItems.length; _chk++){
- var _items = qRoomItems[_chk];
- if(!_items || _items.length === 0){ needRebuild = true; break; }
- // 检查是否有柜体项
- var hasCabinet = false;
- for(var _ci=0; _ci<_items.length; _ci++){
- var _it = _items[_ci];
- if(!_it) continue;
- if(_it.itemType === 'cabinet' || _it.name === '柜体' || (!_it.isExtra && !_it.itemType)){
- hasCabinet = true;
- break;
- }
- }
- if(!hasCabinet){ needRebuild = true; break; }
- }
- }
- if(needRebuild){
- // 先检查是否有_selectedExtras需要保留
- var savedExtras = [];
- for(var _se=0; _se<qRooms.length; _se++){
- if(qRooms[_se] && qRooms[_se]._selectedExtras){
- savedExtras[_se] = JSON.parse(JSON.stringify(qRooms[_se]._selectedExtras));
- }
- }
- qRoomItems = [];
- for(var _rb=0; _rb<qRooms.length; _rb++){
- qRoomItems[_rb] = qBuildRoomItems(_rb);
- // 恢复已选增项
- if(savedExtras[_rb] && savedExtras[_rb].length > 0){
- savedExtras[_rb].forEach(function(se){
- qRoomItems[_rb].push({
- name: se.name,
- ruleKey: se.name,
- itemType: 'extra',
- isExtra: true,
- multiplier: se.multiplier || 1,
- width: se.widthM || 0,
- height: se.heightM || 0,
- area: se.qty,
- unitPrice: se.price,
- total: parseFloat((se.qty * se.price).toFixed(2)),
- note: se.method + '（Step2增项）'
- });
- });
- }
- }
- }
- qSyncRoomItemsWithRules(); // 规则配置变更后同步最新单价
-
- var roomRows = qRooms.map(function(r,i){
- // 柜体宽度用图纸标注，柜体高度由图纸/AI决定（不强制等于层高），面积=宽×高
- var cabW = r.cabinetWidth || r.length || 0;
- var cabH = r.cabinetHeight || r.height || 0;
- var projArea = r.projectArea || r.area || (cabW > 0 && cabH > 0 ? parseFloat((cabW * cabH).toFixed(3)) : 0);
-
- var items = qRoomItems[i] || [];
- var cabItem = items.find(function(it){ return it.name === '柜体' || it.itemType === 'cabinet'; });
- var unitPrice = isFixedMode ? fixedUnitP : qGetCabinetUnitPrice();
- if(cabItem && cabItem.unitPrice && !isFixedMode){ unitPrice = cabItem.unitPrice; }
-
- // 柜体小计：qRoomItems所有配件明细total之和 + 手动非标增项（qExtras）
- var roomDisc = projArea > 0 ? qCalcRoomTotal(r, i) : 0;
- if(projArea > 0) { total += roomDisc; baseTotal += roomDisc; }
-
- var cabinetName = (r.cabinetType || r.roomName || '柜体');
- if (r._isMulti && r.sourceSheetName) {
- cabinetName = '<div>'+cabinetName+'</div><span style="font-size:9px;padding:0px 5px;border-radius:6px;background:'+(r._sheetColor||'#3182CE')+'22;color:'+(r._sheetColor||'#3182CE')+';font-weight:600;display:inline-block;margin-top:2px;">📄 '+r.sourceSheetName+'</span>';
- }
-
- var areaCell = projArea > 0 ? projArea.toFixed(3)+'㎡' : '待确认';
- var unitCell = projArea > 0 ? unitPrice.toLocaleString('zh-CN') : '—';
- var subtotalCell = projArea > 0 ? qFormatMoney(roomDisc) : '待确认';
-
- var seq = i + 1;
- return '<tr'+(r._isMulti?' style="background:'+(r._sheetColor||'#3182CE')+'08;"':'')+'>'+
- '<td style="text-align:center;color:var(--text-muted);">'+seq+'</td>'+
- '<td>'+cabinetName+'</td>'+
- '<td>'+cabW.toFixed(2)+'m</td>'+
- '<td>'+(cabH>0?cabH.toFixed(2)+'m':'—')+'</td>'+
- '<td>'+areaCell+'</td>'+
- '<td>'+unitCell+'</td>'+
- '<td style="font-weight:700;color:var(--primary);">'+subtotalCell+'</td>'+
- '</tr>';
- }).join('');
-
- var tbody = document.getElementById('q-pricing-tbody');
- if(tbody) tbody.innerHTML = roomRows;
-
- // 添加合计行
- var tfoot = document.getElementById('q-pricing-tfoot');
- if(!tfoot && tbody){
- var table = tbody.closest('table');
- if(table){
- tfoot = document.createElement('tfoot');
- tfoot.id = 'q-pricing-tfoot';
- table.appendChild(tfoot);
- }
- }
- if(tfoot){
- // 总投影面积：严格使用图纸标注的各柜体投影面积之和
- var totalArea = qRooms.reduce(function(s,r){ return s + (r.projectArea||r.area||0); },0);
- tfoot.innerHTML = '<tr style="background:#F0FFF4;font-weight:700;">'+
- '<td colspan="5" style="text-align:right;font-size:13px;">合计</td>'+
- '<td style="color:#E53E3E;font-size:14px;">'+totalArea.toFixed(3)+'㎡</td>'+
- '<td style="color:var(--text-muted);font-size:12px;">—</td>'+
- '<td style="color:var(--primary);font-size:15px;">'+qFormatMoney(total)+'</td>'+
- '</tr>';
- }
- // ── 渲染各柜体明细表格（柜体基础项与增值项分开展示） ──
- var detailSection = document.getElementById('q-room-items-section');
- if(detailSection){
- if(state.quoteMode === 'ai'){
- // AI快速报价模式：不展示1852算法的配件明细，改为三档材质区间计价表
- detailSection.innerHTML = '';
- detailSection.style.display = 'none';
- } else {
- detailSection.style.display = '';
- detailSection.innerHTML = qRooms.map(function(r,i){ return qRenderRoomItemTable(i); }).join('');
- }
- }
- // ── AI快速报价模式：表格改为三档材质单价区间展示 ──
- if(state.quoteMode === 'ai'){
- var rg4 = qGetAiGrandRange();
- var rows4 = (Array.isArray(qRooms)?qRooms:[]).map(function(r,i){
- var p=qGetAiRoomRangePrice(r);
- var cabW4=parseFloat(r.cabinetWidth)||parseFloat(r.length)||0;
- var cabH4=parseFloat(r.cabinetHeight)||parseFloat(r.height)||0;
- return '<tr>'+
- '<td style="text-align:center;color:var(--text-muted);">'+(i+1)+'</td>'+
- '<td>'+(r.cabinetType||r.roomName||'柜体')+(p.isKitchen?' <span style="font-size:10px;background:#FEEBC8;color:#C05621;border-radius:6px;padding:1px 6px;">厨房·按米</span>':'')+'</td>'+
- '<td>'+cabW4.toFixed(2)+'m</td>'+
- '<td>'+(cabH4>0?cabH4.toFixed(2)+'m':'—')+'</td>'+
- '<td>'+p.qty+(p.isKitchen?'m':'㎡')+'</td>'+
- '<td>'+p.minPrice.toLocaleString('zh-CN')+' 元/'+(p.isKitchen?'m':'㎡')+'</td>'+
- '<td style="font-weight:700;color:var(--primary);">'+(p.qty>0?qFormatMoney(p.minTotal):'待确认')+'</td>'+
- '</tr>';
- }).join('');
- var tb4=document.getElementById('q-pricing-tbody'); if(tb4) tb4.innerHTML=rows4;
- var tf4=document.getElementById('q-pricing-tfoot');
- if(tf4){
- var ta4=(Array.isArray(qRooms)?qRooms:[]).reduce(function(s,r){ return s+(r.projectArea||r.area||0); },0);
- tf4.innerHTML='<tr style="background:#F0FFF4;font-weight:700;">'+
- '<td colspan="5" style="text-align:right;font-size:13px;">合计</td>'+
- '<td style="color:#E53E3E;font-size:14px;">'+ta4.toFixed(3)+'㎡</td>'+
- '<td style="color:var(--primary);font-size:15px;">'+qFormatMoney(rg4.min)+'</td>'+
- '</tr>';
- }
- }
- try {
- var range = (state.quoteMode==='ai') ? (function(){ var rg=qGetAiGrandRange(); return {low:Math.round(rg.min),high:Math.round(rg.max)}; })() : (hasValidHeight ? qCalcRange(total) : {low:0,high:0});
- qSyncStep4FloatUI(range, baseTotal, total);
- } catch(e){}
- try { qSyncActivityUI(); } catch(e){}
- try { qUpdateDualPriceDisplay(); } catch(e){}
- }
- // Float rate sync for Step 4
- function qSyncStep4FloatUI(range, baseTotal, finalTotal){
- const pct = Math.round(qCurrentFloatRatio * 100);
- // AI快速报价模式：区间=三档材质单价区间（默认档）算出的最低/最高总价
- if(state.quoteMode === 'ai'){
- var rgAi4 = qGetAiGrandRange();
- var tAi4 = qGetAiTier();
- var rangeText4 = document.getElementById('q-step4-range-text');
- var rateText4 = document.getElementById('q-step4-rate-text');
- if(rangeText4) rangeText4.textContent = qFormatMoney(rgAi4.min);
- if(rateText4) rateText4.textContent = '各空间预估总价（累加·原价） · '+tAi4.name+'档单价 '+qGetAiUnitPrice().toLocaleString('zh-CN')+'元 | 浮动率 '+qGetAiFloatPct()+'%（10%=最低单价，15%=最高单价）';
- document.querySelectorAll('#step-4 .float-preset button').forEach(b=>b.classList.remove('active'));
- const activeBtn4 = document.getElementById('q-sfp-'+pct);
- if(activeBtn4) activeBtn4.classList.add('active');
- return;
- }
- const slider = document.getElementById('q-step4-float-slider');
- const badge = document.getElementById('q-step4-float-badge');
- const rangeText = document.getElementById('q-step4-range-text');
- const rateText = document.getElementById('q-step4-rate-text');
- if(slider) slider.value = pct;
- if(badge) badge.textContent = '±'+pct+'%';
- var disc = qGetSelectedDiscount(qCustomerTier);
- var discInfo = disc ? ('（'+disc.label+'）') : '';
- if (state.currentPricingMode === 'fixedPrice') {
- var totalFixed = finalTotal || qCalcGrandTotal();
- var unitP = state.currentFixedUnitPrice || state.defaultFixedUnitPrice || 0;
- var totalArea = getTotalProjectArea();
- if(rangeText) rangeText.textContent = qFormatMoney(totalFixed);
- if(rateText) rateText.textContent = '一口价：'+unitP+'元/㎡ × '+totalArea+'㎡'+discInfo;
- } else {
- if(range&&rangeText) rangeText.textContent=qFormatMoney(range.low)+' — '+qFormatMoney(range.high);
- if(rateText) rateText.textContent = '预估区间'+discInfo+' | 误差范围 ±'+pct+'%';
- }
- // Update preset buttons
- document.querySelectorAll('#step-4 .float-preset button').forEach(b=>b.classList.remove('active'));
- const activeBtn = document.getElementById('q-sfp-'+pct);
- if(activeBtn) activeBtn.classList.add('active');
- }
- function qOnStep4FloatChange(val){
- qCurrentFloatRatio = parseFloat(val) / 100;
- const total = qCalcGrandTotal();
- const baseTotal = qCalcBaseTotal();
- const range = qCalcRange(total);
- qSyncStep4FloatUI(range, baseTotal, total);
- qUpdateDualPriceDisplay();
- }
- function qSetStep4Float(pct){
- qCurrentFloatRatio = pct / 100;
- const total = qCalcGrandTotal();
- const baseTotal = qCalcBaseTotal();
- const range = qCalcRange(total);
- qSyncStep4FloatUI(range, baseTotal, total);
- qUpdateDualPriceDisplay();
- }
- // Step 5: Final Quote
- function qRenderStep5(){
- // 修正空间位置名称：当roomName与cabinetType撞名时自动替换为对应空间名
- qFixRoomSpaceNames(qRooms);
- var multiNote = '';
- if (qMultiMode && qMergedAnalysisData) {
- var sheetsInfo = qMergedAnalysisData.sheets.map(function(s){
- return '<span style="color:'+s.color+';font-weight:600;">'+s.name+'</span>('+s.roomCount+'房/'+s.totalArea+'㎡)';
- }).join(' + ');
- multiNote = '<div style="margin-top:6px;padding:8px 12px;background:#FAF5FF;border:1px solid #E9D8FD;border-radius:8px;font-size:12px;color:#553C9A;">📚 多图纸合并报价：'+sheetsInfo+' ｜ 合计'+qMergedAnalysisData.roomCount+'房 / '+qMergedAnalysisData.totalArea+'㎡</div>';
- }
- var metaEl = document.getElementById('q-quote-meta');
- if(metaEl) metaEl.innerHTML='报价单编号：QJ-'+new Date().toISOString().slice(0,10).replace(/-/g,'')+'-001 | 报价日期：'+new Date().toLocaleDateString('zh-CN')+multiNote;
- var modeBadge = document.getElementById('q-step5-mode-badge');
- var isFixedMode = (state.currentPricingMode === 'fixedPrice');
- var isAiMode = (state.quoteMode === 'ai');
- var aiTier = qGetAiTier();
- var unitP = state.currentFixedUnitPrice || state.defaultFixedUnitPrice || 0;
- if (modeBadge) {
- if (isAiMode) {
- modeBadge.style.display = 'block';
- modeBadge.innerHTML = '<span style="background:linear-gradient(135deg,#3182CE,#2B6CB0);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;">📦 AI快速粗略报价 · 三档材质单价模式（当前 '+aiTier.name+' 档，按所选档最高单价 '+qGetAiUnitPrice().toLocaleString('zh-CN')+'元 计价）</span>';
- } else if (isFixedMode) {
- modeBadge.style.display = 'block';
- modeBadge.innerHTML = '<span style="background:linear-gradient(135deg,#38A169,#2F855A);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;">📌 固定单价一口价模式 · '+unitP+'元/㎡</span>';
- } else {
- modeBadge.style.display = 'block';
- modeBadge.innerHTML = '<span style="background:linear-gradient(135deg,#3182CE,#2B6CB0);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;">📦 投影面积计价模式</span>';
- }
- }
- var h = qFloorHeight;
- var hasValidHeight = !isNaN(h) && h >= 2.0 && h <= 4.0;
- var grandTotal = 0;
- var cardsHtml = '';
- var aiMin = 0, aiMax = 0;
- // AI快速报价模式：隐藏顶部报价区间与浮动率微调（区间展示移至页面最下方材质选择横幅）
- var rangeBlock5=document.getElementById('q-step5-range-block'); if(rangeBlock5) rangeBlock5.style.display=isAiMode?'none':'';
- var floatBlock5=document.getElementById('q-step5-float-block'); if(floatBlock5) floatBlock5.style.display=isAiMode?'none':'';
- if(!qRoomItems||!qRoomItems.length){ for(var i=0;i<qRooms.length;i++){qRoomItems[i]=qBuildRoomItems(i);} }
- qSyncRoomItemsWithRules(); // 规则配置变更后同步最新单价
-
- qRooms.forEach(function(r, i){
- // 严格使用图纸标注的柜体尺寸和投影面积
- var cabW = r.cabinetWidth || r.length || 0;
- var cabH = r.cabinetHeight || r.height || 0;
- var projArea = r.projectArea || r.area || (cabW > 0 && cabH > 0 ? parseFloat((cabW * cabH).toFixed(3)) : 0);
- // ── AI快速报价模式：三档材质单价区间计价（厨房=总长×单价，其余=投影面积×单价） ──
- if(isAiMode){
- var rp=qGetAiRoomRangePrice(r);
- var exclAi=qIsRoomExcluded(i);
- if(!exclAi){ aiMin+=rp.minTotal; aiMax+=rp.maxTotal; }
- var rpRangeTxt = exclAi ? '<span style="color:#A0AEC0;">不计入计算</span>' : (rp.qty>0 ? qFormatMoney(rp.minTotal) : '待确认');
- cardsHtml += '<div class="card" style="margin-bottom:12px;border-left:4px solid '+(exclAi?'#CBD5E0':(rp.isKitchen?'#DD6B20':'#38A169'))+';'+(exclAi?'opacity:0.65;':'')+'">'+
- '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px;">'+
- '<div style="font-weight:700;font-size:16px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;">'+qRoomIncludeToggleHtml(i)+'🗄️ '+(r.cabinetType||r.roomName||'柜体')+' <span style="font-size:11px;background:'+(rp.isKitchen?'#FEEBC8;color:#C05621':'#C6F6D5;color:#276749')+';border-radius:6px;padding:2px 8px;">'+(rp.isKitchen?'厨房 · 总长度×单价':'投影面积×单价')+'</span></div>'+
- '<div style="font-size:16px;font-weight:700;color:'+(exclAi?'#A0AEC0':'var(--primary)')+';">'+rpRangeTxt+'</div>'+
- '</div>'+
- '<div style="font-size:13px;color:var(--text-muted);margin-bottom:10px;padding:10px;background:#F7FAFC;border-radius:6px;line-height:1.9;">'+
- (rp.isKitchen
- ? '<div>📏 <b style="color:#2D3748;">厨房计价总长度计算过程</b>（规则模块一第2、3条·AI自动判定厨房类型）：</div>'+
- '<div style="padding:6px 10px;background:#FFF;border:1px dashed #CBD5E0;border-radius:6px;margin:4px 0;">四边总尺寸 '+(rp.kb&&rp.kb.walls.length?rp.kb.walls.join(' + '):'—')+' = <b style="color:#2D3748;">'+(rp.kb?rp.kb.total:rp.qty)+'m</b>，最小边 '+(rp.kb?'<b style="color:#2D3748;">'+rp.kb.minWall+'m</b> '+(rp.kb.kitchenType==='L'?'≤':'＞')+' 2m':'')+' → AI判定为 <b style="color:#C05621;">'+(rp.kb?rp.kb.kitchenType:'—')+'型厨房</b></div>'+
- (rp.kb?'<div style="padding:6px 10px;background:#FFF;border:1px dashed #CBD5E0;border-radius:6px;margin:4px 0;">'+(rp.kb.kitchenType==='L'?'L型公式：长 '+rp.kb.maxWall+'m + 宽 '+rp.kb.minWall+'m':'U型公式：长 '+rp.kb.maxWall+'m + 长 '+rp.kb.maxWall+'m + 宽 '+rp.kb.minWall+'m')+' = <b style="color:#2D3748;">'+rp.kb.usedLen+'m</b> − 重叠 <b style="color:#C05621;">'+rp.kb.overlapCount+'×'+(rp.kb.overlapMm/1000).toFixed(1)+'m</b> − 冰箱预留 <b style="color:#C05621;">'+(rp.kb.fridgeMm/1000).toFixed(1)+'m</b> = 计价总长度 <b style="color:#2D3748;">'+rp.qty+'m</b></div>':'')+
- '<div>计价总长度 <b style="color:#2D3748;">'+rp.qty+'m</b> × 单价 '+rp.minPrice.toLocaleString('zh-CN')+' 元/m</div>'
- : (function(){
- var whProd=+(((rp.w||0)*(rp.h||0)).toFixed(3));
- var useMult=(rp.w>0&&rp.h>0&&Math.abs(whProd-rp.qty)<0.011);
- var procBox=useMult
- ? '<div style="padding:6px 10px;background:#FFF;border:1px dashed #CBD5E0;border-radius:6px;margin:4px 0;">柜宽 <b style="color:#2D3748;">'+rp.w+'m</b> × 柜高 <b style="color:#2D3748;">'+rp.h+'m</b> = 投影面积 <b style="color:#2D3748;">'+rp.qty+'㎡</b></div>'
- : '<div style="padding:6px 10px;background:#FFF;border:1px dashed #CBD5E0;border-radius:6px;margin:4px 0;">投影面积（图纸标注/AI识别直接读取）：<b style="color:#2D3748;">'+rp.qty+'㎡</b>'+((rp.w>0||rp.h>0)?'（柜宽 '+(rp.w>0?rp.w+'m':'—')+' · 柜高 '+(rp.h>0?rp.h+'m':'—')+'，宽×高='+whProd+'㎡，与标注不一致时以标注面积为准）':'）')+'</div>';
- return '<div>📏 <b style="color:#2D3748;">柜体投影面积计算过程</b>：</div>'+procBox+
- '<div>投影面积 <b style="color:#2D3748;">'+rp.qty+'㎡</b> × 单价 '+rp.minPrice.toLocaleString('zh-CN')+' 元/㎡</div>';
- })())+
- '<div>总价（按 '+rp.tierName+' 档单价 '+rp.minPrice.toLocaleString('zh-CN')+' 元计算）：<b style="color:#2B6CB0;">'+qFormatMoney(rp.minTotal)+'</b></div>'+
- '</div>'+
- '</div>';
- return;
- }
- var items = qRoomItems[i] || [];
- var cabItem = items.find(function(it){ return it.name === '柜体' || it.itemType === 'cabinet'; });
- var unitPrice = isFixedMode ? unitP : qGetCabinetUnitPrice();
- if(cabItem && cabItem.unitPrice && !isFixedMode){
- unitPrice = cabItem.unitPrice;
- }
-
- // 房间总计：直接使用qRoomItems明细配件total之和 + 手动非标增项
- var roomTotal = projArea > 0 ? qCalcRoomTotal(r, i) : 0;
- var exclN = qIsRoomExcluded(i);
- if(!exclN) grandTotal += roomTotal;
-
- // 柜体投影价 = qRoomItems中"柜体"行的total（准确）
- var cabinetSubtotal = cabItem ? (parseFloat(cabItem.total)||0) : (projArea > 0 ? parseFloat((projArea * unitPrice).toFixed(2)) : 0);
- // 门板行
- var doorNames = ['双饰面门板','铝格栅门板','风影门板','风影门板补差价','铝格栅门板补差价','PET门板','防潮门板','烤漆门板'];
- var doorItems = items.filter(function(it){ return doorNames.indexOf(it.name) !== -1; });
- var doorSubtotal = doorItems.reduce(function(s,it){ return s + (parseFloat(it.total)||0); }, 0);
- // 选配产品（非柜体、非门板的配件行 + 手动增项）
- var optionItems = items.filter(function(it){
- if(it.name === '柜体' || it.itemType === 'cabinet') return false;
- if(doorNames.indexOf(it.name) !== -1) return false;
- return true;
- });
- var extras = (qExtras[i] && qExtras[i].items) ? qExtras[i].items : [];
- var hasOptions = optionItems.length > 0 || extras.length > 0;
- var optionsTotal = optionItems.reduce(function(s,it){ return s + (parseFloat(it.total)||0); }, 0);
- extras.forEach(function(e){ optionsTotal += (e.price * e.qty); });
-
- var cabDetail = '';
- if(projArea > 0){
- cabDetail = '<div style="font-size:13px;color:var(--text-muted);margin-bottom:10px;padding:10px;background:#F7FAFC;border-radius:6px;">'+
- '<div><span style="font-weight:600;color:var(--text);">柜体投影价</span>：'+
- cabW.toFixed(2)+'m宽 × '+cabH.toFixed(2)+'m高 = '+projArea.toFixed(3)+'㎡ × '+unitPrice.toLocaleString('zh-CN')+'元/㎡ = '+
- '<span style="color:var(--primary);font-weight:700;font-size:15px;">'+qFormatMoney(cabinetSubtotal)+'</span></div>'+
- (doorSubtotal > 0 ? '<div style="margin-top:4px;"><span style="font-weight:600;color:var(--text);">门板价</span>：'+
- '<span style="color:#2B6CB0;font-weight:600;">'+qFormatMoney(doorSubtotal)+'</span></div>' : '')+
- '<div style="margin-top:4px;font-size:11px;color:#68D391;">📝 数据来源：图纸手写标注（100%匹配），单价来自规则配置</div>'+
- '</div>';
- } else {
- cabDetail = '<div style="font-size:13px;color:#E53E3E;margin-bottom:10px;padding:10px;background:#FFF5F5;border-radius:6px;">⚠️ 待确认尺寸</div>';
- }
-
- var optionsHtml = '';
- if(hasOptions){
- var optRows = '';
- optionItems.forEach(function(it){
- optRows += '<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #EDF2F7;font-size:12px;">'+
- '<span style="color:var(--text-muted);">'+it.name+(qMaterialOnlyNote(it.note,r,it)?' <span style="color:#A0AEC0;font-size:10px;">('+qMaterialOnlyNote(it.note,r,it)+')</span>':'')+'</span>'+
- '<span style="font-weight:500;">'+qFormatMoney(it.total||0)+'</span>'+
- '</div>';
- });
- extras.forEach(function(e){
- var sub = e.price * e.qty;
- optRows += '<div style="display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #EDF2F7;font-size:12px;">'+
- '<span style="color:var(--text-muted);">'+e.name+' × '+e.qty+e.unit+'（手动增项）</span>'+
- '<span style="font-weight:500;">'+qFormatMoney(sub)+'</span>'+
- '</div>';
- });
- optRows += '<div style="display:flex;justify-content:space-between;padding:8px 0 4px;font-size:13px;font-weight:600;">'+
- '<span>选配小计</span>'+
- '<span style="color:var(--primary);">'+qFormatMoney(optionsTotal)+'</span>'+
- '</div>';
-
- optionsHtml = '<div style="margin-top:10px;padding-top:10px;border-top:1px solid #EDF2F7;">'+
- '<button id="q-space-toggle-'+i+'" onclick="qToggleSpaceOptions('+i+')" style="width:100%;background:#F7FAFC;border:1px solid #E2E8F0;border-radius:6px;padding:8px;font-size:12px;color:#4A5568;cursor:pointer;">▼ 展开选配产品（五金/配件）</button>'+
- '<div id="q-space-opts-'+i+'" class="hidden" style="margin-top:8px;padding:10px;background:#FAFBFC;border-radius:6px;">'+optRows+'</div>'+
- '</div>';
- }
-
- var cardBorder = exclN ? 'border-left:4px solid #CBD5E0;' : (r._isMulti ? 'border-left:4px solid '+(r._sheetColor||'#3182CE')+';' : 'border-left:4px solid #38A169;');
- cardsHtml += '<div class="card" style="margin-bottom:12px;'+cardBorder+(exclN?'opacity:0.65;':'')+'">'+
- '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">'+
- '<div style="font-weight:700;font-size:16px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;">'+qRoomIncludeToggleHtml(i)+'🗄️ '+(r.cabinetType||r.roomName||'柜体')+'</div>'+
- '<div style="font-size:18px;font-weight:700;color:'+(exclN?'#A0AEC0':'var(--primary)')+';">'+(exclN?'不计入计算':(projArea>0?qFormatMoney(roomTotal):'待确认'))+'</div>'+
- '</div>'+
- cabDetail+
- '<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:12px;color:var(--text-muted);">'+
- '<div style="background:#F7FAFC;padding:8px 10px;border-radius:6px;"><span style="color:#718096;">布局形式：</span><span style="color:var(--text);font-weight:600;">'+(r.layoutStyle||'一字型')+'</span></div>'+
- '<div style="background:#F7FAFC;padding:8px 10px;border-radius:6px;"><span style="color:#718096;">柜体宽度：</span><span style="color:var(--text);font-weight:600;">'+cabW.toFixed(2)+'m</span></div>'+
- '<div style="background:#F7FAFC;padding:8px 10px;border-radius:6px;"><span style="color:#718096;">柜体高度：</span><span style="color:var(--text);font-weight:600;">'+(cabH>0?cabH.toFixed(2)+'m（图纸标注/层高）':'待确认')+'</span></div>'+
- '</div>'+
- optionsHtml+
- '</div>';
- });
-
- var container = document.getElementById('q-space-cards-container');
- if(container) container.innerHTML = cardsHtml;
-
- var totalValEl = document.getElementById('q-grand-total-value');
- var totalNoteEl = document.getElementById('q-grand-total-note');
- var rangeEl = document.getElementById('q-step5-range');
- var rateTextEl = document.getElementById('q-step5-rate-text');
- // 总投影面积：严格使用图纸标注的各柜体投影面积之和
- var totalArea = qGetTotalProjectArea();
- var hasValidData = totalArea > 0;
- var areaTagEl = document.getElementById('q-grand-total-area');
- if(areaTagEl) areaTagEl.textContent = hasValidData ? ('总投影面积 '+totalArea.toFixed(2)+'㎡') : '';
-
- if(hasValidData){
- if(isAiMode){
- var rgAi={min:+aiMin.toFixed(2),max:+aiMax.toFixed(2)};
- grandTotal=rgAi.min;
- if(totalValEl) totalValEl.textContent = qFormatMoney(rgAi.min);
- if(totalNoteEl) totalNoteEl.textContent = '厨房按总长度×单价 + 其余柜体按投影面积×单价 · '+aiTier.name+'档单价 '+qGetAiUnitPrice().toLocaleString('zh-CN')+'元（浮动率 '+qGetAiFloatPct()+'%）';
- if(rangeEl) rangeEl.textContent = qFormatMoney(rgAi.min);
- if(rateTextEl) rateTextEl.textContent = '各空间预估总价（累加·原价） | 浮动率 '+qGetAiFloatPct()+'%（10%=最低单价，15%=最高单价）';
- } else {
- if(totalValEl) totalValEl.textContent = qFormatMoney(grandTotal);
- if(totalNoteEl) totalNoteEl.textContent = '共'+qRooms.length+'组柜体 · 总投影面积'+totalArea.toFixed(3)+'㎡（宽×上传层高计算） · 层高'+(hasValidHeight?h.toFixed(2)+'m（Step1填写·柜体高度基准）':'待填写');
- if(rangeEl) rangeEl.textContent = qFormatMoney(grandTotal);
- if(rateTextEl) {
- if(isFixedMode){
- rateTextEl.textContent = '一口价：'+unitP+'元/㎡ × '+totalArea.toFixed(3)+'㎡';
- } else {
- rateTextEl.textContent = '各柜体投影面积折扣后累加 · 所有尺寸严格匹配图纸标注';
- }
- }
- }
- } else {
- if(totalValEl) totalValEl.textContent = '—';
- if(totalNoteEl) totalNoteEl.textContent = '共'+qRooms.length+'个柜体 · 待确认尺寸';
- if(rangeEl) rangeEl.textContent = '—';
- if(rateTextEl) rateTextEl.textContent = '待确认尺寸后计算总价';
- }
- try {
- const total = hasValidData ? grandTotal : 0;
- const range = isAiMode ? {low:Math.round(aiMin),high:Math.round(aiMax)} : qCalcRange(total);
- qSyncStep5FloatUI(range);
- } catch(e){}
- // ── AI快速报价：页面最下方三档材质单价区间报价横幅 ──
- try {
- var banner=document.getElementById('q-ai-range-banner');
- if(banner){
- if(isAiMode && hasValidData){
- banner.style.display='block';
- var rgB={min:+aiMin.toFixed(2),max:+aiMax.toFixed(2)};
- var tEl=document.getElementById('q-ai-range-total'); if(tEl) tEl.textContent=qFormatMoney(rgB.min);
- var nEl=document.getElementById('q-ai-range-note'); if(nEl) nEl.textContent='各空间预估总价（累加·原价） | 浮动率 '+qGetAiFloatPct()+'%';
- // 材质选择器：点击选择，总价区间按所选材质单价区间自动调整
- var selBox=document.getElementById('q-ai-tier-selector');
- if(selBox){
- var tiersArr=qGetAiPriceTiers();
- selBox.innerHTML=tiersArr.map(function(t){
- var active=t.name===aiTier.name;
- return '<button onclick="qUpdateAiDefaultTier(\''+t.name+'\')" style="padding:10px 22px;border-radius:999px;border:2px solid '+(active?'#2B6CB0':'#CBD5E0')+';background:'+(active?'linear-gradient(135deg,#3182CE,#2B6CB0)':'#fff')+';color:'+(active?'#fff':'#4A5568')+';font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:'+(active?'0 4px 12px rgba(43,108,176,0.35)':'none')+';">'+(active?'✓ ':'')+t.name+' '+t.min+'-'+t.max+'元</button>';
- }).join('');
- }
- var dEl=document.getElementById('q-ai-range-detail');
- if(dEl){
- var kitchenLen=0,otherArea=0;
- qRooms.forEach(function(r,idx){ if(qIsRoomExcluded(idx)) return; var p=qGetAiRoomRangePrice(r); if(p.isKitchen) kitchenLen+=p.qty; else otherArea+=p.qty; });
- dEl.innerHTML='📐 计价规则：厨房总长度 '+kitchenLen.toFixed(2)+'m × 单价 ＋ 其余柜体总投影面积 '+otherArea.toFixed(3)+'㎡ × 单价 ＝ 户型图总价（厨房总价与所有柜体总价相加）。当前材质：<b style="color:#2B6CB0;">'+aiTier.name+' '+aiTier.min+'-'+aiTier.max+'元</b>，按所选档最高单价计价；浮动率10%对应最低单价、15%对应最高单价。';
- }
- var aiFloatBlock=document.getElementById('q-ai-float-block');
- if(aiFloatBlock) aiFloatBlock.style.display='block';
- qSyncAiFloatUI();
- } else {
- banner.style.display='none';
- var aiFloatBlockH=document.getElementById('q-ai-float-block');
- if(aiFloatBlockH) aiFloatBlockH.style.display='none';
- }
- }
- } catch(e){}
- try {
- const total = hasValidData ? grandTotal : 0;
- const activityResult = qCalcActivityPrice(total);
- const actSection = document.getElementById('q-step5-activity-section');
- if (activityResult.enabled && actSection) {
- actSection.style.display = 'block';
- const actPriceEl = document.getElementById('q-step5-activity-price');
- const actSavingEl = document.getElementById('q-step5-activity-saving');
- if (actPriceEl) actPriceEl.textContent = qFormatMoney(activityResult.activityPrice);
- var dedTotal = activityResult.totalDeduction || activityResult.saving;
- if (actSavingEl) actSavingEl.textContent = '💰 比折后价再省 ' + qFormatMoney(dedTotal) + '（含' + (activityResult.deductions||[]).length + '项优惠）';
- } else if(actSection) {
- actSection.style.display = 'none';
- }
- } catch(e){}
- }
- // Float rate sync for Step 5
- function qSyncStep5FloatUI(range){
- const pct = Math.round(qCurrentFloatRatio * 100);
- // AI快速报价模式：只显示按当前材质单价（浮动率联动）算出的单一总价
- if(state.quoteMode === 'ai'){
- var rgAi5 = qGetAiGrandRange();
- var rangeEl5 = document.getElementById('q-step5-range');
- var rateText5 = document.getElementById('q-step5-rate-text');
- if(rangeEl5) rangeEl5.textContent = qFormatMoney(rgAi5.min);
- if(rateText5) rateText5.textContent = '各空间预估总价（累加·原价） | 浮动率 '+qGetAiFloatPct()+'%（10%=最低单价，15%=最高单价）';
- return;
- }
- const slider = document.getElementById('q-step5-float-slider');
- const badge = document.getElementById('q-step5-float-badge');
- const rangeEl = document.getElementById('q-step5-range');
- const rateText = document.getElementById('q-step5-rate-text');
- const disclaimer = document.getElementById('q-step5-disclaimer');
- if(slider) slider.value = pct;
- if(badge) badge.textContent = '±'+pct+'%';
- var discS5 = qGetSelectedDiscount(qCustomerTier);
- var discInfoS5 = discS5 ? '（'+discS5.label+'）' : '';
- if (state.currentPricingMode === 'fixedPrice') {
- var totalFixed = qCalcGrandTotal();
- var unitP = state.currentFixedUnitPrice || state.defaultFixedUnitPrice || 0;
- var totalArea = getTotalProjectArea();
- if(rangeEl) rangeEl.textContent = qFormatMoney(totalFixed);
- if(rateText) rateText.textContent = '一口价（固定单价 '+unitP+'元/㎡ × '+totalArea+'㎡'+discInfoS5+'）';
- if(disclaimer) disclaimer.textContent = '⚠️ 声明：本报价为固定单价一口价模式报价，按投影面积×固定单价计算，最终成交价以实际量尺确认为准。';
- } else {
- if(range&&rangeEl) rangeEl.textContent=qFormatMoney(range.low)+' — '+qFormatMoney(range.high);
- if(rateText) rateText.textContent = '各空间预估总价区间'+discInfoS5+' | 误差范围 ±'+pct+'%';
- if(disclaimer) disclaimer.textContent = '⚠️ 声明：本报价为 AI 辅助生成的预估价格，存在 ±'+pct+'% 误差，最终成交价以实际量尺和确认为准。报价定价数据来源于飞书后台。';
- }
- // Update preset buttons
- document.querySelectorAll('#step-4 .float-preset button').forEach(b=>b.classList.remove('active'));
- const activeBtn = document.getElementById('q-sfp5-'+pct);
- if(activeBtn) activeBtn.classList.add('active');
- }
- function qAiGrandRangeForFloat(){ var rg=qGetAiGrandRange(); return {low:Math.round(rg.min),high:Math.round(rg.max)}; }
- function qOnStep5FloatChange(val){
- qCurrentFloatRatio = parseFloat(val) / 100;
- const range = (state.quoteMode==='ai') ? qAiGrandRangeForFloat() : qCalcRange(qCalcGrandTotal());
- qSyncStep5FloatUI(range);
- // Also update activity display in step 5 if visible
- const activityResult = qCalcActivityPrice(qCalcGrandTotal());
- if (activityResult.enabled) {
- const actPriceEl = document.getElementById('q-step5-activity-price');
- if (actPriceEl) actPriceEl.textContent = qFormatMoney(activityResult.activityPrice);
- }
- }
- function qSetStep5Float(pct){
- qCurrentFloatRatio = pct / 100;
- const range = (state.quoteMode==='ai') ? qAiGrandRangeForFloat() : qCalcRange(qCalcGrandTotal());
- qSyncStep5FloatUI(range);
- const activityResult = qCalcActivityPrice(qCalcGrandTotal());
- if (activityResult.enabled) {
- const actPriceEl = document.getElementById('q-step5-activity-price');
- if (actPriceEl) actPriceEl.textContent = qFormatMoney(activityResult.activityPrice);
- }
- }
- // ── AI快速报价：页面最低端浮动率微调（仅内部可见，可手动拉动调节） ──
- // 浮动率取值范围10%-15%：10%=三档材质最低单价，15%=三档材质最高单价
- function qGetAiFloatPct(){ var v=parseFloat(state.aiFloatPct); if(isNaN(v)) v=15; if(v<10)v=10; if(v>15)v=15; return +v.toFixed(1); }
- // 总投影面积：各柜体投影面积之和（排除不计价空间），供页面展示与导出报价单使用
- function qGetTotalProjectArea(){
- var s=0;
- for(var i=0;i<qRooms.length;i++){
- if(qIsRoomExcluded(i)) continue;
- var r=qRooms[i];
- s+=(parseFloat(r.projectArea)||parseFloat(r.area)||0);
- }
- return +s.toFixed(2);
- }
- function qSyncAiFloatUI(){
- var pct=qGetAiFloatPct();
- var slider=document.getElementById('q-ai-float-slider');
- var badge=document.getElementById('q-ai-float-badge');
- if(slider) slider.value=pct;
- if(badge) badge.textContent=pct+'%';
- document.querySelectorAll('#q-ai-float-block .float-preset button').forEach(function(b){
- b.classList.toggle('active', parseFloat(b.getAttribute('data-aifp'))===pct);
- });
- var rg=qGetAiGrandRange();
- var U=qGetAiUnitPrice();
- var t=qGetAiTier();
- var res=document.getElementById('q-ai-float-result');
- if(res) res.innerHTML='浮动率 <b>'+pct+'%</b> · '+t.name+'档 → 单价：<b style="color:#2B6CB0;">'+U.toLocaleString('zh-CN')+'元</b>｜总价（内部参考）：<b style="color:#2B6CB0;">'+qFormatMoney(rg.min)+'</b>';
- var nEl=document.getElementById('q-ai-range-note');
- if(nEl) nEl.textContent='各空间预估总价（累加） | 浮动率 '+pct+'%';
- if(state.quoteMode==='ai'){
- var disclaimer=document.getElementById('q-step5-disclaimer');
- if(disclaimer) disclaimer.textContent='⚠️ 声明：本报价为 AI 辅助生成的预估价格，浮动率10%-15%对应材质最低-最高单价，最终成交价以实际量尺和确认为准。报价定价数据来源于飞书后台。';
- }
- }
- // 浮动率/材质变化后重建明细，保证页面、Excel、打印版单价与总价一致
- function qRebuildAiRoomItems(){
- if(state.quoteMode!=='ai'||!Array.isArray(qRooms)||!qRooms.length) return;
- qRoomItems=[]; for(var i=0;i<qRooms.length;i++) qRoomItems[i]=qBuildRoomItems(i);
- }
- function qOnAiFloatChange(val){
- state.aiFloatPct=parseFloat(val);
- if(typeof persistState==='function') persistState();
- qRebuildAiRoomItems();
- if(typeof qRenderStep4==='function') qRenderStep4();
- if(typeof qRenderStep5==='function') qRenderStep5();
- qSyncAiFloatUI();
- }
- function qSetAiFloat(pct){
- state.aiFloatPct=pct;
- if(typeof persistState==='function') persistState();
- qRebuildAiRoomItems();
- if(typeof qRenderStep4==='function') qRenderStep4();
- if(typeof qRenderStep5==='function') qRenderStep5();
- qSyncAiFloatUI();
- }
- // 显示空间效果图结构识别结果
- function qShowRenderResults(){
- if(!qRenderResults){return;}
- var modal = document.createElement('div');
- modal.className = 'modal-overlay'; modal.id = 'q-render-modal';
- modal.setAttribute('onclick', 'if(event.target===this)qCloseRenderModal()');
- modal.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:1010;';
- var resultCards = qRenderResults.map((r,idx) =>
- '<div style="background:#FAFBFC;border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:10px;">'+
- '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">'+
- '<div style="font-weight:600;font-size:14px;">🖼️ '+r.fileName+'</div>'+
- '<span style="font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500;'+(r.confidence>=85?'background:#E6F4FF;color:#1F497D':'background:#FFF3E0;color:#D69E2E')+'">置信度 '+r.confidence+'%</span>'+
- '</div>'+
- '<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:13px;">'+
- '<div><div style="font-size:11px;color:var(--text-muted);">识别空间</div><div style="font-weight:600;">🏠 '+r.space+'</div></div>'+
- '<div><div style="font-size:11px;color:var(--text-muted);">柜体类型</div><div style="font-weight:600;">🗄️ '+r.cabinetType+'</div></div>'+
- '<div><div style="font-size:11px;color:var(--text-muted);">材质/色号</div><div style="font-weight:600;">🪵 '+r.material+' / '+r.materialColor+'</div></div>'+
- '<div><div style="font-size:11px;color:var(--text-muted);">风格</div><div style="font-weight:600;">🎨 '+r.style+'</div></div>'+
- '</div>'+
- '<div style="margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;gap:8px;">'+
- '<button class="btn btn-sm btn-primary-outline" onclick="qApplyRenderRoom('+idx+');qCloseRenderModal();">✅ 应用到报价空间</button>'+
- '<button class="btn btn-sm btn-outline" onclick="qCloseRenderModal()">忽略</button>'+
- '</div>'+
- '</div>'
- ).join('');
- modal.innerHTML =
- '<div class="modal-content" style="background:#fff;border-radius:12px;width:680px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);" onclick="event.stopPropagation();">'+
- '<div style="padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;">'+
- '<h3 style="margin:0;font-size:16px;">🖼️ 空间效果图结构识别结果</h3>'+
- '<button onclick="qCloseRenderModal()" style="background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);">×</button>'+
- '</div>'+
- '<div style="padding:18px;overflow-y:auto;max-height:calc(85vh - 80px);">'+
- '<div style="margin-bottom:12px;padding:10px 14px;background:#FFFFF0;border:1px solid #F6E05E;border-radius:6px;font-size:12px;color:#975A16;">'+
- '💡 <strong>提示：</strong>AI已从效果图中识别出柜体结构信息，点击"应用到报价空间"可将识别结果自动填入对应空间。'+
- '</div>'+
- resultCards+
- '</div>'+
- '<div style="padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;">'+
- '<button class="btn" onclick="qCloseRenderModal()">关闭</button>'+
- '</div>'+
- '</div>';
- document.body.appendChild(modal);
- }
- function qCloseRenderModal(){
- var m = document.getElementById('q-render-modal');
- if(m) m.remove();
- }
- function qApplyRenderRoom(idx){
- var r = qRenderResults[idx];
- if(!r) return;
- // Find matching room by space name or add new
- var found = false;
- for(var i=0;i<qRooms.length;i++){
- if(qRooms[i].roomName === r.space){
- qRooms[i].cabinetType = r.cabinetType;
- // Map material to door type
- if(r.materialColor && r.materialColor.includes('影木')||r.materialColor.includes('胡桃')) qRooms[i].doorType = '实木贴皮';
- else if(r.materialColor && (r.materialColor.includes('SSM')||r.materialColor.includes('PET'))) qRooms[i].doorType = '风影门板';
- found = true;
- break;
- }
- }
- if(!found){
- qRooms.push({roomName:r.space,cabinetType:r.cabinetType,layoutStyle:'一字型',projectArea:4.0,doorType:'风影门板', length:3.5, width:3.0, height:2.8, area:10.5, cabinetRatio:0.55, fillRate:0.55, doorRatio:0.50, bayWindow:false});
- qExtras.push({roomIndex:qRooms.length-1,items:[]});
- }
- }
- function qSaveTemplate(){showToast('已保存到模板库（Demo）','success');}
- // ── 从文件名中智能提取项目名称 ──
- function qExtractProjectName(){
- // 优先从上传的CAD/图纸文件名中提取
- var names = [];
- if (qUploadedCAD && qUploadedCAD.name) names.push(qUploadedCAD.name);
- if (qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅')===-1) names.push(qUploadedDrawing.name);
- var rawName = names[0] || '';
- if (!rawName) return '全屋定制预算表';
- // 去掉文件扩展名
- rawName = rawName.replace(/\.(dwg|dxf|pdf|jpg|jpeg|png|webp|xlsx|xls|csv)$/i, '');
- // 截图类文件名（屏幕截图_2026-08-08_094705 / Screenshot_xxx）不是有效项目名，直接弃用默认名，避免导出的Excel报价单被误认为截图
- if (/^(屏幕截图|截图|screenshot)/i.test(rawName)) return '全屋定制预算表';
- // 去掉常见前缀标记
- rawName = rawName.replace(/^(施工图|图纸|CAD|户型图|效果图)[_\-]*/i, '');
- // 去掉日期前缀如 "6.18号" "2026-06-18" 但保留项目名
- rawName = rawName.replace(/^\d{1,2}\.\d{1,2}号/i, '');
- rawName = rawName.replace(/^\d{4}[-/]\d{1,2}[-/]\d{1,2}[_\-]*/i, '');
- // 去掉常见后缀
- rawName = rawName.replace(/[_\-]*(预估报价|报价单|预算|施工图|方案|效果图|户型图|CAD图纸|图纸|CAD)$/i, '');
- // 清理空白
- rawName = rawName.trim();
- if (!rawName || rawName.length < 2) return '全屋定制预算表';
- // 如果包含"路"字或以地名结尾，大概率是项目地址
- if (/路|号|弄|巷|街|小区|花园|公馆|苑|庭|府|园|城|湾|邸/.test(rawName)){
- return rawName + ' · 全屋定制预算表';
- }
- return rawName + ' · 全屋定制预算表';
- }
- // ── 构建导出用的完整项目信息行 ──
- function qBuildExportMeta(){
- var parts = [];
- // 来源图纸信息
- var cadName = qUploadedCAD ? qUploadedCAD.name : '';
- var drawingName = qUploadedDrawing ? qUploadedDrawing.name : '';
- if (cadName && drawingName) parts.push('来源：户型图「'+drawingName+'」+ CAD「'+cadName+'」');
- else if (cadName) parts.push('来源：CAD「'+cadName+'」');
- else if (drawingName) parts.push('来源：户型图「'+drawingName+'」');
- else parts.push('来源：AI户型分析');
- // AI解析结果
- if (qAiEditableData) {
- var d = qAiEditableData;
- var hInfo = (d.houseType||d.houseLabel||'') + ' · ' + (d.grossArea||d.totalArea||'').toFixed(0) + '㎡';
- if (d.orientation) hInfo += ' · ' + d.orientation;
- parts.push(hInfo);
- }
- // 户型选择
- var houseTypeVal = (typeof getHouseTypeValue === 'function') ? getHouseTypeValue() : (document.getElementById('house-type')?.value || '');
- if (houseTypeVal) parts.push('户型：'+houseTypeVal);
- return parts.join(' ｜ ');
- }
- function qExportPDF(){
- // ── 提取项目名称 ──
- var projectTitle = qExtractProjectName();
- var metaInfo = qBuildExportMeta();
- var today = new Date().toLocaleDateString('zh-CN');
- var ratePct = Math.round(qDiscountRate * 100);
- // 文件名与项目关联
- var safeTitle = projectTitle.replace(/[\\/:*?"<>|]/g, '-').replace(/[\s·]/g, '_').replace(/_+/g, '_').replace(/^_|_$/g, '').substring(0, 60);
- var exportFilename = '报价单_' + safeTitle + '_' + today.replace(/\//g,'') + '.html';
- var seq = 0;
- var grandOriginal = 0, grandDiscounted = 0;
- // ── 构建空间尺寸明细 ──
- var dimSectionHtml = '<div style="margin-bottom:24px;"><h3 style="font-size:15px;font-weight:600;color:#333;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #1F497D;">一、空间尺寸明细</h3>'+
- '<table style="width:100%;border-collapse:collapse;font-size:12px;"><thead><tr style="background:#F0F4F8;">'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">房间名称</th>'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">长(m)</th>'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">宽(m)</th>'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">高(m)</th>'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">投影面积(m²)</th>'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">柜体类型</th>'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">布局样式</th>'+
- '<th style="border:1px solid #ccc;padding:8px;text-align:center;">门板类型</th>'+
- '</tr></thead><tbody>';
- qRooms.forEach(function(r, rxi){
- if(qIsRoomExcluded(rxi)) return; // 不计入计算的空间不导出
- dimSectionHtml += '<tr>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;font-weight:600;">'+r.roomName+'</td>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;">'+(r.length||0).toFixed(2)+'</td>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;">'+(r.width||0).toFixed(2)+'</td>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;">'+(r.height||0).toFixed(2)+'</td>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;">'+(r.projectArea||0).toFixed(2)+'</td>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;">'+(r.cabinetType||'')+'</td>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;">'+(r.layoutStyle||'')+'</td>'+
- '<td style="border:1px solid #ccc;padding:6px 8px;text-align:center;">'+(r.doorType||'')+'</td>'+
- '</tr>';
- });
- dimSectionHtml += '</tbody></table></div>';
- // ── 构建每个房间的子项行 ──
- var roomSections = '';
- qRooms.forEach(function(r, ri){
- if(qIsRoomExcluded(ri)) return; // 不计入计算的空间不导出
- var items = (qRoomItems && qRoomItems[ri]) ? qRoomItems[ri] : [];
- if (!items.length) return;
- seq++;
- var isFirst = true;
- var roomOriginal = 0;
- var roomItemsHtml = '';
- items.forEach(function(it){
- var ttl = it.total || parseFloat((it.area*it.unitPrice).toFixed(0)) || 0;
- roomOriginal += ttl;
- var wVal = it.width > 0 ? it.width.toFixed(2) : '';
- var hVal = it.height > 0 ? it.height.toFixed(2) : '';
- var billingType = it.billingType || (it.billingMethod ? qClassifyMethod(it.billingMethod) : ((it.width>0&&it.height>0)?'area':'count'));
- var aVal = billingType==='area' && it.area > 0 ? it.area.toFixed(2) : '';
- var qtyNum = Number(it.count);
- if(!isFinite(qtyNum)||qtyNum<=0) qtyNum = Number(it.multiplier||0);
- if((!isFinite(qtyNum)||qtyNum<=0) && billingType!=='area') qtyNum = Number(it.area||0);
- var qtyVal = billingType==='area'||qtyNum<=0 ? '' : (Number.isInteger(qtyNum)?String(qtyNum):qtyNum.toFixed(2));
- var upVal = it.unitPrice > 0 ? it.unitPrice.toFixed(0) : '';
- var nVal = qMaterialOnlyNote(it.note, r, it);
- if (isFirst){
- roomItemsHtml += '<tr>'+
- '<td>'+seq+'</td>'+
- '<td contenteditable="true" style="text-align:left;font-weight:600;">'+r.roomName+'</td>'+
- '<td contenteditable="true" style="text-align:left;">'+it.name+'</td>'+
- '<td contenteditable="true">'+wVal+'</td>'+
- '<td contenteditable="true">'+hVal+'</td>'+
- '<td contenteditable="true">'+aVal+'</td>'+
- '<td contenteditable="true">'+qtyVal+'</td>'+
- '<td contenteditable="true">'+upVal+'</td>'+
- '<td contenteditable="true" style="text-align:right;">'+ttl.toLocaleString()+'</td>'+
- '<td contenteditable="true" style="font-size:10px;color:#666;">'+nVal+'</td>'+
- '</tr>';
- isFirst = false;
- } else {
- roomItemsHtml += '<tr>'+
- '<td></td><td contenteditable="true" style="text-align:left;font-weight:600;">'+r.roomName+'</td>'+
- '<td contenteditable="true" style="text-align:left;">'+it.name+'</td>'+
- '<td contenteditable="true">'+wVal+'</td>'+
- '<td contenteditable="true">'+hVal+'</td>'+
- '<td contenteditable="true">'+aVal+'</td>'+
- '<td contenteditable="true">'+qtyVal+'</td>'+
- '<td contenteditable="true">'+upVal+'</td>'+
- '<td contenteditable="true" style="text-align:right;">'+ttl.toLocaleString()+'</td>'+
- '<td contenteditable="true" style="font-size:10px;color:#666;">'+nVal+'</td>'+
- '</tr>';
- }
- });
- var expTier = Q_CUSTOMER_TIERS[qCustomerTier];
- var expPremium = (expTier && expTier.premiumRate) ? expTier.premiumRate : 1.0;
- var roomBase = Math.round(roomOriginal * expPremium);
- var roomDiscounted = Math.round(roomBase * qDiscountRate);
- grandOriginal += roomBase;
- grandDiscounted += roomDiscounted;
- roomItemsHtml += '<tr style="font-weight:700;background:#F7FAFC;border-top:2px solid #ccc;">'+
- '<td></td><td></td>'+
- '<td style="text-align:right;">' + (expPremium>1?'加价后本空间原价：':'本空间原价：') + '</td>'+
- '<td></td><td></td><td></td><td></td><td></td>'+
- '<td contenteditable="true" style="text-align:right;color:#1F497D;">'+roomBase.toLocaleString()+'</td>'+
- '<td></td></tr>'+
- '<tr style="font-weight:700;background:'+(qDiscountRate<0.999?'#FFFFF0':'#F0FFF4')+';">'+
- '<td></td><td></td>'+
- '<td style="text-align:right;color:'+(qDiscountRate<0.999?'#C05621':'#38A169')+';">'+(qDiscountRate<0.999?'本空间投影面积折扣 (×'+ratePct+'%)：':'✓ 本空间原价（无折扣）：')+'</td>'+
- '<td></td><td></td><td></td><td></td><td></td>'+
- '<td contenteditable="true" style="text-align:right;color:'+(qDiscountRate<0.999?'#C05621':'#38A169')+';">'+roomDiscounted.toLocaleString()+'</td>'+
- '<td></td></tr>';
- roomSections += roomItemsHtml;
- });
- var html = '<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>'+projectTitle+'</title>'+
- '<style>'+
- 'body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;padding:30px 40px;color:#333;line-height:1.6;max-width:1100px;margin:0 auto;}'+
- 'h1{text-align:center;font-size:22px;margin-bottom:4px;padding-bottom:10px;border-bottom:2px solid #333;}'+
- '.meta{text-align:center;font-size:12px;color:#666;margin-bottom:16px;line-height:1.8;}'+
- '.note-bar{text-align:center;font-size:11px;color:#999;margin-bottom:10px;padding:4px 10px;background:#FFF8E1;border:1px solid #FFE082;border-radius:4px;}'+
- 'table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px;}'+
- 'th,td{border:1px solid #ccc;padding:5px 7px;text-align:center;}'+
- 'th{background:#f0f0f0;font-weight:600;font-size:11px;}'+
- 'td[contenteditable="true"]{background:#FFFAF0;cursor:text;transition:background 0.15s;}'+
- 'td[contenteditable="true"]:hover{background:#FFF3CD;}'+
- 'td[contenteditable="true"]:focus{background:#FFF;outline:2px solid #3182CE;outline-offset:-2px;}'+
- '.total-row td{font-weight:700;font-size:13px;}'+
- '.footer{font-size:11px;color:#999;text-align:left;margin-top:24px;border-top:1px solid #ddd;padding-top:12px;}'+
- '.footer div{margin:2px 0;}'+
- '@media print{'+
- 'body{padding:15px 25px;}'+
- 'td[contenteditable="true"]{background:transparent;}'+
- '.note-bar{display:none;}'+
- '}'+
- '</style></head><body>'+
- '<h1 contenteditable="true">'+projectTitle+'</h1>'+
- '<div class="meta" contenteditable="true">'+metaInfo+'</div>'+
- '<div style="text-align:center;margin-bottom:12px;">'+
- '<span style="font-size:12px;color:var(--text-muted);">报价日期：'+today+' ｜ 单空间投影面积折扣：'+ratePct+'%</span>'+
- '</div>'+
- '<div class="note-bar">💡 所有浅黄色单元格均可直接点击编辑，修改后可用浏览器打印（Ctrl+P）导出PDF。报价按各空间投影面积独立折扣后累加计算</div>'+
- dimSectionHtml +
- '<h3 style="font-size:15px;font-weight:600;color:#333;margin:20px 0 10px;padding-bottom:6px;border-bottom:2px solid #1F497D;">二、空间子项明细</h3>'+
- '<table><thead><tr>'+
- '<th style="width:40px;">序号</th><th style="width:85px;">空间</th><th style="width:110px;">品名</th>'+
- '<th style="width:55px;">宽(m)</th><th style="width:55px;">高(m)</th>'+
- '<th style="width:65px;">面积(㎡)</th><th style="width:55px;">数量</th><th style="width:65px;">投影单价</th>'+
- '<th style="width:80px;">总价</th><th style="min-width:130px;">备注</th></tr></thead><tbody>'+
- roomSections +
- '</tbody><tfoot>'+
- '<tr class="total-row"><td colspan="8" style="text-align:right;">总投影面积：</td>'+
- '<td style="text-align:right;">'+qGetTotalProjectArea().toFixed(2)+'</td><td>㎡</td></tr>'+
- '<tr class="total-row"><td colspan="8" style="text-align:right;">各空间原价合计：</td>'+
- '<td contenteditable="true" style="text-align:right;">'+grandOriginal.toLocaleString()+'</td><td></td></tr>'+
- '<tr class="total-row"><td colspan="8" style="text-align:right;color:#C05621;">各空间投影面积折扣后合计（累加）：</td>'+
- '<td contenteditable="true" style="text-align:right;color:#C05621;"></td><td></td></tr>'+
- '</tfoot></table>'+
- '<div class="footer">'+
- '<div contenteditable="true"><strong>注意：</strong>此份报价仅作为前期与客户沟通的预估价格，具体以实际设计方案为主，此份仅作参考。</div>'+
- '<div contenteditable="true"><strong>家居顾问：</strong></div>'+
- '<div contenteditable="true"><strong>门店地址：</strong></div>'+
- '<div><strong>当日日期：</strong>'+today+'</div>'+
- '</div></body></html>';
- const blob = new Blob([html], {type:'text/html;charset=utf-8'});
- const url = URL.createObjectURL(blob);
- const a = document.createElement('a');
- a.href = url;
- a.download = exportFilename;
- document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url);
- qAlertDialog('已导出报价单：'+exportFilename+'\n\n💡 标题/数据行均可点击编辑，按 Ctrl+P 打印为PDF','导出成功');
- }
- // 第三步自动计价页专用导出：先同步规则配置中的最新单价，再导出所有柜体基础项与增值项。
- async function qExportCabinetDetailsExcel(){
- if(!qRooms||!qRooms.length){showToast('暂无可导出的柜体明细','warning');return;}
- qSyncRoomItemsWithRules();
- try{qRenderStep4();}catch(e){}
- showToast('正在生成各柜体Excel明细表…','info');
- await qExportExcel();
- }
- // ── Excel导出功能（按空间分类排版，参考万骊报价单格式）──
- async function qExportExcel(){
- if(typeof ExcelJS === 'undefined'){
- showToast('Excel库加载中，请稍后重试...','warning');
- return;
- }
- var projectTitle = qExtractProjectName();
- var today = new Date();
- var _mm = String(today.getMonth()+1); if(_mm.length<2) _mm='0'+_mm;
- var _dd = String(today.getDate()); if(_dd.length<2) _dd='0'+_dd;
- var dateStr = today.getFullYear() + '.' + _mm + '.' + _dd;
- var ratePct = Math.round(qDiscountRate * 100);
- var safeTitle = projectTitle.replace(/[\\/:*?"<>|]/g, '-').replace(/[\s·]/g, '_').substring(0, 50);
- var exportFilename = safeTitle + '_' + dateStr.replace(/\./g,'') + '.xlsx';
- var wb = new ExcelJS.Workbook();
- wb.creator = 'AI快速报价系统';
- wb.created = today;
- var ws = wb.addWorksheet('全屋柜类报价', {
- pageSetup: { paperSize: 9, orientation: 'portrait', fitToPage: true, fitToWidth: 1, fitToHeight: 0, margins: { left: 0.7, right: 0.7, top: 0.75, bottom: 0.75, header: 0.3, footer: 0.3 } },
- views: [{ zoomScale: 130, zoomScaleNormal: 130 }]
- });
- // ── 样式定义（完全对标参考表《6.18号欧阳路预估报价.xlsx》：字体/字号/单元格颜色/边框）──
- // 参考表字体：微软雅黑；正文色=深灰404040（theme1 tint0.25），标题18pt加粗，表头11pt加粗
- var QX_COLOR = { argb: 'FF404040' }; // 参考表正文深灰字色
- var QX_FILL_BEIGE = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFD6D4CA' } }; // 参考表标题/表头/左侧列底色（theme2加深10%）
- var QX_FILL_BLUE = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFD2DBE5' } }; // 参考表折后合计浅蓝
- var QX_FILL_RED = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFF2DCDB' } }; // 参考表全屋合计浅红
- var QX_FILL_TITLE = QX_FILL_BEIGE, QX_FILL_HEADER = QX_FILL_BEIGE;
- var fontTitle = { name: '微软雅黑', size: 18, bold: true, color: QX_COLOR };
- var fontHeader = { name: '微软雅黑', size: 11, bold: true, color: QX_COLOR };
- var fontNormal = { name: '微软雅黑', size: 11, color: QX_COLOR };
- var fontBold = { name: '微软雅黑', size: 11, bold: true, color: QX_COLOR };
- var fontRed = { name: '微软雅黑', size: 11, color: { argb: 'FFFF0000' } };
- var fontFooter = { name: '微软雅黑', size: 11, bold: true, color: QX_COLOR };
- var alignCenter = { horizontal: 'center', vertical: 'middle', wrapText: true };
- var alignRight = { horizontal: 'right', vertical: 'middle' };
- var alignLeft = { horizontal: 'left', vertical: 'middle', wrapText: true };
- // 参考表边框：thin + auto（黑色）细线全框
- var borderThin = {
- top: { style: 'thin' },
- bottom: { style: 'thin' },
- left: { style: 'thin' },
- right: { style: 'thin' }
- };
- // 参考表列宽（与《6.18号欧阳路预估报价.xlsx》逐列一致）
- ws.columns = [
- { width: 6.18 }, // A: 序号
- { width: 13.02 }, // B: 品名（空间名称）
- { width: 15.07 }, // C: 子项
- { width: 8.88 }, // D: 宽（米）
- { width: 12.37 }, // E: 高（米）
- { width: 9.25 }, // F: 面积(m²)
- { width: 9.11 }, // G: 数量
- { width: 11.91 }, // H: 投影单价
- { width: 22.56 }, // I: 总价
- { width: 22.75 }, // J: 备注
- { width: 12.63 } // K: 图片占位（用户可插入图片）
- ];
- var curRow = 1;
- // ── 第1行：标题（参考表：A:J合并、18pt加粗微软雅黑、米灰加深底色、细线边框、行高28）──
- ws.mergeCells('A1:K1');
- var titleCell = ws.getCell('A1');
- titleCell.value = projectTitle;
- titleCell.font = fontTitle;
- titleCell.alignment = alignCenter;
- titleCell.border = borderThin;
- titleCell.fill = QX_FILL_TITLE;
- for(var tci=2; tci<=11; tci++){ var tc2=ws.getCell(1,tci); tc2.border=borderThin; tc2.fill=QX_FILL_TITLE; }
- ws.getRow(1).height = 28;
- curRow = 2;
- var seq = 0;
- var totalRowRefs = []; // 记录每个空间"总价"行的H列单元格引用
- // ── 遍历每个空间/柜体 ──
- qRooms.forEach(function(r, ri){
- if(qIsRoomExcluded(ri)) return; // 不计入计算的空间不导出
- var items = (qRoomItems && qRoomItems[ri]) ? qRoomItems[ri] : [];
- if(!items.length) return;
- seq++;
- var spaceName = r.roomName || r.cabinetType || ('柜体'+seq);
- var itemCount = items.length;
- var blockStartRow = curRow; // 表头行
- var dataStartRow = curRow + 1;
- var dataEndRow = dataStartRow + itemCount - 1;
- var totalRow = dataEndRow + 1;
- var discRow = totalRow + 1;
- var blockEndRow = discRow;
- // 表头行（模式一厨房按总长度计价：面积列标题改为"总长度"）；参考表表头：11pt加粗+米灰底色
- var isKitchenBlock = state.quoteMode==='ai' && qIsKitchenCabinet(r.cabinetType || r.roomName);
- var headers = ['序号', '品名', '', '宽（米）', '高（米）', isKitchenBlock?'总长度':'面积(m²）', '数量', '投影单价', '总价', '备注', ''];
- headers.forEach(function(h, ci){
- var cell = ws.getCell(curRow, ci+1);
- cell.value = h;
- cell.font = fontHeader;
- cell.alignment = alignCenter;
- cell.border = borderThin;
- cell.fill = QX_FILL_HEADER;
- });
- ws.mergeCells(curRow, 2, curRow, 3); // 品名跨B:C（参考表表头合并）
- ws.mergeCells(curRow, 10, curRow, 11); // 备注跨J:K
- ws.getRow(curRow).height = 18;
- // 数据行（所有数值直接取qRoomItems，与系统界面显示完全一致，不做二次计算/舍入）
- var roomTotalH = [];
- items.forEach(function(it, ii){
- var rIdx = dataStartRow + ii;
- var wVal = (it.width && it.width > 0) ? +Number(it.width).toFixed(2) : null;
- var hVal = (it.height && it.height > 0) ? +Number(it.height).toFixed(2) : null;
- var aVal = (it.area && it.area > 0) ? +Number(it.area).toFixed(2) : null;
- var upVal = (it.unitPrice && it.unitPrice > 0) ? +Number(it.unitPrice).toFixed(2) : null;
- var ttlVal = (it.total !== undefined && it.total !== null) ? +Number(it.total).toFixed(2) : null;
- var billingType = it.billingType || (it.billingMethod ? qClassifyMethod(it.billingMethod) : ((wVal !== null && hVal !== null)?'area':'count'));
- var isAreaItem = billingType === 'area';
- var qtyVal = Number(it.count);
- if(!isFinite(qtyVal)||qtyVal<=0) qtyVal = Number(it.multiplier||0);
- if((!isFinite(qtyVal)||qtyVal<=0) && !isAreaItem) qtyVal = Number(it.area||0);
- if(isAreaItem || qtyVal<=0) qtyVal = null;
- // 厨房按总长度计价："总长度"列直接使用明细中存储的计费米数（=系统界面值），宽/高与系统柜体宽/高一致，数量列留空
- var kitchenLenVal = null;
- if(state.quoteMode==='ai' && qIsKitchenCabinet(r.cabinetType || r.roomName) && (it.itemType==='cabinet'||it.name==='柜体'||it.billingMethod==='kitchen_item_formula')){
- if(aVal !== null){ kitchenLenVal = aVal; isAreaItem=false; qtyVal=null; }
- }
- // A列: 序号（合并后显示）
- var cellA = ws.getCell(rIdx, 1);
- cellA.border = borderThin;
- cellA.alignment = alignCenter;
- cellA.font = fontNormal;
- cellA.fill = QX_FILL_HEADER;
- // B列: 品名（合并后显示空间名）
- var cellB = ws.getCell(rIdx, 2);
- cellB.border = borderThin;
- cellB.alignment = alignCenter;
- cellB.font = fontNormal;
- cellB.fill = QX_FILL_HEADER;
- // C列: 子项名称
- var cellC = ws.getCell(rIdx, 3);
- cellC.value = it.name || '';
- cellC.font = fontNormal;
- cellC.alignment = alignCenter;
- cellC.border = borderThin;
- cellC.fill = QX_FILL_HEADER;
- // D列: 宽（米）— 面积项/厨房总长度项有值
- var cellD = ws.getCell(rIdx, 4);
- if(isAreaItem || kitchenLenVal !== null) cellD.value = wVal;
- cellD.font = fontNormal;
- cellD.alignment = alignCenter;
- cellD.border = borderThin;
- // 宽（米）：参考表为常规格式，不设数字格式
- // E列: 高（米）
- var cellE = ws.getCell(rIdx, 5);
- if((isAreaItem || kitchenLenVal !== null) && hVal !== null) cellE.value = hVal;
- cellE.font = fontNormal;
- cellE.alignment = alignCenter;
- cellE.border = borderThin;
- // 高（米）：参考表为常规格式，不设数字格式
- // F列: 面积(m²)/总长度 — 直接取系统明细值，保证与界面一致
- var cellF = ws.getCell(rIdx, 6);
- if(isAreaItem && aVal !== null){
- cellF.value = aVal;
- cellF.numFmt = '0.00';
- } else if(kitchenLenVal !== null){
- cellF.value = kitchenLenVal;
- cellF.numFmt = '0.00';
- }
- cellF.font = fontNormal;
- cellF.alignment = alignCenter;
- cellF.border = borderThin;
- // G列: 数量（与面积分列）
- var cellG = ws.getCell(rIdx, 7);
- if(qtyVal !== null) cellG.value = qtyVal;
- cellG.font = fontNormal;
- cellG.alignment = alignCenter;
- cellG.border = borderThin;
- cellG.numFmt = qtyVal && qtyVal % 1 !== 0 ? '0.00' : '0';
- // H列: 单价 — 直接取系统单价（不取整，含小数时按两位小数显示）
- var cellH = ws.getCell(rIdx, 8);
- if(upVal !== null) cellH.value = upVal;
- cellH.font = fontNormal;
- cellH.alignment = alignCenter;
- cellH.border = borderThin;
- cellH.numFmt = (upVal !== null && upVal % 1 !== 0) ? '0.00' : '0';
- // I列: 总价 — 直接取系统小计，确保与界面一致
- var cellI = ws.getCell(rIdx, 9);
- if(ttlVal !== null){
- cellI.value = ttlVal;
- } else if(upVal !== null){
- if(kitchenLenVal !== null) cellI.value = +(upVal*kitchenLenVal).toFixed(2);
- else if(isAreaItem && aVal !== null) cellI.value = +(upVal*aVal).toFixed(2);
- else if(qtyVal !== null) cellI.value = +(upVal*qtyVal).toFixed(2);
- }
- cellI.font = fontNormal;
- cellI.alignment = alignCenter;
- cellI.border = borderThin;
- cellI.numFmt = '0.00';
- roomTotalH.push('I'+rIdx);
- // J列: 备注
- var cellJ = ws.getCell(rIdx, 10);
- cellJ.value = qMaterialOnlyNote(it.note, r, it);
- cellJ.font = fontNormal;
- cellJ.alignment = alignLeft;
- cellJ.border = borderThin;
- // K列: 图片占位
- var cellK = ws.getCell(rIdx, 11);
- cellK.border = borderThin;
- cellK.alignment = alignCenter;
- // 数值部分（宽/高/面积·总长度/数量/单价/总价/备注/图片）统一白底、不填充颜色
- ws.getRow(rIdx).height = 18;
- });
- // 总价行（参考表：整行米灰底色，C:H合并写"总价"，总价列0.00格式）
- var totalHRef = 'I'+totalRow;
- ws.mergeCells(totalRow, 3, totalRow, 8); // C到H合并
- for(var ci=1; ci<=11; ci++){
- var tc3 = ws.getCell(totalRow, ci);
- tc3.border = borderThin;
- tc3.fill = QX_FILL_HEADER;
- }
- var tCellC = ws.getCell(totalRow, 3);
- tCellC.value = '总价 ';
- tCellC.font = fontBold;
- tCellC.alignment = alignRight;
- var tCellH = ws.getCell(totalRow, 9);
- tCellH.value = { formula: 'SUM(I'+dataStartRow+':I'+dataEndRow+')' };
- tCellH.font = fontBold;
- tCellH.alignment = alignCenter;
- tCellH.numFmt = '0.00';
- var tCellI = ws.getCell(totalRow, 10);
- tCellI.value = '/';
- tCellI.font = fontBold;
- tCellI.alignment = alignCenter;
- ws.getRow(totalRow).height = 18;
- // 折后合计行（参考表：A/B米灰、C~J浅蓝D2DBE5；系统单价为原价、数据单元格留空）
- ws.mergeCells(discRow, 3, discRow, 8);
- for(var ci=1; ci<=11; ci++){
- var dc3 = ws.getCell(discRow, ci);
- dc3.border = borderThin;
- if(ci<=2) dc3.fill = QX_FILL_HEADER;
- else if(ci<=10) dc3.fill = QX_FILL_BLUE;
- }
- var dCellC = ws.getCell(discRow, 3);
- dCellC.value = '折后合计 ';
- dCellC.font = fontBold;
- dCellC.alignment = alignRight;
- var dCellH = ws.getCell(discRow, 9);
- dCellH.font = fontBold;
- dCellH.alignment = alignCenter;
- dCellH.numFmt = '0.00';
- var dCellI = ws.getCell(discRow, 10);
- dCellI.value = '/';
- dCellI.font = fontBold;
- dCellI.alignment = alignCenter;
- ws.getRow(discRow).height = 18;
- // 合并A列和B列（参考表：竖向合并从第一数据行开始，不含表头行）
- ws.mergeCells(dataStartRow, 1, blockEndRow, 1);
- ws.mergeCells(dataStartRow, 2, blockEndRow, 2);
- ws.getCell(dataStartRow, 1).value = seq;
- ws.getCell(dataStartRow, 1).font = fontNormal;
- ws.getCell(dataStartRow, 1).alignment = alignCenter;
- ws.getCell(dataStartRow, 1).border = borderThin;
- ws.getCell(dataStartRow, 1).fill = QX_FILL_HEADER;
- ws.getCell(dataStartRow, 2).value = spaceName;
- ws.getCell(dataStartRow, 2).font = fontNormal;
- ws.getCell(dataStartRow, 2).alignment = alignCenter;
- ws.getCell(dataStartRow, 2).border = borderThin;
- ws.getCell(dataStartRow, 2).fill = QX_FILL_HEADER;
- // 给合并区域中其余单元格也设置边框
- for(var rr=dataStartRow+1; rr<=blockEndRow; rr++){
- ws.getCell(rr, 1).border = borderThin;
- ws.getCell(rr, 2).border = borderThin;
- }
- totalRowRefs.push(totalHRef);
- curRow = blockEndRow + 1;
- });
- // ── 汇总区域 ──
- // 总投影面积行：显示在全屋原价合计之前
- var areaSumRow = curRow;
- ws.mergeCells(areaSumRow, 1, areaSumRow, 8);
- var asA = ws.getCell(areaSumRow, 1);
- asA.value = '总投影面积：';
- asA.font = fontFooter;
- asA.alignment = alignRight;
- asA.border = borderThin;
- for(var aci=2; aci<=11; aci++){ ws.getCell(areaSumRow, aci).border = borderThin; }
- var asH = ws.getCell(areaSumRow, 9);
- asH.value = qGetTotalProjectArea();
- asH.font = fontFooter;
- asH.alignment = alignCenter;
- asH.border = borderThin;
- asH.numFmt = '#,##0.00';
- asH.fill = QX_FILL_RED;
- var asJ = ws.getCell(areaSumRow, 10);
- asJ.value = '㎡';
- asJ.font = fontFooter;
- asJ.alignment = alignCenter;
- asJ.border = borderThin;
- asJ.fill = QX_FILL_RED;
- ws.getRow(areaSumRow).height = 20;
- curRow++;
- var sumRow1 = curRow;
- ws.mergeCells(sumRow1, 1, sumRow1, 8);
- var s1a = ws.getCell(sumRow1, 1);
- s1a.value = '全屋原价合计：';
- s1a.font = fontFooter;
- s1a.alignment = alignRight;
- s1a.border = borderThin;
- for(var ci=2; ci<=11; ci++){
- ws.getCell(sumRow1, ci).border = borderThin;
- }
- var s1h = ws.getCell(sumRow1, 9);
- s1h.value = { formula: totalRowRefs.join('+') };
- s1h.font = fontFooter;
- s1h.alignment = alignCenter;
- s1h.border = borderThin;
- s1h.numFmt = '#,##0.00';
- s1h.fill = QX_FILL_RED;
- var s1j = ws.getCell(sumRow1, 10);
- s1j.border = borderThin;
- s1j.fill = QX_FILL_RED;
- ws.getRow(sumRow1).height = 20;
- curRow++;
- var sumRow2 = curRow;
- ws.mergeCells(sumRow2, 1, sumRow2, 8);
- var s2a = ws.getCell(sumRow2, 1);
- s2a.value = '全屋折后合计（×'+ratePct+'%）：';
- s2a.font = fontFooter;
- s2a.alignment = alignRight;
- s2a.border = borderThin;
- for(var ci=1; ci<=11; ci++){
- var s2c = ws.getCell(sumRow2, ci);
- s2c.border = borderThin;
- s2c.fill = QX_FILL_RED;
- }
- var s2h = ws.getCell(sumRow2, 9);
- s2h.font = fontFooter;
- s2h.alignment = alignCenter;
- s2h.numFmt = '0';
- var s2j = ws.getCell(sumRow2, 10);
- ws.getRow(sumRow2).height = 20;
- // 注意事项
- curRow++;
- var noteRow = curRow;
- ws.mergeCells(noteRow, 1, noteRow, 11);
- var nc = ws.getCell(noteRow, 1);
- nc.value = '注意：此份报价仅作为前期与客户沟通的预估价格，具体以实际设计方案为主，此份仅作参考';
- nc.font = fontRed;
- nc.alignment = alignLeft;
- nc.border = borderThin;
- for(var nci=2; nci<=11; nci++){ ws.getCell(noteRow, nci).border = borderThin; }
- ws.getRow(noteRow).height = 18;
- // 家居顾问
- curRow++;
- var advisorRow = curRow;
- ws.mergeCells(advisorRow, 1, advisorRow, 11);
- var ac = ws.getCell(advisorRow, 1);
- ac.value = '家居顾问：';
- ac.font = fontFooter;
- ac.alignment = alignLeft;
- ac.border = borderThin;
- for(var fci=2; fci<=11; fci++){ ws.getCell(advisorRow, fci).border = borderThin; }
- ws.getRow(advisorRow).height = 18;
- // 门店地址
- curRow++;
- var addrRow = curRow;
- ws.mergeCells(addrRow, 1, addrRow, 11);
- var adc = ws.getCell(addrRow, 1);
- adc.value = '门店地址：万骊总部旗舰店';
- adc.font = fontFooter;
- adc.alignment = alignLeft;
- adc.border = borderThin;
- for(var fci=2; fci<=11; fci++){ ws.getCell(addrRow, fci).border = borderThin; }
- ws.getRow(addrRow).height = 18;
- // 当日日期
- curRow++;
- var dateRow = curRow;
- ws.mergeCells(dateRow, 1, dateRow, 11);
- var dc = ws.getCell(dateRow, 1);
- dc.value = '当日日期：' + dateStr;
- dc.font = fontFooter;
- dc.alignment = alignLeft;
- dc.border = borderThin;
- for(var fci=2; fci<=11; fci++){ ws.getCell(dateRow, fci).border = borderThin; }
- ws.getRow(dateRow).height = 18;
- // ── 生成文件并下载 ──
- var buffer = await wb.xlsx.writeBuffer();
- var blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
- // 本地预览模式下优先由安全后端直接保存到当前Windows用户桌面。
- try {
- var bytes = new Uint8Array(buffer);
- var binary = '';
- var chunkSize = 0x8000;
- for(var bi=0; bi<bytes.length; bi+=chunkSize){
- binary += String.fromCharCode.apply(null, bytes.subarray(bi, Math.min(bi+chunkSize, bytes.length)));
- }
- var saveResponse = await fetch('/api/export/excel', {
- method:'POST',
- headers:{'Content-Type':'application/json'},
- body:JSON.stringify({filename:exportFilename,data:btoa(binary)})
- });
- if(saveResponse.ok){
- var savedResult = await saveResponse.json();
- qAlertDialog('✅ Excel报价单已自动保存到桌面：'+savedResult.filename+'\n\n📌 备注仅保留实际使用的材质。\n📌 所有数据与系统界面完全一致。','导出成功');
- return;
- }
- } catch(saveError) {
- console.warn('自动保存桌面失败，已回退浏览器下载：', saveError);
- }
- // 非本地预览或接口不可用时，回退为浏览器标准下载。
- var url = URL.createObjectURL(blob);
- var a = document.createElement('a');
- a.href = url;
- a.download = exportFilename;
- document.body.appendChild(a);
- a.click();
- document.body.removeChild(a);
- URL.revokeObjectURL(url);
- qAlertDialog('✅ Excel报价单已导出：'+exportFilename+'\n\n📌 本地桌面保存接口不可用，文件已使用浏览器下载。\n📌 备注仅保留实际使用的材质。','导出成功');
- }
- function qResetUploadZones(){
- qUploadedDrawing=null;qUploadedCAD=null;qUploadedRequirement=null;
- if(qUploadedDrawingUrl){URL.revokeObjectURL(qUploadedDrawingUrl);qUploadedDrawingUrl=null;}
- if(qUploadedCADUrl){URL.revokeObjectURL(qUploadedCADUrl);qUploadedCADUrl=null;}
- qRenderEnabled=false;qRenderFiles=[];qRenderResults=null;
- const zd=document.getElementById('q-upload-zone-drawing');
- if(zd){zd.style.borderColor='';zd.style.background='';zd.onclick=function(){if(!qUploadedDrawing)document.getElementById('q-file-drawing').click();};}
- var di = document.getElementById('q-drawing-inner');
- if(di) di.innerHTML='<div class="icon">🏠</div><div class="text">点击上传户型图</div><div class="types">支持 JPG、PNG、WEBP | 点击区域选择文件</div>';
- const zc=document.getElementById('q-upload-zone-cad');
- if(zc){zc.style.borderColor='';zc.style.background='';zc.onclick=function(){if(!qUploadedCAD)document.getElementById('q-file-cad').click();};}
- var ci = document.getElementById('q-cad-inner');
- if(ci) ci.innerHTML='<div class="icon">📏</div><div class="text">点击上传CAD图纸</div><div class="types">支持 DWG、DXF、PDF | 可单独上传，也可与户型图一起上传</div>';
- const zr=document.getElementById('q-upload-zone-req');
- if(zr){zr.style.borderColor='';zr.style.background='';}
- var ri = document.getElementById('q-req-inner');
- if(ri) ri.innerHTML='<div class="icon">📝</div><div class="text">点击上传客户需求记录</div><div class="types">支持图片、文本、PDF格式</div>';
- const f1=document.getElementById('q-upload-files-drawing');if(f1)f1.innerHTML='';
- const fc=document.getElementById('q-upload-files-cad');if(fc)fc.innerHTML='';
- const f2=document.getElementById('q-upload-files-req');if(f2)f2.innerHTML='';
- document.getElementById('q-file-drawing').value='';
- document.getElementById('q-file-cad').value='';
- var fu=document.getElementById('q-file-unified');if(fu)fu.value='';
- var rpD = document.getElementById('q-btn-replace-drawing'); if(rpD) rpD.style.display = 'none';
- var rpC = document.getElementById('q-btn-replace-cad'); if(rpC) rpC.style.display = 'none';
- // Reset render toggle UI
- const bg=document.getElementById('q-render-toggle-bg');if(bg)bg.style.background='var(--border)';
- const dot=document.getElementById('q-render-toggle-dot');if(dot)dot.style.left='2px';
- const lbl=document.getElementById('q-render-toggle-label');if(lbl){lbl.textContent='关闭';lbl.style.color='var(--text-muted)';}
- const area=document.getElementById('q-render-upload-area');if(area)area.style.display='none';
- const f3=document.getElementById('q-upload-files-render');if(f3)f3.innerHTML='';
- const z3=document.getElementById('q-upload-zone-render');
- if(z3){z3.style.borderColor='';z3.style.background='';z3.innerHTML='<div class="icon">🖼️</div><div class="text">点击上传空间效果图</div><div class="types">支持 JPG / PNG / WEBP（≤20MB），可多张上传</div>';}
- qSyncUnifiedZone();
- qCheckUploadReady();
- }
- function createNewQuote() {
- state.currentQuoteId = 'new_' + Date.now();
- state.currentStep = 1;
- state.currentFloatRatio = state.globalFloatRatio;
- state.currentPricingMode = state.defaultPricingMode || 'package';
- state.currentFixedUnitPrice = state.defaultFixedUnitPrice || 0;
- state.spaces = JSON.parse(JSON.stringify(DEFAULT_SPACES));
- state.extraItems = JSON.parse(JSON.stringify(DEFAULT_EXTRA_ITEMS));
- state.uploads = [];
- state.pricingResult = null;
- // Reset 5-step quotation state
- qRooms = [];
- qExtras = [];
- qRoomItems = [];
- qDiscountRate = 1.00;
- qFloorHeight = 2.5;
- qAiProcessed = false;
- qAiAnalyzing = false;
- qUploadedDrawing = null;
- qUploadedDrawingUrl = null;
- qUploadedCAD = null;
- qUploadedCADUrl = null;
- qUploadedRequirement = null;
- if(qUploadedRequirementUrl){ URL.revokeObjectURL(qUploadedRequirementUrl); }
- qUploadedRequirementUrl = null;
- qCurrentFloatRatio = 0.15;
- qCustomerTier = 'standard';
- qTierSelectedDiscount = { price:'p1', standard:'s1', quality:'q1' };
- qRenderEnabled = false;
- qRenderFiles = [];
- qRenderResults = null;
- qActivityEnabled = false;
- qActivityModuleList = qGetDefaultActivityModules();
- qActivityNextId = 1;
- qCalcRulesEnabled = false;
- qCalcRulesList = JSON.parse(JSON.stringify(qGetSunLaoshiRules()));
- qCalcRulesPreset = 'sun';
- qCalcRulesNextId = 1;
- // 多图纸模式重置
- qMultiMode = false;
- qSheets.forEach(function(s){
- if(s.drawingUrl) URL.revokeObjectURL(s.drawingUrl);
- if(s.cadUrl) URL.revokeObjectURL(s.cadUrl);
- });
- qSheets = [];
- qMergedAnalysisData = null;
- qSheetNextId = 1;
- // 重置多图纸toggle UI
- var mbg = document.getElementById('q-multi-toggle-bg');
- var mdot = document.getElementById('q-multi-toggle-dot');
- var mlbl = document.getElementById('q-multi-toggle-label');
- if(mbg) mbg.style.background = 'var(--border)';
- if(mdot) mdot.style.left = '2px';
- if(mlbl){ mlbl.textContent = '关闭'; mlbl.style.color = 'var(--text-muted)'; }
- var sArea = document.getElementById('q-single-sheet-area');
- var mArea = document.getElementById('q-multi-sheet-area');
- if(sArea) sArea.style.display = 'block';
- if(mArea) mArea.style.display = 'none';
- var sm = document.getElementById('q-status-multi');
- if(sm) sm.style.display = 'none';
- var sd2 = document.getElementById('q-status-drawing');
- var sc2 = document.getElementById('q-status-cad');
- if(sd2) sd2.style.display = 'inline-block';
- if(sc2) sc2.style.display = 'inline-block';
- if(document.getElementById('q-sheet-list')) document.getElementById('q-sheet-list').innerHTML = '';
- state.uploads = [];
- var titleEl = document.getElementById('editor-title');
- if (titleEl) titleEl.textContent = '新建报价单';
- var htEl = document.getElementById('house-type');
- if (htEl) htEl.value = '三室两厅';
- var customWrap = document.getElementById('house-type-custom-wrap');
- if (customWrap) customWrap.style.display = 'none';
- var customInput = document.getElementById('house-type-custom');
- if (customInput) customInput.value = '';
- switchView('editor');
- goToStep(1);
- // Reset upload zones
- qResetUploadZones();
- // 新建报价默认层高2.5m，输入框仍可直接点击修改。
- var fhInput = document.getElementById('q-floor-height');
- if (fhInput) fhInput.value = '2.5';
- qFloorHeight = 2.5;
- var fhDisplay = document.getElementById('q-step2-fh-display');
- if (fhDisplay) fhDisplay.textContent = '2.50m';
- }
- function getHouseTypeValue() {
- var sel = document.getElementById('house-type');
- if (!sel) return '三室两厅';
- if (sel.value === '__custom__') {
- var customInput = document.getElementById('house-type-custom');
- var customVal = customInput ? customInput.value.trim() : '';
- return customVal || '其他';
- }
- return sel.value;
- }
- function onHouseTypeChange() {
- var sel = document.getElementById('house-type');
- var customWrap = document.getElementById('house-type-custom-wrap');
- var customInput = document.getElementById('house-type-custom');
- if (!sel || !customWrap) return;
- if (sel.value === '__custom__') {
- customWrap.style.display = 'block';
- if (customInput) {
- customInput.value = '';
- setTimeout(function(){ customInput.focus(); }, 100);
- }
- } else {
- customWrap.style.display = 'none';
- if (customInput) customInput.value = '';
- }
- }
- function setHouseTypeValue(value) {
- var sel = document.getElementById('house-type');
- var customWrap = document.getElementById('house-type-custom-wrap');
- var customInput = document.getElementById('house-type-custom');
- if (!sel) return;
- var presetValues = ['两室一厅','两室两厅','三室一厅','三室两厅','四室两厅','复式/别墅'];
- if (presetValues.indexOf(value) >= 0) {
- sel.value = value;
- if (customWrap) customWrap.style.display = 'none';
- if (customInput) customInput.value = '';
- } else {
- sel.value = '__custom__';
- if (customWrap) customWrap.style.display = 'block';
- if (customInput) customInput.value = value || '';
- }
- }
- function openEditorDirectly() {
- state.currentQuoteId = null;
- state.currentStep = 1;
- state.currentFloatRatio = state.globalFloatRatio;
- state.spaces = JSON.parse(JSON.stringify(DEFAULT_SPACES));
- state.extraItems = JSON.parse(JSON.stringify(DEFAULT_EXTRA_ITEMS));
- state.uploads = [];
- state.pricingResult = null;
- // Reset 5-step quotation state
- qRooms = [];
- qExtras = [];
- qRoomItems = [];
- qDiscountRate = 1.00;
- qFloorHeight = 2.5;
- qAiProcessed = false;
- qAiAnalyzing = false;
- qUploadedDrawing = null;
- qUploadedDrawingUrl = null;
- qUploadedCAD = null;
- qUploadedCADUrl = null;
- qUploadedRequirement = null;
- if(qUploadedRequirementUrl){ URL.revokeObjectURL(qUploadedRequirementUrl); }
- qUploadedRequirementUrl = null;
- qCurrentFloatRatio = 0.15;
- qCustomerTier = 'standard';
- qTierSelectedDiscount = { price:'p1', standard:'s1', quality:'q1' };
- qActivityEnabled = false;
- qActivityModuleList = qGetDefaultActivityModules();
- qActivityNextId = 1;
- qCalcRulesEnabled = false;
- qCalcRulesList = JSON.parse(JSON.stringify(qGetSunLaoshiRules()));
- qCalcRulesPreset = 'sun';
- qCalcRulesNextId = 1;
- var defaultPlan = getDefaultPlan();
- state.activePlanId = defaultPlan ? defaultPlan.id : null;
- state.currentPricingMode = state.defaultPricingMode || 'package';
- state.currentFixedUnitPrice = state.defaultFixedUnitPrice || 0;
- if (defaultPlan) {
- qCustomerTier = defaultPlan.customerTier;
- qTierSelectedDiscount[defaultPlan.customerTier] = defaultPlan.tierLevel;
- qCurrentFloatRatio = defaultPlan.floatRatio;
- var tierCfg0 = Q_CUSTOMER_TIERS[defaultPlan.customerTier];
- var discOpt0 = tierCfg0 && tierCfg0.discounts ? tierCfg0.discounts.find(function(d) { return d.id === defaultPlan.tierLevel; }) : null;
- qDiscountRate = discOpt0 ? discOpt0.rate : defaultPlan.discountRate;
- if (tierCfg0 && tierCfg0.autoEnableActivity) {
- qActivityEnabled = true;
- qActivityModuleList.forEach(function(m) { m.enabled = true; });
- }
- }
- // 草稿/历史报价恢复时，把保存的层高同步回可编辑输入框。
- var restoredFloorInput = document.getElementById('q-floor-height');
- if (!(qFloorHeight > 0)) qFloorHeight = 2.5;
- if (restoredFloorInput) restoredFloorInput.value = String(qFloorHeight);
- var restoredFloorDisplay = document.getElementById('q-step2-fh-display');
- if (restoredFloorDisplay) restoredFloorDisplay.textContent = qFloorHeight.toFixed(2) + 'm';
- var planBadge = document.getElementById('q-active-plan-badge');
- if (planBadge && defaultPlan) planBadge.textContent = defaultPlan.name;
- var titleEl = document.getElementById('editor-title');
- if (titleEl) titleEl.textContent = '新建报价单';
- if (typeof setHouseTypeValue === 'function') setHouseTypeValue('三室两厅');
- switchView('editor');
- goToStep(1);
- qResetUploadZones();
- var fhInput = document.getElementById('q-floor-height');
- if (fhInput) { fhInput.value = '2.5'; }
- qFloorHeight = 2.5;
- var fhDisplay = document.getElementById('q-step2-fh-display');
- if (fhDisplay) fhDisplay.textContent = '2.50m';
- var btnAnalyze = document.getElementById('q-btn-analyze');
- if (btnAnalyze) { btnAnalyze.disabled = true; btnAnalyze.style.opacity='0.5'; btnAnalyze.style.cursor='not-allowed'; }
- }
- function editQuote(id) {
- const quote = state.quotes.find(q => q.id === id);
- if (!quote) return;
- state.quoteMode = quote.quoteMode || 'ai';
- state.currentQuoteId = id;
- state.activePlanId = quote.activePlanId || null;
- state.currentPricingMode = quote.pricingMode || state.defaultPricingMode || 'package';
- state.currentFixedUnitPrice = quote.fixedUnitPrice || state.defaultFixedUnitPrice || 0;
- state.spaces = JSON.parse(JSON.stringify(quote.spaces || []));
- state.extraItems = JSON.parse(JSON.stringify(quote.extraItems || []));
- state.uploads = JSON.parse(JSON.stringify(quote.uploads || []));
- state.pricingResult = quote.pricingResult || null;
- state.currentFloatRatio = quote.floatRatio != null ? quote.floatRatio : state.globalFloatRatio;
- var isDraft = quote.status === 0 || quote.grandTotal == null;
- document.getElementById('editor-title').textContent = isDraft ? ('继续编辑 - ' + quote.quoteNo + '（草稿）') : ('编辑报价单 - ' + quote.quoteNo);
- if (typeof setHouseTypeValue === 'function') {
- setHouseTypeValue(quote.houseType || '三室两厅');
- } else {
- var elHouseType = document.getElementById('house-type');
- if (elHouseType) elHouseType.value = quote.houseType || '三室两厅';
- }
- if (typeof renderUploadPreviews === 'function') renderUploadPreviews();
- // 优先使用新版数据结构
- if (quote.qRooms && quote.qRooms.length > 0) {
- qRooms = JSON.parse(JSON.stringify(quote.qRooms));
- qExtras = JSON.parse(JSON.stringify(quote.qExtras || []));
- qDiscountRate = quote.qDiscountRate != null ? quote.qDiscountRate : 1.00;
- qFloorHeight = quote.qFloorHeight != null ? quote.qFloorHeight : 2.5;
- qCustomerTier = quote.qCustomerTier || 'standard';
- qCurrentFloatRatio = quote.qCurrentFloatRatio != null ? quote.qCurrentFloatRatio : (quote.floatRatio || 0.15);
- if (quote.qTierSelectedDiscount) qTierSelectedDiscount = Object.assign(qTierSelectedDiscount, quote.qTierSelectedDiscount);
- qRenderTierCards();
- qUpdateTierDetail();
- // 恢复整份报价单已经保存的基础项与增值项；旧草稿没有明细缓存时才从第二步重建。
- if (quote.qRoomItems && quote.qRoomItems.length > 0) {
- qRoomItems = JSON.parse(JSON.stringify(quote.qRoomItems));
- } else {
- qSyncStep2DetailsToPricing();
- }
- qAiEditableData = { rooms: qRooms };
- window._qLastAnalysisData = qAiEditableData;
- } else {
- qRooms = state.spaces.map((s, i) => ({
- roomName: s.name || s.roomName || '空间'+(i+1),
- cabinetType: s.cabinetType || '衣柜',
- layoutStyle: s.layoutStyle || '一字型',
- projectArea: s.projectArea || parseFloat(((s.length||3.0)*(s.width||2.4)).toFixed(2)) || 3.0,
- doorType: s.doorType || '普通平板',
- length: s.length || 3.0,
- width: s.width || 2.4,
- height: s.height || 2.4
- }));
- qRoomItems = [];
- qExtras = (state.extraItems || []).map(e => ({
- roomIndex: e.roomIndex != null ? e.roomIndex : e.spaceIdx,
- items: (e.items||[]).map(item => ({
- name: item.name, spec: item.spec||'标准', qty: item.qty||item.count||1,
- unit: item.unit||'个', price: item.price||item.unitPrice||0
- }))
- }));
- qDiscountRate = 1.00;
- qFloorHeight = quote.qFloorHeight != null ? quote.qFloorHeight : 2.5;
- qCurrentFloatRatio = quote.floatRatio || 0.15;
- qCustomerTier = 'standard';
- qTierSelectedDiscount = { price:'p1', standard:'s1', quality:'q1' };
- }
- // 草稿/历史报价恢复时，把保存的层高同步回可编辑输入框。
- var editFloorInput = document.getElementById('q-floor-height');
- if (!(qFloorHeight > 0)) qFloorHeight = 2.5;
- if (editFloorInput) editFloorInput.value = String(qFloorHeight);
- var editFloorDisplay = document.getElementById('q-step2-fh-display');
- if (editFloorDisplay) editFloorDisplay.textContent = qFloorHeight.toFixed(2) + 'm';
- var planBadge = document.getElementById('q-active-plan-badge');
- if (planBadge) {
- var activePlan = state.activePlanId ? getPlanById(state.activePlanId) : null;
- planBadge.textContent = activePlan ? activePlan.name : '自定义';
- }
- qAiProcessed = true;
- qAiAnalyzing = false; // 已加载数据，非解析中状态
- // 原始附件存放在 IndexedDB 中，稍后异步恢复。不要用虚假的“已上传”对象占位。
- qUploadedDrawing = null;
- qUploadedDrawingDataUrl = null;
- qUploadedDrawingUrl = null;
- qUploadedCAD = null;
- qUploadedCADUrl = null;
- qUploadedRequirement = null;
- qUploadedRequirementUrl = null;
- switchView('editor');
- // 根据状态决定进入哪个步骤
- var targetStep;
- if (isDraft) {
- targetStep = quote.currentStep || (qRooms.length > 0 ? 3 : 2);
- } else {
- targetStep = 5;
- }
- goToStep(targetStep);
- qRestoreQuoteAttachments(id).catch(function(err) {
- console.warn('报价附件恢复失败:', err);
- showToast('⚠️ 报价数据已恢复，但原始附件读取失败', 'warning');
- });
- if (targetStep === 5) {
- setTimeout(() => qRenderStep5(), 100);
- }
- updateBackToEditorButton();
- }
- function deleteQuote(id) {
- var quote = state.quotes.find(q => q.id === id);
- var quoteName = quote ? (quote.quoteNo || '该报价单') : '该报价单';
- showConfirmModal('确认删除', '确定删除报价单「' + quoteName + '」吗？此操作不可恢复。', function() {
- state.quotes = state.quotes.filter(q => q.id !== id);
- if (state.currentQuoteId === id) {
- // 当前会话报价单被删除：清除返回上下文与会话数据，禁止再返回上页
- state.currentQuoteId = null;
- state._editorReturnContext = null;
- if (state._manualReturnContext && state._manualReturnContext.view === 'editor') state._manualReturnContext = null;
- state.currentStep = 1;
- qRooms = [];
- if (typeof showQuoteList === 'function') showQuoteList();
- }
- renderQuoteList();
- updateBackToEditorButton();
- updatePageBackButton();
- showToast('报价单已删除', 'success');
- setTimeout(function() {
- if (typeof persistState === 'function') persistState();
- }, 0);
- });
- }
- // ====================== 批量删除报价单（两种报价模式通用，列表按模式隔离） ======================
- function getSelectedQuoteIds(){
- var ids=[];
- document.querySelectorAll('#quote-list-body .quote-select-cb').forEach(function(cb){ if(cb.checked) ids.push(cb.value); });
- return ids;
- }
- function syncBatchDeleteUI(){
- var ids=getSelectedQuoteIds();
- var btn=document.getElementById('batch-delete-btn');
- var cnt=document.getElementById('batch-delete-count');
- if(btn) btn.disabled = ids.length===0;
- if(cnt) cnt.textContent = '已选 '+ids.length+' 项';
- var all=document.getElementById('quote-select-all');
- if(all){
- var cbs=document.querySelectorAll('#quote-list-body .quote-select-cb');
- all.checked = cbs.length>0 && ids.length===cbs.length;
- }
- }
- function toggleSelectAllQuotes(checked){
- document.querySelectorAll('#quote-list-body .quote-select-cb').forEach(function(cb){ cb.checked=checked; });
- syncBatchDeleteUI();
- }
- function batchDeleteQuotes(){
- var ids=getSelectedQuoteIds();
- if(!ids.length){ showToast('请先勾选要删除的报价单','warning'); return; }
- showConfirmModal('确认批量删除', '确定删除所选 '+ids.length+' 个报价单吗？此操作不可恢复。', function(){
- state.quotes = state.quotes.filter(function(q){ return ids.indexOf(q.id)===-1; });
- if(ids.indexOf(state.currentQuoteId)!==-1){
- // 当前会话报价单被删除：清除返回上下文与会话数据，禁止再返回上页
- state.currentQuoteId = null;
- state._editorReturnContext = null;
- if(state._manualReturnContext && state._manualReturnContext.view==='editor') state._manualReturnContext = null;
- state.currentStep = 1;
- qRooms = [];
- if(typeof showQuoteList==='function') showQuoteList();
- }
- renderQuoteList();
- updateBackToEditorButton();
- updatePageBackButton();
- showToast('已删除 '+ids.length+' 个报价单','success');
- setTimeout(function(){ if(typeof persistState==='function') persistState(); },0);
- });
- }
- // ====================== SPACE MANAGEMENT ======================
- function addSpace() {
- state.spaces.push({
- name: '新空间', length: 3.5, width: 3.0, height: 2.8,
- cabinetRatio: 0.50, fillRate: 0.55, doorRatio: 0.50,
- bayWindow: false, irregular: false
- });
- renderSpaceTable();
- }
- function removeSpace(idx) {
- if (state.spaces.length <= 1) { showToast('至少保留一个空间', 'info'); return; }
- state.spaces.splice(idx, 1);
- // Also remove associated extra items
- state.extraItems = state.extraItems.filter(e => e.spaceIdx !== idx);
- // Re-index remaining extra items
- state.extraItems.forEach(e => { if (e.spaceIdx > idx) e.spaceIdx--; });
- renderSpaceTable();
- }
- function updateSpace(idx, field, value) {
- state.spaces[idx][field] = value;
- // Reset pricing result on change
- state.pricingResult = null;
- }
- // ====================== CALCULATION ======================
- function calculateAndGoToStep3() {
- const fr = state.currentFloatRatio;
- state.pricingResult = PricingEngine.calculate(state.spaces, state.extraItems, fr);
- // Auto-save
- saveCurrentQuote();
- goToStep(2);
- renderPricingResult();
- syncStep3FloatUI(fr);
- // Wait for DOM then render export preview
- setTimeout(() => {
- if (state.currentStep === 4) renderExportPreview();
- }, 100);
- }
- // ---- Step 3 float ratio controls ----
- function syncStep3FloatUI(fr) {
- const pct = (fr * 100).toFixed(1);
- const slider = document.getElementById('step3-float-slider');
- const badge = document.getElementById('step3-float-badge');
- const midLabel = document.getElementById('step3-mid-label');
- const marker = document.getElementById('step3-range-marker');
- const customInput = document.getElementById('step3-float-custom');
- if (slider) slider.value = pct;
- if (badge) badge.textContent = `±${pct}%`;
- if (midLabel) midLabel.textContent = `← ±${pct}% →`;
- if (customInput) customInput.value = pct;
- // Update range marker position across 5%-30% range
- if (marker) {
- const pos = ((fr - 0.05) / 0.25) * 100; // 5%=0%, 30%=100%
- marker.style.left = `${Math.min(100, Math.max(0, pos))}%`;
- }
- // Update preset buttons
- document.querySelectorAll('#step-3 .float-preset button').forEach(btn => {
- btn.classList.remove('active');
- const btnVal = parseFloat(btn.textContent.replace(/[^0-9.]/g, ''));
- if (Math.abs(btnVal - parseFloat(pct)) < 0.01) btn.classList.add('active');
- });
- // Also update the price range if there's a result
- if (state.pricingResult) {
- recalcWithNewFloat(fr);
- }
- }
- function onStep3FloatChange(val) {
- const fr = parseFloat(val) / 100;
- state.currentFloatRatio = fr;
- syncStep3FloatUI(fr);
- }
- function setStep3Float(pct) {
- const fr = parseFloat(pct) / 100;
- state.currentFloatRatio = fr;
- const slider = document.getElementById('step3-float-slider');
- if (slider) slider.value = pct;
- syncStep3FloatUI(fr);
- }
- function adjustFloatRatio(delta) {
- const newFr = Math.min(0.30, Math.max(0.05, state.currentFloatRatio + delta / 100));
- state.currentFloatRatio = parseFloat(newFr.toFixed(3));
- syncStep3FloatUI(state.currentFloatRatio);
- }
- // ---- Range bar drag functionality ----
- let rangeBarDragging = false;
- let rangeBarDragInitialized = false;
- function initRangeBarDrag() {
- if (rangeBarDragInitialized) return;
- const rangeBar = document.querySelector('#step-3 .range-bar');
- const marker = document.getElementById('step3-range-marker');
- if (!rangeBar || !marker) return;
- rangeBarDragInitialized = true;
- function getFloatRatioFromPos(clientX) {
- const rect = rangeBar.getBoundingClientRect();
- const percent = (clientX - rect.left) / rect.width;
- const clampedPercent = Math.max(0, Math.min(1, percent));
- const floatRatio = 0.05 + clampedPercent * 0.25; // 5% to 30%
- return parseFloat(floatRatio.toFixed(3));
- }
- function onMouseDown(e) {
- rangeBarDragging = true;
- marker.classList.add('dragging');
- document.addEventListener('mousemove', onMouseMove);
- document.addEventListener('mouseup', onMouseUp);
- const fr = getFloatRatioFromPos(e.clientX);
- state.currentFloatRatio = fr;
- syncStep3FloatUI(fr);
- }
- function onMouseMove(e) {
- if (!rangeBarDragging) return;
- e.preventDefault();
- const fr = getFloatRatioFromPos(e.clientX);
- state.currentFloatRatio = fr;
- syncStep3FloatUI(fr);
- }
- function onMouseUp() {
- if (!rangeBarDragging) return;
- rangeBarDragging = false;
- marker.classList.remove('dragging');
- document.removeEventListener('mousemove', onMouseMove);
- document.removeEventListener('mouseup', onMouseUp);
- }
- marker.addEventListener('mousedown', function(e) {
- e.stopPropagation();
- onMouseDown(e);
- });
- rangeBar.addEventListener('mousedown', onMouseDown);
- function onTouchStart(e) {
- e.preventDefault();
- const touch = e.touches[0];
- rangeBarDragging = true;
- marker.classList.add('dragging');
- document.addEventListener('touchmove', onTouchMove, { passive: false });
- document.addEventListener('touchend', onTouchEnd);
- const fr = getFloatRatioFromPos(touch.clientX);
- state.currentFloatRatio = fr;
- syncStep3FloatUI(fr);
- }
- function onTouchMove(e) {
- if (!rangeBarDragging) return;
- e.preventDefault();
- const touch = e.touches[0];
- const fr = getFloatRatioFromPos(touch.clientX);
- state.currentFloatRatio = fr;
- syncStep3FloatUI(fr);
- }
- function onTouchEnd() {
- if (!rangeBarDragging) return;
- rangeBarDragging = false;
- marker.classList.remove('dragging');
- document.removeEventListener('touchmove', onTouchMove);
- document.removeEventListener('touchend', onTouchEnd);
- }
- marker.addEventListener('touchstart', onTouchStart, { passive: false });
- rangeBar.addEventListener('touchstart', onTouchStart, { passive: false });
- }
- function resetFloatRatio() {
- state.currentFloatRatio = state.globalFloatRatio;
- syncStep3FloatUI(state.currentFloatRatio);
- }
- function recalcWithNewFloat(fr) {
- if (!state.pricingResult) return;
- const gt = state.pricingResult.grandTotal;
- const floorPrice = parseFloat((gt * (1 - fr)).toFixed(2));
- const ceilingPrice = parseFloat((gt * (1 + fr)).toFixed(2));
- state.pricingResult.floorPrice = floorPrice;
- state.pricingResult.ceilingPrice = ceilingPrice;
- state.pricingResult.floatRatio = fr;
- document.getElementById('floor-price-display').textContent = `¥${floorPrice.toLocaleString('zh-CN',{minimumFractionDigits:2})}`;
- document.getElementById('ceiling-price-display').textContent = `¥${ceilingPrice.toLocaleString('zh-CN',{minimumFractionDigits:2})}`;
- // Update summary table
- const summaryBody = document.getElementById('summary-table-body');
- if (summaryBody) {
- const rows = summaryBody.querySelectorAll('tr');
- for (const row of rows) {
- const cells = row.querySelectorAll('td');
- if (cells.length >= 2) {
- const label = cells[0].textContent.trim();
- if (label.startsWith('底价')) {
- cells[1].innerHTML = `¥${floorPrice.toLocaleString('zh-CN',{minimumFractionDigits:2})}`;
- } else if (label.startsWith('顶价')) {
- cells[1].innerHTML = `¥${ceilingPrice.toLocaleString('zh-CN',{minimumFractionDigits:2})}`;
- }
- }
- }
- }
- }
- // ====================== EXPORT ======================
- function exportQuote(format) {
- if (!state.pricingResult) return;
- var quote = state.quotes.find(function(q) { return q.id === state.currentQuoteId; });
- if (!quote) { showToast('请先保存报价单', 'info'); return; }
- var r = state.pricingResult;
- var ext = format === 'EXCEL' ? '.xlsx' : '.pdf';
- var filename = '报价单_' + quote.quoteNo + '_' + (quote.houseType || '定制') + ext;
- var content, mime;
- if (format === 'EXCEL') {
- content = buildExcelContent(quote, r);
- mime = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
- // CSV as fallback for broad compatibility — Excel/WPS can open directly
- filename = '报价单_' + quote.quoteNo + '_' + (quote.houseType || '定制') + '.csv';
- mime = 'text/csv;charset=utf-8';
- } else {
- content = buildPdfHtmlContent(quote, r);
- mime = 'text/html;charset=utf-8';
- filename = '报价单_' + quote.quoteNo + '_' + (quote.houseType || '定制') + '.html';
- }
- triggerDownload(content, filename, mime);
- quote.status = 2;
- saveCurrentQuote();
- renderQuoteList();
- showToast('✅ 报价单已生成，请查看浏览器下载', 'success');
- }
- function buildExcelContent(quote, r) {
- var BOM = '';
- var lines = [];
- // Title
- lines.push(BOM + 'XX装饰工程有限公司 — 报价单');
- lines.push('');
- lines.push('报价单号:,' + quote.quoteNo + ',日期:,' + new Date().toLocaleDateString('zh-CN'));
- lines.push('户型:,' + (quote.houseType || ''));
- lines.push('');
-
- // 空间尺寸明细
- lines.push('===== 空间尺寸明细 =====');
- lines.push('房间名称,长(m),宽(m),高(m),投影面积(m²),柜体类型,布局样式,门板类型');
- if (qRooms && qRooms.length > 0) {
- qRooms.forEach(function(room) {
- lines.push([
- room.roomName,
- (room.length || 0).toFixed(2),
- (room.width || 0).toFixed(2),
- (room.height || 0).toFixed(2),
- (room.projectArea || 0).toFixed(2),
- room.cabinetType || '',
- room.layoutStyle || '',
- room.doorType || ''
- ].join(','));
- });
- }
- lines.push('');
-
- // 空间子项明细
- lines.push('===== 空间子项明细 =====');
- lines.push('房间名称,品名,宽(m),高(m),面积(㎡),数量,单价(元),总价(元),备注');
- if (qRoomItems && qRoomItems.length > 0) {
- qRoomItems.forEach(function(items, ri) {
- if (items && items.length > 0) {
- var roomName = qRooms[ri] ? qRooms[ri].roomName : '';
- items.forEach(function(it) {
- var csvBillingType = it.billingType || (it.billingMethod ? qClassifyMethod(it.billingMethod) : (((it.width||0)>0&&(it.height||0)>0)?'area':'count'));
- var csvQty = Number(it.count);
- if(!isFinite(csvQty)||csvQty<=0) csvQty = Number(it.multiplier||0);
- if((!isFinite(csvQty)||csvQty<=0) && csvBillingType!=='area') csvQty = Number(it.area||0);
- lines.push([
- roomName,
- it.name,
- (it.width || 0).toFixed(2),
- (it.height || 0).toFixed(2),
- csvBillingType==='area' ? (it.area || 0).toFixed(2) : '',
- csvBillingType==='area' || csvQty<=0 ? '' : csvQty,
- it.unitPrice,
- (it.total || 0).toFixed(2),
- qMaterialOnlyNote(it.note, qRooms[ri], it)
- ].join(','));
- });
- }
- });
- }
- lines.push('');
-
- // 空间汇总报价
- lines.push('===== 空间汇总报价 =====');
- lines.push('空间,平面面积(m²),展开面积(m²),柜体基础价(元),门板补差(元),增项合计(元),非标加价(元),空间小计(元)');
- r.spaces.forEach(function(s) {
- lines.push([
- s.name,
- s.area.toFixed(2),
- s.expandArea.toFixed(2),
- s.cabinetPrice.toFixed(2),
- s.doorPanelDiff.toFixed(2),
- s.extraTotal.toFixed(2),
- s.nonStandard.toFixed(2),
- s.spaceTotal.toFixed(2)
- ].join(','));
- });
- lines.push('');
-
- // 总价
- lines.push('方案总价,,' + r.grandTotal.toFixed(2));
- lines.push('底价 (-' + Math.round(r.floatRatio * 100) + '%),,' + r.floorPrice.toFixed(2));
- lines.push('顶价 (+' + Math.round(r.floatRatio * 100) + '%),,' + r.ceilingPrice.toFixed(2));
- lines.push('');
- lines.push('—— 本报价为AI辅助生成，仅供参考，最终以实际量尺为准 ——');
- return lines.join('\n');
- }
- function buildPdfHtmlContent(quote, r) {
- var rows = '';
- r.spaces.forEach(function(s) {
- rows += '<tr><td>' + s.name + '</td><td>' + s.area.toFixed(2) + '</td><td>' + s.expandArea.toFixed(2) + '</td><td>¥' + s.cabinetPrice.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}) + '</td><td>¥' + s.doorPanelDiff.toLocaleString() + '</td><td>¥' + s.extraTotal.toLocaleString() + '</td><td>¥' + s.nonStandard.toLocaleString() + '</td><td>¥' + s.spaceTotal.toLocaleString() + '</td></tr>';
- });
- var extraRows = '';
- r.spaces.forEach(function(s) {
- if (s.extraItems && s.extraItems.length > 0) {
- s.extraItems.forEach(function(e) {
- extraRows += '<tr><td>' + s.name + '</td><td>' + e.name + '</td><td>' + e.count + ' 个</td><td>¥' + e.unitPrice + '</td><td>¥' + (e.count * e.unitPrice).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}) + '</td></tr>';
- });
- }
- });
-
- // 空间尺寸明细
- var roomDimRows = '';
- if (qRooms && qRooms.length > 0) {
- qRooms.forEach(function(room) {
- roomDimRows += '<tr><td>' + room.roomName + '</td><td>' + (room.length || 0).toFixed(2) + '</td><td>' + (room.width || 0).toFixed(2) + '</td><td>' + (room.height || 0).toFixed(2) + '</td><td>' + (room.projectArea || 0).toFixed(2) + '</td><td>' + (room.cabinetType || '') + '</td><td>' + (room.layoutStyle || '') + '</td><td>' + (room.doorType || '') + '</td></tr>';
- });
- }
-
- // 空间子项明细
- var roomItemRows = '';
- if (qRoomItems && qRoomItems.length > 0) {
- qRoomItems.forEach(function(items, ri) {
- if (items && items.length > 0) {
- var roomName = qRooms[ri] ? qRooms[ri].roomName : '';
- items.forEach(function(it) {
- var htmlBillingType = it.billingType || (it.billingMethod ? qClassifyMethod(it.billingMethod) : (((it.width||0)>0&&(it.height||0)>0)?'area':'count'));
- var htmlQty = Number(it.count);
- if(!isFinite(htmlQty)||htmlQty<=0) htmlQty = Number(it.multiplier||0);
- if((!isFinite(htmlQty)||htmlQty<=0) && htmlBillingType!=='area') htmlQty = Number(it.area||0);
- roomItemRows += '<tr><td>' + roomName + '</td><td>' + it.name + '</td><td>' + (it.width || 0).toFixed(2) + '</td><td>' + (it.height || 0).toFixed(2) + '</td><td>' + (htmlBillingType==='area'?(it.area || 0).toFixed(2):'') + '</td><td>' + (htmlBillingType==='area'||htmlQty<=0?'':htmlQty) + '</td><td>¥' + it.unitPrice + '</td><td>¥' + (it.total || 0).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2}) + '</td><td>' + qMaterialOnlyNote(it.note, qRooms[ri], it) + '</td></tr>';
- });
- }
- });
- }
- return '<!DOCTYPE html><html lang=\"zh-CN\"><head><meta charset=\"UTF-8\"><title>报价单_' + quote.quoteNo + '</title><style>body{font-family:\"Microsoft YaHei\",\"PingFang SC\",sans-serif;padding:40px 60px;color:#333;line-height:1.6;max-width:900px;margin:0 auto}h1{text-align:center;font-size:24px;border-bottom:2px solid #333;padding-bottom:12px;margin-bottom:24px}.meta{font-size:14px;margin-bottom:20px}.meta div{margin:4px 0}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}th,td{border:1px solid #ccc;padding:8px 10px;text-align:center}th{background:#f5f5f5;font-weight:600}.total-row{font-weight:700;font-size:15px}.highlight{color:#1F497D}.range{font-size:14px;margin:16px 0;padding:12px;background:#f0f7ff;border-radius:4px;text-align:center}.disclaimer{font-size:12px;color:#999;margin-top:30px;text-align:center;border-top:1px solid #ddd;padding-top:16px}.section-title{font-size:16px;font-weight:700;margin:20px 0 10px;padding-bottom:6px;border-bottom:1px solid #eee}@media print{body{padding:20px}button{display:none}}</style></head><body><h1>🏠 项目预算报价单</h1><div class="meta"><div><strong>报价单编号：</strong>' + quote.quoteNo + '</div><div><strong>户型类型：</strong>' + (quote.houseType || '') + '</div><div><strong>报价日期：</strong>' + new Date().toLocaleDateString('zh-CN') + '</div></div><div class="range"><div style="font-size:14px;color:var(--text-muted)">全屋预估总价</div><div style="font-size:32px;font-weight:700;color:#1F497D">¥' + r.grandTotal.toLocaleString('zh-CN',{minimumFractionDigits:2}) + '</div><div style="font-size:13px;color:#666">价格区间：¥' + r.floorPrice.toLocaleString('zh-CN',{minimumFractionDigits:2}) + ' — ¥' + r.ceilingPrice.toLocaleString('zh-CN',{minimumFractionDigits:2}) + '（±' + Math.round(r.floatRatio*100) + '%）</div></div><div class="section-title">📐 空间尺寸明细</div><table><thead><tr><th>房间名称</th><th>长(m)</th><th>宽(m)</th><th>高(m)</th><th>投影面积(m²)</th><th>柜体类型</th><th>布局样式</th><th>门板类型</th></tr></thead><tbody>' + roomDimRows + '</tbody></table><div class="section-title">🔧 空间子项明细</div><table><thead><tr><th>房间名称</th><th>品名</th><th>宽(m)</th><th>高(m)</th><th>面积/数量</th><th>单价</th><th>总价</th><th>备注</th></tr></thead><tbody>' + roomItemRows + '</tbody></table><div class="section-title">💰 空间汇总报价</div><table><thead><tr><th>空间</th><th>平面面积(m²)</th><th>展开面积(m²)</th><th>柜体基础价</th><th>门板补差</th><th>增项合计</th><th>非标加价</th><th>空间小计</th></tr></thead><tbody>' + rows + '</tbody></table>' + (extraRows ? '<div class="section-title">⚙️ 非标增项明细</div><table><thead><tr><th>所属空间</th><th>项目</th><th>数量</th><th>单价</th><th>小计</th></tr></thead><tbody>' + extraRows + '</tbody></table>' : '') + '<table style="margin-top:20px"><tr class="total-row"><td colspan="7" style="text-align:right">方案总价</td><td class="highlight">¥' + r.grandTotal.toLocaleString('zh-CN',{minimumFractionDigits:2}) + '</td></tr><tr><td colspan="7" style="text-align:right">底价 (-' + Math.round(r.floatRatio*100) + '%)</td><td style="color:#38A169">¥' + r.floorPrice.toLocaleString('zh-CN',{minimumFractionDigits:2}) + '</td></tr><tr><td colspan="7" style="text-align:right">顶价 (+' + Math.round(r.floatRatio*100) + '%)</td><td style="color:#E53E3E">¥' + r.ceilingPrice.toLocaleString('zh-CN',{minimumFractionDigits:2}) + '</td></tr></table><div class="disclaimer">⚠️ 声明：本报价为 AI 辅助生成的预估价格，误差范围 ±' + Math.round(r.floatRatio*100) + '%，最终成交价以实际量尺和确认为准。</div></body></html>';
- }
- // ====================== AI DRAWING ANALYSIS ======================
- function simulateAIAnalysis() {
- const btn = document.getElementById('btn-ai-analyze');
- const noticeText = document.getElementById('ai-notice-text');
- const noticeBox = document.getElementById('ai-notice-box');
- // Disable button and show processing
- btn.disabled = true;
- btn.innerHTML = '⏳ 分析中...';
- noticeText.innerHTML = '🤖 <strong>AI智能识别</strong> — 正在分析图纸，请稍候...';
- // Check if user has uploaded files
- const hasFiles = state.uploads && state.uploads.length > 0;
- const fileNames = hasFiles ? state.uploads.map(u => u.name).join('、') : '示例户型图';
- // Simulate multi-step AI analysis
- const steps = hasFiles
- ? [
- `🔍 正在加载已上传图纸：${fileNames}...`,
- '📐 正在检测户型轮廓与房间边界...',
- '📏 识别到空间布局，正在提取各空间尺寸...',
- '✅ AI识别完成！已提取 ' + (state.spaces.length || 4) + ' 个空间数据',
- '💡 请检查下方表格中的数据，确认无误后进入下一步。',
- ]
- : [
- '🔍 未检测到上传图纸，使用示例户型图进行模拟分析...',
- '📐 正在检测户型轮廓与房间边界...',
- '📏 识别到三室两厅布局，正在提取各空间尺寸...',
- '✅ AI模拟识别完成！已填充 ' + DEFAULT_SPACES.length + ' 个空间数据',
- '💡 提示：上传真实户型图可提高AI识别精度。请检查下方表格数据。',
- ];
- let stepIdx = 0;
- const interval = setInterval(function() {
- if (stepIdx < steps.length) {
- noticeText.innerHTML = '🤖 <strong>AI智能识别</strong> — ' + steps[stepIdx];
- stepIdx++;
- } else {
- clearInterval(interval);
- // Populate spaces with AI-recognized data
- if (hasFiles) {
- state.spaces = [
- { name:'主卧', length:4.5, width:3.8, height:2.8, cabinetRatio:0.60, fillRate:0.65, doorRatio:0.55, bayWindow:false, irregular:false },
- { name:'次卧', length:3.6, width:3.0, height:2.8, cabinetRatio:0.55, fillRate:0.50, doorRatio:0.50, bayWindow:false, irregular:false },
- { name:'客厅', length:5.8, width:4.8, height:2.8, cabinetRatio:0.45, fillRate:0.60, doorRatio:0.60, bayWindow:false, irregular:false },
- { name:'厨房', length:3.4, width:2.2, height:2.8, cabinetRatio:0.70, fillRate:0.70, doorRatio:0.40, bayWindow:false, irregular:false },
- ];
- state.extraItems = JSON.parse(JSON.stringify(DEFAULT_EXTRA_ITEMS));
- } else {
- state.spaces = JSON.parse(JSON.stringify(DEFAULT_SPACES));
- state.extraItems = JSON.parse(JSON.stringify(DEFAULT_EXTRA_ITEMS));
- }
- renderSpaceTable();
- // Update notice to success
- noticeText.innerHTML = '✅ <strong>AI智能识别完成</strong> — 已从图纸中提取 ' + state.spaces.length + ' 个空间尺寸，请人工复核确认。';
- showToast('✅ AI识别完成！请检查并确认空间尺寸', 'success');
- btn.innerHTML = '🔄 重新分析';
- btn.disabled = false;
- }
- }, 800);
- }
- // ====================== FILE UPLOAD ======================
- const MAX_FILE_SIZE = 20 * 1024 * 1024; // 20MB
- function handleRealFileUpload(fileList) {
- if (!fileList || fileList.length === 0) return;
- Array.from(fileList).forEach(file => {
- // Check duplicate
- if (state.uploads.find(u => u.name === file.name)) {
- showToast(`"${file.name}" 已上传`, 'info');
- return;
- }
- // Check size
- if (file.size > MAX_FILE_SIZE) {
- showToast(`"${file.name}" 超过20MB大小限制`, 'info');
- return;
- }
- const isImage = file.type.startsWith('image/');
- const uploadItem = { name: file.name, time: new Date().toLocaleString(), type: isImage ? 'image' : 'cad', dataURL: null };
- if (isImage) {
- const reader = new FileReader();
- reader.onload = function(e) {
- uploadItem.dataURL = e.target.result;
- // Update state then re-render
- renderUploadPreviews();
- };
- reader.readAsDataURL(file);
- }
- state.uploads.push(uploadItem);
- renderUploadPreviews();
- showToast(`✅ "${file.name}" 上传成功`, 'success');
- });
- // Reset input so same file can be re-uploaded if removed
- document.getElementById('real-file-input').value = '';
- }
- function renderUploadPreviews() {
- const container = document.getElementById('upload-preview');
- if (!container) return;
- if (state.uploads.length === 0) {
- container.innerHTML = '';
- return;
- }
- container.innerHTML = state.uploads.map((u, i) => {
- const isImage = u.type === 'image' && u.dataURL;
- const thumbContent = isImage
- ? `<img class="thumb" src="${u.dataURL}" alt="${u.name}" title="点击查看大图" onclick="event.stopPropagation();openLightbox('${u.name}')">`
- : `<div class="file-icon">${u.name.endsWith('.dwg') || u.name.endsWith('.dxf') ? '📐' : '📄'}</div>`;
- return `
- <div class="file-card">
- <button class="remove-btn" onclick="event.stopPropagation();removeUpload(${i})">×</button>
- ${thumbContent}
- <div class="file-name" title="${u.name}">${u.name}</div>
- </div>`;
- }).join('');
- }
- function removeUpload(index) {
- const removed = state.uploads[index];
- state.uploads.splice(index, 1);
- renderUploadPreviews();
- if (removed) showToast(`已移除 "${removed.name}"`, 'info');
- }
- // ---- Lightbox (zoom & pan) ----
- var lb = { scale: 1, dx: 0, dy: 0, dragging: false, sx: 0, sy: 0, ox: 0, oy: 0 };
- function openLightbox(fileName) {
- var upload = state.uploads.find(function(u) { return u.name === fileName; });
- if (!upload || !upload.dataURL) return;
- document.getElementById('lightbox-img').src = upload.dataURL;
- document.getElementById('lightbox-info').textContent = upload.name;
- document.getElementById('lightbox-overlay').style.display = 'flex';
- document.body.style.overflow = 'hidden';
- lbReset();
- }
- function closeLightbox() {
- document.getElementById('lightbox-overlay').style.display = 'none';
- document.body.style.overflow = '';
- }
- function lbApply() {
- var wrap = document.getElementById('lightbox-img-wrap');
- wrap.style.transform = 'translate(' + lb.dx + 'px,' + lb.dy + 'px) scale(' + lb.scale + ')';
- document.getElementById('lb-zoom-pct').textContent = Math.round(lb.scale * 100) + '%';
- }
- function lbReset() {
- lb.scale = 1; lb.dx = 0; lb.dy = 0;
- var wrap = document.getElementById('lightbox-img-wrap');
- wrap.classList.remove('zoomed'); wrap.classList.remove('grabbing');
- lbApply();
- }
- function lbUpdateZoomed() {
- // .zoomed removes max-width/max-height so transform scale() can actually overflow.
- // Only set it when the image truly needs panning (scale > 1 with a small tolerance).
- var wrap = document.getElementById('lightbox-img-wrap');
- lb.scale > 1.001 ? wrap.classList.add('zoomed') : wrap.classList.remove('zoomed');
- }
- function lbZoom(delta) {
- lb.scale = Math.max(0.25, Math.min(8, lb.scale + delta));
- lbUpdateZoomed();
- lbApply();
- }
- // --- mouse wheel ---
- document.getElementById('lightbox-viewport').addEventListener('wheel', function(e) {
- if (document.getElementById('lightbox-overlay').style.display !== 'flex') return;
- e.preventDefault();
- lb.scale += e.deltaY < 0 ? 0.12 : -0.12;
- lb.scale = Math.max(0.25, Math.min(8, lb.scale));
- lbUpdateZoomed();
- lbApply();
- }, { passive: false });
- // --- drag (on overlay — allow drag whenever .zoomed is active) ---
- var lbOverlay = document.getElementById('lightbox-overlay');
- lbOverlay.addEventListener('mousedown', function(e) {
- if (lbOverlay.style.display !== 'flex') return;
- // Don't start drag on toolbar buttons or close button
- if (e.target.closest('.lightbox-toolbar') || e.target.closest('.lightbox-close')) return;
- // Only allow drag when the image actually overflows (zoomed in)
- if (!document.getElementById('lightbox-img-wrap').classList.contains('zoomed')) return;
- lb.dragging = true;
- lb.sx = e.clientX; lb.sy = e.clientY;
- lb.ox = lb.dx; lb.oy = lb.dy;
- document.getElementById('lightbox-img-wrap').classList.add('grabbing');
- e.preventDefault();
- });
- window.addEventListener('mousemove', function(e) {
- if (!lb.dragging) return;
- lb.dx = lb.ox + (e.clientX - lb.sx);
- lb.dy = lb.oy + (e.clientY - lb.sy);
- lbApply();
- });
- window.addEventListener('mouseup', function(e) {
- if (!lb.dragging) return;
- lb.dragging = false;
- document.getElementById('lightbox-img-wrap').classList.remove('grabbing');
- });
- // --- double-click toggle 1:1 / fit ---
- lbOverlay.addEventListener('dblclick', function(e) {
- if (lbOverlay.style.display !== 'flex') return;
- // Don't toggle on toolbar or close button
- if (e.target.closest('.lightbox-toolbar') || e.target.closest('.lightbox-close')) return;
- if (lb.scale > 1) { lbReset(); } else { lbZoom(0.2); }
- });
- // --- keyboard ---
- document.addEventListener('keydown', function(e) {
- if (document.getElementById('lightbox-overlay').style.display !== 'flex') return;
- if (e.key === 'Escape') { closeLightbox(); }
- if (e.key === '+' || e.key === '=') { lbZoom(0.15); e.preventDefault(); }
- if (e.key === '-') { lbZoom(-0.15); e.preventDefault(); }
- if (e.key === '0') { lbReset(); e.preventDefault(); }
- // arrow keys pan (only when zoomed in)
- if (lb.scale > 1) {
- var step = e.shiftKey ? 80 : 20; // hold Shift for faster pan
- if (e.key === 'ArrowLeft') { lb.dx += step; lbApply(); e.preventDefault(); }
- if (e.key === 'ArrowRight') { lb.dx -= step; lbApply(); e.preventDefault(); }
- if (e.key === 'ArrowUp') { lb.dy += step; lbApply(); e.preventDefault(); }
- if (e.key === 'ArrowDown') { lb.dy -= step; lbApply(); e.preventDefault(); }
- }
- });
- // ====================== SAVE ======================
- function saveCurrentQuote(options) {
- options = options || {};
- var markComplete = options.markComplete === true;
- if (!state.currentQuoteId) {
- state.currentQuoteId = 'new_' + Date.now();
- }
- const houseType = (typeof getHouseTypeValue === 'function') ? getHouseTypeValue() : (document.getElementById('house-type')?.value || '三室两厅');
- const existing = state.quotes.find(q => q.id === state.currentQuoteId);
- if (existing) {
- existing.houseType = houseType;
- existing.spaces = JSON.parse(JSON.stringify(state.spaces));
- existing.extraItems = JSON.parse(JSON.stringify(state.extraItems));
- existing.uploads = JSON.parse(JSON.stringify(state.uploads));
- existing.qRooms = JSON.parse(JSON.stringify(qRooms));
- existing.qRoomItems = JSON.parse(JSON.stringify(qRoomItems));
- existing.qExtras = JSON.parse(JSON.stringify(qExtras));
- existing.qDiscountRate = qDiscountRate;
- existing.qFloorHeight = qFloorHeight;
- existing.qCustomerTier = qCustomerTier;
- existing.qTierSelectedDiscount = JSON.parse(JSON.stringify(qTierSelectedDiscount));
- existing.qCurrentFloatRatio = qCurrentFloatRatio;
- existing.activePlanId = state.activePlanId;
- existing.pricingMode = state.currentPricingMode;
- existing.fixedUnitPrice = state.currentFixedUnitPrice;
- existing.currentStep = state.currentStep || 1;
- if (state.pricingResult) {
- existing.grandTotal = state.pricingResult.grandTotal;
- existing.floorPrice = state.pricingResult.floorPrice;
- existing.ceilingPrice = state.pricingResult.ceilingPrice;
- existing.pricingResult = state.pricingResult;
- existing.pricingResult.floatRatio = state.currentFloatRatio;
- }
- existing.floatRatio = state.currentFloatRatio;
- if (markComplete) existing.status = 1;
- else if (existing.status == null) existing.status = 0;
- existing.updatedAt = new Date().toISOString().slice(0,16).replace('T',' ');
- existing.quoteMode = state.quoteMode || existing.quoteMode || 'ai';
- } else if (qRooms.length > 0 || state.spaces.length > 0 || state.currentStep > 1) {
- const now = new Date();
- const seq = String(state.quotes.length + 1).padStart(3, '0');
- const quoteNo = `QJ-${now.getFullYear()}${String(now.getMonth()+1).padStart(2,'0')}${String(now.getDate()).padStart(2,'0')}-${seq}`;
- state.quotes.push({
- id: state.currentQuoteId,
- quoteNo,
- quoteMode: state.quoteMode || 'ai',
- houseType,
- spaces: JSON.parse(JSON.stringify(state.spaces)),
- extraItems: JSON.parse(JSON.stringify(state.extraItems)),
- uploads: JSON.parse(JSON.stringify(state.uploads)),
- qRooms: JSON.parse(JSON.stringify(qRooms)),
- qRoomItems: JSON.parse(JSON.stringify(qRoomItems)),
- qExtras: JSON.parse(JSON.stringify(qExtras)),
- qDiscountRate: qDiscountRate,
- qFloorHeight: qFloorHeight,
- qCustomerTier: qCustomerTier,
- qTierSelectedDiscount: JSON.parse(JSON.stringify(qTierSelectedDiscount)),
- qCurrentFloatRatio: qCurrentFloatRatio,
- activePlanId: state.activePlanId,
- pricingMode: state.currentPricingMode,
- fixedUnitPrice: state.currentFixedUnitPrice,
- grandTotal: state.pricingResult?.grandTotal || null,
- floorPrice: state.pricingResult?.floorPrice || null,
- ceilingPrice: state.pricingResult?.ceilingPrice || null,
- floatRatio: state.currentFloatRatio,
- pricingResult: state.pricingResult || null,
- currentStep: state.currentStep || 1,
- status: markComplete ? 1 : 0,
- createdAt: now.toISOString().slice(0,16).replace('T',' '),
- updatedAt: now.toISOString().slice(0,16).replace('T',' '),
- });
- }
- renderQuoteList();
- if (typeof persistState === 'function') persistState();
- // 附件体积较大，单独写入 IndexedDB，避免占满 localStorage。
- qPersistQuoteAttachments(state.currentQuoteId).catch(function(err) {
- console.warn('报价附件保存失败:', err);
- showToast('⚠️ 报价已保存，但原始附件保存失败', 'warning');
- });
- }
- // ====================== RULES MANAGEMENT ======================
- function switchRuleTab(tab) {
- state.activeRuleTab = tab;
- state.editingRule = null; // exit edit mode on tab switch
- document.querySelectorAll('.tabs .tab').forEach(t => t.classList.remove('active'));
- document.querySelectorAll('.rule-tab-content').forEach(c => c.classList.add('hidden'));
- const tabEl = document.querySelector(`.tab[onclick*="${tab}"]`);
- if (tabEl) tabEl.classList.add('active');
- const contentEl = document.getElementById(`rule-tab-${tab}`);
- if (contentEl) contentEl.classList.remove('hidden');
- }
- // ---- Enter / cancel / save edit mode ----
- function startRuleEdit(type, idx) {
- state.editingRule = { type, index: idx };
- renderRules();
- }
- function cancelRuleEdit() {
- state.editingRule = null;
- renderRules();
- }
- // 规则配置变更后，刷新报价编辑页面的增项下拉框（联动更新）
- function qRefreshAfterRuleChange() {
- try {
- // 1. 先同步qRoomItems中所有明细项的单价到规则配置最新值（无论当前在哪个页面都执行）
- qSyncRoomItemsWithRules();
- // 2. 同步AI解析数据(qAiEditableData)中已选增项的价格
- var aiData = qAiEditableData || window._qLastAnalysisData;
- if (aiData && aiData.rooms) {
- aiData.rooms.forEach(function(r){
- if(r._selectedExtras){
- r._selectedExtras.forEach(function(se){
- var latestEx = DEFAULT_RULES.extra.find(function(e){return e.name === se.name;});
- if(latestEx){
- se.price = parseFloat(latestEx.price) || 0;
- se.method = latestEx.method;
- se.unit = latestEx.unit;
- }
- });
- }
- });
- }
- // 同步window._qLastAnalysisData（如果和qAiEditableData不同）
- if (window._qLastAnalysisData && window._qLastAnalysisData !== aiData && window._qLastAnalysisData.rooms) {
- window._qLastAnalysisData.rooms.forEach(function(r){
- if(r._selectedExtras){
- r._selectedExtras.forEach(function(se){
- var latestEx = DEFAULT_RULES.extra.find(function(e){return e.name === se.name;});
- if(latestEx){
- se.price = parseFloat(latestEx.price) || 0;
- se.method = latestEx.method;
- se.unit = latestEx.unit;
- }
- });
- }
- });
- }
- // 3. 仅在编辑器视图中刷新当前可见页面
- if (state.currentView === 'editor') {
- if (state.currentStep === 2 && aiData) {
- // Step2 AI解析页：刷新柜体卡片（下拉框选项从DEFAULT_RULES.extra实时构建，已选增项价格已同步）
- var isMock = window._qLastIsMock || false;
- if (qUploadedDrawing && qUploadedDrawing.name && qUploadedDrawing.name.indexOf('120㎡三房两厅') !== -1) isMock = true;
- qRenderAICards(aiData, isMock);
- }
- // Step3 自动计价页：刷新（自动调用qSyncRoomItemsWithRules）
- if (state.currentStep === 3) {
- if (typeof qRenderStep4 === 'function') qRenderStep4();
- }
- // Step4 报价单页：刷新（自动调用qSyncRoomItemsWithRules）
- if (state.currentStep === 4) {
- if (typeof qRenderStep5 === 'function') qRenderStep5();
- }
- }
- } catch(e) { console.warn('qRefreshAfterRuleChange error:', e); }
- }
- function saveRuleEdit(type, idx) {
- const tableId = `rule-table-${type}`;
- const tbody = document.getElementById(tableId);
- if (!tbody) { cancelRuleEdit(); return; }
- const editRow = tbody.querySelector('tr[style*="FFFFF0"]');
- if (!editRow) { cancelRuleEdit(); return; }
- // 读取各单元格值：td[0]=name(input), td[1]=method(select), td[2]=price(input), td[3]=unit(input), td[4]=desc(input)
- var cells = editRow.children;
- var nameInput = cells[0].querySelector('input');
- var methodSel = cells[1].querySelector('select');
- var priceInput = cells[2].querySelector('input');
- var unitInput = cells[3].querySelector('input');
- var descInput = cells[4].querySelector('input');
- if (!nameInput || !methodSel || !priceInput || !unitInput || !descInput) { cancelRuleEdit(); return; }
- var v_name = nameInput.value.trim();
- var v_method = methodSel.value;
- var v_price = priceInput.value.trim();
- var v_unit = unitInput.value.trim() || qGetUnitByMethod(v_method);
- var v_desc = descInput.value.trim();
- const rule = DEFAULT_RULES[type][idx];
- if (!rule) { cancelRuleEdit(); return; }
- switch (type) {
- case 'wardrobe':
- rule.displayName = v_name || '柜体'; rule.method = v_method; rule.value = v_price; rule.unit = v_unit; rule.desc = v_desc;
- break;
- case 'kitchen':
- rule.name = v_name; rule.method = v_method; rule.value = v_price; rule.unit = v_unit; rule.desc = v_desc; rule._descEdited = true;
- break;
- case 'base':
- rule.name = v_name; rule.method = v_method; rule.value = v_price; rule.unit = v_unit; rule.desc = v_desc;
- break;
- case 'extra':
- rule.name = v_name; rule.method = v_method; rule.price = v_price; rule.unit = v_unit; rule.desc = v_desc;
- break;
- }
- state.editingRule = null;
- renderRules();
- persistState();
- qRefreshAfterRuleChange();
- showToast('✅ 单价已保存', 'success');
- }
- // ---- Add new rule ----
- function addRule(group) {
- let newRule;
- switch (group) {
- case 'wardrobe':
- newRule = { name:'自定义衣柜单价_'+Date.now(), displayName:'柜体', method:'按投影面积', value:'0', unit:'元/㎡', desc:'请填写材质或说明', custom:true };
- break;
- case 'kitchen':
- newRule = { name:'自定义橱柜单价_'+Date.now(), displayName:'自定义单价', method:'按延米', value:'0', unit:'元/m', desc:'请填写说明', custom:true };
- break;
- case 'base':
- newRule = { name:'新单价项', method:'按投影面积', value:'0', unit:'元/m²', desc:'请填写说明' };
- break;
- case 'extra':
- newRule = { name:'新增项', method:'按个数', price:'0', unit:'元/个', desc:'请填写说明' };
- break;
- default: return;
- }
- DEFAULT_RULES[group].push(newRule);
- const newIdx = DEFAULT_RULES[group].length - 1;
- renderRules();
- qRefreshAfterRuleChange();
- startRuleEdit(group, newIdx);
- showToast('➕ 新单价项已添加，请编辑后保存', 'info');
- }
- // ---- Add Rule Modal ----
- function openAddRuleModal() {
- document.getElementById('add-rule-modal').style.display = 'flex';
- document.getElementById('add-rule-category').value = 'base';
- document.getElementById('add-rule-name').value = '';
- document.getElementById('add-rule-value').value = '';
- document.getElementById('add-rule-unit').value = '';
- document.getElementById('add-rule-desc').value = '';
- document.getElementById('add-rule-method').value = '按展开面积';
- onAddRuleCategoryChange();
- document.getElementById('add-rule-name').focus();
- }
- function closeAddRuleModal() {
- document.getElementById('add-rule-modal').style.display = 'none';
- }
- function onAddRuleCategoryChange() {
- const cat = document.getElementById('add-rule-category').value;
- const isExtra = cat === 'extra';
- document.getElementById('add-rule-name-group').style.display = '';
- document.getElementById('add-rule-method-group').style.display = '';
- document.getElementById('add-rule-value-group').style.display = '';
- document.getElementById('add-rule-unit-group').style.display = '';
- // Update labels
- const valueLabel = document.querySelector('#add-rule-value-group label');
- valueLabel.textContent = '数值/公式 *';
- const nameLabel = document.querySelector('#add-rule-name-group label');
- nameLabel.textContent = '规则名称 *';
- // Update value placeholder
- const valInput = document.getElementById('add-rule-value');
- if (isExtra) valInput.placeholder = '如: 150';
- else valInput.placeholder = '如: 680 或 basePrice*1.1';
- }
- function submitAddRule() {
- const cat = document.getElementById('add-rule-category').value;
- const name = document.getElementById('add-rule-name').value.trim();
- const value = document.getElementById('add-rule-value').value.trim();
- const unit = document.getElementById('add-rule-unit').value.trim();
- const desc = document.getElementById('add-rule-desc').value.trim();
- const method = document.getElementById('add-rule-method').value;
- // Validate
- if (!name) { showToast('请输入规则名称', 'info'); return; }
- if (!value) { showToast('请输入数值/公式', 'info'); return; }
- let newRule;
- switch (cat) {
- case 'base':
- newRule = { name, method, value, unit: unit||'元/m²', desc: desc||'用户自定义', enabled: true };
- break;
- case 'extra':
- newRule = { name, method, price: value, unit: unit||'元/个', desc: desc||'用户自定义', enabled: true };
- break;
- default: return;
- }
- DEFAULT_RULES[cat].push(newRule);
- closeAddRuleModal();
- // Switch to the right tab
- switchRuleTab(cat);
- renderRules();
- // Enter edit mode for the new rule
- const newIdx = DEFAULT_RULES[cat].length - 1;
- startRuleEdit(cat, newIdx);
- showToast('✅ 计价标准已添加，可继续编辑后保存', 'success');
- }
- // ---- Toggle / Delete ----
- function toggleRule(group, idx) {
- DEFAULT_RULES[group][idx].enabled = !DEFAULT_RULES[group][idx].enabled;
- renderRules();
- qRefreshAfterRuleChange();
- showToast(`规则已${DEFAULT_RULES[group][idx].enabled ? '启用' : '禁用'}`, 'info');
- }
- function deleteRule(group, idx) {
- try {
- var rule = DEFAULT_RULES[group][idx];
- if (!rule) return;
- qConfirmDialog('确定删除规则「' + rule.name + '」吗？删除后无法恢复。', function(){
- DEFAULT_RULES[group].splice(idx, 1);
- state.editingRule = null;
- renderRules();
- persistState();
- qRefreshAfterRuleChange();
- showToast('🗑 规则已删除', 'info');
- });
- } catch(e) {
- console.error('删除规则失败:', e);
- showToast('删除失败，请刷新页面重试', 'error');
- // 尝试恢复视图状态
- try {
- if (state.currentView === 'rules') {
- renderRules();
- }
- } catch(e2) {
- console.error('恢复视图失败:', e2);
- }
- }
- }
- // ====================== TEMPLATE MANAGEMENT ======================
- function simulateTemplateUpload() {
- const name = `报价模板_${new Date().toISOString().slice(0,10)}.xlsx`;
- state.templates.push({
- id: Date.now(), name, type:'Excel', size:'210KB', isDefault:false,
- uploadedAt: new Date().toISOString().slice(0,10)
- });
- renderTemplates();
- showToast(`✅ ${name} 上传成功`, 'success');
- }
- function setDefaultTemplate(id) {
- state.templates.forEach(t => t.isDefault = (t.id === id));
- renderTemplates();
- showToast('默认模板已更新', 'success');
- }
- function downloadTemplate(id) {
- const tpl = state.templates.find(t => t.id === id);
- if (!tpl) { showToast('模板不存在', 'info'); return; }
- if (tpl.type === 'Excel') {
- // 生成Excel格式文件 (CSV with BOM for Excel compatibility)
- const BOM = '';
- const rows = [
- ['XX装饰工程有限公司 — 报价单', '', '', '', '', ''],
- ['', '', '', '', '', ''],
- ['报价单号: {{quoteNo}}', '', '日期: {{createDate}}', '', '', ''],
- ['户型: {{houseType}}', '', '', '', '', ''],
- ['', '', '', '', '', ''],
- ['空间', '平面面积(m²)', '展开面积(m²)', '柜体基础价(元)', '增项合计(元)', '空间小计(元)'],
- ['{{#each spaces}}{{spaceName}}', '{{area}}', '{{expandArea}}', '{{cabinetPrice}}', '{{extraTotal}}', '{{spaceTotal}}'],
- ['{{/each}}', '', '', '', '', ''],
- ['合计', '', '', '', '', '{{grandTotal}}'],
- ['', '', '', '', '', ''],
- ['底价区间: {{floorPrice}} ~ {{ceilingPrice}} (±15%)', '', '', '', '', ''],
- ['备注: 本报价不含运输安装费，有效期为30天', '', '', '', '', ''],
- ];
- const csv = BOM + rows.map(r => r.map(c => `"${c}"`).join(',')).join('\n');
- triggerDownload(csv, tpl.name + '.csv', 'text/csv;charset=utf-8');
- } else {
- // 生成PDF模板预览文件 (HTML格式)
- const html = `<!DOCTYPE html>
- <html lang="zh-CN">
- <head><meta charset="UTF-8"><title>${tpl.name}</title>
- <style>
- body { font-family: "Microsoft YaHei",sans-serif; padding: 40px; color: #333; }
- h1 { text-align: center; font-size: 20px; margin-bottom: 8px; }
- .meta { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 16px; }
- table { width: 100%; border-collapse: collapse; font-size: 12px; }
- th, td { border: 1px solid #ccc; padding: 8px; text-align: center; }
- th { background: #4472C4; color: #fff; }
- .footer { margin-top: 16px; font-size: 12px; color: #666; }
- .placeholder { color: #E53E3E; font-weight: 600; }
- </style></head>
- <body>
- <h1>XX装饰工程有限公司 — 报价单</h1>
- <div class="meta">
- <span>报价单号: <span class="placeholder">{{quoteNo}}</span></span>
- <span>日期: <span class="placeholder">{{createDate}}</span></span>
- <span>户型: <span class="placeholder">{{houseType}}</span></span>
- </div>
- <table>
- <thead><tr><th>空间</th><th>平面面积(m²)</th><th>展开面积(m²)</th><th>柜体基础价(元)</th><th>增项合计(元)</th><th>空间小计(元)</th></tr></thead>
- <tbody>
- <tr><td class="placeholder">{{#each spaces}}{{spaceName}}</td><td>{{area}}</td><td>{{expandArea}}</td><td>{{cabinetPrice}}</td><td>{{extraTotal}}</td><td>{{spaceTotal}}</td></tr>
- <tr><td colspan="5" style="text-align:right;font-weight:700;">合计</td><td class="placeholder" style="font-weight:700;">{{grandTotal}}</td></tr>
- </tbody>
- </table>
- <div class="footer">
- <p>底价区间: <span class="placeholder">{{floorPrice}}</span> ~ <span class="placeholder">{{ceilingPrice}}</span> (±15%)</p>
- <p>备注: 本报价不含运输安装费，有效期为30天</p>
- <p style="margin-top:20px;color:#999;">提示：导出时占位符将替换为实际报价数据</p>
- </div>
- </body></html>`;
- triggerDownload(html, tpl.name + '.html', 'text/html;charset=utf-8');
- }
- showToast(`✅ ${tpl.name} 下载成功`, 'success');
- }
- function triggerDownload(content, filename, mimeType) {
- const blob = new Blob([content], { type: mimeType });
- const url = URL.createObjectURL(blob);
- const a = document.createElement('a');
- a.href = url;
- a.download = filename;
- document.body.appendChild(a);
- a.click();
- document.body.removeChild(a);
- URL.revokeObjectURL(url);
- }
- function deleteTemplate(id) {
- qConfirmDialog('确定删除该模板吗？', function(){
- state.templates = state.templates.filter(t => t.id !== id);
- renderTemplates();
- showToast('模板已删除', 'info');
- });
- }
- // ====================== GLOBAL FLOAT & ESTIMATE ======================
- function updateGlobalEstimate(totalGrand, floatRatio, count) {
- const rangeEl = document.getElementById('global-est-range');
- const midEl = document.getElementById('global-est-mid');
- if (!rangeEl || !midEl) return;
- if (!totalGrand || count === 0) {
- rangeEl.textContent = '暂无报价数据';
- midEl.textContent = '请先创建报价单';
- return;
- }
- const floor = (totalGrand * (1 - floatRatio)).toFixed(0);
- const ceil = (totalGrand * (1 + floatRatio)).toFixed(0);
- rangeEl.innerHTML = `<span style="color:#68D391;">¥${Number(floor).toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})}</span> ~ <span style="color:#FC8181;">¥${Number(ceil).toLocaleString()}</span>`;
- midEl.textContent = `参考总价: ¥${totalGrand.toLocaleString('zh-CN',{minimumFractionDigits:2,maximumFractionDigits:2})} (${count}份报价单)`;
- }
- function onGlobalFloatChange(val) {
- const fr = parseFloat(val) / 100;
- state.globalFloatRatio = fr;
- syncGlobalFloatUI(fr);
- renderQuoteList(); // re-render with new float ratio
- }
- function setGlobalFloat(pct) {
- const fr = parseFloat(pct) / 100;
- state.globalFloatRatio = fr;
- syncGlobalFloatUI(fr);
- renderQuoteList();
- }
- function syncGlobalFloatUI(fr) {
- const pct = (fr * 100).toFixed(1);
- const slider = document.getElementById('global-float-slider');
- const badge = document.getElementById('global-float-badge');
- const customInput = document.getElementById('float-custom');
- if (slider) slider.value = pct;
- if (badge) badge.textContent = `±${pct}%`;
- if (customInput) customInput.value = pct;
- // Update preset buttons in global card
- document.querySelectorAll('#global-estimate-card .float-preset button').forEach(btn => {
- btn.classList.remove('active');
- const btnVal = parseFloat(btn.textContent.replace(/[^0-9.]/g, ''));
- if (Math.abs(btnVal - parseFloat(pct)) < 0.01) btn.classList.add('active');
- });
- }
- // ====================== TOAST ======================
- function showToast(msg, type) {
- const container = document.getElementById('toast-container');
- const toast = document.createElement('div');
- toast.className = `toast toast-${type}`;
- toast.textContent = msg;
- container.appendChild(toast);
- setTimeout(() => { toast.remove(); }, 2500);
- }
- // ====================== 通用页内对话框（替代原生 prompt/confirm/alert，预览环境不支持原生对话框） ======================
- function qDialogShow(opts){
- var mask=document.getElementById('q-dialog-mask');
- if(!mask){ if(opts.onOk) opts.onOk(opts.type==='prompt'?(opts.defaultValue||''):undefined); return; }
- var titleEl=document.getElementById('q-dialog-title'),msgEl=document.getElementById('q-dialog-message'),inputWrap=document.getElementById('q-dialog-input-wrap'),input=document.getElementById('q-dialog-input'),okBtn=document.getElementById('q-dialog-ok'),cancelBtn=document.getElementById('q-dialog-cancel');
- titleEl.textContent=opts.title||'提示';
- msgEl.textContent=opts.message||'';msgEl.style.display=opts.message?'':'none';
- var isPrompt=opts.type==='prompt';
- inputWrap.style.display=isPrompt?'':'none';
- cancelBtn.style.display=(opts.type==='alert')?'none':'';
- okBtn.textContent=opts.okText||'确定';cancelBtn.textContent=opts.cancelText||'取消';
- if(isPrompt){input.value=opts.defaultValue||'';}
- mask.style.display='flex';
- function onKey(e){if(e.key==='Escape'){e.preventDefault();e.stopPropagation();doCancel();}}
- function cleanup(){mask.style.display='none';okBtn.onclick=null;cancelBtn.onclick=null;mask.onclick=null;document.removeEventListener('keydown',onKey,true);if(isPrompt)input.onkeydown=null;}
- function doOk(){var v=isPrompt?input.value:null;cleanup();if(opts.onOk)opts.onOk(v);}
- function doCancel(){cleanup();if(opts.onCancel)opts.onCancel();}
- okBtn.onclick=doOk;
- cancelBtn.onclick=doCancel;
- mask.onclick=function(e){if(e.target===mask)doCancel();};
- document.addEventListener('keydown',onKey,true);
- if(isPrompt){input.focus();input.select();input.onkeydown=function(e){if(e.key==='Enter'){e.preventDefault();doOk();}};}
- else{okBtn.focus();}
- }
- function qAlertDialog(message,title){qDialogShow({type:'alert',title:title||'提示',message:message});}
- function qConfirmDialog(message,onOk,onCancel){qDialogShow({type:'confirm',title:'确认操作',message:message,onOk:onOk,onCancel:onCancel});}
- function qPromptDialog(message,defaultValue,onOk,onCancel){qDialogShow({type:'prompt',title:'请输入',message:message,defaultValue:defaultValue,onOk:onOk,onCancel:onCancel});}
- // ====================== CUSTOM CONFIRM MODAL ======================
- var _confirmCallback = null;
- function showConfirmModal(title, message, onConfirm) {
- var modal = document.getElementById('confirm-modal');
- var titleEl = document.getElementById('confirm-title');
- var msgEl = document.getElementById('confirm-message');
- if (!modal || !titleEl || !msgEl) {
- if (onConfirm) onConfirm();
- return;
- }
- titleEl.textContent = title || '确认操作';
- msgEl.textContent = message || '确定要执行此操作吗？';
- _confirmCallback = onConfirm;
- modal.style.display = 'flex';
- }
- function handleConfirmOk() {
- if (_confirmCallback) {
- var cb = _confirmCallback;
- _confirmCallback = null;
- closeConfirmModal();
- cb();
- } else {
- closeConfirmModal();
- }
- }
- function closeConfirmModal() {
- var modal = document.getElementById('confirm-modal');
- if (modal) modal.style.display = 'none';
- _confirmCallback = null;
- }
- document.addEventListener('keydown', function(e) {
- if (e.key === 'Escape') closeConfirmModal();
- });
- // ====================== INIT ======================
- (function init() {
- // Create a demo quote if empty
- if (state.quotes.length === 0) {
- const demoSpaces = JSON.parse(JSON.stringify(DEFAULT_SPACES));
- const demoExtras = JSON.parse(JSON.stringify(DEFAULT_EXTRA_ITEMS));
- const demoResult = PricingEngine.calculate(demoSpaces, demoExtras, state.globalFloatRatio);
- state.quotes.push({
- id: 'demo-001',
- quoteNo: 'QJ-20260714-001',
- quoteMode: 'ai',
- houseType: '三室两厅',
- spaces: demoSpaces,
- extraItems: demoExtras,
- uploads: [],
- grandTotal: demoResult.grandTotal,
- floorPrice: demoResult.floorPrice,
- ceilingPrice: demoResult.ceilingPrice,
- floatRatio: state.globalFloatRatio,
- pricingResult: demoResult,
- status: 0,
- createdAt: '2026-07-14 10:30',
- updatedAt: '2026-07-14 10:30',
- });
- }
- renderQuoteList();
- renderRules();
- renderTemplates();
- syncGlobalFloatUI(state.globalFloatRatio);
- // Open directly to editor (quote flow) like the first file
- openEditorDirectly();
- })();
- // Auto-save on leaving editor view
- window.addEventListener('beforeunload', () => {
- if (state.currentQuoteId && state.currentView === 'editor') {
- saveCurrentQuote();
- }
- });
- // ==================== QUOTE ATTACHMENT PERSISTENCE (IndexedDB) ====================
- const Q_ATTACHMENT_DB = 'ai_quote_attachment_db_v1';
- const Q_ATTACHMENT_STORE = 'attachments';
- function qOpenAttachmentDB() {
- return new Promise(function(resolve, reject) {
- if (!window.indexedDB) return reject(new Error('当前浏览器不支持 IndexedDB'));
- var request = indexedDB.open(Q_ATTACHMENT_DB, 1);
- request.onupgradeneeded = function() {
- var db = request.result;
- if (!db.objectStoreNames.contains(Q_ATTACHMENT_STORE)) {
- var store = db.createObjectStore(Q_ATTACHMENT_STORE, { keyPath: 'key' });
- store.createIndex('quoteId', 'quoteId', { unique: false });
- }
- };
- request.onsuccess = function() { resolve(request.result); };
- request.onerror = function() { reject(request.error || new Error('附件数据库打开失败')); };
- });
- }
- function qSourceToBlob(source, url) {
- if (source instanceof Blob) return Promise.resolve(source);
- if (!url) return Promise.resolve(null);
- return fetch(url).then(function(res) {
- if (!res.ok) throw new Error('附件内容读取失败');
- return res.blob();
- });
- }
- function qBlobToDataUrl(blob) {
- return new Promise(function(resolve, reject) {
- var reader = new FileReader();
- reader.onload = function() { resolve(reader.result); };
- reader.onerror = function() { reject(reader.error || new Error('图片读取失败')); };
- reader.readAsDataURL(blob);
- });
- }
- async function qPersistQuoteAttachments(quoteId) {
- if (!quoteId) return;
- var slots = [
- { slot: 'drawing', source: qUploadedDrawing, url: qUploadedDrawingDataUrl || qUploadedDrawingUrl },
- { slot: 'cad', source: qUploadedCAD, url: qUploadedCADUrl },
- { slot: 'requirement', source: qUploadedRequirement, url: qUploadedRequirementUrl }
- ];
- var prepared = [];
- for (var i = 0; i < slots.length; i++) {
- var item = slots[i];
- var blob = await qSourceToBlob(item.source, item.url);
- prepared.push({ item: item, blob: blob });
- }
- var db = await qOpenAttachmentDB();
- await new Promise(function(resolve, reject) {
- var tx = db.transaction(Q_ATTACHMENT_STORE, 'readwrite');
- var store = tx.objectStore(Q_ATTACHMENT_STORE);
- prepared.forEach(function(entry) {
- var item = entry.item;
- var key = quoteId + ':' + item.slot;
- if (!entry.blob) {
- store.delete(key);
- return;
- }
- store.put({
- key: key,
- quoteId: quoteId,
- slot: item.slot,
- name: (item.source && item.source.name) || (item.slot + '.bin'),
- type: (item.source && item.source.type) || entry.blob.type || 'application/octet-stream',
- size: entry.blob.size,
- blob: entry.blob,
- savedAt: new Date().toISOString()
- });
- });
- tx.oncomplete = resolve;
- tx.onerror = function() { reject(tx.error || new Error('附件保存事务失败')); };
- tx.onabort = function() { reject(tx.error || new Error('附件保存事务中止')); };
- });
- db.close();
- }
- function qReadQuoteAttachment(db, quoteId, slot) {
- return new Promise(function(resolve, reject) {
- var tx = db.transaction(Q_ATTACHMENT_STORE, 'readonly');
- var req = tx.objectStore(Q_ATTACHMENT_STORE).get(quoteId + ':' + slot);
- req.onsuccess = function() { resolve(req.result || null); };
- req.onerror = function() { reject(req.error || new Error('附件读取失败')); };
- });
- }
- function qRestoreAttachmentUI(slot, file, url) {
- var safeName = String(file.name || '已上传文件').replace(/</g, '<').replace(/>/g, '>');
- if (slot === 'drawing') {
- var drawingZone = document.getElementById('q-upload-zone-drawing');
- if (drawingZone) { drawingZone.style.borderColor='var(--success)'; drawingZone.style.background='#F0FFF4'; }
- var drawingInner = document.getElementById('q-drawing-inner');
- if (drawingInner) drawingInner.innerHTML='<div class="icon">✅</div><div class="text">户型图已恢复</div><div class="types">'+safeName+'</div>'+qMakePreviewThumb(url, file.name || '户型图');
- var drawingFiles = document.getElementById('q-upload-files-drawing');
- if (drawingFiles) drawingFiles.innerHTML='<span class="q-file-chip">📐 '+safeName+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearDrawing()">×</span></span>';
- var drawingReplace = document.getElementById('q-btn-replace-drawing');
- if (drawingReplace) drawingReplace.style.display='inline-block';
- } else if (slot === 'cad') {
- var cadZone = document.getElementById('q-upload-zone-cad');
- if (cadZone) { cadZone.style.borderColor='var(--success)'; cadZone.style.background='#F0FFF4'; }
- var cadInner = document.getElementById('q-cad-inner');
- if (cadInner) cadInner.innerHTML='<div class="icon">✅</div><div class="text">CAD图纸已恢复</div><div class="types">'+safeName+'</div>';
- var cadFiles = document.getElementById('q-upload-files-cad');
- if (cadFiles) cadFiles.innerHTML='<span class="q-file-chip">📏 '+safeName+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearCAD()">×</span></span>';
- var cadReplace = document.getElementById('q-btn-replace-cad');
- if (cadReplace) cadReplace.style.display='inline-block';
- } else {
- var reqZone = document.getElementById('q-upload-zone-req');
- if (reqZone) { reqZone.style.borderColor='var(--success)'; reqZone.style.background='#F0FFF4'; }
- var reqInner = document.getElementById('q-req-inner');
- var preview = file.type && file.type.indexOf('image/') === 0 ? qMakePreviewThumb(url, file.name || '需求记录') : '';
- if (reqInner) reqInner.innerHTML='<div class="icon">✅</div><div class="text">需求记录已恢复</div><div class="types">'+safeName+'</div>'+preview;
- var reqFiles = document.getElementById('q-upload-files-req');
- if (reqFiles) reqFiles.innerHTML='<span class="q-file-chip">📄 '+safeName+' <span style="cursor:pointer;margin-left:4px" onclick="event.stopPropagation();qClearRequirement()">×</span></span>';
- }
- }
- async function qRestoreQuoteAttachments(quoteId) {
- if (!quoteId) return;
- var db = await qOpenAttachmentDB();
- var records = await Promise.all([
- qReadQuoteAttachment(db, quoteId, 'drawing'),
- qReadQuoteAttachment(db, quoteId, 'cad'),
- qReadQuoteAttachment(db, quoteId, 'requirement')
- ]);
- db.close();
- for (var i = 0; i < records.length; i++) {
- var rec = records[i];
- if (!rec || !rec.blob) continue;
- var file;
- try { file = new File([rec.blob], rec.name, { type: rec.type, lastModified: Date.now() }); }
- catch(e) { file = rec.blob; file.name = rec.name; }
- var url = URL.createObjectURL(rec.blob);
- if (rec.slot === 'drawing') {
- qUploadedDrawing = file;
- qUploadedDrawingUrl = url;
- qUploadedDrawingDataUrl = await qBlobToDataUrl(rec.blob);
- } else if (rec.slot === 'cad') {
- qUploadedCAD = file;
- qUploadedCADUrl = url;
- } else {
- qUploadedRequirement = file;
- qUploadedRequirementUrl = url;
- }
- qRestoreAttachmentUI(rec.slot, file, url);
- if (rec.slot === 'drawing') qSyncOriginalDrawingToLayout();
- }
- qCheckUploadReady();
- qSyncOriginalDrawingToLayout();
- if (records.some(function(r){ return !!r; })) showToast('✅ 原始上传资料已恢复', 'success');
- }
- // ==================== LOCALSTORAGE PERSISTENCE ====================
- const STORAGE_KEY = 'ai_quote_system_data_v18';
- var moduleRulesData = {};
- function persistState() {
- try {
- const dataToSave = {
- quotes: state.quotes,
- rules: state.rules,
- priceRules: { wardrobe: DEFAULT_RULES.wardrobe, kitchen: DEFAULT_RULES.kitchen, base: DEFAULT_RULES.base, extra: DEFAULT_RULES.extra },
- templates: state.templates,
- quotationPlans: state.quotationPlans,
- defaultPricingMode: state.defaultPricingMode,
- defaultFixedUnitPrice: state.defaultFixedUnitPrice,
- allowModeSwitch: state.allowModeSwitch,
- fixedPriceNote: state.fixedPriceNote,
- includeExtrasInFixed: state.includeExtrasInFixed,
- customTypes: (typeof qCustomTypes !== 'undefined') ? qCustomTypes : null,
- moduleRules: moduleRulesData,
- savedAt: new Date().toISOString()
- };
- localStorage.setItem(STORAGE_KEY, JSON.stringify(dataToSave));
- } catch(e) {
- console.warn('Failed to persist state:', e);
- }
- }
- function loadState() {
- try {
- const saved = localStorage.getItem(STORAGE_KEY);
- if (saved) {
- const data = JSON.parse(saved);
- if (data.quotes && Array.isArray(data.quotes) && data.quotes.length > 0) {
- state.quotes = data.quotes;
- console.log('Loaded', data.quotes.length, 'quotes from localStorage');
- }
- // 智能合并价格规则：以代码中的DEFAULT_RULES为基准，用用户保存的价格覆盖
- if (data.priceRules && typeof data.priceRules === 'object') {
- // 构建保存规则的名称映射
- var savedBaseMap = {};
- var savedExtraMap = {};
- if (Array.isArray(data.priceRules.base)) {
- data.priceRules.base.forEach(function(r){ if(r && r.name) savedBaseMap[r.name] = r; });
- }
- if (Array.isArray(data.priceRules.extra)) {
- data.priceRules.extra.forEach(function(r){ if(r && r.name) savedExtraMap[r.name] = r; });
- }
- // 合并base：代码中base只有"柜体投影单价"一项，确保它存在
- var mergedBase = [];
- DEFAULT_RULES.base.forEach(function(defRule){
- var saved = savedBaseMap[defRule.name] || savedExtraMap[defRule.name];
- if(saved){
- // 用户之前保存过，使用保存的价格值
- mergedBase.push({
- name: defRule.name,
- method: defRule.method,
- value: saved.value !== undefined ? saved.value : (saved.price !== undefined ? saved.price : defRule.value),
- unit: saved.unit || defRule.unit,
- desc: saved.desc || defRule.desc
- });
- } else {
- mergedBase.push(JSON.parse(JSON.stringify(defRule)));
- }
- });
- DEFAULT_RULES.base = mergedBase;
- // 合并extra：代码中extra有所有配件/门板单价，确保它们都存在
- var mergedExtra = [];
- DEFAULT_RULES.extra.forEach(function(defRule){
- var saved = savedExtraMap[defRule.name] || savedBaseMap[defRule.name];
- if(saved){
- mergedExtra.push({
- name: defRule.name,
- method: defRule.method,
- price: saved.price !== undefined ? saved.price : (saved.value !== undefined ? saved.value : defRule.price),
- unit: saved.unit || defRule.unit,
- desc: saved.desc || defRule.desc
- });
- } else {
- mergedExtra.push(JSON.parse(JSON.stringify(defRule)));
- }
- });
- // 保留用户新增的自定义extra项（不在默认列表中的）
- if (Array.isArray(data.priceRules.extra)) {
- data.priceRules.extra.forEach(function(r){
- if(r && r.name && !mergedExtra.find(function(m){ return m.name === r.name; })){
- mergedExtra.push({
- name: r.name,
- method: r.method || '按个数',
- price: r.price !== undefined ? r.price : (r.value || '0'),
- unit: r.unit || '元/个',
- desc: r.desc || ''
- });
- }
- });
- }
- DEFAULT_RULES.extra = mergedExtra;
- ['wardrobe','kitchen'].forEach(function(group){
- var savedList=Array.isArray(data.priceRules[group])?data.priceRules[group]:[];
- if(group==='kitchen') savedList=savedList.filter(function(r){return r&&r.name!=='厨房3米基础套餐'&&r.name!=='厨房超3米部分'&&r.name!=='见光板×2';});
- var savedMap={};savedList.forEach(function(r){if(r&&r.name)savedMap[r.name]=r;});
- var merged=(DEFAULT_RULES[group]||[]).map(function(defRule){
- var old=savedMap[defRule.name];
- return old?{name:defRule.name,displayName:old.displayName||defRule.displayName,method:group==='kitchen'?defRule.method:(old.method||defRule.method),value:old.value!==undefined?old.value:(old.price!==undefined?old.price:defRule.value),unit:group==='kitchen'?defRule.unit:(old.unit||defRule.unit),desc:group==='kitchen'?(old._descEdited?old.desc:defRule.desc):(old.desc||defRule.desc),custom:!!old.custom,_descEdited:!!old._descEdited}:JSON.parse(JSON.stringify(defRule));
- });
- savedList.forEach(function(r){if(r&&r.name&&!merged.some(function(m){return m.name===r.name;})&&(group!=='wardrobe'||r.custom===true))merged.push(r);});
- DEFAULT_RULES[group]=merged;
- });
- }
- if (data.rules && typeof data.rules === 'object') {
- state.rules = {
- base: Array.isArray(data.rules.base) ? data.rules.base : [],
- extra: Array.isArray(data.rules.extra) ? data.rules.extra : []
- };
- }
- if (data.templates && Array.isArray(data.templates)) {
- state.templates = data.templates;
- }
- if (data.quotationPlans && Array.isArray(data.quotationPlans) && data.quotationPlans.length > 0) {
- state.quotationPlans = data.quotationPlans;
- } else {
- state.quotationPlans = JSON.parse(JSON.stringify(DEFAULT_QUOTATION_PLANS));
- }
- if (data.defaultPricingMode) state.defaultPricingMode = data.defaultPricingMode;
- if (data.defaultFixedUnitPrice) state.defaultFixedUnitPrice = data.defaultFixedUnitPrice;
- if (typeof data.allowModeSwitch === 'boolean') state.allowModeSwitch = data.allowModeSwitch;
- if (typeof data.fixedPriceNote === 'string') state.fixedPriceNote = data.fixedPriceNote;
- if (typeof data.includeExtrasInFixed === 'boolean') state.includeExtrasInFixed = data.includeExtrasInFixed;
- if (data.customTypes && typeof qCustomTypes !== 'undefined') {
- qCustomTypes = data.customTypes;
- }
- if (data.moduleRules && typeof data.moduleRules === 'object') {
- for (var key in data.moduleRules) {
- if (data.moduleRules.hasOwnProperty(key) && moduleRulesData.hasOwnProperty(key)) {
- moduleRulesData[key] = data.moduleRules[key];
- }
- }
- }
- } else {
- state.quotationPlans = JSON.parse(JSON.stringify(DEFAULT_QUOTATION_PLANS));
- }
- } catch(e) {
- console.warn('Failed to load state:', e);
- state.quotationPlans = JSON.parse(JSON.stringify(DEFAULT_QUOTATION_PLANS));
- }
- }
- // ==================== QUOTATION PLANS MANAGEMENT ====================
- const PLAN_TIER_MAP = {
- economy: { key: 'price', label: '经济型', color: '#C05621', bgColor: '#FFFAF0', borderColor: '#FBD38D' },
- standard: { key: 'standard', label: '标准型', color: '#2B6CB0', bgColor: '#EBF8FF', borderColor: '#3182CE' },
- quality: { key: 'quality', label: '品质型', color: '#6B46C1', bgColor: '#FAF5FF', borderColor: '#9F7AEA' }
- };
- function getDefaultPlan() {
- return state.quotationPlans.find(p => p.isDefault && p.enabled) || state.quotationPlans.find(p => p.enabled) || state.quotationPlans[0] || null;
- }
- function getPlanById(id) {
- return state.quotationPlans.find(p => p.id === id);
- }
- function getTierLevelOptions(tierKey) {
- var internalTier = PLAN_TIER_MAP[tierKey] ? PLAN_TIER_MAP[tierKey].key : tierKey;
- var cfg = Q_CUSTOMER_TIERS[internalTier];
- if (!cfg || !cfg.discounts) return [];
- return cfg.discounts.map(function(d) {
- return { id: d.id, label: d.label, rate: d.rate };
- });
- }
- function populateTierLevelSelect(tierKey, selectedLevel) {
- var sel = document.getElementById('plan-tier-level');
- if (!sel) return;
- var opts = getTierLevelOptions(tierKey);
- sel.innerHTML = opts.map(function(o) {
- return '<option value="' + o.id + '"' + (o.id === selectedLevel ? ' selected' : '') + '>' + o.label + '</option>';
- }).join('');
- }
- function onPlanTierChange() {
- var tier = document.getElementById('plan-tier').value;
- var opts = getTierLevelOptions(tier);
- populateTierLevelSelect(tier, opts[0] ? opts[0].id : '');
- }
- function genPlanId() {
- return 'plan-' + Date.now() + '-' + Math.random().toString(36).substr(2, 5);
- }
- function openPlanModal(planId) {
- var modal = document.getElementById('plan-modal');
- var title = document.getElementById('plan-modal-title');
- document.getElementById('plan-edit-id').value = planId || '';
- if (planId) {
- var plan = getPlanById(planId);
- if (!plan) return;
- title.textContent = '✏️ 编辑报价方案';
- document.getElementById('plan-name').value = plan.name;
- document.getElementById('plan-desc').value = plan.description || '';
- var tierKey = Object.keys(PLAN_TIER_MAP).find(function(k) { return PLAN_TIER_MAP[k].key === plan.customerTier; }) || plan.customerTier;
- document.getElementById('plan-tier').value = tierKey;
- populateTierLevelSelect(tierKey, plan.tierLevel);
- document.getElementById('plan-float-slider').value = Math.round(plan.floatRatio * 100);
- document.getElementById('plan-float-val').textContent = '±' + Math.round(plan.floatRatio * 100) + '%';
- document.getElementById('plan-discount').value = plan.discountRate;
- document.getElementById('plan-discount-pct').textContent = (plan.discountRate >= 1 ? '原价' : Math.round(plan.discountRate*100)/10 + '折');
- document.getElementById('plan-enabled').checked = plan.enabled !== false;
- document.getElementById('plan-default').checked = plan.isDefault === true;
- } else {
- title.textContent = '＋ 新增报价方案';
- document.getElementById('plan-name').value = '';
- document.getElementById('plan-desc').value = '';
- document.getElementById('plan-tier').value = 'standard';
- populateTierLevelSelect('standard', 's1');
- document.getElementById('plan-float-slider').value = 15;
- document.getElementById('plan-float-val').textContent = '±15%';
- document.getElementById('plan-discount').value = 1;
- document.getElementById('plan-discount-pct').textContent = '原价';
- document.getElementById('plan-enabled').checked = true;
- document.getElementById('plan-default').checked = false;
- }
- modal.style.display = 'flex';
- }
- function closePlanModal() {
- document.getElementById('plan-modal').style.display = 'none';
- }
- function savePlan() {
- var editId = document.getElementById('plan-edit-id').value;
- var name = document.getElementById('plan-name').value.trim();
- if (!name) { showToast('⚠️ 请输入方案名称', 'warning'); return; }
- var desc = document.getElementById('plan-desc').value.trim();
- var uiTier = document.getElementById('plan-tier').value;
- var internalTier = PLAN_TIER_MAP[uiTier] ? PLAN_TIER_MAP[uiTier].key : uiTier;
- var tierLevel = document.getElementById('plan-tier-level').value;
- var floatRatio = parseFloat(document.getElementById('plan-float-slider').value) / 100;
- var discountRate = parseFloat(document.getElementById('plan-discount').value);
- var enabled = document.getElementById('plan-enabled').checked;
- var isDefault = document.getElementById('plan-default').checked;
- if (isDefault) {
- state.quotationPlans.forEach(function(p) { p.isDefault = false; });
- }
- if (editId) {
- var plan = getPlanById(editId);
- if (plan) {
- plan.name = name;
- plan.description = desc;
- plan.customerTier = internalTier;
- plan.tierLevel = tierLevel;
- plan.floatRatio = floatRatio;
- plan.discountRate = discountRate;
- plan.enabled = enabled;
- plan.isDefault = isDefault;
- plan.updatedAt = new Date().toLocaleString('zh-CN', {year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'}).replace(/\//g, '-');
- }
- showToast('✅ 方案「' + name + '」已更新', 'success');
- } else {
- var newPlan = {
- id: genPlanId(),
- name: name,
- description: desc,
- customerTier: internalTier,
- tierLevel: tierLevel,
- floatRatio: floatRatio,
- discountRate: discountRate,
- isDefault: isDefault,
- enabled: enabled,
- createdAt: new Date().toLocaleString('zh-CN', {year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'}).replace(/\//g, '-'),
- updatedAt: new Date().toLocaleString('zh-CN', {year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'}).replace(/\//g, '-')
- };
- state.quotationPlans.push(newPlan);
- showToast('✅ 方案「' + name + '」已创建', 'success');
- }
- var hasDefault = state.quotationPlans.some(function(p) { return p.isDefault; });
- if (!hasDefault && state.quotationPlans.length > 0) {
- state.quotationPlans[0].isDefault = true;
- }
- persistState();
- closePlanModal();
- renderPlanList();
- }
- function editPlan(id) {
- openPlanModal(id);
- }
- function deletePlan(id) {
- var plan = getPlanById(id);
- if (!plan) return;
- qConfirmDialog('确定删除报价方案「' + plan.name + '」吗？此操作不可恢复。', function(){
- state.quotationPlans = state.quotationPlans.filter(function(p) { return p.id !== id; });
- if (plan.isDefault && state.quotationPlans.length > 0) {
- state.quotationPlans[0].isDefault = true;
- }
- persistState();
- renderPlanList();
- showToast('🗑️ 方案已删除', 'info');
- });
- }
- function duplicatePlan(id) {
- var plan = getPlanById(id);
- if (!plan) return;
- var copy = JSON.parse(JSON.stringify(plan));
- copy.id = genPlanId();
- copy.name = plan.name + ' (副本)';
- copy.isDefault = false;
- copy.createdAt = new Date().toLocaleString('zh-CN', {year:'numeric',month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'}).replace(/\//g, '-');
- copy.updatedAt = copy.createdAt;
- state.quotationPlans.push(copy);
- persistState();
- renderPlanList();
- showToast('📋 方案「' + copy.name + '」已复制', 'success');
- }
- function togglePlanDefault(id) {
- var plan = getPlanById(id);
- if (!plan) return;
- state.quotationPlans.forEach(function(p) { p.isDefault = false; });
- plan.isDefault = true;
- persistState();
- renderPlanList();
- showToast('⭐ 已将「' + plan.name + '」设为默认方案', 'success');
- }
- function togglePlanEnabled(id) {
- var plan = getPlanById(id);
- if (!plan) return;
- plan.enabled = !plan.enabled;
- if (!plan.enabled && plan.isDefault) {
- var nextEnabled = state.quotationPlans.find(function(p) { return p.enabled && p.id !== id; });
- if (nextEnabled) nextEnabled.isDefault = true;
- }
- if (!state.quotationPlans.some(function(p) { return p.isDefault; })) {
- var firstEnabled = state.quotationPlans.find(function(p) { return p.enabled; });
- if (firstEnabled) firstEnabled.isDefault = true;
- }
- persistState();
- renderPlanList();
- }
- // ====================== 报价模式管理 ======================
- function selectDefaultPricingMode(mode) {
- state.defaultPricingMode = mode;
- var pkgCard = document.getElementById('mode-card-package');
- var fixCard = document.getElementById('mode-card-fixed');
- var pkgTitle = document.getElementById('mode-title-package');
- var fixTitle = document.getElementById('mode-title-fixed');
- var pkgCheck = document.getElementById('mode-check-package');
- var fixCheck = document.getElementById('mode-check-fixed');
- var fixConfig = document.getElementById('fixed-price-config');
- if (!pkgCard || !fixCard || !pkgTitle || !fixTitle) return;
- if (mode === 'package') {
- pkgCard.style.borderColor = '#3182CE';
- pkgCard.style.background = 'linear-gradient(135deg,#EBF8FF,#fff)';
- pkgTitle.style.color = '#2B6CB0';
- fixCard.style.borderColor = '#E2E8F0';
- fixCard.style.background = '#fff';
- fixTitle.style.color = '#2D3748';
- if (pkgCheck) { pkgCheck.style.display = 'flex'; pkgCheck.style.background = '#3182CE'; }
- if (fixCheck) fixCheck.style.display = 'none';
- if (fixConfig) fixConfig.style.display = 'none';
- } else {
- fixCard.style.borderColor = '#38A169';
- fixCard.style.background = 'linear-gradient(135deg,#F0FFF4,#fff)';
- fixTitle.style.color = '#276749';
- pkgCard.style.borderColor = '#E2E8F0';
- pkgCard.style.background = '#fff';
- pkgTitle.style.color = '#2D3748';
- if (fixCheck) { fixCheck.style.display = 'flex'; fixCheck.style.background = '#38A169'; }
- if (pkgCheck) pkgCheck.style.display = 'none';
- if (fixConfig) fixConfig.style.display = 'block';
- }
- }
- function savePricingModeConfig() {
- var priceInput = document.getElementById('default-fixed-price');
- var noteInput = document.getElementById('fixed-price-note');
- var allowSwitch = document.getElementById('allow-mode-switch');
- var includeExtras = document.getElementById('include-extras-fixed');
- var price = priceInput ? parseFloat(priceInput.value) : 3500;
- if (isNaN(price) || price < 1000 || price > 20000) {
- showToast('固定单价需在1000-20000元/㎡之间');
- return;
- }
- state.defaultFixedUnitPrice = price;
- state.fixedPriceNote = noteInput ? noteInput.value.trim() : '';
- state.allowModeSwitch = allowSwitch ? allowSwitch.checked : true;
- state.includeExtrasInFixed = includeExtras ? includeExtras.checked : true;
- persistState();
- showToast('✅ 报价模式设置已保存');
- refreshPricingModeUI();
- }
- function resetPricingModeConfig() {
- state.defaultPricingMode = 'package';
- state.defaultFixedUnitPrice = 3500;
- state.allowModeSwitch = true;
- state.fixedPriceNote = '';
- state.includeExtrasInFixed = true;
- loadPricingModeConfigUI();
- showToast('已恢复默认设置');
- }
- function loadPricingModeConfigUI() {
- selectDefaultPricingMode(state.defaultPricingMode || 'package');
- var priceInput = document.getElementById('default-fixed-price');
- var noteInput = document.getElementById('fixed-price-note');
- var allowSwitch = document.getElementById('allow-mode-switch');
- var includeExtras = document.getElementById('include-extras-fixed');
- if (priceInput) priceInput.value = state.defaultFixedUnitPrice || 0;
- if (noteInput) noteInput.value = state.fixedPriceNote || '';
- if (allowSwitch) allowSwitch.checked = state.allowModeSwitch !== false;
- if (includeExtras) includeExtras.checked = state.includeExtrasInFixed !== false;
- }
- function switchPricingMode(mode) {
- state.currentPricingMode = mode;
- state.currentFixedUnitPrice = mode === 'fixedPrice' ? (state.defaultFixedUnitPrice || 0) : state.currentFixedUnitPrice;
- refreshQStep4ModeUI();
- if (state.currentStep === 3 && typeof qRenderStep4 === 'function') {
- qRenderStep4();
- }
- if (state.currentStep === 4 && typeof qRenderStep5 === 'function') {
- qRenderStep5();
- }
- }
- function setQFixedPrice(price) {
- var input = document.getElementById('q-fixed-price-input');
- if (input) input.value = price;
- state.currentFixedUnitPrice = price;
- if (state.currentStep === 3 && typeof qRenderStep4 === 'function') {
- qRenderStep4();
- }
- if (state.currentStep === 4 && typeof qRenderStep5 === 'function') {
- qRenderStep5();
- }
- }
- function onQFixedPriceChange() {
- var input = document.getElementById('q-fixed-price-input');
- if (!input) return;
- var val = parseFloat(input.value);
- if (isNaN(val) || val < 1000) val = 1000;
- if (val > 20000) val = 20000;
- input.value = val;
- state.currentFixedUnitPrice = val;
- if (state.currentStep === 3 && typeof qRenderStep4 === 'function') {
- qRenderStep4();
- }
- if (state.currentStep === 4 && typeof qRenderStep5 === 'function') {
- qRenderStep5();
- }
- }
- function refreshPricingModeUI() {
- loadPricingModeConfigUI();
- }
- function refreshQStep4ModeUI() {
- var mode = state.currentPricingMode || 'package';
- var badge = document.getElementById('q-pricing-mode-badge');
- var desc = document.getElementById('q-pricing-mode-desc');
- var toggle = document.getElementById('q-pricing-mode-toggle');
- var fixConfig = document.getElementById('q-fixed-price-config');
- var btnPkg = document.getElementById('q-mode-btn-package');
- var btnFix = document.getElementById('q-mode-btn-fixed');
- var fixNote = document.getElementById('q-fixed-price-note');
- var fixInput = document.getElementById('q-fixed-price-input');
- if (badge) {
- if (mode === 'fixedPrice') {
- badge.textContent = '📌 固定单价报';
- badge.style.background = '#38A169';
- } else {
- badge.textContent = '📦 套餐原价报';
- badge.style.background = '#3182CE';
- }
- }
- if (desc) {
- desc.textContent = mode === 'fixedPrice'
- ? '一口价快速报价，总投影面积×固定单价'
- : '按明细累加报价，展示各空间柜体价格';
- }
- if (toggle) {
- toggle.style.display = state.allowModeSwitch ? 'flex' : 'none';
- }
- if (badge) {
- badge.style.display = state.allowModeSwitch ? 'none' : 'inline-block';
- }
- if (btnPkg && btnFix) {
- if (mode === 'package') {
- btnPkg.style.borderColor = '#3182CE';
- btnPkg.style.background = '#EBF8FF';
- btnPkg.style.color = '#2B6CB0';
- btnFix.style.borderColor = '#E2E8F0';
- btnFix.style.background = '#fff';
- btnFix.style.color = '#4A5568';
- } else {
- btnFix.style.borderColor = '#38A169';
- btnFix.style.background = '#F0FFF4';
- btnFix.style.color = '#276749';
- btnPkg.style.borderColor = '#E2E8F0';
- btnPkg.style.background = '#fff';
- btnPkg.style.color = '#4A5568';
- }
- }
- if (fixConfig) {
- fixConfig.style.display = mode === 'fixedPrice' ? 'block' : 'none';
- }
- if (fixInput && mode === 'fixedPrice') {
- fixInput.value = state.currentFixedUnitPrice || state.defaultFixedUnitPrice || 0;
- }
- if (fixNote) {
- var note = state.fixedPriceNote || '';
- fixNote.textContent = note;
- fixNote.style.display = note ? 'inline' : 'none';
- }
- }
- function getTotalProjectArea() {
- var total = 0;
- qRooms.forEach(function(r) {
- total += (r.projectArea || 0);
- });
- return total;
- }
- function getTierBadgeStyle(plan) {
- var map = { price:'#C05621', standard:'#2B6CB0', quality:'#6B46C1' };
- var color = map[plan.customerTier] || '#2B6CB0';
- var bgMap = { price:'#FEEBC8', standard:'#BEE3F8', quality:'#E9D8FD' };
- return 'background:' + (bgMap[plan.customerTier] || '#BEE3F8') + ';color:' + color + ';';
- }
- function getTierLabel(plan) {
- var map = { price:'经济型', standard:'标准型', quality:'品质型' };
- return map[plan.customerTier] || plan.customerTier;
- }
- function renderPlanList() {
- var container = document.getElementById('plan-list-container');
- if (!container) return;
- var plans = state.quotationPlans;
- if (!plans || plans.length === 0) {
- container.innerHTML = '<div style="grid-column:1/-1;text-align:center;padding:40px;color:var(--text-muted);">暂无报价方案，点击右上角"＋ 新增方案"创建</div>';
- return;
- }
- var html = '';
- plans.forEach(function(plan) {
- var borderColor = plan.enabled ? (plan.customerTier === 'price' ? '#F6AD55' : plan.customerTier === 'quality' ? '#B794F4' : '#63B3ED') : '#E2E8F0';
- var opacity = plan.enabled ? '1' : '0.6';
- var defaultBadge = plan.isDefault ? '<span style="font-size:10px;padding:2px 8px;border-radius:10px;background:#FBD38D;color:#744210;font-weight:600;margin-left:6px;">默认</span>' : '';
- var statusBadge = plan.enabled
- ? '<span style="font-size:10px;padding:2px 8px;border-radius:10px;background:#C6F6D5;color:#276749;font-weight:600;">已启用</span>'
- : '<span style="font-size:10px;padding:2px 8px;border-radius:10px;background:#E2E8F0;color:#718096;font-weight:600;">已停用</span>';
- html += '<div style="border:2px solid ' + borderColor + ';border-radius:12px;padding:16px;background:#fff;opacity:' + opacity + ';transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,0.04);" ' +
- 'onmouseover="this.style.transform=\'translateY(-2px)\';this.style.boxShadow=\'0 6px 16px rgba(0,0,0,0.1)\'" onmouseout="this.style.transform=\'\';this.style.boxShadow=\'0 2px 8px rgba(0,0,0,0.04)\'">' +
- '<div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;">' +
- '<div style="flex:1;">' +
- '<div style="font-weight:700;font-size:15px;color:#2D3748;display:flex;align-items:center;">' + plan.name + defaultBadge + '</div>' +
- '<div style="font-size:11px;color:#718096;margin-top:4px;line-height:1.5;">' + (plan.description || '暂无说明') + '</div>' +
- '</div>' +
- '</div>' +
- '<div style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;">' +
- '<span style="font-size:11px;padding:3px 8px;border-radius:6px;' + getTierBadgeStyle(plan) + ';font-weight:600;">' + getTierLabel(plan) + '</span>' +
- '<span style="font-size:11px;padding:3px 8px;border-radius:6px;background:#EDF2F7;color:#4A5568;">浮动 ±' + Math.round(plan.floatRatio*100) + '%</span>' +
- '<span style="font-size:11px;padding:3px 8px;border-radius:6px;background:#EDF2F7;color:#4A5568;">' + (plan.discountRate >= 1 ? '原价' : Math.round(plan.discountRate*100)/10 + '折') + '</span>' +
- statusBadge +
- '</div>' +
- '<div style="display:flex;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #F0F4F8;">' +
- '<button class="btn btn-outline btn-sm" onclick="editPlan(\'' + plan.id + '\')" style="font-size:11px;padding:4px 10px;">✏️ 编辑</button>' +
- '<button class="btn btn-outline btn-sm" onclick="duplicatePlan(\'' + plan.id + '\')" style="font-size:11px;padding:4px 10px;">📋 复制</button>' +
- (plan.isDefault ? '' : '<button class="btn btn-outline btn-sm" onclick="togglePlanDefault(\'' + plan.id + '\')" style="font-size:11px;padding:4px 10px;">⭐ 设默认</button>') +
- '<button class="btn btn-outline btn-sm" onclick="togglePlanEnabled(\'' + plan.id + '\')" style="font-size:11px;padding:4px 10px;">' + (plan.enabled ? '🚫 停用' : '✅ 启用') + '</button>' +
- '<button class="btn btn-outline btn-sm" onclick="deletePlan(\'' + plan.id + '\')" style="font-size:11px;padding:4px 10px;color:#E53E3E;border-color:#FEB2B2;">🗑️ 删除</button>' +
- '</div>' +
- '</div>';
- });
- container.innerHTML = html;
- }
- function renderPlanCardsInStep4() {
- var container = document.getElementById('q-plan-cards');
- if (!container) return;
- var plans = state.quotationPlans.filter(function(p) { return p.enabled; });
- var activeId = state.activePlanId;
- var html = '';
- plans.forEach(function(plan) {
- var isActive = (activeId === plan.id);
- var color = plan.customerTier === 'price' ? '#C05621' : plan.customerTier === 'quality' ? '#6B46C1' : '#2B6CB0';
- var bgColor = plan.customerTier === 'price' ? '#FFFAF0' : plan.customerTier === 'quality' ? '#FAF5FF' : '#EBF8FF';
- var borderColor = isActive ? color : '#E2E8F0';
- var shadow = isActive ? '0 4px 12px ' + color + '30' : 'none';
- var checkIcon = isActive ? '<span style="position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:' + color + ';color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;">✓</span>' : '';
- html += '<div onclick="applyPlan(\'' + plan.id + '\')" style="position:relative;cursor:pointer;border:2px solid ' + borderColor + ';border-radius:10px;padding:10px 12px;background:' + (isActive ? bgColor : '#fff') + ';transition:all .15s;box-shadow:' + shadow + ';" ' +
- 'onmouseover="if(!this.dataset.active){this.style.borderColor=\'' + color + '\';this.style.transform=\'translateY(-1px)\'}" onmouseout="if(!this.dataset.active){this.style.borderColor=\'#E2E8F0\';this.style.transform=\'\'}" data-active="' + (isActive ? '1' : '0') + '">' +
- checkIcon +
- '<div style="font-weight:700;font-size:13px;color:' + color + ';margin-bottom:4px;">' + plan.name + '</div>' +
- '<div style="font-size:10px;color:#718096;line-height:1.4;display:flex;gap:6px;flex-wrap:wrap;">' +
- '<span>' + getTierLabel(plan) + '</span>' +
- '<span>±' + Math.round(plan.floatRatio*100) + '%</span>' +
- '<span>' + (plan.discountRate >= 1 ? '原价' : Math.round(plan.discountRate*100)/10 + '折') + '</span>' +
- '</div>' +
- '</div>';
- });
- if (plans.length === 0) {
- html = '<div style="grid-column:1/-1;text-align:center;padding:12px;color:#A0AEC0;font-size:12px;">暂无启用的方案，请在高级报价参数中添加</div>';
- }
- container.innerHTML = html;
- }
- function applyPlan(planId) {
- var plan = getPlanById(planId);
- if (!plan) return;
- state.activePlanId = planId;
- qCustomerTier = plan.customerTier;
- qTierSelectedDiscount[plan.customerTier] = plan.tierLevel;
- var discOpt = null;
- var tierCfg = Q_CUSTOMER_TIERS[plan.customerTier];
- if (tierCfg && tierCfg.discounts) {
- discOpt = tierCfg.discounts.find(function(d) { return d.id === plan.tierLevel; });
- }
- qDiscountRate = discOpt ? discOpt.rate : plan.discountRate;
- qCurrentFloatRatio = plan.floatRatio;
- if (tierCfg && tierCfg.autoEnableActivity) {
- qActivityEnabled = true;
- qActivityModuleList.forEach(function(m) { m.enabled = true; });
- } else if (plan.customerTier === 'quality') {
- qActivityEnabled = false;
- qActivityModuleList.forEach(function(m) { m.enabled = false; });
- }
- qSyncActivityUI();
- qRenderTierCards();
- qUpdateTierDetail();
- var slider = document.getElementById('q-step4-float-slider');
- if (slider) {
- var pct = Math.round(plan.floatRatio * 100);
- qSetStep4Float(pct);
- slider.value = pct;
- document.getElementById('q-step4-float-badge').textContent = '±' + pct + '%';
- }
- var discountInput = document.getElementById('q-global-discount');
- if (discountInput) discountInput.value = qDiscountRate.toFixed(2);
- var badge = document.getElementById('q-active-plan-badge');
- if (badge) badge.textContent = plan.name;
- if (typeof qRenderStep3 === 'function') qRenderStep3();
- if (typeof qRenderStep4 === 'function') qRenderStep4();
- qUpdateDualPriceDisplay();
- renderPlanCardsInStep4();
- showToast('💼 已套用「' + plan.name + '」', 'success');
- }
- // ==================== 三大模块规则配置系统 ====================
- const MODULE_RULES_STORAGE_KEY = 'ai_quote_module_rules_v1';
- var DEFAULT_MODULE_RULES = {
- upload: {
- name: '上传模块',
- icon: '📤',
- color: '#3182CE',
- bgColor: '#EBF8FF',
- borderColor: '#90CDF4',
- desc: '控制图纸上传阶段的识别行为：支持文件格式、图片分辨率、OCR引擎选择、自动旋转、图纸比例识别等参数配置。所有识别逻辑均通过此模块的规则驱动，不再写死在代码中。',
- ruleTypes: [
- { value: 'file_format', label: '文件格式限制' },
- { value: 'image_quality', label: '图像质量参数' },
- { value: 'ocr_config', label: 'OCR识别配置' },
- { value: 'scale_detect', label: '比例识别规则' },
- { value: 'auto_rotate', label: '自动旋转校准' },
- { value: 'batch_upload', label: '批量上传设置' },
- { value: 'custom', label: '自定义规则' }
- ],
- rules: [
- { id: 'up_01', name: '支持文件格式', type: 'file_format', value: 'jpg,png,pdf,dwg,cad', unit: '扩展名', desc: '允许上传的图纸文件格式列表', enabled: true, deletable: false },
- { id: 'up_02', name: '图片最小分辨率', type: 'image_quality', value: '1920×1080', unit: 'px', desc: '低于此分辨率的图片将提示用户重新上传', enabled: true, deletable: false },
- { id: 'up_03', name: 'OCR识别引擎', type: 'ocr_config', value: '混合模式(云端+本地)', unit: '', desc: '选择文字识别的处理引擎', enabled: true, deletable: false },
- { id: 'up_04', name: '自动识别图纸比例', type: 'scale_detect', value: '启用', unit: '', desc: '自动从图框/标注中识别绘图比例(1:50/1:100等)', enabled: true, deletable: true },
- { id: 'up_05', name: '图片自动旋转校正', type: 'auto_rotate', value: '启用', unit: '', desc: '检测方向并自动旋转至正向', enabled: true, deletable: true },
- { id: 'up_06', name: '单批次最大文件数', type: 'batch_upload', value: '20', unit: '个', desc: '单次上传图纸最大数量限制', enabled: true, deletable: true }
- ]
- },
- parse: {
- name: '解析模块',
- icon: '🔍',
- color: '#805AD5',
- bgColor: '#FAF5FF',
- borderColor: '#D6BCFA',
- desc: '控制图纸信息提取阶段的解析规则：尺寸标注识别、空间名称提取、柜体类型分类、面积计算方式、标注容差等参数。所有提取逻辑均由规则配置驱动。',
- ruleTypes: [
- { value: 'dimension_parse', label: '尺寸标注解析' },
- { value: 'space_detect', label: '空间识别规则' },
- { value: 'cabinet_classify', label: '柜体分类规则' },
- { value: 'area_calc', label: '面积计算方式' },
- { value: 'tolerance', label: '识别容差设置' },
- { value: 'field_mapping', label: '字段映射规则' },
- { value: 'custom', label: '自定义规则' }
- ],
- rules: [
- { id: 'pa_01', name: '尺寸标注识别正则', type: 'dimension_parse', value: '(?:(?:宽|W|w)[：:]?\\s*)?(\\d+(?:\\.\\d+)?)\\s*[xX*＊×\\-]\\s*(?:(?:高|深|H|h|D|d)[：:]?\\s*)?(\\d+(?:\\.\\d+)?)\\s*(?:mm|毫米|MM)?', unit: '正则', desc: '匹配"宽×高"格式尺寸标注，支持W/H/宽/高前缀、mm/毫米单位后缀、x/X/*/×/-等分隔符', enabled: true, deletable: false },
- { id: 'pa_02', name: '最小识别尺寸', type: 'dimension_parse', value: '50', unit: 'mm', desc: '小于此值的标注将被忽略(防止误识别杂线)', enabled: true, deletable: false },
- { id: 'pa_03', name: '空间名称关键词', type: 'space_detect', value: '主卧,次卧,客厅,餐厅,厨房,书房,阳台,衣帽间,卫生间', unit: '关键词', desc: '用于识别房间名称的关键词列表', enabled: true, deletable: false },
- { id: 'pa_04', name: '柜体类型关键词', type: 'cabinet_classify', value: '衣柜,橱柜,鞋柜,书柜,酒柜,电视柜,榻榻米', unit: '关键词', desc: '柜体类型识别关键词', enabled: true, deletable: true },
- { id: 'pa_05', name: '面积计算方式', type: 'area_calc', value: '长×宽×投影系数', unit: '', desc: '平面面积到展开面积的换算方式', enabled: true, deletable: false },
- { id: 'pa_06', name: '标注识别容差', type: 'tolerance', value: '±5', unit: 'mm', desc: '线段闭合/端点匹配的容差范围', enabled: true, deletable: true },
- { id: 'pa_07', name: '忽略文字区域', type: 'field_mapping', value: '图框/标题栏/图例', unit: '区域', desc: '这些区域内的文字不纳入柜体信息提取', enabled: false, deletable: true }
- ]
- },
- pricing: {
- name: '计价模块',
- icon: '🧮',
- color: '#38A169',
- bgColor: '#F0FFF4',
- borderColor: '#9AE6B4',
- desc: '控制报价计算阶段的计价规则：展开面积/投影面积换算系数、五金计价、门板加价、损耗系数、税费运费等。计算逻辑完全由规则驱动，支持新增、编辑、删除和启停。',
- ruleTypes: [
- { value: 'area_convert', label: '面积换算' },
- { value: 'material_price', label: '材料单价' },
- { value: 'hardware', label: '五金计价' },
- { value: 'door_panel', label: '门板加价' },
- { value: 'loss_factor', label: '损耗系数' },
- { value: 'tax_fee', label: '税费/运费' },
- { value: 'discount', label: '折扣/优惠' },
- { value: 'custom', label: '自定义规则' }
- ],
- rules: [
- { id: 'pr_01', name: '投影→展开面积系数', type: 'area_convert', value: '3.2', unit: '倍', desc: '投影面积乘以该系数得到展开面积', enabled: false, deletable: false },
- { id: 'pr_02', name: '柜体基础单价(颗粒板)', type: 'material_price', value: '680', unit: '元/m²(展开)', desc: '标准颗粒板柜体展开面积单价', enabled: false, deletable: false },
- { id: 'pr_03', name: '柜体基础单价(多层板)', type: 'material_price', value: '880', unit: '元/m²(展开)', desc: '多层实木板柜体展开面积单价', enabled: false, deletable: false },
- { id: 'pr_04', name: '基础五金(铰链/滑轨)', type: 'hardware', value: '80', unit: '元/m²', desc: '每平方米展开面积含基础五金费用', enabled: false, deletable: true },
- { id: 'pr_05', name: '门板基础加价(烤漆)', type: 'door_panel', value: '280', unit: '元/m²', desc: '烤漆门板相对基础门板加价', enabled: false, deletable: true },
- { id: 'pr_06', name: '标准损耗系数', type: 'loss_factor', value: '1.08', unit: '倍', desc: '材料切割损耗系数，应用到材料费用', enabled: false, deletable: false },
- { id: 'pr_07', name: '标准折扣率', type: 'discount', value: '0.90', unit: '', desc: '标准客户默认折扣(9折)', enabled: false, deletable: true },
- { id: 'pr_08', name: '运输安装费', type: 'tax_fee', value: '8', unit: '%', desc: '按总价百分比计算运输安装费', enabled: false, deletable: true }
- ]
- }
- };
- var currentEditingModule = null;
- var currentEditingRuleIndex = -1;
- function loadModuleRules() {
- try {
- var saved = localStorage.getItem(MODULE_RULES_STORAGE_KEY);
- if (saved) {
- var parsed = JSON.parse(saved);
- for (var key in DEFAULT_MODULE_RULES) {
- if (DEFAULT_MODULE_RULES.hasOwnProperty(key)) {
- moduleRulesData[key] = parsed[key] ? parsed[key] : JSON.parse(JSON.stringify(DEFAULT_MODULE_RULES[key]));
- }
- }
- } else {
- for (var key2 in DEFAULT_MODULE_RULES) {
- if (DEFAULT_MODULE_RULES.hasOwnProperty(key2)) {
- moduleRulesData[key2] = JSON.parse(JSON.stringify(DEFAULT_MODULE_RULES[key2]));
- }
- }
- }
- } catch(e) {
- console.warn('Failed to load module rules:', e);
- for (var key3 in DEFAULT_MODULE_RULES) {
- if (DEFAULT_MODULE_RULES.hasOwnProperty(key3)) {
- moduleRulesData[key3] = JSON.parse(JSON.stringify(DEFAULT_MODULE_RULES[key3]));
- }
- }
- }
- // 一次性迁移：首次应用本版本时，将计价模块全部设为禁用；之后尊重用户手动启用并保存的状态。
- var pricingDisabledMigrationKey = 'ai_pricing_rules_default_disabled_v1';
- if (!localStorage.getItem(pricingDisabledMigrationKey) && moduleRulesData.pricing && Array.isArray(moduleRulesData.pricing.rules)) {
- moduleRulesData.pricing.rules.forEach(function(rule){ rule.enabled = false; });
- saveModuleRulesToStorage();
- localStorage.setItem(pricingDisabledMigrationKey, '1');
- }
- }
- function saveModuleRulesToStorage() {
- try {
- localStorage.setItem(MODULE_RULES_STORAGE_KEY, JSON.stringify(moduleRulesData));
- } catch(e) {
- console.warn('Failed to save module rules:', e);
- }
- }
- function renderModuleCards() {
- var modules = ['upload', 'parse', 'pricing'];
- modules.forEach(function(mod) {
- var cfg = moduleRulesData[mod];
- if (!cfg) return;
- var rulesEl = document.getElementById('mcc-' + mod + '-rules');
- var countEl = document.getElementById('mcc-' + mod + '-count');
- if (!rulesEl || !countEl) return;
- var enabledRules = cfg.rules.filter(function(r){ return r.enabled !== false; });
- countEl.textContent = enabledRules.length + ' / ' + cfg.rules.length + ' 条启用';
- var preview = enabledRules.slice(0, 3).map(function(r) {
- var val = r.value;
- var displayVal;
- if (r.unit === '正则') {
- displayVal = '<span style="font-family:Consolas,monospace;font-size:11px;background:rgba(0,0,0,0.06);padding:1px 6px;border-radius:3px;color:#6B7280;">[点击查看正则表达式]</span>';
- } else {
- if (val && val.length > 20) val = val.substring(0, 20) + '…';
- displayVal = '<strong>' + escapeHtml(val) + '</strong>';
- }
- return '• ' + r.name + '：' + displayVal + (r.unit && r.unit !== '正则' ? ' ' + r.unit : '');
- }).join('<br>');
- if (enabledRules.length > 3) {
- preview += '<br>… 还有 ' + (enabledRules.length - 3) + ' 条';
- }
- if (!preview) preview = '<span style="color:#A0AEC0;">暂无启用的规则</span>';
- rulesEl.innerHTML = preview;
- });
- }
- function openModuleConfig(modKey) {
- currentEditingModule = modKey;
- var cfg = moduleRulesData[modKey];
- if (!cfg) return;
- document.getElementById('mc-modal-title').textContent = cfg.icon + ' ' + cfg.name + ' — 规则配置';
- document.getElementById('mc-modal-title').style.color = cfg.color;
- document.getElementById('mc-modal-desc').innerHTML = '<span style="display:inline-block;padding:2px 10px;border-radius:4px;background:' + cfg.bgColor + ';color:' + cfg.color + ';font-weight:600;margin-bottom:6px;">独立配置窗口</span><br>' + cfg.desc;
- renderModuleConfigToolbar(cfg);
- renderModuleConfigRules(cfg);
- document.getElementById('module-config-modal').style.display = 'flex';
- }
- function renderModuleConfigToolbar(cfg) {
- var toolbar = document.getElementById('mc-toolbar');
- toolbar.innerHTML =
- '<button class="btn btn-primary btn-sm" onclick="openMcRuleAdd()">＋ 添加规则</button>' +
- '<button class="btn btn-outline btn-sm" onclick="toggleAllModuleRules(true)">✅ 全部启用</button>' +
- '<button class="btn btn-outline btn-sm" onclick="toggleAllModuleRules(false)">⏸ 全部禁用</button>' +
- '<div style="flex:1;"></div>' +
- '<span style="font-size:12px;color:#718096;align-self:center;">共 ' + cfg.rules.length + ' 条规则</span>';
- }
- function renderModuleConfigRules(cfg) {
- var listEl = document.getElementById('mc-rules-list');
- if (!cfg.rules || cfg.rules.length === 0) {
- listEl.innerHTML = '<div style="text-align:center;padding:40px;color:#A0AEC0;">暂无规则，点击「＋ 添加规则」开始配置</div>';
- return;
- }
- var html = '';
- cfg.rules.forEach(function(rule, idx) {
- var typeLabel = rule.type;
- (cfg.ruleTypes || []).forEach(function(rt) {
- if (rt.value === rule.type) typeLabel = rt.label;
- });
- var isEnabled = rule.enabled !== false;
- var canDelete = rule.deletable !== false;
- var valStr = String(rule.value || '');
- var isRegex = rule.unit === '正则';
- var isLongVal = valStr.length > 40 || isRegex;
- var codeFont = 'Consolas, "Courier New", "SF Mono", Monaco, "Microsoft YaHei Mono", "Source Han Mono SC", "Noto Sans Mono CJK SC", monospace';
- var valueHtml;
- if (isLongVal) {
- var labelText = isRegex ? '🔤 正则表达式' : '规则值';
- var safeVal = valStr.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
- var copyBtn = isRegex ? '<button onclick="navigator.clipboard.writeText(\'' + safeVal + '\');this.textContent=\'✓ 已复制\';var b=this;setTimeout(function(){b.textContent=\'📋 复制\'},1500)" style="margin-left:auto;font-size:11px;padding:3px 10px;border-radius:4px;border:1px solid #475569;background:transparent;color:#94A3B8;cursor:pointer;">📋 复制</button>' : '';
- var exampleHtml = '';
- if (isRegex && rule.name.indexOf('尺寸') > -1) {
- exampleHtml = '<div style="margin-top:8px;padding:10px 14px;background:#0F172A;border-radius:6px;border-left:3px solid #38BDF8;">' +
- '<div style="font-size:11px;color:#38BDF8;margin-bottom:6px;font-weight:600;">📋 匹配格式示例：</div>' +
- '<div style="font-family:' + codeFont + ';font-size:13px;color:#CBD5E1;line-height:2;">' +
- '<div>✅ <span style="color:#4ADE80;">宽1200×高800</span></div>' +
- '<div>✅ <span style="color:#4ADE80;">W800*H600mm</span></div>' +
- '<div>✅ <span style="color:#4ADE80;">1200x800 毫米</span></div>' +
- '<div>✅ <span style="color:#4ADE80;">800*600</span></div>' +
- '<div style="margin-top:4px;font-size:11px;color:#64748B;line-height:1.5;">支持前缀：宽/W、高/深/H/D | 分隔符：x/X/*/＊/×/- | 单位：mm/毫米/MM</div>' +
- '</div></div>';
- }
- valueHtml = '<div style="margin-top:8px;">' +
- '<div style="display:flex;align-items:center;margin-bottom:6px;">' +
- '<span style="font-size:12px;color:#94A3B8;font-weight:500;">' + labelText + (rule.unit && !isRegex ? '（' + escapeHtml(rule.unit) + '）' : '') + '：</span>' +
- copyBtn +
- '</div>' +
- '<div style="background:#0F172A;color:#E2E8F0;padding:14px 16px;border-radius:8px;font-family:' + codeFont + ';font-size:14px;line-height:1.8;word-break:break-all;white-space:pre-wrap;overflow-x:auto;letter-spacing:0;border:1px solid #1E293B;">' + escapeHtml(valStr) + '</div>' +
- exampleHtml +
- '</div>';
- } else {
- valueHtml = '<div style="font-size:13px;color:#4A5568;margin-bottom:4px;">' +
- '规则值：<code style="background:#EDF2F7;padding:2px 8px;border-radius:4px;font-family:' + codeFont + ';font-size:13px;color:' + cfg.color + ';">' + escapeHtml(valStr) + '</code>' +
- (rule.unit ? ' <span style="color:#718096;font-size:12px;">(' + escapeHtml(rule.unit) + ')</span>' : '') +
- '</div>';
- }
- html += '<div style="background:' + (isEnabled ? '#fff' : '#F7FAFC') + ';border:1px solid ' + (isEnabled ? '#E2E8F0' : '#EDF2F7') + ';border-left:3px solid ' + (isEnabled ? cfg.color : '#CBD5E0') + ';border-radius:8px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:flex-start;gap:12px;' + (isEnabled ? '' : 'opacity:0.65;') + '">' +
- '<div style="display:flex;align-items:center;padding-top:2px;">' +
- '<label style="cursor:pointer;display:flex;align-items:center;">' +
- '<input type="checkbox" ' + (isEnabled ? 'checked' : '') + ' onchange="toggleModuleRule(' + idx + ',this.checked)" style="width:16px;height:16px;cursor:pointer;">' +
- '</label>' +
- '</div>' +
- '<div style="flex:1;min-width:0;">' +
- '<div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px;">' +
- '<span style="font-weight:600;font-size:14px;color:' + (isEnabled ? '#1A202C' : '#718096') + ';">' + rule.name + '</span>' +
- '<span style="font-size:11px;padding:1px 7px;border-radius:3px;background:' + cfg.bgColor + ';color:' + cfg.color + ';font-weight:600;">' + typeLabel + '</span>' +
- (isEnabled ? '' : '<span style="font-size:11px;padding:1px 6px;border-radius:3px;background:#EDF2F7;color:#718096;">已禁用</span>') +
- (canDelete ? '' : '<span style="font-size:10px;padding:1px 6px;border-radius:3px;background:#FED7D7;color:#C53030;">系统规则</span>') +
- '</div>' +
- valueHtml +
- (rule.desc ? '<div style="font-size:12px;color:#718096;margin-top:6px;">💬 ' + escapeHtml(rule.desc) + '</div>' : '') +
- '</div>' +
- '<div style="display:flex;gap:4px;flex-shrink:0;">' +
- '<button onclick="openMcRuleEdit(' + idx + ')" style="padding:4px 10px;border:1px solid #E2E8F0;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;color:#4A5568;" title="编辑">✏️</button>' +
- (canDelete ? '<button onclick="deleteModuleRule(' + idx + ')" style="padding:4px 10px;border:1px solid #FED7D7;border-radius:4px;background:#FFF5F5;cursor:pointer;font-size:12px;color:#C53030;" title="删除">🗑️</button>' : '') +
- '</div>' +
- '</div>';
- });
- listEl.innerHTML = html;
- }
- function escapeHtml(str) {
- var d = document.createElement('div');
- d.textContent = str;
- return d.innerHTML;
- }
- function toggleModuleRule(idx, enabled) {
- if (!currentEditingModule) return;
- moduleRulesData[currentEditingModule].rules[idx].enabled = enabled;
- renderModuleConfigRules(moduleRulesData[currentEditingModule]);
- renderModuleConfigToolbar(moduleRulesData[currentEditingModule]);
- saveModuleRulesToStorage();
- }
- function toggleAllModuleRules(enabled) {
- if (!currentEditingModule) return;
- moduleRulesData[currentEditingModule].rules.forEach(function(r){ r.enabled = enabled; });
- renderModuleConfigRules(moduleRulesData[currentEditingModule]);
- renderModuleConfigToolbar(moduleRulesData[currentEditingModule]);
- saveModuleRulesToStorage();
- }
- function deleteModuleRule(idx) {
- if (!currentEditingModule) return;
- var rule = moduleRulesData[currentEditingModule].rules[idx];
- if (rule.deletable === false) return;
- qConfirmDialog('确定删除规则「' + rule.name + '」吗？', function(){
- moduleRulesData[currentEditingModule].rules.splice(idx, 1);
- renderModuleConfigRules(moduleRulesData[currentEditingModule]);
- renderModuleConfigToolbar(moduleRulesData[currentEditingModule]);
- saveModuleRulesToStorage();
- });
- }
- function openMcRuleAdd() {
- if (!currentEditingModule) return;
- currentEditingRuleIndex = -1;
- var cfg = moduleRulesData[currentEditingModule];
- document.getElementById('mc-edit-title').textContent = '＋ 添加规则';
- document.getElementById('mc-edit-name').value = '';
- document.getElementById('mc-edit-value').value = '';
- document.getElementById('mc-edit-unit').value = '';
- document.getElementById('mc-edit-desc').value = '';
- document.getElementById('mc-edit-enabled').checked = true;
- var typeSel = document.getElementById('mc-edit-type');
- typeSel.innerHTML = '';
- (cfg.ruleTypes || []).forEach(function(rt) {
- var opt = document.createElement('option');
- opt.value = rt.value;
- opt.textContent = rt.label;
- typeSel.appendChild(opt);
- });
- document.getElementById('mc-edit-value-label').textContent = '规则值 *';
- document.getElementById('mc-rule-edit-modal').style.display = 'flex';
- setTimeout(function(){ document.getElementById('mc-edit-name').focus(); }, 100);
- }
- function openMcRuleEdit(idx) {
- if (!currentEditingModule) return;
- currentEditingRuleIndex = idx;
- var cfg = moduleRulesData[currentEditingModule];
- var rule = cfg.rules[idx];
- document.getElementById('mc-edit-title').textContent = '✏️ 编辑规则';
- document.getElementById('mc-edit-name').value = rule.name || '';
- document.getElementById('mc-edit-value').value = rule.value || '';
- document.getElementById('mc-edit-unit').value = rule.unit || '';
- document.getElementById('mc-edit-desc').value = rule.desc || '';
- document.getElementById('mc-edit-enabled').checked = rule.enabled !== false;
- var typeSel = document.getElementById('mc-edit-type');
- typeSel.innerHTML = '';
- (cfg.ruleTypes || []).forEach(function(rt) {
- var opt = document.createElement('option');
- opt.value = rt.value;
- opt.textContent = rt.label;
- if (rt.value === rule.type) opt.selected = true;
- typeSel.appendChild(opt);
- });
- document.getElementById('mc-rule-edit-modal').style.display = 'flex';
- }
- function closeMcRuleEdit() {
- document.getElementById('mc-rule-edit-modal').style.display = 'none';
- }
- function submitMcRuleEdit() {
- if (!currentEditingModule) return;
- var name = document.getElementById('mc-edit-name').value.trim();
- var type = document.getElementById('mc-edit-type').value;
- var value = document.getElementById('mc-edit-value').value.trim();
- var unit = document.getElementById('mc-edit-unit').value.trim();
- var desc = document.getElementById('mc-edit-desc').value.trim();
- var enabled = document.getElementById('mc-edit-enabled').checked;
- if (!name) { showToast('请输入规则名称', 'warning'); return; }
- if (!value) { showToast('请输入规则值', 'warning'); return; }
- var cfg = moduleRulesData[currentEditingModule];
- if (currentEditingRuleIndex >= 0) {
- var rule = cfg.rules[currentEditingRuleIndex];
- rule.name = name; rule.type = type; rule.value = value;
- rule.unit = unit; rule.desc = desc; rule.enabled = enabled;
- } else {
- var newId = currentEditingModule.substring(0,2) + '_' + Date.now().toString(36);
- cfg.rules.push({
- id: newId, name: name, type: type, value: value,
- unit: unit, desc: desc, enabled: enabled, deletable: true
- });
- }
- closeMcRuleEdit();
- renderModuleConfigRules(cfg);
- renderModuleConfigToolbar(cfg);
- saveModuleRulesToStorage();
- }
- function closeModuleConfig() {
- document.getElementById('module-config-modal').style.display = 'none';
- closeMcRuleEdit();
- currentEditingModule = null;
- renderModuleCards();
- }
- function saveModuleConfig() {
- saveModuleRulesToStorage();
- persistState();
- renderModuleCards();
- var cfg = moduleRulesData[currentEditingModule];
- showToast('✅ ' + (cfg ? cfg.name : '模块') + ' 规则配置已保存', 'success');
- closeModuleConfig();
- }
- function resetModuleRules() {
- if (!currentEditingModule) return;
- qConfirmDialog('确定恢复该模块为默认规则？所有自定义修改将丢失。', function(){
- moduleRulesData[currentEditingModule] = JSON.parse(JSON.stringify(DEFAULT_MODULE_RULES[currentEditingModule]));
- saveModuleRulesToStorage();
- renderModuleConfigRules(moduleRulesData[currentEditingModule]);
- renderModuleConfigToolbar(moduleRulesData[currentEditingModule]);
- showToast('🔄 已恢复为默认规则', 'success');
- });
- }
- // ========== 高级报价参数右侧抽屉面板 ==========
- var drawerCurrentPlanId = null;
- function updateAdvancedButtonVisibility() {
- var btn = document.getElementById('btn-advanced-params');
- if (btn) btn.style.display = 'inline-flex';
- }
- function openAdvancedDrawer() {
- var drawer = document.getElementById('advanced-drawer');
- var overlay = document.getElementById('drawer-overlay');
- if (!drawer || !overlay) return;
- syncDrawerFromCurrentState();
- renderDrawerPlanList();
- renderDrawerModeSelector();
- drawer.classList.add('open');
- overlay.classList.add('visible');
- }
- function closeAdvancedDrawer() {
- var drawer = document.getElementById('advanced-drawer');
- var overlay = document.getElementById('drawer-overlay');
- if (!drawer || !overlay) return;
- drawer.classList.remove('open');
- overlay.classList.remove('visible');
- }
- function toggleAdvancedDrawer() {
- var drawer = document.getElementById('advanced-drawer');
- if (drawer && drawer.classList.contains('open')) {
- closeAdvancedDrawer();
- } else {
- openAdvancedDrawer();
- }
- }
- function syncDrawerFromCurrentState() {
- var defaultPlan = getDefaultPlan();
- var currentPlan = state.activePlanId ? getPlanById(state.activePlanId) : null;
- drawerCurrentPlanId = (currentPlan && currentPlan.id) || (defaultPlan && defaultPlan.id) || null;
- if (drawerCurrentPlanId && !state.activePlanId) state.activePlanId = drawerCurrentPlanId;
- var modeSelect = document.getElementById('drawer-mode-select');
- if (modeSelect && state.currentPricingMode) {
- modeSelect.value = state.currentPricingMode;
- }
- updateDrawerModeParams();
- markDrawerPlanSelected();
- }
- function renderDrawerPlanList() {
- var container = document.getElementById('drawer-plan-list');
- var select = document.getElementById('drawer-plan-select');
- if (!container) return;
- var plans = state.quotationPlans || [];
- if (select) {
- select.innerHTML = '<option value="">-- 选择报价方案 --</option>' + plans.filter(function(p) { return p.enabled !== false; }).map(function(plan) {
- return '<option value="' + plan.id + '"' + (plan.id === drawerCurrentPlanId ? ' selected' : '') + '>' + plan.name + (plan.isDefault ? ' (默认)' : '') + '</option>';
- }).join('');
- }
- container.innerHTML = plans.map(function(plan) {
- var isSel = plan.id === drawerCurrentPlanId;
- var isDefault = plan.isDefault === true;
- var isDisabled = plan.enabled === false;
- var floatPct = Math.round((plan.floatRatio || 0) * 100);
- var discountPct = (plan.discountRate || 1) >= 0.999 ? '原价' : (Math.round((plan.discountRate||1)*100)/10) + '折';
- return '<div class="drawer-plan-mini-card ' + (isSel ? 'selected ' : '') + (isDefault ? 'default-plan ' : '') + (isDisabled ? 'disabled ' : '') + '" data-plan-id="' + plan.id + '" onclick="selectDrawerPlan(\'' + plan.id + '\')">' +
- '<div class="drawer-plan-mini-top">' +
- '<span class="drawer-plan-mini-name">' + (plan.name || '未命名') + '</span>' +
- '<div class="drawer-plan-mini-badges">' +
- (isDefault ? '<span class="drawer-plan-mini-badge default">默认</span>' : '') +
- (isDisabled ? '<span class="drawer-plan-mini-badge disabled-badge">停用</span>' : '') +
- '</div>' +
- '</div>' +
- '<div class="drawer-plan-mini-params">' +
- '<span>浮动 ±' + floatPct + '%</span>' +
- '<span>折扣 ' + discountPct + '</span>' +
- '</div>' +
- '<div class="drawer-plan-mini-actions" onclick="event.stopPropagation();">' +
- '<button onclick="openPlanModal(\'' + plan.id + '\'); closeAdvancedDrawer();">编辑</button>' +
- '<button onclick="copyDrawerPlan(\'' + plan.id + '\')">复制</button>' +
- (isDefault ? '' : '<button onclick="setDefaultDrawerPlan(\'' + plan.id + '\')">设默认</button>') +
- (isDisabled ? '<button onclick="toggleDrawerPlanEnabled(\'' + plan.id + '\',true)">启用</button>' : '<button onclick="toggleDrawerPlanEnabled(\'' + plan.id + '\',false)">停用</button>') +
- '<button class="danger" onclick="deleteDrawerPlan(\'' + plan.id + '\')">删除</button>' +
- '</div>' +
- '</div>';
- }).join('');
- updateDrawerPlanInfo();
- }
- function updateDrawerPlanInfo() {
- var plan = drawerCurrentPlanId ? getPlanById(drawerCurrentPlanId) : null;
- var infoEl = document.getElementById('drawer-current-plan-info');
- var nameEl = document.getElementById('drawer-plan-name');
- var floatEl = document.getElementById('drawer-plan-float');
- var discountEl = document.getElementById('drawer-plan-discount');
- var select = document.getElementById('drawer-plan-select');
- if (!infoEl || !nameEl || !floatEl || !discountEl) return;
- if (plan) {
- nameEl.textContent = plan.name;
- floatEl.textContent = Math.round((plan.floatRatio||0)*100);
- discountEl.textContent = (plan.discountRate||1) >= 0.999 ? '原价' : (Math.round((plan.discountRate||1)*100)/10) + '折';
- if (select) select.value = drawerCurrentPlanId;
- }
- }
- function onDrawerPlanDropdownChange(planId) {
- if (!planId) return;
- selectDrawerPlan(planId);
- }
- function markDrawerPlanSelected() {
- var cards = document.querySelectorAll('.drawer-plan-mini-card');
- cards.forEach(function(card) {
- if (card.getAttribute('data-plan-id') === drawerCurrentPlanId) {
- card.classList.add('selected');
- } else {
- card.classList.remove('selected');
- }
- });
- }
- function selectDrawerPlan(planId) {
- var plan = getPlanById(planId);
- if (!plan) return;
- if (plan.enabled === false) {
- showToast('⚠️ 该方案已停用，无法选择', 'warning');
- return;
- }
- drawerCurrentPlanId = planId;
- state.activePlanId = planId;
- var floatPct = Math.round((plan.floatRatio || 0) * 100);
- if (typeof window.setGlobalFloat === 'function') {
- window.setGlobalFloat(floatPct);
- }
- qDiscountRate = plan.discountRate || 1.0;
- if (plan.customerTier) state.currentCustomerTier = plan.customerTier;
- markDrawerPlanSelected();
- updateDrawerPlanInfo();
- updateGlobalEstimate();
- if (typeof renderModuleCards === 'function') renderModuleCards();
- if (typeof renderSummary === 'function') renderSummary();
- persistState();
- showToast('✅ 已切换方案：' + plan.name, 'success');
- }
- function copyDrawerPlan(planId) {
- var plan = getPlanById(planId);
- if (!plan) return;
- var newPlan = JSON.parse(JSON.stringify(plan));
- newPlan.id = genPlanId();
- newPlan.name = plan.name + ' (副本)';
- newPlan.isDefault = false;
- state.quotationPlans.push(newPlan);
- renderDrawerPlanList();
- if (typeof renderPlanList === 'function') renderPlanList();
- persistState();
- showToast('📋 已复制方案：' + newPlan.name, 'success');
- }
- function setDefaultDrawerPlan(planId) {
- var plan = getPlanById(planId);
- if (!plan) return;
- state.quotationPlans.forEach(function(p) { p.isDefault = false; });
- plan.isDefault = true;
- plan.enabled = true;
- renderDrawerPlanList();
- if (typeof renderPlanList === 'function') renderPlanList();
- persistState();
- showToast('⭐ 已设为默认方案：' + plan.name, 'success');
- }
- function toggleDrawerPlanEnabled(planId, enabled) {
- var plan = getPlanById(planId);
- if (!plan) return;
- plan.enabled = enabled;
- if (enabled && !state.quotationPlans.some(function(p) { return p.isDefault && p.enabled; })) {
- plan.isDefault = true;
- }
- if (!enabled && plan.isDefault) {
- var firstEnabled = state.quotationPlans.find(function(p) { return p.enabled && p.id !== planId; });
- if (firstEnabled) firstEnabled.isDefault = true;
- }
- renderDrawerPlanList();
- if (typeof renderPlanList === 'function') renderPlanList();
- persistState();
- showToast(enabled ? '✅ 已启用方案' : '⏸️ 已停用方案', 'info');
- }
- function deleteDrawerPlan(planId) {
- var plan = getPlanById(planId);
- if (!plan) return;
- if (state.quotationPlans.length <= 1) {
- showToast('⚠️ 至少保留一个报价方案', 'warning');
- return;
- }
- qConfirmDialog('确定删除方案「' + plan.name + '」吗？', function(){
- state.quotationPlans = state.quotationPlans.filter(function(p) { return p.id !== planId; });
- if (plan.isDefault) {
- var firstEnabled = state.quotationPlans.find(function(p) { return p.enabled; });
- if (firstEnabled) firstEnabled.isDefault = true;
- }
- if (drawerCurrentPlanId === planId) {
- var defaultP = getDefaultPlan();
- if (defaultP) {
- drawerCurrentPlanId = defaultP.id;
- state.activePlanId = defaultP.id;
- var floatPct = Math.round((defaultP.floatRatio||0)*100);
- if (typeof window.setGlobalFloat === 'function') window.setGlobalFloat(floatPct);
- qDiscountRate = defaultP.discountRate || 1.0;
- }
- }
- renderDrawerPlanList();
- if (typeof renderPlanList === 'function') renderPlanList();
- updateGlobalEstimate();
- if (typeof renderModuleCards === 'function') renderModuleCards();
- persistState();
- showToast('🗑️ 方案已删除', 'success');
- });
- }
- function renderDrawerModeSelector() {
- var sel = document.getElementById('drawer-mode-select');
- if (!sel) return;
- var modes = [
- { key: 'package', name: '套餐价', desc: '按空间套餐组合报价（柜体明细累加）' },
- { key: 'fixedPrice', name: '固定单价', desc: '总投影面积 × 固定单价（一口价快速报价）' }
- ];
- sel.innerHTML = modes.map(function(m) {
- return '<option value="' + m.key + '">' + m.name + ' - ' + m.desc + '</option>';
- }).join('');
- if (state.currentPricingMode) sel.value = state.currentPricingMode;
- updateDrawerModeParams();
- }
- function onDrawerModeChange(mode) {
- state.currentPricingMode = mode;
- state.defaultPricingMode = mode;
- if (typeof switchPricingMode === 'function') {
- switchPricingMode(mode);
- }
- updateDrawerModeParams();
- updateGlobalEstimate();
- if (typeof renderModuleCards === 'function') renderModuleCards();
- if (typeof renderSummary === 'function') renderSummary();
- persistState();
- var modeNames = { package: '套餐价', fixedPrice: '固定单价' };
- showToast('🔄 已切换报价模式：' + (modeNames[mode] || mode), 'success');
- }
- function updateDrawerModeParams() {
- var detail = document.getElementById('drawer-mode-param-detail');
- if (!detail) return;
- var mode = state.currentPricingMode || 'package';
- var unitPrice = state.currentFixedUnitPrice || state.defaultFixedUnitPrice || 0;
- var modeNames = { package: '套餐价模式', fixedPrice: '固定单价模式' };
- var modeDescs = {
- package: '各空间按预设套餐报价，每个柜体独立计价（投影面积×对应单价），五金配件、灯带等加价项可单独选择，适合标准定制报价，展示详细明细。',
- fixedPrice: '按总投影面积（各空间累加）× 固定单价计算，一口价快速报价，无需逐项配置，适合初步估算和快速出单。'
- };
- var extraHtml = '';
- if (mode === 'fixedPrice') {
- extraHtml = '<div style="margin-top:10px;display:flex;align-items:center;gap:8px;">' +
- '<span style="font-size:12px;color:#718096;">固定单价：</span>' +
- '<input type="number" id="drawer-unit-price" value="' + unitPrice + '" min="1000" max="20000" step="100" style="width:120px;padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;font-weight:600;" onchange="onDrawerUnitPriceChange(this.value)">' +
- '<span style="font-size:12px;color:#718096;">元/㎡</span>' +
- '</div>' +
- '<div style="margin-top:6px;font-size:11px;color:#A0AEC0;">提示：修改后立即生效，影响各空间预估总价累加计算</div>';
- }
- detail.innerHTML = '<div style="font-size:13px;font-weight:600;color:#2D3748;margin-bottom:6px;">' + (modeNames[mode]||mode) + '</div>' +
- '<div style="font-size:12px;color:#718096;line-height:1.6;">' + (modeDescs[mode]||'') + '</div>' + extraHtml;
- }
- function onDrawerUnitPriceChange(val) {
- var price = parseFloat(val) || 0;
- state.currentFixedUnitPrice = price;
- state.defaultFixedUnitPrice = price;
- updateGlobalEstimate();
- if (typeof renderModuleCards === 'function') renderModuleCards();
- persistState();
- }
- window.toggleAdvancedDrawer = toggleAdvancedDrawer;
- window.openAdvancedDrawer = openAdvancedDrawer;
- window.closeAdvancedDrawer = closeAdvancedDrawer;
- window.selectDrawerPlan = selectDrawerPlan;
- window.copyDrawerPlan = copyDrawerPlan;
- window.setDefaultDrawerPlan = setDefaultDrawerPlan;
- window.toggleDrawerPlanEnabled = toggleDrawerPlanEnabled;
- window.deleteDrawerPlan = deleteDrawerPlan;
- window.onDrawerModeChange = onDrawerModeChange;
- window.onDrawerUnitPriceChange = onDrawerUnitPriceChange;
- window.onDrawerPlanDropdownChange = onDrawerPlanDropdownChange;
- window.updateAdvancedButtonVisibility = updateAdvancedButtonVisibility;
- // 监听方案编辑弹窗保存后刷新抽屉
- var _origSavePlan = window.savePlan;
- window.savePlan = function() {
- if (_origSavePlan) _origSavePlan();
- setTimeout(function() {
- if (document.getElementById('advanced-drawer') && document.getElementById('advanced-drawer').classList.contains('open')) {
- renderDrawerPlanList();
- }
- }, 200);
- };
- // 页面完全加载后恢复localStorage数据
- window.addEventListener('load', function() {
- setTimeout(function() {
- loadModuleRules();
- loadState();
- renderModuleCards();
- if (typeof renderQuoteList === 'function') renderQuoteList();
- updateAdvancedButtonVisibility();
- updateGlobalEstimate();
- qShowModeSelect(); // 首页入口：报价模式选择前置弹窗
- if (typeof qEnsureFloorHeightEditable === 'function') qEnsureFloorHeightEditable();
- }, 100);
- });
- </script>
- <!-- ======================== 通用页内对话框（替代原生 prompt/confirm/alert，预览环境可用） ======================== -->
- <div id="q-dialog-mask" style="position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(2px);z-index:10000;display:none;align-items:center;justify-content:center;">
- <div style="background:#fff;border-radius:12px;width:400px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.35);">
- <div id="q-dialog-title" style="padding:18px 22px 0;font-size:15px;font-weight:700;color:#1e293b;">提示</div>
- <div id="q-dialog-message" style="padding:12px 22px;font-size:14px;color:#334155;white-space:pre-line;line-height:1.7;"></div>
- <div id="q-dialog-input-wrap" style="padding:0 22px 4px;display:none;">
- <input id="q-dialog-input" type="text" style="width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none;" />
- </div>
- <div style="display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 18px;">
- <button type="button" id="q-dialog-cancel" class="btn btn-outline btn-sm" style="padding:7px 18px;">取消</button>
- <button type="button" id="q-dialog-ok" class="btn btn-primary btn-sm" style="padding:7px 18px;">确定</button>
- </div>
- </div>
- </div>
- <!-- ======================== 报价模式选择前置弹窗（首页入口，必选其一） ======================== -->
- <div id="mode-select-overlay" style="position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);z-index:999;display:none;align-items:center;justify-content:center;">
- <div style="background:#fff;border-radius:16px;max-width:780px;width:92%;padding:28px 30px;box-shadow:0 20px 60px rgba(0,0,0,.35);">
- <h2 style="color:var(--primary);margin:0 0 6px;">🏠 选择报价模式</h2>
- <p style="color:#64748B;margin:0 0 18px;font-size:14px;">必须选择其中一个报价模式，才能进入对应的报价功能及系统页面。两种模式的数据与计算逻辑相互隔离，切换互不干扰。</p>
- <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
- <div onclick="qSelectQuoteMode('ai')" style="border:2px solid #E2E8F0;border-radius:12px;padding:22px 18px;cursor:pointer;text-align:center;transition:all .2s;background:#F8FAFC;" onmouseover="this.style.borderColor='var(--primary)';this.style.background='#EEF2FF';" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#F8FAFC';">
- <div style="font-size:38px;margin-bottom:10px;">🤖</div>
- <strong style="font-size:16px;color:#1E293B;">选项1：AI 快速粗略报价</strong>
- <p style="color:#64748B;font-size:13px;margin:8px 0 0;line-height:1.6;">上传户型图纸 / CAD，AI 自动识别柜体并后台运行解析与计价，快速生成粗略报价单</p>
- </div>
- <div onclick="qSelectQuoteMode('manual')" style="border:2px solid #E2E8F0;border-radius:12px;padding:22px 18px;cursor:pointer;text-align:center;transition:all .2s;background:#F8FAFC;" onmouseover="this.style.borderColor='var(--primary)';this.style.background='#EEF2FF';" onmouseout="this.style.borderColor='#E2E8F0';this.style.background='#F8FAFC';">
- <div style="font-size:38px;margin-bottom:10px;">🖐️</div>
- <strong style="font-size:16px;color:#1E293B;">选项2：手动拖拽精准报价</strong>
- <p style="color:#64748B;font-size:13px;margin:8px 0 0;line-height:1.6;">上传户型图纸，手动拖拽柜体布局、逐步核对尺寸后计算，生成精准报价单</p>
- </div>
- </div>
- <div style="text-align:center;margin-top:16px;">
- <span onclick="qEnterQuoteListOnly()" style="cursor:pointer;color:var(--primary);font-size:13px;text-decoration:underline;">暂不新建，先查看报价单列表 →</span>
- </div>
- </div>
- </div>
- </body>
- </html>
|
