代理新增编辑门店信息功能完成

zhouhao

2021-11-03 91ca5d3a9d43f1b73fe6ff1b8a0d5dda599fbb7d

代理新增编辑门店信息功能完成

 src/api/index.js

@@ -125,6 +125,11 @@
    return $http.post("/merchant/audit", data);
  },

  //更新商户信息
  updateMer(data) {
    return $http.post("/merchant/updateMer", data);
  },

  // /merchant/auditList

  getAuditType(data) {
@@ -150,7 +155,7 @@
  },
  //编辑门店
  storeEdit(data) {
    return $http.post("/store/edit", data);
    return $http.post("/store/update", data);
  },
  //添加门店
  storeAdd(data) {

 src/store/index.js

@@ -304,6 +304,14 @@
                            path: '/user/register'
                        });
                    }
                    if (orgType === 1) {   // 代理角色新增门店管理功能
                        userPage.push({
                            powerId: 100004,
                            icon: 'iconshanghuguanli',
                            label: '门店管理',
                            path: '/mine/stores'
                        });
                    }
                    commit(SET_FOOTER_NAV, footernav);
                    commit(SET_USER_PAGE, userPage);
                    commit(SET_USER_INFO, data.body);

 src/views/mine/mer/mer-info.vue

@@ -7,7 +7,7 @@
 -->
<template>
    <div class="mer-info-box h-100-g">
        <v-navbar title="商户信息" fixed></v-navbar>
        <v-navbar title="商户信息"  fixed rightText="保存" @right-click="Save"></v-navbar>

        <div class="content">
            <div class="cell-group">
@@ -15,7 +15,7 @@
                <v-cell v-model="info.merName" :Show_input="false" label='商户名称' icon='iconmobanguanliliebiao' readonly placeholder='请输入营业执照号' @click.native="copyText"></v-cell>
                <v-cell v-model="info.licenseNo" :Show_input="false" label='营业执照号' icon='iconyinhangka' readonly placeholder='请输入身份证号'></v-cell>
                <v-cell v-model="Addrs" :Show_input="false" label='所在地区' icon='icondingwei' readonly placeholder='请选择'></v-cell>
                <v-cell v-model="info.addr.dtlAddr" :Show_input="false" label='详细地址' icon='icontishi' readonly placeholder='请输入详细地址'></v-cell>
                <v-cell v-model="info.addr.dtlAddr"  label='详细地址' icon='icontishi' placeholder='请输入详细地址'></v-cell>
            </div>

            <div class="cell-group">
@@ -119,7 +119,12 @@
                    // on cancel
                });
            },

          Save(){  //保存
               if(this.info.addr.dtlAddr=='' || this.info.addr.dtlAddr==null ) return  this.$notify({ type: 'danger', message: '请输入详细地址！' }) 
                this.$api.updateMer({merId:this.$route.query.merId,addr:{...this.info.addr}}).then(res=>{
                     this.$notify_success('更新商户信息成功！')
                })
          }
        }
    }
</script>

 src/views/mine/stores/stores-detail.vue

@@ -16,10 +16,10 @@
    </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.priName" :max="6" label="负责人姓名"  placeholder="负责人姓名"></v-cell>
      <v-cell v-model="form.priMblNo" :max="11" type="tel" label="负责人手机号"  placeholder="负责人手机号"></v-cell>
      <v-cell v-model="form.priEmail" :max="50" label="联系邮箱"  placeholder="联系邮箱"></v-cell>
      <v-cell v-model="form.priIdNo" :max="18" label="负责人身份证号"  placeholder="负责人身份证号"></v-cell>
      <v-cell v-model="form.outChanNo" :max="18" label="渠道编码" :readonly="true" placeholder="渠道编码"></v-cell>
    </div>

@@ -145,6 +145,10 @@
          },
          dtlAddr: this.form.dtlAddr,
        },
          priEmail:this.form.priEmail,
          priIdNo:this.form.priIdNo,
          priMblNo:this.form.priMblNo,
          priName:this.form.priName,
        storeId: this.$route.query.storeId,
      };


 src/views/mine/stores/stores.vue

@@ -8,14 +8,7 @@
    <v-navbar title="门店管理" fixed></v-navbar>
    <van-search class="search" placeholder="请输入门店名称/负责人姓名/负责人手机号" v-model="value" shape='round' @search="onSearch"/>
    <div class="item-box">
      <van-list
        v-model="loading"
        :finished="finished"
        immediate-check='false'
        offset="50"
        finished-text="没有更多了"
        @load="onLoad"
      >
      <van-list v-model="loading" :finished="finished" immediate-check='false' offset="50" finished-text="没有更多了" @load="onLoad">
        <div class="stores-item flex-start-g" v-for="(item, index) in list" :key="index" @click="go(item.storeId)">
          <p class="icon-box flex-center-g">
            <svg class="icon" aria-hidden="true" style="width:25px;height:25px;fill:#fff" >
@@ -31,19 +24,18 @@
      </van-list>
    </div>

    <van-button class="btn" @click="$router.push(`/mine/stores-add?merId=${merId}`)">
    <van-button class="btn" @click="$router.push(`/mine/stores-add?merId=${merId}`)" v-if="orgType!=1">
      <div class="inner">
        <van-icon name="plus"/>
        <span class="text">新增</span>
      </div>
    </van-button>


  </div>
</template>

<script>
import { mapState } from 'vuex';
import { mapState, mapGetters } from "vuex";
  export default {
    name: "stores",
    data() {
@@ -57,7 +49,8 @@
      }
    },
    computed:{
      ...mapState(['userinfo'])
    ...mapState(['userinfo']),
    ...mapGetters(["orgType"]),
    },
    created(){
      this.merId = this.$route.query.merId?this.$route.query.merId:this.userinfo.orgId;
@@ -66,11 +59,20 @@
    methods: {
      init(){
        this.loading = true
        this.$api.storeStoreList({
      let objForm = {}
      if (this.orgType == 1) {
        objForm = {
          searchKey: this.value,
          storeId: this.storeId,
        }
      } else {
        objForm = {
          searchKey:this.value,
          storeId:this.storeId,
          merId:this.merId,
        }).then((res) => {
        }
      }
      this.$api.storeStoreList(objForm).then((res) => {
          if(res.body.storeList.length < 10){
            this.list = [...this.list,...res.body.storeList]
            this.storeId = ''
@@ -127,7 +129,6 @@

<style scoped lang="less">
.stores-box {

    background-color: @c-bg-f5;
    padding-top: 44px;

@@ -142,7 +143,11 @@
      color: @c-text-f5;
      z-index: @zIndex-50;
      box-shadow: 0px 5px 9px 0px rgba(80, 47, 183, 0.2);
      background: linear-gradient(0deg, rgba(106, 79, 188, 1), rgba(137, 110, 219, 1));
    background: linear-gradient(
      0deg,
      rgba(106, 79, 188, 1),
      rgba(137, 110, 219, 1)
    );

      .inner {
        display: flex;
@@ -160,12 +165,10 @@
      padding: 15px 8px;
    }


    .item-box {
      background-color: @c-bg-fff;
      padding-bottom: 25px;
    }


    .stores-item {
      height: 67px;
@@ -200,7 +203,5 @@
        color: @c-text-fff;
      }
    }


}
</style>