From a43294bf2dcaa2c8eb940134fd1426a0f904f096 Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <l287285524@qq.com>
Date: Sun, 07 Nov 2021 17:34:44 +0800
Subject: [PATCH] 新增门店
---
src/views/mine/stores/storeOprs-detail.vue | 173 +++++++++++++++------------------------------------------
1 files changed, 45 insertions(+), 128 deletions(-)
diff --git a/src/views/mine/stores/storeOprs-detail.vue b/src/views/mine/stores/storeOprs-detail.vue
index dd29042..2d57caf 100644
--- a/src/views/mine/stores/storeOprs-detail.vue
+++ b/src/views/mine/stores/storeOprs-detail.vue
@@ -2,36 +2,14 @@
<div class="stores-detail h-100-g">
<v-navbar title="店员详情" fixed rightText='保存' @right-click="Save"></v-navbar>
-
- <div class="cell-group">
- <v-cell v-model="form.storeName" :max="20" label='门店名称' :readonly="true" icon='iconyonghu' placeholder='门店名称'></v-cell>
- <v-cell label='所在地区' icon='icondingwei' placeholder='所在地区' @click.native="isShowArea = true;">
- <div slot="v-cell-right" class="flex-center-g">
- <div>{{form.areaText}}</div>
- <svg class="icon" aria-hidden="true" style="width:18px;height:18px;fill:#999;">
- <use xlink:href="#iconyou"></use>
- </svg>
- </div>
- </v-cell>
- <v-cell v-model="form.dtlAddr" :max="30" label='详细地址' icon='icontishi' placeholder='详细地址'></v-cell>
- </div>
-
-
<div class="cell-group">
<v-cell v-model="form.priName" :max="6" label='负责人姓名' :readonly="true" placeholder='负责人姓名'></v-cell>
<v-cell v-model="form.priMblNo" :max="11" type="tel" label='负责人手机号' :readonly="true" placeholder='负责人手机号'></v-cell>
- <v-cell v-model="form.priEmail" :max="50" label='联系邮箱' :readonly="true" placeholder='联系邮箱'></v-cell>
- <v-cell v-model="form.priIdNo" :max="18" label='负责人身份证号' :readonly="true" placeholder='负责人身份证号'></v-cell>
- <v-cell v-model="form.outChanNo" :max="18" label='渠道编码' :readonly="true" placeholder='渠道编码'></v-cell>
+ <v-cell v-model="form.priEmail" :max="50" label='联系邮箱' placeholder='联系邮箱'></v-cell>
</div>
-
-
- <footer class="flex-center-g footer">
- <van-button class="btn left" @click="freeze">{{ menText }}</van-button>
- <van-button class="btn right" @click="$router.push('/order/wxScore')">订单查询</van-button>
- </footer>
-
-
+ <footer class="flex-center-g footer">
+ <van-button class="btn" @click="freeze">{{menText}}</van-button>
+ </footer>
<van-dialog
class="setting-box-dialog"
v-model="dialogShow"
@@ -40,12 +18,6 @@
@confirm="onConfirm"
>
</van-dialog>
-
-
- <van-popup v-model="isShowArea" position="bottom" :close-on-click-overlay="false">
- <van-area ref='Area' :area-list='areaList' @cancel="closeAreaModal" @confirm="setAreaValue"></van-area>
- </van-popup>
-
</div>
</template>
@@ -53,132 +25,88 @@
import { mapState } from 'vuex';
export default {
name: "stores-detail",
+ computed: {
+ ...mapState(["userinfo"]),
+ },
data(){
return {
+ orgType:"",
isShowArea:false,
dialogShow:false,
- menText:'',
+ menText:'冻结店员',
Status:null,
Msg:'',
Btn:false,
-
form:{
- areaText:'',//地区文字展示
- storeName:'', //门店名称
- dtlAddr:'', //详细地址
priName:'', //负责人姓名
priEmail:'', //联系邮箱
- priMblNo:'', //负责人手机
- priIdNo:'', //负责人身份证号
- provCode: '',
- cityCode: '',
- areaCode: '',
- outChanNo:'',
+ priMblNo:'', //负责人手机号
},
-
rule:[
- {key:"dtlAddr",message:"请输入详细地址",type:"isEmpty"},
+ {key:"priEmail",message:"请输入邮箱",type:"isEmpty"},
]
}
},
- computed:{
- ...mapState(['areaList'])
- },
created(){
+ this.orgType = this.userinfo.orgType;
this.init();
},
methods:{
init(){
- this.$api.storeDtl({storeId: this.$route.query.storeId}).then((res) => {
- let data = res.body,
- addr = data.addr;
- this.Status = data.freezeStatus;
- data.freezeStatus ? this.menText = '冻结门店':this.menText = '启用门店';
+ let mgrId =this.$route.query.mgrId;
+ this.$api.getUserDetail(mgrId).then((res) => {
+ let data = res.body;
+ this.Status = data.status;
+ data.status ? this.menText = '冻结店员':this.menText = '启用店员';
this.form = {
- areaText:addr.province.name + '-' + addr.city.name + '-' + addr.area.name, //地区文字展示
- storeName:data.storeName, //门店名称
- dtlAddr:addr.dtlAddr, //详细地址
- priName:data.priName, //负责人姓名
- priEmail:data.priEmail, //联系邮箱
- priMblNo:data.priMblNo, //负责人手机
- priIdNo:data.priIdNo, //负责人身份证号
- provCode: addr.province.code,
- cityCode: addr.city.code,
- areaCode: addr.area.code,
- provName:addr.province.name,
- cityName:addr.city.name,
- areaName:addr.area.name,
- outChanNo:data.outChanNo
+ priName:data.name, //负责人姓名
+ priEmail:data.email, //联系邮箱
+ priMblNo:data.mblNo //负责人手机
}
})
},
-
-
freeze(){
this.dialogShow = !this.dialogShow;
- this.Msg = `请问是否确认${this.Status ? '冻结' : '启用'}该门店？`;
+ this.Msg = `请问是否确认${this.Status ? '冻结' : '启用'}该店员？`;
},
-
//冻结/启用 门店
onConfirm() {
if(this.Btn2){return}
this.Btn2 = true;
- this.$api.channSwitchStatus({
- orgId: this.$route.query.storeId,
- orgType: 4,
- statusType: this.Status ? 0 : 1
- })
- .then((res) => {
+ this.$api.userFreezeMgr(this.$route.query.mgrId).then((res) => {
this.Btn2 = false;
- this.$notify_success(`${ this.Status ? '冻结' : '启用'}门店成功`)
+ this.$notify_success(`${ this.Status ? '冻结' : '启用'}店员成功`)
this.Status = this.Status ? 0 : 1;
- this.menText = this.Status ? '冻结门店' :'启用门店';
+ this.menText = this.Status ? '冻结店员' :'启用店员';
});
},
-
-
// 保存门店
Save(){
if(this.Btn){return}
this.Btn = true;
let list = {
- addr:{
- province:{
- code:this.form.provCode,
- name:this.form.provName
- },
- city:{
- code:this.form.cityCode,
- name:this.form.cityName
- },
- area:{
- code:this.form.areaCode,
- name:this.form.areaName
- },
- dtlAddr:this.form.dtlAddr
- },
- storeId:this.$route.query.storeId
+ name: this.form.priName,
+ mblNo: this.form.priMblNo,
+ email: this.form.priEmail,
+ orgId:this.queryStoreId,
+ id:this.$route.query.mgrId
};
-
- if(this.$validator(list.addr,this.rule).check(item=>{
+ list.menuPower = [100001, 100006]
+ if(this.$validator(this.form,this.rule).check(item=>{
this.$notify(item.message);
})){
- this.$api.storeEdit(list).then((res) => {
+ this.$api.userUpdate(list).then((res) => {
this.Btn = false;
this.$notify_success('保存成功！');
- });
+ });
}
},
-
-
-
//关闭地区弹窗
closeAreaModal(){
this.isShowArea = false;
this.$refs.Area.reset()
},
-
//保存 地区选择
setAreaValue(arr){
this.form.areaText = arr[0].name + '-' +arr[1].name +'-'+ arr[2].name;
@@ -204,33 +132,22 @@
margin: 10px 8px 0;
}
+ .btn {
+ width: 340px;
+ height: 44px;
+ border: none;
+ font-size: @font-16;
+ border-radius: 22px;
+ background-color: @c-bg-default;
+ color: @c-text-fff;
-
-
-
-
- .footer{
- margin-top: 60px;
- padding-bottom: 30px;
- .btn{
- width: 170px;
- height: 44px;
- border: none;
- font-size: @font-16;
- &.left{
- background-color: @c-bg-eee;
- color: @c-text-666;
- border-radius:22px 0px 0px 22px;
- }
- &.right{
- background-color: @c-bg-default;
- color: @c-text-fff;
- border-radius:0px 22px 22px 0px;
- }
- }
}
+.footer {
+ margin-top: 60px;
+ padding-bottom: 30px;
+}
}
</style>
--
Gitblit v1.8.0