new: Add agent by admin
This commit is contained in:
Mr Swift
+280
-14
@@ -77,19 +77,165 @@
|
||||
</CCard>
|
||||
|
||||
<el-dialog :visible.sync="addAgentModal">
|
||||
<el-select v-model="selectedUserForNewAgent" style="width: 100%" label="کاربر را انتخاب کنید" filterable>
|
||||
<el-option
|
||||
v-for="item in users"
|
||||
:key="item._id"
|
||||
:label="item.first_name + ' ' + item.last_name + ' (' + item.national_code + ')'"
|
||||
:value="item._id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<br />
|
||||
<br />
|
||||
<el-button type="success" :disabled="!selectedUserForNewAgent" @click="addAgent">
|
||||
<span style="color: #fff">افزودن</span>
|
||||
</el-button>
|
||||
<CRow>
|
||||
<CCol lg="12" xl="12" md="12" style="margin-bottom: 10px">
|
||||
<h4>اضافه کردن نماینده با اکانت قبلی</h4>
|
||||
<el-select v-model="selectedUserForNewAgent" style="width: 100%" label="کاربر را انتخاب کنید" filterable>
|
||||
<el-option
|
||||
v-for="item in users"
|
||||
:key="item._id"
|
||||
:label="item.first_name + ' ' + item.last_name + ' (' + item.national_code + ')'"
|
||||
:value="item._id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
<br />
|
||||
<br />
|
||||
<el-button type="success" :disabled="!selectedUserForNewAgent" @click="addAgent">
|
||||
<span style="color: #fff">افزودن</span>
|
||||
</el-button>
|
||||
</CCol>
|
||||
<el-divider></el-divider>
|
||||
<CCol>
|
||||
<h4>اضافه کردن نماینده با اکانت جدید</h4>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="registerData.first_name"
|
||||
label="نام"
|
||||
horizontal
|
||||
:description="validation.first_name ? validation.first_name.msg : null"
|
||||
:class="validation.first_name ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.last_name"
|
||||
label="نام خانوادگی"
|
||||
horizontal
|
||||
:description="validation.last_name ? validation.last_name.msg : null"
|
||||
:class="validation.last_name ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.national_code"
|
||||
label="کد ملی"
|
||||
horizontal
|
||||
:description="validation.national_code ? validation.national_code.msg : null"
|
||||
:class="validation.national_code ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.mobile_number"
|
||||
label="شماره همراه"
|
||||
horizontal
|
||||
:description="validation.mobile_number ? validation.mobile_number.msg : null"
|
||||
:class="validation.mobile_number ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.tel_number"
|
||||
label="شماره ثابت"
|
||||
horizontal
|
||||
:description="validation.tel_number ? validation.tel_number.msg : null"
|
||||
:class="validation.tel_number ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.email"
|
||||
label="ایمیل "
|
||||
horizontal
|
||||
:description="validation.email ? validation.email.msg : null"
|
||||
:class="validation.email ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.store_name"
|
||||
label="نام فروشگاه"
|
||||
horizontal
|
||||
:description="validation.store_name ? validation.store_name.msg : null"
|
||||
:class="validation.store_name ? 'err' : null"
|
||||
/>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 15px;
|
||||
"
|
||||
>
|
||||
<label>استان</label>
|
||||
<el-select
|
||||
v-model="registerData.province_id"
|
||||
filterable
|
||||
placeholder="استان را انتخاب کنید"
|
||||
style="width: 75%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in iranProvinces"
|
||||
:key="item.ProvinceID"
|
||||
:label="item.ProvinceName"
|
||||
:value="item.ProvinceID"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<p v-if="validation.province_id">{{ validation.province_id.msg }}</p>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 15px;
|
||||
"
|
||||
>
|
||||
<label style="padding-left: 10px">شهر </label>
|
||||
<el-select
|
||||
v-model="registerData.city_id"
|
||||
filterable
|
||||
:placeholder="provinceCities ? 'شهر را انتخاب کنید' : 'ابتدا استان را انتخاب کنید'"
|
||||
style="width: 75%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in provinceCities"
|
||||
:key="item.CityID"
|
||||
:label="item.CityName"
|
||||
:value="item.CityID"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<p v-if="validation.city_id">{{ validation.city_id.msg }}</p>
|
||||
<CInput
|
||||
v-model="registerData.address"
|
||||
label="آدرس "
|
||||
horizontal
|
||||
:description="validation.address ? validation.address.msg : null"
|
||||
:class="validation.address ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.postal_code"
|
||||
label="کد پستی "
|
||||
horizontal
|
||||
:description="validation.postal_code ? validation.postal_code.msg : null"
|
||||
:class="validation.postal_code ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
v-model="registerData.password"
|
||||
label="کلمه عبور"
|
||||
horizontal
|
||||
type="password"
|
||||
:description="validation.password ? validation.password.msg : null"
|
||||
:class="validation.password ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="registerData.password_confirmation"
|
||||
label="تکرار کلمه عبور"
|
||||
horizontal
|
||||
type="password"
|
||||
:description="validation.password_confirmation ? validation.password_confirmation.msg : null"
|
||||
:class="validation.password_confirmation ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
<el-button type="success" :disabled="!registerData" @click="addUserAndAgent">
|
||||
<span style="color: #fff">افزودن</span>
|
||||
</el-button>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
@@ -121,7 +267,29 @@ export default {
|
||||
users: [],
|
||||
filterText: '',
|
||||
addAgentModal: false,
|
||||
selectedUserForNewAgent: null
|
||||
selectedUserForNewAgent: null,
|
||||
registerData: {
|
||||
userID: '',
|
||||
first_name: '',
|
||||
last_name: '',
|
||||
national_code: '',
|
||||
province_id: '',
|
||||
province_name: '',
|
||||
city_id: '',
|
||||
city_name: '',
|
||||
address: '',
|
||||
postal_code: '',
|
||||
tel_number: '',
|
||||
mobile_number: '',
|
||||
email: '',
|
||||
store_name: '',
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
},
|
||||
iranCities: [],
|
||||
iranProvinces: [],
|
||||
provinceCities: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
@@ -130,6 +298,12 @@ export default {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selectedProvince() {
|
||||
return this.registerData.province_id
|
||||
},
|
||||
selectedCity() {
|
||||
return this.registerData.city_id
|
||||
},
|
||||
revokedAgentsList() {
|
||||
return this.$route.query?.revoked
|
||||
},
|
||||
@@ -158,14 +332,106 @@ export default {
|
||||
},
|
||||
addAgentModal(newVal, oldVal) {
|
||||
this.selectedUserForNewAgent = null
|
||||
},
|
||||
selectedProvince(newVal, oldVal) {
|
||||
// step 1
|
||||
this.registerData.city_id = ''
|
||||
// step 2
|
||||
if (newVal)
|
||||
this.registerData.province_name = this.iranProvinces.filter(item => item.ProvinceID === newVal)[0].ProvinceName
|
||||
else this.registerData.province_name = ''
|
||||
// step 3
|
||||
if (newVal) this.provinceCities = this.iranCities.filter(item => item.ProvinceID === newVal)
|
||||
else this.provinceCities = null
|
||||
},
|
||||
selectedCity(newVal, oldVal) {
|
||||
if (newVal) this.registerData.city_name = this.iranCities.filter(item => item.CityID === newVal)[0].CityName
|
||||
else this.registerData.city_name = ''
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$axios.$get('/api/admin/users').then(res => {
|
||||
this.users = res
|
||||
})
|
||||
this.$axios
|
||||
.post('/api/cross/getRouteManager', {
|
||||
url: '/api/GetProvince',
|
||||
db: 'verity'
|
||||
})
|
||||
.then(res => {
|
||||
this.iranProvinces = res.data.data
|
||||
})
|
||||
.catch(err => {
|
||||
this.$arpaError()
|
||||
console.log('provinces list fetch error -- ', err)
|
||||
})
|
||||
|
||||
this.$axios
|
||||
.post('/api/cross/getRouteManager', {
|
||||
url: '/api/GetCity',
|
||||
db: 'verity'
|
||||
})
|
||||
.then(res => {
|
||||
this.iranCities = res.data.data
|
||||
})
|
||||
.catch(err => {
|
||||
this.$arpaError()
|
||||
console.log('cities list fetch error -- ', err)
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
addUserAndAgent() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.post('/api/admin/user', this.registerData)
|
||||
.then(response => {
|
||||
this.registerData = {
|
||||
userID: response.data.user._id,
|
||||
first_name: '',
|
||||
last_name: '',
|
||||
national_code: '',
|
||||
province_id: '',
|
||||
province_name: '',
|
||||
city_id: '',
|
||||
city_name: '',
|
||||
address: '',
|
||||
postal_code: '',
|
||||
tel_number: '',
|
||||
mobile_number: '',
|
||||
email: '',
|
||||
store_name: '',
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
}
|
||||
console.log(this.registerData)
|
||||
|
||||
this.$axios
|
||||
.$post('/api/admin/addAgentByAdmin', { user: response.data.user._id })
|
||||
.then(res => {
|
||||
this.$router.push({
|
||||
name: 'admin-agents-agent',
|
||||
params: { agent: res.representationId },
|
||||
query: { ...this.$route.query }
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
} else
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: error.response.data.message
|
||||
})
|
||||
})
|
||||
},
|
||||
addAgent() {
|
||||
if (!this.selectedUserForNewAgent) {
|
||||
return this.$message({
|
||||
|
||||
Reference in New Issue
Block a user