<template>
|
<!-- 产品属性 -->
|
<div style="position: relative" class="productAttBox">
|
<div class="product_select" style="margin-top: 10px; margin-left: 10px; margin-bottom: 10px">
|
<van-field
|
v-if="isSelectPartSelectCombAble"
|
readonly
|
clickable
|
:label="$t('detailPage.partNo.TR') + '：'"
|
@click="isShowPartSelectComb = !isShowPartSelectComb"
|
>
|
<template slot="input">
|
<div style="text-decoration: underline;color: blue;">{{m_currentPartNO}}</div>
|
</template>
|
</van-field>
|
<van-field v-else readonly :label="$t('detailPage.partNo.TR') + '：'" v-model="m_currentPartNO" />
|
</div>
|
<div class="kuaiDiv" v-for="(propGrpItem, propGrpIndex) in propList4Disp" :key="propGrpIndex">
|
<h5 class="chanPinTitle">{{ propGrpItem.grpName }}</h5>
|
<div
|
class="chanPinDiv"
|
:style="propIndex == 0?'margin-top: 20px':''"
|
v-for="(propItem, propIndex) in propGrpItem.propList"
|
:key="propIndex"
|
v-show="propItem.VisibilityStatus == 1"
|
>
|
<div
|
class="chanPinContent"
|
style="text-align: right; width: 49.33333%; font-size: 12px;padding-left:unset !important;color:#626060"
|
>{{ propItem.PropName }}:</div>
|
<div
|
v-show="propItem.PropValueList == null"
|
class="chanPinContent"
|
style="
|
text-align: left;
|
width: 51.66667%;
|
font-size: 12px;
|
color:#626060;
|
|
"
|
>{{ propItem.PropValue }}</div>
|
<div
|
v-show="propItem.PropValueList != null"
|
class="chanPinContent"
|
style="
|
text-align: left;
|
width: 51.66667%;
|
"
|
>
|
<van-field
|
readonly
|
clickable
|
name="picker"
|
@click="showPropValueComboxPicker(propGrpIndex, propIndex)"
|
>
|
<template slot="input">
|
<div style="text-decoration: underline;color: blue;">{{propItem.PropValue}}</div>
|
</template>
|
</van-field>
|
<van-popup
|
v-if="propItem.PropValueList != null"
|
v-model="propItem.isShowPicker"
|
position="bottom"
|
>
|
<van-picker
|
show-toolbar
|
:columns="getPropValueList(propGrpIndex, propIndex)"
|
@confirm="onConfirmPropValuChange"
|
@cancel="onCancelPropValuChange"
|
/>
|
</van-popup>
|
</div>
|
</div>
|
</div>
|
<!-- </el-scrollbar> -->
|
<!-- 选择产品类型弹出框 -->
|
<van-popup
|
v-model="isShowPartSelectComb"
|
@click.stop
|
closeable
|
:close-on-click-overlay="false"
|
:safe-area-inset-bottom="true"
|
close-icon="close"
|
position="bottom"
|
:style="{ height: '40%' }"
|
>
|
<div style="padding-top: 16px; font-size: 18px; height: 40px;">{{$t("detailPage.productNoSelect.TR")}}</div>
|
<div @click.stop style="width: 100%; height: calc(100% - 56px); overflow: auto;">
|
<div class="part_list_head">
|
<div style="120" v-for="(tab_head, tab_index) in partCombListTableHead" :key="tab_index">
|
<div
|
class="part_list_head_content"
|
:style="tab_index == 0?'width:180px':''"
|
>{{ tab_head.Text }}</div>
|
</div>
|
</div>
|
<div>
|
<div
|
class="part_list_row"
|
:class="m_currentPartNO == content.PartNO?'isPartColActive':''"
|
@click.stop="clickChangePartInfo(content)"
|
v-for="(content, content_index) in partCombListTableContent"
|
:key="content_index"
|
>
|
<div
|
style="width: 120px"
|
:style="index == 0?'width:180px':''"
|
v-for="(item, index) in content.Contents"
|
:key="index"
|
>
|
<div class="part_list_body_content" :style="index == 0?'width:180px':''">{{ item }}</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</van-popup>
|
</div>
|
</template>
|
|
<script>
|
import utils from "@/utils/utils";
|
import MotorPropHelper from "@/utils/motorProp";
|
import CorpParas from "@/utils/corpParas";
|
|
export default {
|
name: "Prop",
|
//emits: ["handleselectno"],
|
props: [],
|
data() {
|
return {
|
currentShowPicker: [], //当前显示的下拉面板
|
isShowPartSelectComb: false, //是否显示产品编号下拉选择
|
isSelectPartSelectCombAble: false, //是否可以点击产品编号下拉
|
scrollHeight: 0,
|
partCombList: [], //多产品时用
|
cbChangeImage: null, //修改了产品文件的回调
|
cbChangePropList: null, //修改了产品属性的回调
|
propList4Disp: [], //显示用
|
partCombListTableHead: [], //产品列表头部
|
partCombListTableContent: [], //产品列表内容
|
|
m_pumpName: "",
|
m_seriesID: 0,
|
m_pumpID: 0,
|
|
m_pumpName4File: "",
|
m_currentPartEntity: null, //大全产品实例
|
m_currentPartProp: null, //当前产品属性
|
m_currentPartNO: "", //产品编号
|
m_currentPartCode: "", //产品图号
|
m_currentPartName: "", //产品名称
|
|
m_partNOLaw: null,
|
m_m_PartNameLaw: null,
|
m_allPartInfo: null,
|
m_allStructList: null,
|
m_partPropMapEntitys: null,
|
|
//文件规律列表
|
m_fileLaw4AssPart: null,
|
m_fileLaw4AssSys: null,
|
m_fileLaw4Struct: null,
|
m_fileLaw4Dimen: null,
|
|
m_assemPictureNamePart: null,
|
m_assemPictureNameSys: null,
|
m_structPictureName: null
|
};
|
},
|
beforeMount() {},
|
mounted() {},
|
watch: {
|
propList4Disp: {
|
handler: function(val, oldVal) {
|
//console.log(val,oldVal)
|
/*this.$emit('prop_change',val)
|
//但属性表格发生变化时存入vuex中
|
this.$store.commit("instante/pDetail/setAttributesData",{
|
attrData:val
|
})*/
|
},
|
deep: true
|
}
|
},
|
methods: {
|
onConfirmPropValuChange(value) {
|
let i = this.currentShowPicker[0];
|
let j = this.currentShowPicker[1];
|
this.propList4Disp[i].propList[j].PropValue = value;
|
this.propList4Disp[i].propList[j].isShowPicker = false;
|
this.BuildAllPictureFile();
|
this.NoticeChangePropList();
|
},
|
onCancelPropValuChange() {
|
let i = this.currentShowPicker[0];
|
let j = this.currentShowPicker[1];
|
this.propList4Disp[i].propList[j].isShowPicker = false;
|
},
|
showPropValueComboxPicker(i, j) {
|
this.currentShowPicker = [i, j];
|
this.propList4Disp[i].propList[j].isShowPicker = true;
|
},
|
getPropValueList(i, j) {
|
let list = this.propList4Disp[i].propList[j].PropValueList;
|
if (!list) {
|
list = [];
|
}
|
return list;
|
},
|
initialData(base_data, part_data) {
|
//console.log(part_data);
|
this.m_pumpName4File = base_data.PumpName4File;
|
if (this.m_pumpName4File == null || this.m_pumpName4File == "")
|
this.m_pumpName4File = base_data.PumpName;
|
this.m_pumpName = base_data.PumpName;
|
this.m_seriesID = base_data.SeriesID;
|
this.m_pumpID = base_data.PumpID;
|
|
this.m_allPartInfo = part_data.PartList;
|
|
if (part_data.PartList != null && part_data.PartList.length > 0) {
|
var defaultPart = part_data.PartList[0];
|
//console.log(defaultPart);
|
if (defaultPart.RealFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"RealImagePart",
|
this.BuildImageFullPath(defaultPart.RealFileName)
|
);
|
}
|
}
|
if (defaultPart.AssemFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"AssemImagePart",
|
this.BuildImageFullPath(defaultPart.AssemFileName)
|
);
|
}
|
}
|
if (defaultPart.AssemSysFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"AssemImageSys",
|
this.BuildImageFullPath(defaultPart.AssemSysFileName)
|
);
|
}
|
}
|
if (defaultPart.StructFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"StructImagePart",
|
this.BuildImageFullPath(defaultPart.StructFileName)
|
);
|
}
|
}
|
|
this.buildPropTableData(defaultPart.PartPropList);
|
|
this.m_currentPartEntity = defaultPart;
|
this.m_currentPartNO = defaultPart.PartNO;
|
|
this.m_currentPartCode = defaultPart.PartCode;
|
}
|
//
|
this.m_fileLaw4AssPart = part_data.FileLaw4AssPart;
|
this.m_fileLaw4AssSys = part_data.FileLaw4AssSys;
|
this.m_fileLaw4Struct = part_data.FileLaw4Struct;
|
this.m_fileLaw4Dimen = part_data.FileLaw4Dimen;
|
|
this.m_allStructList = part_data.StructList;
|
this.m_partPropMapEntitys = part_data.PartPropMap;
|
|
this.m_partNOLaw = part_data.PartNOLaw;
|
this.m_partNameLaw = part_data.PartNameLaw;
|
|
// console.log(part_data.PartCombTitles,part_data.PartCombRows,273)
|
if (part_data.PartList != null && part_data.PartList.length > 0) {
|
var defaultPart = part_data.PartList[0];
|
this.setCurrentPartInfo(defaultPart);
|
if (
|
part_data.PartCombTitles != null &&
|
part_data.PartCombRows != null
|
) {
|
this.isSelectPartSelectCombAble = true;
|
this.partCombListTableHead = part_data.PartCombTitles;
|
this.partCombListTableContent = part_data.PartCombRows;
|
// console.log(part_data.PartCombTitles);
|
// console.log(part_data.PartCombRows);
|
}
|
} else {
|
this.BuildAllPictureFile();
|
}
|
|
// this.BuildAllPictureFile();
|
// this.NoticeChangePropList();
|
},
|
//获取电机功率的值
|
setMotorPowerValue(val) {
|
//console.log(val,"获取到的电机功率值")
|
for (let i = 0; i < this.m_currentPartProp.length; i++) {
|
var prop = this.m_currentPartProp[i];
|
if (MotorPropHelper.IsMotorPowerProp(prop)) {
|
//console.log(prop);
|
prop.PropValue = MotorPropHelper.BuildMotorPowerDispValue(val);
|
|
this.BuildAllPictureFile();
|
|
this.NoticeChangePropList();
|
return;
|
}
|
}
|
},
|
//设置当前Part
|
setCurrentPartInfo(selPart) {
|
// console.log(selPart);
|
if (selPart.RealFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"RealImagePart",
|
this.BuildImageFullPath(selPart.RealFileName)
|
);
|
}
|
}
|
if (selPart.AssemFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"AssemImagePart",
|
this.BuildImageFullPath(selPart.AssemFileName)
|
);
|
}
|
}
|
if (selPart.AssemSysFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"AssemImageSys",
|
this.BuildImageFullPath(selPart.AssemSysFileName)
|
);
|
}
|
}
|
if (selPart.StructFileName) {
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"StructImagePart",
|
this.BuildImageFullPath(selPart.StructFileName)
|
);
|
}
|
}
|
|
this.buildPropTableData(selPart.PartPropList);
|
|
this.m_currentPartEntity = selPart;
|
this.m_currentPartNO = selPart.PartNO;
|
this.m_currentPartCode = selPart.PartCode;
|
|
this.BuildAllPictureFile();
|
|
this.NoticeChangePropList();
|
},
|
//修改属性值
|
changPropValue(edited_prop) {
|
for (let i = 0; i < this.m_currentPartProp.length; i++) {
|
var prop = this.m_currentPartProp[i];
|
if (prop.ID == edited_prop.ID) {
|
//console.log(prop);
|
prop.PropValue = edited_prop.PropValue;
|
|
//
|
this.BuildAllPictureFile();
|
this.NoticeChangePropList();
|
return;
|
}
|
}
|
return null;
|
},
|
//构建属性表
|
buildPropTableData(list) {
|
list = JSON.parse(JSON.stringify(list));
|
let grpNameArr = list.map(prp => {
|
return prp.GroupName;
|
});
|
grpNameArr = utils.uniqueInArray(grpNameArr);
|
//
|
let arrList = [];
|
grpNameArr.forEach((grp_name, grp_index) => {
|
let prop_grp = {};
|
prop_grp.grpName = grp_name;
|
prop_grp.propList = [];
|
for (let i = 0; i < list.length; i++) {
|
let node = list[i];
|
if (node.GroupName == grp_name) {
|
node.isShowPicker = false;
|
prop_grp.propList.push(node);
|
}
|
}
|
arrList.push(prop_grp);
|
});
|
this.propList4Disp = arrList;
|
// console.log(arrList, 346);
|
this.m_currentPartProp = list;
|
},
|
//获取当前产品
|
GetCurrentPartEntity() {
|
return this.m_currentPartEntity;
|
},
|
//外部调用,用于存储:格式 ID:Value | ID:Value
|
GetPartProp4Store() {
|
if (this.m_currentPartProp == null || this.m_currentPartProp.length == 0)
|
return "";
|
|
var selProp = "";
|
for (let i = 0; i < this.m_currentPartProp.length; i++) {
|
var prop = this.m_currentPartProp[i];
|
//console.log(prop)
|
if (prop.ID > 0) selProp += prop.ID + ":" + prop.PropValue + "|";
|
}
|
|
//
|
selProp = selProp.substring(0, selProp.length - 1);
|
//console.log(selProp);
|
return selProp;
|
},
|
//根据ID获取属性
|
getPropByPropID(id) {
|
for (let i = 0; i < this.m_currentPartProp.length; i++) {
|
var prop = this.m_currentPartProp[i];
|
if (prop.ID == id) return prop;
|
}
|
return null;
|
},
|
//
|
BuildImageFullPath(path) {
|
if (path == null || path == "") return null;
|
|
return CorpParas.buildSeriesFileUrl(this.m_seriesID,path)
|
// path = path.replace("\\", "/");
|
// if (path.startsWith("Series")) {
|
// return this.$globalConfig.WebApiUrl.FileUrl + path;
|
// } else {
|
// return (
|
// this.$globalConfig.WebApiUrl.FileUrl +
|
// "Series" +
|
// this.m_seriesID +
|
// "/" +
|
// path
|
// );
|
// }
|
},
|
//
|
BuildAllPictureFile() {
|
if (this.m_fileLaw4AssPart != null) {
|
var fileName_law = this.BuildPictureFilePath(this.m_fileLaw4AssPart);
|
|
if (fileName_law != null && fileName_law.length > 2) {
|
var fileName_law = "Ass/" + fileName_law;
|
this.m_assemPictureNamePart = fileName_law + ".png";
|
} else {
|
this.m_assemPictureNamePart = "";
|
}
|
|
//console.log(fileName_law);
|
//console.log(this.m_assemPictureNamePart);
|
}
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"AssemImagePart",
|
this.BuildImageFullPath(this.m_assemPictureNamePart)
|
);
|
}
|
//
|
if (this.m_fileLaw4AssSys != null) {
|
var fileName_law = this.BuildPictureFilePath(this.m_fileLaw4AssSys);
|
|
if (fileName_law != null && fileName_law.length > 2) {
|
var fileName_law = "AssSys/" + fileName_law;
|
this.m_assemPictureNameSys = fileName_law + ".png";
|
} else {
|
this.m_assemPictureNameSys = "";
|
}
|
|
//console.log(this.m_assemPictureNameSys);
|
}
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"AssemImageSys",
|
this.BuildImageFullPath(this.m_assemPictureNameSys)
|
);
|
}
|
|
if (this.m_fileLaw4Struct != null) {
|
var fileName_law = this.BuildPictureFilePath(this.m_fileLaw4Struct);
|
if (fileName_law != null && fileName_law.length > 2) {
|
var fileName_law = "Str/" + fileName_law;
|
this.m_structPictureName = fileName_law + ".png";
|
} else {
|
this.m_structPictureName = "";
|
}
|
}
|
if (this.cbChangeImage != null) {
|
this.cbChangeImage(
|
"StructImagePart",
|
this.BuildImageFullPath(this.m_structPictureName)
|
);
|
}
|
|
/*if (PartNOLaw != null) {
|
var txt = BuildPartCode(PartNOLaw);
|
$("#txtPartNO").text(txt);
|
}
|
if (PartNameLaw != null) {
|
var txt = BuildPartCode(PartNameLaw);
|
$("#txtPartName").text(txt);
|
}*/
|
},
|
//通知外部修改了产品属性
|
NoticeChangePropList() {
|
if (this.cbChangePropList == null) return;
|
this.cbChangePropList(this.m_currentPartProp);
|
},
|
//构建图片路径
|
BuildPictureFilePath(fileLawList) {
|
if (fileLawList == null) return null;
|
if (this.m_currentPartProp == null) return null;
|
// console.log(this.m_currentPartProp);
|
|
var fileName_law = "";
|
for (var i in fileLawList) {
|
var law = fileLawList[i];
|
// console.log("law",law);
|
if (law.ItemType == 0 && law.PropID != null) {
|
//产品属性
|
//console.log(this.getPropByPropID(law.PropID),409)
|
var prop = this.getPropByPropID(law.PropID);
|
if (prop == null) {
|
continue;
|
}
|
var propValue = prop.PropValue;
|
if (propValue == null || propValue == "") continue;
|
//console.log(law);
|
if (law.PropID == 12) {
|
// 电机功率都用KW(服务器上文件已处理)
|
// console.log(propValue);
|
propValue = MotorPropHelper.BuildMotorPowerDispValue(propValue);
|
}
|
|
if (law.CodeMapType == 0) {
|
//0 : 没有映射关系
|
if (propValue != null && propValue != "") {
|
fileName_law += propValue;
|
fileName_law += this.GetFilePrefix(law);
|
}
|
} else {
|
for (var j in law.CodeLawList) {
|
if (law.CodeLawList[j].Key == propValue) {
|
if (
|
law.CodeLawList[j].StringValue != null &&
|
law.CodeLawList[j].StringValue != ""
|
) {
|
fileName_law += law.CodeLawList[j].StringValue;
|
fileName_law += this.GetFilePrefix(law);
|
break;
|
}
|
}
|
}
|
}
|
}
|
if (law.ItemType == 1 && this.m_pumpName4File) {
|
//产品型号
|
var pumpName = this.m_pumpName4File
|
.replace("/", "-")
|
.replace("\\", "-")
|
.replace("*", "-");
|
//console.log(pumpName)
|
fileName_law += pumpName;
|
if (fileLawList.length > 1) {
|
fileName_law += this.GetFilePrefix(law);
|
}
|
}
|
if (law.ItemType == 2) {
|
//产品编号
|
fileName_law += this.m_currentPartNO;
|
if (fileLawList.length > 1) {
|
fileName_law += this.GetFilePrefix(law);
|
}
|
}
|
if (law.ItemType == 3) {
|
//产品图号
|
fileName_law += this.m_currentPartCode;
|
if (fileLawList.length > 1) {
|
fileName_law += this.GetFilePrefix(law);
|
}
|
}
|
if (law.ItemType == 4) {
|
//固定
|
if (law.CodeLawList != null && law.CodeLawList.length > 0)
|
fileName_law += law.CodeLawList[0].Key;
|
}
|
}
|
|
var lastStr = fileName_law[fileName_law.length - 1];
|
if (
|
lastStr == "\\" ||
|
lastStr == "/" ||
|
lastStr == "_" ||
|
lastStr == "-"
|
) {
|
fileName_law = fileName_law.substring(0, fileName_law.length - 1);
|
}
|
//console.log(fileName_law);
|
return fileName_law;
|
},
|
//
|
GetFilePrefix(law) {
|
var FilePrefix = law.FilePrefix;
|
if (FilePrefix == "\\") return "/";
|
else return FilePrefix;
|
},
|
|
//构建产品名称或编号
|
BuildPartCode(PartLawList) {
|
var partCodeString = "";
|
for (var i in PartLawList) {
|
var law = PartLawList[i];
|
if (law.LawType == 1) {
|
//产品属性
|
var propValue = this.m_currentPartProp[law.PartPropID];
|
if (propValue == null || propValue == "") continue;
|
if (law.CodeLawList != null && law.CodeLawList.length > 0) {
|
for (var j in law.CodeLawList) {
|
if (
|
law.CodeLawList[j].Key.toUpperCase() == propValue.toUpperCase()
|
) {
|
partCodeString += law.CodeLawList[j].StringValue;
|
}
|
}
|
} else {
|
//0 : 没有映射关系
|
partCodeString += propValue;
|
}
|
}
|
if (law.LawType == 2) {
|
//产品型号
|
partCodeString += this.m_pumpName;
|
}
|
if (law.LawType == 0) {
|
//固定值
|
partCodeString += law.FixCode;
|
}
|
//if (law.ItemType == 3)//叶轮直径
|
//{
|
//}
|
}
|
return partCodeString;
|
},
|
//设置图片修改回调函数
|
setImageFilePath(cb) {
|
this.cbChangeImage = cb;
|
},
|
//设置修改了产品属性的回调
|
setChangePartPropListCb(cb) {
|
this.cbChangePropList = cb;
|
},
|
handleRow(row, column, event) {
|
//console.log(369, row, column, event);
|
this.m_currentPartNO = row.date;
|
this.isShowPartSelectComb = false;
|
this.$emit("handleselectno", this.m_currentPartNO);
|
},
|
changeCellStyle({ row, column, rowIndex, columnIndex }) {
|
let cellStyle = {
|
"font-size": "14px",
|
"font-weight": "600"
|
};
|
return cellStyle;
|
},
|
changeRowStyle({ row, rowIndex }) {
|
//console.log(382, this.m_currentPartNO, row.date);
|
if (this.m_currentPartNO == row.date) {
|
let rowStyle = {
|
"background-color": "rgb(206, 206, 206)"
|
};
|
return rowStyle;
|
}
|
},
|
//获取点击的产品列表项的数据
|
clickChangePartInfo(item) {
|
// console.log(item, this.m_allPartInfo);
|
this.isShowPartSelectComb = false;
|
|
this.m_currentPartNO = item.PartNO;
|
for (var i = 0; i < this.m_allPartInfo.length; i++) {
|
if (parseInt(item.PartID) == this.m_allPartInfo[i].PartID) {
|
this.setCurrentPartInfo(this.m_allPartInfo[i]);
|
return true;
|
}
|
}
|
|
return false;
|
}
|
}
|
};
|
</script>
|
<style lang="scss">
|
.productAttBox {
|
height: calc(100% - 0px);
|
overflow: auto;
|
.el-scrollbar__wrap {
|
overflow-x: hidden;
|
}
|
.btn {
|
display: inline-block;
|
margin-bottom: 0;
|
font-weight: 400;
|
text-align: center;
|
vertical-align: middle;
|
cursor: pointer;
|
border: 1px solid transparent;
|
white-space: nowrap;
|
line-height: 1.42857143;
|
border-radius: 4px;
|
-webkit-user-select: none;
|
-moz-user-select: none;
|
-ms-user-select: none;
|
user-select: none;
|
border-width: 0;
|
padding: 7px 14px;
|
font-size: 14px;
|
outline: none !important;
|
background-image: none !important;
|
filter: none;
|
-webkit-box-shadow: none;
|
-moz-box-shadow: none;
|
box-shadow: none;
|
text-shadow: none;
|
}
|
.product_select {
|
display: flex;
|
justify-content: flex-start;
|
align-items: center;
|
}
|
.selectBox {
|
& > button {
|
font-size: 14px;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
& > text {
|
font-size: 14px;
|
}
|
}
|
}
|
.kuaiDiv {
|
position: relative;
|
width: 100%;
|
border-top: 1px solid #ccc;
|
padding: 0px;
|
margin-bottom: 10px;
|
}
|
.kuaiDiv:first-of-type {
|
border-top: 0px;
|
}
|
.chanPinTitle {
|
margin-bottom: 0;
|
margin-top: 0;
|
padding: 4px;
|
position: absolute;
|
// border-top: 1px solid #ccc;
|
padding-left: 10px;
|
font-family: "Open Sans", sans-serif;
|
font-weight: 600;
|
}
|
.chanPinDiv {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
width: 100%;
|
margin: 5px 0;
|
padding: 0;
|
font-weight: 500;
|
}
|
.chanPinContent {
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-weight: 500;
|
font-size: 14px;
|
padding-left: 20px !important;
|
line-height: 20px;
|
|
.van-cell {
|
padding: 0;
|
line-height: 18px;
|
}
|
.van-cell::after {
|
content: none;
|
}
|
}
|
.part_list_head {
|
min-width: 480px;
|
border-bottom: 1px solid #f1f2f3;
|
border-top: 1px solid #f1f2f3;
|
display: inline-flex;
|
position: sticky;
|
top: 0;
|
}
|
.part_list_head_content {
|
font-size: 12px;
|
height: 35px;
|
line-height: 35px;
|
width: 120px;
|
background: #3b3b3b;
|
border-right: 1px solid #ffffff;
|
color: #fff;
|
box-sizing: border-box;
|
}
|
.part_list_body_content {
|
font-size: 12px;
|
width: 120px;
|
height: 45px;
|
line-height: 45px;
|
border-right: 1px solid #f1f2f3;
|
box-sizing: border-box;
|
}
|
.part_list_row {
|
min-width: 480px;
|
cursor: pointer;
|
border-bottom: 1px solid #f1f2f3;
|
display: inline-flex;
|
&:hover {
|
background: #ddd;
|
}
|
}
|
.isPartColActive {
|
background: #aaaaaa;
|
color: #ffffff;
|
}
|
}
|
</style>
|
