123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812 |
- <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>
- <div v-if="userRaw" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <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: 70%">
- <li>
- <el-input
- type="number"
- v-model="a"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('20')"
- @blur="lostBlur"
- @input="getNum('a')"
- :class="focusClass == 20 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getNum('a')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="b"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('21')"
- @blur="lostBlur"
- @input="getNum('b')"
- :class="focusClass == 21 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getNum('b')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="c"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('22')"
- @blur="lostBlur"
- @input="getNum('c')"
- :class="focusClass == 22 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getNum('c')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="d"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('23')"
- @blur="lostBlur"
- @input="getNum('d')"
- :class="focusClass == 23 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getNum('d')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="aa" :disabled="true"></el-input></li>
- <li><el-input v-model="bb" :disabled="true"></el-input></li>
- <li><el-input v-model="cc" :disabled="true"></el-input></li>
- <li><el-input v-model="dd" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getNum('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div v-if="userWashed" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <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: 70%">
- <li>
- <el-input
- type="number"
- v-model="a1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('24')"
- @blur="lostBlur"
- @input="getCoal('a')"
- :class="focusClass == 24 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoal('a')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="b1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('25')"
- @blur="lostBlur"
- @input="getCoal('b')"
- :class="focusClass == 25 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoal('b')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="c1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('26')"
- @blur="lostBlur"
- @input="getCoal('c')"
- :class="focusClass == 26 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoal('c')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="d1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('27')"
- @blur="lostBlur"
- @input="getCoal('d')"
- :class="focusClass == 27 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoal('d')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="aa1" :disabled="true"></el-input></li>
- <li><el-input v-model="bb1" :disabled="true"></el-input></li>
- <li><el-input v-model="cc1" :disabled="true"></el-input></li>
- <li><el-input v-model="dd1" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getCoal('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div v-if="userCoke" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <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: 70%">
- <li>
- <el-input
- type="number"
- v-model="a2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('28')"
- @blur="lostBlur"
- @input="getCoke('a')"
- :class="focusClass == 28 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoke('a')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="b2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('29')"
- @blur="lostBlur"
- @input="getCoke('b')"
- :class="focusClass == 29 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoke('b')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="c2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('30')"
- @blur="lostBlur"
- @input="getCoke('c')"
- :class="focusClass == 30 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoke('c')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="d2"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('31')"
- @blur="lostBlur"
- @input="getCoke('d')"
- :class="focusClass == 31 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getCoke('d')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="aa2" :disabled="true"></el-input></li>
- <li><el-input v-model="bb2" :disabled="true"></el-input></li>
- <li><el-input v-model="cc2" :disabled="true"></el-input></li>
- <li><el-input v-model="dd2" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getCoke('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div v-if="userCrude" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <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' ? '桶(bbl)' : 'bbl' }}</li>
- <li>{{ $i18n.locale === 'zh' ? '吨(t)' : 't' }}</li>
- </ul>
- <ul style="width: 70%">
- <li>
- <el-input
- type="number"
- v-model="f"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('1')"
- @blur="lostBlur"
- @input="getOil('f')"
- :class="focusClass == 1 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getOil('f')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="g"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('2')"
- @blur="lostBlur"
- @input="getOil('g')"
- :class="focusClass == 2 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getOil('g')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="h"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('3')"
- @blur="lostBlur"
- @input="getOil('h')"
- :class="focusClass == 3 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getOil('h')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="i"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('4')"
- @blur="lostBlur"
- @input="getOil('i')"
- :class="focusClass == 4 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getOil('i')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="j"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('5')"
- @blur="lostBlur"
- @input="getOil('j')"
- :class="focusClass == 5 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getOil('j')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="ff" :disabled="true"></el-input></li>
- <li><el-input v-model="gg" :disabled="true"></el-input></li>
- <li><el-input v-model="hh" :disabled="true"></el-input></li>
- <li><el-input v-model="ii" :disabled="true"></el-input></li>
- <li><el-input v-model="jj" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getOil('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div v-if="userDiesel" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <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: 70%">
- <li>
- <el-input
- type="number"
- v-model="f1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('6')"
- @blur="lostBlur"
- @input="getDiesel('f')"
- :class="focusClass == 6 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getDiesel('f')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="g1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('7')"
- @blur="lostBlur"
- @input="getDiesel('g')"
- :class="focusClass == 7 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getDiesel('g')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="h1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('8')"
- @blur="lostBlur"
- @input="getDiesel('h')"
- :class="focusClass == 8 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getDiesel('h')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="j1"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('9')"
- @blur="lostBlur"
- @input="getDiesel('j')"
- :class="focusClass == 9 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getDiesel('j')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="ff1" :disabled="true"></el-input></li>
- <li><el-input v-model="gg1" :disabled="true"></el-input></li>
- <li><el-input v-model="hh1" :disabled="true"></el-input></li>
- <li><el-input v-model="jj1" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getDiesel('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div v-if="userGasoline" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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 style="border-top: 1px solid #d7d7d7; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <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: 70%">
- <li>
- <el-input
- type="number"
- v-model="f11"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('10')"
- @blur="lostBlur"
- @input="getGasoline('f')"
- :class="focusClass == 10 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getGasoline('f')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="g11"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('11')"
- @blur="lostBlur"
- @input="getGasoline('g')"
- :class="focusClass == 11 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getGasoline('g')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="h11"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('12')"
- @blur="lostBlur"
- @input="getGasoline('h')"
- :class="focusClass == 12 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getGasoline('h')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="j11"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('13')"
- @blur="lostBlur"
- @input="getGasoline('j')"
- :class="focusClass == 13 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getGasoline('j')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="ff11" :disabled="true"></el-input></li>
- <li><el-input v-model="gg11" :disabled="true"></el-input></li>
- <li><el-input v-model="hh11" :disabled="true"></el-input></li>
- <li><el-input v-model="jj11" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getGasoline('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div v-if="userNatural" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ $i18n.locale === 'zh' ? '千立方米(k·m3)' : 'k·m3' }}</li>
- <li>
- {{ $i18n.locale === 'zh' ? '千立方英尺(k·ft3)' : 'k·ft3' }}
- </li>
- </ul>
- <ul style="width: 70%">
- <li>
- <el-input
- type="number"
- v-model="k"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('14')"
- @blur="lostBlur"
- @input="getNatural('k')"
- :class="focusClass == 14 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getNatural('k')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="l"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('15')"
- @blur="lostBlur"
- @input="getNatural('l')"
- :class="focusClass == 15 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getNatural('l')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="kk" :disabled="true"></el-input></li>
- <li><el-input v-model="ll" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getNatural('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </div>
- </div>
- <div v-if="userLiquefied" style="width: 98%; margin-left: 1%">
- <div style="display: flex">
- <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; width: 100%"></div>
- <div style="display: flex; justify-content: space-evenly; width: 100%">
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <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: 70%">
- <li>
- <el-input
- type="number"
- v-model="a3"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('16')"
- @blur="lostBlur"
- @input="getLiquefied('a')"
- :class="focusClass == 16 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getLiquefied('a')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="b3"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('17')"
- @blur="lostBlur"
- @input="getLiquefied('b')"
- :class="focusClass == 17 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getLiquefied('b')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="c3"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('18')"
- @blur="lostBlur"
- @input="getLiquefied('c')"
- :class="focusClass == 18 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getLiquefied('c')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- <li>
- <el-input
- type="number"
- v-model="d3"
- :placeholder="this.$i18n.locale === 'zh' ? textInfo : textInfo1"
- @focus="getFocus('19')"
- @blur="lostBlur"
- @input="getLiquefied('d')"
- :class="focusClass == 19 ? 'focusClass2' : 'focusClass1'"
- /><el-button class="user-btn" @click="getLiquefied('d')">{{
- $i18n.locale === 'zh' ? '换 算' : 'Conversion'
- }}</el-button>
- </li>
- </ul>
- </div>
- <div style="display: flex; width: 48%">
- <ul class="text-title" style="width: 30%">
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- <li>{{ this.$i18n.locale === 'zh' ? textDetail : textDetail1 }}</li>
- </ul>
- <ul style="width: 70%" class="ui-bgcText">
- <li><el-input v-model="aa3" :disabled="true"></el-input></li>
- <li><el-input v-model="bb3" :disabled="true"></el-input></li>
- <li><el-input v-model="cc3" :disabled="true"></el-input></li>
- <li><el-input v-model="dd3" :disabled="true"></el-input></li>
- </ul>
- </div>
- </div>
- <div>
- <el-button class="user-btn-clear" @click="getLiquefied('0')">{{
- $i18n.locale === 'zh' ? '数 据 重 置' : 'Data reset'
- }}</el-button>
- </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,
- informationsClass: '0',
- textDetail: '吨二氧化碳(tCO2)',
- textDetail1: 'tCO2',
- textInfo: '请输入数值',
- textInfo1: 'Please enter a value',
- //原煤
- a: '',
- b: '',
- c: '',
- d: '',
- aa: '',
- bb: '',
- cc: '',
- dd: '',
- //洗精煤
- a1: '',
- b1: '',
- c1: '',
- d1: '',
- aa1: '',
- bb1: '',
- cc1: '',
- dd1: '',
- //焦炭
- a2: '',
- b2: '',
- c2: '',
- d2: '',
- aa2: '',
- bb2: '',
- cc2: '',
- dd2: '',
- //液化石油气
- a3: '',
- b3: '',
- c3: '',
- d3: '',
- aa3: '',
- bb3: '',
- cc3: '',
- dd3: '',
- //原油
- f: '',
- g: '',
- h: '',
- i: '',
- j: '',
- ff: '',
- gg: '',
- hh: '',
- ii: '',
- jj: '',
- //柴油
- f1: '',
- g1: '',
- h1: '',
- j1: '',
- ff1: '',
- gg1: '',
- hh1: '',
- jj1: '',
- // 汽油/煤油
- f11: '',
- g11: '',
- h11: '',
- j11: '',
- ff11: '',
- gg11: '',
- hh11: '',
- jj11: '',
- //天然气
- k: '',
- l: '',
- kk: '',
- ll: '',
- }
- },
- 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
- }
- 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
- }
- 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
- }
- 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
- }
- 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
- }
- 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
- }
- 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
- }
- 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
- }
- 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
- }
- },
- getNum(num) {
- if (num == 'a') {
- if (this.a == '') {
- this.getNum('0')
- } 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)
- this.aa =
- (Number(this.a) * Number(1.869)).toFixed(3) +
- '~' +
- (Number(this.a) * Number(2.063)).toFixed(3)
- this.bb =
- (Number(this.b) * Number(1.899)).toFixed(3) +
- '~' +
- (Number(this.b) * Number(2.096)).toFixed(3)
- this.cc =
- (Number(this.c) * Number(1.696)).toFixed(3) +
- '~' +
- (Number(this.c) * Number(1.872)).toFixed(3)
- this.dd =
- (Number(this.d) * Number(0.848)).toFixed(3) +
- '~' +
- (Number(this.d) * Number(0.936)).toFixed(3)
- }
- } else if (num == 'b') {
- if (this.b == '') {
- this.getNum('0')
- } else {
- let b1 = Number(this.b)
- this.a = ((b1 * Number(1000)) / Number(2205)).toFixed(3)
- let a2 = Number(this.a)
- this.c = (a2 * Number(0.9843)).toFixed(3)
- this.d = (a2 * Number(1.102)).toFixed(3)
- this.aa =
- (Number(this.a) * Number(1.869)).toFixed(3) +
- '~' +
- (Number(this.a) * Number(2.063)).toFixed(3)
- this.bb =
- (Number(this.b) * Number(1.899)).toFixed(3) +
- '~' +
- (Number(this.b) * Number(2.096)).toFixed(3)
- this.cc =
- (Number(this.c) * Number(1.696)).toFixed(3) +
- '~' +
- (Number(this.c) * Number(1.872)).toFixed(3)
- this.dd =
- (Number(this.d) * Number(0.848)).toFixed(3) +
- '~' +
- (Number(this.d) * Number(0.936)).toFixed(3)
- }
- } else if (num == 'c') {
- if (this.c == '') {
- this.getNum('0')
- } else {
- let c1 = Number(this.c)
- this.a = (c1 / Number(0.9843)).toFixed(3)
- let a3 = Number(this.a)
- this.b = ((a3 * Number(2205)) / Number(1000)).toFixed(3)
- this.d = (a3 * Number(1.102)).toFixed(3)
- this.aa =
- (Number(this.a) * Number(1.869)).toFixed(3) +
- '~' +
- (Number(this.a) * Number(2.063)).toFixed(3)
- this.bb =
- (Number(this.b) * Number(1.899)).toFixed(3) +
- '~' +
- (Number(this.b) * Number(2.096)).toFixed(3)
- this.cc =
- (Number(this.c) * Number(1.696)).toFixed(3) +
- '~' +
- (Number(this.c) * Number(1.872)).toFixed(3)
- this.dd =
- (Number(this.d) * Number(0.848)).toFixed(3) +
- '~' +
- (Number(this.d) * Number(0.936)).toFixed(3)
- }
- } else if (num == 'd') {
- if (this.d == '') {
- this.getNum('0')
- } else {
- let d1 = Number(this.d)
- this.a = (d1 / Number(1.102)).toFixed(3)
- let a4 = Number(this.a)
- this.b = ((a4 * Number(2205)) / Number(1000)).toFixed(3)
- this.c = (a4 * Number(0.9843)).toFixed(3)
- this.aa =
- (Number(this.a) * Number(1.869)).toFixed(3) +
- '~' +
- (Number(this.a) * Number(2.063)).toFixed(3)
- this.bb =
- (Number(this.b) * Number(1.899)).toFixed(3) +
- '~' +
- (Number(this.b) * Number(2.096)).toFixed(3)
- this.cc =
- (Number(this.c) * Number(1.696)).toFixed(3) +
- '~' +
- (Number(this.c) * Number(1.872)).toFixed(3)
- this.dd =
- (Number(this.d) * Number(0.848)).toFixed(3) +
- '~' +
- (Number(this.d) * Number(0.936)).toFixed(3)
- }
- } else if (num == '0') {
- this.a = ''
- this.b = ''
- this.c = ''
- this.d = ''
- this.aa = ''
- this.bb = ''
- this.cc = ''
- this.dd = ''
- }
- },
- getCoal(num) {
- if (num == 'a') {
- if (this.a1 == '') {
- this.getCoal('0')
- } else {
- let a1 = Number(this.a1)
- this.b1 = ((a1 * Number(2205)) / Number(1000)).toFixed(3)
- this.c1 = (a1 * Number(0.9843)).toFixed(3)
- this.d1 = (a1 * Number(1.102)).toFixed(3)
- this.aa1 = (Number(this.a1) * Number(2.211)).toFixed(3)
- this.bb1 = (Number(this.b1) * Number(2.246)).toFixed(3)
- this.cc1 = (Number(this.c1) * Number(2.006)).toFixed(3)
- this.dd1 = (Number(this.d1) * Number(1.003)).toFixed(3)
- }
- } else if (num == 'b') {
- if (this.b1 == '') {
- this.getCoal('0')
- } else {
- let b1 = Number(this.b1)
- this.a1 = ((b1 * Number(1000)) / Number(2205)).toFixed(3)
- let a2 = Number(this.a1)
- this.c1 = (a2 * Number(0.9843)).toFixed(3)
- this.d1 = (a2 * Number(1.102)).toFixed(3)
- this.aa1 = (Number(this.a1) * Number(2.211)).toFixed(3)
- this.bb1 = (Number(this.b1) * Number(2.246)).toFixed(3)
- this.cc1 = (Number(this.c1) * Number(2.006)).toFixed(3)
- this.dd1 = (Number(this.d1) * Number(1.003)).toFixed(3)
- }
- } else if (num == 'c') {
- if (this.c1 == '') {
- this.getCoal('0')
- } else {
- let c1 = Number(this.c1)
- this.a1 = (c1 / Number(0.9843)).toFixed(3)
- let a3 = Number(this.a1)
- this.b1 = ((a3 * Number(2205)) / Number(1000)).toFixed(3)
- this.d1 = (a3 * Number(1.102)).toFixed(3)
- this.aa1 = (Number(this.a1) * Number(2.211)).toFixed(3)
- this.bb1 = (Number(this.b1) * Number(2.246)).toFixed(3)
- this.cc1 = (Number(this.c1) * Number(2.006)).toFixed(3)
- this.dd1 = (Number(this.d1) * Number(1.003)).toFixed(3)
- }
- } else if (num == 'd') {
- if (this.d1 == '') {
- this.getCoal('0')
- } else {
- let d1 = Number(this.d1)
- this.a1 = (d1 / Number(1.102)).toFixed(3)
- let a4 = Number(this.a1)
- this.b1 = ((a4 * Number(2205)) / Number(1000)).toFixed(3)
- this.c1 = (a4 * Number(0.9843)).toFixed(3)
- this.aa1 = (Number(this.a1) * Number(2.211)).toFixed(3)
- this.bb1 = (Number(this.b1) * Number(2.246)).toFixed(3)
- this.cc1 = (Number(this.c1) * Number(2.006)).toFixed(3)
- this.dd1 = (Number(this.d1) * Number(1.003)).toFixed(3)
- }
- } else if (num == '0') {
- this.a1 = ''
- this.b1 = ''
- this.c1 = ''
- this.d1 = ''
- this.aa1 = ''
- this.bb1 = ''
- this.cc1 = ''
- this.dd1 = ''
- }
- },
- getCoke(num) {
- if (num == 'a') {
- if (this.a2 == '') {
- this.getCoke('0')
- } else {
- let a2 = Number(this.a2)
- this.b2 = ((a2 * Number(2205)) / Number(1000)).toFixed(3)
- this.c2 = (a2 * Number(0.9843)).toFixed(3)
- this.d2 = (a2 * Number(1.102)).toFixed(3)
- this.aa2 = (Number(this.a2) * Number(2.864)).toFixed(3)
- this.bb2 = (Number(this.b2) * Number(2.91)).toFixed(3)
- this.cc2 = (Number(this.c2) * Number(2.599)).toFixed(3)
- this.dd2 = (Number(this.d2) * Number(1.299)).toFixed(3)
- }
- } else if (num == 'b') {
- if (this.b2 == '') {
- this.getCoke('0')
- } else {
- let b2 = Number(this.b2)
- this.a2 = ((b2 * Number(1000)) / Number(2205)).toFixed(3)
- let a2 = Number(this.a2)
- this.c2 = (a2 * Number(0.9843)).toFixed(3)
- this.d2 = (a2 * Number(1.102)).toFixed(3)
- this.aa2 = (Number(this.a2) * Number(2.864)).toFixed(3)
- this.bb2 = (Number(this.b2) * Number(2.91)).toFixed(3)
- this.cc2 = (Number(this.c2) * Number(2.599)).toFixed(3)
- this.dd2 = (Number(this.d2) * Number(1.299)).toFixed(3)
- }
- } else if (num == 'c') {
- if (this.c2 == '') {
- this.getCoke('0')
- } else {
- let c2 = Number(this.c2)
- this.a2 = (c2 / Number(0.9843)).toFixed(3)
- let a3 = Number(this.a2)
- this.b2 = ((a3 * Number(2205)) / Number(1000)).toFixed(3)
- this.d2 = (a3 * Number(1.102)).toFixed(3)
- this.aa2 = (Number(this.a2) * Number(2.864)).toFixed(3)
- this.bb2 = (Number(this.b2) * Number(2.91)).toFixed(3)
- this.cc2 = (Number(this.c2) * Number(2.599)).toFixed(3)
- this.dd2 = (Number(this.d2) * Number(1.299)).toFixed(3)
- }
- } else if (num == 'd') {
- if (this.d2 == '') {
- this.getCoke('0')
- } else {
- let d2 = Number(this.d2)
- this.a2 = (d2 / Number(1.102)).toFixed(3)
- let a4 = Number(this.a2)
- this.b2 = ((a4 * Number(2205)) / Number(1000)).toFixed(3)
- this.c2 = (a4 * Number(0.9843)).toFixed(3)
- this.aa2 = (Number(this.a2) * Number(2.864)).toFixed(3)
- this.bb2 = (Number(this.b2) * Number(2.91)).toFixed(3)
- this.cc2 = (Number(this.c2) * Number(2.599)).toFixed(3)
- this.dd2 = (Number(this.d2) * Number(1.299)).toFixed(3)
- }
- } else if (num == '0') {
- this.a2 = ''
- this.b2 = ''
- this.c2 = ''
- this.d2 = ''
- this.aa2 = ''
- this.bb2 = ''
- this.cc2 = ''
- this.dd2 = ''
- }
- },
- getLiquefied(num) {
- if (num == 'a') {
- if (this.a3 == '') {
- this.getLiquefied('0')
- } else {
- let a2 = Number(this.a3)
- this.b3 = ((a2 * Number(2205)) / Number(1000)).toFixed(3)
- this.c3 = (a2 * Number(0.9843)).toFixed(3)
- this.d3 = (a2 * Number(1.102)).toFixed(3)
- this.aa3 = (Number(this.a3) * Number(3.105)).toFixed(3)
- this.bb3 = (Number(this.b3) * Number(3.155)).toFixed(3)
- this.cc3 = (Number(this.c3) * Number(2.818)).toFixed(3)
- this.dd3 = (Number(this.d3) * Number(1.408)).toFixed(3)
- }
- } else if (num == 'b') {
- if (this.b3 == '') {
- this.getLiquefied('0')
- } else {
- let b2 = Number(this.b3)
- this.a3 = ((b2 * Number(1000)) / Number(2205)).toFixed(3)
- let a2 = Number(this.a3)
- this.c3 = (a2 * Number(0.9843)).toFixed(3)
- this.d3 = (a2 * Number(1.102)).toFixed(3)
- this.aa3 = (Number(this.a3) * Number(3.105)).toFixed(3)
- this.bb3 = (Number(this.b3) * Number(3.155)).toFixed(3)
- this.cc3 = (Number(this.c3) * Number(2.818)).toFixed(3)
- this.dd3 = (Number(this.d3) * Number(1.408)).toFixed(3)
- }
- } else if (num == 'c') {
- if (this.c3 == '') {
- this.getLiquefied('0')
- } else {
- let c2 = Number(this.c3)
- this.a3 = (c2 / Number(0.9843)).toFixed(3)
- let a3 = Number(this.a3)
- this.b3 = ((a3 * Number(2205)) / Number(1000)).toFixed(3)
- this.d3 = (a3 * Number(1.102)).toFixed(3)
- this.aa3 = (Number(this.a3) * Number(3.105)).toFixed(3)
- this.bb3 = (Number(this.b3) * Number(3.155)).toFixed(3)
- this.cc3 = (Number(this.c3) * Number(2.818)).toFixed(3)
- this.dd3 = (Number(this.d3) * Number(1.408)).toFixed(3)
- }
- } else if (num == 'd') {
- if (this.d3 == '') {
- this.getLiquefied('0')
- } else {
- let d2 = Number(this.d3)
- this.a3 = (d2 / Number(1.102)).toFixed(3)
- let a4 = Number(this.a3)
- this.b3 = ((a4 * Number(2205)) / Number(1000)).toFixed(3)
- this.c3 = (a4 * Number(0.9843)).toFixed(3)
- this.aa3 = (Number(this.a3) * Number(3.105)).toFixed(3)
- this.bb3 = (Number(this.b3) * Number(3.155)).toFixed(3)
- this.cc3 = (Number(this.c3) * Number(2.818)).toFixed(3)
- this.dd3 = (Number(this.d3) * Number(1.408)).toFixed(3)
- }
- } else if (num == '0') {
- this.a3 = ''
- this.b3 = ''
- this.c3 = ''
- this.d3 = ''
- this.aa3 = ''
- this.bb3 = ''
- this.cc3 = ''
- this.dd3 = ''
- }
- },
- getOil(num) {
- if (num == 'f') {
- if (this.f == '') {
- this.getOil('0')
- } else {
- let f1 = Number(this.f)
- this.g = ((f1 / Number(1.173)) * Number(0.3098)).toFixed(3)
- this.h = ((f1 / Number(1.173)) * Number(0.258)).toFixed(3)
- this.i = ((f1 / Number(1.173)) * Number(7.38)).toFixed(3)
- this.j = (f1 / Number(1.173)).toFixed(3)
- this.ff = (Number(this.f) * Number(2.58)).toFixed(3)
- this.gg = (Number(this.g) * Number(9.819)).toFixed(3)
- this.hh = (Number(this.h) * Number(11.786)).toFixed(3)
- this.ii = (Number(this.i) * Number(0.413)).toFixed(3)
- this.jj = (Number(this.j) * Number(3.024)).toFixed(3)
- }
- }
- if (num == 'g') {
- if (this.g == '') {
- this.getOil('0')
- } else {
- let g1 = Number(this.g)
- this.f = ((g1 / Number(0.3098)) * Number(1.173)).toFixed(3)
- this.h = ((g1 / Number(0.3098)) * Number(0.258)).toFixed(3)
- this.i = ((g1 / Number(0.3098)) * Number(7.38)).toFixed(3)
- this.j = (g1 / Number(0.3098)).toFixed(3)
- this.ff = (Number(this.f) * Number(2.58)).toFixed(3)
- this.gg = (Number(this.g) * Number(9.819)).toFixed(3)
- this.hh = (Number(this.h) * Number(11.786)).toFixed(3)
- this.ii = (Number(this.i) * Number(0.413)).toFixed(3)
- this.jj = (Number(this.j) * Number(3.024)).toFixed(3)
- }
- }
- if (num == 'h') {
- if (this.h == '') {
- this.getOil('0')
- } else {
- let h1 = Number(this.h)
- this.f = ((h1 / Number(0.258)) * Number(1.173)).toFixed(3)
- this.g = ((h1 / Number(0.258)) * Number(0.3098)).toFixed(3)
- this.i = ((h1 / Number(0.258)) * Number(7.38)).toFixed(3)
- this.j = (h1 / Number(0.258)).toFixed(3)
- this.ff = (Number(this.f) * Number(2.58)).toFixed(3)
- this.gg = (Number(this.g) * Number(9.819)).toFixed(3)
- this.hh = (Number(this.h) * Number(11.786)).toFixed(3)
- this.ii = (Number(this.i) * Number(0.413)).toFixed(3)
- this.jj = (Number(this.j) * Number(3.024)).toFixed(3)
- }
- }
- if (num == 'i') {
- if (this.i == '') {
- this.getOil('0')
- } else {
- let i1 = Number(this.i)
- this.f = ((i1 / Number(7.38)) * Number(1.173)).toFixed(3)
- this.g = ((i1 / Number(7.38)) * Number(0.3098)).toFixed(3)
- this.h = ((i1 / Number(7.38)) * Number(0.258)).toFixed(3)
- this.j = (i1 / Number(7.38)).toFixed(3)
- this.ff = (Number(this.f) * Number(2.58)).toFixed(3)
- this.gg = (Number(this.g) * Number(9.819)).toFixed(3)
- this.hh = (Number(this.h) * Number(11.786)).toFixed(3)
- this.ii = (Number(this.i) * Number(0.413)).toFixed(3)
- this.jj = (Number(this.j) * Number(3.024)).toFixed(3)
- }
- }
- if (num == 'j') {
- if (this.j == '') {
- this.getOil('0')
- } else {
- let j1 = Number(this.j)
- this.f = (j1 * Number(1.173)).toFixed(3)
- this.g = (j1 * Number(0.3098)).toFixed(3)
- this.h = (j1 * Number(0.258)).toFixed(3)
- this.i = (j1 * Number(7.38)).toFixed(3)
- this.ff = (Number(this.f) * Number(2.58)).toFixed(3)
- this.gg = (Number(this.g) * Number(9.819)).toFixed(3)
- this.hh = (Number(this.h) * Number(11.786)).toFixed(3)
- this.ii = (Number(this.i) * Number(0.413)).toFixed(3)
- this.jj = (Number(this.j) * Number(3.024)).toFixed(3)
- }
- }
- if (num == '0') {
- this.f = ''
- this.ff = ''
- this.g = ''
- this.gg = ''
- this.h = ''
- this.hh = ''
- this.i = ''
- this.ii = ''
- this.j = ''
- this.jj = ''
- }
- },
- getDiesel(num) {
- if (num == 'f') {
- if (this.f1 == '') {
- this.getDiesel('0')
- } else {
- let f1 = Number(this.f1)
- this.g1 = ((f1 / Number(1.173)) * Number(0.3098)).toFixed(3)
- this.h1 = ((f1 / Number(1.173)) * Number(0.258)).toFixed(3)
- this.j1 = (f1 / Number(1.173)).toFixed(3)
- this.ff1 = (Number(this.f1) * Number(2.645)).toFixed(3)
- this.gg1 = (Number(this.g1) * Number(10.065)).toFixed(3)
- this.hh1 = (Number(this.h1) * Number(12.083)).toFixed(3)
- this.jj1 = (Number(this.j1) * Number(3.1)).toFixed(3)
- }
- }
- if (num == 'g') {
- if (this.g1 == '') {
- this.getDiesel('0')
- } else {
- let g1 = Number(this.g1)
- this.f1 = ((g1 / Number(0.3098)) * Number(1.173)).toFixed(3)
- this.h1 = ((g1 / Number(0.3098)) * Number(0.258)).toFixed(3)
- this.j1 = (g1 / Number(0.3098)).toFixed(3)
- this.ff1 = (Number(this.f1) * Number(2.645)).toFixed(3)
- this.gg1 = (Number(this.g1) * Number(10.065)).toFixed(3)
- this.hh1 = (Number(this.h1) * Number(12.083)).toFixed(3)
- this.jj1 = (Number(this.j1) * Number(3.1)).toFixed(3)
- }
- }
- if (num == 'h') {
- if (this.h1 == '') {
- this.getDiesel('0')
- } else {
- let h1 = Number(this.h1)
- this.f1 = ((h1 / Number(0.258)) * Number(1.173)).toFixed(3)
- this.g1 = ((h1 / Number(0.258)) * Number(0.3098)).toFixed(3)
- this.j1 = (h1 / Number(0.258)).toFixed(3)
- this.ff1 = (Number(this.f1) * Number(2.645)).toFixed(3)
- this.gg1 = (Number(this.g1) * Number(10.065)).toFixed(3)
- this.hh1 = (Number(this.h1) * Number(12.083)).toFixed(3)
- this.jj1 = (Number(this.j1) * Number(3.1)).toFixed(3)
- }
- }
- if (num == 'j') {
- if (this.j1 == '') {
- this.getDiesel('0')
- } else {
- let j1 = Number(this.j1)
- this.f1 = (j1 * Number(1.173)).toFixed(3)
- this.g1 = (j1 * Number(0.3098)).toFixed(3)
- this.h1 = (j1 * Number(0.258)).toFixed(3)
- this.ff1 = (Number(this.f1) * Number(2.645)).toFixed(3)
- this.gg1 = (Number(this.g1) * Number(10.065)).toFixed(3)
- this.hh1 = (Number(this.h1) * Number(12.083)).toFixed(3)
- this.jj1 = (Number(this.j1) * Number(3.1)).toFixed(3)
- }
- }
- if (num == '0') {
- this.f1 = ''
- this.ff1 = ''
- this.g1 = ''
- this.gg1 = ''
- this.h1 = ''
- this.hh1 = ''
- this.j1 = ''
- this.jj1 = ''
- }
- },
- getGasoline(num) {
- if (num == 'f') {
- if (this.f11 == '') {
- this.getGasoline('0')
- } else {
- let f1 = Number(this.f11)
- this.g11 = ((f1 / Number(1.173)) * Number(0.3098)).toFixed(3)
- this.h11 = ((f1 / Number(1.173)) * Number(0.258)).toFixed(3)
- this.j11 = (f1 / Number(1.173)).toFixed(3)
- this.ff11 = (Number(this.f11) * Number(2.152)).toFixed(3)
- this.gg11 = (Number(this.g11) * Number(8.204)).toFixed(3)
- this.hh11 = (Number(this.h11) * Number(9.849)).toFixed(3)
- this.jj11 = (Number(this.j11) * Number(2.929)).toFixed(3)
- }
- }
- if (num == 'g') {
- if (this.g11 == '') {
- this.getGasoline('0')
- } else {
- let g1 = Number(this.g11)
- this.f11 = ((g1 / Number(0.3098)) * Number(1.173)).toFixed(3)
- this.h11 = ((g1 / Number(0.3098)) * Number(0.258)).toFixed(3)
- this.j11 = (g1 / Number(0.3098)).toFixed(3)
- this.ff11 = (Number(this.f11) * Number(2.152)).toFixed(3)
- this.gg11 = (Number(this.g11) * Number(8.204)).toFixed(3)
- this.hh11 = (Number(this.h11) * Number(9.849)).toFixed(3)
- this.jj11 = (Number(this.j11) * Number(2.929)).toFixed(3)
- }
- }
- if (num == 'h') {
- if (this.h11 == '') {
- this.getGasoline('0')
- } else {
- let h1 = Number(this.h11)
- this.f11 = ((h1 / Number(0.258)) * Number(1.173)).toFixed(3)
- this.g11 = ((h1 / Number(0.258)) * Number(0.3098)).toFixed(3)
- this.j11 = (h1 / Number(0.258)).toFixed(3)
- this.ff11 = (Number(this.f11) * Number(2.152)).toFixed(3)
- this.gg11 = (Number(this.g11) * Number(8.204)).toFixed(3)
- this.hh11 = (Number(this.h11) * Number(9.849)).toFixed(3)
- this.jj11 = (Number(this.j11) * Number(2.929)).toFixed(3)
- }
- }
- if (num == 'j') {
- if (this.j11 == '') {
- this.getGasoline('0')
- } else {
- let j1 = Number(this.j11)
- this.f11 = (j1 * Number(1.173)).toFixed(3)
- this.g11 = (j1 * Number(0.3098)).toFixed(3)
- this.h11 = (j1 * Number(0.258)).toFixed(3)
- this.ff11 = (Number(this.f11) * Number(2.152)).toFixed(3)
- this.gg11 = (Number(this.g11) * Number(8.204)).toFixed(3)
- this.hh11 = (Number(this.h11) * Number(9.849)).toFixed(3)
- this.jj11 = (Number(this.j11) * Number(2.929)).toFixed(3)
- }
- }
- if (num == '0') {
- this.f11 = ''
- this.ff11 = ''
- this.g11 = ''
- this.gg11 = ''
- this.h11 = ''
- this.hh11 = ''
- this.j11 = ''
- this.jj11 = ''
- }
- },
- getNatural(num) {
- if (num == 'k') {
- if (this.k == '') {
- this.getNatural('0')
- } else {
- let k1 = Number(this.k).toFixed(3)
- this.l = (k1 * Number(35.31)).toFixed(3)
- this.kk = (Number(this.k) * Number(1.978)).toFixed(3)
- this.ll = (Number(this.l) * Number(0.056)).toFixed(3)
- }
- }
- if (num == 'l') {
- if (this.l == '') {
- this.getNatural('0')
- } else {
- let l1 = Number(this.l).toFixed(3)
- this.k = (l1 / Number(35.31)).toFixed(3)
- this.kk = (Number(this.k) * Number(1.978)).toFixed(3)
- this.ll = (Number(this.l) * Number(0.056)).toFixed(3)
- }
- }
- if (num == '0') {
- this.k = ''
- this.l = ''
- this.kk = ''
- this.ll = ''
- }
- },
- },
- }
- </script>
- <style lang="less" scoped>
- ul > li {
- height: 41px;
- margin: 20px 0;
- line-height: 41px;
- border-top: 1px solid #dbdbdb;
- border-right: 1px solid #dbdbdb;
- border-bottom: 1px solid #dbdbdb;
- display: flex;
- }
- .none-title > li {
- border: none !important;
- height: 41px;
- line-height: 41px;
- }
- .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;
- }
- .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;
- }
- .user-btn {
- background-color: #105dbc;
- color: #fff;
- }
- // .user-btn:hover {
- // background-color: #18caf7;
- // color: #000;
- // }
- .user-btn-clear {
- width: 30%;
- margin-left: 35%;
- 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;
- }
- // .user-btn-clear:hover {
- // width: 30%;
- // margin-left: 35%;
- // font-size: 16px;
- // font-weight: 700;
- // background: linear-gradient(90deg, #4d98e4, #18caf7);
- // color: #000;
- // 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>
|