Browse Source

财务优化

pre-production
马远东 12 months ago
parent
commit
18ef27fcbb
  1. 8
      src/views/financialsector/FinanceHome.vue
  2. 112
      src/views/financialsector/Financialse/FinancialDelivery.vue
  3. 30
      src/views/financialsector/Financialse/FinancialWarehousing.vue

8
src/views/financialsector/FinanceHome.vue

@ -350,4 +350,12 @@ const handleChange = () => {
margin-top: 6px;
height: 100%;
}
:deep(.el-scrollbar__view){
padding: 0 10px !important;
}
.el-scrollbar__view{
.el-select-dropdown__item {
padding:0 10px !important;
}
}
</style>

112
src/views/financialsector/Financialse/FinancialDelivery.vue

@ -2,11 +2,11 @@
<div class="content_max" v-loading='pageLoading'>
<!-- 配送服务类型 -->
<div class="el_row_f1">
<div class="el_Storage el_flex">
<div class="el_Storage ">
<span class="el_table_span">配送服务类型</span>
<el-select
class="el_Cselect"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
style="width: 100%;"
v-model="form.dispatchServiceType"
filterable
placeholder="选择计费类型"
@ -21,15 +21,15 @@
</el-select>
</div>
<!-- 配送计费模式 -->
<div class="el_select_check">
<div class="el_Storage el_Service el_flex">
<div class="el_select_check el_Storage ">
<span class="el_table_span name">配送计费模式</span>
<el-select
v-model="form.dispatchPricingType"
filterable
placeholder="请选择配送计费模式"
:popper-append-to-body="false"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
style="width:100%;"
multiple
@remove-tag="removeTag"
>
@ -44,19 +44,16 @@
</el-checkbox>
</el-option>
</el-select>
</div>
</div>
<!-- 是否区分品类 -->
<div
class="el_Storage el_flex"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
>
<div class="el_Storage" >
<span class="el_table_span">是否区分品类</span>
<el-radio-group
@change="categoryChange"
v-model="form.dispatchIsByCategory"
class="el_Cselect el_fx"
style="width: 300px"
style="width: 100%"
>
<el-radio v-for="item in Distinguishcategories" :key="item.label" :label="item.value">{{
item.label
@ -65,15 +62,12 @@
</div>
<!-- 是否有遗留件 -->
<div
class="el_Storage el_flex"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
>
<div class="el_Storage">
<span class="el_table_span">是否有遗留件</span>
<el-radio-group
v-model="form.dispatchIsLeaveBehind"
class="el_Cselect el_fx"
style="width: 300px"
style="width:100%"
>
<el-radio v-for="item in Leftoverparts" :key="item.label" :label="item.value">{{
item.label
@ -219,12 +213,9 @@
</div>
</div>
</div>
<div style="display: flex">
<div class="el_translation">
<!-- 是否有平移费 -->
<div
class="el_Storage"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
>
<div class="el_Storage" >
<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">{{
@ -234,10 +225,7 @@
</div>
<!-- 附加费是否统一计费 -->
<div
class="el_Storage"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
>
<div class="el_Storage">
<span class="el_table_span">附加费是否按品类计费</span>
<el-radio-group v-model="form.dispatchIsCategorySubjoin" class="el_Cselect el_fx">
<el-radio
@ -250,23 +238,6 @@
</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>
<!-- 附加费品类 -->
@ -342,10 +313,7 @@
<div class="el_Storage">
<div class="el_Minimumbillingbox">
<!-- 是否最低计费 -->
<div
class="el_Minimumbilling_a"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
>
<div class="el_flex_row" >
<span class="el_table_span">是否最低计费</span>
<el-radio-group v-model="form.dispatchIsMinCost" class="el_Cselect el_fx">
<el-radio
@ -360,10 +328,7 @@
<!-- 最低计费方式 -->
<!-- v-if="form.dispatchIsMinCost" -->
<div
v-if="form.dispatchIsMinCost"
class="el_Minimumbilling_b"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
>
v-if="form.dispatchIsMinCost" class="el_flex_row" >
<span class="el_table_span">最低计费方式</span>
<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">{{
@ -372,8 +337,8 @@
</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">
<div class="el_flex_row" v-if="form.dispatchIsMinCost">
<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">{{
@ -383,12 +348,8 @@
</div>
<!-- 是否向上判断 -->
<!-- v-if="!form.dispatchIsMinCost" -->
<div
v-if="!form.dispatchIsMinCost"
class="el_Storage"
style="width: 320px; margin-right: 10px; display: flex; flex-direction: column"
>
<div v-if="!form.dispatchIsMinCost" class="el_flex_row" >
<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">{{
@ -1410,9 +1371,17 @@ const handleSubmit = async () => {
.el_Minimumbilling {
.el_Minimumbillingbox {
display: flex;
.el_flex_row{
display: flex;
flex-direction: column;
width: 24%;
margin-right: 30px;
.el-radio-group{
width: 100%;
}
}
}
.el_Minimumbilling_b {
}
}
.el_flex {
display: flex;
@ -1424,10 +1393,13 @@ const handleSubmit = async () => {
}
:deep(.el_row_f1) {
display: flex;
align-items: center;
align-items: flex-start;
justify-content: space-between;
.el-select {
}
.el_Storage {
width: 24%;
}
.el-select__tags {
width: 100%;
}
@ -1440,11 +1412,12 @@ const handleSubmit = async () => {
.el_fj {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
.el_Storage {
display: flex;
flex-direction: column;
width: 400px;
margin-right: 22px;
width: 24%;
.el_Cselect {
background-color: #f6f6f6;
width: 100%;
@ -1500,4 +1473,17 @@ const handleSubmit = async () => {
color: #ff0000;
}
}
.el_translation{
display: flex;
width: 100%;
.el_Storage{
width: 24%;
display: flex;
flex-direction: column;
margin-right: 24px;
.el-radio-group {
width: 100%
}
}
}
</style>

30
src/views/financialsector/Financialse/FinancialWarehousing.vue

@ -148,6 +148,7 @@
</div>
<div class="el_Surcharge">
<!-- 附加费计价单位 -->
<div class="el_flex_row">
<div class="el_Storage">
<span class="el_table_span">附加费计价单位</span>
<el-select
@ -156,7 +157,7 @@
filterable
clearable
placeholder="选择计费类型"
style="width: 240px"
style="width:100%"
>
<el-option
v-for="item in Surchargepricingunit"
@ -196,7 +197,7 @@
}}</el-radio>
</el-radio-group>
</div>
</div>
<!-- 附加费用是否统一计费 -->
<div class="el_Storage">
<span class="el_table_span">附加费是否按品类计费</span>
@ -222,12 +223,12 @@
<template v-if="slotProps.scope.column.label === '操作'">
<div class="eml_btn">
<span @click="categoriesplus" class="el_btn_a" v-if="slotProps.scope.row.plus">
<el-icon style="font-size: 12px; color: #409eff; margin-right: 3px"
<el-icon style="font-size: 19px; color: #409eff; margin-right: 3px"
><CirclePlus /></el-icon
>新增
</span>
<span @click="categoriesduce(slotProps.scope.row.index)" class="el_btn_b" v-if="slotProps.scope.row.reduce">
<el-icon style="font-size: 12px; color: #f00; margin-right: 3px"><Delete /></el-icon
<el-icon style="font-size: 19px; color: #f00; margin-right: 3px"><Delete /></el-icon
>删除
</span>
</div>
@ -893,6 +894,19 @@ const AdditionalDisplayChange = val => {
margin-bottom: 10px;
}
.el_Surcharge {
.el_Storage{
width: 24%;
display: flex;
flex-direction: column;
.el_Cselect{
margin-left: 0;
background-color: #f5f5f6;
}
}
.el_flex_row{
display: flex;
justify-content: space-between;
}
}
.el_submit {
width: 100%;
@ -921,4 +935,12 @@ const AdditionalDisplayChange = val => {
}
}
}
.el_btn_a,.el_btn_b{
font-size: 20px;
display: flex;
align-items: center;
.el-icon{
font-size: 20px;
}
}
</style>

Loading…
Cancel
Save