quanwei
3 days ago 04102f7237efefa744090ed7c25f7b5d0807b679
branch_vue/src/views/branch/branch/drawer/dialog/addMember.vue
@@ -15,6 +15,19 @@
      <el-form-item label="手机号" :label-width="formLabelWidth" prop="mobile" :rules="[{required: true,message: '请输入手机号'}]">
        <el-input type="text" v-model="formData.mobile" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="籍贯">
        <el-select v-model="formData.province_id" placeholder="省" @change="initCity">
          <el-option :label="item.name" :value="item.id" v-for="(item,index) in areaList" :key='index'></el-option>
        </el-select>
        <el-select v-if="formData.province_id!=''" v-model="formData.city_id" placeholder="市" @change="initRegion">
          <el-option :label="item1.name" :value="item1.id" v-for="(item1,index1) in areaList[formData.province_id]['city']"
            :key='index1'></el-option>
        </el-select>
        <el-select v-if="formData.city_id!=''" v-model="formData.region_id" placeholder="区">
          <el-option :label="item2.name" :value="item2.id" v-for="(item2,index2) in areaList[formData.province_id]['city'][formData.city_id]['region']"
            :key='index2'></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="成员身份" prop="position_id" :label-width="formLabelWidth" :rules="[{required: true,message: '请选择成员身份'}]">
        <el-select v-model="formData.position_id" placeholder="-请选择成员身份">
          <el-option v-for="(item,index) in positionList" :key="index" :label="item.name" :value="item.position_id"></el-option>
@@ -27,6 +40,9 @@
            <el-tag>{{ supplier_name }}</el-tag>
          </div>
        </el-row>
      </el-form-item>
      <el-form-item label="个人简介" prop="describe">
        <el-input type="textarea" v-model="formData.describe" class="max-w460"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
@@ -63,24 +79,32 @@
          branch_id: '',
          position_id: '',
          shop_supplier_id: '', // 所属企业
          describe: '',
          // 籍贯
          province_id: '',
          city_id: '',
          region_id: '',
      },
      open_getuser: false,
      user_info: [],
      open_supplier: false,
      supplier_name: '',
      /*省市区*/
      areaList: [],
    };
  },
  props: ['open_add', 'positionList'],
  created() {
    this.dialogVisible = this.open_add;
    // this.getData();
    this.getData();
  },
  methods: {
    getData(){
      let self = this;
      BranchApi.positionList({}, true)
      BranchApi.toAddMember({}, true)
        .then(res => {
          self.positionList = res.data.positionList;
          // self.positionList = res.data.positionList;
          self.areaList = res.data.areaList;
        })
        .catch(error => {});
    },
@@ -142,7 +166,17 @@
      this.$emit('close', {
        type:type
      });
    }
    },
    /*初始化城市id*/
    initCity() {
      this.formData.city_id = ''
    },
    /*初始化区id*/
    initRegion() {
      this.formData.region_id = ''
    },
  }
};
</script>