1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322 |
- <template>
- <div style="width: 1200px; margin: auto">
- <div :class="$i18n.locale === 'zh' ? 'user-title1' : 'user-title2'">
- <div class="information">
- {{ $i18n.locale === 'zh' ? '快速选择:' : 'Quick selection' }}
- </div>
- <div
- @click="getInfo('0')"
- :class="informationsClass == 0 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '全部' : 'Whole' }}
- </div>
- <div
- @click="getInfo('1')"
- :class="informationsClass == 1 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '原煤' : 'Raw coal' }}
- </div>
- <div
- @click="getInfo('2')"
- :class="informationsClass == 2 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '洗精煤' : 'Washed coal' }}
- </div>
- <div
- @click="getInfo('3')"
- :class="informationsClass == 3 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '焦炭' : 'Coke' }}
- </div>
- <div
- @click="getInfo('4')"
- :class="informationsClass == 4 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '原油' : 'Crude oil' }}
- </div>
- <div
- @click="getInfo('5')"
- :class="informationsClass == 5 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '柴油' : 'Diesel oil' }}
- </div>
- <div
- @click="getInfo('6')"
- :class="informationsClass == 6 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '汽油/煤油' : 'Gasoline/Kerosene' }}
- </div>
- <div
- @click="getInfo('7')"
- :class="informationsClass == 7 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '天然气' : 'Natural gas' }}
- </div>
- <div
- @click="getInfo('8')"
- :class="informationsClass == 8 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '液化石油气' : 'Liquefied petroleum gas' }}
- </div>
- <div
- @click="getInfo('9')"
- :class="informationsClass == 9 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '氢' : 'Hydrogen' }}
- </div>
- <div
- @click="getInfo('10')"
- :class="informationsClass == 10 ? 'information2' : 'information1'"
- >
- {{ $i18n.locale === 'zh' ? '电力' : 'Power' }}
- </div>
- </div>
- <div v-if="userRaw" style="width: 98%; margin-left: 1% margin-bottom: 2%">
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-8.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '原煤' : 'Raw Coal' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '千磅(lb)' : 'lb' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '长吨(lt)' : 'lt' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '短吨(st)' : 'st' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="a"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('1')"
- @blur="lostBlur"
- @input="getNum('1')"
- :class="focusClass == 1 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="b"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('2')"
- @blur="lostBlur"
- @input="getNum('2')"
- :class="focusClass == 2 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="c"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('3')"
- @blur="lostBlur"
- @input="getNum('3')"
- :class="focusClass == 3 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="d"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('4')"
- @blur="lostBlur"
- @input="getNum('4')"
- :class="focusClass == 4 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getNum('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearNum">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.a * Number(0.714)).toFixed(3)"
- >{{ (this.a * Number(0.714)).toFixed(3) }}
- </span>
- <span :title="(this.a * Number(0.5)).toFixed(3)"
- >{{ (this.a * Number(0.5)).toFixed(3) }}
- </span>
- <span :title="(this.a * Number(20.936)).toFixed(3)">{{
- (this.a * Number(20.936)).toFixed(3)
- }}</span>
- <span :title="(this.a * Number(19.843)).toFixed(3)">{{
- (this.a * Number(19.843)).toFixed(3)
- }}</span>
- <span :title="(this.a * Number(5.004)).toFixed(3)"
- >{{ (this.a * Number(5.004)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.b * Number(0.324)).toFixed(3)"
- >{{ (this.b * Number(0.324)).toFixed(3) }}
- </span>
- <span :title="(this.b * Number(0.227)).toFixed(3)"
- >{{ (this.b * Number(0.227)).toFixed(3) }}
- </span>
- <span :title="(this.b * Number(9.495)).toFixed(3)">{{
- (this.b * Number(9.495)).toFixed(3)
- }}</span>
- <span :title="(this.b * Number(8.999)).toFixed(3)">{{
- (this.b * Number(8.999)).toFixed(3)
- }}</span>
- <span :title="(this.b * Number(2.269)).toFixed(3)"
- >{{ (this.b * Number(2.269)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.c * Number(0.726)).toFixed(3)"
- >{{ (this.c * Number(0.726)).toFixed(3) }}
- </span>
- <span :title="(this.c * Number(0.508)).toFixed(3)"
- >{{ (this.c * Number(0.508)).toFixed(3) }}
- </span>
- <span :title="(this.c * Number(21.27)).toFixed(3)">{{
- (this.c * Number(21.27)).toFixed(3)
- }}</span>
- <span :title="(this.c * Number(20.16)).toFixed(3)">{{
- (this.c * Number(20.16)).toFixed(3)
- }}</span>
- <span :title="(this.c * Number(5.083)).toFixed(3)"
- >{{ (this.c * Number(5.083)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.d * Number(0.648)).toFixed(3)"
- >{{ (this.d * Number(0.648)).toFixed(3) }}
- </span>
- <span :title="(this.d * Number(0.454)).toFixed(3)"
- >{{ (this.d * Number(0.454)).toFixed(3) }}
- </span>
- <span :title="(this.d * Number(18.998)).toFixed(3)">{{
- (this.d * Number(18.998)).toFixed(3)
- }}</span>
- <span :title="(this.d * Number(18.007)).toFixed(3)">{{
- (this.d * Number(18.007)).toFixed(3)
- }}</span>
- <span :title="(this.d * Number(4.541)).toFixed(3)"
- >{{ (this.d * Number(4.541)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- v-if="userWashed"
- style="width: 98%; margin-left: 1% margin-bottom: 2%"
- >
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-8.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '洗精煤' : 'Washed coal' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '千磅(lb)' : 'lb' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '长吨(lt)' : 'lt' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '短吨(st)' : 'st' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="e"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('5')"
- @blur="lostBlur"
- @input="getWashed('1')"
- :class="focusClass == 5 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="f"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('6')"
- @blur="lostBlur"
- @input="getWashed('2')"
- :class="focusClass == 6 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="g"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('7')"
- @blur="lostBlur"
- @input="getWashed('3')"
- :class="focusClass == 7 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="h"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('8')"
- @blur="lostBlur"
- @input="getWashed('4')"
- :class="focusClass == 8 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getWashed('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearWashed">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.e * Number(0.9)).toFixed(3)"
- >{{ (this.e * Number(0.9)).toFixed(3) }}
- </span>
- <span :title="(this.e * Number(0.63)).toFixed(3)"
- >{{ (this.e * Number(0.63)).toFixed(3) }}
- </span>
- <span :title="(this.e * Number(26.379)).toFixed(3)">{{
- (this.e * Number(26.379)).toFixed(3)
- }}</span>
- <span :title="(this.e * Number(25.002)).toFixed(3)">{{
- (this.e * Number(25.002)).toFixed(3)
- }}</span>
- <span :title="(this.e * Number(6.305)).toFixed(3)"
- >{{ (this.e * Number(6.305)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.f * Number(0.408)).toFixed(3)"
- >{{ (this.f * Number(0.408)).toFixed(3) }}
- </span>
- <span :title="(this.f * Number(0.286)).toFixed(3)"
- >{{ (this.f * Number(0.286)).toFixed(3) }}
- </span>
- <span :title="(this.f * Number(11.963)).toFixed(3)">{{
- (this.f * Number(11.963)).toFixed(3)
- }}</span>
- <span :title="(this.f * Number(11.339)).toFixed(3)">{{
- (this.f * Number(11.339)).toFixed(3)
- }}</span>
- <span :title="(this.f * Number(2.859)).toFixed(3)"
- >{{ (this.f * Number(2.859)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.g * Number(0.914)).toFixed(3)"
- >{{ (this.g * Number(0.914)).toFixed(3) }}
- </span>
- <span :title="(this.g * Number(0.64)).toFixed(3)"
- >{{ (this.g * Number(0.64)).toFixed(3) }}
- </span>
- <span :title="(this.g * Number(26.8)).toFixed(3)">{{
- (this.g * Number(26.8)).toFixed(3)
- }}</span>
- <span :title="(this.g * Number(25.401)).toFixed(3)">{{
- (this.g * Number(25.401)).toFixed(3)
- }}</span>
- <span :title="(this.g * Number(6.405)).toFixed(3)"
- >{{ (this.g * Number(6.405)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.h * Number(0.817)).toFixed(3)"
- >{{ (this.h * Number(0.817)).toFixed(3) }}
- </span>
- <span :title="(this.h * Number(0.572)).toFixed(3)"
- >{{ (this.h * Number(0.572)).toFixed(3) }}
- </span>
- <span :title="(this.h * Number(23.937)).toFixed(3)">{{
- (this.h * Number(23.937)).toFixed(3)
- }}</span>
- <span :title="(this.h * Number(22.688)).toFixed(3)">{{
- (this.h * Number(22.688)).toFixed(3)
- }}</span>
- <span :title="(this.h * Number(5.721)).toFixed(3)"
- >{{ (this.h * Number(5.721)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div v-if="userCoke" style="width: 98%; margin-left: 1% margin-bottom: 2%">
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-8.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '焦炭' : 'Coke' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '千磅(lb)' : 'lb' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '长吨(lt)' : 'lt' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '短吨(st)' : 'st' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="i"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('9')"
- @blur="lostBlur"
- @input="getCoke('1')"
- :class="focusClass == 9 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="j"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('10')"
- @blur="lostBlur"
- @input="getCoke('2')"
- :class="focusClass == 10 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="k"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('11')"
- @blur="lostBlur"
- @input="getCoke('3')"
- :class="focusClass == 11 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="l"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('12')"
- @blur="lostBlur"
- @input="getCoke('4')"
- :class="focusClass == 12 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getCoke('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearCoke">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.i * Number(0.971)).toFixed(3)"
- >{{ (this.i * Number(0.971)).toFixed(3) }}
- </span>
- <span :title="(this.i * Number(0.68)).toFixed(3)"
- >{{ (this.i * Number(0.68)).toFixed(3) }}
- </span>
- <span :title="(this.i * Number(28.472)).toFixed(3)">{{
- (this.i * Number(28.472)).toFixed(3)
- }}</span>
- <span :title="(this.i * Number(26.985)).toFixed(3)">{{
- (this.i * Number(26.985)).toFixed(3)
- }}</span>
- <span :title="(this.i * Number(6.805)).toFixed(3)"
- >{{ (this.i * Number(6.805)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.j * Number(0.441)).toFixed(3)"
- >{{ (this.j * Number(0.441)).toFixed(3) }}
- </span>
- <span :title="(this.j * Number(0.308)).toFixed(3)"
- >{{ (this.j * Number(0.308)).toFixed(3) }}
- </span>
- <span :title="(this.j * Number(12.912)).toFixed(3)">{{
- (this.j * Number(12.912)).toFixed(3)
- }}</span>
- <span :title="(this.j * Number(12.238)).toFixed(3)">{{
- (this.j * Number(12.238)).toFixed(3)
- }}</span>
- <span :title="(this.j * Number(3.086)).toFixed(3)"
- >{{ (this.j * Number(3.086)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.k * Number(0.987)).toFixed(3)"
- >{{ (this.k * Number(0.987)).toFixed(3) }}
- </span>
- <span :title="(this.k * Number(0.691)).toFixed(3)"
- >{{ (this.k * Number(0.691)).toFixed(3) }}
- </span>
- <span :title="(this.k * Number(28.926)).toFixed(3)">{{
- (this.k * Number(28.926)).toFixed(3)
- }}</span>
- <span :title="(this.k * Number(27.416)).toFixed(3)">{{
- (this.k * Number(27.416)).toFixed(3)
- }}</span>
- <span :title="(this.k * Number(6.913)).toFixed(3)"
- >{{ (this.k * Number(6.913)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.l * Number(0.881)).toFixed(3)"
- >{{ (this.l * Number(0.881)).toFixed(3) }}
- </span>
- <span :title="(this.l * Number(0.617)).toFixed(3)"
- >{{ (this.l * Number(0.617)).toFixed(3) }}
- </span>
- <span :title="(this.l * Number(25.836)).toFixed(3)">{{
- (this.l * Number(25.836)).toFixed(3)
- }}</span>
- <span :title="(this.l * Number(24.488)).toFixed(3)">{{
- (this.l * Number(24.488)).toFixed(3)
- }}</span>
- <span :title="(this.l * Number(6.175)).toFixed(3)"
- >{{ (this.l * Number(6.175)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div v-if="userCrude" style="width: 98%; margin-left: 1% margin-bottom: 2%">
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-5.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '原油' : 'Crude Oil' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '桶(bbl)' : 'bbl' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '千升(KL)' : 'KL' }}</li>
- <li>
- {{ $i18n.locale === 'zh' ? '千美制加仑(kgal.US)' : 'kgal.US' }}
- </li>
- <li>
- {{ $i18n.locale === 'zh' ? '千英制加仑(kgal.UK)' : 'kgal.UK' }}
- </li>
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="q"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('13')"
- @blur="lostBlur"
- @input="getOil('1')"
- :class="focusClass == 13 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="r"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('14')"
- @blur="lostBlur"
- @input="getOil('2')"
- :class="focusClass == 14 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="s"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('15')"
- @blur="lostBlur"
- @input="getOil('3')"
- :class="focusClass == 15 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="t"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('16')"
- @blur="lostBlur"
- @input="getOil('4')"
- :class="focusClass == 16 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="u"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('17')"
- @blur="lostBlur"
- @input="getOil('5')"
- :class="focusClass == 17 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getOil('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearOil">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.q * Number(0.195)).toFixed(3)"
- >{{ (this.q * Number(0.195)).toFixed(3) }}
- </span>
- <span :title="(this.q * Number(0.136)).toFixed(3)"
- >{{ (this.q * Number(0.136)).toFixed(3) }}
- </span>
- <span :title="(this.q * Number(5.712)).toFixed(3)">{{
- (this.q * Number(5.712)).toFixed(3)
- }}</span>
- <span :title="(this.q * Number(5.414)).toFixed(3)">{{
- (this.q * Number(5.414)).toFixed(3)
- }}</span>
- <span :title="(this.q * Number(1.365)).toFixed(3)"
- >{{ (this.q * Number(1.365)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.r * Number(1.219)).toFixed(3)"
- >{{ (this.r * Number(1.219)).toFixed(3) }}
- </span>
- <span :title="(this.r * Number(0.853)).toFixed(3)"
- >{{ (this.r * Number(0.853)).toFixed(3) }}
- </span>
- <span :title="(this.r * Number(35.727)).toFixed(3)">{{
- (this.r * Number(35.727)).toFixed(3)
- }}</span>
- <span :title="(this.r * Number(33.862)).toFixed(3)">{{
- (this.r * Number(33.862)).toFixed(3)
- }}</span>
- <span :title="(this.r * Number(8.539)).toFixed(3)"
- >{{ (this.r * Number(8.539)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.s * Number(4.638)).toFixed(3)"
- >{{ (this.s * Number(4.638)).toFixed(3) }}
- </span>
- <span :title="(this.s * Number(3.247)).toFixed(3)"
- >{{ (this.s * Number(3.247)).toFixed(3) }}
- </span>
- <span :title="(this.s * Number(135.949)).toFixed(3)">{{
- (this.s * Number(135.949)).toFixed(3)
- }}</span>
- <span :title="(this.s * Number(128.852)).toFixed(3)">{{
- (this.s * Number(128.852)).toFixed(3)
- }}</span>
- <span :title="(this.s * Number(32.491)).toFixed(3)"
- >{{ (this.s * Number(32.491)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.t * Number(5.568)).toFixed(3)"
- >{{ (this.t * Number(5.568)).toFixed(3) }}
- </span>
- <span :title="(this.t * Number(3.898)).toFixed(3)"
- >{{ (this.t * Number(3.898)).toFixed(3) }}
- </span>
- <span :title="(this.t * Number(163.204)).toFixed(3)">{{
- (this.t * Number(163.204)).toFixed(3)
- }}</span>
- <span :title="(this.t * Number(154.685)).toFixed(3)">{{
- (this.t * Number(154.685)).toFixed(3)
- }}</span>
- <span :title="(this.t * Number(39.005)).toFixed(3)"
- >{{ (this.t * Number(39.005)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.u * Number(1.429)).toFixed(3)"
- >{{ (this.u * Number(1.429)).toFixed(3) }}
- </span>
- <span :title="(this.u * Number(1.0)).toFixed(3)"
- >{{ (this.u * Number(1.0)).toFixed(3) }}
- </span>
- <span :title="(this.u * Number(41.872)).toFixed(3)">{{
- (this.u * Number(41.872)).toFixed(3)
- }}</span>
- <span :title="(this.u * Number(39.687)).toFixed(3)">{{
- (this.u * Number(39.687)).toFixed(3)
- }}</span>
- <span :title="(this.u * Number(10.007)).toFixed(3)"
- >{{ (this.u * Number(10.007)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- v-if="userDiesel"
- style="width: 98%; margin-left: 1% margin-bottom: 2%"
- >
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-5.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '柴油' : 'Diesel oil' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '千升(KL)' : 'KL' }}</li>
- <li>
- {{ $i18n.locale === 'zh' ? '千美制加仑(kgal.US)' : 'kgal.US' }}
- </li>
- <li>
- {{ $i18n.locale === 'zh' ? '千英制加仑(kgal.UK)' : 'kgal.UK' }}
- </li>
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="v"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('18')"
- @blur="lostBlur"
- @input="getDiesel('1')"
- :class="focusClass == 18 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="w"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('19')"
- @blur="lostBlur"
- @input="getDiesel('2')"
- :class="focusClass == 19 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="x"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('20')"
- @blur="lostBlur"
- @input="getDiesel('3')"
- :class="focusClass == 20 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="y"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('21')"
- @blur="lostBlur"
- @input="getDiesel('4')"
- :class="focusClass == 21 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getDiesel('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearDiesel">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.v * Number(1.243)).toFixed(3)"
- >{{ (this.v * Number(1.243)).toFixed(3) }}
- </span>
- <span :title="(this.v * Number(0.87)).toFixed(3)"
- >{{ (this.v * Number(0.87)).toFixed(3) }}
- </span>
- <span :title="(this.v * Number(36.44)).toFixed(3)">{{
- (this.v * Number(36.44)).toFixed(3)
- }}</span>
- <span :title="(this.v * Number(34.538)).toFixed(3)">{{
- (this.v * Number(34.538)).toFixed(3)
- }}</span>
- <span :title="(this.v * Number(8.709)).toFixed(3)"
- >{{ (this.v * Number(8.709)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.w * Number(4.731)).toFixed(3)"
- >{{ (this.w * Number(4.731)).toFixed(3) }}
- </span>
- <span :title="(this.w * Number(3.312)).toFixed(3)"
- >{{ (this.w * Number(3.312)).toFixed(3) }}
- </span>
- <span :title="(this.w * Number(138.661)).toFixed(3)">{{
- (this.w * Number(138.661)).toFixed(3)
- }}</span>
- <span :title="(this.w * Number(131.423)).toFixed(3)">{{
- (this.w * Number(131.423)).toFixed(3)
- }}</span>
- <span :title="(this.w * Number(33.14)).toFixed(3)"
- >{{ (this.w * Number(33.14)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.x * Number(5.679)).toFixed(3)"
- >{{ (this.x * Number(5.679)).toFixed(3) }}
- </span>
- <span :title="(this.x * Number(3.975)).toFixed(3)"
- >{{ (this.x * Number(3.975)).toFixed(3) }}
- </span>
- <span :title="(this.x * Number(166.46)).toFixed(3)">{{
- (this.x * Number(166.46)).toFixed(3)
- }}</span>
- <span :title="(this.x * Number(157.771)).toFixed(3)">{{
- (this.x * Number(157.771)).toFixed(3)
- }}</span>
- <span :title="(this.x * Number(39.783)).toFixed(3)"
- >{{ (this.x * Number(39.783)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.y * Number(1.457)).toFixed(3)"
- >{{ (this.y * Number(1.457)).toFixed(3) }}
- </span>
- <span :title="(this.y * Number(1.02)).toFixed(3)"
- >{{ (this.y * Number(1.02)).toFixed(3) }}
- </span>
- <span :title="(this.y * Number(42.708)).toFixed(3)">{{
- (this.y * Number(42.708)).toFixed(3)
- }}</span>
- <span :title="(this.y * Number(40.478)).toFixed(3)">{{
- (this.y * Number(40.478)).toFixed(3)
- }}</span>
- <span :title="(this.y * Number(10.207)).toFixed(3)"
- >{{ (this.y * Number(10.207)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- v-if="userGasoline"
- style="width: 98%; margin-left: 1% margin-bottom: 2%"
- >
- <div style="font-size: 22px; font-weight: 700">
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-5.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '汽油/煤油' : 'Gasoline/Kerosene' }}
- </div>
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '千升(KL)' : 'KL' }}</li>
- <li>
- {{ $i18n.locale === 'zh' ? '千美制加仑(kgal.US)' : 'kgal.US' }}
- </li>
- <li>
- {{ $i18n.locale === 'zh' ? '千英制加仑(kgal.UK)' : 'kgal.UK' }}
- </li>
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="a1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('22')"
- @blur="lostBlur"
- @input="getGasoline('1')"
- :class="focusClass == 22 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="b1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('23')"
- @blur="lostBlur"
- @input="getGasoline('2')"
- :class="focusClass == 23 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="c1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('24')"
- @blur="lostBlur"
- @input="getGasoline('3')"
- :class="focusClass == 24 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="d1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('25')"
- @blur="lostBlur"
- @input="getGasoline('4')"
- :class="focusClass == 25 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getGasoline('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearGasoline">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.a1 * Number(1.081)).toFixed(3)"
- >{{ (this.a1 * Number(1.081)).toFixed(3) }}
- </span>
- <span :title="(this.a1 * Number(0.757)).toFixed(3)"
- >{{ (this.a1 * Number(0.757)).toFixed(3) }}
- </span>
- <span :title="(this.a1 * Number(31.688)).toFixed(3)">{{
- (this.a1 * Number(31.688)).toFixed(3)
- }}</span>
- <span :title="(this.a1 * Number(30.033)).toFixed(3)">{{
- (this.a1 * Number(30.033)).toFixed(3)
- }}</span>
- <span :title="(this.a1 * Number(7.573)).toFixed(3)"
- >{{ (this.a1 * Number(7.573)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.b1 * Number(4.122)).toFixed(3)"
- >{{ (this.b1 * Number(4.122)).toFixed(3) }}
- </span>
- <span :title="(this.b1 * Number(2.885)).toFixed(3)"
- >{{ (this.b1 * Number(2.885)).toFixed(3) }}
- </span>
- <span :title="(this.b1 * Number(120.803)).toFixed(3)">{{
- (this.b1 * Number(120.803)).toFixed(3)
- }}</span>
- <span :title="(this.b1 * Number(114.497)).toFixed(3)">{{
- (this.b1 * Number(114.497)).toFixed(3)
- }}</span>
- <span :title="(this.b1 * Number(28.872)).toFixed(3)"
- >{{ (this.b1 * Number(28.872)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.c1 * Number(4.948)).toFixed(3)"
- >{{ (this.c1 * Number(4.948)).toFixed(3) }}
- </span>
- <span :title="(this.c1 * Number(3.464)).toFixed(3)"
- >{{ (this.c1 * Number(3.464)).toFixed(3) }}
- </span>
- <span :title="(this.c1 * Number(145.022)).toFixed(3)">{{
- (this.c1 * Number(145.022)).toFixed(3)
- }}</span>
- <span :title="(this.c1 * Number(137.452)).toFixed(3)">{{
- (this.c1 * Number(137.452)).toFixed(3)
- }}</span>
- <span :title="(this.c1 * Number(34.66)).toFixed(3)"
- >{{ (this.c1 * Number(34.66)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.d1 * Number(1.471)).toFixed(3)"
- >{{ (this.d1 * Number(1.471)).toFixed(3) }}
- </span>
- <span :title="(this.d1 * Number(1.03)).toFixed(3)"
- >{{ (this.d1 * Number(1.03)).toFixed(3) }}
- </span>
- <span :title="(this.d1 * Number(43.127)).toFixed(3)">{{
- (this.d1 * Number(43.127)).toFixed(3)
- }}</span>
- <span :title="(this.d1 * Number(40.875)).toFixed(3)">{{
- (this.d1 * Number(40.875)).toFixed(3)
- }}</span>
- <span :title="(this.d1 * Number(10.307)).toFixed(3)"
- >{{ (this.d1 * Number(10.307)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- v-if="userNatural"
- style="width: 98%; margin-left: 1% margin-bottom: 2%"
- >
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-1.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '天然气' : 'Natural gas' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '千立方米(k·m3)' : 'k·m3' }}</li>
- <li>
- {{ $i18n.locale === 'zh' ? '千立方英尺(k·ft3)' : 'k·ft3' }}
- </li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="e1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('26')"
- @blur="lostBlur"
- @input="getNatural('1')"
- :class="focusClass == 26 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="f1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('27')"
- @blur="lostBlur"
- @input="getNatural('2')"
- :class="focusClass == 27 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn-deft" @click="getNatural('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearNatural">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.e1 * Number(1.215)).toFixed(3)"
- >{{ (this.e1 * Number(1.215)).toFixed(3) }}
- </span>
- <span :title="(this.e1 * Number(0.851)).toFixed(3)"
- >{{ (this.e1 * Number(0.851)).toFixed(3) }}
- </span>
- <span :title="(this.e1 * Number(35.612)).toFixed(3)">{{
- (this.e1 * Number(35.612)).toFixed(3)
- }}</span>
- <span :title="(this.e1 * Number(33.753)).toFixed(3)">{{
- (this.e1 * Number(33.753)).toFixed(3)
- }}</span>
- <span :title="(this.e1 * Number(8.511)).toFixed(3)"
- >{{ (this.e1 * Number(8.511)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.f1 * Number(0.034)).toFixed(3)"
- >{{ (this.f1 * Number(0.034)).toFixed(3) }}
- </span>
- <span :title="(this.f1 * Number(0.024)).toFixed(3)"
- >{{ (this.f1 * Number(0.024)).toFixed(3) }}
- </span>
- <span :title="(this.f1 * Number(1.009)).toFixed(3)">{{
- (this.f1 * Number(1.009)).toFixed(3)
- }}</span>
- <span :title="(this.f1 * Number(0.956)).toFixed(3)">{{
- (this.f1 * Number(0.956)).toFixed(3)
- }}</span>
- <span :title="(this.f1 * Number(0.241)).toFixed(3)"
- >{{ (this.f1 * Number(0.241)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- v-if="userLiquefied"
- style="width: 98%; margin-left: 1% margin-bottom: 2%"
- >
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-1.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '液化石油气' : 'Liquefied petroleum gas' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '千磅(lb)' : 'lb' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '长吨(lt)' : 'lt' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '短吨(st)' : 'st' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="m"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('28')"
- @blur="lostBlur"
- @input="getGas('1')"
- :class="focusClass == 28 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="n"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('29')"
- @blur="lostBlur"
- @input="getGas('2')"
- :class="focusClass == 29 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="o"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('40')"
- @blur="lostBlur"
- @input="getGas('3')"
- :class="focusClass == 40 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="p"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('31')"
- @blur="lostBlur"
- @input="getGas('4')"
- :class="focusClass == 31 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getGas('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearGas">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.m * Number(1.714)).toFixed(3)"
- >{{ (this.m * Number(1.714)).toFixed(3) }}
- </span>
- <span :title="(this.m * Number(1.2)).toFixed(3)"
- >{{ (this.m * Number(1.2)).toFixed(3) }}
- </span>
- <span :title="(this.m * Number(50.246)).toFixed(3)">{{
- (this.m * Number(50.246)).toFixed(3)
- }}</span>
- <span :title="(this.m * Number(47.623)).toFixed(3)">{{
- (this.m * Number(47.623)).toFixed(3)
- }}</span>
- <span :title="(this.m * Number(12.009)).toFixed(3)"
- >{{ (this.m * Number(12.009)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.n * Number(0.777)).toFixed(3)"
- >{{ (this.n * Number(0.777)).toFixed(3) }}
- </span>
- <span :title="(this.n * Number(0.544)).toFixed(3)"
- >{{ (this.n * Number(0.544)).toFixed(3) }}
- </span>
- <span :title="(this.n * Number(22.787)).toFixed(3)">{{
- (this.n * Number(22.787)).toFixed(3)
- }}</span>
- <span :title="(this.n * Number(21.598)).toFixed(3)">{{
- (this.n * Number(21.598)).toFixed(3)
- }}</span>
- <span :title="(this.n * Number(5.446)).toFixed(3)"
- >{{ (this.n * Number(5.446)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.o * Number(1.742)).toFixed(3)"
- >{{ (this.o * Number(1.742)).toFixed(3) }}
- </span>
- <span :title="(this.o * Number(1.219)).toFixed(3)"
- >{{ (this.o * Number(1.219)).toFixed(3) }}
- </span>
- <span :title="(this.o * Number(51.048)).toFixed(3)">{{
- (this.o * Number(51.048)).toFixed(3)
- }}</span>
- <span :title="(this.o * Number(48.383)).toFixed(3)">{{
- (this.o * Number(48.383)).toFixed(3)
- }}</span>
- <span :title="(this.o * Number(12.2)).toFixed(3)"
- >{{ (this.o * Number(12.2)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.p * Number(1.556)).toFixed(3)"
- >{{ (this.p * Number(1.556)).toFixed(3) }}
- </span>
- <span :title="(this.p * Number(1.089)).toFixed(3)"
- >{{ (this.p * Number(1.089)).toFixed(3) }}
- </span>
- <span :title="(this.p * Number(45.595)).toFixed(3)">{{
- (this.p * Number(45.595)).toFixed(3)
- }}</span>
- <span :title="(this.p * Number(43.215)).toFixed(3)">{{
- (this.p * Number(43.215)).toFixed(3)
- }}</span>
- <span :title="(this.p * Number(10.897)).toFixed(3)"
- >{{ (this.p * Number(10.897)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div
- v-if="userHydrogen"
- style="width: 98%; margin-left: 1% margin-bottom: 2%"
- >
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-3.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '氢' : 'Hydrogen' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '千立方米(k·m3)' : 'k·m3' }}</li>
- <li>
- {{ $i18n.locale === 'zh' ? '千立方英尺(k·ft3)' : 'k·ft3' }}
- </li>
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '千磅(lb)' : 'lb' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '长吨(lt)' : 'lt' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '短吨(st)' : 'st' }}</li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="a2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('32')"
- @blur="lostBlur"
- @input="getHydrogen('1')"
- :class="focusClass == 32 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="b2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('33')"
- @blur="lostBlur"
- @input="getHydrogen('2')"
- :class="focusClass == 33 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="c2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('34')"
- @blur="lostBlur"
- @input="getHydrogen('3')"
- :class="focusClass == 34 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="d2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('35')"
- @blur="lostBlur"
- @input="getHydrogen('4')"
- :class="focusClass == 35 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="e2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('36')"
- @blur="lostBlur"
- @input="getHydrogen('5')"
- :class="focusClass == 36 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="f2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('37')"
- @blur="lostBlur"
- @input="getHydrogen('6')"
- :class="focusClass == 37 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%">
- <div>
- <el-button class="user-btn" @click="getHydrogen('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearHydrogen">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.a2 * Number(0.436)).toFixed(3)"
- >{{ (this.a2 * Number(0.436)).toFixed(3) }}
- </span>
- <span :title="(this.a2 * Number(0.305)).toFixed(3)"
- >{{ (this.a2 * Number(0.305)).toFixed(3) }}
- </span>
- <span :title="(this.a2 * Number(12.78)).toFixed(3)">{{
- (this.a2 * Number(12.78)).toFixed(3)
- }}</span>
- <span :title="(this.a2 * Number(12.112)).toFixed(3)">{{
- (this.a2 * Number(12.112)).toFixed(3)
- }}</span>
- <span :title="(this.a2 * Number(3.054)).toFixed(3)"
- >{{ (this.a2 * Number(3.054)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.b2 * Number(0.012)).toFixed(3)"
- >{{ (this.b2 * Number(0.012)).toFixed(3) }}
- </span>
- <span :title="(this.b2 * Number(0.009)).toFixed(3)"
- >{{ (this.b2 * Number(0.009)).toFixed(3) }}
- </span>
- <span :title="(this.b2 * Number(0.362)).toFixed(3)">{{
- (this.b2 * Number(0.362)).toFixed(3)
- }}</span>
- <span :title="(this.b2 * Number(0.343)).toFixed(3)">{{
- (this.b2 * Number(0.343)).toFixed(3)
- }}</span>
- <span :title="(this.b2 * Number(0.086)).toFixed(3)"
- >{{ (this.b2 * Number(0.086)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.c2 * Number(4.85)).toFixed(3)"
- >{{ (this.c2 * Number(4.85)).toFixed(3) }}
- </span>
- <span :title="(this.c2 * Number(3.395)).toFixed(3)"
- >{{ (this.c2 * Number(3.395)).toFixed(3) }}
- </span>
- <span :title="(this.c2 * Number(142.154)).toFixed(3)">{{
- (this.c2 * Number(142.154)).toFixed(3)
- }}</span>
- <span :title="(this.c2 * Number(134.733)).toFixed(3)">{{
- (this.c2 * Number(134.733)).toFixed(3)
- }}</span>
- <span :title="(this.c2 * Number(33.974)).toFixed(3)"
- >{{ (this.c2 * Number(33.974)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.d2 * Number(2.2)).toFixed(3)"
- >{{ (this.d2 * Number(2.2)).toFixed(3) }}
- </span>
- <span :title="(this.d2 * Number(1.54)).toFixed(3)"
- >{{ (this.d2 * Number(1.54)).toFixed(3) }}
- </span>
- <span :title="(this.d2 * Number(64.469)).toFixed(3)">{{
- (this.d2 * Number(64.469)).toFixed(3)
- }}</span>
- <span :title="(this.d2 * Number(61.103)).toFixed(3)">{{
- (this.d2 * Number(61.103)).toFixed(3)
- }}</span>
- <span :title="(this.d2 * Number(15.408)).toFixed(3)"
- >{{ (this.d2 * Number(15.408)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.e2 * Number(4.927)).toFixed(3)"
- >{{ (this.e2 * Number(4.927)).toFixed(3) }}
- </span>
- <span :title="(this.e2 * Number(3.449)).toFixed(3)"
- >{{ (this.e2 * Number(3.449)).toFixed(3) }}
- </span>
- <span :title="(this.e2 * Number(144.421)).toFixed(3)">{{
- (this.e2 * Number(144.421)).toFixed(3)
- }}</span>
- <span :title="(this.e2 * Number(136.882)).toFixed(3)">{{
- (this.e2 * Number(136.882)).toFixed(3)
- }}</span>
- <span :title="(this.e2 * Number(34.516)).toFixed(3)"
- >{{ (this.e2 * Number(34.516)).toFixed(3) }}
- </span>
- </li>
- <li>
- <span :title="(this.f2 * Number(4.401)).toFixed(3)"
- >{{ (this.f2 * Number(4.401)).toFixed(3) }}
- </span>
- <span :title="(this.f2 * Number(3.081)).toFixed(3)"
- >{{ (this.f2 * Number(3.081)).toFixed(3) }}
- </span>
- <span :title="(this.f2 * Number(128.996)).toFixed(3)">{{
- (this.f2 * Number(128.996)).toFixed(3)
- }}</span>
- <span :title="(this.f2 * Number(122.262)).toFixed(3)">{{
- (this.f2 * Number(122.262)).toFixed(3)
- }}</span>
- <span :title="(this.f2 * Number(30.83)).toFixed(3)"
- >{{ (this.f2 * Number(30.83)).toFixed(3) }}
- </span>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div v-if="userPower" style="width: 98%; margin-left: 1% margin-bottom: 2%">
- <div style="display: flex; margin-top: 20px">
- <div style="width: 40px; height: 40px">
- <img
- src="@/assets/userUntil-4.png"
- style="width: 100%; height: 100%"
- />
- </div>
- <div
- style="
- font-size: 22px;
- font-weight: 700;
- height: 40px;
- line-height: 40px;
- margin-left: 10px;
- "
- >
- {{ $i18n.locale === 'zh' ? '电力' : 'Power' }}
- </div>
- </div>
- <div style="border-top: 1px solid #d7d7d7; margin-bottom: 20px"></div>
- <div style="display: flex; width: 100%; justify-content: space-between">
- <div style="display: flex; flex-wrap: wrap; width: 34%">
- <div
- style="
- width: 100%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- font-size: 23px;
- border-top: 1px solid #dbdbdb;
- border-left: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- "
- >
- {{ $i18n.locale === 'zh' ? '物理单位' : 'Physical unit' }}
- </div>
- <ul class="text-title" style="width: 44%">
- <li>{{ $i18n.locale === 'zh' ? '千千瓦时(MWh)' : 'MWh' }}</li>
- <li>
- {{ $i18n.locale === 'zh' ? '千瓦时(kWh)' : 'kWh' }}
- </li>
- </ul>
- <ul style="width: 56%">
- <li>
- <el-input
- type="number"
- v-model="g1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('38')"
- @blur="lostBlur"
- @input="getPower('1')"
- :class="focusClass == 38 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- <li>
- <el-input
- type="number"
- v-model="h1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('39')"
- @blur="lostBlur"
- @input="getPower('2')"
- :class="focusClass == 39 ? 'focusClass2' : 'focusClass1'"
- />
- </li>
- </ul>
- </div>
- <div style="width: 11%; text-align: center !important">
- <div>
- <el-button class="user-btn-deft" @click="getPower('0')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="clearPower">{{
- $i18n.locale === 'zh' ? '数据重置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div style="display: flex; flex-wrap: wrap; width: 54%">
- <div style="width: 100%; display: flex" class="title-top">
- <span>{{ $i18n.locale === 'zh' ? '标煤(tce)' : 'tce' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '标油(toe)' : 'toe' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉焦(GJ)' : 'GJ' }} </span>
- <span>{{ $i18n.locale === 'zh' ? '吉卡(Gcal)' : 'Gcal' }} </span>
- <span style="border-right: 1px solid #dbdbdb">{{
- $i18n.locale === 'zh' ? '百万英热单位(MBtu)' : 'MBtu'
- }}</span>
- </div>
- <ul style="width: 100%" class="ui-bgcText">
- <li>
- <span :title="(this.g1 * Number(0.123)).toFixed(3)"
- >{{ (this.g1 * Number(0.123)).toFixed(3) }}
- </span>
- <span :title="(this.g1 * Number(0.086)).toFixed(3)"
- >{{ (this.g1 * Number(0.086)).toFixed(3) }}
- </span>
- <span :title="(this.g1 * Number(3.602)).toFixed(3)">{{
- (this.g1 * Number(3.602)).toFixed(3)
- }}</span>
- <span :title="(this.g1 * Number(3.414)).toFixed(3)">{{
- (this.g1 * Number(3.414)).toFixed(3)
- }}</span>
- <span :title="(this.g1 * Number(0.861)).toFixed(3)"
- >{{ (this.g1 * Number(0.861)).toFixed(3) }}
- </span>
- </li>
- <li style="width: 100%; height: 41px; display: flex; border: none">
- <div
- style="
- width: 35.8%;
- height: 41px;
- line-height: 41px;
- text-align: center;
- border: 1px solid #dbdbdb;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- "
- :title="(this.h1 * Number(301.5)).toFixed(3)"
- >
- {{ (this.h1 * Number(301.5)).toFixed(3)
- }}{{ $i18n.locale === 'zh' ? '克' : 'g' }}
- </div>
- <div
- style="
- width: 63.8%;
- height: 41px;
- line-height: 41px;
- text-align: center;
- border-top: 1px solid #dbdbdb;
- border-bottom: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- "
- :title="(this.h1 * Number(0.3)).toFixed(3)"
- >
- {{ (this.h1 * Number(0.3)).toFixed(3)
- }}{{ $i18n.locale === 'zh' ? '立方米' : 'm3' }}
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- name: 'unitConversion',
- data() {
- return {
- focusClass: '',
- userRaw: true,
- userWashed: true,
- userCoke: true,
- userCrude: true,
- userDiesel: true,
- userGasoline: true,
- userNatural: true,
- userLiquefied: true,
- userHydrogen: true,
- userPower: true,
- informationsClass: '0',
- textInfo: '请输入数值',
- textInfo1: 'Please enter a value',
- //原煤
- disabled: false,
- a: '',
- b: '',
- c: '',
- d: '',
- //洗精煤
- disabled1: false,
- e: '',
- f: '',
- g: '',
- h: '',
- //焦炭
- disabled2: false,
- i: '',
- j: '',
- k: '',
- l: '',
- //液化石油气
- disabled3: false,
- m: '',
- n: '',
- o: '',
- p: '',
- //原油
- disabled4: false,
- q: '',
- r: '',
- s: '',
- t: '',
- u: '',
- //柴油
- disabled5: false,
- v: '',
- w: '',
- x: '',
- y: '',
- //汽油/煤油
- disabled6: false,
- a1: '',
- b1: '',
- c1: '',
- d1: '',
- //天然气
- disabled7: false,
- e1: '',
- f1: '',
- //电力
- disabled8: false,
- g1: '',
- h1: '',
- //氢
- disabled9: false,
- a2: '',
- b2: '',
- c2: '',
- d2: '',
- e2: '',
- f2: '',
- }
- },
- mounted() {
- this.getInfo('0')
- },
- methods: {
- lostBlur() {
- this.focusClass = ''
- },
- getFocus(num) {
- this.focusClass = num
- },
- getInfo(num) {
- this.informationsClass = num
- if (num == '0') {
- this.userRaw = true
- this.userWashed = true
- this.userCoke = true
- this.userCrude = true
- this.userDiesel = true
- this.userGasoline = true
- this.userNatural = true
- this.userLiquefied = true
- this.userHydrogen = true
- this.userPower = true
- }
- if (num == '1') {
- this.userRaw = true
- this.userWashed = false
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '2') {
- this.userRaw = false
- this.userWashed = true
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '3') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = true
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '4') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = false
- this.userCrude = true
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '5') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = true
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '6') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = true
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '7') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = true
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '8') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = true
- this.userHydrogen = false
- this.userPower = false
- }
- if (num == '9') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = true
- this.userPower = false
- }
- if (num == '10') {
- this.userRaw = false
- this.userWashed = false
- this.userCoke = false
- this.userCrude = false
- this.userDiesel = false
- this.userGasoline = false
- this.userNatural = false
- this.userLiquefied = false
- this.userHydrogen = false
- this.userPower = true
- }
- },
- getNum(num) {
- // if (this.disabled == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled = true
- if (num == 0) {
- // if (this.a !== '') {
- // let a1 = Number(this.a)
- // this.b = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.c = (a1 * Number(0.9843)).toFixed(3)
- // this.d = (a1 * Number(1.102)).toFixed(3)
- // }
- // if (this.b !== '') {
- // this.a = ((Number(this.b) * Number(1000)) / Number(2205)).toFixed(3)
- // let a1 = Number(this.a)
- // this.c = (a1 * Number(0.9843)).toFixed(3)
- // this.d = (a1 * Number(1.102)).toFixed(3)
- // }
- // if (this.c !== '') {
- // this.a = (Number(this.c) / Number(0.9843)).toFixed(3)
- // let a1 = Number(this.a)
- // this.b = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.d = (a1 * Number(1.102)).toFixed(3)
- // }
- // if (this.d !== '') {
- // this.a = (Number(this.d) / Number(1.102)).toFixed(3)
- // let a1 = Number(this.a)
- // this.b = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.c = (a1 * Number(0.9843)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.a === '') {
- this.disabled = false
- this.a = ''
- this.b = ''
- this.c = ''
- this.d = ''
- } else {
- let a1 = Number(this.a)
- this.b = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.c = (a1 * Number(0.9843)).toFixed(3)
- this.d = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.b === '') {
- this.disabled = false
- this.a = ''
- this.b = ''
- this.c = ''
- this.d = ''
- } else {
- this.a = ((Number(this.b) * Number(1000)) / Number(2205)).toFixed(3)
- let a1 = Number(this.a)
- this.c = (a1 * Number(0.9843)).toFixed(3)
- this.d = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.c === '') {
- this.disabled = false
- this.a = ''
- this.b = ''
- this.c = ''
- this.d = ''
- } else {
- this.a = (Number(this.c) / Number(0.9843)).toFixed(3)
- let a1 = Number(this.a)
- this.b = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.d = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.d === '') {
- this.disabled = false
- this.a = ''
- this.b = ''
- this.c = ''
- this.d = ''
- } else {
- this.a = (Number(this.d) / Number(1.102)).toFixed(3)
- let a1 = Number(this.a)
- this.b = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.c = (a1 * Number(0.9843)).toFixed(3)
- }
- }
- }
- },
- clearNum() {
- this.disabled = false
- this.a = ''
- this.b = ''
- this.c = ''
- this.d = ''
- },
- getWashed(num) {
- // if (this.disabled1 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled1 = true
- if (num == 0) {
- // if (this.e !== '') {
- // let a1 = Number(this.e)
- // this.f = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.g = (a1 * Number(0.9843)).toFixed(3)
- // this.h = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.f !== '') {
- // this.e = ((Number(this.f) * Number(1000)) / Number(2205)).toFixed(3)
- // let a1 = Number(this.e)
- // this.g = (a1 * Number(0.9843)).toFixed(3)
- // this.h = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.g !== '') {
- // this.e = (Number(this.g) / Number(0.9843)).toFixed(3)
- // let a1 = Number(this.e)
- // this.f = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.h = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.h !== '') {
- // this.e = (Number(this.h) / Number(1.102)).toFixed(3)
- // let a1 = Number(this.e)
- // this.f = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.g = (a1 * Number(0.9843)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.e === '') {
- this.disabled1 = false
- this.e = ''
- this.f = ''
- this.g = ''
- this.h = ''
- } else {
- let a1 = Number(this.e)
- this.f = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.g = (a1 * Number(0.9843)).toFixed(3)
- this.h = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.f === '') {
- this.disabled1 = false
- this.e = ''
- this.f = ''
- this.g = ''
- this.h = ''
- } else {
- this.e = ((Number(this.f) * Number(1000)) / Number(2205)).toFixed(3)
- let a1 = Number(this.e)
- this.g = (a1 * Number(0.9843)).toFixed(3)
- this.h = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.g === '') {
- this.disabled1 = false
- this.e = ''
- this.f = ''
- this.g = ''
- this.h = ''
- } else {
- this.e = (Number(this.g) / Number(0.9843)).toFixed(3)
- let a1 = Number(this.e)
- this.f = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.h = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.h === '') {
- this.disabled1 = false
- this.e = ''
- this.f = ''
- this.g = ''
- this.h = ''
- } else {
- this.e = (Number(this.h) / Number(1.102)).toFixed(3)
- let a1 = Number(this.e)
- this.f = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.g = (a1 * Number(0.9843)).toFixed(3)
- }
- }
- }
- },
- clearWashed() {
- this.disabled1 = false
- this.e = ''
- this.f = ''
- this.g = ''
- this.h = ''
- },
- getCoke(num) {
- // if (this.disabled2 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled2 = true
- if (num == 0) {
- // if (this.i !== '') {
- // let a1 = Number(this.i)
- // this.j = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.k = (a1 * Number(0.9843)).toFixed(3)
- // this.l = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.j !== '') {
- // this.i = ((Number(this.j) * Number(1000)) / Number(2205)).toFixed(3)
- // let a1 = Number(this.i)
- // this.k = (a1 * Number(0.9843)).toFixed(3)
- // this.l = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.k !== '') {
- // this.i = (Number(this.k) / Number(0.9843)).toFixed(3)
- // let a1 = Number(this.i)
- // this.j = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.l = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.l !== '') {
- // this.i = (Number(this.l) / Number(1.102)).toFixed(3)
- // let a1 = Number(this.i)
- // this.j = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.k = (a1 * Number(0.9843)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.i === '') {
- this.disabled2 = false
- this.i = ''
- this.j = ''
- this.k = ''
- this.l = ''
- } else {
- let a1 = Number(this.i)
- this.j = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.k = (a1 * Number(0.9843)).toFixed(3)
- this.l = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.j === '') {
- this.disabled2 = false
- this.i = ''
- this.j = ''
- this.k = ''
- this.l = ''
- } else {
- this.i = ((Number(this.j) * Number(1000)) / Number(2205)).toFixed(3)
- let a1 = Number(this.i)
- this.k = (a1 * Number(0.9843)).toFixed(3)
- this.l = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.k === '') {
- this.disabled2 = false
- this.i = ''
- this.j = ''
- this.k = ''
- this.l = ''
- } else {
- this.i = (Number(this.k) / Number(0.9843)).toFixed(3)
- let a1 = Number(this.i)
- this.j = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.l = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.l === '') {
- this.disabled2 = false
- this.i = ''
- this.j = ''
- this.k = ''
- this.l = ''
- } else {
- this.i = (Number(this.l) / Number(1.102)).toFixed(3)
- let a1 = Number(this.i)
- this.j = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.k = (a1 * Number(0.9843)).toFixed(3)
- }
- }
- }
- },
- clearCoke() {
- this.disabled2 = false
- this.i = ''
- this.j = ''
- this.k = ''
- this.l = ''
- },
- getGas(num) {
- // if (this.disabled3 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled3 = true
- if (num == 0) {
- // if (this.m !== '') {
- // let a1 = Number(this.m)
- // this.n = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.o = (a1 * Number(0.9843)).toFixed(3)
- // this.p = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.n !== '') {
- // this.m = ((Number(this.n) * Number(1000)) / Number(2205)).toFixed(3)
- // let a1 = Number(this.m)
- // this.o = (a1 * Number(0.9843)).toFixed(3)
- // this.p = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.o !== '') {
- // this.m = (Number(this.o) / Number(0.9843)).toFixed(3)
- // let a1 = Number(this.m)
- // this.n = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.p = (a1 * Number(1.102)).toFixed(3)
- // } else if (this.p !== '') {
- // this.m = (Number(this.p) / Number(1.102)).toFixed(3)
- // let a1 = Number(this.m)
- // this.n = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- // this.o = (a1 * Number(0.9843)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.m === '') {
- this.disabled3 = false
- this.m = ''
- this.n = ''
- this.o = ''
- this.p = ''
- } else {
- let a1 = Number(this.m)
- this.n = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.o = (a1 * Number(0.9843)).toFixed(3)
- this.p = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.n === '') {
- this.disabled3 = false
- this.m = ''
- this.n = ''
- this.o = ''
- this.p = ''
- } else {
- this.m = ((Number(this.n) * Number(1000)) / Number(2205)).toFixed(3)
- let a1 = Number(this.m)
- this.o = (a1 * Number(0.9843)).toFixed(3)
- this.p = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.o === '') {
- this.disabled3 = false
- this.m = ''
- this.n = ''
- this.o = ''
- this.p = ''
- } else {
- this.m = (Number(this.o) / Number(0.9843)).toFixed(3)
- let a1 = Number(this.m)
- this.n = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.p = (a1 * Number(1.102)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.p === '') {
- this.disabled3 = false
- this.m = ''
- this.n = ''
- this.o = ''
- this.p = ''
- } else {
- this.m = (Number(this.p) / Number(1.102)).toFixed(3)
- let a1 = Number(this.m)
- this.n = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.o = (a1 * Number(0.9843)).toFixed(3)
- }
- }
- }
- },
- clearGas() {
- this.disabled3 = false
- this.m = ''
- this.n = ''
- this.o = ''
- this.p = ''
- },
- getOil(num) {
- // if (this.disabled4 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled4 = true
- if (num == 0) {
- // if (this.q !== '') {
- // this.u = (Number(this.q) / Number(7.38)).toFixed(3)
- // let u1 = Number(this.u)
- // this.r = (u1 * Number(1.173)).toFixed(3)
- // this.s = (u1 * Number(0.3098)).toFixed(3)
- // this.t = (u1 * Number(0.258)).toFixed(3)
- // } else if (this.r !== '') {
- // this.u = (Number(this.r) / Number(1.173)).toFixed(3)
- // let u1 = Number(this.u)
- // this.q = (u1 * Number(7.38)).toFixed(3)
- // this.s = (u1 * Number(0.3098)).toFixed(3)
- // this.t = (u1 * Number(0.258)).toFixed(3)
- // } else if (this.s !== '') {
- // this.u = (Number(this.s) / Number(0.3098)).toFixed(3)
- // let u1 = Number(this.u)
- // this.q = (u1 * Number(7.38)).toFixed(3)
- // this.r = (u1 * Number(1.173)).toFixed(3)
- // this.t = (u1 * Number(0.258)).toFixed(3)
- // } else if (this.t !== '') {
- // this.u = (Number(this.t) / Number(0.258)).toFixed(3)
- // let u1 = Number(this.u)
- // this.q = (u1 * Number(7.38)).toFixed(3)
- // this.r = (u1 * Number(1.173)).toFixed(3)
- // this.s = (u1 * Number(0.3098)).toFixed(3)
- // } else if (this.u !== '') {
- // let u1 = Number(this.u)
- // this.q = (u1 * Number(7.38)).toFixed(3)
- // this.r = (u1 * Number(1.173)).toFixed(3)
- // this.s = (u1 * Number(0.3098)).toFixed(3)
- // this.t = (u1 * Number(0.258)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.q === '') {
- this.disabled4 = false
- this.q = ''
- this.r = ''
- this.s = ''
- this.t = ''
- this.u = ''
- } else {
- this.u = (Number(this.q) / Number(7.38)).toFixed(3)
- let u1 = Number(this.u)
- this.r = (u1 * Number(1.173)).toFixed(3)
- this.s = (u1 * Number(0.3098)).toFixed(3)
- this.t = (u1 * Number(0.258)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.r === '') {
- this.disabled4 = false
- this.q = ''
- this.r = ''
- this.s = ''
- this.t = ''
- this.u = ''
- } else {
- this.u = (Number(this.r) / Number(1.173)).toFixed(3)
- let u1 = Number(this.u)
- this.q = (u1 * Number(7.38)).toFixed(3)
- this.s = (u1 * Number(0.3098)).toFixed(3)
- this.t = (u1 * Number(0.258)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.s === '') {
- this.disabled4 = false
- this.q = ''
- this.r = ''
- this.s = ''
- this.t = ''
- this.u = ''
- } else {
- this.u = (Number(this.s) / Number(0.3098)).toFixed(3)
- let u1 = Number(this.u)
- this.q = (u1 * Number(7.38)).toFixed(3)
- this.r = (u1 * Number(1.173)).toFixed(3)
- this.t = (u1 * Number(0.258)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.t === '') {
- this.disabled4 = false
- this.q = ''
- this.r = ''
- this.s = ''
- this.t = ''
- this.u = ''
- } else {
- this.u = (Number(this.t) / Number(0.258)).toFixed(3)
- let u1 = Number(this.u)
- this.q = (u1 * Number(7.38)).toFixed(3)
- this.r = (u1 * Number(1.173)).toFixed(3)
- this.s = (u1 * Number(0.3098)).toFixed(3)
- }
- } else if (num == '5') {
- if (this.u === '') {
- this.disabled4 = false
- this.q = ''
- this.r = ''
- this.s = ''
- this.t = ''
- this.u = ''
- } else {
- let u1 = Number(this.u)
- this.q = (u1 * Number(7.38)).toFixed(3)
- this.r = (u1 * Number(1.173)).toFixed(3)
- this.s = (u1 * Number(0.3098)).toFixed(3)
- this.t = (u1 * Number(0.258)).toFixed(3)
- }
- }
- }
- },
- clearOil() {
- this.disabled4 = false
- this.q = ''
- this.r = ''
- this.s = ''
- this.t = ''
- this.u = ''
- },
- getDiesel(num) {
- // if (this.disabled5 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled5 = true
- if (num == 0) {
- // if (this.v !== '') {
- // this.y = (Number(this.v) / Number(1.173)).toFixed(3)
- // let u1 = Number(this.y)
- // this.w = (u1 * Number(0.3098)).toFixed(3)
- // this.x = (u1 * Number(0.258)).toFixed(3)
- // } else if (this.w !== '') {
- // this.y = (Number(this.w) / Number(0.3098)).toFixed(3)
- // let u1 = Number(this.y)
- // this.v = (u1 * Number(1.173)).toFixed(3)
- // this.x = (u1 * Number(0.258)).toFixed(3)
- // } else if (this.x !== '') {
- // this.y = (Number(this.x) / Number(0.258)).toFixed(3)
- // let u1 = Number(this.y)
- // this.v = (u1 * Number(1.173)).toFixed(3)
- // this.w = (u1 * Number(0.3098)).toFixed(3)
- // } else if (this.y !== '') {
- // let u1 = Number(this.y)
- // this.v = (u1 * Number(1.173)).toFixed(3)
- // this.w = (u1 * Number(0.3098)).toFixed(3)
- // this.x = (u1 * Number(0.258)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.v === '') {
- this.disabled5 = false
- this.v = ''
- this.w = ''
- this.x = ''
- this.y = ''
- } else {
- this.y = (Number(this.v) / Number(1.173)).toFixed(3)
- let u1 = Number(this.y)
- this.w = (u1 * Number(0.3098)).toFixed(3)
- this.x = (u1 * Number(0.258)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.w === '') {
- this.disabled5 = false
- this.v = ''
- this.w = ''
- this.x = ''
- this.y = ''
- } else {
- this.y = (Number(this.w) / Number(0.3098)).toFixed(3)
- let u1 = Number(this.y)
- this.v = (u1 * Number(1.173)).toFixed(3)
- this.x = (u1 * Number(0.258)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.x === '') {
- this.disabled5 = false
- this.v = ''
- this.w = ''
- this.x = ''
- this.y = ''
- } else {
- this.y = (Number(this.x) / Number(0.258)).toFixed(3)
- let u1 = Number(this.y)
- this.v = (u1 * Number(1.173)).toFixed(3)
- this.w = (u1 * Number(0.3098)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.y === '') {
- this.disabled5 = false
- this.v = ''
- this.w = ''
- this.x = ''
- this.y = ''
- } else {
- let u1 = Number(this.y)
- this.v = (u1 * Number(1.173)).toFixed(3)
- this.w = (u1 * Number(0.3098)).toFixed(3)
- this.x = (u1 * Number(0.258)).toFixed(3)
- }
- }
- }
- },
- clearDiesel() {
- this.disabled5 = false
- this.v = ''
- this.w = ''
- this.x = ''
- this.y = ''
- },
- getGasoline(num) {
- // if (this.disabled6 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled6 = true
- if (num == 0) {
- // if (this.a1 !== '') {
- // this.d1 = (Number(this.a1) / Number(1.173)).toFixed(3)
- // let u1 = Number(this.d1)
- // this.b1 = (u1 * Number(0.3098)).toFixed(3)
- // this.c1 = (u1 * Number(0.258)).toFixed(3)
- // } else if (this.b1 !== '') {
- // this.d1 = (Number(this.b1) / Number(0.3098)).toFixed(3)
- // let u1 = Number(this.d1)
- // this.a1 = (u1 * Number(1.173)).toFixed(3)
- // this.c1 = (u1 * Number(0.258)).toFixed(3)
- // } else if (this.c1 !== '') {
- // this.d1 = (Number(this.c1) / Number(0.258)).toFixed(3)
- // let u1 = Number(this.d1)
- // this.a1 = (u1 * Number(1.173)).toFixed(3)
- // this.b1 = (u1 * Number(0.3098)).toFixed(3)
- // } else if (this.d1 !== '') {
- // let u1 = Number(this.d1)
- // this.a1 = (u1 * Number(1.173)).toFixed(3)
- // this.b1 = (u1 * Number(0.3098)).toFixed(3)
- // this.c1 = (u1 * Number(0.258)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.a1 === '') {
- this.disabled6 = false
- this.a1 = ''
- this.b1 = ''
- this.c1 = ''
- this.d1 = ''
- } else {
- this.d1 = (Number(this.a1) / Number(1.173)).toFixed(3)
- let u1 = Number(this.d1)
- this.b1 = (u1 * Number(0.3098)).toFixed(3)
- this.c1 = (u1 * Number(0.258)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.b1 === '') {
- this.disabled6 = false
- this.a1 = ''
- this.b1 = ''
- this.c1 = ''
- this.d1 = ''
- } else {
- this.d1 = (Number(this.b1) / Number(0.3098)).toFixed(3)
- let u1 = Number(this.d1)
- this.a1 = (u1 * Number(1.173)).toFixed(3)
- this.c1 = (u1 * Number(0.258)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.c1 === '') {
- this.disabled6 = false
- this.a1 = ''
- this.b1 = ''
- this.c1 = ''
- this.d1 = ''
- } else {
- this.d1 = (Number(this.c1) / Number(0.258)).toFixed(3)
- let u1 = Number(this.d1)
- this.a1 = (u1 * Number(1.173)).toFixed(3)
- this.b1 = (u1 * Number(0.3098)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.d1 === '') {
- this.disabled6 = false
- this.a1 = ''
- this.b1 = ''
- this.c1 = ''
- this.d1 = ''
- } else {
- let u1 = Number(this.d1)
- this.a1 = (u1 * Number(1.173)).toFixed(3)
- this.b1 = (u1 * Number(0.3098)).toFixed(3)
- this.c1 = (u1 * Number(0.258)).toFixed(3)
- }
- }
- }
- },
- clearGasoline() {
- this.disabled6 = false
- this.a1 = ''
- this.b1 = ''
- this.c1 = ''
- this.d1 = ''
- },
- getNatural(num) {
- // if (this.disabled7 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled7 = true
- if (num == 0) {
- // if (this.e1 !== '') {
- // let e1 = Number(this.e1)
- // this.f1 = (e1 * Number(35.31)).toFixed(3)
- // } else if (this.f1 !== '') {
- // this.e1 = (Number(this.f1) / Number(35.31)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.e1 === '') {
- this.disabled7 = false
- this.e1 = ''
- this.f1 = ''
- } else {
- let e1 = Number(this.e1)
- this.f1 = (e1 * Number(35.31)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.f1 === '') {
- this.disabled7 = false
- this.e1 = ''
- this.f1 = ''
- } else {
- this.e1 = (Number(this.f1) / Number(35.31)).toFixed(3)
- }
- }
- }
- },
- clearNatural() {
- this.disabled7 = false
- this.e1 = ''
- this.f1 = ''
- },
- getPower(num) {
- // if (this.disabled8 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled8 = true
- if (num == 0) {
- // if (this.g1 !== '') {
- // this.h1 = (Number(this.g1) * Number(1000)).toFixed(3)
- // } else if (this.h1 !== '') {
- // this.g1 = (Number(this.h1) / Number(1000)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.g1 === '') {
- this.disabled8 = false
- this.g1 = ''
- this.h1 = ''
- } else {
- this.h1 = (Number(this.g1) * Number(1000)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.h1 === '') {
- this.disabled8 = false
- this.g1 = ''
- this.h1 = ''
- } else {
- this.g1 = (Number(this.h1) / Number(1000)).toFixed(3)
- }
- }
- }
- },
- clearPower() {
- this.disabled8 = false
- this.g1 = ''
- this.h1 = ''
- },
- getHydrogen(num) {
- // if (this.disabled9 == true) {
- // if (this.$i18n.locale === 'zh') {
- // this.$message.error('请清除数据之后再进行换算')
- // } else {
- // this.$message.error('Please clear the data before conversion')
- // }
- // return false
- // }
- // this.disabled9 = true
- if (num == 0) {
- // if (this.a2 !== '') {
- // this.c2 = (Number(this.a2) / Number(11124)).toFixed(3)
- // let c2 = Number(this.c2)
- // this.b2 = (c2 * Number(392771)).toFixed(3)
- // this.d2 = (c2 * Number(2.205)).toFixed(3)
- // this.e2 = (c2 * Number(0.9843)).toFixed(3)
- // this.f2 = (c2 * Number(1.102)).toFixed(3)
- // } else if (this.b2 !== '') {
- // this.c2 = (Number(this.b2) / Number(392771)).toFixed(3)
- // let c2 = Number(this.c2)
- // this.a2 = (c2 * Number(11124)).toFixed(3)
- // this.d2 = (c2 * Number(2.205)).toFixed(3)
- // this.e2 = (c2 * Number(0.9843)).toFixed(3)
- // this.f2 = (c2 * Number(1.102)).toFixed(3)
- // } else if (this.c2 !== '') {
- // let c2 = Number(this.c2)
- // this.a2 = (c2 * Number(11124)).toFixed(3)
- // this.b2 = (c2 * Number(392771)).toFixed(3)
- // this.d2 = (c2 * Number(2.205)).toFixed(3)
- // this.e2 = (c2 * Number(0.9843)).toFixed(3)
- // this.f2 = (c2 * Number(1.102)).toFixed(3)
- // } else if (this.d2 !== '') {
- // this.c2 = (Number(this.d2) / Number(2.205)).toFixed(3)
- // let c2 = Number(this.c2)
- // this.a2 = (c2 * Number(11124)).toFixed(3)
- // this.b2 = (c2 * Number(392771)).toFixed(3)
- // this.e2 = (c2 * Number(0.9843)).toFixed(3)
- // this.f2 = (c2 * Number(1.102)).toFixed(3)
- // } else if (this.e2 !== '') {
- // this.c2 = (Number(this.e2) / Number(0.9843)).toFixed(3)
- // let c2 = Number(this.c2)
- // this.a2 = (c2 * Number(11124)).toFixed(3)
- // this.b2 = (c2 * Number(392771)).toFixed(3)
- // this.d2 = (c2 * Number(2.205)).toFixed(3)
- // this.f2 = (c2 * Number(1.102)).toFixed(3)
- // } else if (this.f2 !== '') {
- // this.c2 = (Number(this.f2) / Number(1.102)).toFixed(3)
- // let c2 = Number(this.c2)
- // this.a2 = (c2 * Number(11124)).toFixed(3)
- // this.b2 = (c2 * Number(392771)).toFixed(3)
- // this.d2 = (c2 * Number(2.205)).toFixed(3)
- // this.e2 = (c2 * Number(0.9843)).toFixed(3)
- // }
- } else {
- if (num == '1') {
- if (this.a2 === '') {
- this.disabled9 = false
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.e2 = ''
- this.f2 = ''
- } else {
- this.c2 = (Number(this.a2) / Number(11124)).toFixed(3)
- let c2 = Number(this.c2)
- this.b2 = (c2 * Number(392771)).toFixed(3)
- this.d2 = (c2 * Number(2.205)).toFixed(3)
- this.e2 = (c2 * Number(0.9843)).toFixed(3)
- this.f2 = (c2 * Number(1.102)).toFixed(3)
- }
- } else if (num == '2') {
- if (this.b2 === '') {
- this.disabled9 = false
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.e2 = ''
- this.f2 = ''
- } else {
- this.c2 = (Number(this.b2) / Number(392771)).toFixed(3)
- let c2 = Number(this.c2)
- this.a2 = (c2 * Number(11124)).toFixed(3)
- this.d2 = (c2 * Number(2.205)).toFixed(3)
- this.e2 = (c2 * Number(0.9843)).toFixed(3)
- this.f2 = (c2 * Number(1.102)).toFixed(3)
- }
- } else if (num == '3') {
- if (this.c2 === '') {
- this.disabled9 = false
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.e2 = ''
- this.f2 = ''
- } else {
- let c2 = Number(this.c2)
- this.a2 = (c2 * Number(11124)).toFixed(3)
- this.b2 = (c2 * Number(392771)).toFixed(3)
- this.d2 = (c2 * Number(2.205)).toFixed(3)
- this.e2 = (c2 * Number(0.9843)).toFixed(3)
- this.f2 = (c2 * Number(1.102)).toFixed(3)
- }
- } else if (num == '4') {
- if (this.d2 === '') {
- this.disabled9 = false
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.e2 = ''
- this.f2 = ''
- } else {
- this.c2 = (Number(this.d2) / Number(2.205)).toFixed(3)
- let c2 = Number(this.c2)
- this.a2 = (c2 * Number(11124)).toFixed(3)
- this.b2 = (c2 * Number(392771)).toFixed(3)
- this.e2 = (c2 * Number(0.9843)).toFixed(3)
- this.f2 = (c2 * Number(1.102)).toFixed(3)
- }
- } else if (num == '5') {
- if (this.e2 === '') {
- this.disabled9 = false
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.e2 = ''
- this.f2 = ''
- } else {
- this.c2 = (Number(this.e2) / Number(0.9843)).toFixed(3)
- let c2 = Number(this.c2)
- this.a2 = (c2 * Number(11124)).toFixed(3)
- this.b2 = (c2 * Number(392771)).toFixed(3)
- this.d2 = (c2 * Number(2.205)).toFixed(3)
- this.f2 = (c2 * Number(1.102)).toFixed(3)
- }
- } else if (num == '6') {
- if (this.f2 === '') {
- this.disabled9 = false
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.e2 = ''
- this.f2 = ''
- } else {
- this.c2 = (Number(this.f2) / Number(1.102)).toFixed(3)
- let c2 = Number(this.c2)
- this.a2 = (c2 * Number(11124)).toFixed(3)
- this.b2 = (c2 * Number(392771)).toFixed(3)
- this.d2 = (c2 * Number(2.205)).toFixed(3)
- this.e2 = (c2 * Number(0.9843)).toFixed(3)
- }
- }
- }
- },
- clearHydrogen() {
- this.disabled9 = false
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.e2 = ''
- this.f2 = ''
- },
- },
- }
- </script>
- <style lang="less" scoped>
- ul > li {
- height: 41px;
- line-height: 41px;
- border-top: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- display: flex;
- }
- ul > li:last-child {
- border-bottom: 1px solid #dbdbdb;
- }
- .none-title > li {
- border: none !important;
- height: 41px;
- line-height: 41px;
- }
- .title-top > span {
- width: 18%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- border-left: 1px solid #dbdbdb;
- border-top: 1px solid #dbdbdb;
- }
- .title-top > span:last-child {
- width: 28%;
- height: 55px;
- line-height: 55px;
- text-align: center;
- border-left: 1px solid #dbdbdb;
- border-top: 1px solid #dbdbdb;
- }
- .text-title > li {
- padding-left: 10px;
- border-left: 1px solid #dbdbdb;
- }
- ul > li /deep/.el-input__inner {
- width: 100% !important;
- height: 100% !important;
- border: none;
- border-radius: 0;
- background-color: rgba(255, 255, 255, 0);
- color: #000;
- }
- /deep/ .el-input.is-disabled .el-input__inner {
- background-color: #fff;
- border-color: #fff;
- color: #000;
- cursor: not-allowed;
- }
- .ui-bgcText > li > span {
- width: 18%;
- height: 41px;
- line-height: 41px;
- text-align: center;
- // padding-left: 4px;
- border-left: 1px solid #dbdbdb;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .ui-bgcText > li > span:last-child {
- width: 28%;
- height: 41px;
- line-height: 41px;
- text-align: center;
- border-left: 1px solid #dbdbdb;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .information {
- display: inline-block;
- height: 100%;
- text-align: center;
- color: #343434;
- box-sizing: border-box;
- vertical-align: middle;
- font-weight: 600;
- padding: 0 20px;
- }
- .information1 {
- display: inline-block;
- height: 100%;
- text-align: center;
- color: #b7b7b7;
- box-sizing: border-box;
- vertical-align: middle;
- font-weight: 600;
- padding: 0 20px;
- cursor: pointer;
- }
- .information1:hover {
- color: #2c5589;
- cursor: pointer;
- }
- .information2 {
- display: inline-block;
- height: 100%;
- text-align: center;
- color: #fff;
- background-color: #105dbc;
- box-sizing: border-box;
- vertical-align: middle;
- border-radius: 10px;
- font-weight: 600;
- padding: 0 20px;
- cursor: pointer;
- }
- .focusClass1 {
- border: none;
- }
- .focusClass2 {
- border: 2px solid #c7d1dd;
- background-color: #f1f1f1;
- }
- /deep/.user-btn {
- margin-top: 90%;
- width: 100%;
- text-align: center !important;
- font-size: 16px;
- font-weight: 700;
- background-color: #105dbc;
- color: #fff;
- border-radius: 50px;
- border-bottom: 1px;
- border-right: 1px;
- box-shadow: 5px 5px 5px rgb(63, 62, 62);
- }
- /deep/.user-btn-deft {
- width: 100%;
- text-align: center !important;
- margin-top: 40%;
- font-size: 16px;
- font-weight: 700;
- background-color: #105dbc;
- color: #fff;
- border-radius: 50px;
- border-bottom: 1px;
- border-right: 1px;
- box-shadow: 5px 5px 5px rgb(63, 62, 62);
- }
- /deep/.user-btn-clear {
- width: 100%;
- text-align: center !important;
- margin-top: 5%;
- font-size: 16px;
- font-weight: 700;
- border-bottom: 1px;
- border-right: 1px;
- box-shadow: 5px 5px 5px rgb(63, 62, 62);
- background: linear-gradient(90deg, #3f9eff, #1674d5);
- color: #fff;
- border-radius: 50px;
- }
- /deep/ input::-webkit-outer-spin-button,
- /deep/ input::-webkit-inner-spin-button {
- -webkit-appearance: none !important;
- }
- /deep/ input[type='number'] {
- -moz-appearance: textfield !important;
- }
- .user-title1 {
- width: 100%;
- display: flex;
- height: 40px;
- line-height: 40px;
- margin-top: 12px;
- margin-bottom: 12px;
- }
- .user-title2 {
- width: 100%;
- display: flex;
- flex-wrap: wrap;
- height: 40px;
- line-height: 40px;
- margin-top: 14px;
- margin-bottom: 52px;
- }
- </style>
|