Skip to content

E
ElectricitySheep
Commit f7460ec9 authored by zhangjianguo's avatar zhangjianguo
Browse files
Options

区域购买和电子面单

parent b849a43c
Show whitespace changes
Inline Side-by-side
Showing with 1060 additions and 33 deletions
src/components/setup/addAddress.vue
View file @ f7460ec9
......@@ -17,12 +17,9 @@
<el-input v-model="msg.Mobile" placeholder="请输入联系方式"/>
</el-form-item>
<el-form-item label="省市区" prop="Mobile" class="is-required" >
<!--<el-cascader-->
<!--v-if="options.length>0"-->
<!--v-model="selectedOptions"-->
<!--:options="cascaderData"-->
<!--@change="handleChange"></el-cascader>-->
<el-form-item label="省市区" prop="position" class="is-required" >
<el-cascader v-model="msg.position" :placeholder="addressName" :options="provinceList" @active-item-change="handleItemChange" :props="props" style="width: 300px"></el-cascader>
</el-form-item>
......@@ -45,10 +42,10 @@
name: "addAddress",
data(){
return{
props:{
label:'Name',
value:'ID',
},
provinceList: [], //省市县列表
props: {value: 'value', children: 'cities'},
Name:[],
msg:{
ID:0,
......@@ -56,11 +53,13 @@
Mobile:'',
Address:'',
Remarks:'',
ProvinceId:11,
CityId:12,
DistrictId:3587,
ProvinceId:0,
CityId:0,
DistrictId:0,
position:[],
},
options:[],
addressName:'请选择',
cityindex:0,
rules:{
Name:[
......@@ -72,6 +71,9 @@
Address:[
{required: true, message: "请输入详细地址", trigger: "blur"}
],
position:[
{ type: 'array', required: true, message: '请选择省市区', trigger: 'change' }
],
}
}
},
......@@ -90,15 +92,20 @@
this.apipost("/api/MallBase/GetLogisticsDelivery",{'ID':ID} , res => {
if (res.data.resultCode == 1) {
this.msg =res.data.data
this.msg.position =[res.data.data.ProvinceId,res.data.data.CityId,res.data.data.DistrictId]
this.addressName = res.data.data.ProvinceName+'/'+res.data.data.CityName+'/'+res.data.data.DistrictName
} else {
this.Info(res.data.message);
}
})
},
preserve(formName){
this.msg.ProvinceId = this.msg.position[0];
this.msg.CityId = this.msg.position[1];
this.msg.DistrictId = this.msg.position[2];
this.$refs[formName].validate((valid) => {
if (valid) {
delete this.msg.position //删除position 不传到后台
this.apipost("/api/MallBase/AddOrUpdateLogisticsDelivery",this.msg , res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
......@@ -113,12 +120,59 @@
}
});
},
handleChange(value){
getPosition(val, cb) {
let vm = this; //查询省市县
let params = {};
if(!val) { //初始化加载 获取所有省份数据
params = {Id:2}
} else if (val.length === 1) { //加载二级 获取市级数据
params = {Id: val[0]}
} else { //加载3级 获取县级数据
params = {Id: val[1]}
}
this.apipost("/api/Destination/GetChildList",params , res => {
if (res.data.resultCode == 1) {
if(!val) { //初始化加载 查询省份数据
vm.provinceList = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []}
});
} else if (val.length === 1) { //加载二级 查询该省下市级数据
vm.provinceList.map((item) => {
if(item.value === val[0]) {
item.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []}
})
}
})
} else { //加载3级 查询该省市下县级数据
vm.provinceList.map((item) => {
if(item.value === val[0]) {
item.cities.map((value) => {
if(value.value === val[1]){
value.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name}
})
}
})
}
})
}
cb&&cb(res);
} else {
// this.Info(res.data.message);
}
})
},
handleItemChange (val) {
this.getPosition(val)
},
},
mounted(){
this.getNodes()
this.getPosition(null)
}
}
</script>
......@@ -135,4 +189,5 @@
height: 32px;
line-height: 32px
}
</style>
src/components/setup/addElectronFaceSheet.vue 0 → 100644
View file @ f7460ec9
<template>
<div class="addElectronFaceSheet">
<div class="form-box" style="margin-top: 0">
<div>
<span style="color: rgb(64, 158, 255);cursor: pointer;margin-left: 20px" @click="cancel">电子面单打印</span>
<span style="margin: 0 5px;color: #C0C4CC;">/</span>
<span>电子面单打印编辑</span>
</div>
</div>
<div id="pane-first">
<div class="form-box">
<el-form :model="msg" style="padding:0 50px;" :rules="rules" ref="msg" label-width="150px">
<el-form-item label="选择快递公司" class="is-required" prop="ExpressId">
<el-select v-model="msg.ExpressId" placeholder="请选择" class="el-input--small">
<el-option
v-for="item in ExpressList"
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="是否订阅短信 " >
<el-tooltip class="item" effect="dark" content="快递鸟付费用户专享功能" placement="top"
style="position: absolute;left: -10px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-switch
style="margin-left: 10px"
:active-value="1"
:inactive-value="0"
v-model="msg.IsSubscribeSMS"
active-text=""
inactive-text="">
</el-switch>
</el-form-item>
<el-form-item label="是否打印商品 ">
<el-tooltip class="item" effect="dark" content="打印商品信息" placement="top"
style="position: absolute;left: -10px;top:13px">
<i class="el-tooltip el-icon-info"></i>
</el-tooltip>
<el-switch
style="margin-left: 10px"
:active-value="1"
:inactive-value="0"
v-model="msg.IsPrintGoods"
active-text=""
inactive-text="">
</el-switch>
</el-form-item>
<el-form-item label="电子面单客户账号" >
<el-input v-model="msg.Account" placeholder="与快递网点申请" class="el-input--small"/>
</el-form-item>
<el-form-item label="电子面单密码" >
<el-input v-model="msg.Password" class="el-input--small"/>
</el-form-item>
<el-form-item label="月结编码" >
<el-input v-model="msg.MonthlyCode" class="el-input--small"/>
</el-form-item>
<el-form-item label="网点编码" >
<el-input v-model="msg.WebCode" class="el-input--small"/>
</el-form-item>
<el-form-item label="网点名称" >
<el-input v-model="msg.WebDot" class="el-input--small"/>
</el-form-item>
<el-form-item label="发件人公司" >
<el-input v-model="msg.Company" class="el-input--small"/>
</el-form-item>
<el-form-item label="发件人名称" prop="Name">
<el-input v-model="msg.Name" class="el-input--small is-required"/>
</el-form-item>
<el-form-item label="发件人电话" prop="Mobile">
<el-input v-model="msg.Mobile" class="el-input--small is-required" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"/>
</el-form-item>
<el-form-item label="发件人手机" >
<el-input v-model="msg.Phone" class="el-input--small" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"/>
</el-form-item>
<el-form-item label="发件人邮编" >
<el-input v-model="msg.Email" class="el-input--small"/>
</el-form-item>
<el-form-item label="发件人地区" prop="position" class="is-required" >
<el-cascader v-model="msg.position" :placeholder="addressName" :options="provinceList" @active-item-change="handleItemChange" :props="props" style="width: 100%"></el-cascader>
</el-form-item>
<el-form-item label="发件人地址" prop="Address" class="is-required">
<el-input v-model="msg.Address" />
</el-form-item>
</el-form>
</div>
<el-button type="primary" style="margin: 12px 0 " @click="preserve('msg')">保存</el-button>
<el-button style="margin: 12px 0 " @click="cancel">取消</el-button>
</div>
</div>
</template>
<script>
export default {
name: "addElectronFaceSheet",
data(){
return{
msg:{
ID:0,
ExpressId:'',
IsSubscribeSMS:0,
IsPrintGoods:0,
Account:'',
Password:'',
MonthlyCode:'',
WebCode:'',
WebDot:'',
Company:'',
Name:'',
Mobile:'',
Phone:'',
Email:'',
ProvinceId:'',
CityId:'',
DistrictId:'',
Address:'',
position:[]
},
addressName:'请选择地区',
ExpressList:[],
rules:{
ExpressId:[
{required: true, message: "快递公司不能为空", trigger: "blur"}
],
Name:[
{required: true, message: "发件人名称不能为空", trigger: "blur"}
],
Mobile:[
{required: true, message: "发件人电话不能为空", trigger: "blur"}
],
position:[
{ type: 'array', required: true, message: '请选择发件人地区', trigger: 'change' }
],
Address:[
{required: true, message: "发件人地址不能为空", trigger: "blur"}
],
},
provinceList: [], //省市县列表
props: {value: 'value', children: 'cities'},
}
},
created(){
if(this.$route.query.ID){
this.getLogisticsDelivery(this.$route.query.ID)
}
},
methods:{
cancel(){
this.$router.go(-1);//返回上一层
},
getLogisticsDelivery(ID){
this.apipost("/api/MallBase/GetElectronicSheet",{'ID':ID} , res => {
if (res.data.resultCode == 1) {
this.msg =res.data.data
this.msg.position =[res.data.data.ProvinceId,res.data.data.CityId,res.data.data.DistrictId]
this.addressName = res.data.data.ProvinceName+'/'+res.data.data.CityName+'/'+res.data.data.DistrictName
} else {
this.Info(res.data.message);
}
})
},
getExpressInfo(){
this.apipost("/api/MallBase/GetExpressInfo",{} , res => {
if (res.data.resultCode == 1) {
this.ExpressList = res.data.data
} else {
this.Info(res.data.message);
}
})
},
preserve(formName){
this.msg.ProvinceId = this.msg.position[0];
this.msg.CityId = this.msg.position[1];
this.msg.DistrictId = this.msg.position[2];
this.$refs[formName].validate((valid) => {
if (valid) {
delete this.msg.position //删除position 不传到后台
this.apipost("/api/MallBase/AddOrUpdateElectronicSheet",this.msg , res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
this.$router.go(-1);//返回上一层
} else {
this.Info(res.data.message);
}
})
} else {
return false;
}
});
},
getPosition(val, cb) {
let vm = this; //查询省市县
let params = {};
if(!val) { //初始化加载 获取所有省份数据
params = {Id:2}
} else if (val.length === 1) { //加载二级 获取市级数据
params = {Id: val[0]}
} else { //加载3级 获取县级数据
params = {Id: val[1]}
}
this.apipost("/api/Destination/GetChildList",params , res => {
if (res.data.resultCode == 1) {
if(!val) { //初始化加载 查询省份数据
vm.provinceList = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []}
});
} else if (val.length === 1) { //加载二级 查询该省下市级数据
vm.provinceList.map((item) => {
if(item.value === val[0]) {
item.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []}
})
}
})
} else { //加载3级 查询该省市下县级数据
vm.provinceList.map((item) => {
if(item.value === val[0]) {
item.cities.map((value) => {
if(value.value === val[1]){
value.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name}
})
}
})
}
})
}
cb&&cb(res);
} else {
// this.Info(res.data.message);
}
})
},
handleItemChange (val) {
this.getPosition(val)
},
},
mounted(){
this.getExpressInfo() //快递公司的请求
this.getPosition(null) //地址的请求
}
}
</script>
<style scoped>
.addElectronFaceSheet .form-box {
background: #fff;
padding: 20px 50% 20px 0;
margin-top: 10px;
}
.addElectronFaceSheet .el-input--small .el-input__inner{
height: 32px;
line-height: 32px;
}
</style>
src/components/setup/basicSetUp.vue
View file @ f7460ec9
......@@ -98,6 +98,7 @@
width: 80px;
height: 80px;
margin-top: 5px;
position: relative;
}
.basicSetUp .img_yuan img{
width: 100%;
......@@ -106,6 +107,20 @@
.basicSetUp .inputM_l{
margin-left: 20px;
}
.basicSetUp .shanchu{
width: 28px;height: 28px;
border-radius: 50%;
background: #F56C6C;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: -14px;
top: -6px;
}
.basicSetUp .el-button{
padding: 7px 15px;
}
</style>
<template>
<div class="basicSetUp">
......@@ -338,9 +353,16 @@
<el-form-item label="转发标题" >
<el-input v-model="msg.MinShareTitle" class="inputM_l"/>
<button class="el-button el-button--default el-button--small inputM_l">
<button class="el-button el-button--default el-button--small inputM_l" @click="openChangeDig(1)">
选择图标
</button>
<div class="img_yuan inputM_l">
<img v-if="msg.MinShareIco=='' || msg.MinShareIco==null" src="../../assets/img/setup/default_img.png" alt="">
<img v-else :src="msg.MinShareIco" alt="">
<div class="shanchu" @click="msg.MinShareIco=''" v-if="msg.MinShareIco">
<i class="el-icon-close" style="color: white"></i>
</div>
</div>
</el-form-item>
</el-form>
......@@ -611,7 +633,7 @@
<el-form-item label="展开图标" v-if="msg.SuspendBtn==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(2)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.UnfoldIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -622,7 +644,7 @@
</el-form-item>
<el-form-item label="收起图标" v-if="msg.SuspendBtn==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(3)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.PackUpIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -644,7 +666,7 @@
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(4)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.OnlineServiceIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -666,7 +688,7 @@
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(5)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.BackTopNavigationIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -688,7 +710,7 @@
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(6)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.OneCallIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -710,7 +732,7 @@
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(7)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.ServiceOutLinkIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -732,7 +754,7 @@
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(8)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.ShortcutNavigationIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -754,7 +776,7 @@
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(9)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.TurnMiniIco =''">恢复默认</el-button>
<div class="img_yuan">
......@@ -787,7 +809,7 @@
</el-form-item>
<el-form-item label="">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(10)">选择图标</el-button>
</el-tooltip>
<el-button type="primary" @click="msg.TurnIco=''">恢复默认</el-button>
<div class="img_yuan">
......@@ -840,21 +862,23 @@
<el-form-item label="商品图正常尺寸" v-if="msg.SellOutIcoSwitch==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(11)">选择图标</el-button>
</el-tooltip>
<div class="img_yuan">
<img v-if="msg.SellOutDefaultIco == true" src="../../assets/img/setup/plugins-out.png" alt="" style="background: black">
<img v-if="msg.SellOutDefaultIco == false" :src='msg.GoodsNormalPic' alt="">
<img v-if="msg.SellOutDefaultIco == false && msg.GoodsNormalPic" :src='msg.GoodsNormalPic' alt="">
<img v-else src="../../assets/img/setup/default_img.png" alt="">
</div>
</el-form-item>
<el-form-item label="商品图4:3尺寸" v-if="msg.SellOutIcoSwitch==true">
<el-tooltip class="item" effect="dark" content="建议尺寸:100 * 100" placement="top" style="margin-right: 5px">
<el-button>选择图标</el-button>
<el-button @click="openChangeDig(12)">选择图标</el-button>
</el-tooltip>
<div class="img_yuan">
<img v-if="msg.SellOutDefaultIco == true" src="../../assets/img/setup/plugins-out.png" alt="" style="background: black">
<img v-if="msg.SellOutDefaultIco == false" :src='msg.GoodsZoomPic' alt="">
<img v-if="msg.SellOutDefaultIco == false&& msg.GoodsZoomPic" :src='msg.GoodsZoomPic' alt="">
<img v-else src="../../assets/img/setup/default_img.png" alt="">
</div>
</el-form-item>
......@@ -867,15 +891,22 @@
<el-button type="primary" style="margin: 12px 0 " @click="preserve">保存</el-button>
</el-tabs>
<!-- 选择文件 -->
<el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
<ChooseImg @SelectId="SelectId" ref="mychild"></ChooseImg>
</el-dialog>
</div>
</template>
<script>
import ChooseImg from "@/components/global/ChooseImg.vue";
export default {
name: "basicSetUp",
components: {
ChooseImg
},
data() {
return {
activeName: 'first',
......@@ -958,6 +989,8 @@
ConsultWay: [],
},
Choiceimg:0,
changeState:false,
predefineColors: [
'#000000',
'#FFFFFF',
......@@ -1044,6 +1077,45 @@
this.msg.ConsultWay = ConsultWay
},
openChangeDig(data){
this.Choiceimg = data
this.changeState=true;
setTimeout(()=>{
this.$refs.mychild.InitData();
},10)
},
SelectId(msg){
this.changeState=false;
// this.addMsg.Image=msg.id;
if(this.Choiceimg == 1){
this.msg.MinShareIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==2){
this.msg.UnfoldIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==3){
this.msg.PackUpIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==4){
this.msg.OnlineServiceIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==5){
this.msg.BackTopNavigationIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==6){
this.msg.OneCallIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==7){
this.msg.ServiceOutLinkIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==8){
this.msg.ShortcutNavigationIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==9){
this.msg.TurnMiniIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==10){
this.msg.TurnIco="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==11){
this.msg.SellOutDefaultIco=0
this.msg.GoodsNormalPic="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}else if(this.Choiceimg ==12){
this.msg.SellOutDefaultIco=0
this.msg.GoodsZoomPic="http://viitto-1301420277.cos.ap-chengdu.myqcloud.com"+msg.url;
}
},
preserve(){
if (this.msg.MallName == "") {
this.Info("请输入商城名称!")
......
src/components/setup/electronFaceSheet.vue 0 → 100644
View file @ f7460ec9
<template>
<div class="electronFaceSheet">
<div class="el-card__header">
<span>电子面单</span>
<div style="display: flex;flex-direction: row;align-items: center">
<el-button type="primary" class="el-button--small" @click="dialogFormVisible=true">设置默认发件人信息</el-button>
<el-button type="primary" class="el-button--small" @click="add">新增</el-button>
</div>
</div>
<div class="search_s">
<div class="input-item">
<el-input placeholder="请输入搜索内容" v-model="msg.Name" style="width: 300px;font-size: 10px;height: 32px">
<el-button slot="append" icon="el-icon-search" @click="search"></el-button>
</el-input>
</div>
</div>
<div class='table-body'>
<el-table
:data="list"
border
style="width: 1707px">
<el-table-column
fixed
prop="ExpressName"
label="快递公司"
width="100">
</el-table-column>
<el-table-column
fixed
prop="WebDot"
label="网点名称"
width="279">
</el-table-column>
<el-table-column
fixed
prop="WebCode"
label="网点编码"
width="276">
</el-table-column>
<el-table-column
fixed
prop="Account"
label="客户号"
width="276">
</el-table-column>
<el-table-column
fixed
label="发件人信息"
width="500">
<template slot-scope="scope">
<div>{{'名称：' + scope.row.Name }}</div>
<div>{{'联系方式：'+scope.row.Mobile}}</div>
<div>{{'地址：'+scope.row.Address}}</div>
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
>
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="编辑" placement="top" >
<img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top" >
<img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange"
v-if="list&&list.length>0" :current-page.sync="msg.pageIndex"
layout="total,prev, pager, next" :page-size="msg.pageSize" :total="total">
</el-pagination>
</div>
<el-dialog title="默认发件人信息" :visible.sync="dialogFormVisible" >
<el-form :model="moren" :rules="rules" ref="moren" label-width="100px">
<el-form-item label="发件人公司">
<el-input v-model="moren.Company" />
</el-form-item>
<el-form-item label="发件人名称" prop="Name" class="is-required">
<el-input v-model="moren.Name" />
</el-form-item>
<el-form-item label="发件人电话" prop="Mobile" class="is-required">
<el-input v-model="moren.Mobile" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"/>
</el-form-item>
<el-form-item label="发件人手机" >
<el-input v-model="moren.Phone" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"/>
</el-form-item>
<el-form-item label="发件人邮编" >
<el-input v-model="moren.Email" />
</el-form-item>
<el-form-item label="发件人地区" prop="position" class="is-required" >
<el-cascader v-model="moren.position" placeholder="请选择" :options="provinceList" @active-item-change="handleItemChange" :props="props" style="width: 100%"></el-cascader>
</el-form-item>
<el-form-item label="发件人地址" prop="Address" class="is-required">
<el-input v-model="moren.Address" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="Addto('moren')">提交</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
name: "electronFaceSheet",
data(){
return{
msg:{
pageIndex:1,
pageSize:20,
Name:'',
},
provinceList: [], //省市县列表
props: {value: 'value', children: 'cities'},
rules: {
Name:[
{required: true, message: "发件人名称不能为空", trigger: "blur"}
],
Mobile:[
{required: true, message: "发件人电话不能为空", trigger: "blur"}
],
Address:[
{required: true, message: "发件人地址不能为空", trigger: "blur"}
],
position:[
{ type: 'array', required: true, message: '请选择发件人地区', trigger: 'change' }
],
},
moren:{
ID:0,
Company:'',
Name:'',
Mobile:'',
Phone:'',
Email:'',
Address:'',
ProvinceId:'',
CityId:'',
DistrictId:'',
position:[],
},
list:[],
total:0,
dialogFormVisible:false
}
},
methods:{
getElectronicSheetPage(){
this.apipost("/api/MallBase/GetElectronicSheetPage",this.msg , res => {
if (res.data.resultCode == 1) {
this.list = res.data.data.pageData;
this.total = res.data.data.count;
} else {
this.Info(res.data.message);
}
})
},
search(){
this.msg.pageIndex=1;
this.msg.pageSize=20;
this.getElectronicSheetPage()
},
Edit(row){
this.$router.push({
name: 'addElectronFaceSheet',
query: {
ID:row.ID,
blank: "y"
}
});
},
delete_b(row){
let that=this;
that.Confirm("是否删除?", function () {
that.apipost(
"/api/MallBase/DelElectronicSheet",
{ID:row.ID},
res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getElectronicSheetPage();
} else {
that.Error(res.data.message);
}
},
);
});
},
add(){
this.$router.push('/addElectronFaceSheet');
},
Addto(formName){
this.moren.ProvinceId = this.moren.position[0];
this.moren.CityId = this.moren.position[1];
this.moren.DistrictId = this.moren.position[2];
this.$refs[formName].validate((valid) => {
if (valid) {
delete this.moren.position //删除position 不传到后台
// this.apipost("/api/MallBase/SetLogisticsElectronicSheet",this.moren , res => {
// if (res.data.resultCode == 1) {
// this.Success(res.data.message);
// this.dialogFormVisible=false
//
// } else {
// this.Info(res.data.message);
// }
// })
} else {
return false;
}
});
},
handleCurrentChange(val){
this.msg.pageIndex = val;
this.getLogisticsDeliveryPage();
},
getPosition(val, cb) {
let vm = this; //查询省市县
let params = {};
if(!val) { //初始化加载 获取所有省份数据
params = {Id:2}
} else if (val.length === 1) { //加载二级 获取市级数据
params = {Id: val[0]}
} else { //加载3级 获取县级数据
params = {Id: val[1]}
}
this.apipost("/api/Destination/GetChildList",params , res => {
if (res.data.resultCode == 1) {
if(!val) { //初始化加载 查询省份数据
vm.provinceList = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []}
});
} else if (val.length === 1) { //加载二级 查询该省下市级数据
vm.provinceList.map((item) => {
if(item.value === val[0]) {
item.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name, cities: []}
})
}
})
} else { //加载3级 查询该省市下县级数据
vm.provinceList.map((item) => {
if(item.value === val[0]) {
item.cities.map((value) => {
if(value.value === val[1]){
value.cities = res.data.data.map((e) => {
return {value: e.ID, label: e.Name}
})
}
})
}
})
}
cb&&cb(res);
} else {
// this.Info(res.data.message);
}
})
},
handleItemChange (val) {
this.getPosition(val)
},
},
mounted(){
this.getElectronicSheetPage()
this.getPosition(null)
},
}
</script>
<style scoped>
.electronFaceSheet .el-card__header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
}
.electronFaceSheet .el-button--small{
padding: 9px 15px;
}
.electronFaceSheet .table-body{
padding: 0 20px 20px;
background-color: #fff;
margin-bottom: 20px;
}
.electronFaceSheet .search_s{
width: 100%;
padding: 18px 20px;
background: white;
margin-top: 15px
}
.electronFaceSheet .input-item{
width: 250px;
margin: 0 0 20px;
}
</style>
src/components/setup/regionBuy.vue 0 → 100644
View file @ f7460ec9
<template>
<div class="regionBuy">
<div class="el-card__header">
<span>区域允许购买</span>
</div>
<div id="pane-first">
<div class="form-box">
<el-form :model="msg" style="padding:0 50px;" :rules="rules" ref="msg" label-width="110px">
<el-form-item label="是否开启" class="is-required" >
<el-switch
:active-value="1"
:inactive-value="0"
v-model="msg.IsOpenMinPrice"
active-text=""
inactive-text="">
</el-switch>
</el-form-item>
<el-form-item label="允许购买区域" class="is-required" v-if="msg.IsOpenMinPrice==1">
<div class="gez_list el-card" v-if="msg.List.length>0">
<div style="width: 500px;" >
<div >区域：<span v-for="(item,index) in msg.List" :key="index" class="quyu">
{{item.RegionName}}</span>
</div> </div>
<div style="width: 110px;display: flex;flex-direction: row;justify-content: space-around">
<el-tooltip class="item" effect="dark" content="编辑" placement="top" >
<img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="edit()">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b()">
</el-tooltip>
</div>
</div>
<span style="color: #409EFF;font-size: 14px;cursor: pointer;" @click="addOf" v-if="msg.List.length==0">+新增规则</span>
</el-form-item>
</el-form>
</div>
<el-button type="primary" style="margin: 12px 0 " @click="preserve('msg')">保存</el-button>
</div>
<el-dialog title="新增规则" :visible.sync="dialogFormVisible" >
<el-form :model="msg" :rules="rules" ref="msg">
<el-form-item label="包邮地区" prop="List">
<region_Choice @event1="change($event)" ref="child"></region_Choice>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="Addto()">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import region_Choice from './view/regionChoice'
export default {
name: "regionBuy",
data(){
return{
msg:{
ID:0,
IsOpenMinPrice:0,
List:[],
},
dialogFormVisible:false,
List:[],
rules: {
},
isedit:false,
}
},
components:{
region_Choice,
},
methods:{
getAreaBuyInfo(){
this.apipost("/api/MallBase/GetAreaBuyInfo",{} , res => {
if (res.data.resultCode == 1) {
this.msg.IsOpenMinPrice = res.data.data.IsOpenMinPrice;
this.msg.List = res.data.data.List;
this.msg.ID = res.data.data.ID;
} else {
this.Info(res.data.message);
}
})
},
edit(){
this.dialogFormVisible=true;
setTimeout(()=>{
this.$refs.child.Receive(this.msg.List)
},1000)
} ,
delete_b(){
this.msg.List=[]
},
preserve(){
let msg = this.msg;
for(let i=0;i<msg.List.length;i++){
delete msg.List[i].GrandpaID;
delete msg.List[i].ParentID;
}
this.apipost("/api/MallBase/AddOrUpdateAreaBuy",msg , res => {
if (res.data.resultCode == 1) {
this.Success(res.data.message);
} else {
this.Info(res.data.message);
}
})
},
Addto(){
this.dialogFormVisible=false
this.msg.List =this.List;
},
change(data){
this.List = data;
},
addOf(){
this.List=[]
this.dialogFormVisible=true;
this.isedit=false;//设置为编辑状态
setTimeout(()=>{
this.$refs.child.Receive(this.List)
},1000)
},
},
mounted(){
this.getAreaBuyInfo()
}
}
</script>
<style scoped>
.regionBuy .el-card__header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
}
.regionBuy .form-box {
background: #fff;
padding: 20px 50% 20px 0;
margin-top: 10px;
}
.regionBuy .gez_list{
width: 650px;
margin-bottom: 12px;
padding: 20px;
border: 1px solid #EBEEF5;
background-color: #FFF;
color: #303133;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.regionBuy .quyu{
background-color: #f4f4f5;
color: #909399;
padding: 10px;
line-height: 30px;
height: 30px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
margin: 5px;
}
.regionBuy .imgstyle{
width: 32px;
height: 32px;
margin: 0 5px;
}
</style>
src/components/setup/returnAddressList.vue
View file @ f7460ec9
......@@ -69,6 +69,10 @@
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right" background @current-change="handleCurrentChange"
v-if="list&&list.length>0" :current-page.sync="msg.pageIndex"
layout="total,prev, pager, next" :page-size="msg.pageSize" :total="total">
</el-pagination>
</div>
</div>
</template>
......@@ -131,6 +135,10 @@
},
address(){
this.$router.push('/addAddress');
},
handleCurrentChange(val){
this.msg.pageIndex = val;
this.getLogisticsDeliveryPage();
}
},
mounted(){
......
src/components/statistics/retailRanking.vue 0 → 100644
View file @ f7460ec9
<template>
<div class="retailRanking">
<div class="el-card__header">
<span>分销排行</span>
<div style="display: flex;flex-direction: row;align-items: center">
<el-button type="primary" class="el-button--small" @click="derive">导出全部</el-button>
</div>
</div>
<div class="content">
<div>
<el-select class="w100" @change="getList" style="margin-right: 10px;" v-model="msg.MemberGrade" size="small" placeholder="请选择">
<el-option label="全部平台" :value="0"></el-option>
<el-option
v-for="item in options"
:key="item.Id"
:label="item.Name"
:value="item.Id">
</el-option>
</el-select>
<div class="searchInput" style="width:250px">
<el-input style="display:inline-block;width:225px;height:30px"
placeholder="请输入分销商名称或ID搜索"
v-model="msg.Id"
size="small"
clearable>
</el-input>
<span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
<span style="color: #92959B;margin-left: 35px;cursor: pointer;font-size: 15px;" @click="empty">清空筛选</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: "retailRanking",
data(){
return{
options:[],
msg:{
value:0,
neirong:'',
Name:''
}
}
},
created(){
this.getplat()
},
methods:{
getplat(){
this.apipost("/api/User/GetMemberUserSourceEnumList", {}, res => {
if(res.data.resultCode==1){
this.options = res.data.data
}
})
},
derive(){ //导出
},
empty(){
},
getList(){
}
},
mounted(){
}
}
</script>
<style>
.retailRanking .el-card__header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: #fff;
}
.retailRanking .el-card__header2{
display: flex;
flex-direction: row;
align-items: center;
background: #fff;
padding: 18px 20px;
}
.retailRanking .el-button--small{
padding: 9px 15px;
}
.retailRanking .content .searchInput{
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.retailRanking .content .searchInput .el-input__inner{
border:none;outline:none;
height: 30px;
line-height: 30px;
}
.retailRanking .content .searchInput{
line-height: normal;
display: inline-table;
border-collapse: separate;
border-spacing: 0;
width:250px;
margin-right: 20px;
}
.retailRanking .content{
background: #fff;
margin-top:10px;
padding: 20px;
box-sizing: border-box;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment