|
|
|
|
@ -1,15 +1,15 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="content_max"> |
|
|
|
|
<div class="content_max" v-loading='pageLoading'> |
|
|
|
|
<!-- 配送服务类型 --> |
|
|
|
|
<div class="el_row_f1"> |
|
|
|
|
<div class="el_Storage el_flex " style=" margin-right: 20px"> |
|
|
|
|
<div class="el_Storage el_flex"> |
|
|
|
|
<span class="el_table_span">配送服务类型</span> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
v-model="form.dispatchServiceType" |
|
|
|
|
filterable |
|
|
|
|
placeholder="选择计费类型" |
|
|
|
|
style="width: 310px" |
|
|
|
|
@change="chargetype" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
@ -21,15 +21,15 @@
|
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<!-- 配送计费模式 --> |
|
|
|
|
<div class="el_select_check el_flex"> |
|
|
|
|
<div class="el_Storage el_Service el_flex" > |
|
|
|
|
<div class="el_select_check"> |
|
|
|
|
<div class="el_Storage el_Service el_flex"> |
|
|
|
|
<span class="el_table_span name">配送计费模式</span> |
|
|
|
|
<el-select |
|
|
|
|
v-model="form.dispatchPricingType" |
|
|
|
|
filterable |
|
|
|
|
placeholder="请选择配送计费模式" |
|
|
|
|
:popper-append-to-body="false" |
|
|
|
|
style="width: 310px" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
multiple |
|
|
|
|
@remove-tag="removeTag" |
|
|
|
|
> |
|
|
|
|
@ -47,12 +47,16 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 是否区分品类 --> |
|
|
|
|
<div class="el_Storage el_flex el_te" style="margin-left: 20px;"> |
|
|
|
|
<div |
|
|
|
|
class="el_Storage el_flex" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span">是否区分品类</span> |
|
|
|
|
<el-radio-group |
|
|
|
|
@change="categoryChange" |
|
|
|
|
v-model="form.dispatchIsByCategory" |
|
|
|
|
class="el_Cselect el_fx" style=" width: 300px;" |
|
|
|
|
class="el_Cselect el_fx" |
|
|
|
|
style="width: 300px" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in Distinguishcategories" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
@ -61,9 +65,16 @@
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否有遗留件 --> |
|
|
|
|
<div class="el_Storage el_flex" style="margin-left: 20px;"> |
|
|
|
|
<div |
|
|
|
|
class="el_Storage el_flex" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span">是否有遗留件</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsLeaveBehind" class="el_Cselect el_fx" style=" width: 300px;"> |
|
|
|
|
<el-radio-group |
|
|
|
|
v-model="form.dispatchIsLeaveBehind" |
|
|
|
|
class="el_Cselect el_fx" |
|
|
|
|
style="width: 300px" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in Leftoverparts" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
@ -71,74 +82,87 @@
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 商配/市配 --> |
|
|
|
|
<div class="el_Storage" v-if="form.dispatchServiceType && categoriesState"> |
|
|
|
|
<div class="el_Storage" v-if="form.dispatchServiceType && form.dispatchIsByCategory"> |
|
|
|
|
<el-tabs class="demo-tabs"> |
|
|
|
|
<el-tab-pane |
|
|
|
|
:label="WarehousebillingmodeTitle" |
|
|
|
|
:label="form.WarehousebillingmodeTitle" |
|
|
|
|
v-loading="Deliveryloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
> |
|
|
|
|
<!-- 商配/市配内容 --> |
|
|
|
|
<div class="el_Commercial_ercial" v-if="StateDelivery"> |
|
|
|
|
<div class="el_Commercial_ercial" > |
|
|
|
|
<!-- 按件计费 --> |
|
|
|
|
<template v-for="Item in Commercialcial" :key="Item.title"> |
|
|
|
|
<div class="el_Storage el_margin" v-if="Item.state"> |
|
|
|
|
<div class="Storage-cont"> |
|
|
|
|
<!-- 标题 --> |
|
|
|
|
<span class="el_table_span">{{ Item.title }}</span> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storagecategory" |
|
|
|
|
v-loading="Item.Storageloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
> |
|
|
|
|
<div class="el_table_span el_table_border"> |
|
|
|
|
<div class="el_table_id"><span>序号</span></div> |
|
|
|
|
<div class="el_table_title"><span>产品品类</span></div> |
|
|
|
|
<div class="el_table_operation"><span>操作</span></div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 表格循环 --> |
|
|
|
|
<div class="el_table_td" v-for="item in Item.sequence" :key="item.id"> |
|
|
|
|
<!-- 序号 --> |
|
|
|
|
<div class="el_table_idNumber">{{ item.id }}</div> |
|
|
|
|
<!-- 选择的品类 --> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="item.Warehousecategory" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
clearable |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请选择品类" |
|
|
|
|
style="width: 100px" |
|
|
|
|
remote-show-suffix |
|
|
|
|
:remote-method="categoriesearch" |
|
|
|
|
@focus="categoriesSearchfocus(item)" |
|
|
|
|
> |
|
|
|
|
<!-- 品类列表 --> |
|
|
|
|
<el-option |
|
|
|
|
v-for="option in item.Additionalcategories" |
|
|
|
|
:key="option.value" |
|
|
|
|
:label="option.label" |
|
|
|
|
:value="option.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="el_table_operation"> |
|
|
|
|
<span |
|
|
|
|
@click="storageplus(Item, item.id)" |
|
|
|
|
v-if="item.plus" |
|
|
|
|
class="el_table_operation_span_b" |
|
|
|
|
><el-icon style="margin-right: 3px"><CirclePlus /></el-icon>新增</span |
|
|
|
|
> |
|
|
|
|
<span |
|
|
|
|
@click="storagereduce(Item, item.id)" |
|
|
|
|
v-if="item.reduce" |
|
|
|
|
class="el_table_operation_span_a" |
|
|
|
|
><el-icon style="margin-right: 3px"><Delete /></el-icon>删除</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-if="Item.state" class="tabBox"> |
|
|
|
|
<!-- 标题 --> |
|
|
|
|
<span class="el_table_span">{{ Item.title }}</span> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storagecategory" |
|
|
|
|
v-loading="Item.Storageloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
> |
|
|
|
|
<!-- 使用table标签创建表格 --> |
|
|
|
|
<table class="styled-table"> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th style="width: 30px; text-align: center">序号</th> |
|
|
|
|
<th>产品品类</th> |
|
|
|
|
<th style="width: 104px">操作</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<!-- 表格循环 --> |
|
|
|
|
<tr v-for="item in Item.sequence" :key="item.id"> |
|
|
|
|
<!-- 序号 --> |
|
|
|
|
<td style="text-align: center">{{ item.id }}</td> |
|
|
|
|
<!-- 选择的品类 --> |
|
|
|
|
<td> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="item.Warehousecategory" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
clearable |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请选择品类" |
|
|
|
|
style="width: 100%" |
|
|
|
|
remote-show-suffix |
|
|
|
|
:remote-method="categoriesearch" |
|
|
|
|
@focus="categoriesSearchfocus(item)" |
|
|
|
|
> |
|
|
|
|
<!-- 品类列表 --> |
|
|
|
|
<el-option |
|
|
|
|
v-for="option in item.Additionalcategories" |
|
|
|
|
:key="option.value" |
|
|
|
|
:label="option.label" |
|
|
|
|
:value="option.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</td> |
|
|
|
|
<td style="line-height: 16px"> |
|
|
|
|
<span |
|
|
|
|
class="el_btn_a" |
|
|
|
|
@click="storageplus(Item, item.id)" |
|
|
|
|
v-if="item.plus" |
|
|
|
|
> |
|
|
|
|
<el-icon style="font-size: 12px; color: #409eff; margin-right: 3px" |
|
|
|
|
><CirclePlus /></el-icon |
|
|
|
|
>新增 |
|
|
|
|
</span> |
|
|
|
|
<span |
|
|
|
|
class="el_btn_b" |
|
|
|
|
@click="storagereduce(Item, item.id)" |
|
|
|
|
v-if="item.reduce" |
|
|
|
|
> |
|
|
|
|
<el-icon style="font-size: 12px; color: #f00; margin-right: 3px" |
|
|
|
|
><Delete /></el-icon |
|
|
|
|
>删除 |
|
|
|
|
</span> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
@ -147,143 +171,183 @@
|
|
|
|
|
</el-tabs> |
|
|
|
|
</div> |
|
|
|
|
<!-- 附加费计费 --> |
|
|
|
|
<div class="el_Surchargebilling"> |
|
|
|
|
<div class="el_Commercial_ercial"> |
|
|
|
|
<span class="el_title_span">附加费计费</span> |
|
|
|
|
<div class="el_fj"> |
|
|
|
|
<!-- 是否有分货费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有分货费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsSortFee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Distributionfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<!-- 是否有操作/装卸费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有操作/装卸费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsOperateFee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Operatingfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否有上楼费 --> |
|
|
|
|
<div class="el_Storage "> |
|
|
|
|
<div class="el_upstairs_a"> |
|
|
|
|
<span class="el_table_span">是否有上楼费</span> |
|
|
|
|
<el-radio-group |
|
|
|
|
@change="UpstairsChange" |
|
|
|
|
v-model="form.dispatchIsStairsCarryingCharge" |
|
|
|
|
class="el_Cselect" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in upstairs" :key="item.label" :label="item.value">{{ |
|
|
|
|
<div class="el_fj"> |
|
|
|
|
<!-- 是否有分货费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有分货费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsSortFee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Distributionfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_Storage "> |
|
|
|
|
<div class="el_upstairs_b" v-if="form.dispatchIsStairsCarryingCharge"> |
|
|
|
|
<span class="el_table_span">是否配置免费层数</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsFeeFloor" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Numberlayers" :key="item.label" :label="item.value">{{ |
|
|
|
|
<!-- 是否有操作/装卸费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有操作/装卸费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsOperateFee" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Operatingfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否有上楼费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_upstairs_a"> |
|
|
|
|
<span class="el_table_span">是否有上楼费</span> |
|
|
|
|
<el-radio-group |
|
|
|
|
@change="UpstairsChange" |
|
|
|
|
v-model="form.dispatchIsStairsCarryingCharge" |
|
|
|
|
class="el_Cselect" |
|
|
|
|
> |
|
|
|
|
<el-radio v-for="item in upstairs" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_upstairs_b" v-if="form.dispatchIsStairsCarryingCharge"> |
|
|
|
|
<span class="el_table_span">是否配置免费层数</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsFeeFloor" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Numberlayers" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 是否有平移费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">是否有平移费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsShiftingCharge" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Translationfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<div style="display: flex"> |
|
|
|
|
<!-- 是否有平移费 --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storage" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span">是否有平移费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsShiftingCharge" class="el_Cselect el_fx"> |
|
|
|
|
<el-radio v-for="item in Translationfee" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 附加费是否统一计费 --> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<span class="el_table_span">附加费是否按品类计费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsCategorySubjoin" class="el_Cselect"> |
|
|
|
|
<el-radio |
|
|
|
|
@change="SurchargeChange" |
|
|
|
|
v-for="item in Surchargefee" |
|
|
|
|
:key="item.label" |
|
|
|
|
:label="item.value" |
|
|
|
|
>{{ item.label }}</el-radio |
|
|
|
|
> |
|
|
|
|
</el-radio-group> |
|
|
|
|
<!-- 附加费是否统一计费 --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storage" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span">附加费是否按品类计费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsCategorySubjoin" class="el_Cselect el_fx"> |
|
|
|
|
<el-radio |
|
|
|
|
@change="SurchargeChange" |
|
|
|
|
v-for="item in Surchargefee" |
|
|
|
|
:key="item.label" |
|
|
|
|
:label="item.value" |
|
|
|
|
>{{ item.label }}</el-radio |
|
|
|
|
> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storage" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span"></span> |
|
|
|
|
<div class="el_Cselect el_fx"></div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storage" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span"></span> |
|
|
|
|
<div class="el_Cselect el_fx"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 附加费品类 --> |
|
|
|
|
<div class="el_Storage" v-if="form.dispatchIsCategorySubjoin"> |
|
|
|
|
<div class="Storage-cont"> |
|
|
|
|
<span class="el_table_span">附加费品类</span> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<!-- 表格 --> |
|
|
|
|
<div |
|
|
|
|
class="el_Storagecategory" |
|
|
|
|
v-loading="goriesloading" |
|
|
|
|
element-loading-text="Loading..." |
|
|
|
|
> |
|
|
|
|
<div class="el_table_span"> |
|
|
|
|
<div class="el_table_id">序号</div> |
|
|
|
|
<div class="el_table_title">品类</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 表格循环 --> |
|
|
|
|
<div class="el_table_td" v-for="item in AdditionalcategoriesList" :key="item.id"> |
|
|
|
|
<div class="el_table_idNumber">{{ item.id }}</div> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="item.Warehousecategory" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
clearable |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请选择品类" |
|
|
|
|
style="width: 240px" |
|
|
|
|
remote-show-suffix |
|
|
|
|
:remote-method="categoriesearch" |
|
|
|
|
@focus="categoriesSearchfocus(item)" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="items in item.Additionalcategories" |
|
|
|
|
:key="items.value" |
|
|
|
|
:label="items.label" |
|
|
|
|
:value="items.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
<div class="el_table_operation"> |
|
|
|
|
<span |
|
|
|
|
@click="categoriesplus(item.id)" |
|
|
|
|
v-if="item.plus" |
|
|
|
|
class="el_table_operation_span_b" |
|
|
|
|
>+</span |
|
|
|
|
> |
|
|
|
|
<span |
|
|
|
|
@click="categoriesduce(item.id)" |
|
|
|
|
v-if="item.reduce" |
|
|
|
|
class="el_table_operation_span_a" |
|
|
|
|
>-</span |
|
|
|
|
> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 使用table标签创建表格 --> |
|
|
|
|
<table class="styled-table"> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th style="width: 30px; text-align: center">序号</th> |
|
|
|
|
<th>品类</th> |
|
|
|
|
<th style="width: 104px">操作</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<!-- 表格循环 --> |
|
|
|
|
<tr v-for="item in AdditionalcategoriesList" :key="item.id"> |
|
|
|
|
<!-- 序号 --> |
|
|
|
|
<td style="text-align: center">{{ item.id }}</td> |
|
|
|
|
<!-- 选择的品类 --> |
|
|
|
|
<td> |
|
|
|
|
<el-select |
|
|
|
|
class="el_Cselect" |
|
|
|
|
v-model="item.Warehousecategory" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
clearable |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请选择品类" |
|
|
|
|
style="width: 100%" |
|
|
|
|
remote-show-suffix |
|
|
|
|
:remote-method="categoriesearch" |
|
|
|
|
@focus="categoriesSearchfocus(item)" |
|
|
|
|
> |
|
|
|
|
<!-- 品类列表 --> |
|
|
|
|
<el-option |
|
|
|
|
v-for="items in item.Additionalcategories" |
|
|
|
|
:key="items.value" |
|
|
|
|
:label="items.label" |
|
|
|
|
:value="items.value" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</td> |
|
|
|
|
<td style="line-height: 16px"> |
|
|
|
|
<span @click="categoriesplus(item.id)" v-if="item.plus" class="el_btn_a"> |
|
|
|
|
<el-icon style="font-size: 12px; color: #409eff; margin-right: 3px" |
|
|
|
|
><CirclePlus /></el-icon |
|
|
|
|
>新增 |
|
|
|
|
</span> |
|
|
|
|
<span @click="categoriesduce(item.id)" v-if="item.reduce" class="el_btn_b"> |
|
|
|
|
<el-icon style="font-size: 12px; color: #f00; margin-right: 3px" |
|
|
|
|
><Delete /></el-icon |
|
|
|
|
>删除 |
|
|
|
|
</span> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 最低计费 --> |
|
|
|
|
<div class="el_Storage el_Minimumbilling"> |
|
|
|
|
<span class="el_table_title">最低计费</span> |
|
|
|
|
<span>最低计费</span> |
|
|
|
|
<div class="el_Storage"> |
|
|
|
|
<div class="el_Minimumbillingbox"> |
|
|
|
|
<!-- 是否最低计费 --> |
|
|
|
|
<div class="el_Minimumbilling_a"> |
|
|
|
|
<div |
|
|
|
|
class="el_Minimumbilling_a" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span">是否最低计费</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsMinCost" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsMinCost" class="el_Cselect el_fx"> |
|
|
|
|
<el-radio |
|
|
|
|
@change="MinimumChange" |
|
|
|
|
v-for="item in Minimumbilling" |
|
|
|
|
@ -294,53 +358,64 @@
|
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<!-- 最低计费方式 --> |
|
|
|
|
<div class="el_Minimumbilling_b" v-if="form.dispatchIsMinCost"> |
|
|
|
|
<!-- v-if="form.dispatchIsMinCost" --> |
|
|
|
|
<div |
|
|
|
|
v-if="form.dispatchIsMinCost" |
|
|
|
|
class="el_Minimumbilling_b" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span">最低计费方式</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchMinCostMode" class="el_Cselect"> |
|
|
|
|
<el-radio-group v-model="form.dispatchMinCostMode" class="el_Cselect el_fx"> |
|
|
|
|
<el-radio v-for="item in Billingmethod" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
<!-- 最低计费类型 --> |
|
|
|
|
<!-- v-if="form.dispatchIsMinCost" --> |
|
|
|
|
<div class="el_Storage" v-if="form.dispatchIsMinCost" style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"> |
|
|
|
|
<span class="el_table_span">最低计费类型</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchMinCostType" class="el_Cselect el_fx"> |
|
|
|
|
<el-radio v-for="item in chargetypeSelect" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否向上判断 --> |
|
|
|
|
<!-- v-if="!form.dispatchIsMinCost" --> |
|
|
|
|
<div |
|
|
|
|
v-if="!form.dispatchIsMinCost" |
|
|
|
|
class="el_Storage" |
|
|
|
|
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column" |
|
|
|
|
> |
|
|
|
|
<span class="el_table_span">是否向上判断</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsUpwardJudgment" class="el_Cselect el_fx"> |
|
|
|
|
<el-radio v-for="item in Upwardjudgment" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 最低计费类型 --> |
|
|
|
|
<div class="el_Storage" v-if="form.dispatchIsMinCost"> |
|
|
|
|
<span class="el_table_span">最低计费类型</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchMinCostType" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in chargetypeSelect" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 是否向上判断 --> |
|
|
|
|
<div class="el_Storage" v-if="!form.dispatchIsMinCost"> |
|
|
|
|
<span class="el_table_span">是否向上判断</span> |
|
|
|
|
<el-radio-group v-model="form.dispatchIsUpwardJudgment" class="el_Cselect"> |
|
|
|
|
<el-radio v-for="item in Upwardjudgment" :key="item.label" :label="item.value">{{ |
|
|
|
|
item.label |
|
|
|
|
}}</el-radio> |
|
|
|
|
</el-radio-group> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<!-- 操作按钮 --> |
|
|
|
|
<div class="flex-c-c"> |
|
|
|
|
<!-- <el-button type="primary" icon="Refresh" @click="resetFormData">重置</el-button> --> |
|
|
|
|
<el-button type="primary" icon="Refresh" @click="resetFormData">重置</el-button> |
|
|
|
|
<el-button type="primary" icon="Position" @click="handleSubmit">保存</el-button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script setup> |
|
|
|
|
import { ref, defineEmits, defineComponent } from 'vue'; |
|
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
|
import { ElMessage,ElMessageBox } from 'element-plus'; |
|
|
|
|
import { getDictionaryBiz } from '@/api/system/dict'; //字典 |
|
|
|
|
import { deepClone } from '@/utils/util'; |
|
|
|
|
import { postFindCategoryInfo } from '@/api/distribution/CreateOrder.js'; |
|
|
|
|
import { submit } from '@/api/base/region'; |
|
|
|
|
import { $_priceTemplate, $_putpriceTemplate } from '@/api/financialsector/index'; //价格模板 |
|
|
|
|
const $route = useRoute(); //获取地址栏参数 |
|
|
|
|
const emit = defineEmits(['request-data']); |
|
|
|
|
@ -353,6 +428,7 @@ const props = defineProps({
|
|
|
|
|
}); |
|
|
|
|
console.log(props, '来自父页面参数'); |
|
|
|
|
//表单 |
|
|
|
|
const pageLoading=ref(false) |
|
|
|
|
const formCopy = ref(null); //拷贝的数据 |
|
|
|
|
const form = ref({ |
|
|
|
|
dispatchServiceType: '', //仓储计费类型 |
|
|
|
|
@ -368,10 +444,12 @@ const form = ref({
|
|
|
|
|
dispatchMinCostMode: null, //最低计费方式 |
|
|
|
|
dispatchMinCostType: 1, //最低计费类型 |
|
|
|
|
dispatchIsUpwardJudgment: 0, //是否向上判断 |
|
|
|
|
WarehousebillingmodeTitle:'',//标题 |
|
|
|
|
}); |
|
|
|
|
const SelectOpin = ref(null); //当前点击的品类搜索框 |
|
|
|
|
// 是否向上判断 |
|
|
|
|
const Upwardjudgment = ref([]); |
|
|
|
|
const CommercialcialCopy=ref([]);//服务类型拷贝 |
|
|
|
|
// 最低计费类型 |
|
|
|
|
const chargetypeSelect = ref([]); |
|
|
|
|
// 最低计费方式 |
|
|
|
|
@ -428,7 +506,7 @@ const Leftoverparts = ref([]);
|
|
|
|
|
const chargetype = val => { |
|
|
|
|
console.log(val); |
|
|
|
|
if (val) { |
|
|
|
|
WarehousebillingmodeTitle.value = Warehousebillingmode.value.find( |
|
|
|
|
form.value.WarehousebillingmodeTitle = Warehousebillingmode.value.find( |
|
|
|
|
res => res.value == val |
|
|
|
|
).label; |
|
|
|
|
} |
|
|
|
|
@ -492,12 +570,13 @@ const MinimumChange = val => {
|
|
|
|
|
}; |
|
|
|
|
// 点击菜单 |
|
|
|
|
const isChecked = value => { |
|
|
|
|
if (!WarehousebillingmodeTitle.value) { |
|
|
|
|
if (!form.value.WarehousebillingmodeTitle) { |
|
|
|
|
ElMessage({ |
|
|
|
|
message: '请先选择仓储计费类型', |
|
|
|
|
type: 'warning', |
|
|
|
|
}); |
|
|
|
|
form.value.dispatchPricingType = []; //清空选择 |
|
|
|
|
|
|
|
|
|
value.check = false; //取消当前勾选 |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
@ -505,6 +584,8 @@ const isChecked = value => {
|
|
|
|
|
// 找到当前点击的菜单,显示对应的列表 |
|
|
|
|
if (value.value == '1' || value.value == '2' || value.value == '3') { |
|
|
|
|
let data = ServiceList.value.find(res => res.label == value.label); |
|
|
|
|
console.log(data,'data===>'); |
|
|
|
|
console.log( Commercialcial.value,'要处理的数据'); |
|
|
|
|
Commercialcial.value.find(res => res.title == data.label).state = !Commercialcial.value.find( |
|
|
|
|
res => res.title == data.label |
|
|
|
|
).state; |
|
|
|
|
@ -670,8 +751,12 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
Commercialcial.value.push({ |
|
|
|
|
...data, |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
CommercialcialCopy.value=deepClone(Commercialcial.value) |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
console.log(form.value, '服务类型'); |
|
|
|
|
// 是否类型 |
|
|
|
|
if (dictionaryType == 'price_yes_no') { |
|
|
|
|
Leftoverparts.value = { ...Distinguishcategories.value }; //是否有遗留件 |
|
|
|
|
@ -705,7 +790,7 @@ function updateDictionary(targetArray, dictionaryType) {
|
|
|
|
|
console.log(categoriesState.value, '是否区分品类'); |
|
|
|
|
} |
|
|
|
|
// 配送服务类型标题 |
|
|
|
|
WarehousebillingmodeTitle.value = Warehousebillingmode.value.find( |
|
|
|
|
form.value.WarehousebillingmodeTitle = Warehousebillingmode.value.find( |
|
|
|
|
res => res.value == form.value.dispatchServiceType |
|
|
|
|
).label; |
|
|
|
|
StateDelivery.value = true; //显示表格 |
|
|
|
|
@ -900,11 +985,34 @@ const categoriesearch = goodsName => {
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
const clink=()=>{ |
|
|
|
|
if(ServiceList.value.length) |
|
|
|
|
ServiceList.value.forEach(res=>res.check=false) |
|
|
|
|
} |
|
|
|
|
/** 重置数据 */ |
|
|
|
|
const resetFormData = () => { |
|
|
|
|
console.log( CommercialcialCopy.value); |
|
|
|
|
ElMessageBox.confirm('是否重置数据?', '提示', { |
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
type: 'warning', |
|
|
|
|
}).then(() => { |
|
|
|
|
pageLoading.value = true; |
|
|
|
|
clink() |
|
|
|
|
Commercialcial.value = deepClone(CommercialcialCopy.value) |
|
|
|
|
form.value = deepClone(formCopy.value); |
|
|
|
|
setTimeout(() => { |
|
|
|
|
pageLoading.value = false; |
|
|
|
|
}, 300); |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 页面初始化必要请求 |
|
|
|
|
const onLoad = () => { |
|
|
|
|
const onLoad = async() => { |
|
|
|
|
await updateDictionary(ServiceList.value, 'dispatch_pricing_type'); //仓储计费类型 |
|
|
|
|
formCopy.value =await deepClone(form.value); |
|
|
|
|
updateDictionary(Warehousebillingmode.value, 'dispatch_type'); //仓储计费类型 |
|
|
|
|
updateDictionary(ServiceList.value, 'dispatch_pricing_type'); //仓储计费类型 |
|
|
|
|
updateDictionary(Distinguishcategories.value, 'price_yes_no'); //是否区分品类 |
|
|
|
|
updateDictionary(Billingmethod.value, 'min_cost_way'); //是否区分品类 |
|
|
|
|
updateDictionary(chargetypeSelect.value, 'min_cost_type'); //最低计费类型 |
|
|
|
|
@ -975,7 +1083,19 @@ const handleSubmit = async () => {
|
|
|
|
|
} |
|
|
|
|
// 选择了是否区分品类才进行处理数据 |
|
|
|
|
console.log(categoriesState.value, 'categoriesState.value'); |
|
|
|
|
if (categoriesState.value) { |
|
|
|
|
if (form.value.dispatchIsByCategory){ |
|
|
|
|
if(!form.value.dispatchPricingType.find(res=>res.value ==1)){ |
|
|
|
|
Submit.dispatchPieceCategory='' |
|
|
|
|
} |
|
|
|
|
if(!form.value.dispatchPricingType.find(res=>res.value ==2)){ |
|
|
|
|
Submit.dispatchWeightCategory='' |
|
|
|
|
} |
|
|
|
|
if(!form.value.dispatchPricingType.find(res=>res.value ==3)){ |
|
|
|
|
Submit.dispatchCubeCategory='' |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
for (const res of form.value.dispatchPricingType) { |
|
|
|
|
let shouldReturn = false; |
|
|
|
|
switch (res) { |
|
|
|
|
@ -1005,12 +1125,26 @@ const handleSubmit = async () => {
|
|
|
|
|
} |
|
|
|
|
if (shouldReturn) return; // 如果检查未通过，退出当前函数 |
|
|
|
|
} |
|
|
|
|
}else{ |
|
|
|
|
Submit.dispatchPieceCategory='' |
|
|
|
|
Submit.dispatchWeightCategory='' |
|
|
|
|
Submit.dispatchCubeCategory='' |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 附加费是否按品类计费选择了是才进行处理 |
|
|
|
|
if (form.value.dispatchIsCategorySubjoin) { |
|
|
|
|
Submit.dispatchSubjoinCategory = AdditionalcategoriesList.value |
|
|
|
|
.map(res => res.Warehousecategory) |
|
|
|
|
.join(','); //附加费品类 |
|
|
|
|
}else{ |
|
|
|
|
if(Submit.dispatchSubjoinCategory){ |
|
|
|
|
Submit.dispatchSubjoinCategory='' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
console.log(Submit, '要提交的数据'); |
|
|
|
|
@ -1102,6 +1236,7 @@ const handleSubmit = async () => {
|
|
|
|
|
display: inline-block; |
|
|
|
|
width: 160px; |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
height: 16px; |
|
|
|
|
} |
|
|
|
|
.Storage-cont { |
|
|
|
|
/* 禁止双击选中文本 */ |
|
|
|
|
@ -1111,16 +1246,16 @@ const handleSubmit = async () => {
|
|
|
|
|
user-select: none; /* Standard syntax */ |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
width: 382px; |
|
|
|
|
width: 390px; |
|
|
|
|
.el_Storagecategory { |
|
|
|
|
border: 1px solid #ccc; |
|
|
|
|
.el_table_span { |
|
|
|
|
display: flex; |
|
|
|
|
width: 100%; |
|
|
|
|
background-color: #ebeef5; |
|
|
|
|
padding: 0 4px; |
|
|
|
|
border-bottom: 1px solid #ccc; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
// justify-content: space-between; |
|
|
|
|
justify-content: space-around; |
|
|
|
|
} |
|
|
|
|
.el_table_border { |
|
|
|
|
height: 30px; |
|
|
|
|
@ -1128,34 +1263,53 @@ const handleSubmit = async () => {
|
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
.el_table_id { |
|
|
|
|
width: 55px; |
|
|
|
|
font-weight: 600; |
|
|
|
|
width: 14%; |
|
|
|
|
color: #606266; |
|
|
|
|
border-right: 1px solid #ccc; |
|
|
|
|
margin-right: 4px; |
|
|
|
|
// border-right: 1px solid #ccc; |
|
|
|
|
font-weight: 500; |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
.el_table_title { |
|
|
|
|
font-weight: 600; |
|
|
|
|
color: #606266; |
|
|
|
|
font-weight: 500; |
|
|
|
|
border-right: 1px solid #ccc; |
|
|
|
|
display: flex; |
|
|
|
|
width: 207px; |
|
|
|
|
width: 55%; |
|
|
|
|
height: 100%; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
.el_table_title::before { |
|
|
|
|
content: ''; |
|
|
|
|
width: 0.5px; |
|
|
|
|
height: 100%; |
|
|
|
|
background-color: #ccc; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 0; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
.el_table_id::before { |
|
|
|
|
content: ''; |
|
|
|
|
width: 0.5px; |
|
|
|
|
height: 100%; |
|
|
|
|
background-color: #ccc; |
|
|
|
|
position: absolute; |
|
|
|
|
right: 0; |
|
|
|
|
top: 0; |
|
|
|
|
} |
|
|
|
|
.el_table_operation { |
|
|
|
|
color: #606266; |
|
|
|
|
width: 134px; |
|
|
|
|
display: flex; |
|
|
|
|
font-weight: 500; |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
height: 100%; |
|
|
|
|
width: 30%; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
span { |
|
|
|
|
padding-left: 3px; |
|
|
|
|
} |
|
|
|
|
@ -1203,7 +1357,7 @@ const handleSubmit = async () => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_table_idNumber { |
|
|
|
|
width: 50px; |
|
|
|
|
width: 14%; |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: 400; |
|
|
|
|
@ -1254,14 +1408,10 @@ const handleSubmit = async () => {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_Minimumbilling { |
|
|
|
|
.el_table_title { |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
.el_Minimumbillingbox { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
.el_Minimumbilling_b { |
|
|
|
|
margin-left: 70px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_flex { |
|
|
|
|
@ -1272,27 +1422,82 @@ const handleSubmit = async () => {
|
|
|
|
|
margin-left: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_row_f1 { |
|
|
|
|
:deep(.el_row_f1) { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
.el-select { |
|
|
|
|
} |
|
|
|
|
.el-select__tags { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_fx { |
|
|
|
|
background-color: #f6f6f6; |
|
|
|
|
padding: 0 6px; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
} |
|
|
|
|
.el_fj{ |
|
|
|
|
.el_fj { |
|
|
|
|
display: flex; |
|
|
|
|
.el_Storage{ |
|
|
|
|
width: 280px; |
|
|
|
|
align-items: center; |
|
|
|
|
.el_Storage { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
width:400px; |
|
|
|
|
margin-right: 2%; |
|
|
|
|
.el_Cselect{ |
|
|
|
|
background-color:#f6f6f6; |
|
|
|
|
width:100%; |
|
|
|
|
width: 400px; |
|
|
|
|
margin-right: 22px; |
|
|
|
|
.el_Cselect { |
|
|
|
|
background-color: #f6f6f6; |
|
|
|
|
width: 100%; |
|
|
|
|
padding: 0 4px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_table_select { |
|
|
|
|
width: 55%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
// 表格 |
|
|
|
|
.el_Commercial_ercial { |
|
|
|
|
.styled-table { |
|
|
|
|
width: 100%; |
|
|
|
|
border-collapse: collapse; |
|
|
|
|
} |
|
|
|
|
.tabBox { |
|
|
|
|
width: 24%; |
|
|
|
|
margin-right: 20px; |
|
|
|
|
} |
|
|
|
|
.styled-table thead tr { |
|
|
|
|
text-align: left; |
|
|
|
|
color: #000; |
|
|
|
|
background-color: #f5f8fa; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.styled-table th, |
|
|
|
|
.styled-table td { |
|
|
|
|
padding: 3px 10px; |
|
|
|
|
border: 1px solid #ddd; |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: 400; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.styled-table tbody tr { |
|
|
|
|
border-bottom: 1px solid #dddddd; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.styled-table tbody tr:nth-of-type(even) { |
|
|
|
|
background-color: #f3f3f3; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.styled-table tbody tr:last-of-type { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el_btn_a { |
|
|
|
|
color: #409eff; |
|
|
|
|
} |
|
|
|
|
.el_btn_b { |
|
|
|
|
color: #ff0000; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
