| 1 |
- {"ast":null,"code":"import { mapState } from \"vuex\";\nexport default {\n data() {\n return {\n statusValue: '',\n projectValue: '',\n carlineValue: '',\n variantValue: '',\n clusterValue: '',\n marketValue: ''\n };\n },\n computed: {\n ...mapState({\n statusOptions(state) {\n return state.benchList.statusOptions;\n },\n projectOptions(state) {\n return state.benchList.projectOptions;\n },\n carlineOptions(state) {\n return state.benchList.carlineOptions;\n },\n variantOptions(state) {\n return state.benchList.variantOptions;\n },\n clusterOptions(state) {\n return state.benchList.clusterOptions;\n },\n marketOptions(state) {\n return state.benchList.marketOptions;\n }\n })\n },\n props: {\n data: {\n type: Array,\n required: true\n },\n filters: {\n type: Array,\n required: true\n },\n rowClassName: {\n type: Function,\n required: true\n }\n },\n methods: {\n changeFilter(type) {\n if (this.statusValue) {\n this.$store.dispatch('benchList/filterBenchList', {\n type: 'status',\n value: this.statusValue\n });\n }\n if (this.projectValue) {\n this.$store.dispatch('benchList/filterBenchList', {\n type: 'project',\n value: this.projectValue\n });\n }\n if (this.carlineValue) {\n this.$store.dispatch('benchList/filterBenchList', {\n type: 'carline',\n value: this.carlineValue\n });\n }\n if (this.variantValue) {\n this.$store.dispatch('benchList/filterBenchList', {\n type: 'variant',\n value: this.variantValue\n });\n }\n if (this.clusterValue) {\n this.$store.dispatch('benchList/filterBenchList', {\n type: 'cluster',\n value: this.clusterValue\n });\n }\n if (this.marketValue) {\n this.$store.dispatch('benchList/filterBenchList', {\n type: 'market',\n value: this.marketValue\n });\n }\n this.$store.dispatch('benchList/setFilterBenchFlag', true);\n },\n connectBench(benchId) {\n this.$store.dispatch(\"common/setIsOpen\", false);\n window.selectBench(benchId);\n },\n showBench(benchId) {\n window.handleListDbClick(benchId);\n }\n }\n};","map":{"version":3,"names":["mapState","data","statusValue","projectValue","carlineValue","variantValue","clusterValue","marketValue","computed","statusOptions","state","benchList","projectOptions","carlineOptions","variantOptions","clusterOptions","marketOptions","props","type","Array","required","filters","rowClassName","Function","methods","changeFilter","$store","dispatch","value","connectBench","benchId","window","selectBench","showBench","handleListDbClick"],"sources":["src/views/ordinaryPage/components/TableComponent/index.vue"],"sourcesContent":["<template>\n <div class=\"table-box benchList\">\n <div class=\"btn-box\">\n <el-select v-model=\"statusValue\" placeholder=\"Status\" @change=\"changeFilter('status')\">\n <el-option\n v-for=\"item in statusOptions\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\">\n </el-option>\n </el-select>\n <el-select v-model=\"projectValue\" placeholder=\"Project\" @change=\"changeFilter('project')\">\n <el-option\n v-for=\"item in projectOptions\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\">\n </el-option>\n </el-select>\n <el-select v-model=\"carlineValue\" placeholder=\"Carline\" @change=\"changeFilter('carline')\">\n <el-option\n v-for=\"item in carlineOptions\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\">\n </el-option>\n </el-select>\n <el-select v-model=\"variantValue\" placeholder=\"Variant\" @change=\"changeFilter('variant')\">\n <el-option\n v-for=\"item in variantOptions\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\">\n </el-option>\n </el-select>\n <el-select v-model=\"clusterValue\" placeholder=\"Cluster\" @change=\"changeFilter('cluster')\">\n <el-option\n v-for=\"item in clusterOptions\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\">\n </el-option>\n </el-select>\n <el-select v-model=\"marketValue\" placeholder=\"Market\" @change=\"changeFilter('market')\">\n <el-option\n v-for=\"item in marketOptions\"\n :key=\"item.value\"\n :label=\"item.label\"\n :value=\"item.value\">\n </el-option>\n </el-select>\n </div>\n <vue-scroll class=\"benchTable\">\n <el-table :data=\"data\" :row-class-name=\"rowClassName\" style=\"background-color: transparent;margin-top: 20px;\">\n <el-table-column label=\"Bench Name\" prop=\"name\"></el-table-column>\n <el-table-column label=\"Project\" prop=\"Project\"></el-table-column>\n <el-table-column label=\"Carline\" prop=\"Carline\"></el-table-column>\n <el-table-column label=\"Market\" prop=\"Market\"></el-table-column>\n <el-table-column label=\"SW\" prop=\"MU_SW\"></el-table-column>\n <el-table-column label=\"Status\">\n <template slot-scope=\"scope\">\n <div v-if=\"scope.row.status == 'ready'\" style=\"background: #95d475;\" class=\"bench-status\">{{ scope.row.status }}</div>\n <div v-if=\"scope.row.status == 'running'\" style=\"background: #eebe77;\" class=\"bench-status\">{{ scope.row.status }}</div>\n <div v-if=\"scope.row.status == 'error'\" style=\"background: #f89898;\" class=\"bench-status\">{{ scope.row.status }}</div>\n <div v-if=\"scope.row.status == 'offline'\" style=\"background: #92949B;\" class=\"bench-status\">{{ scope.row.status }}</div>\n </template>\n </el-table-column>\n <el-table-column label=\"Action\">\n <template slot-scope=\"scope\">\n <span class=\"bench-action-1\" @click=\"connectBench(scope.row.id)\"></span>\n <span class=\"bench-action-2\" @click=\"showBench(scope.row.id)\"></span>\n </template>\n </el-table-column>\n </el-table>\n </vue-scroll>\n </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\"\nexport default {\n data() {\n return {\n statusValue: '',\n projectValue: '',\n carlineValue: '',\n variantValue: '',\n clusterValue: '',\n marketValue: ''\n }\n },\n computed: {\n ...mapState({\n statusOptions(state) {\n return state.benchList.statusOptions\n },\n projectOptions(state) {\n return state.benchList.projectOptions\n },\n carlineOptions(state) {\n return state.benchList.carlineOptions\n },\n variantOptions(state) {\n return state.benchList.variantOptions\n },\n clusterOptions(state) {\n return state.benchList.clusterOptions\n },\n marketOptions(state) {\n return state.benchList.marketOptions\n },\n })\n },\n props: {\n data: {\n type: Array,\n required: true\n },\n filters: {\n type: Array,\n required: true\n },\n rowClassName: {\n type: Function,\n required: true\n },\n },\n methods: {\n changeFilter(type) {\n if (this.statusValue) {\n this.$store.dispatch('benchList/filterBenchList', {type: 'status', value: this.statusValue});\n }\n if (this.projectValue) {\n this.$store.dispatch('benchList/filterBenchList', {type: 'project', value: this.projectValue});\n }\n if (this.carlineValue) {\n this.$store.dispatch('benchList/filterBenchList', {type: 'carline', value: this.carlineValue});\n }\n if (this.variantValue) {\n this.$store.dispatch('benchList/filterBenchList', {type: 'variant', value: this.variantValue});\n }\n if (this.clusterValue) {\n this.$store.dispatch('benchList/filterBenchList', {type: 'cluster', value: this.clusterValue});\n }\n if (this.marketValue) {\n this.$store.dispatch('benchList/filterBenchList', {type: 'market', value: this.marketValue});\n }\n this.$store.dispatch('benchList/setFilterBenchFlag', true);\n },\n connectBench(benchId) {\n this.$store.dispatch(\"common/setIsOpen\", false);\n window.selectBench(benchId)\n },\n showBench(benchId) {\n window.handleListDbClick(benchId)\n }\n }\n};\n</script>\n<style scoped>\n.el-table__header-wrapper,.el-table__body-wrapper,.el-table__cell,tr {\n background-color: transparent !important;\n}\n.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{\n border-bottom: 1px solid #707070!important;\n}\n.el-table--border::after, .el-table--group::after, .el-table::before{\n background-color: transparent;\n}\n\n.table-box{\n padding: 10px;\n /* background: rgba(0,0,0,0.3); */\n border-radius: 30px;\n border: 1px solid #707070;\n color: #DFDFDF;\n}\n.table-box:before{\n background: linear-gradient(322deg, rgba(255,255,255,0.63) 0%, rgba(255,255,255,0) 73%, rgba(84,84,84,0) 100%);\n border-radius: 30px;\n opacity: 0.55;\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n}\n.el-select {\n width: 15%;\n margin-left: 1.66%;\n border-radius: 30px;\n border: 1px solid #fff;\n height: 30px;\n}\nth .cell {\n font-size: 14px;\n}\n</style>\n<style>\n.btn-box .el-select input.el-input__inner{\n border-radius: 30px !important;\n padding-left: 5px;\n background-color: transparent;\n height: 30px;\n font-size: 12px;\n color: #fff !important;\n}\n.el-select-dropdown__empty {\n background-color: #000;\n color: #fff;\n}\n.table-box.benchList .el-table .el-table__cell{\n font-size: 16px;\n}\n.table-box .el-table__row.row-class {\n height: 68px !important;\n border-bottom: 1px solid #fff;\n}\n.bench-status {\n width: 74px; \n height: 32px; \n border-radius: 60px;\n margin: 0 auto;\n line-height: 32px;\n}\n.bench-action-1 {\n background-image: url('../../../../images/screen.png');\n background-repeat: no-repeat;\n background-size: 100% 100%;\n background-position: center;\n width: 32px;\n height: 32px;\n display: inline-block;\n}\n.bench-action-2 {\n background-image: url('../../../../images/more.png');\n background-repeat: no-repeat;\n background-size: 100% 100%;\n background-position: center;\n width: 32px;\n height: 32px;\n display: inline-block;\n margin-left: 15px;\n}\n</style>"],"mappings":"AA+EA,SAAAA,QAAA;AACA;EACAC,KAAA;IACA;MACAC,WAAA;MACAC,YAAA;MACAC,YAAA;MACAC,YAAA;MACAC,YAAA;MACAC,WAAA;IACA;EACA;EACAC,QAAA;IACA,GAAAR,QAAA;MACAS,cAAAC,KAAA;QACA,OAAAA,KAAA,CAAAC,SAAA,CAAAF,aAAA;MACA;MACAG,eAAAF,KAAA;QACA,OAAAA,KAAA,CAAAC,SAAA,CAAAC,cAAA;MACA;MACAC,eAAAH,KAAA;QACA,OAAAA,KAAA,CAAAC,SAAA,CAAAE,cAAA;MACA;MACAC,eAAAJ,KAAA;QACA,OAAAA,KAAA,CAAAC,SAAA,CAAAG,cAAA;MACA;MACAC,eAAAL,KAAA;QACA,OAAAA,KAAA,CAAAC,SAAA,CAAAI,cAAA;MACA;MACAC,cAAAN,KAAA;QACA,OAAAA,KAAA,CAAAC,SAAA,CAAAK,aAAA;MACA;IACA;EACA;EACAC,KAAA;IACAhB,IAAA;MACAiB,IAAA,EAAAC,KAAA;MACAC,QAAA;IACA;IACAC,OAAA;MACAH,IAAA,EAAAC,KAAA;MACAC,QAAA;IACA;IACAE,YAAA;MACAJ,IAAA,EAAAK,QAAA;MACAH,QAAA;IACA;EACA;EACAI,OAAA;IACAC,aAAAP,IAAA;MACA,SAAAhB,WAAA;QACA,KAAAwB,MAAA,CAAAC,QAAA;UAAAT,IAAA;UAAAU,KAAA,OAAA1B;QAAA;MACA;MACA,SAAAC,YAAA;QACA,KAAAuB,MAAA,CAAAC,QAAA;UAAAT,IAAA;UAAAU,KAAA,OAAAzB;QAAA;MACA;MACA,SAAAC,YAAA;QACA,KAAAsB,MAAA,CAAAC,QAAA;UAAAT,IAAA;UAAAU,KAAA,OAAAxB;QAAA;MACA;MACA,SAAAC,YAAA;QACA,KAAAqB,MAAA,CAAAC,QAAA;UAAAT,IAAA;UAAAU,KAAA,OAAAvB;QAAA;MACA;MACA,SAAAC,YAAA;QACA,KAAAoB,MAAA,CAAAC,QAAA;UAAAT,IAAA;UAAAU,KAAA,OAAAtB;QAAA;MACA;MACA,SAAAC,WAAA;QACA,KAAAmB,MAAA,CAAAC,QAAA;UAAAT,IAAA;UAAAU,KAAA,OAAArB;QAAA;MACA;MACA,KAAAmB,MAAA,CAAAC,QAAA;IACA;IACAE,aAAAC,OAAA;MACA,KAAAJ,MAAA,CAAAC,QAAA;MACAI,MAAA,CAAAC,WAAA,CAAAF,OAAA;IACA;IACAG,UAAAH,OAAA;MACAC,MAAA,CAAAG,iBAAA,CAAAJ,OAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
