<template>
|
<div v-loading="state.m_downWaitingLoading" class="xuanxingbaogao">
|
<!-- 头部配置表单 -->
|
<el-form :inline="true" :model="state.m_formSetting" label-width="0.9rem" size="small"
|
style="display: flex; width: 100%">
|
<el-form-item :label="t('detailPage.lang.TR') + ':'" class="alt-center" style="width: 20%">
|
<el-select v-model="state.m_formSetting.PageSetting.LanguageType">
|
<el-option v-for="item in state.m_langugageList" :key="item.value" :label="item.label"
|
:value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.fileFormat.TR') + ':'" class="alt-center" style="width: 20%">
|
<el-select v-model="state.m_formSetting.PageSetting.FileType" :disabled="state.m_FileTypeList.length == 1">
|
<el-option v-for="item in state.m_FileTypeList" :label="item.label" :value="item.value"
|
:key="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button style="width: unset" type="primary" @click="onSubmit">{{
|
t("detailPage.buildFile.TR")
|
}}</el-button>
|
</el-form-item>
|
</el-form>
|
<el-tabs type="border-card">
|
<!-- 报告信息 -->
|
<el-tab-pane>
|
<template #label>
|
<span>
|
<i class="iconfont icondingdanxinxi"></i>
|
{{ t("detailPage.reportInformation.TR") }}
|
</span>
|
</template>
|
<el-form :model="state.m_formSetting" :label-width="state.m_reportItemLabelWidth + 'px'" size="small"
|
style="height: 100%">
|
<el-row style="height: 100%; flex-wrap: nowrap">
|
<!-- 项目信息 -->
|
<el-col :span="12" class="custom-col-style">
|
<div class="col_item col_box custom-col-item-style">
|
<el-divider content-position="left">{{
|
t("detailPage.projectInformation.TR")
|
}}</el-divider>
|
<img src="/static/img/reportLog.png" style="margin-top: 0.1rem; height: 0.85rem" />
|
<el-form-item :label="t('detailPage.projectCode.TR') + ':'" class="alt-center"
|
style="margin-top: 0.18rem">
|
<el-input v-model="state.m_formSetting.ProjectInfo.ProjectNO"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.projectName.TR') + ':'" class="alt-center">
|
<el-input v-model="state.m_formSetting.ProjectInfo.ProjectName"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.itemNO.TR') + ':'" class="alt-center">
|
<el-input v-model="state.m_formSetting.ProjectInfo.ItemName"></el-input>
|
</el-form-item>
|
</div>
|
<el-row class="custom-col-item-style" style="margin-top: 0.15rem;">
|
<el-col :span="24" class="col_box " style="padding: unset">
|
<div class="col_item">
|
<el-divider content-position="left">{{
|
t("indexPage.corpInfo.TR")
|
}}</el-divider>
|
<el-form-item label="" label-width="0px" style="margin-bottom: 0px; margin-top: 0.18rem;">
|
<el-checkbox v-model="state.m_formSetting.PageSetting.IsPrintCorpInfo
|
" :disabled="!state.m_isRemovePrintCompanyInfo"
|
:label="t('detailPage.printCompanyInfo.TR')"></el-checkbox>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.companyName.TR') + ':'" class="alt-center" style="
|
margin-top: 0.1rem;
|
z-index: 100;
|
width: 100%;
|
padding: 0 0.1rem;
|
box-sizing: border-box;
|
">
|
<el-input v-model="state.m_formSetting.CustomerInfo.Name"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.companyWebsite.TR') + ':'" class="alt-center" style="
|
z-index: 100;
|
width: 100%;
|
padding: 0 0.1rem;
|
box-sizing: border-box;
|
">
|
<el-input v-model="state.m_formSetting.CustomerInfo.HomePage"></el-input>
|
</el-form-item>
|
</div>
|
</el-col>
|
</el-row>
|
</el-col>
|
<!-- 订单信息 -->
|
<el-col :span="12" class="col_box" style="padding: unset">
|
<div class="col_item">
|
<el-divider content-position="left">{{
|
t("detailPage.orderInformation.TR")
|
}}</el-divider>
|
<div style="
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: flex-start;
|
">
|
<el-form-item :label="t('detailPage.productName.TR') + ':'" class="alt-center"
|
style="margin-top: 0.18rem; width: 4.2rem">
|
<el-input v-model="state.m_formSetting.BaseInfo.PumpName" :disabled="true"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.productModel.TR') + ':'" class="alt-center" style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.OrderInfo.ProductName"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.pumpPeformance.TR') + ':'" class="alt-center"
|
style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.OrderInfo.OrderNO"></el-input>
|
</el-form-item>
|
<div>
|
<el-form-item :label="t('detailPage.price.TR') + ':'" class="alt-center">
|
<el-input v-model="state.m_formSetting.OrderInfo.Price"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.purchaseQuantity.TR') + ':'" class="alt-center">
|
<el-input v-model="state.m_formSetting.OrderInfo.Number"></el-input>
|
</el-form-item>
|
</div>
|
<el-form-item :label="t('detailPage.orderNote.TR') + ':'" class="alt-center" style="width: 4.2rem">
|
<el-input type="textarea" v-model="state.m_formSetting.OrderInfo.Description"
|
:autosize="{ minRows: 5, maxRows: 7 }"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-tab-pane>
|
<!-- 客户信息 -->
|
<el-tab-pane>
|
<template #label>
|
<span>
|
<i class="iconfont iconkehu"></i>
|
{{ t("detailPage.customerInfo.TR") }}
|
</span>
|
</template>
|
<!-- 客户信息 -->
|
<el-col :span="24" class="col_box" style="padding: unset">
|
<el-form :model="state.m_formSetting" :label-width="state.m_reportItemLabelWidth + 'px'" size="small"
|
style="height: 100%">
|
<div class="col_item">
|
<el-divider content-position="left">{{
|
t("detailPage.customerInfo.TR")
|
}}</el-divider>
|
<div class="customer-info-box">
|
<el-form-item :label="t('detailPage.customerName.TR') + ':'" class="alt-center"
|
style="margin-top: 0.18rem; width: 4.2rem">
|
<el-input v-model="state.m_formSetting.CustomerInfo.Name"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.customerAddress.TR') + ':'" class="alt-center"
|
style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.CustomerInfo.Address"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.contactPerson.TR') + ':'" class="alt-center" style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.CustomerInfo.ContactUser"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.contactInformation.TR') + ':'" class="alt-center"
|
style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.CustomerInfo.ContactInfo"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.email.TR') + ':'" class="alt-center" style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.CustomerInfo.EMail"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.website.TR') + ':'" class="alt-center" style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.CustomerInfo.HomePage"></el-input>
|
</el-form-item>
|
<el-form-item :label="t('detailPage.country.TR') + ':'" class="alt-center" style="width: 4.2rem">
|
<el-input v-model="state.m_formSetting.CustomerInfo.Country"></el-input>
|
</el-form-item>
|
</div>
|
</div>
|
</el-form>
|
</el-col>
|
</el-tab-pane>
|
<!-- 页面设置 -->
|
<el-tab-pane>
|
<template #label>
|
<span>
|
<i class="iconfont iconbaogaoneirong"></i>
|
{{ t('detailPage.pageReportSet.TR') }}
|
</span>
|
</template>
|
<el-form :model="state.m_formSetting" :label-width="state.m_reportItemLabelWidth + 'px'" size="small"
|
style="height: 100%">
|
<el-row style="height: 100%; flex-wrap: nowrap">
|
<el-col :span="12" class="col_box" style="padding: unset; margin-right: 0.5%">
|
<div class="col_item">
|
<el-divider content-position="left">{{
|
t("detailPage.reportInformation.TR")
|
}}</el-divider>
|
<div class="flex-box">
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable"
|
:label="t('detailPage.dataAndCurve.TR')" v-model="state.m_formSetting.PageSetting.IsCreateTechnologyInfoPage
|
" name="type"></el-checkbox>
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable"
|
:label="t('detailPage.curveGraph.TR')" v-model="state.m_formSetting.PageSetting.IsCreatePerformCurvePage
|
" name="type"></el-checkbox>
|
<el-checkbox checked="checked" :label="t('detailPage.deviceCurve.TR')" v-model="state.m_formSetting.PageSetting.IsCreateEquipmentCurve
|
" name="type"></el-checkbox>
|
<!-- 尺寸图 -->
|
<div class="flex" style="gap: 0.05rem; align-items: center">
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable" v-if="
|
state.PageStyle.PageSettingDisp.IsVisibleDimenPicture
|
" v-model="state.m_formSetting.PageSetting.IsCreateDimenPicturePage
|
" :label="t('detailPage.sizePicture.TR')" name="type"></el-checkbox>
|
<el-select v-if="
|
state.PageStyle.PageSettingDisp.IsVisibleDimenPicture
|
" v-model="state.m_formSetting.PageSetting.DimenPictureRotation
|
" style="width: 100px" size="small">
|
<el-option v-for="item in state.m_RotationMethod" :label="item.label"
|
:value="item.value"></el-option>
|
</el-select>
|
</div>
|
<!-- 安装图 -->
|
<div class="flex" style="gap: 0.05rem; align-items: center">
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable" v-model="state.m_formSetting.PageSetting
|
.IsCreatePartAssemPicturePage
|
" :label="t('detailPage.assemblyDrawing.TR')" name="type">
|
</el-checkbox>
|
<el-select v-model="state.m_formSetting.PageSetting.PartAssemPictureRotation
|
" style="width: 100px" size="small">
|
<el-option v-for="item in state.m_RotationMethod" :label="item.label"
|
:value="item.value"></el-option>
|
</el-select>
|
</div>
|
<!-- 安装图（机组） -->
|
<div class="flex" style="gap: 0.05rem; align-items: center">
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable" v-if="
|
state.PageStyle.PageSettingDisp
|
.isVisibleHaveAssemPictureSys
|
" v-model="state.m_formSetting.PageSetting
|
.IsCreateSysAssemPicturePage
|
" :label="t('detailPage.assemblyDrawingSys.TR')" name="type">
|
</el-checkbox>
|
<el-select v-if="
|
state.PageStyle.PageSettingDisp
|
.isVisibleHaveAssemPictureSys
|
" v-model="state.m_formSetting.PageSetting.SysAssemPictureRotation
|
" style="width: 100px" size="small">
|
<el-option v-for="item in state.m_RotationMethod" :label="item.label"
|
:value="item.value"></el-option>
|
</el-select>
|
</div>
|
<!-- 实物图 -->
|
<div class="flex" style="gap: 0.05rem; align-items: center">
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable" v-if="
|
state.PageStyle.PageSettingDisp.IsVisibleRealPicture
|
" :label="t('detailPage.modelDrawing.TR')" v-model="state.m_formSetting.PageSetting.IsCreateRealPicturePage
|
" name="type"></el-checkbox>
|
<el-select v-if="
|
state.PageStyle.PageSettingDisp.IsVisibleRealPicture
|
" v-model="state.m_formSetting.PageSetting.RealPictureRotation
|
" style="width: 100px" size="small">
|
<el-option v-for="item in state.m_RotationMethod" :label="item.label"
|
:value="item.value"></el-option>
|
</el-select>
|
</div>
|
<!-- 结构图 -->
|
<div class="flex" style="gap: 0.05rem; align-items: center">
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable" v-model="state.m_formSetting.PageSetting
|
.IsCreateStructDrawingPage
|
" :label="t('detailPage.structureDrawing.TR')" name="type"></el-checkbox>
|
<el-select v-model="state.m_formSetting.PageSetting
|
.StructAssemPictureRotation
|
" style="width: 100px" size="small">
|
<el-option v-for="item in state.m_RotationMethod" :label="item.label"
|
:value="item.value"></el-option>
|
</el-select>
|
</div>
|
<!-- 报价文本 -->
|
<el-checkbox :disabled="state.PageStyle.PageSettingDisp.IsDisable"
|
v-if="state.PageStyle.PageSettingDisp.IsVisibleOfferText" :label="t('detailPage.offerText.TR')"
|
v-model="state.m_formSetting.PageSetting.IsCreateOrderInfoPage
|
" name="type"></el-checkbox>
|
<!-- 是否产生三维页面 -->
|
<el-checkbox :disabled="state.m_pageUiSetting.IsEditHavePrintModel3d"
|
:label="t('detailPage.IsPrintModel3d.TR')" v-model="state.m_pageUiSetting.IsPrintModel3d"
|
name="type"></el-checkbox>
|
<!-- 是否产生变频曲线 -->
|
<el-checkbox :label="t('detailPage.IsCreateMultiSpeedChart.TR')" v-model="state.m_formSetting.PageSetting.IsCreateMultiSpeedChart
|
" name="type"></el-checkbox>
|
</div>
|
</div>
|
</el-col>
|
<el-col :span="12"
|
style="padding: unset; padding-right: 0.5%;display: flex;flex-direction: column;gap: 0.14rem;">
|
<!-- 图表设置 -->
|
<el-row class="h100">
|
<el-col :span="24" class="col_box" style="padding: unset">
|
<div class="col_item">
|
<el-divider content-position="left">{{ t('detailPage.chartSettings.TR') }}</el-divider>
|
<div class="flex-box-chart-setting" style="margin-top: 0.18rem;">
|
<el-row>
|
<!-- 选型点 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24 custom-checkbox-style" v-model="state.m_formSetting.DiagramStyle
|
.IsHasSelectPoint
|
">{{
|
t("detailPage.selectionPoint.TR")
|
}}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
<!-- 工作点 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" v-model="state.m_formSetting.DiagramStyle
|
.IsDispWorkPointCircle
|
">{{ t('detailPage.workingPoint.TR') }}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- 运行区域 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" v-model="state.m_formSetting.DiagramStyle
|
.IsHasOperatingArea
|
">{{
|
t("detailPage.operatingArea.TR")
|
}}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
<!-- 最优区域 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" v-model="state.m_formSetting.DiagramStyle
|
.IsHasOptimalRegion
|
">{{ t("detailPage.optimalArea.TR") }}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- 装置曲线 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" v-model="state.m_formSetting.DiagramStyle
|
.IsHasDeviceCurve
|
">{{ t("detailPage.deviceArea.TR") }}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
<!-- 等效线 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" v-model="state.m_formSetting.DiagramStyle
|
.IsHasEquivalentLine
|
">{{
|
t("detailPage.equivalentLine.TR")
|
}}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- 最小连续流量线 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" v-model="state.m_formSetting.DiagramStyle
|
.IsDispMinFlowCurve
|
">{{ t("detailPage.minFlowCurve.TR") }}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
<!-- 铭牌参数点 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox style="width: 1.15rem; white-space: pre-wrap; min-width: unset;" class="h-24"
|
v-model="state.m_formSetting.DiagramStyle.IsHasNameplateParamPoints">{{
|
t("detailPage.nameplateParameterPoints.TR")
|
}}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- 高效点 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" v-model="state.m_formSetting.DiagramStyle.IsDispBEP
|
">{{ t("detailPage.maximumEfficiencyPoint.TR") }}</el-checkbox>
|
</el-form-item>
|
</el-col>
|
<!-- 单色显示 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox class="h-24" :disabled="state.PageStyle.PageSettingDisp.IsDisable"
|
:label="t('detailPage.monochromeDisplay.TR')"
|
v-model="state.m_formSetting.PageSetting.IsMonoColor" name="type"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- 水印 -->
|
<el-col :span="12">
|
<el-form-item label="" :label-width="getLabelWidthByLang">
|
<el-checkbox :disabled="state.m_pageUiSetting.isEditHaveMarkCheckBox
|
" :label="t('detailPage.watermark.TR')" v-model="state.m_pageUiSetting.isHaveWaterMark"
|
name="type"></el-checkbox>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
</el-col>
|
</el-row>
|
<el-row>
|
<!-- 流量单位-->
|
<el-col :span="24">
|
<el-form-item :label="t('detailPage.flowUnits.TR')">
|
<el-select v-model="state.m_formSetting.UserSettingUI.UnitQ
|
" style="width: 150px" placeholder="" :empty-values="[null, undefined]">
|
<el-option v-for="item in state.m_Q_Unit" :value="item.value"
|
:label="item.label"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- 扬程单位 -->
|
<el-col :span="24">
|
<el-form-item :label="t('detailPage.headUnit.TR')">
|
<el-select v-model="state.m_formSetting.UserSettingUI.UnitH
|
" style="width: 150px" placeholder="" :empty-values="[null, undefined]">
|
<el-option v-for="item in state.m_H_Unit" :value="item.value"
|
:label="item.label"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- 流量扬程线 -->
|
<el-col :span="24">
|
<el-form-item :label="t('detailPage.flowHeadLine.TR')">
|
<el-select v-model="state.m_formSetting.DiagramStyle.Flow_head_curve
|
" style="width: 150px" placeholder="" :empty-values="[null, undefined]">
|
<el-option v-for="item in state.m_selectOption" :value="item.value"
|
:label="item.label"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- 流量效率线 -->
|
<el-col :span="24">
|
<el-form-item :label="t('detailPage.flowEfficiencyLine.TR')">
|
<el-select v-model="state.m_formSetting.DiagramStyle
|
.Flow_efficiency_curve
|
" style="width: 150px" placeholder="" :empty-values="[null, undefined]">
|
<el-option v-for="item in state.m_selectOption" :value="item.value"
|
:label="item.label"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- 流量功率线 -->
|
<el-col :span="24">
|
<el-form-item :label="t('detailPage.flowPowerLine.TR')">
|
<el-select v-model="state.m_formSetting.DiagramStyle
|
.Flow_power_curve
|
" style="width: 150px" placeholder="" :empty-values="[null, undefined]">
|
<el-option v-for="item in state.m_selectOption" :value="item.value"
|
:label="item.label"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- 流量气蚀线 -->
|
<el-col :span="24">
|
<el-form-item :label="t('detailPage.flowNPSHrCurve.TR')">
|
<el-select v-model="state.m_formSetting.DiagramStyle.QnpshCurveStyle
|
" style="width: 150px" placeholder="" :empty-values="[null, undefined]">
|
<el-option v-for="item in state.m_selectOption" :value="item.value"
|
:label="item.label"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<!-- 颜色风格 -->
|
<el-col :span="24">
|
<el-form-item :label="t('detailPage.colorStyle.TR')">
|
<el-color-picker :disabled="true" v-model="state.m_formSetting.DiagramStyle.StyleName
|
" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</div>
|
</div>
|
</el-col>
|
</el-row>
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-tab-pane>
|
<!-- 产品配置 -->
|
<el-tab-pane v-if="state.visibleProductConfigTab">
|
<template #label>
|
<span>
|
<i class="iconfont iconsetting"></i>
|
{{ t("detailPage.productConfig.TR") }}
|
</span>
|
</template>
|
<div class="w100 h100 flex" style="gap: 0.15rem; flex-direction: column; flex-wrap: wrap">
|
<div class="w100 product-item-div-class" v-for="(item, index) in state.m_productConfigData" :key="index">
|
<div class="group-name-div w100">
|
<el-divider content-position="left">{{
|
item.group_name
|
}}</el-divider>
|
</div>
|
<div class="context-div-class w100">
|
<div :style="`width: calc(${33 * node.col}% - 0.05rem);`" v-for="node in item.nodeList" :key="node.tag">
|
<div class="flex w100" style="gap: 0.05rem">
|
<label class="" style="width: 60%; text-align: right">{{ node.name
|
}}{{ node.unit ? `(${node.unit})` : "" }}:</label>
|
<div v-if="node.type == 'input'" style="width: 40%">
|
<el-input style="width: 100%" type="number" v-model="node.default_value" :disabled="!node.enabled"
|
size="small"></el-input>
|
</div>
|
<div v-if="node.type == 'select'">
|
<el-select v-model="node.default_value">
|
<el-option></el-option>
|
</el-select>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
<script setup name="reportGeneral">
|
import { reactive, onMounted, nextTick, ref, computed } from "vue";
|
import constParas from "@/utils/constParas.js";
|
import languageHelper from "@/utils/languageHelper.js";
|
import UtilsHelper from "@/utils/utils.js";
|
import axiosHelper from "@/utils/axiosHelper.js";
|
import { useRoute, useRouter } from "vue-router";
|
import { useLogin } from "@/stores/useLogin";
|
import { useI18n } from "vue-i18n";
|
import { watch } from "vue";
|
import {
|
ElMessage,
|
ElForm,
|
ElFormItem,
|
ElDivider,
|
ElTabs,
|
ElTabPane,
|
ElInput,
|
ElRow,
|
ElCol,
|
ElCheckbox,
|
ElSelect,
|
ElOption,
|
} from "element-plus";
|
const m_currentLanguage = 0;
|
|
const route = useRoute();
|
const router = useRouter();
|
|
const { t } = useI18n();
|
const userStore = useLogin();
|
const userInfo = userStore.getUserInfo();
|
|
const props = defineProps({
|
cbCloseReportDialog: {
|
type: Function,
|
default: null,
|
},
|
});
|
let m_FileUrl = ref(""); //选型报告路径
|
let state = reactive({
|
m_reportItemLabelWidth: 140,
|
m_currentLanguageUI: 0, //界面语言
|
m_downWaitingLoading: false, //等待框显示隐藏
|
m_pumpBaseInfo: {},
|
m_langugageList: [],
|
m_FileTypeList: [],
|
m_request_data: null, //请求数据
|
|
m_formSetting: {
|
//选型报告参数
|
BaseInfo: {
|
//基本信息
|
PumpName: "", //型号
|
PartNO: "", //产品编号
|
},
|
CustomerInfo: {
|
//客户信息
|
Name: "", //客户名称
|
Address: "", //客户地址
|
ContactUser: "", //联系人
|
ContactInfo: "", //联系方式
|
EMail: "", //EMail
|
Country: "", //国家
|
HomePage: "", //网址
|
},
|
ProjectInfo: {
|
//项目信息
|
ProjectNO: "", //项目编号
|
ProjectName: "", //项目名称
|
ItemName: "", //工位编号
|
Description: "", //项目备注
|
},
|
PageSetting: {
|
//报告页面设置
|
LanguageType: 0, //语言类型
|
FileType: 0, //文件类型,
|
IsMonoColor: true, //单色相似
|
IsCreateTechnologyInfoPage: true, //是否产生数据表和曲线页面
|
IsCreatePerformCurvePage: true, //曲线图页面
|
IsCreateEquipmentCurve: true,
|
IsCreateOrderInfoPage: true, //订单资料页面
|
|
IsCreateDimenPicturePage: true, //尺寸图页面
|
DimenPictureRotation: -1, //尺寸图角度
|
|
IsCreatePartAssemPicturePage: true, //安装图（泵）
|
PartAssemPictureRotation: -1, //安装图角度
|
|
IsCreateSysAssemPicturePage: true, //安装图（机组）
|
SysAssemPictureRotation: -1, //安装图(机组)角度
|
|
IsCreateRealPicturePage: true, //实物图页面
|
RealPictureRotation: -1, //实物图角度
|
|
IsCreateStructDrawingPage: true, //结构图页面
|
StructAssemPictureRotation: -1, //结构图角度
|
|
IsPrintCorpInfo: true, //是否打印公司信息
|
IsCreateMultiSpeedChart: false, //是否产生变速曲线
|
},
|
OrderInfo: {
|
//订单信息
|
OrderNO: "", //订单号
|
Number: "1", //订单数量
|
Price: "", //单价
|
Description: "", //询价备注
|
ProductName: "", //订单中产品型号
|
},
|
DiagramStyle: {
|
IsDispEtaInfo: false,
|
IsOnlyWrkCurve: false,
|
DesignPointDispType: "",
|
|
IsHasSelectPoint: true, //是否显示选型点
|
IsDispWorkPointCircle: true, //是否显示工作点
|
IsHasNameplateParamPoints: false, //是否显示铭牌参数点
|
IsHasOperatingArea: false, //是否有运行区域
|
IsHasOptimalRegion: false, //是否有最优区域
|
IsHasDeviceCurve: false, //是否有装置曲线
|
IsHasEquivalentLine: true, //是否有等效线
|
IsDispMinFlowCurve: false, //是否显示最小连续流量线
|
IsDispBEP: false, //是否显示高效点
|
Flow_head_curve: "2", //流量扬程线
|
Flow_efficiency_curve: "0", //流量效率线
|
Flow_power_curve: "2", //流量功率线
|
QnpshCurveStyle: "0", //流量气蚀线
|
StyleName: "", //风格
|
},
|
UserSettingUI: {
|
UnitQ: "",
|
UnitH: "",
|
}
|
},
|
m_Q_Unit: [
|
{
|
label: t("LCC.default.TR"),
|
value: "",
|
},
|
{
|
label: "m³/h",
|
value: "1",
|
},
|
{
|
label: "L/s",
|
value: "0",
|
},
|
{
|
label: "gpm",
|
value: "4",
|
},
|
],
|
m_H_Unit: [
|
{
|
label: t("LCC.default.TR"),
|
value: "",
|
},
|
{
|
label: "M",
|
value: "0",
|
},
|
{
|
label: "Ft",
|
value: "4",
|
},
|
{
|
label: "MPa",
|
value: "1",
|
},
|
{
|
label: "psi",
|
value: "5",
|
},
|
],
|
m_RotationMethod: [
|
{
|
label: t("detailPage.auto.TR"),
|
value: -1,
|
},
|
{
|
label: t("detailPage.original.TR"),
|
value: 0,
|
},
|
{
|
label: t("detailPage.clockwise.TR"),
|
value: 90,
|
},
|
{
|
label: t("detailPage.counterclockwise.TR"),
|
value: -90,
|
},
|
],
|
m_selectOption: [
|
{
|
label: t("LCC.default.TR"),
|
value: "",
|
},
|
{
|
label: t("detailPage.onlyWorkingCurve.TR"),
|
value: "0",
|
},
|
{
|
label: t("detailPage.maxMinWorkingCurve.TR"),
|
value: "1",
|
},
|
{
|
label: t("detailPage.allCurves.TR"),
|
value: "2",
|
},
|
{
|
label: t("detailPage.noDisplay.TR"),
|
value: "-1",
|
},
|
],
|
m_pageUiSetting: {
|
IsEditHavePrintModel3d: true, //是否禁用打印3D模型checkbox
|
isEditHaveMarkCheckBox: true, //是否禁用水印checkbox
|
isHaveWaterMark: true, //是否有水印
|
IsPrintModel3d: false, //是否打印3D模型
|
},
|
|
PageStyle: {
|
PageSettingDisp: {
|
IsDisable: false, //checkbox是否禁用
|
IsVisibleDimenPicture: true, //尺寸图
|
IsVisibleRealPicture: true, //实物图
|
IsVisibleOfferText: true, //报价文本
|
IsVisibleHaveWaterMark: true, //是否有水印
|
isVisibleHaveAssemPictureSys: true, //安装图(泵组)
|
},
|
},
|
m_isRemovePrintCompanyInfo: false,
|
visibleProductConfigTab: false,
|
// 产品配置数据
|
m_productConfigData: null,
|
});
|
const getLabelWidthByLang = computed(() => {
|
let lebelWidth = "100px"
|
if (state.m_currentLanguageUI !== 0) {
|
lebelWidth = "80px"
|
}
|
return lebelWidth;
|
})
|
watch(m_FileUrl, () => {
|
if (m_FileUrl.value) {
|
downloadPDF_File(m_FileUrl.value);
|
}
|
m_FileUrl.value = null;
|
});
|
//初始化
|
const initialData = (
|
langTypeUI,
|
pumpBaseInfo,
|
partEntity,
|
partProp,
|
jieZhi,
|
designParas,
|
chartPointParas,
|
materialInfo,
|
unitSetting,
|
equipCurve,
|
chartDispStyle,
|
toleranceParas,
|
isHaveIsAssemPictureSys,
|
variableSpeedCurve,
|
assemDynFileSysInfo
|
) => {
|
let userType = userInfo.UserType;
|
// 判断当前登录账号是不是内部人员
|
if (userType == 0) {
|
state.m_pageUiSetting.isEditHaveMarkCheckBox = false;
|
state.m_pageUiSetting.IsEditHavePrintModel3d = false;
|
}
|
let reportPageConfig = window.pageConfig.SelectReportPage;
|
if (reportPageConfig.productConfigData) {
|
let language_para_name = languageHelper.getParaNameByType(m_currentLanguage).toLowerCase();
|
state.visibleProductConfigTab = true;
|
reportPageConfig.productConfigData.forEach((group) => {
|
group.group_name = group[`group_name_${language_para_name}`];
|
group.nodeList.forEach((node) => {
|
node.name = node[`name_${language_para_name}`];
|
});
|
});
|
state.m_productConfigData = reportPageConfig.productConfigData;
|
}
|
if (chartDispStyle) {
|
let invalidValue = [undefined, null]
|
if (!invalidValue.includes(chartDispStyle.LxpCurveBundleDispStyle)) {
|
state.m_formSetting.DiagramStyle.Flow_head_curve = chartDispStyle.LxpCurveBundleDispStyle + '';
|
}
|
if (!invalidValue.includes(chartDispStyle.LxpCurveBundleDispStyle)) {
|
state.m_formSetting.DiagramStyle.Flow_power_curve = chartDispStyle.LxpCurveBundleDispStyle + '';
|
}
|
}
|
if (pumpBaseInfo.ReportSetting) {
|
if (
|
pumpBaseInfo.ReportSetting.IsRemoveWaterMark !== undefined &&
|
pumpBaseInfo.ReportSetting.IsRemoveWaterMark !== null
|
) {
|
// 是否能编辑去除水印
|
state.m_pageUiSetting.isEditHaveMarkCheckBox = pumpBaseInfo.ReportSetting.IsRemoveWaterMark ? false : true;
|
// 是否能编辑打印3D模型
|
state.m_pageUiSetting.IsEditHavePrintModel3d = pumpBaseInfo.ReportSetting.IsRemoveWaterMark ? false : true;
|
}
|
state.m_isRemovePrintCompanyInfo = pumpBaseInfo.ReportSetting.IsRemoveWaterMark;
|
}
|
if (
|
reportPageConfig.pageReportSetting == undefined ||
|
reportPageConfig.pageReportSetting == null
|
)
|
return;
|
|
state.PageStyle.PageSettingDisp.IsDisable = reportPageConfig.pageReportSetting.isDisable;
|
state.PageStyle.PageSettingDisp.IsVisibleDimenPicture = reportPageConfig.pageReportSetting.projectInfo.isVisibleDimensionPicture || false;
|
state.PageStyle.PageSettingDisp.IsVisibleRealPicture = reportPageConfig.pageReportSetting.projectInfo.isVisibleModelDrawing || false;
|
state.PageStyle.PageSettingDisp.IsVisibleOfferText = reportPageConfig.pageReportSetting.projectInfo.isVisibleOfferText || false;
|
if (langTypeUI == 5) {
|
state.m_reportItemLabelWidth = 190;
|
}
|
state.PageStyle.PageSettingDisp.isVisibleHaveAssemPictureSys = isHaveIsAssemPictureSys;
|
state.m_currentLanguageUI = langTypeUI;
|
state.m_pumpBaseInfo = pumpBaseInfo;
|
state.m_formSetting.BaseInfo.PumpName = pumpBaseInfo.PumpName;
|
state.m_formSetting.CustomerInfo.ContactUser = userStore.RealName;
|
|
var partInfo = {};
|
partInfo.SeID = pumpBaseInfo.SeriesID;
|
partInfo.PuID = pumpBaseInfo.PumpID; //如果是子型号传入子型号ID
|
if (pumpBaseInfo.IsMainModel == false && pumpBaseInfo.SubID > 0) {
|
partInfo.PuID = pumpBaseInfo.SubID;
|
}
|
|
partInfo.DriveType = pumpBaseInfo.DriveType; //驱动方式
|
partInfo.DriveSpeed = pumpBaseInfo.DriveSpeed; //柴油机转速
|
|
if (partEntity != null) partInfo.PaID = partEntity.PartID;
|
var request_data = {};
|
request_data.PartProp = partProp;
|
request_data.JieZhi = jieZhi;
|
request_data.DesignParas = designParas; //设计点参数,含单位,不仅仅一个点
|
request_data.PartInfo = partInfo;
|
request_data.ChartPointParas = chartPointParas;
|
request_data.Material = materialInfo;
|
request_data.EquipCurve = equipCurve;
|
|
request_data.MultiSpeedChartSetting = {};
|
request_data.MultiSpeedChartSetting.SpeedList = variableSpeedCurve;
|
|
request_data.UserSettingUI = {};
|
|
if (unitSetting) {
|
//先进行undefined判断，防止报错
|
unitSetting.Flow = unitSetting.Flow ?? -1
|
unitSetting.Head = unitSetting.Head ?? -1
|
unitSetting.Power = unitSetting.Power ?? -1
|
unitSetting.NPSH = unitSetting.NPSH ?? -1
|
unitSetting.D2 = unitSetting.D2 ?? -1
|
|
unitSetting.Flow = unitSetting.Flow == -1 ? "" : unitSetting.Flow + ""
|
unitSetting.Head = unitSetting.Head == -1 ? "" : unitSetting.Head + ""
|
unitSetting.Power = unitSetting.Power == -1 ? "" : unitSetting.Power + ""
|
unitSetting.NPSH = unitSetting.NPSH == -1 ? "" : unitSetting.NPSH + ""
|
unitSetting.D2 = unitSetting.D2 == -1 ? "" : unitSetting.D2 + ""
|
|
state.m_formSetting.UserSettingUI.UnitQ = unitSetting.Flow;
|
state.m_formSetting.UserSettingUI.UnitH = unitSetting.Head;
|
//用户设置的单位. 不是选型参数的单位
|
request_data.UserSettingUI.UserUnitQ = unitSetting.Flow;
|
request_data.UserSettingUI.UserUnitH = unitSetting.Head;
|
request_data.UserSettingUI.UserUnitP = unitSetting.Power;
|
request_data.UserSettingUI.UserUnitNPSH = unitSetting.NPSH;
|
request_data.UserSettingUI.UserUnitD2 = unitSetting.D2;
|
}
|
//设计点显示方式
|
if (chartDispStyle) {
|
state.m_formSetting.DiagramStyle.DesignPointDispType = chartDispStyle.DesignPointDispType ?? 0;
|
}
|
// 动态安装图信息
|
request_data.AssemDynFileSysInfo = null;
|
if (assemDynFileSysInfo) {
|
request_data.AssemDynFileSysInfo = assemDynFileSysInfo;
|
}
|
if (toleranceParas && designParas) {
|
request_data.DesignParas.TolGrade = toleranceParas.Grade;
|
request_data.DesignParas.RatioMinQ = toleranceParas.RatioMinQ;
|
request_data.DesignParas.RatioMaxQ = toleranceParas.RatioMaxQ;
|
request_data.DesignParas.RatioMinH = toleranceParas.RatioMinH;
|
request_data.DesignParas.RatioMaxH = toleranceParas.RatioMaxH;
|
}
|
//console.log(request_data.UserSettingUI)
|
state.m_request_data = request_data;
|
let gLanguageList = [0, 2];
|
let gFileType = [0];
|
if (window.pageConfig.SelectReportPage) {
|
gLanguageList = window.pageConfig.SelectReportPage.FileLanguage;
|
gFileType = window.pageConfig.SelectReportPage.FileFormatType; //获取配置中的文件类型列表
|
|
state.m_formSetting.PageSetting.IsCreateAssemPicturePage =
|
window.pageConfig.SelectReportPage.IsCreateAssemPicturePage;
|
}
|
if (pumpBaseInfo.ReportSetting) {
|
if (
|
pumpBaseInfo.ReportSetting.FileFormats &&
|
pumpBaseInfo.ReportSetting.FileFormats.length > 0
|
) {
|
gFileType = pumpBaseInfo.ReportSetting.FileFormats;
|
}
|
}
|
let languageSelectList = [];
|
let fileTypeSelectList = [];
|
gLanguageList.forEach((element) => {
|
let node = {
|
label: "",
|
value: element,
|
};
|
if (state.m_currentLanguageUI == 0) {
|
node.label = languageHelper.getTypeNameCN(element);
|
}
|
if (state.m_currentLanguageUI == 5) {
|
node.label = languageHelper.getTypeNameRU(element);
|
}
|
if (state.m_currentLanguageUI == 6) {
|
node.label = languageHelper.getTypeNameKO(element);
|
}
|
if (state.m_currentLanguageUI == 2) {
|
node.label = languageHelper.getTypeNameEN(element);
|
}
|
if (state.m_currentLanguageUI == 15) {
|
node.label = languageHelper.getTypeNameEN(element);
|
}
|
languageSelectList.push(node);
|
});
|
state.m_langugageList = languageSelectList;
|
gFileType.forEach((element) => {
|
let node = {
|
label: constParas.getFileTypeName(element),
|
value: element,
|
};
|
fileTypeSelectList.push(node);
|
});
|
state.m_FileTypeList = fileTypeSelectList;
|
if(state.m_FileTypeList&& state.m_FileTypeList.length ==1){
|
state.m_formSetting.PageSetting.FileType = gFileType[0];
|
}
|
|
state.m_formSetting.PageSetting.LanguageType = state.m_currentLanguageUI;
|
let SelectReportPage = window.pageConfig.SelectReportPage;
|
if (SelectReportPage.DefaultReportLang) {
|
let selectReportLangType = SelectReportPage.DefaultReportLang;
|
state.m_formSetting.PageSetting.LanguageType = selectReportLangType;
|
}
|
};
|
const onSubmit = async (e) => {
|
//检查登陆
|
var uToken = userInfo.Token;
|
if (uToken == null || uToken == "") {
|
userStore.login(route.path);
|
return;
|
}
|
var request_data = state.m_request_data;
|
|
let ContentParaList = [];
|
if (state.m_productConfigData && state.m_productConfigData.length > 0) {
|
state.m_productConfigData.forEach((group) => {
|
group.nodeList.forEach((node) => {
|
ContentParaList.push({
|
Tag: node.tag,
|
Value: node.default_value,
|
});
|
});
|
});
|
}
|
|
|
request_data.UserSettingUI.UserUnitQ = state.m_formSetting.UserSettingUI.UnitQ;
|
request_data.UserSettingUI.UserUnitH = state.m_formSetting.UserSettingUI.UnitH;
|
|
request_data.PageSetting = state.m_formSetting.PageSetting;
|
request_data.PageSetting.IsPrintWaterMark = state.m_pageUiSetting.isHaveWaterMark + ""; //是否有水印
|
request_data.PageSetting.IsCreateModel3dPage = state.m_pageUiSetting.IsPrintModel3d + ""; //是否产生3D模型
|
request_data.PageSetting.IsPrintCorpInfo = state.m_formSetting.PageSetting.IsPrintCorpInfo + ""; //是否产生3D模型
|
|
request_data.OrderInfo = state.m_formSetting.OrderInfo;
|
request_data.ProjectInfo = state.m_formSetting.ProjectInfo;
|
request_data.CustomerInfo = state.m_formSetting.CustomerInfo;
|
|
let diagramStyle = {};
|
// 颜色风格
|
diagramStyle.StyleName = 'red';
|
// 流量扬程线
|
diagramStyle.QhCurveStyle = state.m_formSetting.DiagramStyle.Flow_head_curve;
|
// 流量效率线
|
diagramStyle.QeCurveStyle = state.m_formSetting.DiagramStyle.Flow_efficiency_curve;
|
// 流量功率线
|
diagramStyle.QpCurveStyle = state.m_formSetting.DiagramStyle.Flow_power_curve;
|
//流量气蚀线
|
diagramStyle.QnpshCurveStyle = state.m_formSetting.DiagramStyle.QnpshCurveStyle;
|
//是否显示设计点
|
diagramStyle.IsDispDesignPoint = state.m_formSetting.DiagramStyle.IsHasSelectPoint + "";
|
//是否显示工作点
|
diagramStyle.IsDispWorkPointCircle = state.m_formSetting.DiagramStyle.IsDispWorkPointCircle + "";
|
//是否显示最优区域
|
diagramStyle.IsDispRegionPrefer = state.m_formSetting.DiagramStyle.IsHasOptimalRegion + "";
|
// 是否显示允许区域
|
diagramStyle.IsDispRegionAllow = state.m_formSetting.DiagramStyle.IsHasOperatingArea + "";
|
//是否显示装置曲线
|
diagramStyle.IsDispEquipmentCurve = state.m_formSetting.DiagramStyle.IsHasDeviceCurve + "";
|
//最小流量线
|
diagramStyle.IsDispMinFlowCurve = state.m_formSetting.DiagramStyle.IsDispMinFlowCurve + "";
|
//是否显示等效线
|
diagramStyle.IsDispEqualParaCurveE = state.m_formSetting.DiagramStyle.IsHasEquivalentLine + "";
|
//是否显示等效线
|
diagramStyle.IsDispBEP = state.m_formSetting.DiagramStyle.IsDispBEP + "";
|
// 设计点显示方式
|
diagramStyle.DesignPointDispType = state.m_formSetting.DiagramStyle.DesignPointDispType + "";
|
request_data.DiagramStyle = diagramStyle
|
request_data.ContentParaList = ContentParaList;
|
|
getSelectReportBuildFile(request_data);
|
};
|
// 获取构建后的选型报告
|
const getSelectReportBuildFile = (requestData) => {
|
if (typeof requestData.PageSetting.IsCreateAssemPicturePage == undefined) {
|
requestData.PageSetting.IsCreateAssemPicturePage = false;
|
}
|
|
state.m_downWaitingLoading = true;
|
axiosHelper
|
.post({
|
version: 3,
|
controller: "SelectReport",
|
action: "CreateReport",
|
data: requestData,
|
apiUrlType: "main",
|
})
|
.then((res) => {
|
state.m_downWaitingLoading = false;
|
// console.log(res,442)
|
let result = res.data;
|
if (result.Code != 0 || result.Data == "") {
|
ElMessage.error(result.Message);
|
props.cbCloseReportDialog("");
|
return;
|
}
|
|
let path =
|
window.globalConfig.WebApiUrl.FileUrl +
|
"temp/selectReport/" +
|
result.Data;
|
|
if (path === null) {
|
ElMessage.error("url is null");
|
return;
|
}
|
m_FileUrl.value = path;
|
if (props.cbCloseReportDialog) {
|
props.cbCloseReportDialog(path);
|
}
|
state.m_downWaitingLoading = false;
|
})
|
.catch((err) => {
|
console.log(err, 445);
|
});
|
};
|
const downloadPDF_File = async (href) => {
|
let fileName = state.m_pumpBaseInfo.PumpName;
|
fileName = fileName.replace(/[ .,/]/g, "_");
|
|
if (!fileName.endsWith(".pdf")) {
|
fileName += ".pdf";
|
}
|
|
UtilsHelper.downloadFile(href, fileName);
|
};
|
defineExpose({ initialData });
|
</script>
|
<style lang="scss">
|
.xuanxingbaogao {
|
width: 100%;
|
|
.el-dialog__body {
|
padding-top: unset;
|
}
|
|
button {
|
height: 0.28rem;
|
width: 0.8rem;
|
}
|
|
.el-form--inline .el-form-item__label {
|
vertical-align: middle;
|
width: unset !important;
|
}
|
|
.el-form--inline .el-form-item__content {
|
vertical-align: middle;
|
}
|
|
.el-button--mini>span {
|
font-size: 0.1rem;
|
}
|
|
.el-tabs__header {
|
height: 0.4rem;
|
line-height: 0.4rem;
|
}
|
|
.el-tabs__item {
|
height: 0.4rem;
|
line-height: 0.4rem;
|
}
|
|
.el-tabs__content {
|
height: 5rem;
|
|
.el-col-12 {
|
width: 49.75%;
|
}
|
|
.el-tab-pane {
|
height: 100%;
|
|
.col_box {
|
height: 100%;
|
border: 0.01rem solid #dcdfe6;
|
border-top: unset;
|
}
|
|
.col_item {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
|
.el-checkbox {
|
margin-right: unset;
|
display: flex;
|
min-width: 1.28rem;
|
height: 0.35rem;
|
justify-content: flex-start;
|
align-items: center;
|
}
|
}
|
}
|
}
|
|
.el-divider--horizontal {
|
margin: 0rem 0rem !important;
|
}
|
|
.el-tabs__header .el-tabs__item.is-active {
|
background: #ecf5ff !important;
|
}
|
|
.el-tabs__item.is-active {
|
color: #409eff !important;
|
}
|
|
.flex-box {
|
display: flex;
|
flex-direction: column;
|
justify-content: flex-start;
|
align-items: flex-start;
|
align-content: flex-start;
|
width: 100%;
|
margin-top: 0.18rem;
|
padding-left: 0.4rem;
|
box-sizing: border-box;
|
}
|
|
.alt-center {
|
align-items: center;
|
}
|
|
.product-item-div-class {
|
border: 0.01rem solid #dcdfe6;
|
box-sizing: border-box;
|
border-top-width: 0;
|
|
.context-div-class {
|
padding: 0.15rem 0rem;
|
box-sizing: border-box;
|
display: flex;
|
flex-wrap: wrap;
|
gap: 0.05rem;
|
}
|
}
|
|
.h-24 {
|
height: 0.24rem !important;
|
}
|
}
|
</style>
|
<style scoped>
|
.custom-checkbox-style {
|
margin-right: unset;
|
display: unset;
|
min-width: unset;
|
|
:deep(.el-checkbox__input) {
|
padding-left: 0rem;
|
}
|
}
|
|
.custom-col-style {
|
padding: unset;
|
margin-right: 0.5%;
|
display: flex;
|
flex-direction: column;
|
}
|
|
.custom-col-item-style {
|
height: unset !important;
|
box-sizing: border-box;
|
flex: 1 1 auto;
|
justify-content: flex-start !important;
|
}
|
|
.customer-info-box {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: flex-start;
|
padding-left: 2rem;
|
box-sizing: border-box;
|
}
|
|
:deep(.el-form-item--label-top .el-form-item__label) {
|
width: 100%;
|
}
|
|
:deep(.el-divider__text) {
|
padding: 0 0.05rem;
|
background-color: #b1bedc;
|
border-radius: 0.04rem;
|
color: #000;
|
}
|
|
:deep(.el-form-item--small) {
|
margin-bottom: 0.1rem;
|
}
|
</style>
|
