somewhere
This commit is contained in:
Swift
@@ -0,0 +1,269 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<!-- verity info -->
|
||||
<CCol sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<h6>اطلاعات مشتری در سیستم وریتی</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput
|
||||
:label="user.old_verity_businessCode ? 'شناسه وریتی قبلی مشتری' : 'شناسه وریتی مشتری'"
|
||||
horizontal
|
||||
disabled
|
||||
:value="user.old_verity_businessCode || user.verity_businessCode"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
:label="user.old_verity_businessID ? 'آیدی قبلی وریتی مشتری' : 'آیدی وریتی مشتری'"
|
||||
horizontal
|
||||
disabled
|
||||
:value="user.old_verity_businessID || user.verity_businessID"
|
||||
/>
|
||||
|
||||
<template v-if="user.old_verity_businessID && user.old_verity_businessCode">
|
||||
<CInput label="شناسه وریتی جدید مشتری" horizontal disabled :value="user.verity_businessCode" />
|
||||
|
||||
<CInput label="آیدی وریتی جدید مشتری" horizontal disabled :value="user.verity_businessID" />
|
||||
</template>
|
||||
</CForm>
|
||||
</CCol>
|
||||
<CCol>
|
||||
<h6>تغییر اطلاعات مشتری در سیستم وریتی</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm @submit.prevent="updateVerityInfo">
|
||||
<CInput
|
||||
v-model="newVerityInfo.verity_businessCode"
|
||||
label="شناسه وریتی جدید مشتری"
|
||||
:class="validation.verity_businessCode && 'err'"
|
||||
horizontal
|
||||
:description="validation.verity_businessCode && validation.verity_businessCode.msg"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
v-model="newVerityInfo.verity_businessID"
|
||||
label="آیدی وریتی جدید مشتری"
|
||||
:class="validation.verity_businessID && 'err'"
|
||||
horizontal
|
||||
:description="validation.verity_businessID && validation.verity_businessID.msg"
|
||||
/>
|
||||
<CButton color="success" type="submit">بروزرسانی</CButton>
|
||||
</CForm>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<!-- panatech info -->
|
||||
<CCol sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<h6>اطلاعات مشتری در سیستم پاناتک</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput
|
||||
:label="user.old_panatech_businessCode ? 'شناسه پاناتک قبلی مشتری' : 'شناسه پاناتک مشتری'"
|
||||
horizontal
|
||||
disabled
|
||||
:value="user.old_panatech_businessCode || user.panatech_businessCode"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
:label="user.old_panatech_businessID ? 'آیدی قبلی پاناتک مشتری' : 'آیدی پاناتک مشتری'"
|
||||
horizontal
|
||||
disabled
|
||||
:value="user.old_panatech_businessID || user.panatech_businessID"
|
||||
/>
|
||||
|
||||
<template v-if="user.old_panatech_businessID && user.old_panatech_businessCode">
|
||||
<CInput label="شناسه پاناتک جدید مشتری" horizontal disabled :value="user.panatech_businessCode" />
|
||||
|
||||
<CInput label="آیدی پاناتک جدید مشتری" horizontal disabled :value="user.panatech_businessID" />
|
||||
</template>
|
||||
</CForm>
|
||||
</CCol>
|
||||
<CCol>
|
||||
<h6>تغییر اطلاعات مشتری در سیستم پاناتک</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm @submit.prevent="updatePanatechInfo">
|
||||
<CInput
|
||||
v-model="newPanatechInfo.panatech_businessCode"
|
||||
label="شناسه پاناتک جدید مشتری"
|
||||
:class="validation.panatech_businessCode && 'err'"
|
||||
horizontal
|
||||
:description="validation.panatech_businessCode && validation.panatech_businessCode.msg"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
v-model="newPanatechInfo.panatech_businessID"
|
||||
label="آیدی پاناتک جدید مشتری"
|
||||
:class="validation.panatech_businessID && 'err'"
|
||||
horizontal
|
||||
:description="validation.panatech_businessID && validation.panatech_businessID.msg"
|
||||
/>
|
||||
<CButton color="success" type="submit">بروزرسانی</CButton>
|
||||
</CForm>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>اطلاعات مشتری:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="نام مشتری" horizontal disabled :value="user.first_name + ' ' + user.last_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="user.national_code" />
|
||||
<CInput label="شماره تلفن" horizontal disabled :value="user.tel_number" />
|
||||
<CInput label="شماره موبایل" horizontal disabled :value="user.mobile_number" />
|
||||
<CInput label="ایمیل" horizontal disabled :value="user.email" />
|
||||
<CInput label="نام فروشگاه" horizontal disabled :value="user.store_name" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>آدرس مشتری</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="استان" horizontal disabled :value="user.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="user.city_name" />
|
||||
<CTextarea label="آدرس" horizontal disabled rows="5" :value="user.address" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="user.postal_code" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminCustomerDatailsPage',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const user = await $axios.get(`/api/admin/user/${params.customer}`)
|
||||
return {
|
||||
user: user.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده پروفایل مشتری',
|
||||
user: null,
|
||||
newVerityInfo: {
|
||||
verity_businessID: '',
|
||||
verity_businessCode: ''
|
||||
},
|
||||
newPanatechInfo: {
|
||||
panatech_businessID: '',
|
||||
panatech_businessCode: ''
|
||||
},
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateVerityInfo() {
|
||||
this.validation = {}
|
||||
this.$confirm(
|
||||
'با تغییر کد مشتری و آیدی مشتری تمامی اطلاعات مشتری در سمت پنل کاربری مشتری تغییر خواهد کرد',
|
||||
'هشدار',
|
||||
{
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/admin/user/changeVerityInfo/${this.user._id}`, this.newVerityInfo)
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'اطالاعات جدید در سیستم ثبت شد'
|
||||
})
|
||||
this.newVerityInfo = {
|
||||
verity_businessID: '',
|
||||
verity_businessCode: ''
|
||||
}
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err)
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
updatePanatechInfo() {
|
||||
this.validation = {}
|
||||
this.$confirm(
|
||||
'با تغییر کد مشتری و آیدی مشتری تمامی اطلاعات مشتری در سمت پنل کاربری مشتری تغییر خواهد کرد',
|
||||
'هشدار',
|
||||
{
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/admin/user/changePanatechInfo/${this.user._id}`, this.newPanatechInfo)
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'اطالاعات جدید در سیستم ثبت شد'
|
||||
})
|
||||
this.newPanatechInfo = {
|
||||
panatech_businessID: '',
|
||||
panatech_businessCode: ''
|
||||
}
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err)
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,194 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fas fa-filter"></i>
|
||||
<b>فیلتر ها</b>
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CButtonGroup>
|
||||
<CButton color="primary" :class="filterType === 'all' && 'selected'" @click="filterType = 'all'"
|
||||
>همه</CButton
|
||||
>
|
||||
<CButton color="warning" :class="filterType === 'new' && 'selected'" @click="filterType = 'new'"
|
||||
>جدیدها</CButton
|
||||
>
|
||||
<CButton
|
||||
color="warning"
|
||||
:class="filterType === 'customers' && 'selected'"
|
||||
@click="filterType = 'customers'"
|
||||
>مشتریان</CButton
|
||||
>
|
||||
<CButton color="success" :class="filterType === 'agents' && 'selected'" @click="filterType = 'agents'"
|
||||
>نمایندگان</CButton
|
||||
>
|
||||
</CButtonGroup>
|
||||
</CCol>
|
||||
<CCol sm="12">
|
||||
<el-divider></el-divider>
|
||||
</CCol>
|
||||
<CCol sm="12">
|
||||
<h4>جستجو در لیست:</h4>
|
||||
<el-input
|
||||
v-model="filterText"
|
||||
clearable
|
||||
placeholder="نام - شماره موبایل - کد ملی - کد مشتری - آیدی مشتری - استان - شهر"
|
||||
style="display: inline-block; max-width: 500px; margin-top: 8px"
|
||||
></el-input>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
|
||||
<CCardBody>
|
||||
<el-table
|
||||
v-loading="fetching"
|
||||
:data="filteredItems"
|
||||
:row-class-name="({ row, rowIndex }) => !row.seenByAdmin && 'unread'"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="نام" width="">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.first_name + ' ' + scope.row.last_name }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="national_code" label="کد ملی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="mobile_number" label="شماره موبایل" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="verity_businessCode" label="کد مشتری (وریتی)" width=""> </el-table-column>
|
||||
<el-table-column prop="verity_businessID" label="آیدی (وریتی)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="panatech_businessCode" label="کد مشتری (پاناتک)" width=""> </el-table-column>
|
||||
<el-table-column prop="panatech_businessID" label="آیدی (پاناتک)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="province_name" label="استان" width=""> </el-table-column>
|
||||
<el-table-column prop="city_name" label="شهر" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="city_name" label="تاریخ ثبت نام" width="">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ $jDate(scope.row.created_at) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="65" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-customers-customer', params: { customer: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-edit"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminCustomersList',
|
||||
layout: 'admin',
|
||||
data() {
|
||||
return {
|
||||
title: 'مشتریان',
|
||||
list_title: 'لیست',
|
||||
users: [],
|
||||
fetching: false,
|
||||
filterText: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterUsersByType = this.users.filter(item => {
|
||||
if (this.filterType === 'all') return item
|
||||
else if (this.filterType === 'new' && !item.seenByAdmin) return item
|
||||
else if (this.filterType === 'customers' && !item.isAgent) return item
|
||||
else if (this.filterType === 'agents' && item.isAgent) return item
|
||||
else return null
|
||||
})
|
||||
const filterText = this.filterText
|
||||
if (!this.filterText.length) return filterUsersByType
|
||||
else {
|
||||
return filterUsersByType.filter(item => {
|
||||
return (
|
||||
item.first_name.includes(filterText) ||
|
||||
item.last_name.includes(filterText) ||
|
||||
item.mobile_number.includes(filterText) ||
|
||||
item.national_code.includes(filterText) ||
|
||||
item.verity_businessID?.includes(filterText) ||
|
||||
item.verity_businessCode?.includes(filterText) ||
|
||||
item.panatech_businessID?.includes(filterText) ||
|
||||
item.panatech_businessCode?.includes(filterText) ||
|
||||
item.province_name?.includes(filterText) ||
|
||||
item.city_name?.includes(filterText) ||
|
||||
(item.first_name + ' ' + item.last_name).includes(filterText)
|
||||
)
|
||||
})
|
||||
}
|
||||
},
|
||||
filterType: {
|
||||
get() {
|
||||
return this.$route.query?.filter
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'admin-customers', query: { filter: val } })
|
||||
}
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
try {
|
||||
this.fetching = true
|
||||
const users = await this.$axios.get('/api/admin/users')
|
||||
this.users = users.data
|
||||
this.fetching = false
|
||||
} catch (err) {
|
||||
this.$fetchError()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scopped lang="scss">
|
||||
.selected {
|
||||
-webkit-transform: scale(1.1);
|
||||
-moz-transform: scale(1.1);
|
||||
-ms-transform: scale(1.1);
|
||||
-o-transform: scale(1.1);
|
||||
transform: scale(1.1);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.unread {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user