API tools faq
paste
Advertisement
BlackBoY_

ui-node-12\src\views\dashboard\Index.vue

BlackBoY_
Jan 29th, 2024
47
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.44 KB | None | 0 0
raw download clone embed print report
  1. <template>
  2. <v-app :class="$vuetify.theme.dark ? 'primary' : 'secondary'" dark>
  3. <cpHeader
  4. :key="cmKeyHeader"
  5. :prIsModeMobile="cmIsModeMobile"
  6. :prIsHomeLayout="cmSetIsHomeLayout"
  7. :prIsMainHome="cmSetIsMainHome"
  8. :prHeaderTitle="cmSetHeaderTitle"
  9. :prIsShowParamSetting="dtIsShowParamSetting"
  10. :prIsParamSetWithSegmen="dtIsParamSetWithSegmen"
  11. :prIsParamSetWithKodeProgram="dtIsParamSetWithKodeProgram"
  12. :prIsParamSetWithAgen="dtIsParamSetWithAgen"
  13. :prIsParamSetWithKantor="dtIsParamSetWithKantor"
  14. :prIsShowBtnHomePopup="dtIsShowBtnHomePopup"
  15. :prIsShowBtnSearchNpp="dtIsShowBtnSearchNpp"
  16. :prHeaderShowProgress="dtHeaderShowProgress"
  17. :prHeaderProgressVal="dtHeaderProgressVal"
  18. @onSetButtonBack="mtOnSetButtonBack"
  19. @onSetShowHomePopup="mtOnSetShowHomePopup"
  20. @onSetShowSearchNpp="mtOnSetShowSearchNpp"
  21. />
  22. <v-content>
  23. <div
  24. style="padding: 0px 0px 0px 0px;"
  25. class="no-gutters fill-height"
  26. fluid
  27. align="center"
  28. id="divHome"
  29. >
  30. <v-flex
  31. :class="cmIsModeMobile ? 'mt-n10' : ''"
  32. text-xs-center
  33. fill-height
  34. >
  35. <v-card class="mx-auto" flat color="transparent">
  36. <v-container>
  37. <cpSubHeader
  38. :key="cmKeySubheader"
  39. :prIsModeMobile="cmIsModeMobile"
  40. :prIsHomeLayout="cmSetIsHomeLayout"
  41. :prIsMainHome="cmSetIsMainHome"
  42. :prTextSatu="dtTextSatu"
  43. :prTextDua="dtTextDua"
  44. :prTextTiga="dtTextTiga"
  45. :prTextEmpat="dtTextEmpat"
  46. :prIsShowSwitchToGrid="dtIsShowSwitchToGrid"
  47. @OnChangeSwitchToGrid="mtOnChangeSwitchToGrid"
  48. />
  49. <router-view
  50. :key="cmKeyRoutView"
  51. :prIsModeMobile="cmIsModeMobile"
  52. :prValSwitchToGrid="dtValSwitchToGrid"
  53. :prIsDoCloseDetilDua="dtIsDoCloseDetilDua"
  54. :prIsShowSearchNpp="dtIsShowSearchNpp"
  55. @onSetIsHomeLayout="mtOnSetIsHomeLayout"
  56. @onSetSubHeader="mtOnSetSubHeader"
  57. @onSetSubFooter="mtOnSetSubFooter"
  58. @onSetSwitchBack="mtOnSetSwitchBack"
  59. @onClickToDetilDua="mtSetOnClickToDetilDua"
  60. @onCloseHomePopup="mtSetOnCloseHomePopup"
  61. @onCloseShowSearchNpp="mtOnCloseShowSearchNpp"
  62. @onSetShowHeaderProgress="mtSetShowHeaderProgress"
  63. @onSetCloseHeaderProgress="mtSetCloseHeaderProgress"
  64. />
  65. <cpSubFooter
  66. :key="cmKeySubFooter"
  67. :prIsModeMobile="cmIsModeMobile"
  68. :prIsHomeLayout="cmSetIsHomeLayout"
  69. :prIsMainHome="cmSetIsMainHome"
  70. :prTextSubFooter="dtTextSubFooter"
  71. />
  72. </v-container>
  73. </v-card>
  74. </v-flex>
  75. <cpCornerFab
  76. v-if="cmIsShowCorFab"
  77. :key="cmKeyCornerFab"
  78. :prIsModeMobile="cmIsModeMobile"
  79. />
  80. </div>
  81. </v-content>
  82. <cpFooter />
  83. </v-app>
  84. </template>
  85.  
  86. <script>
  87. export default {
  88. name: "Dashboard",
  89. components: {
  90. cpHeader: () => import("@/views/dashboard/core/Header.vue"),
  91. cpSubHeader: () => import("@/views/dashboard/core/SubHeader.vue"),
  92. cpSubFooter: () => import("@/views/dashboard/core/SubFooter.vue"),
  93. cpCornerFab: () => import("@/views/dashboard/core/CornerFab.vue"),
  94. cpFooter: () => import("@/views/dashboard/core/Footer.vue"),
  95. },
  96. data: () => ({
  97. dtCounterHeader: 0,
  98. dtCounterSubHeader: 0,
  99. dtCounterSubFooter: 0,
  100. dtCounterCornerFab: 0,
  101. dtCounterRoutView: 0,
  102. dtIsHomeLayout: false,
  103. dtIsShowParamSetting: false,
  104. dtIsParamSetWithSegmen: false,
  105. dtIsParamSetWithKodeProgram: false,
  106. dtIsParamSetWithAgen: false,
  107. dtIsParamSetWithKantor: true,
  108. dtIsShowBtnHomePopup: false,
  109. dtTextSatu: "",
  110. dtTextDua: "",
  111. dtTextTiga: "",
  112. dtTextEmpat: "",
  113. dtIsShowSwitchToGrid: false,
  114. dtTextSubFooter: "",
  115. dtValSwitchToGrid: false,
  116. dtSwitchBackTo: "",
  117. dtIsDetilDua: false,
  118. dtIsDoCloseDetilDua: false,
  119. dtIsShowBtnSearchNpp: false,
  120. dtIsShowSearchNpp: false,
  121. dtHeaderProgressVal: 0,
  122. dtHeaderProgressInterval: 0,
  123. dtHeaderShowProgress: "off",
  124. }),
  125. computed: {
  126. storeParams() {
  127. return this.$store.getters.params;
  128. },
  129. paramsData() {
  130. return {
  131. kantor: this.$store.getters.role.KODE_KANTOR,
  132. nama_kantor: this.$store.getters.role.NAMA_KANTOR_SINGKAT,
  133. kode_role: this.$store.getters.role.KODE_FUNGSI,
  134. nama_role: this.$store.getters.role.NAMA_FUNGSI,
  135. npk: this.$store.getters.userInfo.NPK,
  136. user: this.$store.getters.userInfo.KODE,
  137. nama_user: this.$store.getters.userInfo.NAMA_USER,
  138. flag_akses_01: this.$getRoles().FLAG_AKSES_01,
  139. flag_akses_02: this.$getRoles().FLAG_AKSES_02,
  140. ...this.$store.getters.params,
  141. };
  142. },
  143. cmKeyHeader() {
  144. return "Header" + this.dtCounterHeader;
  145. },
  146. cmKeySubheader() {
  147. return "SubHeader" + this.dtCounterSubHeader;
  148. },
  149. cmKeySubFooter() {
  150. return "SubFooter" + this.dtCounterSubFooter;
  151. },
  152. cmKeyCornerFab() {
  153. return "CornerFab" + this.dtCounterCornerFab;
  154. },
  155. cmKeyRoutView() {
  156. return "RoutView" + this.dtCounterRoutView;
  157. },
  158. cmIsShowCorFab() {
  159. if (this.$route.name && this.$route.name === "main") {
  160. return true;
  161. }
  162. return false;
  163. },
  164. cmIsModeMobile() {
  165. switch (this.$vuetify.breakpoint.name) {
  166. case "xs":
  167. return true;
  168. case "sm":
  169. return false;
  170. case "md":
  171. return false;
  172. case "lg":
  173. return false;
  174. case "xl":
  175. return false;
  176. }
  177. return false;
  178. },
  179. cmSetHeaderTitle() {
  180. if (this.$route.name) {
  181. if (this.$route.name.substr(0, 4).toUpperCase() === "XD01") {
  182. if (this.$route.name.substr(0, 6).toUpperCase() === "XD0107") {
  183. return "W A S R I K";
  184. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0108") {
  185. return "DATA POTENSI TK";
  186. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0109") {
  187. return "KEAGENAN";
  188. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0110") {
  189. return "SERTAKAN";
  190. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0111") {
  191. return "Lapangan Usaha";
  192. } else {
  193. return "KEPESERTAAN";
  194. }
  195. } else if (this.$route.name.substr(0, 4).toUpperCase() === "XD02") {
  196. if (this.$route.name.toUpperCase() === "XD020114") {
  197. return "JHT JATUH TEMPO";
  198. } else if (this.$route.name.toUpperCase() === "XD020106") {
  199. return "KLAIM USIA JT";
  200. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0201") {
  201. return "KLAIM JHT";
  202. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0202") {
  203. return "KLAIM JKK";
  204. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0203") {
  205. return "KLAIM JKM";
  206. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0204") {
  207. return "KLAIM JP";
  208. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0205") {
  209. return "KLAIM JKP";
  210. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0206") {
  211. return "ESTIMASI & REALISASI";
  212. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0207") {
  213. if (this.$route.name.substr(0, 8).toUpperCase() === "XD020277") {
  214. return "BEASISWA";
  215. } else if (
  216. this.$route.name.substr(0, 8).toUpperCase() === "XD020701"
  217. ) {
  218. return "CADANGAN TEKNIS";
  219. }
  220. return "BEASISWA";
  221. } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0208") {
  222. return "REALISASI MLT";
  223. } else if ( this.$route.name.substr(0, 6).toUpperCase() === "XD020508"
  224. ) {
  225. return "jo mama";
  226. } else {
  227. return "PELAYANAN";
  228. }
  229. } else if (this.$route.name.substr(0, 4).toUpperCase() === "XD03") {
  230. return "PROFIL PK/BU";
  231. } else if (this.$route.name.substr(0, 4).toUpperCase() === "XD04") {
  232. if (this.$route.name.substr(0, 6).toUpperCase() === "XD0401") {
  233. return "LAPAK ASIK";
  234. } else {
  235. return "E-SERVICE";
  236. } } else if (this.$route.name.substr(0, 4).toUpperCase() === "XD05") {
  237. return "OVERVIEW"; } else if (this.$route.name.substr(0, 4).toUpperCase() === "XD06") { if (this.$route.name.substr(0, 6).toUpperCase() === "XD0601") {
  238. return "KINERJA KEPESERTAAN"; } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0602") {
  239. return "KINERJA PELAYANAN"; } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0603") { if (this.$route.name.substr(0, 8).toUpperCase() === "XD060301") {
  240. return "ALL SEGMENT";
  241. } else if (
  242. this.$route.name.substr(0, 8).toUpperCase() === "XD060302"
  243. ) {
  244. return "PENERIMA UPAH";
  245. } else if (
  246. this.$route.name.substr(0, 8).toUpperCase() === "XD060302"
  247. ) {
  248. return "PENERIMA UPAH";
  249. } else if (
  250. this.$route.name.substr(0, 8).toUpperCase() === "XD060303"
  251. ) {
  252. return "PEKERJA MIGRAN INDONESIA";
  253. } else if (
  254. this.$route.name.substr(0, 8).toUpperCase() === "XD060304"
  255. ) {
  256. return "BUKAN PENERIMA UPAH";
  257. } else if ( this.$route.name.substr(0, 8).toUpperCase() === "XD060305"
  258. ) {
  259. return "JASA KONSTRUKSI";
  260. } else if (
  261. this.$route.name.substr(0, 8).toUpperCase() === "XD060306"
  262. ) {
  263. return "YEAR ON YEAR";
  264. } else if (
  265. this.$route.name.substr(0, 8).toUpperCase() === "XD060307"
  266. ) {
  267. return "TK Keluar PU by KBLI";
  268. } else if ( this.$route.name.substr(0, 8).toUpperCase() === "XD060308"
  269. ) {
  270. return "TK Keluar JAKON by Sumber Pembiayaan";
  271. } else if (
  272. this.$route.name.substr(0, 8).toUpperCase() === "XD060309"
  273. ) {
  274. return "TK Keluar BPU by Engine";
  275. } else if ( this.$route.name.substr(0, 8).toUpperCase() === "XD060309"
  276. ) { return "TK Keluar BPU by Sumber Pembiayaan";
  277. }
  278. return "KINERJA KEPESERTAAN";
  279. }
  280. return "KINERJA"; } else if (this.$route.name.substr(0, 4).toUpperCase() === "XD07") { if (this.$route.name.substr(0, 6).toUpperCase() === "XD0704") {
  281. return "ALL SEGMENT"; } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0701") {
  282. return "PENERIMA UPAH"; } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0702") {
  283. return "BUKAN PENERIMA UPAH"; } else if (this.$route.name.substr(0, 6).toUpperCase() === "XD0703") {
  284. return "PEKERJA MIGRAN INDONESIA";
  285. } else {
  286. return "DATA KUALITAS";
  287. }
  288. }
  289. }
  290. return "E X S I S T";
  291. },
  292. cmSetIsHomeLayout() {
  293. if (this.$route.name && this.$route.name === "main") {
  294. return true;
  295. } else {
  296. return this.dtIsHomeLayout;
  297. }
  298. },
  299. cmSetIsMainHome() {
  300. if (this.$route.name && this.$route.name === "main") {
  301. return true;
  302. } else {
  303. return false;
  304. }
  305. },
  306. cmRouteName() {
  307. return this.$route.name;
  308. },
  309. cmRouteHomePopup() {
  310. switch (this.$route.name.substr(0, 6)) {
  311. case "xd0201":
  312. return "xd020100";
  313. case "xd0202":
  314. return "xd020200";
  315. case "xd0203":
  316. return "xd020300";
  317. case "xd0204":
  318. return "xd020400";
  319. case "xd0205":
  320. return "xd020500";
  321. case "xd0207":
  322. return "xd020277";
  323. case "xd060302":
  324. return "xd0603020";
  325. case "xd060305":
  326. return "xd0603020";
  327. }
  328. switch (this.$route.name.substr(0, 8)) {
  329. case "xd060302":
  330. return "xd0603020";
  331. case "xd060305":
  332. return "xd0603050";
  333. case "xd060304":
  334. return "xd0603040";
  335. }
  336. return "";
  337. },
  338. cmRevRouteHomePopup() {
  339. switch (this.$route.name) {
  340. case "xd020100":
  341. return "xd0201";
  342. case "xd020200":
  343. return "xd0202";
  344. case "xd020300":
  345. return "xd0203";
  346. case "xd020400":
  347. return "xd0204";
  348. case "xd020500":
  349. return "xd0205";
  350. case "xd020277":
  351. return "xd020700";
  352. case "xd0603020":
  353. return "xd060302";
  354. case "xd0603050":
  355. return "xd060305";
  356. case "xd0603040":
  357. return "xd060304";
  358. }
  359. return "";
  360. },
  361. },
  362. watch: {
  363. cmIsMobile(newVal, oldVal) {
  364. if (newVal !== oldVal) {
  365. this.dtCounterRoutView++;
  366. }
  367. },
  368. cmRouteName(newVal, oldVal) {
  369. if (newVal !== oldVal) {
  370. this.dtCounterRoutView++;
  371. }
  372. },
  373. storeParams(newVal, oldVal) {
  374. if (this.$IsChangedParams(newVal, oldVal)) {
  375. this.dtCounterHeader++;
  376. }
  377. },
  378. },
  379. methods: {
  380. async mtOnSetIsHomeLayout(val) {
  381. this.dtIsHomeLayout = val;
  382. if (this.dtIsHomeLayout) {
  383. this.dtIsShowParamSetting = false;
  384. this.dtIsParamSetWithSegmen = false;
  385. this.dtIsParamSetWithKodeProgram = false;
  386. this.dtIsParamSetWithKantor = true;
  387. this.dtIsShowBtnHomePopup = false;
  388. this.dtIsShowBtnSearchNpp = false;
  389. } else {
  390. this.dtIsShowParamSetting = true;
  391. this.dtIsShowBtnSearchNpp = false;
  392. if (this.$route.name) {
  393. let vJnsMenu = this.$route.name.toUpperCase();
  394. let vJnsMenu04 = this.$route.name.substr(0, 4).toUpperCase();
  395. let vJnsMenu06 = this.$route.name.substr(0, 6).toUpperCase();
  396. let vJnsMenu08 = this.$route.name.substr(0, 8).toUpperCase();
  397. //set is paramsetting with segmen
  398. if (
  399. vJnsMenu04 === "XD01" &&
  400. vJnsMenu06 !== "XD0107" &&
  401. vJnsMenu04 !== "XD07"
  402. ) {
  403. this.dtIsParamSetWithSegmen = false;
  404. // this.dtIsParamSetWithKodeProgram = false;
  405. } else if ( ["XD0206", "XD0207", "XD0208", "XD020508"].findIndex(
  406. (x) => x === vJnsMenu06
  407. ) >= 0
  408. ) {
  409. if (vJnsMenu06 === "XD0206") {
  410. this.dtIsParamSetWithKantor = false;
  411. }
  412. this.dtIsParamSetWithSegmen = false;
  413. this.dtIsShowParamSetting = true;
  414. } else if (vJnsMenu04 === "XD02") {
  415. this.dtIsShowParamSetting = true;
  416. this.dtIsParamSetWithSegmen = true;
  417. this.dtIsParamSetWithKodeProgram = false;
  418. } else if (vJnsMenu04 === "XD03") {
  419. this.dtIsShowParamSetting = false;
  420. this.dtIsParamSetWithSegmen = false;
  421. // this.dtIsParamSetWithKodeProgram = false;
  422. this.dtIsShowBtnSearchNpp = true;
  423. } else if (vJnsMenu06 === "XD0603") {
  424. this.dtIsShowParamSetting = true;
  425. this.dtIsParamSetWithSegmen = false;
  426. // this.dtIsParamSetWithKodeProgram = false;
  427. // this.dtIsShowBtnSearchNpp = true;
  428. } else if (vJnsMenu04 === "XD07") {
  429. this.dtIsShowParamSetting = true;
  430. this.dtIsParamSetWithSegmen = false;
  431. // this.dtIsParamSetWithKodeProgram = false;
  432. // this.dtIsShowBtnSearchNpp = true;
  433. } else {
  434. // this.dtIsParamSetWithSegmen = true;
  435. this.dtIsParamSetWithKodeProgram = true;
  436. }
  437. if (
  438. vJnsMenu04 === "XD02" &&
  439. vJnsMenu06 !== "XD0206" &&
  440. vJnsMenu06 !== "XD0207" &&
  441. vJnsMenu06 !== "XD0208" &&
  442. vJnsMenu !== "XD020114" &&
  443. vJnsMenu !== "XD020106" &&
  444. vJnsMenu08 !== "XD060302" &&
  445. vJnsMenu08 !== "XD060305" &&
  446. vJnsMenu06 !== "XD020508"
  447. ) {
  448. this.dtIsShowBtnHomePopup = true;
  449. this.dtIsParamSetWithSegmen = true;
  450. // this.dtIsParamSetWithKodeProgram = true;
  451. } else if (vJnsMenu06 == "XD0207") {
  452. this.dtIsShowBtnHomePopup = true;
  453. this.dtIsParamSetWithSegmen = true;
  454. // this.dtIsParamSetWithKodeProgram = false;
  455. } else if (vJnsMenu08 == "XD060302") {
  456. this.dtIsShowBtnHomePopup = true;
  457. this.dtIsParamSetWithSegmen = false;
  458. this.dtIsParamSetWithKodeProgram = false;
  459. } else if (vJnsMenu08 == "XD060305") {
  460. this.dtIsShowBtnHomePopup = true;
  461. this.dtIsParamSetWithSegmen = false;
  462. this.dtIsParamSetWithKodeProgram = false;
  463. } else if (vJnsMenu08 == "XD060304") {
  464. this.dtIsShowBtnHomePopup = true;
  465. this.dtIsParamSetWithSegmen = false;
  466. this.dtIsParamSetWithKodeProgram = false;
  467. } else if (vJnsMenu06 == "XD0205") {
  468. this.dtIsShowBtnHomePopup = true;
  469. this.dtIsParamSetWithSegmen = false;
  470. // this.dtIsParamSetWithKodeProgram = false;
  471. } else {
  472. this.dtIsShowBtnHomePopup = false;
  473. }
  474.  
  475. if (vJnsMenu06 == "XD0109") {
  476. this.dtIsParamSetWithAgen = true;
  477. this.dtIsParamSetWithSegmen = true;
  478. this.dtIsParamSetWithKodeProgram = true;
  479. } else this.dtIsParamSetWithAgen = false;
  480.  
  481. if (vJnsMenu06 == "XD0207") {
  482. this.dtIsShowBtnHomePopup = true;
  483. } else this.dtIsParamSetWithAgen = false;
  484. // end param agen
  485. } else {
  486. this.dtIsParamSetWithSegmen = false;
  487. this.dtIsParamSetWithKodeProgram = false;
  488. this.dtIsShowBtnHomePopup = false;
  489. }
  490. }
  491. },
  492. async mtOnSetSubHeader(val) {
  493. this.dtTextSatu = val.dtTextSatu;
  494. this.dtTextDua = val.dtTextDua;
  495. this.dtTextTiga = val.dtTextTiga;
  496. this.dtTextEmpat = val.dtTextEmpat;
  497. this.dtIsShowSwitchToGrid = val.dtIsShowSwitchToGrid;
  498. },
  499. async mtOnSetSubFooter(val) {
  500. this.dtTextSubFooter = val;
  501. },
  502. async mtOnSetSwitchBack(val) {
  503. this.dtSwitchBackTo = val;
  504. },
  505. async mtOnSetButtonBack() {
  506. this.mtSetCloseHeaderProgress();
  507. if (this.dtIsDetilDua) {
  508. this.dtIsDoCloseDetilDua = true;
  509. this.dtIsDetilDua = false;
  510. this.dtIsShowSwitchToGrid = false;
  511. this.dtValSwitchToGrid = false;
  512. this.dtIsShowSearchNpp = false;
  513. this.dtCounterSubHeader++;
  514. if (this.$route.name.substr(0, 4).toUpperCase() === "XD01") {
  515. this.dtIsShowParamSetting = true;
  516. }
  517. } else {
  518. this.dtIsShowSwitchToGrid = false;
  519. this.dtValSwitchToGrid = false;
  520. this.dtIsShowSearchNpp = false;
  521. this.dtCounterSubHeader++;
  522. if (this.dtSwitchBackTo) {
  523. if (this.$route.name !== this.dtSwitchBackTo) {
  524. this.$router.push({
  525. name: this.dtSwitchBackTo,
  526. });
  527. }
  528. } else {
  529. if (this.$route.name !== "main") {
  530. this.$router.push({
  531. name: "main",
  532. });
  533. }
  534. }
  535. }
  536. },
  537. async mtOnSetShowHomePopup() {
  538. this.dtIsShowSwitchToGrid = false;
  539. this.dtValSwitchToGrid = false;
  540. this.dtCounterSubHeader++;
  541. if (this.cmRouteHomePopup) {
  542. if (this.$route.name !== this.cmRouteHomePopup) {
  543. this.$router.push({
  544. name: this.cmRouteHomePopup,
  545. });
  546. }
  547. }
  548. },
  549. async mtSetOnCloseHomePopup() {
  550. this.dtIsShowSwitchToGrid = false;
  551. this.dtValSwitchToGrid = false;
  552. if (this.cmRevRouteHomePopup) {
  553. if (this.$route.name !== this.cmRevRouteHomePopup) {
  554. this.$router.push({
  555. name: this.cmRevRouteHomePopup,
  556. });
  557. }
  558. }
  559. },
  560. async mtSetOnClickToDetilDua(valIsDetilDua) {
  561. this.dtIsDetilDua = valIsDetilDua;
  562. this.dtIsDoCloseDetilDua = false;
  563. if (this.$route.name.substr(0, 4).toUpperCase() === "XD01") {
  564. this.dtIsShowParamSetting = false;
  565. }
  566. },
  567. async mtOnChangeSwitchToGrid(val) {
  568. this.dtValSwitchToGrid = val;
  569. },
  570. async mtOnSetShowSearchNpp() {
  571. this.dtIsShowSearchNpp = true;
  572. },
  573. async mtOnCloseShowSearchNpp() {
  574. this.dtIsShowSearchNpp = false;
  575. },
  576. async mtSetShowHeaderProgress() {
  577. this.dtHeaderShowProgress = "on";
  578. this.dtHeaderProgressVal = 0;
  579. this.dtHeaderProgressInterval = setInterval(() => {
  580. if (this.dtHeaderProgressVal === 100) {
  581. return (this.dtHeaderProgressVal = 0);
  582. }
  583. this.dtHeaderProgressVal += 1;
  584. }, 500);
  585. },
  586. async mtSetCloseHeaderProgress() {
  587. this.dtHeaderShowProgress = "off";
  588. clearInterval(this.dtHeaderProgressInterval);
  589. },
  590. },
  591. mounted() {
  592. //this.setTheme();
  593. },
  594. beforeDestroy() {
  595. clearInterval(this.dtHeaderProgressInterval);
  596. },
  597. };
  598. </script>
  599.  
  600. <style lang="scss">
  601. #divHome .v-btn--corner {
  602. bottom: 0;
  603. position: absolute;
  604. margin: 0 0 16px 16px;
  605. }
  606. body {
  607. width: 100%;
  608. height: 100%;
  609. opacity: 0.95;
  610. background-repeat: no-repeat;
  611. background-position: center;
  612. background-image: url("../../assets/icon/img_background.png");
  613. -webkit-background-size: cover;
  614. -moz-background-size: cover;
  615. -o-background-size: cover;
  616. background-size: cover;
  617. }
  618. </style>
  619.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!