<template>
|
<div class="productCatalog">
|
<div id="productLines" style="height: 100%; position: relative; overflow: auto">
|
<div class="sticky-container" style="height: 0.55rem">
|
<div style="width: 100%; max-width: 5.36rem; margin-top: 0rem; top: 0rem; bottom: auto;"
|
class="sticky is-anchored is-at-top">
|
<div id="productlinePicker">
|
<div class="row">
|
<div class="columns">
|
<ul class="menu head-tool-style">
|
<li @click="clickSelAllSeries" style="margin-right: 0.05rem;height: unset;">
|
<a style="display: flex; justify-content: center; align-items: center;">
|
<input type="checkbox" :checked="state.m_isSelectAll">
|
<span style="font-size: 16px;margin-left: 5px;">
|
{{ state.m_isSelectAll ? t("selectPage.reselect.TR") : t("selectPage.selectAll.TR") }}
|
</span>
|
</a>
|
</li>
|
<li class="select-type-style">
|
<el-radio-group v-model="state.m_selSeriesMethod.current" size="small"
|
@change="changeSelSeriesMethod">
|
<el-radio-button :disabled="state.m_selSeriesMethod.byCatalog.isDisable"
|
v-if="state.m_selSeriesMethod.byCatalog.isVisible" :label="0">{{ t("selectPage.byType.TR")
|
}}</el-radio-button>
|
<el-radio-button :disabled="state.m_selSeriesMethod.byHY.isDisable"
|
v-if="state.m_selSeriesMethod.byHY.isVisible" :label="1">{{ t("selectPage.byIndustry.TR")
|
}}</el-radio-button>
|
<el-radio-button :disabled="state.m_selSeriesMethod.byMedia.isDisable"
|
v-if="state.m_selSeriesMethod.byMedia.isVisible" :label="2">{{ t("selectPage.byMedia.TR")
|
}}</el-radio-button>
|
</el-radio-group>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 按类型列表 -->
|
<div style="height: calc(100% - 0.55rem); overflow: auto" v-show="state.m_selSeriesMethod.current == 0">
|
<label v-if="state.m_ruleSelectStatus"
|
style="position: absolute; top: 0.3rem; font-size: 0.1rem; color: red">*{{
|
t("selectPage.seriesRule.TR") }}</label>
|
<div v-for="(catalog_item, catalog_index) in state.m_showCatalogList" :key="catalog_index"
|
class="c-product-line-select" :class="catalog_item.isSelected ? 'is-selected' : ''"
|
@click="clickCatalogItem(catalog_index)">
|
<div class="c-product-line-select__overview" style="height: 1.5rem">
|
<button type="button" class="c-product-line-select__select-button">
|
<span class="fa fa-fw c-product-line-select__select-icon"></span>
|
<span class="c-product-line-select__name">
|
{{ catalog_item.Name }}
|
</span>
|
<img alt="Product Line" :onerror="useDefaultImage" :src="catalog_item.ThumbnailImage"
|
style="height: 100%;" class="c-product-line-select__image" />
|
</button>
|
<button @click.stop="
|
catalog_item.isShowDetail = !catalog_item.isShowDetail
|
" type="button" class="c-product-line-select__summary-button">
|
<span class="fa fa-fw fa-info-circle"></span>
|
</button>
|
</div>
|
<div class="c-product-line-select__summary" :class="catalog_item.isShowDetail ? '' : 'hide'">
|
<p class="u-no-margin" style="white-space: pre-line;">{{ catalog_item.ShortDescription }}</p>
|
</div>
|
</div>
|
</div>
|
<!-- 行业列表 -->
|
<div style="height: calc(100% - 0.55rem); overflow: auto" v-show="state.m_selSeriesMethod.current == 1">
|
<label v-if="state.m_ruleSelectStatus"
|
style="position: absolute; top: 0.3rem; font-size: 0.1rem; color: red">*{{
|
t("selectPage.seriesRule.TR") }}</label>
|
<div v-for="(hy_item, hy_index) in state.m_allHangYeList" :key="hy_index" class="c-product-line-select"
|
:class="hy_item.isSelected ? 'is-selected' : ''" @click="clickHangYeItem(hy_index)">
|
<div class="c-product-line-select__overview" style="height: 1.5rem">
|
<button type="button" class="c-product-line-select__select-button">
|
<span class="fa fa-fw c-product-line-select__select-icon"></span>
|
<span class="c-product-line-select__name">{{
|
hy_item.Name
|
}}</span>
|
<img alt="Product Line" :src="hy_item.ImageSrc"
|
style=" height: 1.2rem; width: 1.2rem; filter: drop-shadow(0.02rem 0.04rem 0.06rem black);"
|
class="c-product-line-select__image" />
|
</button>
|
<button @click.stop="hy_item.isShowDetail = !hy_item.isShowDetail" type="button"
|
class="c-product-line-select__summary-button">
|
<span class="fa fa-fw fa-info-circle"></span>
|
</button>
|
</div>
|
<div class="c-product-line-select__summary" :class="hy_item.isShowDetail ? '' : 'hide'">
|
<p class="u-no-margin">{{ hy_item.ShortDescription }}</p>
|
</div>
|
</div>
|
</div>
|
<!-- 按介质分类 -->
|
<div style="height: calc(100% - 0.55rem); overflow: auto" v-if="state.m_selSeriesMethod.current == 2">
|
<label v-if="state.m_ruleSelectJZ" style="position: absolute; top: 0.3rem; font-size: 0.1rem; color: red">*{{
|
t("selectPage.jiezhiRule.TR") }}</label>
|
<div v-for="(jz_item, jz_index) in state.m_allJieZhiList" :key="jz_index" class="c-product-line-select"
|
:class="jz_item.isSelected ? 'is-selected' : ''" @click="clickJieZhiItem(jz_index)">
|
<div class="c-product-line-select__overview" style="height: 1.5rem">
|
<button type="button" class="c-product-line-select__select-button">
|
<span class="fa fa-fw c-product-line-select__select-icon"></span>
|
<span class="c-product-line-select__name">{{
|
jz_item.Name
|
}}</span>
|
</button>
|
<button @click.stop="jz_item.isShowDetail = !jz_item.isShowDetail" type="button"
|
class="c-product-line-select__summary-button">
|
<span class="fa fa-fw fa-info-circle"></span>
|
</button>
|
</div>
|
<div class="c-product-line-select__summary" :class="jz_item.isShowDetail ? '' : 'hide'">
|
<p class="u-no-margin">{{ jz_item.ShortDescription }}</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script setup name="selPumpCatalog">
|
import { reactive } from "vue";
|
import { ElRadioGroup, ElRadioButton, ElCheckbox } from 'element-plus';
|
import { useSelect } from '/@/store/select.js';
|
import ConstParas from "/@/utils/constParas";
|
import Utils from "/@/utils/utils";
|
import SelectByCorpFlag from "/@/utils/selectByCorpFlag";
|
import defaultImgUrl from '/@/views/assets/img_fail.png';
|
import { useI18n } from 'vue-i18n';
|
import noneImg from '/@/views/assets/none_img.png'
|
const { t } = useI18n()
|
const selectStore = useSelect()
|
let state = reactive({
|
m_currentCorpFlag: window.globalConfig.CorpInfo.CorpFlag,
|
m_selSeriesMethod: {
|
current: 0, //0 类型
|
byCatalog: {
|
isDisable: true,
|
isVisible: false,
|
},
|
byHY: {
|
isDisable: true,
|
isVisible: false,
|
},
|
byMedia: {
|
isDisable: true,
|
isVisible: false,
|
},
|
},
|
m_isSelectAll: false, //是否全选 默认全选
|
|
// m_selSeriesMethod: 1, //分类选择
|
selCatalogIDs: [],//当前选中的类型ID
|
|
m_allCatalogList: [], //类型列表源数据
|
m_showCatalogList: [],//用于显示的类型列表
|
m_allSeriesList: [], //所有的系列
|
|
m_allHangYeList: [], //所有的行业列表
|
|
m_ruleSelectStatus: false, //判断是否选择了系列
|
m_ruleSelectHY: false, //判断是否选择了行业
|
m_ruleSelectJZ: false, //判断是否选择了介质
|
})
|
|
//初始化产品系列数据
|
const initData = (all_catalog, all_series, currentLanguageType, seriesApplicationData) => {
|
|
if (all_catalog == null || all_catalog.length == 0) return;
|
state.m_allSeriesList = all_series;
|
state.m_allCatalogList = all_catalog
|
initDataFromHistory();
|
|
if (seriesApplicationData && typeof seriesAppData == 'object') {
|
//构建行业列表
|
buildHangYeList(currentLanguageType, seriesApplicationData);
|
//构建介质列表
|
buildJieZhiList(currentLanguageType, seriesApplicationData);
|
}
|
}
|
//构建行业列表数据
|
const buildHangYeList = (currentLanguageType, seriesApplicationData) => {
|
let seriesAppData = JSON.parse(JSON.stringify(seriesApplicationData))
|
let hangYeList = seriesAppData.HangYe.List;
|
if (hangYeList == null || hangYeList.length == 0) {
|
state.m_allHangYeList = [];
|
}
|
state.m_selSeriesMethod.byCatalog.isDisable = false;
|
state.m_selSeriesMethod.byCatalog.isVisible = true;
|
state.m_selSeriesMethod.byHY.isDisable = false;
|
state.m_selSeriesMethod.byHY.isVisible = true;
|
|
// console.log(hangYeList,60)
|
let list = [];
|
if (currentLanguageType == 0) {
|
hangYeList.forEach((element, index) => {
|
let itemObj = {
|
HID: element.ID,
|
PumpSeriesID: element.PumpSeriesID,
|
Name: element.NameCN,
|
isSelected: false,
|
isShowDetail: false, //是否展示详情
|
ShortDescription: element.DescriptionCN,
|
ImageSrc: "static/img/HangYe/" + element.ImageName + "/ffffffx128.png",
|
};
|
list.push(itemObj);
|
});
|
}
|
else {
|
hangYeList.forEach((element, index) => {
|
let itemObj = {
|
HID: element.ID,
|
PumpSeriesID: element.PumpSeriesID,
|
Name: element.NameEN,
|
isSelected: false,
|
isShowDetail: false, //是否展示详情
|
ShortDescription: element.DescriptionEN,
|
ImageSrc: "static/img/HangYe/" + element.ImageName + "/ffffffx128.png",
|
};
|
list.push(itemObj);
|
});
|
}
|
state.m_allHangYeList = list;
|
// console.log(this.m_HangYeList,93)
|
}
|
//构建介质列表
|
const buildJieZhiList = (langType, seriesApplicationData) => {
|
if (
|
seriesApplicationData.JieZhiParas == "undefind" ||
|
seriesApplicationData.JieZhiParas == null
|
) {
|
seriesApplicationData.JieZhiParas = {};
|
}
|
let jieZhiList = seriesApplicationData.JieZhiParas.List;
|
if (jieZhiList == null || jieZhiList.length == 0) {
|
state.m_allJieZhiList = [];
|
return
|
}
|
|
state.m_selSeriesMethod.byCatalog.isDisable = false;
|
state.m_selSeriesMethod.byCatalog.isVisible = true;
|
state.m_selSeriesMethod.byMedia.isDisable = false;
|
state.m_selSeriesMethod.byMedia.isVisible = true;
|
|
let list = [];
|
if (langType == 0) {
|
jieZhiList.forEach((element, index) => {
|
let itemObj = {
|
ID: element.ID,
|
PumpSeriesID: element.PumpSeriesID,
|
Name: element.NameCN,
|
isSelected: false,
|
isShowDetail: false, //是否展示详情
|
ShortDescription: element.DescriptionCN,
|
};
|
if (element.ImageName) {
|
itemObj.ImageSrc =
|
"static/img/HangYe/" + element.ImageName + "/ffffffx128.png";
|
} else {
|
itemObj.ImageSrc = "";
|
}
|
list.push(itemObj);
|
});
|
}
|
else {
|
jieZhiList.forEach((element, index) => {
|
let itemObj = {
|
ID: element.ID,
|
PumpSeriesID: element.PumpSeriesID,
|
Name: element.NameEN,
|
isSelected: false,
|
isShowDetail: false, //是否展示详情
|
ShortDescription: element.DescriptionCN,
|
};
|
if (element.ImageName) {
|
itemObj.ImageSrc =
|
"static/img/HangYe/" + element.ImageName + "/ffffffx128.png";
|
} else {
|
itemObj.ImageSrc = "";
|
}
|
list.push(itemObj);
|
});
|
}
|
state.m_allJieZhiList = list;
|
}
|
const initDataFromHistory = () => {
|
//获取上次的表单填写记录
|
let historyFormData = selectStore.ByParas.selectParas;
|
let corpSelectDataByFlag = SelectByCorpFlag.getData(state.m_currentCorpFlag)
|
if (historyFormData == null || historyFormData.FilterInfo == null) {
|
return;
|
}
|
if (corpSelectDataByFlag.CatalogID == "" || corpSelectDataByFlag.CatalogID.length == 0) {
|
return
|
}
|
// 判断历史选型方式 是否是按行业 如果是则不赋值历史系列id
|
state.m_selSeriesMethod.current = corpSelectDataByFlag.SelMethod
|
historyFormData.FilterInfo.CatalogID = corpSelectDataByFlag.CatalogID
|
var selCatalogIDs = historyFormData.FilterInfo.CatalogID;
|
state.selCatalogIDs = selCatalogIDs
|
}
|
|
//筛选系列列表
|
const filterSeriseList = (DriveType, MotorFrequece, FirePumpType) => {
|
//var FirePumpType = this.formData.firePumpType;
|
// return; //暂时不过滤
|
let showSeriesArr = [];
|
state.m_allSeriesList.forEach((item) => {
|
//判断是否是电机
|
if (DriveType == ConstParas.DriveType.Motor) {
|
//判断类型是否是全部
|
if (item.MotorFrequece == MotorFrequece && item.DriveType == DriveType) {
|
if (item.FirePumpStatus) {
|
if (item.FirePumpStatus.includes(Number(FirePumpType))) {
|
showSeriesArr.push(item);
|
}
|
} else {
|
showSeriesArr.push(item);
|
}
|
}
|
}
|
// 是否是柴油机
|
else if (DriveType == ConstParas.DriveType.Diesel) {
|
//判断类型是否是全部
|
if (item.DriveType == DriveType) {
|
if (item.FirePumpStatus) {
|
if (item.FirePumpStatus.includes(Number(FirePumpType))) {
|
showSeriesArr.push(item);
|
}
|
} else {
|
showSeriesArr.push(item);
|
}
|
}
|
}
|
});
|
let showCatalogList = []
|
state.m_allCatalogList.forEach((catalogItem, index) => {
|
let catalog_info = {
|
ID: catalogItem.ID,
|
Name: catalogItem.Name,
|
ShortDescription: "",
|
ThumbnailImage: "",
|
isSelected: false, //是否被选择
|
isShowDetail: false, //是否展示详情
|
SeriesIDs: [],
|
};
|
for (let i = 0; i < showSeriesArr.length; i++) {
|
let seriesItem = showSeriesArr[i];
|
if (catalogItem.ID == seriesItem.CatalogID) {
|
if (catalog_info.ShortDescription == "" && seriesItem.ShortDescription != "") {
|
catalog_info.ShortDescription = seriesItem.ShortDescription.replace(/<br\/>/g, "\n");
|
}
|
let ThumbnailImage = noneImg
|
if (catalog_info.ThumbnailImage == "" && seriesItem.ThumbnailImage != "") {
|
// console.log(catalog_info.ThumbnailImage, seriesItem.ThumbnailImage,362)
|
ThumbnailImage = window.globalConfig.WebApiUrl.FileUrl + 'Data/' + seriesItem.ThumbnailImage;
|
}
|
catalog_info.ThumbnailImage = ThumbnailImage
|
catalog_info.SeriesIDs.push(seriesItem.ID);
|
break;
|
}
|
}
|
if (catalog_info.SeriesIDs.length > 0)
|
showCatalogList.push(catalog_info);
|
});
|
if (state.selCatalogIDs && state.selCatalogIDs.length > 0) {
|
showCatalogList.forEach((element) => {
|
if (state.selCatalogIDs.includes(element.ID)) {
|
element.isSelected = true;
|
state.m_isSelectAll = true
|
} else {
|
element.isSelected = false;
|
state.m_isSelectAll = false
|
}
|
});
|
}
|
state.m_showCatalogList = showCatalogList;
|
}
|
// 重置参数，用于在驱动类型切换时候使用
|
const resetData = () => {
|
state.selCatalogIDs = []
|
state.m_isSelectAll = false
|
}
|
//是否全选
|
const clickSelAllSeries = () => {
|
state.m_isSelectAll = !state.m_isSelectAll;
|
|
if (state.m_selSeriesMethod.current == 0) {
|
if (state.m_isSelectAll) {
|
state.m_showCatalogList.forEach((item) => {
|
item.isSelected = true;
|
});
|
state.m_ruleSelectStatus = false;
|
} else {
|
state.m_showCatalogList.forEach((item) => {
|
item.isSelected = false;
|
});
|
}
|
}
|
if (state.m_selSeriesMethod.current == 1) {
|
if (state.m_isSelectAll) {
|
state.m_allHangYeList.forEach((item) => {
|
item.isSelected = true;
|
});
|
state.m_ruleSelectStatus = false;
|
} else {
|
state.m_allHangYeList.forEach((item) => {
|
item.isSelected = false;
|
});
|
}
|
}
|
}
|
|
//选择系列
|
const clickCatalogItem = (index) => {
|
state.m_showCatalogList[index].isSelected = !state.m_showCatalogList[index].isSelected;
|
var sel_ids = [];
|
state.m_isSelectAll = true;
|
state.m_showCatalogList.forEach((catalog_item) => {
|
if (catalog_item.isSelected) {
|
sel_ids.push(catalog_item.ID);
|
} else {
|
state.m_isSelectAll = false;
|
}
|
});
|
state.selCatalogIDs = sel_ids
|
if (sel_ids.length > 0) state.m_ruleSelectStatus = false;
|
}
|
//选择行业
|
const clickHangYeItem = (index) => {
|
state.m_ruleSelectStatus = false;
|
state.m_allHangYeList[index].isSelected =
|
!state.m_allHangYeList[index].isSelected;
|
}
|
//返回给主页面 选择的类型id、系列id和当前的系列选择方法 0表示按类型 1表示按行业 2表示按介质
|
const getSelectData = () => {
|
let sel_series_ids = [];
|
let sel_catalog_ids = []
|
if (state.m_selSeriesMethod.current == 0) {
|
state.m_showCatalogList.forEach((catalog) => {
|
if (catalog.isSelected) {
|
sel_catalog_ids.push(catalog.ID);
|
}
|
});
|
|
state.m_ruleSelectStatus = false;
|
if (sel_catalog_ids == null || sel_catalog_ids.length == 0) {
|
state.m_ruleSelectStatus = true;
|
return null;
|
}
|
}
|
if (state.m_selSeriesMethod.current == 1) {
|
state.m_allHangYeList.forEach((hy) => {
|
if (hy.isSelected) {
|
sel_series_ids.push(...hy.PumpSeriesID);
|
}
|
});
|
sel_catalog_ids = getFilterSeriseIdList(sel_catalog_ids);
|
}
|
let data = {
|
CorpFlag: state.m_currentCorpFlag,
|
SeriesID: Utils.uniqueInArray(sel_series_ids),
|
CatalogID: sel_catalog_ids,
|
SelMethod: state.m_selSeriesMethod.current
|
};
|
SelectByCorpFlag.saveData(state.m_currentCorpFlag, data)
|
return data;
|
}
|
//过滤可以选择的系列ID(行业 , 介质用)
|
const getFilterSeriseIdList = (series_id_list) => {
|
if (series_id_list == null) return [];
|
var ava_id = [];
|
state.m_allSeriesList.forEach((item) => {
|
if (series_id_list.indexOf(item.ID) < 0) return true;
|
//判断是否是电机
|
if (state.m_DriveType == ConstParas.DriveType.Motor) {
|
if (
|
item.MotorFrequece == state.m_MotorFrequence &&
|
item.DriveType == state.m_DriveType
|
) {
|
ava_id.push(item.ID);
|
}
|
}
|
// 是否是柴油机
|
else if (state.m_DriveType == ConstParas.DriveType.Diesel) {
|
if (item.m_DriveType == DriveType) {
|
ava_id.push(item.ID);
|
}
|
}
|
});
|
|
return ava_id;
|
}
|
//监听系列筛选选项切换的变化 默认按行业
|
const changeSelSeriesMethod = (val) => {
|
state.m_selSeriesMethod.current = val;
|
}
|
const useDefaultImage = (event) => {
|
event.target.src = defaultImgUrl;
|
}
|
|
defineExpose({
|
initData,
|
filterSeriseList,
|
getSelectData
|
})
|
</script>
|
|
<style lang="scss">
|
.productCatalog {
|
height: 100%;
|
|
.c-card {
|
margin: 0 0 0.16rem 0;
|
padding: 0.16rem;
|
border-radius: 0.03rem;
|
position: relative;
|
color: #16181a;
|
background: #fefefe;
|
border: 0.01rem solid #dbe0e3;
|
box-shadow: 0 0.01rem 0.03rem rgba(145, 161, 170, 0.25);
|
}
|
|
.c-card> :last-child {
|
margin-bottom: 0;
|
}
|
|
.c-card> :first-child {
|
margin-top: 0;
|
}
|
|
.row .row {
|
max-width: none;
|
}
|
|
.row {
|
display: flex;
|
flex-flow: row wrap;
|
}
|
|
.columns {
|
padding: 0 0.15rem;
|
}
|
|
.column,
|
.columns {
|
padding-left: 0.08rem;
|
padding-right: 0.08rem;
|
}
|
|
.column,
|
.columns {
|
flex: 1 1 0rem;
|
min-width: initial;
|
}
|
|
.menu {
|
margin: 0;
|
list-style-type: none;
|
width: 100%;
|
display: flex;
|
flex-wrap: nowrap;
|
align-items: center;
|
flex-wrap: nowrap;
|
}
|
|
.menu>li {
|
flex: 0 0 auto;
|
}
|
|
.menu>li>a {
|
flex-flow: row nowrap;
|
}
|
|
.menu>li>a {
|
display: flex;
|
}
|
|
.menu>li>a {
|
display: block;
|
padding: 0.08rem 0rem;
|
line-height: 1;
|
}
|
|
.menu input,
|
.menu a,
|
.menu button {
|
margin-bottom: 0;
|
}
|
|
.shrink {
|
flex: 0 0 auto;
|
max-width: 100%;
|
}
|
|
.text-right {
|
text-align: right;
|
}
|
|
.menu input,
|
.menu a,
|
.menu button {
|
margin-bottom: 0;
|
}
|
|
.c-product-line-select {
|
border: 0.01rem solid #ddd;
|
border-radius: 0.03rem;
|
color: #555;
|
margin-top: 0.08rem;
|
overflow: hidden;
|
}
|
|
.c-product-line-select.is-selected {
|
background-color: #efefef;
|
border-color: currentColor;
|
color: black;
|
}
|
|
.c-product-line-select__overview {
|
display: flex;
|
}
|
|
.c-product-line-select__select-button,
|
.c-product-line-select__summary-button {
|
background: 0;
|
border: 0;
|
border-radius: 0;
|
color: currentColor;
|
font-size: calc(0.5vw + 0.16rem);
|
}
|
|
.c-product-line-select__select-button {
|
display: flex;
|
align-items: center;
|
flex-grow: 1;
|
padding: 0;
|
text-align: left;
|
}
|
|
.c-product-line-select__select-icon {
|
display: block;
|
flex: none;
|
padding: 0.16rem;
|
}
|
|
.c-product-line-select__name {
|
flex-grow: 1;
|
font-size: calc(0.5vw + 0.12rem);
|
padding: 0.16rem 0 0.16rem 0.32rem;
|
}
|
|
.c-product-line-select__select-icon::before {
|
content: "\f096";
|
}
|
|
.c-product-line-select.is-selected .c-product-line-select__select-icon::before {
|
color: currentColor;
|
content: "\f046";
|
opacity: 1;
|
}
|
|
.c-product-line-select__select-button:hover .c-product-line-select__select-icon::before {
|
content: "\f046";
|
opacity: 0.5;
|
}
|
|
.c-product-line-select__image {
|
display: block;
|
flex: none;
|
max-width: -webkit-calc(4vw + 6.4rem);
|
max-width: calc(4vw + 6.4rem);
|
padding: 0.16rem;
|
}
|
|
.c-product-line-select__summary-button {
|
background-color: #ddd;
|
color: currentColor;
|
flex: none;
|
padding: 0 0.12rem;
|
}
|
|
.c-product-line-select__summary {
|
background-color: #ddd;
|
color: black;
|
padding: 0.16rem;
|
text-align: left;
|
}
|
|
.u-no-margin {
|
margin: 0 !important;
|
}
|
|
.hide {
|
display: none !important;
|
}
|
|
.head-tool-style li.active,
|
li:hover {
|
background-color: unset;
|
}
|
|
.select-type-style {
|
label {
|
display: unset;
|
}
|
}
|
}
|
</style>
|
