160 lines
3.4 KiB
Vue
160 lines
3.4 KiB
Vue
|
<template>
|
||
|
|
<div class="page">
|
||
|
|
<topBar
|
||
|
|
v-if="topList.length > 0"
|
||
|
|
:topList="topList"
|
||
|
|
:moren="moren"
|
||
|
|
></topBar>
|
||
|
|
<div class="main">
|
||
|
|
<div class="main_title">
|
||
|
|
<div class="bluekuai"></div>
|
||
|
|
<div class="title_word">{{$t('w_0061')}}</div>
|
||
|
|
</div>
|
||
|
|
<div class="main_content">
|
||
|
|
<el-form ref="form" :model="form" label-width="0px">
|
||
|
|
<el-row>
|
||
|
|
<el-col>
|
||
|
|
<el-form-item label="" prop="type">
|
||
|
|
<el-checkbox-group v-model="form.type">
|
||
|
|
<el-checkbox
|
||
|
|
v-for="(item, index) in ysfsList"
|
||
|
|
:key="index"
|
||
|
|
:label="item.deliveryValue"
|
||
|
|
>{{ item.deliveryValueVal }}</el-checkbox
|
||
|
|
>
|
||
|
|
</el-checkbox-group>
|
||
|
|
</el-form-item>
|
||
|
|
</el-col></el-row
|
||
|
|
>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="my_footer">
|
||
|
|
<div style="margin: 0 auto">
|
||
|
|
<el-button class="myBtn"> {{ $t('ENU_P_TYPE0') }}</el-button>
|
||
|
|
<el-button
|
||
|
|
type="primary"
|
||
|
|
class="myBtn1"
|
||
|
|
style="margin-left: 40px"
|
||
|
|
@click="saveDate"
|
||
|
|
> {{ $t('MN_F_32') }}</el-button
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import topBar from "@/components/topBar";
|
||
|
|
import * as api from "@/api/configManage";
|
||
|
|
// import { getzccsList, saveYfpz } from "@/api/system";
|
||
|
|
export default {
|
||
|
|
name: "DeliveryWay",
|
||
|
|
components: {
|
||
|
|
topBar,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
moren: "deliveryWay",
|
||
|
|
topList: [
|
||
|
|
{
|
||
|
|
name: this.$t('w_0061'),
|
||
|
|
path: "deliveryWay",
|
||
|
|
},
|
||
|
|
],
|
||
|
|
form: {
|
||
|
|
type: [],
|
||
|
|
},
|
||
|
|
ysfsList: [],
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.research();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
research() {
|
||
|
|
api.getDeliveryList().then((res) => {
|
||
|
|
this.ysfsList = res.data;
|
||
|
|
// var selectit = [];
|
||
|
|
this.ysfsList.forEach((item) => {
|
||
|
|
if (item.pkId) {
|
||
|
|
this.form.type.push(item.deliveryValue);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
saveDate() {
|
||
|
|
api.saveDeliveryWay(this.form.type).then((res) => {
|
||
|
|
if (res.code == 200) {
|
||
|
|
this.$message({
|
||
|
|
message: res.msg,
|
||
|
|
type: "success",
|
||
|
|
});
|
||
|
|
this.research();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.myBtn {
|
||
|
|
width: 120px;
|
||
|
|
height: 38px;
|
||
|
|
border-radius: 5px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #cccccc;
|
||
|
|
border-color: #ccc;
|
||
|
|
}
|
||
|
|
.myBtn1 {
|
||
|
|
width: 120px;
|
||
|
|
height: 38px;
|
||
|
|
border-radius: 5px;
|
||
|
|
color: #fff;
|
||
|
|
background-color: #c8161d;
|
||
|
|
border-color: #c8161d;
|
||
|
|
}
|
||
|
|
::v-deep .el-checkbox {
|
||
|
|
margin-right: 60px;
|
||
|
|
}
|
||
|
|
.page {
|
||
|
|
padding: 20px;
|
||
|
|
background: #f9f9f9;
|
||
|
|
font-size: 14px;
|
||
|
|
.main {
|
||
|
|
background: #ffffff;
|
||
|
|
border-radius: 8px;
|
||
|
|
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
|
||
|
|
.main_title {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
padding: 10px 0;
|
||
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
.bluekuai {
|
||
|
|
width: 5px;
|
||
|
|
height: 19px;
|
||
|
|
background: #c8161d;
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
.title_word {
|
||
|
|
font-size: 14px;
|
||
|
|
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.main_content {
|
||
|
|
padding: 20px 25px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.footer {
|
||
|
|
.thebtn {
|
||
|
|
width: 120px;
|
||
|
|
height: 38px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|