somewhere
This commit is contained in:
Swift
@@ -0,0 +1,80 @@
|
||||
<template>
|
||||
<div class="FAQ--page page">
|
||||
<hero title="سوالات متداول">
|
||||
<!-- <button class="btn btn-primary" @click.prevent="faqModal = true">سوال خود را بپرسید</button>-->
|
||||
</hero>
|
||||
<section class="s1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div v-for="(item, index) in faqs" :key="item._id" class="col-12 mb-3">
|
||||
<div
|
||||
:id="`q${item._id}`"
|
||||
class="q-a fadeInAnim"
|
||||
:class="index === 0 ? 'first' : null"
|
||||
@click="toggle(item._id)"
|
||||
>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
<h3>{{ item.question }}</h3>
|
||||
<div class="answer">
|
||||
<b>پاسخ</b>
|
||||
<p>{{ item.answer }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="!faqs.length" class="col-12 no-post">
|
||||
<h2>هیچ پستی در این صفحه وجود نداد.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- <el-dialog title="سوال خودرا بپرسید" :visible.sync="faqModal">-->
|
||||
<!-- <el-input type="textarea" autocomplete="off"></el-input>-->
|
||||
<!-- <span slot="footer" class="dialog-footer">-->
|
||||
<!-- <el-button @click="faqModal = false">لغو</el-button>-->
|
||||
<!-- <el-button class="submit" type="success" @click="faqModal = false">ثبت</el-button>-->
|
||||
<!-- </span>-->
|
||||
<!-- </el-dialog>-->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FadeInAnimation from '~/mixins/FadeInAnimation'
|
||||
|
||||
export default {
|
||||
name: 'FAQPage',
|
||||
mixins: [FadeInAnimation],
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const faqs = await $axios.get(`/api/public/faq`)
|
||||
return {
|
||||
faqs: faqs.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
faqs: null,
|
||||
faqModal: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | سوالات متداول'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
$('.FAQ--page .q-a:not(.first)').addClass('collapsed')
|
||||
$('.FAQ--page .q-a.collapsed .answer').slideUp()
|
||||
},
|
||||
methods: {
|
||||
toggle(id) {
|
||||
$(`#q${id}`).toggleClass('collapsed')
|
||||
$(`#q${id} .answer`).slideToggle()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<div class="about--page page">
|
||||
<section class="s1">
|
||||
<h1>درباره ما</h1>
|
||||
</section>
|
||||
<section class="s2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 mb-5 mb-md-0 txt">
|
||||
<h2>درباره آسان سرویس</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 txt">
|
||||
<p>
|
||||
امروزه یکی از ارکان اصلی شرکت های تولیدی صنعتی و برندهای تجاری ارائه خدمات پس از فروش است و رضایتمندی
|
||||
مشتریان از نحوه رسیدگی به هنگام و آگاهی از روند انجام خدمات پس از فروش نقش بسزایی در روند توسعه برندهای
|
||||
تجاری دارد . آسان سرویس به عنوان بازوی اجرایی خدمات پس از فروش شرکت تولیدی صنعتی پخش صبا درصدد است با به
|
||||
کارگیری صحیح از منابع انسانی متخصص و نیز مدیریت واحدهای مختلف دپارتمان خدمات پس از فروش ، رضایت مشتریان
|
||||
گرامی را از لحظه ورود محصول تا انجام خدمت به صورت مطلوب تامین نماید .
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s3">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 mb-5 mb-md-0 txt">
|
||||
<h2>متخصصین آسان سرویس</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 txt">
|
||||
<p>
|
||||
آموزش نیروهای فنی زیر نظر کارشناسان تایوانی شرکت آسان سرویس پرسنل فنی خود را بطور سالانه در خصوص آموزش فنی
|
||||
برای دستگاههای جدید به خارج از کشور اعزام نموده که اکثرا در آزمونهای انجام شده درجات بالایی را به ارمغان
|
||||
آورده اند.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s4">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 mb-5 mb-md-0 txt">
|
||||
<h2>سفارش و تهیه قطعات یدکی اصلی</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 txt">
|
||||
<p>
|
||||
انبار قطعات یدکی این شرکت حجم بسیار بالایی از قطعات را در خود جا داده است که شامل 22000عنوان و بالغ بر صد
|
||||
هزار تعداد قطعه موجود می باشد. با توجه به اینکه کارخانه سازنده حداکثر تا 5 سال بعد از تولید، قطعات یدکی را
|
||||
تامین می کند،شرکت در پایان این دوره حجم بالایی از قطعات را سفارش می دهد تا مدت طولانی تری قادر به تامین
|
||||
قطعات به مشتریان گرامی باشد.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 mb-5 mb-md-0 txt">
|
||||
<h2>گستردگی مراکز خدمات در سراسر کشور</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-8 txt">
|
||||
<p>
|
||||
آسان سرویس با دارا بودن بیش از 300 نماینده فروش در سراسر ایران و همچنین شبکه منسجم ارایه خدمات پس از فروش
|
||||
با، امروز به یکی از موفقترین شرکتهای ایران در زمینه شبکه، IT و برق / الکترونیک بدل شده است که توانسته
|
||||
رابطه تجاری بسیار خوبی با شرکتهای معتبر تایوانی و اروپایی مثل وریتی و پاناتک برقرار کند. شرکت آسان سرویس
|
||||
در تمامی مراکز استان کشور نمایندگی آموزش دیده معتبر دارد که تعداد آنها به 95 مرکز خدمات پس از فروش می رسد
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AboutPage',
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | درباره ما'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,140 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post" panel-title="افزودن تیکت">
|
||||
<form class="form form_3" @submit.prevent="post">
|
||||
<div class="formRow" :class="validation.title ? 'err' : null">
|
||||
<label for="title">:عنوان تیکت</label>
|
||||
<input id="title" v-model="ticket.title" type="text" />
|
||||
<p v-if="validation.title">{{ validation.title.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>کد پذیرش:</label>
|
||||
<el-select v-model="ticket.transaction_id" filterable :placeholder="tnPlaceholder" :loading="fetching">
|
||||
<el-option-group :key="0" label="پذیرش موقت ها">
|
||||
<el-option
|
||||
v-for="(item, index) in ttns"
|
||||
:key="index + '_getAll_tempTransactions_for_new_ticket'"
|
||||
:value="item"
|
||||
></el-option>
|
||||
</el-option-group>
|
||||
<el-option-group :key="1" label="پذیرش دائم ها">
|
||||
<el-option
|
||||
v-for="(item, index) in atns"
|
||||
:key="index + '_getAll_transactions_for_new_ticket'"
|
||||
:value="item"
|
||||
></el-option>
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btnRow">
|
||||
<button class="btn btn-primary" type="submit">
|
||||
<span>افزودن</span>
|
||||
<i class="far fa-plus-circle"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAddTicket',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
verityTransactions: [],
|
||||
panatechTransactions: [],
|
||||
agentsTransactions: [],
|
||||
fetching: false,
|
||||
ticket: {
|
||||
title: '',
|
||||
transaction_id: '',
|
||||
user_id: this.$auth.user._id
|
||||
},
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
transactions() {
|
||||
return [...this.verityTransactions, ...this.panatechTransactions, ...this.agentsTransactions]
|
||||
},
|
||||
ttns() {
|
||||
const array = []
|
||||
this.transactions.forEach(item => {
|
||||
if (!item.ItemReceptionTransNumber) array.push(item.TempReceiptTransNumber)
|
||||
})
|
||||
return array
|
||||
},
|
||||
atns() {
|
||||
const array = []
|
||||
this.transactions.forEach(item => {
|
||||
if (item.ItemReceptionTransNumber) array.push(item.ItemReceptionTransNumber)
|
||||
})
|
||||
return array
|
||||
},
|
||||
tnPlaceholder() {
|
||||
if (this.fetching) return 'در حال بارگیری...'
|
||||
else return 'اختیاری'
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
try {
|
||||
this.fetching = true
|
||||
const user = this.$auth.user
|
||||
const verityData = {
|
||||
url: `/api/GetItemReceptionInfo?BusinessCode=${user.verity_businessCode}`,
|
||||
db: 'verity'
|
||||
}
|
||||
const panatechData = {
|
||||
url: `/api/GetItemReceptionInfo?BusinessCode=${user.panatech_businessCode}`,
|
||||
db: 'panatech'
|
||||
}
|
||||
|
||||
const allData = await Promise.all([
|
||||
// fetch verityTransactions
|
||||
this.$axios.post('/api/cross/getRouteManager', verityData),
|
||||
// fetch panatechTransactions
|
||||
this.$axios.post('/api/cross/getRouteManager', panatechData),
|
||||
// fetch agentstransactions
|
||||
this.$axios.get('/api/user/transactions')
|
||||
])
|
||||
|
||||
const verityTransactions = allData[0]
|
||||
const panatechTransactions = allData[1]
|
||||
const agentsTransactions = allData[2]
|
||||
|
||||
this.verityTransactions = verityTransactions.data.data
|
||||
this.panatechTransactions = panatechTransactions.data.data
|
||||
this.agentsTransactions = agentsTransactions.data
|
||||
|
||||
this.fetching = false
|
||||
} catch (e) {
|
||||
this.$arpaError()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
post() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.post('/api/user/addTicketConversation', this.ticket)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'تیکت با موفقیت ثبت شد، پیام خودرا بنویسید.'
|
||||
})
|
||||
this.$router.push({ name: 'account-tickets-ticket', params: { ticket: res.data._id } })
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.data.status === 401) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا دوباره وارد حساب خود شوید'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,39 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="announcements" panel-title="اطلاعیه های نمایندگان">
|
||||
<div v-for="item in agentAnnouncements" :key="item._id" class="item" :class="!item.seen && 'unread'">
|
||||
<el-collapse :key="item._id + 'co_parent'" accordion @change="seeAnnouncement">
|
||||
<el-collapse-item :key="item._id + 'co_item'" :name="item._id">
|
||||
<template slot="title">
|
||||
<h3>{{ item.title }}</h3>
|
||||
</template>
|
||||
<div>
|
||||
<p>{{ item.caption }}</p>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<h3 v-if="!agentAnnouncements.length" style="text-align: center; margin-top: 50px">هیچ اطلاعیه ای موجود نیست</h3>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentAnnouncements',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
computed: {
|
||||
agentAnnouncements() {
|
||||
return this.$store.state.front.agentAnnouncements
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
seeAnnouncement(id) {
|
||||
if (!id) return
|
||||
const item = this.agentAnnouncements.find(item => item._id === id)
|
||||
if (!item.seen) this.$agentSocket.emit('agent:updateAnnouncement', id)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,297 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post agent-requests-details" panel-title="فرم درخواست کالای بافر">
|
||||
<el-alert v-if="bufferRequest.status === 'temp'" :title="alertMsg" class="mb-3" type="warning"> </el-alert>
|
||||
<form class="form form_3">
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label for="customer_name">نام و نام خانوادگی:</label>
|
||||
<input id="customer_name" type="text" :value="bufferRequest.agent_id.full_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="customer_code">کد نمایندگی:</label>
|
||||
<input id="customer_code" type="text" :value="bufferRequest.agent_id.agent_code" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="mobile">شماره موبایل:</label>
|
||||
<input id="mobile" type="text" :value="bufferRequest.agent_id.mobile_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="fax">شماره فکس:</label>
|
||||
<input id="fax" type="text" :value="bufferRequest.agent_id.fax_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="province">استان:</label>
|
||||
<input id="province" type="text" :value="bufferRequest.agent_id.province_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="city">شهر:</label>
|
||||
<input id="city" type="text" :value="bufferRequest.agent_id.city_name" disabled />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس:</label>
|
||||
<textarea name="description" cols="30" rows="5" disabled :value="bufferRequest.agent_id.address"></textarea>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formRow">
|
||||
<label v-if="bufferRequest.status === 'temp'" for="description">توضیحات فرم (اختیاری):</label>
|
||||
<label v-else for="description">توضیحات فرم:</label>
|
||||
<el-tooltip
|
||||
v-model="descriptionTooltip"
|
||||
class="item"
|
||||
effect="dark"
|
||||
content="میتوانید توضیحات را در هر زمان تغییر دهید"
|
||||
placement="top-start"
|
||||
:disabled="bufferRequest.status !== 'temp'"
|
||||
>
|
||||
<textarea
|
||||
id="description"
|
||||
v-model="bufferRequest.description"
|
||||
name="description"
|
||||
:disabled="bufferRequest.status !== 'temp'"
|
||||
:placeholder="descriptionPlaceHolder"
|
||||
cols="30"
|
||||
rows="10"
|
||||
@blur="updateDescription"
|
||||
></textarea>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="add-list">
|
||||
<h2>لیست کالاهای بافر درخواستی:</h2>
|
||||
<div class="tableBox">
|
||||
<table class="pieces-items">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="quantity">تعداد</th>
|
||||
<th v-if="bufferRequest.status === 'temp'" class="removeBtn">حذف</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="(item, index) in bufferRequest.items"
|
||||
:key="item.ItemID + index + '_br_buffers'"
|
||||
:title="item.ItemName"
|
||||
>
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemName">
|
||||
<span class="singleLineTxt">{{ item.ItemName }}</span>
|
||||
</td>
|
||||
|
||||
<td class="quantity">
|
||||
<span>{{ item.bufferQuantity }}</span>
|
||||
</td>
|
||||
|
||||
<td v-if="bufferRequest.status === 'temp'" class="removeBtn">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removeItemFromList(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="!bufferRequest.items.length" class="odd">
|
||||
<td class="noItem" colspan="5">
|
||||
<p style="color: #000">هنوز هیچ آیتمی اضافه نکردید.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="bufferRequest.status === 'temp'" class="addStuffBtn" @click="bufferModal = true">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن قطعه</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
|
||||
<hr />
|
||||
|
||||
<div v-if="bufferRequest.status === 'temp'" class="btnRow">
|
||||
<button class="btn btn-primary" @click="sendForm">ارسال به آسان سرویس</button>
|
||||
<button class="btn btn-danger" @click="removeBR">حذف این فرم</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template #body>
|
||||
<AddBuffersToBufferRequest
|
||||
:key="buffersModalKey"
|
||||
:show="bufferModal"
|
||||
:br-id="bufferRequest._id"
|
||||
@closeModal="closeBuffersModal"
|
||||
/>
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentBufferDetails',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const bufferRequest = await $axios.get(`/api/agent/br/${params.br}`)
|
||||
return {
|
||||
bufferRequest: bufferRequest.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
bufferRequest: null,
|
||||
validation: {},
|
||||
bufferModal: false,
|
||||
buffersModalKey: 0,
|
||||
descriptionTooltip: false,
|
||||
alertMsg:
|
||||
'این درخواست در پیشنویس ها ذخیره شده و هنوز در پایگاه داده شرکت آسان سرویس ثبت نگردیده. شما میتوانید قطعات را در هر زمان به این فرم اضافه یا از فرم حذف کنید سپس نسبت به ارسال نهایی اقدام کنید.'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
brId() {
|
||||
return this.$route.params.br
|
||||
},
|
||||
descriptionPlaceHolder() {
|
||||
if (this.bufferRequest.status === 'temp') return 'توضیحات راجع به کالای بافر را میتوانید اینجا بنویسید'
|
||||
else return 'بدون توضیحات'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
if (this.bufferRequest.status === 'temp') this.descriptionTooltip = true
|
||||
}, 1000)
|
||||
},
|
||||
methods: {
|
||||
closeBuffersModal() {
|
||||
this.bufferModal = false
|
||||
this.buffersModalKey = Math.random()
|
||||
},
|
||||
removeItemFromList(id) {
|
||||
if (this.bufferRequest.status !== 'temp') return
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/removeBrItems/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در انجام عملیات پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
updateDescription() {
|
||||
if (this.bufferRequest.status !== 'temp') return
|
||||
const data = { description: this.bufferRequest.description }
|
||||
this.$axios
|
||||
.put(`/api/agent/brDescription/${this.brId}`, data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ثبت اطلاعات پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
sendForm() {
|
||||
this.$confirm('فرم درخواست کالای بافر به آسان سرویس ارسال شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.post(`/api/agent/sendBr/${this.brId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-buffer', query: { type: 'sent' } })
|
||||
})
|
||||
.catch(err => {
|
||||
let msg = 'مشکلی در ارسال درخواست پیش آمده'
|
||||
if (err.response.status === 406) msg = err.response.data.message
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: msg
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
removeBR() {
|
||||
this.$confirm('این فرم از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/br/${this.brId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-buffer', query: { type: 'temp' } })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف پیشنویس پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,232 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="agent-requests" panel-title="لیست درخواست های کالای بافر">
|
||||
<div class="filter mb-5">
|
||||
<h4 style="display: inline-block; margin-left: 15px">مشاهده لیست:</h4>
|
||||
<button class="switchBtns btn" :class="type === 'temp' && 'btn-primary'" @click="type = 'temp'">
|
||||
پیشنویس ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'sent' && 'btn-primary'" @click="type = 'sent'">
|
||||
ارسال شده ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'delivered' && 'btn-primary'" @click="type = 'delivered'">
|
||||
انجام شده ها
|
||||
</button>
|
||||
<div v-if="type !== 'temp'" class="search mt-3" :class="serachBoxClass">
|
||||
<el-input v-model="searchInput" clearable placeholder="جستجو در لیست با کد پیگیری" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableBox">
|
||||
<table class="agent-requests" :class="type !== 'temp' && 'extended'">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="description">توضیحات</th>
|
||||
<th class="createDate">تاریخ ایجاد</th>
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<th class="sendDate">تاریخ ارسال</th>
|
||||
<th class="trackingCode">کد پیگیری</th>
|
||||
<th class="status">وضعیت</th>
|
||||
</template>
|
||||
<th v-if="type === 'delivered'" class="deliveryCode">کد ارسال مرسوله</th>
|
||||
<th class="quantity">تعداد کالا</th>
|
||||
<th class="details">جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="filteredList.length">
|
||||
<tr v-for="(item, index) in filteredList" :key="item._id" :title="item.description">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="description">
|
||||
<span v-if="item.description" class="singleLineTxt">{{ item.description }}</span>
|
||||
<span v-else style="color: gray">بدون توضیحات</span>
|
||||
</td>
|
||||
|
||||
<td class="createDate">
|
||||
<span> {{ $jDate(item.createDate) }} </span>
|
||||
</td>
|
||||
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<td class="sendDate">
|
||||
<span>{{ $jDate(item.sendDate) }}</span>
|
||||
</td>
|
||||
<td class="trackingCode">
|
||||
<span>{{ item.trackingCode }}</span>
|
||||
</td>
|
||||
<td class="status">
|
||||
<span v-if="item.status === 'sent'">ارسال شده</span>
|
||||
<span v-if="item.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="item.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="item.status === 'delivered'">تحویل شده</span>
|
||||
</td>
|
||||
</template>
|
||||
|
||||
<td v-if="type === 'delivered'" class="deliveryCode">
|
||||
<span>{{ item.deliveryCode || '-' }}</span>
|
||||
</td>
|
||||
|
||||
<td class="quantity">
|
||||
<span>{{ totalItemsCount(item.items) }}</span>
|
||||
</td>
|
||||
|
||||
<td class="details">
|
||||
<template v-if="item.status === 'temp'">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removePR(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-agents-buffer-br',
|
||||
params: {
|
||||
br: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
تکمیل فرم
|
||||
</nuxt-link>
|
||||
</template>
|
||||
<nuxt-link
|
||||
v-else
|
||||
:to="{
|
||||
name: 'account-agents-buffer-br',
|
||||
params: {
|
||||
br: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
مشاهده
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="type === 'temp'" class="addStuffBtn" @click="addBufferRequest">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن درخواست</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentBufferList',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, error }) {
|
||||
try {
|
||||
const bufferRequests = await $axios.get('/api/agent/brList')
|
||||
return {
|
||||
bufferRequests: bufferRequests.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
bufferRequests: null,
|
||||
searchInput: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
type: {
|
||||
get() {
|
||||
return this.$route.query.type
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'account-agents-buffer', query: { type: val } })
|
||||
}
|
||||
},
|
||||
serachBoxClass() {
|
||||
if (this.searchInput && this.filteredList.length) return 'success'
|
||||
if (this.searchInput && !this.filteredList.length) return 'error'
|
||||
return null
|
||||
},
|
||||
filteredList() {
|
||||
let filteredBySearch
|
||||
if (!this.searchInput || this.type === 'temp') filteredBySearch = this.bufferRequests
|
||||
else {
|
||||
filteredBySearch = this.bufferRequests.filter(item =>
|
||||
item.trackingCode?.toLowerCase().includes(this.searchInput.toLowerCase())
|
||||
)
|
||||
}
|
||||
|
||||
return filteredBySearch.filter(item => {
|
||||
if (this.type === 'temp') return item.status === 'temp'
|
||||
if (this.type === 'sent') return item.status !== 'temp' && item.status !== 'delivered'
|
||||
if (this.type === 'delivered') return item.status === 'delivered'
|
||||
return false
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addBufferRequest() {
|
||||
this.$axios
|
||||
.post('/api/agent/br')
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'درخواست جدید افزوده شد'
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در افزودن درخواست پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
totalItemsCount(items) {
|
||||
let count = 0
|
||||
items.forEach(item => (count += item.bufferQuantity))
|
||||
return count
|
||||
},
|
||||
removePR(id) {
|
||||
this.$confirm('این درخواست از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/br/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف درخواست پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,53 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="agent-requests" panel-title="ویرایش اطلاعات نمایندگی">
|
||||
<div class="upload-assets">
|
||||
<el-skeleton v-if="loading" class="mt-5" :rows="6" />
|
||||
|
||||
<template v-else>
|
||||
<template v-if="lastRepresentation.editAccess">
|
||||
<EnrollRepresentationForm :data="lastRepresentation"/>
|
||||
</template>
|
||||
|
||||
<div v-else class="mt-5" style="text-align: center; color: red">
|
||||
<h3>شما دسترسی ویرایش اطلاعات ندارید</h3>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'AgentEditInfo',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
lastRepresentation: {},
|
||||
loading: true
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | ویرایش اطلاعات'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
agentAssetCategories: 'front/agentAssetCategories'
|
||||
}),
|
||||
user() {
|
||||
return this.$auth.user
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
try {
|
||||
const lastRep = await this.$axios.$get(`/api/user/representation/${this.user.representation_id}`)
|
||||
this.lastRepresentation = lastRep
|
||||
} catch (err) {
|
||||
console.log('err', err)
|
||||
}
|
||||
this.loading = false
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,81 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="agent-requests" panel-title="ویرایش مدارک نمایندگی">
|
||||
<div class="upload-assets">
|
||||
<el-skeleton v-if="loading" class="mt-5" :rows="6" />
|
||||
|
||||
<template v-else>
|
||||
<template v-if="lastRepresentation.upload">
|
||||
<div class="upload-description mt-0">
|
||||
<h3>نکاتی درباره بارگذاری مدارک:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<span>در هر بخش تصاویر مدارک مربوطه را بارگذاری نمایید.</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>فیلدهای بارگذاری عکس در این صفحه هیچ کدام اجباری نیست.</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>فرمت مجاز تصاور jpeg میباشد.</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>نهایت حجم مجاز برای هر تصویر 2 مگابایت میباشد.</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="upload">
|
||||
<section v-for="item in agentAssetCategories" :key="item.title">
|
||||
<h3>{{ item.title }}</h3>
|
||||
<p>{{ item.description }}</p>
|
||||
<RepresentationImageUploader
|
||||
:name="item.fieldName"
|
||||
:files-list="lastRepresentation[item.fieldName] || []"
|
||||
:representation_code="lastRepresentation.representation_code"
|
||||
/>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div v-else class="mt-5" style="text-align: center; color: red">
|
||||
<h3>شما دسترسی ویرایش مدارک ندارید</h3>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'AgentAssetsEdit',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
lastRepresentation: {},
|
||||
loading: true
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | ویرایش مدارک'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
agentAssetCategories: 'front/agentAssetCategories'
|
||||
}),
|
||||
user() {
|
||||
return this.$auth.user
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
try {
|
||||
const lastRep = await this.$axios.$get(`/api/user/representation/${this.user.representation_id}`)
|
||||
this.lastRepresentation = lastRep
|
||||
} catch (err) {
|
||||
console.log('err', err)
|
||||
}
|
||||
this.loading = false
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,341 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post agent-requests-details" panel-title="فرم گزارش عملکرد گارانتی">
|
||||
<el-alert v-if="guaranteeReport.status === 'temp'" :title="alertMsg" class="mb-3" type="warning"> </el-alert>
|
||||
<form class="form form_3">
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label for="customer_name">نام و نام خانوادگی:</label>
|
||||
<input id="customer_name" type="text" :value="guaranteeReport.agent_id.full_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="customer_code">کد نمایندگی:</label>
|
||||
<input id="customer_code" type="text" :value="guaranteeReport.agent_id.agent_code" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="mobile">شماره موبایل:</label>
|
||||
<input id="mobile" type="text" :value="guaranteeReport.agent_id.mobile_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="fax">شماره فکس:</label>
|
||||
<input id="fax" type="text" :value="guaranteeReport.agent_id.fax_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="province">استان:</label>
|
||||
<input id="province" type="text" :value="guaranteeReport.agent_id.province_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="city">شهر:</label>
|
||||
<input id="city" type="text" :value="guaranteeReport.agent_id.city_name" disabled />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس:</label>
|
||||
<textarea name="description" cols="30" rows="5" disabled :value="guaranteeReport.agent_id.address"></textarea>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formRow">
|
||||
<label v-if="guaranteeReport.status === 'temp'" for="description">توضیحات فرم (اختیاری):</label>
|
||||
<label v-else for="description">توضیحات فرم:</label>
|
||||
<el-tooltip
|
||||
v-model="descriptionTooltip"
|
||||
class="item"
|
||||
effect="dark"
|
||||
content="میتوانید توضیحات را در هر زمان تغییر دهید"
|
||||
placement="top-start"
|
||||
:disabled="guaranteeReport.status !== 'temp'"
|
||||
>
|
||||
<textarea
|
||||
id="description"
|
||||
v-model="guaranteeReport.description"
|
||||
name="description"
|
||||
:disabled="guaranteeReport.status !== 'temp'"
|
||||
:placeholder="descriptionPlaceHolder"
|
||||
cols="30"
|
||||
rows="10"
|
||||
@blur="updateDescription"
|
||||
></textarea>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="notes">
|
||||
<h3>توجه:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<p>مدارک گارانتی فقط تا سه ماه بعد از تاریخ پذیرش دستگاه اعتبار دارد.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>هر سه ماه یک بار مدارک گارانتی خود را جهت تسویه حساب به همراه داغی قطعات ارسال نمایید.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="add-list">
|
||||
<h2>لیست قطعات درخواستی:</h2>
|
||||
<div class="tableBox">
|
||||
<table class="report-items">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
|
||||
<th class="customerName">نام مشتری</th>
|
||||
<th class="customerTel">تلفن مشتری</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="itemSerial">سریال گارانتی</th>
|
||||
|
||||
<th class="productIssue">ایراد کالا</th>
|
||||
<th class="usedPieces">قطعات مصرفی</th>
|
||||
|
||||
<th class="recieveDate">تاریخ دریافت</th>
|
||||
<th class="deliverDate">تاریخ تحویل</th>
|
||||
<th v-if="guaranteeReport.status === 'temp'" class="removeBtn">حذف</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="(item, index) in guaranteeReport.items"
|
||||
:key="item.ItemID + index + '_gr_reports'"
|
||||
:title="item.ItemName + ' - ' + item.pieceName"
|
||||
>
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="customerName">
|
||||
<span>{{ item.customerName }}</span>
|
||||
</td>
|
||||
|
||||
<td class="customerTel">
|
||||
<span>{{ item.customerTel }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemName">
|
||||
<span>{{ item.ItemName }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemSerial">
|
||||
<span>{{ item.SerialNo1 || '-' }}</span>
|
||||
</td>
|
||||
|
||||
<td class="productIssue">
|
||||
<span> {{ item.productIssue }} </span>
|
||||
</td>
|
||||
|
||||
<td class="usedPieces">
|
||||
<span> {{ item.usedPieces }} </span>
|
||||
</td>
|
||||
|
||||
<td class="recieveDate">
|
||||
<span> {{ $jDate(item.recieveDate) }} </span>
|
||||
</td>
|
||||
<td class="deliverDate">
|
||||
<span> {{ $jDate(item.deliverDate) }} </span>
|
||||
</td>
|
||||
|
||||
<td v-if="guaranteeReport.status === 'temp'" class="removeBtn">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removeItemFromList(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="!guaranteeReport.items.length" class="odd">
|
||||
<td class="noItem" colspan="5">
|
||||
<p style="color: #000">هنوز هیچ آیتمی اضافه نکردید.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="guaranteeReport.status === 'temp'" class="addStuffBtn" @click="reportModal = true">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن گزارش</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
|
||||
<hr />
|
||||
|
||||
<div v-if="guaranteeReport.status === 'temp'" class="btnRow">
|
||||
<button class="btn btn-primary" @click="sendForm">ارسال به آسان سرویس</button>
|
||||
<button class="btn btn-danger" @click="removeGR">حذف این فرم</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template #body>
|
||||
<AddReportToGuaranteeReportForm
|
||||
:key="reportModalKey"
|
||||
:show="reportModal"
|
||||
:gr-id="guaranteeReport._id"
|
||||
@closeModal="closeReportModal"
|
||||
/>
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentGrDetails',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const guaranteeReport = await $axios.get(`/api/agent/gr/${params.gr}`)
|
||||
return {
|
||||
guaranteeReport: guaranteeReport.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
guaranteeReport: null,
|
||||
validation: {},
|
||||
reportModal: false,
|
||||
reportModalKey: 0,
|
||||
descriptionTooltip: false,
|
||||
alertMsg:
|
||||
'این فرم گزارش عملکرد در پیشنویس ها ذخیره شده و هنوز در پایگاه داده شرکت آسان سرویس ثبت نگردیده. شما میتوانید گزارش ها را در هر زمان به این فرم اضافه یا از فرم حذف کنید سپس نسبت به ارسال نهایی اقدام کنید.'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
grId() {
|
||||
return this.$route.params.gr
|
||||
},
|
||||
descriptionPlaceHolder() {
|
||||
if (this.guaranteeReport.status === 'temp') return 'توضیحات راجع به فرم گزارش را میتوانید اینجا بنویسید'
|
||||
else return 'بدون توضیحات'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
if (this.guaranteeReport.status === 'temp') this.descriptionTooltip = true
|
||||
}, 1000)
|
||||
},
|
||||
methods: {
|
||||
closeReportModal() {
|
||||
this.reportModal = false
|
||||
this.reportModalKey = Math.random()
|
||||
},
|
||||
removeItemFromList(id) {
|
||||
if (this.guaranteeReport.status !== 'temp') return
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/removeGrItems/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در انجام عملیات پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
updateDescription() {
|
||||
if (this.guaranteeReport.status !== 'temp') return
|
||||
const data = { description: this.guaranteeReport.description }
|
||||
this.$axios
|
||||
.put(`/api/agent/grDescription/${this.grId}`, data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ثبت اطلاعات پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
sendForm() {
|
||||
this.$confirm('فرم گزارش عملکرد گارانتی به آسان سرویس ارسال شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.post(`/api/agent/sendGr/${this.grId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-guaranteeReports', query: { type: 'sent' } })
|
||||
})
|
||||
.catch(err => {
|
||||
let msg = 'مشکلی در ارسال گزارش پیش آمده'
|
||||
if (err.response.status === 406) msg = err.response.data.message
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: msg
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
removeGR() {
|
||||
this.$confirm('این فرم از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/gr/${this.grId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-guaranteeReports', query: { type: 'temp' } })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف پیشنویس پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,220 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="agent-requests" panel-title="لیست گزارش عملکرد گارانتی">
|
||||
<div class="filter mb-5">
|
||||
<h4 style="display: inline-block; margin-left: 15px">مشاهده لیست:</h4>
|
||||
<button class="switchBtns btn" :class="type === 'temp' && 'btn-primary'" @click="type = 'temp'">
|
||||
پیشنویس ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'sent' && 'btn-primary'" @click="type = 'sent'">
|
||||
ارسال شده ها
|
||||
</button>
|
||||
<div v-if="type === 'sent'" class="search mt-3" :class="serachBoxClass">
|
||||
<el-input v-model="searchInput" clearable placeholder="جستجو در لیست با کد پیگیری" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableBox">
|
||||
<table class="agent-requests" :class="type !== 'temp' && 'extended'">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="description">توضیحات</th>
|
||||
<th class="createDate">تاریخ ایجاد</th>
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<th class="sendDate">تاریخ ارسال</th>
|
||||
<th class="trackingCode">کد پیگیری</th>
|
||||
<th class="status">وضعیت</th>
|
||||
</template>
|
||||
<th class="quantity">تعداد گزارش</th>
|
||||
<th class="details">جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="filteredList.length">
|
||||
<tr v-for="(item, index) in filteredList" :key="item._id" :title="item.description">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="description">
|
||||
<span v-if="item.description" class="singleLineTxt">{{ item.description }}</span>
|
||||
<span v-else style="color: gray">بدون توضیحات</span>
|
||||
</td>
|
||||
|
||||
<td class="createDate">
|
||||
<span> {{ $jDate(item.createDate) }} </span>
|
||||
</td>
|
||||
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<td class="sendDate">
|
||||
<span>{{ $jDate(item.sendDate) }}</span>
|
||||
</td>
|
||||
<td class="trackingCode">
|
||||
<span>{{ item.trackingCode }}</span>
|
||||
</td>
|
||||
<td class="status">
|
||||
<span v-if="item.status === 'sent'">ارسال شده</span>
|
||||
<!-- <span v-if="item.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="item.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="item.status === 'delivered'">تحویل شده</span> -->
|
||||
</td>
|
||||
</template>
|
||||
|
||||
<td class="quantity">
|
||||
<span>{{ totalItemsCount(item.items) }}</span>
|
||||
</td>
|
||||
|
||||
<td class="details">
|
||||
<template v-if="item.status === 'temp'">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removeGR(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-agents-guaranteeReports-gr',
|
||||
params: {
|
||||
gr: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
تکمیل فرم
|
||||
</nuxt-link>
|
||||
</template>
|
||||
<nuxt-link
|
||||
v-else
|
||||
:to="{
|
||||
name: 'account-agents-guaranteeReports-gr',
|
||||
params: {
|
||||
gr: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
مشاهده
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="type === 'temp'" class="addStuffBtn" @click="addGuaranteeReport">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن فرم گزارش</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentGrList',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, error }) {
|
||||
try {
|
||||
const guaranteeReports = await $axios.get('/api/agent/grList')
|
||||
return {
|
||||
guaranteeReports: guaranteeReports.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
guaranteeReports: null,
|
||||
searchInput: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
type: {
|
||||
get() {
|
||||
return this.$route.query.type
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'account-agents-guaranteeReports', query: { type: val } })
|
||||
}
|
||||
},
|
||||
serachBoxClass() {
|
||||
if (this.searchInput && this.filteredList.length) return 'success'
|
||||
if (this.searchInput && !this.filteredList.length) return 'error'
|
||||
return null
|
||||
},
|
||||
filteredList() {
|
||||
let filteredBySearch
|
||||
if (!this.searchInput || this.type === 'temp') filteredBySearch = this.guaranteeReports
|
||||
else {
|
||||
filteredBySearch = this.guaranteeReports.filter(item =>
|
||||
item.trackingCode?.toLowerCase().includes(this.searchInput.toLowerCase())
|
||||
)
|
||||
}
|
||||
return filteredBySearch.filter(item => {
|
||||
if (this.type === 'temp') return item.status === 'temp'
|
||||
if (this.type === 'sent') return item.status !== 'temp'
|
||||
return false
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addGuaranteeReport() {
|
||||
this.$axios
|
||||
.post('/api/agent/gr')
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'فرم گزارش جدید افزوده شد'
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در افزودن گزارش پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
totalItemsCount(items) {
|
||||
return items.length
|
||||
},
|
||||
removeGR(id) {
|
||||
this.$confirm('این گزارش از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/gr/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف گزارش پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,159 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="guarantee" panel-title="صندوق ورودی نماینده">
|
||||
<div class="filter mb-5">
|
||||
<h4 style="display: inline-block; margin-left: 15px">مشاهده لیست:</h4>
|
||||
<button class="switchBtns btn" :class="type === 'ttl' && 'btn-primary'" @click="type = 'ttl'">دریافتی ها</button>
|
||||
<button class="switchBtns btn" :class="type === 'atl' && 'btn-primary'" @click="type = 'atl'">
|
||||
پذیرش شده ها
|
||||
</button>
|
||||
<div class="search mt-3" :class="serachBoxClass">
|
||||
<el-input v-model="searchInput" clearable placeholder="جستجو در لیست با کد پذیرش موقت یا دائم" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableBox">
|
||||
<table class="qaurantee">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ردیف</th>
|
||||
<th>شماره پذیرش موقت</th>
|
||||
<th>تاریخ ارسال فرم</th>
|
||||
<template v-if="type === 'atl'">
|
||||
<th>شماره پذیرش دائم</th>
|
||||
<th>تاریخ پذیرش</th>
|
||||
<th>وضعیت</th>
|
||||
</template>
|
||||
<th class="brand">برند</th>
|
||||
<th>جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="filteredList.length">
|
||||
<tr v-for="(item, index) in filteredList" :key="item._id" :class="!item.seen && 'unread'">
|
||||
<td>
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{ item.TempReceiptTransNumber }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{ $jDate(item.TempReceiptTransDate) }}</span>
|
||||
</td>
|
||||
<template v-if="type === 'atl'">
|
||||
<td>
|
||||
<span>{{ item.ItemReceptionTransNumber }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{ $jDate(item.ItemReceptionTransDate) }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span v-if="item.status === 'recieved'">پذیرش شده</span>
|
||||
<span v-if="item.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="item.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="item.status === 'delivered'">تحویل شده</span>
|
||||
</td>
|
||||
</template>
|
||||
<td class="brand">
|
||||
<!-- <img
|
||||
v-if="item.db_name === 'verity'"
|
||||
src="/assets/img/verity-small.png"
|
||||
alt="verity"
|
||||
style="width: 80px;"
|
||||
/>
|
||||
<img
|
||||
v-if="item.db_name === 'panatech'"
|
||||
src="/assets/img/panatech-small.png"
|
||||
alt="panatech"
|
||||
style="width: 80px;"
|
||||
/> -->
|
||||
<i
|
||||
v-if="item.db_name === 'verity'"
|
||||
class="fas fa-phone-laptop"
|
||||
title="لوازم جانبی کامپیوتر و موبایل"
|
||||
></i>
|
||||
<i v-if="item.db_name === 'panatech'" class="fas fa-photo-video" title="لوازم صوتی و تصویری خودرو"></i>
|
||||
</td>
|
||||
<td>
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-agents-inbox-view',
|
||||
query: {
|
||||
tid: item._id,
|
||||
ttn: item.TempReceiptTransNumber,
|
||||
atn: item.ItemReceptionTransNumber || undefined,
|
||||
db_name: item.db_name
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
مشاهده
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentInbox',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const transactions = await $axios.get('/api/agent/inbox')
|
||||
return {
|
||||
transactions: transactions.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transactions: null,
|
||||
searchInput: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
type: {
|
||||
get() {
|
||||
return this.$route.query.type
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'account-agents-inbox', query: { type: val } })
|
||||
}
|
||||
},
|
||||
serachBoxClass() {
|
||||
if (this.searchInput && this.filteredList.length) return 'success'
|
||||
if (this.searchInput && !this.filteredList.length) return 'error'
|
||||
return null
|
||||
},
|
||||
filteredList() {
|
||||
let filteredByTC
|
||||
if (!this.searchInput) filteredByTC = this.transactions
|
||||
else {
|
||||
filteredByTC = this.transactions.filter(
|
||||
item =>
|
||||
item.TempReceiptTransNumber?.toLowerCase().includes(this.searchInput.toLowerCase()) ||
|
||||
item.ItemReceptionTransNumber?.toLowerCase().includes(this.searchInput.toLowerCase())
|
||||
)
|
||||
}
|
||||
const transactions = filteredByTC.filter(item => {
|
||||
if (this.type === 'ttl') return !item.ItemReceptionTransNumber
|
||||
else if (this.type === 'atl') return item.ItemReceptionTransNumber
|
||||
return false
|
||||
})
|
||||
if (this.type === 'ttl') return transactions.reverse()
|
||||
else return transactions
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,340 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="guarantee-details agent-guarantee-details" panel-title="جزئیات">
|
||||
<div class="agentActions">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="statuses">
|
||||
<h3>تغییر وضعیت فرم:</h3>
|
||||
<div class="btns">
|
||||
<!--------------- recieved status btn --------------->
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
:disabled="transaction.status !== 'saved'"
|
||||
@click="changeStatus('recieved')"
|
||||
>
|
||||
{{ getStatusName('recieved') }}
|
||||
</button>
|
||||
|
||||
<!--------------- ongoing status btn --------------->
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
:disabled="transaction.status !== 'recieved'"
|
||||
@click="changeStatus('ongoing')"
|
||||
>
|
||||
{{ getStatusName('ongoing') }}
|
||||
</button>
|
||||
|
||||
<!--------------- waiting status btn --------------->
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
:disabled="
|
||||
transaction.status === 'saved' ||
|
||||
transaction.status === 'recieved' ||
|
||||
transaction.status === 'delivered' ||
|
||||
transaction.status === 'waiting'
|
||||
"
|
||||
@click="changeStatus('waiting')"
|
||||
>
|
||||
{{ getStatusName('waiting') }}
|
||||
</button>
|
||||
|
||||
<!--------------- delivered status btn --------------->
|
||||
<el-popover v-model="deliverPopover" placement="bottom" width="160" @click="deliveryPopover = true">
|
||||
<el-input v-model="deliveryCode" placeholder="کد ارسال مرسوله"></el-input>
|
||||
<div class="mt-1" style="text-align: center">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
class="agentsStatus-popover-insideBtn"
|
||||
@click="changeStatus('delivered')"
|
||||
>ارسال</el-button
|
||||
>
|
||||
</div>
|
||||
<button
|
||||
slot="reference"
|
||||
class="btn btn-primary"
|
||||
:disabled="
|
||||
transaction.status === 'saved' ||
|
||||
transaction.status === 'recieved' ||
|
||||
transaction.status === 'delivered'
|
||||
"
|
||||
>
|
||||
{{ getStatusName('delivered') }}
|
||||
</button>
|
||||
</el-popover>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 mt-4 mt-lg-0">
|
||||
<div class="timeLine">
|
||||
<h3>تاریخچه وضعیت های فرم:</h3>
|
||||
<ul>
|
||||
<li v-for="item in statusHistory" :key="item._id" :class="item.status">
|
||||
<span> {{ getStatusName(item.status) }} </span>
|
||||
<span> {{ $jDateTime(item.date) }} </span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form action="" class="form form_3">
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label>کد مشتری:</label>
|
||||
<input type="text" disabled :value="transaction.BusinessID" />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>نام و نام خانوادگی:</label>
|
||||
<input type="text" disabled :value="transaction.TransCCustom1" />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>شماره تماس:</label>
|
||||
<input type="text" disabled :value="transaction.cTel1" />
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>شماره پذیرش موقت:</label>
|
||||
<input type="text" disabled :value="transaction.TempReceiptTransNumber" />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>شماره پذیرش دائم:</label>
|
||||
<input type="text" disabled :value="transaction.ItemReceptionTransNumber || '-'" />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>تاریخ ارسال فرم:</label>
|
||||
<input type="text" disabled :value="$jDate(transaction.TempReceiptTransDate)" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس:</label>
|
||||
<textarea name="" rows="3" disabled :value="transaction.cAddress1"></textarea>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>توضیحات فرم:</label>
|
||||
<textarea name="" rows="3" disabled :value="transaction.Description"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formDB">
|
||||
<template v-if="transaction.db_name === 'verity'">
|
||||
<i class="fas fa-phone-laptop"></i>
|
||||
<span>لوازم جانبی کامپیوتر و موبایل</span>
|
||||
</template>
|
||||
<template v-if="transaction.db_name === 'panatech'">
|
||||
<i class="fas fa-photo-video"></i>
|
||||
<span>لوازم صوتی و تصویری خودرو</span>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<div class="tableBox">
|
||||
<table class="formItems">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="quantity">تعداد</th>
|
||||
<th class="itemSerial">سریال گارانتی</th>
|
||||
<th class="date">تاریخ اتمام گارانتی</th>
|
||||
<th v-if="selectorAvailable" class="selector">
|
||||
<el-checkbox :value="allItemsAreinDraftsItems" @change="addAllItemsToAgentsDraftItems" />
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="(item, index) in transaction.items" :key="index + '_guaranteeItemsList'" :title="item.ItemName">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
<td class="itemName">
|
||||
<span class="singleLineTxt">{{ getItemName(item.ItemID) || 'درحال بارگیری ...' }}</span>
|
||||
</td>
|
||||
<td class="quantity">
|
||||
<span>{{ item.MjQty }}</span>
|
||||
</td>
|
||||
<td class="itemSerial">
|
||||
<span>{{ item.SerialNo1 || '-' }}</span>
|
||||
</td>
|
||||
<td class="date">
|
||||
<span>{{ item.GEndDate || '-' }}</span>
|
||||
</td>
|
||||
<td v-if="selectorAvailable" class="selector">
|
||||
<el-checkbox
|
||||
:value="isInAgentDraftsItem(item.ItemID, item.SerialNo1)"
|
||||
@change="addSelectedItemsToAgentDraftItems(item.ItemID, item.SerialNo1)"
|
||||
/>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
|
||||
<div class="addToDraftsBtn">
|
||||
<button v-if="agentDraftItems.length" class="btn btn-primary" @click="showDraftsModal = true">
|
||||
<span>افزودن موارد انتخاب شده به پیشنویس ها</span>
|
||||
<i class="fas fa-link"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<template #body>
|
||||
<AddUserItemsToAgentDraft
|
||||
:key="addItemsToDraftModalKey"
|
||||
:show="showDraftsModal"
|
||||
:db_name="transaction.db_name"
|
||||
:items="agentDraftItems"
|
||||
@closeModal="closeAddItemToDraftModal"
|
||||
/>
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentInboxItemView',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, query, error }) {
|
||||
try {
|
||||
const tid = query?.tid
|
||||
// fetch data from asan-service
|
||||
const transaction = await $axios.get(`/api/agent/inbox/${tid}`)
|
||||
return {
|
||||
transaction: transaction.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transaction: null,
|
||||
factor: null,
|
||||
paymentFactor: null,
|
||||
deliverPopover: false,
|
||||
deliveryCode: '',
|
||||
showDraftsModal: false,
|
||||
addItemsToDraftModalKey: 0,
|
||||
agentDraftItems: []
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selectorAvailable() {
|
||||
return this.transaction.status === 'ongoing' || this.transaction.status === 'waiting'
|
||||
},
|
||||
products() {
|
||||
if (this.$route.query.db_name === 'verity') return this.$store.state.front.verityProducts
|
||||
else if (this.$route.query.db_name === 'panatech') return this.$store.state.front.panatechProducts
|
||||
else return []
|
||||
},
|
||||
host() {
|
||||
return this.$route.query?.host
|
||||
},
|
||||
statusHistory() {
|
||||
const statusHistory = this.transaction.statusHistory
|
||||
return statusHistory.reverse()
|
||||
},
|
||||
allItemsAreinDraftsItems() {
|
||||
return this.agentDraftItems.length === this.transaction.items.length
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
closeAddItemToDraftModal() {
|
||||
this.showDraftsModal = false
|
||||
this.agentDraftItems = []
|
||||
this.addItemsToDraftModalKey = Math.random()
|
||||
},
|
||||
addAllItemsToAgentsDraftItems(val) {
|
||||
if (val) this.agentDraftItems = this.transaction.items
|
||||
else this.agentDraftItems = []
|
||||
},
|
||||
addSelectedItemsToAgentDraftItems(id, serial) {
|
||||
if (this.isInAgentDraftsItem(id, serial)) {
|
||||
this.agentDraftItems = this.agentDraftItems.filter(item => {
|
||||
if (serial) return item.SerialNo1 !== serial
|
||||
else return item.ItemID !== id
|
||||
})
|
||||
} else {
|
||||
const thisItem = this.transaction.items.find(item => {
|
||||
if (serial) return item.SerialNo1 === serial
|
||||
else return item.ItemID === id
|
||||
})
|
||||
this.agentDraftItems.push(thisItem)
|
||||
}
|
||||
},
|
||||
isInAgentDraftsItem(id, serial) {
|
||||
return Boolean(
|
||||
this.agentDraftItems.find(item => {
|
||||
if (serial) return item.SerialNo1 === serial
|
||||
else return item.ItemID === id
|
||||
})
|
||||
)
|
||||
},
|
||||
getItemName(ItemID) {
|
||||
return this.products.find(item => item.ItemID === ItemID)?.ItemName
|
||||
},
|
||||
getStatusName(status) {
|
||||
if (status === 'saved') return 'ثبت شده'
|
||||
else if (status === 'recieved') return 'پذیرش'
|
||||
else if (status === 'ongoing') return 'در دست اقدام'
|
||||
else if (status === 'waiting') return 'در انتظار قطعه'
|
||||
else if (status === 'delivered') return 'تحویل شد'
|
||||
else return 'invalid status'
|
||||
},
|
||||
changeStatus(status) {
|
||||
const deliveryCode = this.deliveryCode
|
||||
const alertTitle = 'هشدار'
|
||||
function alertMsg() {
|
||||
if (status === 'recieved')
|
||||
return 'نماینده گرامی تنها در صورتی که تمام کالاها به دست شما رسیده فرم را پذیرش کنید. در غیر اینصورت هرگونه مسئولیتی در قبال مفقودی کالاها بر عهده شما میباشد.'
|
||||
else if (status === 'ongoing') return 'وضعیت فرم را به در دست اقدام تغییر میدهید'
|
||||
else if (status === 'waiting') return 'وضعیت فرم را به در انتظار قطعه تغییر میدهید'
|
||||
else if (status === 'delivered' && deliveryCode.length)
|
||||
return (
|
||||
`تغییر وضعیت فرم به ارسال شده با کد ارسال مرسوله "${deliveryCode}".` +
|
||||
' در آینده قادر به تغییر این وضعیت یا تغییر کد مرسوله نخواهید بود، ادمه میدهید؟ '
|
||||
)
|
||||
else if (status === 'delivered')
|
||||
return (
|
||||
'تغییر وضعیت فرم به ارسال شدوه بدون کد ارسال مرسوله.' +
|
||||
' در آینده قادر به تغییر این وضعیت یا افزودن کد مرسوله نخواهید بود، ادامه میدهید؟ '
|
||||
)
|
||||
}
|
||||
|
||||
this.$confirm(alertMsg(), alertTitle, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/agent/changeTStatus/${this.transaction._id}`, { status, deliveryCode })
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'وضعیت فرم با موفقیت تغییر کرد و پیامک اطلاع رسانی برای کاربر ارسال شد'
|
||||
})
|
||||
this.deliveryCode = ''
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,312 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post agent-requests-details" panel-title="فرم درخواست قطعه داغی">
|
||||
<el-alert v-if="oldPieceRequest.status === 'temp'" :title="alertMsg" class="mb-3" type="warning"> </el-alert>
|
||||
<form class="form form_3">
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label for="customer_name">نام و نام خانوادگی:</label>
|
||||
<input id="customer_name" type="text" :value="oldPieceRequest.agent_id.full_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="customer_code">کد نمایندگی:</label>
|
||||
<input id="customer_code" type="text" :value="oldPieceRequest.agent_id.agent_code" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="mobile">شماره موبایل:</label>
|
||||
<input id="mobile" type="text" :value="oldPieceRequest.agent_id.mobile_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="fax">شماره فکس:</label>
|
||||
<input id="fax" type="text" :value="oldPieceRequest.agent_id.fax_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="province">استان:</label>
|
||||
<input id="province" type="text" :value="oldPieceRequest.agent_id.province_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="city">شهر:</label>
|
||||
<input id="city" type="text" :value="oldPieceRequest.agent_id.city_name" disabled />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس:</label>
|
||||
<textarea name="description" cols="30" rows="5" disabled :value="oldPieceRequest.agent_id.address"></textarea>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formRow">
|
||||
<label v-if="oldPieceRequest.status === 'temp'" for="description">توضیحات فرم (اختیاری):</label>
|
||||
<label v-else for="description">توضیحات فرم:</label>
|
||||
<el-tooltip
|
||||
v-model="descriptionTooltip"
|
||||
class="item"
|
||||
effect="dark"
|
||||
content="میتوانید توضیحات را در هر زمان تغییر دهید"
|
||||
placement="top-start"
|
||||
:disabled="oldPieceRequest.status !== 'temp'"
|
||||
>
|
||||
<textarea
|
||||
id="description"
|
||||
v-model="oldPieceRequest.description"
|
||||
name="description"
|
||||
:disabled="oldPieceRequest.status !== 'temp'"
|
||||
:placeholder="descriptionPlaceHolder"
|
||||
cols="30"
|
||||
rows="10"
|
||||
@blur="updateDescription"
|
||||
></textarea>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="add-list">
|
||||
<h2>لیست قطعات درخواستی:</h2>
|
||||
<div class="tableBox">
|
||||
<table class="pieces-items">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="recieptDate">تاریخ پذیرش</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="itemSerial">سریال گارانتی</th>
|
||||
<th class="pieceName">نام قطعه</th>
|
||||
<th class="pieceCode">کد قطعه</th>
|
||||
<th v-if="oldPieceRequest.status === 'temp'" class="removeBtn">حذف</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="(item, index) in oldPieceRequest.items"
|
||||
:key="item.ItemID + index + '_opr_oldPieces'"
|
||||
:title="item.ItemName + ' - ' + item.pieceName"
|
||||
>
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="recieptDate">
|
||||
<span> {{ $jDate(item.ItemReceptionTransDate) }} </span>
|
||||
</td>
|
||||
|
||||
<td class="itemName">
|
||||
<span class="singleLineTxt">{{ item.ItemName }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemSerial">
|
||||
<span>{{ item.SerialNo1 || '-' }}</span>
|
||||
</td>
|
||||
|
||||
<td class="pieceName">
|
||||
<span> {{ item.pieceName }} </span>
|
||||
</td>
|
||||
|
||||
<td class="pieceCode">
|
||||
<span> {{ item.pieceCode }} </span>
|
||||
</td>
|
||||
|
||||
<td v-if="oldPieceRequest.status === 'temp'" class="removeBtn">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removeItemFromList(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="!oldPieceRequest.items.length" class="odd">
|
||||
<td class="noItem" colspan="5">
|
||||
<p style="color: #000">هنوز هیچ آیتمی اضافه نکردید.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="oldPieceRequest.status === 'temp'" class="addStuffBtn" @click="oldPiecesModal = true">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن قطعه</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
|
||||
<hr />
|
||||
|
||||
<div v-if="oldPieceRequest.status === 'temp'" class="btnRow">
|
||||
<button class="btn btn-primary" @click="sendForm">ارسال به آسان سرویس</button>
|
||||
<button class="btn btn-danger" @click="removeOPR">حذف این فرم</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template #body>
|
||||
<AddOldPiecesToOldPieceRequest
|
||||
:key="oldPiecesModalKey"
|
||||
:show="oldPiecesModal"
|
||||
:opr-id="oldPieceRequest._id"
|
||||
@closeModal="closePiecesModal"
|
||||
/>
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentOpsDetails',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const oldPieceRequest = await $axios.get(`/api/agent/opr/${params.op}`)
|
||||
return {
|
||||
oldPieceRequest: oldPieceRequest.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
oldPieceRequest: null,
|
||||
validation: {},
|
||||
oldPiecesModal: false,
|
||||
oldPiecesModalKey: 0,
|
||||
descriptionTooltip: false,
|
||||
alertMsg:
|
||||
'این درخواست در پیشنویس ها ذخیره شده و هنوز در پایگاه داده شرکت آسان سرویس ثبت نگردیده. شما میتوانید قطعات را در هر زمان به این فرم اضافه یا از فرم حذف کنید سپس نسبت به ارسال نهایی اقدام کنید.'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
oprId() {
|
||||
return this.$route.params.op
|
||||
},
|
||||
descriptionPlaceHolder() {
|
||||
if (this.oldPieceRequest.status === 'temp') return 'توضیحات راجع به قطعات داغی را میتوانید اینجا بنویسید'
|
||||
else return 'بدون توضیحات'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
if (this.oldPieceRequest.status === 'temp') this.descriptionTooltip = true
|
||||
}, 1000)
|
||||
},
|
||||
methods: {
|
||||
closePiecesModal() {
|
||||
this.oldPiecesModal = false
|
||||
this.oldPiecesModalKey = Math.random()
|
||||
},
|
||||
removeItemFromList(id) {
|
||||
if (this.oldPieceRequest.status !== 'temp') return
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/removeOprItems/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در انجام عملیات پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
updateDescription() {
|
||||
if (this.oldPieceRequest.status !== 'temp') return
|
||||
const data = { description: this.oldPieceRequest.description }
|
||||
this.$axios
|
||||
.put(`/api/agent/oprDescription/${this.oprId}`, data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ثبت اطلاعات پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
sendForm() {
|
||||
this.$confirm('فرم درخواست قطعه داغی به آسان سرویس ارسال شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.post(`/api/agent/sendOpr/${this.oprId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-ops', query: { type: 'sent' } })
|
||||
})
|
||||
.catch(err => {
|
||||
let msg = 'مشکلی در ارسال درخواست پیش آمده'
|
||||
if (err.response.status === 406) msg = err.response.data.message
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: msg
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
removeOPR() {
|
||||
this.$confirm('این فرم از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/opr/${this.oprId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-ops', query: { type: 'temp' } })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف پیشنویس پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,230 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="agent-requests" panel-title="لیست درخواست های قطعه داغی">
|
||||
<div class="filter mb-5">
|
||||
<h4 style="display: inline-block; margin-left: 15px">مشاهده لیست:</h4>
|
||||
<button class="switchBtns btn" :class="type === 'temp' && 'btn-primary'" @click="type = 'temp'">
|
||||
پیشنویس ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'sent' && 'btn-primary'" @click="type = 'sent'">
|
||||
ارسال شده ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'delivered' && 'btn-primary'" @click="type = 'delivered'">
|
||||
انجام شده ها
|
||||
</button>
|
||||
<div v-if="type !== 'temp'" class="search mt-3" :class="serachBoxClass">
|
||||
<el-input v-model="searchInput" clearable placeholder="جستجو در لیست با کد پیگیری" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableBox">
|
||||
<table class="agent-requests" :class="type !== 'temp' && 'extended'">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="description">توضیحات</th>
|
||||
<th class="createDate">تاریخ ایجاد</th>
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<th class="sendDate">تاریخ ارسال</th>
|
||||
<th class="trackingCode">کد پیگیری</th>
|
||||
<th class="status">وضعیت</th>
|
||||
</template>
|
||||
<th v-if="type === 'delivered'" class="deliveryCode">کد ارسال مرسوله</th>
|
||||
<th class="quantity">تعداد قطعه</th>
|
||||
<th class="details">جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="filteredList.length">
|
||||
<tr v-for="(item, index) in filteredList" :key="item._id" :title="item.description">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="description">
|
||||
<span v-if="item.description" class="singleLineTxt">{{ item.description }}</span>
|
||||
<span v-else style="color: gray">بدون توضیحات</span>
|
||||
</td>
|
||||
|
||||
<td class="createDate">
|
||||
<span> {{ $jDate(item.createDate) }} </span>
|
||||
</td>
|
||||
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<td class="sendDate">
|
||||
<span>{{ $jDate(item.sendDate) }}</span>
|
||||
</td>
|
||||
<td class="trackingCode">
|
||||
<span>{{ item.trackingCode }}</span>
|
||||
</td>
|
||||
<td class="status">
|
||||
<span v-if="item.status === 'sent'">ارسال شده</span>
|
||||
<span v-if="item.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="item.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="item.status === 'delivered'">تحویل شده</span>
|
||||
</td>
|
||||
</template>
|
||||
|
||||
<td v-if="type === 'delivered'" class="deliveryCode">
|
||||
<span>{{ item.deliveryCode || '-' }}</span>
|
||||
</td>
|
||||
|
||||
<td class="quantity">
|
||||
<span>{{ totalItemsCount(item.items) }}</span>
|
||||
</td>
|
||||
|
||||
<td class="details">
|
||||
<template v-if="item.status === 'temp'">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removeOPR(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-agents-ops-op',
|
||||
params: {
|
||||
op: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
تکمیل فرم
|
||||
</nuxt-link>
|
||||
</template>
|
||||
<nuxt-link
|
||||
v-else
|
||||
:to="{
|
||||
name: 'account-agents-ops-op',
|
||||
params: {
|
||||
op: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
مشاهده
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="type === 'temp'" class="addStuffBtn" @click="addOldPieceRequest">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن درخواست</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentOpsList',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const oldPieceRequests = await $axios.get('/api/agent/oprList')
|
||||
return {
|
||||
oldPieceRequests: oldPieceRequests.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
oldPieceRequests: null,
|
||||
searchInput: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
type: {
|
||||
get() {
|
||||
return this.$route.query.type
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'account-agents-ops', query: { type: val } })
|
||||
}
|
||||
},
|
||||
serachBoxClass() {
|
||||
if (this.searchInput && this.filteredList.length) return 'success'
|
||||
if (this.searchInput && !this.filteredList.length) return 'error'
|
||||
return null
|
||||
},
|
||||
filteredList() {
|
||||
let filteredBySearch
|
||||
if (!this.searchInput || this.type === 'temp') filteredBySearch = this.oldPieceRequests
|
||||
else {
|
||||
filteredBySearch = this.oldPieceRequests.filter(item =>
|
||||
item.trackingCode?.toLowerCase().includes(this.searchInput.toLowerCase())
|
||||
)
|
||||
}
|
||||
|
||||
return filteredBySearch.filter(item => {
|
||||
if (this.type === 'temp') return item.status === 'temp'
|
||||
if (this.type === 'sent') return item.status !== 'temp' && item.status !== 'delivered'
|
||||
if (this.type === 'delivered') return item.status === 'delivered'
|
||||
return false
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addOldPieceRequest() {
|
||||
this.$axios
|
||||
.post('/api/agent/opr')
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'درخواست جدید افزوده شد'
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در افزودن درخواست پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
totalItemsCount(items) {
|
||||
return items.length
|
||||
},
|
||||
removeOPR(id) {
|
||||
this.$confirm('این درخواست از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/opr/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف درخواست پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,340 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post agent-requests-details" panel-title="فرم درخواست قطعه">
|
||||
<el-alert v-if="pieceRequest.status === 'temp'" :title="alertMsg" class="mb-3" type="warning"> </el-alert>
|
||||
<form class="form form_3">
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label for="customer_name">نام و نام خانوادگی:</label>
|
||||
<input id="customer_name" type="text" :value="pieceRequest.agent_id.full_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="customer_code">کد نمایندگی:</label>
|
||||
<input id="customer_code" type="text" :value="pieceRequest.agent_id.agent_code" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="mobile">شماره موبایل:</label>
|
||||
<input id="mobile" type="text" :value="pieceRequest.agent_id.mobile_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="fax">شماره فکس:</label>
|
||||
<input id="fax" type="text" :value="pieceRequest.agent_id.fax_number" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="province">استان:</label>
|
||||
<input id="province" type="text" :value="pieceRequest.agent_id.province_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="city">شهر:</label>
|
||||
<input id="city" type="text" :value="pieceRequest.agent_id.city_name" disabled />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس:</label>
|
||||
<textarea name="description" cols="30" rows="5" disabled :value="pieceRequest.agent_id.address"></textarea>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formRow">
|
||||
<label v-if="pieceRequest.status === 'temp'" for="description">توضیحات فرم (اختیاری):</label>
|
||||
<label v-else for="description">توضیحات فرم:</label>
|
||||
<el-tooltip
|
||||
v-model="descriptionTooltip"
|
||||
class="item"
|
||||
effect="dark"
|
||||
content="میتوانید توضیحات را در هر زمان تغییر دهید"
|
||||
placement="top-start"
|
||||
:disabled="pieceRequest.status !== 'temp'"
|
||||
>
|
||||
<textarea
|
||||
id="description"
|
||||
v-model="pieceRequest.description"
|
||||
name="description"
|
||||
:disabled="pieceRequest.status !== 'temp'"
|
||||
:placeholder="descriptionPlaceHolder"
|
||||
cols="30"
|
||||
rows="10"
|
||||
@blur="updateDescription"
|
||||
></textarea>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="notes">
|
||||
<h3>توجه:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
قطعات غیرگارانتی درخواستی، در صورت موجود بودن، پس از اعلام و دریافت هزینه مربوطه برای نمایندگان محترم ارسال
|
||||
خواهد شد.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
تمامی قطعات موردنیاز گارانتی برای نمایندگان محترم فاکتور خواهد شد و پس از ارسال داغی قطعات بهمراه کپی کارت
|
||||
گارانتی مربوطه، از حساب ایشان کسر می گردد.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="add-list">
|
||||
<h2>لیست قطعات درخواستی:</h2>
|
||||
<div class="tableBox">
|
||||
<table class="pieces-items">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="recieptDate">تاریخ پذیرش</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="itemSerial">سریال گارانتی</th>
|
||||
<th class="guaranteeStatus">وضعیت گارانتی</th>
|
||||
<th class="pieceName">نام قطعه</th>
|
||||
<th class="pieceCode">کد قطعه</th>
|
||||
<th class="quantity">تعداد</th>
|
||||
<th v-if="pieceRequest.status === 'temp'" class="removeBtn">حذف</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="(item, index) in pieceRequest.items"
|
||||
:key="item.ItemID + index + '_pr_pieces'"
|
||||
:title="item.ItemName + ' - ' + item.pieceName"
|
||||
>
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="recieptDate">
|
||||
<span> {{ $jDate(item.ItemReceptionTransDate) }} </span>
|
||||
</td>
|
||||
|
||||
<td class="itemName">
|
||||
<span class="singleLineTxt">{{ item.ItemName }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemSerial">
|
||||
<span>{{ item.SerialNo1 || '-' }}</span>
|
||||
</td>
|
||||
|
||||
<td class="guaranteeStatus">
|
||||
<span v-if="item.gStatus">دارد</span>
|
||||
<span v-else>ندارد</span>
|
||||
</td>
|
||||
|
||||
<td class="pieceName">
|
||||
<span> {{ item.pieceName }} </span>
|
||||
</td>
|
||||
|
||||
<td class="pieceCode">
|
||||
<span> {{ item.pieceCode }} </span>
|
||||
</td>
|
||||
<td class="quantity">
|
||||
<span>{{ item.pieceQuantity }}</span>
|
||||
</td>
|
||||
|
||||
<td v-if="pieceRequest.status === 'temp'" class="removeBtn">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removeItemFromList(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="!pieceRequest.items.length" class="odd">
|
||||
<td class="noItem" colspan="5">
|
||||
<p style="color: #000">هنوز هیچ آیتمی اضافه نکردید.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="pieceRequest.status === 'temp'" class="addStuffBtn" @click="piecesModal = true">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن قطعه</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
|
||||
<hr />
|
||||
|
||||
<div v-if="pieceRequest.status === 'temp'" class="btnRow">
|
||||
<button class="btn btn-primary" @click="sendForm">ارسال به آسان سرویس</button>
|
||||
<button class="btn btn-danger" @click="removePR">حذف این فرم</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template #body>
|
||||
<AddPiecesToPieceRequest
|
||||
:key="piecesModalKey"
|
||||
:show="piecesModal"
|
||||
:pr-id="pieceRequest._id"
|
||||
@closeModal="closePiecesModal"
|
||||
/>
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentPrDetails',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const pieceRequest = await $axios.get(`/api/agent/pr/${params.pr}`)
|
||||
return {
|
||||
pieceRequest: pieceRequest.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pieceRequest: null,
|
||||
validation: {},
|
||||
piecesModal: false,
|
||||
piecesModalKey: 0,
|
||||
descriptionTooltip: false,
|
||||
alertMsg:
|
||||
'این درخواست در پیشنویس ها ذخیره شده و هنوز در پایگاه داده شرکت آسان سرویس ثبت نگردیده. شما میتوانید قطعات را در هر زمان به این فرم اضافه یا از فرم حذف کنید سپس نسبت به ارسال نهایی اقدام کنید.'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
prId() {
|
||||
return this.$route.params.pr
|
||||
},
|
||||
descriptionPlaceHolder() {
|
||||
if (this.pieceRequest.status === 'temp') return 'توضیحات راجع به قطعات را میتوانید اینجا بنویسید'
|
||||
else return 'بدون توضیحات'
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
if (this.pieceRequest.status === 'temp') this.descriptionTooltip = true
|
||||
}, 1000)
|
||||
},
|
||||
methods: {
|
||||
closePiecesModal() {
|
||||
this.piecesModal = false
|
||||
this.piecesModalKey = Math.random()
|
||||
},
|
||||
removeItemFromList(id) {
|
||||
if (this.pieceRequest.status !== 'temp') return
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/removePrItems/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در انجام عملیات پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
updateDescription() {
|
||||
if (this.pieceRequest.status !== 'temp') return
|
||||
const data = { description: this.pieceRequest.description }
|
||||
this.$axios
|
||||
.put(`/api/agent/prDescription/${this.prId}`, data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ثبت اطلاعات پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
sendForm() {
|
||||
this.$confirm('فرم درخواست قطعه به آسان سرویس ارسال شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.post(`/api/agent/sendPr/${this.prId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-pieces', query: { type: 'sent' } })
|
||||
})
|
||||
.catch(err => {
|
||||
let msg = 'مشکلی در ارسال درخواست پیش آمده'
|
||||
if (err.response.status === 406) msg = err.response.data.message
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: msg
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
removePR() {
|
||||
this.$confirm('این فرم از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/pr/${this.prId}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-agents-pieces', query: { type: 'temp' } })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف پیشنویس پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,232 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="agent-requests" panel-title="لیست درخواست های قطعه">
|
||||
<div class="filter mb-5">
|
||||
<h4 style="display: inline-block; margin-left: 15px">مشاهده لیست:</h4>
|
||||
<button class="switchBtns btn" :class="type === 'temp' && 'btn-primary'" @click="type = 'temp'">
|
||||
پیشنویس ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'sent' && 'btn-primary'" @click="type = 'sent'">
|
||||
ارسال شده ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'delivered' && 'btn-primary'" @click="type = 'delivered'">
|
||||
انجام شده ها
|
||||
</button>
|
||||
<div v-if="type !== 'temp'" class="search mt-3" :class="serachBoxClass">
|
||||
<el-input v-model="searchInput" clearable placeholder="جستجو در لیست با کد پیگیری" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="tableBox">
|
||||
<table class="agent-requests" :class="type !== 'temp' && 'extended'">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="description">توضیحات</th>
|
||||
<th class="createDate">تاریخ ایجاد</th>
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<th class="sendDate">تاریخ ارسال</th>
|
||||
<th class="trackingCode">کد پیگیری</th>
|
||||
<th class="status">وضعیت</th>
|
||||
</template>
|
||||
<th v-if="type === 'delivered'" class="deliveryCode">کد ارسال مرسوله</th>
|
||||
<th class="quantity">تعداد قطعه</th>
|
||||
<th class="details">جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="filteredList.length">
|
||||
<tr v-for="(item, index) in filteredList" :key="item._id" :title="item.description">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="description">
|
||||
<span v-if="item.description" class="singleLineTxt">{{ item.description }}</span>
|
||||
<span v-else style="color: gray">بدون توضیحات</span>
|
||||
</td>
|
||||
|
||||
<td class="createDate">
|
||||
<span> {{ $jDate(item.createDate) }} </span>
|
||||
</td>
|
||||
|
||||
<template v-if="type === 'sent' || type === 'delivered'">
|
||||
<td class="sendDate">
|
||||
<span>{{ $jDate(item.sendDate) }}</span>
|
||||
</td>
|
||||
<td class="trackingCode">
|
||||
<span>{{ item.trackingCode }}</span>
|
||||
</td>
|
||||
<td class="status">
|
||||
<span v-if="item.status === 'sent'">ارسال شده</span>
|
||||
<span v-if="item.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="item.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="item.status === 'delivered'">تحویل شده</span>
|
||||
</td>
|
||||
</template>
|
||||
|
||||
<td v-if="type === 'delivered'" class="deliveryCode">
|
||||
<span>{{ item.deliveryCode || '-' }}</span>
|
||||
</td>
|
||||
|
||||
<td class="quantity">
|
||||
<span>{{ totalItemsCount(item.items) }}</span>
|
||||
</td>
|
||||
|
||||
<td class="details">
|
||||
<template v-if="item.status === 'temp'">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removePR(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-agents-pieces-pr',
|
||||
params: {
|
||||
pr: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
تکمیل فرم
|
||||
</nuxt-link>
|
||||
</template>
|
||||
<nuxt-link
|
||||
v-else
|
||||
:to="{
|
||||
name: 'account-agents-pieces-pr',
|
||||
params: {
|
||||
pr: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
مشاهده
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if="type === 'temp'" class="addStuffBtn" @click="addPieceRequest">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن درخواست</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountAgentPrList',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const pieceRequests = await $axios.get('/api/agent/prList')
|
||||
return {
|
||||
pieceRequests: pieceRequests.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pieceRequests: null,
|
||||
searchInput: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
type: {
|
||||
get() {
|
||||
return this.$route.query.type
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'account-agents-pieces', query: { type: val } })
|
||||
}
|
||||
},
|
||||
serachBoxClass() {
|
||||
if (this.searchInput && this.filteredList.length) return 'success'
|
||||
if (this.searchInput && !this.filteredList.length) return 'error'
|
||||
return null
|
||||
},
|
||||
filteredList() {
|
||||
let filteredBySearch
|
||||
if (!this.searchInput || this.type === 'temp') filteredBySearch = this.pieceRequests
|
||||
else {
|
||||
filteredBySearch = this.pieceRequests.filter(item =>
|
||||
item.trackingCode?.toLowerCase().includes(this.searchInput.toLowerCase())
|
||||
)
|
||||
}
|
||||
|
||||
return filteredBySearch.filter(item => {
|
||||
if (this.type === 'temp') return item.status === 'temp'
|
||||
if (this.type === 'sent') return item.status !== 'temp' && item.status !== 'delivered'
|
||||
if (this.type === 'delivered') return item.status === 'delivered'
|
||||
return false
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addPieceRequest() {
|
||||
this.$axios
|
||||
.post('/api/agent/pr')
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'درخواست جدید افزوده شد'
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در افزودن درخواست پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
totalItemsCount(items) {
|
||||
let count = 0
|
||||
items.forEach(item => (count += item.pieceQuantity))
|
||||
return count
|
||||
},
|
||||
removePR(id) {
|
||||
this.$confirm('این درخواست از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/agent/pr/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف درخواست پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,39 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="announcements" panel-title="اعلانات">
|
||||
<div v-for="item in userAnnouncements" :key="item._id" class="item" :class="!item.seen && 'unread'">
|
||||
<el-collapse :key="item._id + 'co_parent'" accordion @change="seeAnnouncement">
|
||||
<el-collapse-item :key="item._id + 'co_item'" :name="item._id">
|
||||
<template slot="title">
|
||||
<h3>{{ item.title }}</h3>
|
||||
</template>
|
||||
<div>
|
||||
<p>{{ item.caption }}</p>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
<h3 v-if="!userAnnouncements.length" style="text-align: center; margin-top: 50px">هیچ اعلانی موجود نیست</h3>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountUserAnnouncements',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
computed: {
|
||||
userAnnouncements() {
|
||||
return this.$store.state.front.userAnnouncements
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
seeAnnouncement(id) {
|
||||
if (!id) return
|
||||
const item = this.userAnnouncements.find(item => item._id === id)
|
||||
if (!item.seen) this.$userSocket.emit('user:updateAnnouncement', id)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,286 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post" panel-title="ارسال برای گارانتی">
|
||||
<el-alert :title="alertMsg" class="mb-3" type="warning"> </el-alert>
|
||||
<form class="form form_3">
|
||||
<div class="formDB">
|
||||
<!-- <img v-if="transactionDraft.db_name === 'panatech'" src="/assets/img/panatech-small.png" alt="panatech" />
|
||||
<img v-if="transactionDraft.db_name === 'verity'" src="/assets/img/verity-small.png" alt="verity" /> -->
|
||||
<template v-if="transactionDraft.db_name === 'verity'">
|
||||
<i class="fas fa-phone-laptop"></i>
|
||||
<span>لوازم جانبی کامپیوتر و موبایل</span>
|
||||
</template>
|
||||
|
||||
<template v-if="transactionDraft.db_name === 'panatech'">
|
||||
<i class="fas fa-photo-video"></i>
|
||||
<span>لوازم صوتی و تصویری خودرو</span>
|
||||
</template>
|
||||
|
||||
<!-- <hr /> -->
|
||||
</div>
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label for="customer_name">نام مشتری:</label>
|
||||
<input id="customer_name" type="text" :value="user.first_name + ' ' + user.last_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="customer_code">کد مشتری:</label>
|
||||
<input id="customer_code" type="text" :value="businessCode" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="mobile">شماره موبایل:</label>
|
||||
<input id="mobile" type="text" :value="user.mobile_number" disabled />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس:</label>
|
||||
<textarea name="address" rows="5" disabled :value="userAddress"></textarea>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formRow">
|
||||
<label for="description">توضیحات فرم (اختیاری):</label>
|
||||
<el-tooltip
|
||||
v-model="descriptionTooltip"
|
||||
class="item"
|
||||
effect="dark"
|
||||
content="میتوانید توضیحات را در هر زمان تغییر دهید"
|
||||
placement="top-start"
|
||||
>
|
||||
<textarea
|
||||
id="description"
|
||||
v-model="transactionDraft.description"
|
||||
name="description"
|
||||
placeholder="توضیحات راجع به کالاها را میتوانید اینجا بنویسید"
|
||||
cols="30"
|
||||
rows="10"
|
||||
@blur="updateDescription"
|
||||
></textarea>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="add-list">
|
||||
<h2>لیست کالاهای افزوده شده:</h2>
|
||||
<div class="tableBox">
|
||||
<table class="formItems">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="quantity">تعداد</th>
|
||||
<th class="itemSerial">سریال گارانتی</th>
|
||||
<th class="removeBtn">حذف</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr
|
||||
v-for="(item, index) in transactionDraft.items"
|
||||
:key="item.ItemID + index + '_addListItemKey'"
|
||||
:title="getItemName(item.ItemID)"
|
||||
>
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
<td class="itemName">
|
||||
<span class="singleLineTxt">{{ getItemName(item.ItemID) }}</span>
|
||||
</td>
|
||||
<td class="quantity">
|
||||
<span>{{ item.MjQty }}</span>
|
||||
</td>
|
||||
<td class="itemSerial">
|
||||
<span>{{ item.SerialNo1 || '-' }}</span>
|
||||
</td>
|
||||
<td class="removeBtn">
|
||||
<button class="trashIcon-btn" title="حذف کالا" @click="removeItemFromList(item.SerialNo1, item.ItemID)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr v-if="!transactionDraft.items.length" class="odd">
|
||||
<td class="noItem" colspan="5">
|
||||
<p style="color: #000">هنوز هیچ آیتمی اضافه نکردید.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="addStuffBtn" @click="stuffModal = true">
|
||||
<td colspan="5">
|
||||
<button>
|
||||
<span>افزودن کالا</span>
|
||||
<i class="far fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="btnRow">
|
||||
<button class="btn btn-primary" @click="agentsModal = true">ارسال به آسان سرویس</button>
|
||||
<button class="btn btn-danger" @click="removeDraft">حذف این فرم</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template #body>
|
||||
<AddStuffModal
|
||||
:key="addStuffKey"
|
||||
:show="stuffModal"
|
||||
:db_name="transactionDraft.db_name"
|
||||
@closeModal="closeAddStuff"
|
||||
/>
|
||||
<SelectAgentModal :key="agentsKey" :draft="transactionDraft" :show="agentsModal" @closeModal="closeAgents" />
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountDraftDetails',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const transactionDraft = await $axios.get(`/api/user/transactionDraft/${params.draftID}`)
|
||||
return {
|
||||
transactionDraft: transactionDraft.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transactionDraft: null,
|
||||
validation: {},
|
||||
stuffModal: false,
|
||||
agentsModal: false,
|
||||
addStuffKey: 0,
|
||||
agentsKey: 1,
|
||||
descriptionTooltip: false,
|
||||
alertMsg:
|
||||
'این فرم در پیشنویس ها ذخیره شده و هنوز در پایگاه داده شرکت آسان سرویس ثبت نگردیده. شما میتوانید کالاها را در هر زمان به این فرم اضافه یا از فرم حذف کنید سپس نسبت به ارسال نهایی اقدام کنید.'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$auth.user
|
||||
},
|
||||
userAddress() {
|
||||
const user = this.user
|
||||
return user.province_name + '، ' + user.city_name + '، ' + user.address + '،کد پستی: ' + user.postal_code
|
||||
},
|
||||
products() {
|
||||
if (this.transactionDraft.db_name === 'panatech') return this.$store.state.front.panatechProducts
|
||||
else if (this.transactionDraft.db_name === 'verity') return this.$store.state.front.verityProducts
|
||||
else return []
|
||||
},
|
||||
draftID() {
|
||||
return this.$route.params.draftID
|
||||
},
|
||||
businessCode() {
|
||||
const errMsg = 'عدم ثبت در پایگاه داده'
|
||||
if (this.transactionDraft.db_name === 'panatech') return this.user.panatech_businessCode || errMsg
|
||||
if (this.transactionDraft.db_name === 'verity') return this.user.verity_businessCode || errMsg
|
||||
return errMsg
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => (this.descriptionTooltip = true), 1000)
|
||||
},
|
||||
methods: {
|
||||
closeAddStuff() {
|
||||
this.stuffModal = false
|
||||
this.addStuffKey = Math.random()
|
||||
},
|
||||
closeAgents() {
|
||||
this.agentsModal = false
|
||||
this.agentsKey = Math.random() + 1
|
||||
},
|
||||
getItemName(id) {
|
||||
return this.products?.filter(item => item.ItemID === id)[0]?.ItemName || 'درحال بارگیری'
|
||||
},
|
||||
removeItemFromList(itemSerial, itemId) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/user/transactionDraftItemRemove/${this.draftID}`, { itemId, itemSerial })
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در انجام عملیات پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
updateDescription() {
|
||||
const data = { description: this.transactionDraft.description }
|
||||
this.$axios
|
||||
.put(`/api/user/transactionDraft/${this.draftID}`, data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ثبت اطلاعات پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
removeDraft() {
|
||||
this.$confirm('این فرم از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/user/transactionDraft/${this.draftID}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'account-drafts' })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف پیشنویس پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="drafts" panel-title="لیست پیشنویس ها">
|
||||
<div class="tableBox">
|
||||
<table class="drafts">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="description">توضیحات</th>
|
||||
<th class="brand">نوع</th>
|
||||
<th class="quantity">تعداد کالاها</th>
|
||||
<th class="details">جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="transactionDrafts.length">
|
||||
<tr v-for="(item, index) in transactionDrafts" :key="item._id" :title="item.description">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="description">
|
||||
<span v-if="item.description" class="singleLineTxt">{{ item.description }}</span>
|
||||
<span v-else style="color: gray">بدون توضیحات</span>
|
||||
</td>
|
||||
|
||||
<td class="brand">
|
||||
<!-- <img src="/assets/img/verity-small.png" alt="verity" v-if="item.db_name === 'verity'" />
|
||||
<img src="/assets/img/panatech-small.png" alt="panatech" v-if="item.db_name === 'panatech'" /> -->
|
||||
<i
|
||||
v-if="item.db_name === 'verity'"
|
||||
class="fas fa-phone-laptop"
|
||||
title="لوازم جانبی کامپیوتر و موبایل"
|
||||
></i>
|
||||
<i v-if="item.db_name === 'panatech'" class="fas fa-photo-video" title="لوازم صوتی و تصویری خودرو"></i>
|
||||
</td>
|
||||
|
||||
<td class="quantity">
|
||||
<span>{{ totalItemsCount(item) }}</span>
|
||||
</td>
|
||||
|
||||
<td class="details">
|
||||
<button class="trashIcon-btn" title="حذف پیشنویس" @click="removeDraft(item._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</button>
|
||||
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-drafts-draftID',
|
||||
params: {
|
||||
draftID: item._id
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
تکمیل فرم
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountDraftList',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, error }) {
|
||||
try {
|
||||
const transactionDrafts = await $axios.get('/api/user/transactionDrafts')
|
||||
return {
|
||||
transactionDrafts: transactionDrafts.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transactionDrafts: null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
totalItemsCount(draft) {
|
||||
const items = draft.items
|
||||
let count = 0
|
||||
items.forEach(item => (count += item.MjQty))
|
||||
return count
|
||||
},
|
||||
removeDraft(id) {
|
||||
this.$confirm('این فرم از پیشنویس ها حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/user/transactionDraft/${id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در حذف پیشنویس پیش آمده'
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,203 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="factor" panel-title="فاکتور">
|
||||
<div id="factor-layout">
|
||||
<div class="pageHeader">
|
||||
<div class="row1">
|
||||
<h2>
|
||||
<span>سیستم جاری</span>
|
||||
<br />
|
||||
<span>فاکتور گارانتی</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row2">
|
||||
<p>
|
||||
<span>شماره حواله: </span>
|
||||
<span>{{ factorInfo.TransNumber }}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>تاریخ حواله: </span>
|
||||
<span>{{ $jDate(factorInfo.TransDate) }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="factor">
|
||||
<div class="factorInfo">
|
||||
<div class="row1">
|
||||
<p>
|
||||
<span>کد شخص: </span>
|
||||
<span>{{ userBusinessCode }}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>طرف حساب: </span>
|
||||
<span>{{ user.first_name + ' ' + user.last_name }}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>شماره پذیرش: </span>
|
||||
<span>{{ $route.query.atn }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="row2">
|
||||
<p>
|
||||
<span>آدرس: </span>
|
||||
<span>{{ factorInfo.cAddress1 }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="row3">
|
||||
<p>
|
||||
<span>شماره تماس: </span>
|
||||
<span>{{ factorInfo.cTel1 }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="row4">
|
||||
<p>
|
||||
<span>شرح حواله: </span>
|
||||
<span>{{ factorInfo.Description || '---' }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ردیف</th>
|
||||
<th>نام کالا</th>
|
||||
<th>تعداد کل</th>
|
||||
<th>مرجوع از فروش</th>
|
||||
<th>مرجوعی/آسیب فیزیکی</th>
|
||||
<th>مرجوعی/سالم</th>
|
||||
<th>تعویض</th>
|
||||
<th>تعمير با هزينه شخصی</th>
|
||||
<th>تعمير با هزينه شرکت</th>
|
||||
<th>مانده</th>
|
||||
<th>توضیحات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item, index) in factor" :key="index + '_tableItems_q_ar'">
|
||||
<td>{{ index + 1 }}</td>
|
||||
<td>{{ item.ItemName }}</td>
|
||||
<td>{{ item.ItemReceptionNQty }}</td>
|
||||
<td>{{ item.SaleReturn || '-' }}</td>
|
||||
<td>{{ item.Return_Damaged || '-' }}</td>
|
||||
<td>{{ item.Return_Healthy || '-' }}</td>
|
||||
<td>{{ item.Replacement || '-' }}</td>
|
||||
<td>{{ item.Repair_Self || '-' }}</td>
|
||||
<td>{{ item.Repair_Company || '-' }}</td>
|
||||
<td>{{ residual(item) }}</td>
|
||||
<td>{{ item.ItemReplacementNames || '-' }}</td>
|
||||
</tr>
|
||||
|
||||
<!-- table footer -->
|
||||
<tr>
|
||||
<td colspan="2">جمع</td>
|
||||
<td>{{ sum('ItemReceptionNQty') }}</td>
|
||||
<td>{{ sum('SaleReturn') }}</td>
|
||||
<td>{{ sum('Return_Damaged') }}</td>
|
||||
<td>{{ sum('Return_Healthy') }}</td>
|
||||
<td>{{ sum('Replacement') }}</td>
|
||||
<td>{{ sum('Repair_Self') }}</td>
|
||||
<td>{{ sum('Repair_Company') }}</td>
|
||||
<td>{{ residualSum() }}</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table-notice />
|
||||
<button class="btn btn-primary mt-3" @click="print('factor-layout')">چاپ فاکتور</button>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountGuaranteeFactor',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, query, error }) {
|
||||
try {
|
||||
const acceptedTN = query.atn
|
||||
const host = query.host
|
||||
const db_name = query.db_name
|
||||
const user = $auth.user
|
||||
|
||||
function businessCode() {
|
||||
if (db_name === 'verity') return user.verity_businessCode
|
||||
else if (db_name === 'panatech') return user.panatech_businessCode
|
||||
else return null
|
||||
}
|
||||
|
||||
if (host === 'ar') {
|
||||
const factorData = {
|
||||
url: `/api/GetItemReceptionDetails?BusinessCode=${businessCode()}&ItemReceptionTransNumber=${acceptedTN}`,
|
||||
db: db_name
|
||||
}
|
||||
const factor = await $axios.post('/api/cross/getRouteManager', factorData)
|
||||
if (factor.data.error || !factor.data.data.length) throw new Error('invalid params')
|
||||
return {
|
||||
factor: factor.data.data
|
||||
}
|
||||
} else if (host === 'as') {
|
||||
/// fuctions go here
|
||||
} else throw new Error('invalid params')
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transactionItems: null,
|
||||
factor: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$auth.user
|
||||
},
|
||||
userBusinessCode() {
|
||||
const db_name = this.$route.query.db_name
|
||||
if (db_name === 'verity') return this.user.verity_businessCode
|
||||
else if (db_name === 'panatech') return this.user.panatech_businessCode
|
||||
else return '-'
|
||||
},
|
||||
factorInfo() {
|
||||
return this.factor[0]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
print(id) {
|
||||
$(`#${id}`).print()
|
||||
},
|
||||
residual(item) {
|
||||
return (
|
||||
Number(item.ItemReceptionNQty) -
|
||||
Number(item.SaleReturn) -
|
||||
Number(item.Return_Damaged) -
|
||||
Number(item.Return_Healthy) -
|
||||
Number(item.Replacement) -
|
||||
Number(item.Repair_Self) -
|
||||
Number(item.Repair_Company)
|
||||
)
|
||||
},
|
||||
sum(param) {
|
||||
let sum = 0
|
||||
let index = -1
|
||||
for (const item of this.factor) {
|
||||
index++
|
||||
sum += Number(item[param])
|
||||
if (index === this.factor.length - 1) return sum
|
||||
}
|
||||
},
|
||||
residualSum() {
|
||||
let sum = 0
|
||||
let index = -1
|
||||
for (const item of this.factor) {
|
||||
index++
|
||||
sum += Number(this.residual(item))
|
||||
if (index === this.factor.length - 1) return sum
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,191 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="guarantee" panel-title="لیست گارانتی">
|
||||
<div class="filter mb-5">
|
||||
<h4 style="display: inline-block; margin-left: 15px">مشاهده لیست:</h4>
|
||||
<button class="switchBtns btn" :class="type === 'ttl' && 'btn-primary'" @click="type = 'ttl'">
|
||||
ارسال شده ها
|
||||
</button>
|
||||
<button class="switchBtns btn" :class="type === 'atl' && 'btn-primary'" @click="type = 'atl'">
|
||||
پذیرش شده ها
|
||||
</button>
|
||||
</div>
|
||||
<div v-loading="fetching" class="tableBox">
|
||||
<table class="qaurantee" :class="type === 'atl' && 'atl'">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index-atl">ردیف</th>
|
||||
<th>شماره پذیرش موقت</th>
|
||||
<th>تاریخ ارسال فرم</th>
|
||||
<template v-if="type === 'atl'">
|
||||
<th>شماره پذیرش دائم</th>
|
||||
<th>تاریخ پذیرش</th>
|
||||
<th>شماره بیجک</th>
|
||||
<th>نظر سنجی</th>
|
||||
</template>
|
||||
<th class="brand">نوع</th>
|
||||
<th>جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="filteredList.length">
|
||||
<tr v-for="(item, index) in filteredList" :key="item._id">
|
||||
<td class="index-atl">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{ item.TempReceiptTransNumber }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{ $jDate(item.TempReceiptTransDate) }}</span>
|
||||
</td>
|
||||
<template v-if="type === 'atl'">
|
||||
<td>
|
||||
<span>{{ item.ItemReceptionTransNumber }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{ $jDate(item.ItemReceptionTransDate) }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span>{{ item.deliveryCode || '-' }}</span>
|
||||
</td>
|
||||
<td>
|
||||
<span v-if="checkSurveys(item.ItemReceptionTransNumber)" style="color: green">نظر ثبت شده</span>
|
||||
<span v-else>
|
||||
<nuxt-link
|
||||
:to="{ name: 'account-survey', query: { code: item.ItemReceptionTransNumber } }"
|
||||
style="color: #065495; cursor: pointer"
|
||||
>
|
||||
ثبت نظر
|
||||
</nuxt-link>
|
||||
</span>
|
||||
</td>
|
||||
</template>
|
||||
<td class="brand">
|
||||
<i
|
||||
v-if="item.db_name === 'verity'"
|
||||
class="fas fa-phone-laptop"
|
||||
title="لوازم جانبی کامپیوتر و موبایل"
|
||||
></i>
|
||||
<i v-if="item.db_name === 'panatech'" class="fas fa-photo-video" title="لوازم صوتی و تصویری خودرو"></i>
|
||||
</td>
|
||||
<td>
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-guarantee-view',
|
||||
query: {
|
||||
ttn: item.TempReceiptTransNumber,
|
||||
atn: item.ItemReceptionTransNumber || undefined,
|
||||
host: item.host,
|
||||
db_name: item.db_name
|
||||
}
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
مشاهده
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountGuaranteeList',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
verityTransactions: [],
|
||||
panatechTransactions: [],
|
||||
agentsTransactions: [],
|
||||
surveys: [],
|
||||
fetching: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
type: {
|
||||
get() {
|
||||
return this.$route.query.type
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'account-guarantee', query: { type: val } })
|
||||
}
|
||||
},
|
||||
totalItems() {
|
||||
const totalArray = []
|
||||
for (const item of this.verityTransactions) {
|
||||
totalArray.push({ ...item, host: 'ar', db_name: 'verity' })
|
||||
}
|
||||
for (const item of this.panatechTransactions) {
|
||||
totalArray.push({ ...item, host: 'ar', db_name: 'panatech' })
|
||||
}
|
||||
for (const item of this.agentsTransactions) {
|
||||
totalArray.push({ ...item, host: 'as' })
|
||||
}
|
||||
return totalArray
|
||||
},
|
||||
filteredList() {
|
||||
return this.totalItems
|
||||
.filter(item => {
|
||||
if (this.type === 'ttl') return !item.ItemReceptionTransNumber
|
||||
else if (this.type === 'atl') return item.ItemReceptionTransNumber
|
||||
return false
|
||||
})
|
||||
.reverse()
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
try {
|
||||
this.fetching = true
|
||||
const user = this.$auth.user
|
||||
const verityData = {
|
||||
url: `/api/GetItemReceptionInfo?BusinessCode=${user.verity_businessCode}`,
|
||||
db: 'verity'
|
||||
}
|
||||
const panatechData = {
|
||||
url: `/api/GetItemReceptionInfo?BusinessCode=${user.panatech_businessCode}`,
|
||||
db: 'panatech'
|
||||
}
|
||||
|
||||
const allData = await Promise.all([
|
||||
// fetch verityTransactions
|
||||
this.$axios.post('/api/cross/getRouteManager', verityData),
|
||||
// fetch panatechTransactions
|
||||
this.$axios.post('/api/cross/getRouteManager', panatechData),
|
||||
// fetch agentsTransactions
|
||||
this.$axios.get('/api/user/transactions'),
|
||||
// fetch all surveys
|
||||
this.$axios.get('/api/user/surveys')
|
||||
])
|
||||
|
||||
const verityTransactions = allData[0]
|
||||
const panatechTransactions = allData[1]
|
||||
const agentsTransactions = allData[2]
|
||||
const surveys = allData[3]
|
||||
|
||||
this.verityTransactions = verityTransactions.data.data
|
||||
this.panatechTransactions = panatechTransactions.data.data
|
||||
this.agentsTransactions = agentsTransactions.data
|
||||
this.surveys = surveys.data
|
||||
|
||||
this.fetching = false
|
||||
} catch (e) {
|
||||
this.$arpaError()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
checkSurveys(code) {
|
||||
return this.surveys.find(item => item.code === code)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,202 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="factor" panel-title="فاکتور">
|
||||
<div id="factor-layout">
|
||||
<div class="pageHeader">
|
||||
<div class="row1">
|
||||
<h2>
|
||||
<span>سیستم جاری</span>
|
||||
<br />
|
||||
<span>فاکتور تعمیرات</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="row2">
|
||||
<p>
|
||||
<span>شماره حواله: </span>
|
||||
<span>{{ factorInfo.TransNumber }}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>تاریخ حواله: </span>
|
||||
<span>{{ $jDate(factorInfo.TransDate) }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="factor">
|
||||
<div class="factorInfo">
|
||||
<div class="row1">
|
||||
<p>
|
||||
<span>کد شخص: </span>
|
||||
<span>{{ userBusinessCode }}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>طرف حساب: </span>
|
||||
<span>{{ user.first_name + ' ' + user.last_name }}</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>شماره پذیرش: </span>
|
||||
<span>{{ $route.query.atn }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="row2">
|
||||
<p>
|
||||
<span>آدرس: </span>
|
||||
<span>{{ factorInfo.cAddress1 }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="row3">
|
||||
<p>
|
||||
<span>شماره تماس: </span>
|
||||
<span>{{ factorInfo.cTel1 }}</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="row4">
|
||||
<p>
|
||||
<span>شرح حواله: </span>
|
||||
<span>{{ factorInfo.Description || '---' }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ردیف</th>
|
||||
<th>کد کالا</th>
|
||||
<th>نام کالا</th>
|
||||
<th>تعداد کالا</th>
|
||||
<th>مبلغ اجرت (ريال)</th>
|
||||
<th>مبلغ کل (ريال)</th>
|
||||
<th>معایب</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="(item, index) in factor" :key="index + '_tableItem_g_ar_f'">
|
||||
<td>{{ index + 1 }}</td>
|
||||
<td>{{ item.ItemCode }}</td>
|
||||
<td>{{ item.ItemName }}</td>
|
||||
<td>{{ item.Repair_Self }}</td>
|
||||
<td>{{ item.TASPrice.toLocaleString() || '-' }}</td>
|
||||
<td>{{ totalPrice(item).toLocaleString() }}</td>
|
||||
<td>{{ item.Note || '-' }}</td>
|
||||
</tr>
|
||||
|
||||
<!-- table footer -->
|
||||
<tr>
|
||||
<td colspan="3">جمع</td>
|
||||
<td>{{ sum('Repair_Self') }}</td>
|
||||
<!-- <td>{{ sum('TASPrice').toLocaleString() }}</td>-->
|
||||
<td>-</td>
|
||||
<td>{{ totalPriceSum().toLocaleString() }}</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<table-notice />
|
||||
<button class="btn btn-primary mt-3" @click="print('factor-layout')">چاپ فاکتور</button>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountGuaranteePaymentFactor',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, query, error }) {
|
||||
try {
|
||||
const acceptedTN = query.atn
|
||||
const host = query.host
|
||||
const db_name = query.db_name
|
||||
const user = $auth.user
|
||||
|
||||
function businessCode() {
|
||||
if (db_name === 'verity') return user.verity_businessCode
|
||||
else if (db_name === 'panatech') return user.panatech_businessCode
|
||||
else return null
|
||||
}
|
||||
|
||||
if (host === 'ar') {
|
||||
const guaranteeFactorData = {
|
||||
url: `/api/GetItemReceptionDetails?BusinessCode=${businessCode()}&ItemReceptionTransNumber=${acceptedTN}`,
|
||||
db: db_name
|
||||
}
|
||||
const factorData = {
|
||||
url: `/api/GetCustomizedRepairInfo?BusinessCode=${businessCode()}&TransNumber=${acceptedTN}`,
|
||||
db: db_name
|
||||
}
|
||||
|
||||
const allData = await Promise.all([
|
||||
// fetch guaranteeFactor
|
||||
$axios.post('/api/cross/getRouteManager', guaranteeFactorData),
|
||||
// fetch factor
|
||||
$axios.post('/api/cross/getRouteManager', factorData)
|
||||
])
|
||||
|
||||
const guaranteeFactor = allData[0]
|
||||
const factor = allData[1]
|
||||
|
||||
// validate data
|
||||
if (guaranteeFactor.data.error || !guaranteeFactor.data.data.length) throw new Error('invalid params')
|
||||
if (factor.data.error || !factor.data.data.length) throw new Error('invalid params')
|
||||
|
||||
return {
|
||||
factor: factor.data.data,
|
||||
guaranteeFactor: guaranteeFactor.data.data
|
||||
}
|
||||
} else if (host === 'as') {
|
||||
/// functions go here
|
||||
} else throw new Error('invalid params')
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transactionItems: null,
|
||||
factor: null,
|
||||
guaranteeFactor: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$auth.user
|
||||
},
|
||||
userBusinessCode() {
|
||||
const db_name = this.$route.query.db_name
|
||||
if (db_name === 'verity') return this.user.verity_businessCode
|
||||
else if (db_name === 'panatech') return this.user.panatech_businessCode
|
||||
else return '-'
|
||||
},
|
||||
factorInfo() {
|
||||
return this.guaranteeFactor[0]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
print(id) {
|
||||
$(`#${id}`).print()
|
||||
},
|
||||
totalPrice(item) {
|
||||
return Number(item.TASPrice) * Number(item.Repair_Self)
|
||||
},
|
||||
sum(param) {
|
||||
let sum = 0
|
||||
let index = -1
|
||||
for (const item of this.factor) {
|
||||
index++
|
||||
sum += Number(item[param])
|
||||
if (index === this.factor.length - 1) return sum
|
||||
}
|
||||
},
|
||||
totalPriceSum() {
|
||||
let sum = 0
|
||||
let index = -1
|
||||
for (const item of this.factor) {
|
||||
index++
|
||||
sum += Number(this.totalPrice(item))
|
||||
if (index === this.factor.length - 1) return sum
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,252 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post-receipt" panel-title="رسید ارسال برای گارانتی">
|
||||
<div class="note">
|
||||
<h2 class="mb-2">توجه:</h2>
|
||||
<p>
|
||||
*این رسید به منزله ی دریافت کالا توسط واحد خدمات پس از فروش نمیباشد و در صورت دریافت کالاهای مندرج در این رسید
|
||||
توسط واحد پذیرش، رسید پذیرش قطعی صادر میگردد.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="box-face-receipt">
|
||||
<div class="receipt">
|
||||
<div class="receipt-head">
|
||||
<logo />
|
||||
<p>بیجک چاپی</p>
|
||||
</div>
|
||||
<div class="title">
|
||||
<p>برای ارسال این بیجک چاپی را روی بسته ارسال بچسبانید.</p>
|
||||
</div>
|
||||
|
||||
<div id="box-face-receipt">
|
||||
<div class="receipt-body">
|
||||
<div class="senderInfo">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-8 order-1 order-lg-0">
|
||||
<h2>فرستنده:</h2>
|
||||
<div class="infoRow">
|
||||
<p>
|
||||
نام و نام خانوادگی:
|
||||
{{ user.first_name + ' ' + user.last_name }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<p>آدرس: {{ transactionInfo.cAddress1 }}</p>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<p>شماره تماس: {{ transactionInfo.cTel1 }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 order-0 order-lg-1 d-flex justify-content-end flex-wrap align-items-start">
|
||||
<div class="topLeft">
|
||||
<b v-if="host === 'ar'">تاریخ صدور: {{ $jDate(transactionInfo.TransDate) }}</b>
|
||||
<b v-if="host === 'as'">تاریخ صدور: {{ $jDate(transactionInfo.TempReceiptTransDate) }}</b>
|
||||
</div>
|
||||
<div class="topLeft">
|
||||
<b>شماره پذیرش موقت: {{ $route.query.ttn }}</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="receiverInfo">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-8 order-1 order-lg-0">
|
||||
<h2>گیرنده:</h2>
|
||||
<div class="infoRow">
|
||||
<p>نام: {{ receiverInfo.name }}</p>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<p>آدرس: {{ receiverInfo.address }}</p>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<p>کدپستی: {{ receiverInfo.postalCode }}</p>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<p>شماره تماس: {{ receiverInfo.phone }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4 order-0 order-lg-1 d-flex justify-content-end">
|
||||
<div class="topLeft" :class="host">
|
||||
<div>
|
||||
<logo />
|
||||
</div>
|
||||
<dir v-if="host === 'ar'">
|
||||
<img src="/assets/img/tipaxQR.jpg" alt="tipaxQR Code" />
|
||||
<p>
|
||||
<b>1111642</b>
|
||||
</p>
|
||||
</dir>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="print-btn">
|
||||
<button class="btn btn-primary" @click="print('box-face-receipt')">چاپ</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-inner-receipt">
|
||||
<div class="receipt">
|
||||
<div class="receipt-head">
|
||||
<logo />
|
||||
<p>فهرست اقلام پذیرش موقت شده</p>
|
||||
</div>
|
||||
<div class="title">
|
||||
<p>این فرم را داخل بسته ارسالی برای گارانتی قرار دهید.</p>
|
||||
</div>
|
||||
|
||||
<div id="box-inner-receipt">
|
||||
<div class="receipt-body">
|
||||
<div class="topBar row">
|
||||
<div class="col-12 col-lg-6 logo-side">
|
||||
<logo />
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 d-flex justify-content-end align-items-center">
|
||||
<div class="topLeft">
|
||||
<b v-if="host === 'ar'">تاریخ صدور: {{ $jDate(transactionInfo.TransDate) }}</b>
|
||||
<b v-if="host === 'as'">تاریخ صدور: {{ $jDate(transactionInfo.TempReceiptTransDate) }}</b>
|
||||
</div>
|
||||
<div class="topLeft">
|
||||
<b>شماره پذیرش موقت: {{ $route.query.ttn }}</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div class="stuff-list">
|
||||
<div class="tableBox">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ردیف</th>
|
||||
<th style="min-width: 250px">نام کالا</th>
|
||||
<th style="">تعداد</th>
|
||||
<th style="min-width: 150px">سریال گارانتی</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="(item, index) in items" :key="index + '_RecieptItem'">
|
||||
<td>{{ index + 1 }}</td>
|
||||
<td v-if="host === 'ar'">{{ item.ItemName }}</td>
|
||||
<td v-if="host === 'as'">{{ getItemName(item.ItemID) || 'درحال بارگیری ...' }}</td>
|
||||
<td v-if="host === 'ar'">{{ item.NQty }}</td>
|
||||
<td v-if="host === 'as'">{{ item.MjQty }}</td>
|
||||
<td>{{ item.SerialNo1 || '-' }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="print-btn">
|
||||
<button class="btn btn-primary" @click="print('box-inner-receipt')">چاپ</button>
|
||||
</div>
|
||||
</div>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
if (process.client) require('static/assets/js/jQuery.print.min')
|
||||
export default {
|
||||
name: 'AccountGuaranteePostReciept',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, query, error }) {
|
||||
try {
|
||||
const tempTN = query?.ttn
|
||||
const host = query?.host
|
||||
const db_name = query?.db_name
|
||||
const user = $auth.user
|
||||
|
||||
function businessCode() {
|
||||
if (db_name === 'verity') return user.verity_businessCode
|
||||
else if (db_name === 'panatech') return user.panatech_businessCode
|
||||
else return null
|
||||
}
|
||||
|
||||
if (host === 'ar') {
|
||||
const transactionItemsData = {
|
||||
url: `/api/GetTransactionDetails?BusinessCode=${businessCode()}&TransNumber=${tempTN}&DocAliasID=144&WithSerials=1`,
|
||||
db: db_name
|
||||
}
|
||||
const transactionItems = await $axios.post('/api/cross/getRouteManager', transactionItemsData)
|
||||
if (transactionItems.data.error || !transactionItems.data.data.length) throw new Error('invalid values')
|
||||
return {
|
||||
transactionItems: transactionItems.data.data
|
||||
}
|
||||
} else if (host === 'as') {
|
||||
const transaction = await $axios.get(`/api/user/transaction/${tempTN}`)
|
||||
return {
|
||||
transaction: transaction.data
|
||||
}
|
||||
} else throw new Error('invalid values')
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transactionItems: null,
|
||||
transaction: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$auth.user
|
||||
},
|
||||
receiverInfo() {
|
||||
const host = this.host
|
||||
const main = {
|
||||
name: this.$config.recieverName,
|
||||
address: this.$config.recieverAddress,
|
||||
postalCode: this.$config.recieverPostalCode,
|
||||
phone: this.$config.recieverPhone
|
||||
}
|
||||
if (host === 'ar') return main
|
||||
else {
|
||||
const agent = this.transaction.agent_id
|
||||
return {
|
||||
name: agent?.full_name + ' (نمایندگی ' + agent.city_name + ')',
|
||||
address: agent?.province_name + '، ' + agent?.city_name + '، ' + agent?.address,
|
||||
postalCode: agent?.postal_code,
|
||||
phone: agent?.tel_number + ' - ' + agent?.mobile_number
|
||||
}
|
||||
}
|
||||
},
|
||||
products() {
|
||||
if (this.$route.query.db_name === 'verity') return this.$store.state.front.verityProducts
|
||||
else if (this.$route.query.db_name === 'panatech') return this.$store.state.front.panatechProducts
|
||||
else return []
|
||||
},
|
||||
host() {
|
||||
return this.$route.query?.host
|
||||
},
|
||||
items() {
|
||||
if (this.host === 'ar') return this.transactionItems
|
||||
else if (this.host === 'as') return this.transaction.items
|
||||
else return []
|
||||
},
|
||||
transactionInfo() {
|
||||
if (this.host === 'ar') return this.transactionItems[0]
|
||||
else if (this.host === 'as') return this.transaction
|
||||
else return {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getItemName(ItemID) {
|
||||
return this.products.find(item => item.ItemID === ItemID)?.ItemName
|
||||
},
|
||||
print(id) {
|
||||
$(`#${id}`).print()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,240 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="guarantee-details" panel-title="جزئیات">
|
||||
<form action="" class="form form_3">
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label v-if="$route.query.atn">کد پذیرش دائم:</label>
|
||||
<label v-else>کد پذیرش موقت:</label>
|
||||
<input type="text" disabled :value="$route.query.atn || $route.query.ttn" />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>شماره تماس:</label>
|
||||
<input type="text" disabled :value="transactionInfo.cTel1" />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>تاریخ ارسال فرم:</label>
|
||||
<input
|
||||
type="text"
|
||||
disabled
|
||||
:value="$jDate(host === 'ar' ? transactionInfo.TransDate : transactionInfo.TempReceiptTransDate)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس:</label>
|
||||
<textarea name="" rows="3" disabled :value="transactionInfo.cAddress1"></textarea>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label>توضیحات فرم:</label>
|
||||
<textarea name="" rows="3" disabled :value="transactionInfo.Description"></textarea>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="tableBox">
|
||||
<table class="formItems">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="quantity">تعداد</th>
|
||||
<th class="itemSerial">سریال گارانتی</th>
|
||||
<th class="date">تاریخ اتمام گارانتی</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr v-for="(item, index) in items" :key="index + '_guaranteeItemsList'" :title="item.ItemName">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
<td class="itemName">
|
||||
<span v-if="host === 'ar'" class="singleLineTxt">{{ item.ItemName }}</span>
|
||||
<span v-if="host === 'as'" class="singleLineTxt">{{
|
||||
getItemName(item.ItemID) || 'درحال بارگیری ...'
|
||||
}}</span>
|
||||
</td>
|
||||
<td class="quantity">
|
||||
<span v-if="host === 'ar'">{{ item.NQty }}</span>
|
||||
<span v-if="host === 'as'">{{ item.MjQty }}</span>
|
||||
</td>
|
||||
<td class="itemSerial">
|
||||
<span>{{ item.SerialNo1 || '-' }}</span>
|
||||
</td>
|
||||
<td class="date">
|
||||
<span>{{ item.GEndDate || '-' }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="buttons">
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-guarantee-receipt',
|
||||
query: { ttn: $route.query.ttn, host: host, db_name: $route.query.db_name }
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>مشاهده رسید ها</nuxt-link
|
||||
>
|
||||
<nuxt-link
|
||||
v-if="factor && factor.length"
|
||||
:to="{
|
||||
name: 'account-guarantee-factor',
|
||||
query: { atn: $route.query.atn, host: host, db_name: $route.query.db_name }
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
style="margin-right: 5px"
|
||||
>
|
||||
مشاهده فاکتور
|
||||
</nuxt-link>
|
||||
</div>
|
||||
|
||||
<template v-if="paymentFactor && paymentFactor.length">
|
||||
<hr />
|
||||
<div class="paymentFactorBtn mb-5">
|
||||
<strong
|
||||
>*در موارد ارسالی شما کالا بدون گارانتی وجود دارد و تعمیرات شامل هزینه میشود.برای مشاهده فاکتور هزینه ها روی
|
||||
دکمه زیر کلیک کنید و پس از پرداخت هزینه عکس فیش پرداختی را در تیکت برای ادمین بفرستید.(شماره پذیرش مربوطه را
|
||||
در تیکت مشخص کنید)</strong
|
||||
>
|
||||
<nuxt-link
|
||||
:to="{
|
||||
name: 'account-guarantee-paymentFactor',
|
||||
query: { atn: $route.query.atn, host: host, db_name: $route.query.db_name }
|
||||
}"
|
||||
class="btn btn-primary"
|
||||
>مشاهده فاکتور تعمیرات
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountGuaranteeDetails',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, query, error }) {
|
||||
try {
|
||||
const tempTN = query?.ttn
|
||||
const acceptedTN = query?.atn
|
||||
const host = query?.host
|
||||
const db_name = query?.db_name
|
||||
const user = $auth.user
|
||||
|
||||
function businessCode() {
|
||||
if (db_name === 'verity') return user.verity_businessCode
|
||||
else if (db_name === 'panatech') return user.panatech_businessCode
|
||||
else return null
|
||||
}
|
||||
|
||||
if (host === 'ar') {
|
||||
// fetch data from arpa
|
||||
const transactionItemsData = {
|
||||
url: `/api/GetTransactionDetails?BusinessCode=${businessCode()}&TransNumber=${
|
||||
acceptedTN || tempTN
|
||||
}&DocAliasID=${acceptedTN ? 63 : 144}&WithSerials=1`,
|
||||
db: db_name
|
||||
}
|
||||
|
||||
const transactionItems = await $axios.post('/api/cross/getRouteManager', transactionItemsData)
|
||||
if (transactionItems.data.error || !transactionItems.data.data.length) throw new Error('invalid params')
|
||||
return {
|
||||
transactionItems: transactionItems.data.data
|
||||
}
|
||||
} else if (host === 'as') {
|
||||
// fetch data from asan-service
|
||||
const transaction = await $axios.get(`/api/user/transaction/${tempTN}`)
|
||||
return {
|
||||
transaction: transaction.data
|
||||
}
|
||||
} else throw new Error('invalid params')
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
transactionItems: null,
|
||||
transaction: null,
|
||||
factor: null,
|
||||
paymentFactor: null
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
products() {
|
||||
if (this.$route.query.db_name === 'verity') return this.$store.state.front.verityProducts
|
||||
else if (this.$route.query.db_name === 'panatech') return this.$store.state.front.panatechProducts
|
||||
else return []
|
||||
},
|
||||
host() {
|
||||
return this.$route.query?.host
|
||||
},
|
||||
items() {
|
||||
if (this.host === 'ar') return this.transactionItems
|
||||
else if (this.host === 'as') return this.transaction.items
|
||||
else return []
|
||||
},
|
||||
transactionInfo() {
|
||||
if (this.host === 'ar') return this.transactionItems[0]
|
||||
else if (this.host === 'as') return this.transaction
|
||||
else return {}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
const host = this.host
|
||||
const user = this.$auth.user
|
||||
const db_name = this.$route.query?.db_name
|
||||
const acceptedTN = this.$route.query?.atn
|
||||
|
||||
if (host === 'ar') {
|
||||
// fetch data from arpa
|
||||
const paymentData = {
|
||||
url: `/api/GetCustomizedRepairInfo?BusinessCode=${
|
||||
db_name === 'verity' ? user.verity_businessCode : db_name === 'panatech' ? user.panatech_businessCode : ''
|
||||
}&TransNumber=${acceptedTN}`,
|
||||
db: db_name
|
||||
}
|
||||
|
||||
const factorData = {
|
||||
url: `/api/GetItemReceptionDetails?BusinessCode=${
|
||||
db_name === 'verity' ? user.verity_businessCode : db_name === 'panatech' ? user.panatech_businessCode : ''
|
||||
}&ItemReceptionTransNumber=${acceptedTN}`,
|
||||
db: db_name
|
||||
}
|
||||
if (acceptedTN) {
|
||||
this.$axios
|
||||
.post('/api/cross/getRouteManager', factorData)
|
||||
.then(res => {
|
||||
this.factor = res.data.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
this.$axios
|
||||
.post('/api/cross/getRouteManager', paymentData)
|
||||
.then(res => {
|
||||
this.paymentFactor = res.data.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
} else if (host === 'as') {
|
||||
// fetch data from asan-service
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getItemName(ItemID) {
|
||||
return this.products.find(item => item.ItemID === ItemID)?.ItemName
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="guarantee" panel-title="مانده معین مشتری">
|
||||
<div v-loading="fetching" class="tableBox">
|
||||
<table class="history">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="date">تاریخ برگه پذیرش</th>
|
||||
<th class="transID">شناسه برگه پذیرش</th>
|
||||
<th class="itemID">شناسه کالا</th>
|
||||
<th class="itemCode">کد کالا</th>
|
||||
<th class="itemName">نام کالا</th>
|
||||
<th class="quantity">تعداد پذیرش</th>
|
||||
<th class="repairCount">تعداد تعمیرات</th>
|
||||
<th class="remainCount">مانده</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="history.length">
|
||||
<tr v-for="(item, index) in history" :key="item._id" :title="item.ItemName">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="date">
|
||||
<span>{{ $jDate(item.TransDate_63) }}</span>
|
||||
</td>
|
||||
|
||||
<td class="transID">
|
||||
<span>{{ item.TransactionID_63 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemID">
|
||||
<span>{{ item.ItemID }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemCode">
|
||||
<span>{{ item.ItemCode }}</span>
|
||||
</td>
|
||||
|
||||
<td class="itemName">
|
||||
<span class="singleLineTxt">{{ item.ItemName }}</span>
|
||||
</td>
|
||||
|
||||
<td class="quantity">
|
||||
<span>{{ item.NQty_63 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="repairCount">
|
||||
<span>{{ item.NQty_115 }}</span>
|
||||
</td>
|
||||
|
||||
<td class="remainCount">
|
||||
<span>{{ item.RemainQty }}</span>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountUserGuaranteeRemainHistory',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
verityHistory: [],
|
||||
panatechHistory: [],
|
||||
fetching: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
history() {
|
||||
return [...this.verityHistory, ...this.panatechHistory]
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
try {
|
||||
this.fetching = true
|
||||
|
||||
const user = this.$auth.user
|
||||
const verityData = {
|
||||
url: `/api/GetRemainingReceptionItems?FromBusinessCode=${user.verity_businessCode}&ToBusinessCode=${user.verity_businessCode}`,
|
||||
db: 'verity'
|
||||
// url: `/api/GetRemainingReceptionItems?ToBusinessCode=${user.arpa_businessCode}`
|
||||
}
|
||||
const panatechData = {
|
||||
url: `/api/GetRemainingReceptionItems?FromBusinessCode=${user.panatech_businessCode}&ToBusinessCode=${user.panatech_businessCode}`,
|
||||
db: 'panatech'
|
||||
// url: `/api/GetRemainingReceptionItems?ToBusinessCode=${user.arpa_businessCode}`
|
||||
}
|
||||
|
||||
const allData = await Promise.all([
|
||||
// fetch verity data
|
||||
this.$axios.post('/api/cross/getRouteManager', verityData),
|
||||
// fetch panatech data
|
||||
this.$axios.post('/api/cross/getRouteManager', panatechData)
|
||||
])
|
||||
|
||||
const verityHistory = allData[0]
|
||||
const panatechHistory = allData[1]
|
||||
|
||||
this.verityHistory = verityHistory.data.data
|
||||
this.panatechHistory = panatechHistory.data.data
|
||||
|
||||
this.fetching = false
|
||||
} catch (e) {
|
||||
this.$arpaError()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="home" panel-title="پنل کاربری">
|
||||
<h1>
|
||||
<span> {{ $auth.user.first_name + ' ' + $auth.user.last_name }} </span>
|
||||
<span>به پنل کاربری خوش آمدید.</span>
|
||||
</h1>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountIndex',
|
||||
layout: 'user'
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="post" panel-title="ارسال برای گارانتی">
|
||||
<div class="chooseDataBase">
|
||||
<el-alert type="warning" class="mb-5">
|
||||
کاربر گرامی توجه داشته باشید نمیتوانید لوازم جانبی کامپیوتر و لوازم صوتی تصویری رو همزمان باهم در یک فرم ارسال
|
||||
کنید. لذا اگر از هر دو نوع محصول دارید دو فرم جداگانه برای هرکدام پر کنید.
|
||||
</el-alert>
|
||||
<h2>نوع محصول را انتخاب کنید:</h2>
|
||||
<div class="brandsList">
|
||||
<div class="brand" :class="db_name === 'verity' && 'selected'">
|
||||
<button @click="db_name = 'verity'">
|
||||
<i class="fas fa-phone-laptop"></i>
|
||||
<span>لوازم جانبی کامپیوتر و موبایل</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="brand" :class="db_name === 'panatech' && 'selected'">
|
||||
<button @click="db_name = 'panatech'">
|
||||
<i class="fas fa-photo-video"></i>
|
||||
<span>لوازم صوتی و تصویری خودرو</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form v-if="db_name !== ''" class="form form_3" @submit.prevent="postDraft">
|
||||
<div class="userInfo">
|
||||
<div class="formRow">
|
||||
<label for="customer_name">نام مشتری</label>
|
||||
<input id="customer_name" type="text" :value="user.first_name + ' ' + user.last_name" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="customer_code">کد مشتری</label>
|
||||
<input id="customer_code" type="text" :value="businessCode" disabled />
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="mobile">شماره موبایل</label>
|
||||
<input id="mobile" type="text" :value="user.mobile_number" disabled />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="formRow">
|
||||
<label>آدرس</label>
|
||||
<textarea name="description" cols="30" rows="5" disabled :value="userAddress"></textarea>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formRow">
|
||||
<label for="description">توضیحات فرم (اختیاری)</label>
|
||||
<textarea
|
||||
id="description"
|
||||
v-model="description"
|
||||
name="description"
|
||||
placeholder="توضیحات راجع به کالاها را میتوانید اینجا بنویسید"
|
||||
cols="30"
|
||||
rows="10"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<div class="btnRow">
|
||||
<button class="btn btn-primary postPageBtn">
|
||||
<span>مرحله بعد افزودن کالا</span>
|
||||
<i v-if="db_name === 'panatech'" class="fas fa-photo-video"></i>
|
||||
<i v-if="db_name === 'verity'" class="fas fa-phone-laptop"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountPost',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
db_name: '',
|
||||
description: ''
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$auth.user
|
||||
},
|
||||
userAddress() {
|
||||
const user = this.user
|
||||
return user.province_name + '، ' + user.city_name + '، ' + user.address + '،کد پستی: ' + user.postal_code
|
||||
},
|
||||
businessCode() {
|
||||
const errMsg = 'عدم ثبت در پایگاه داده'
|
||||
if (this.db_name === 'panatech') return this.user.panatech_businessCode || errMsg
|
||||
if (this.db_name === 'verity') return this.user.verity_businessCode || errMsg
|
||||
return errMsg
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
postDraft() {
|
||||
if (this.db_name === '') {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'برند محصول را انتخاب کنید'
|
||||
})
|
||||
}
|
||||
const data = {
|
||||
db_name: this.db_name,
|
||||
description: this.description
|
||||
}
|
||||
this.$axios
|
||||
.post('/api/user/transactionDraft', data)
|
||||
.then(res => {
|
||||
this.$router.push({ name: 'account-drafts-draftID', params: { draftID: res.data.draftId } })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ثبت فرم پیش آمده'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,327 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="profile" panel-title="ویرایش پروفایل">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-6">
|
||||
<form class="form form_3" @submit.prevent="upload">
|
||||
<div class="formRow" :class="validation.first_name ? 'err' : null">
|
||||
<label for="verity_businessCode">کد مشتری (وریتی):</label>
|
||||
<input
|
||||
id="verity_businessCode"
|
||||
type="text"
|
||||
:value="user.verity_businessCode"
|
||||
disabled
|
||||
name="verity_businessCode"
|
||||
placeholder="..."
|
||||
/>
|
||||
<p v-if="validation.verity_businessCode">{{ validation.verity_businessCode.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.first_name ? 'err' : null">
|
||||
<label for="panatech_businessCode">کد مشتری (پاناتک):</label>
|
||||
<input
|
||||
id="panatech_businessCode"
|
||||
type="text"
|
||||
:value="user.panatech_businessCode"
|
||||
disabled
|
||||
name="panatech_businessCode"
|
||||
placeholder="..."
|
||||
/>
|
||||
<p v-if="validation.panatech_businessCode">{{ validation.panatech_businessCode.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.first_name ? 'err' : null">
|
||||
<label for="first_name">نام:</label>
|
||||
<input id="first_name" v-model="user.first_name" type="text" name="first_name" placeholder="نام" />
|
||||
<p v-if="validation.first_name">{{ validation.first_name.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.last_name ? 'err' : null">
|
||||
<label for="last_name">نام خانوادگی:</label>
|
||||
<input id="last_name" v-model="user.last_name" type="text" name="last_name" placeholder="نام خانوادگی" />
|
||||
<p v-if="validation.last_name">{{ validation.last_name.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.national_code ? 'err' : null">
|
||||
<label for="national_code">کد ملی:</label>
|
||||
<input
|
||||
id="national_code"
|
||||
v-model="user.national_code"
|
||||
type="text"
|
||||
name="national_code"
|
||||
placeholder="کد ملی"
|
||||
/>
|
||||
<p v-if="validation.national_code">{{ validation.national_code.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.mobile_number ? 'err' : null">
|
||||
<label for="mobile">
|
||||
<i>شماره موبایل:</i>
|
||||
<span v-if="user.mobile_confirmed" class="cs confirmed">(تایید شده)</span>
|
||||
<span v-else class="cs">(تایید نشده)</span>
|
||||
</label>
|
||||
<input id="mobile" v-model="user.mobile_number" type="text" name="mobile" placeholder="شماره موبایل" />
|
||||
<p v-if="validation.mobile_number">{{ validation.mobile_number.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.email ? 'err' : null">
|
||||
<label for="email">
|
||||
<i>ایمیل:</i>
|
||||
<span v-if="user.email_confirmed" class="cs confirmed">(تایید شده)</span>
|
||||
<span v-else class="cs">(تایید نشده)</span>
|
||||
</label>
|
||||
<input id="email" v-model="user.email" type="text" name="email" placeholder="ایمیل" />
|
||||
<p v-if="validation.email">{{ validation.email.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.tel_number ? 'err' : null">
|
||||
<label for="tel_number">شماره تلفن ثابت:</label>
|
||||
<input
|
||||
id="tel_number"
|
||||
v-model="user.tel_number"
|
||||
type="text"
|
||||
name="tel_number"
|
||||
placeholder="شماره تلفن ثابت:"
|
||||
/>
|
||||
<p v-if="validation.tel_number">{{ validation.tel_number.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.province_id ? 'err' : null">
|
||||
<label>استان:</label>
|
||||
<el-select v-model="user.province_id" filterable placeholder="استان را انتخاب کنید" style="width: 100%">
|
||||
<el-option
|
||||
v-for="item in iranProvinces"
|
||||
:key="item.ProvinceID"
|
||||
:label="item.ProvinceName"
|
||||
:value="item.ProvinceID"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<p v-if="validation.province_id">{{ validation.province_id.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.city_id ? 'err' : null">
|
||||
<label>شهر:</label>
|
||||
<el-select
|
||||
v-model="user.city_id"
|
||||
filterable
|
||||
:placeholder="provinceCities ? 'شهر را انتخاب کنید' : 'ابتدا استان را انتخاب کنید'"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option v-for="item in provinceCities" :key="item.CityID" :label="item.CityName" :value="item.CityID">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<p v-if="validation.city_id">{{ validation.city_id.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.address ? 'err' : null">
|
||||
<label for="address">آدرس:</label>
|
||||
<textarea id="address" v-model="user.address" name="address" rows="5"></textarea>
|
||||
<p v-if="validation.address">{{ validation.address.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.postal_code ? 'err' : null">
|
||||
<label for="postal_code">کد پستی:</label>
|
||||
<input id="postal_code" v-model="user.postal_code" type="text" name="postal_code" placeholder="کد پستی" />
|
||||
<p v-if="validation.postal_code">{{ validation.postal_code.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.store_name ? 'err' : null">
|
||||
<label for="store_name">نام فروشگاه (اختیاری):</label>
|
||||
<input
|
||||
id="store_name"
|
||||
v-model="user.store_name"
|
||||
type="text"
|
||||
name="store_name"
|
||||
placeholder="نام فروشگاه (اختیاری)"
|
||||
/>
|
||||
<p v-if="validation.store_name">{{ validation.store_name.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-primary custom-el-button"
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
:loading="postingProfile"
|
||||
>
|
||||
بروزرسانی
|
||||
</el-button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-6">
|
||||
<form class="form form_3" style="margin-bottom: 50px" @submit.prevent="changePass">
|
||||
<div class="formRow" :class="validation.password ? 'err' : null">
|
||||
<label for="password">کلمه عبور:</label>
|
||||
<input id="password" v-model="newPass.password" type="password" name="password" placeholder="کلمه عبور" />
|
||||
<p v-if="validation.password">{{ validation.password.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.password_confirmation ? 'err' : null">
|
||||
<label for="password_confirmation">تکرار کلمه عبور:</label>
|
||||
<input
|
||||
id="password_confirmation"
|
||||
v-model="newPass.password_confirmation"
|
||||
type="password"
|
||||
name="password_confirmation"
|
||||
placeholder="تکرار کلمه عبور"
|
||||
/>
|
||||
<p v-if="validation.password_confirmation">{{ validation.password_confirmation.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-primary custom-el-button"
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
:loading="postingPassword"
|
||||
>
|
||||
تغییر کلمه عبور
|
||||
</el-button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountEditProfile',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, $auth, error }) {
|
||||
try {
|
||||
const iranProvinces = await $axios.post('/api/cross/getRouteManager', {
|
||||
url: '/api/GetProvince',
|
||||
db: 'verity'
|
||||
})
|
||||
const iranCities = await $axios.post('/api/cross/getRouteManager', {
|
||||
url: '/api/GetCity',
|
||||
db: 'verity'
|
||||
})
|
||||
return {
|
||||
iranCities: iranCities.data.data,
|
||||
iranProvinces: iranProvinces.data.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
user: JSON.parse(JSON.stringify(this.$auth.user)),
|
||||
iranCities: null,
|
||||
iranProvinces: null,
|
||||
newPass: {
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
},
|
||||
postingPassword: false,
|
||||
postingProfile: false,
|
||||
currentEmail: this.$auth.user.email,
|
||||
currentMobile: this.$auth.user.mobile_number,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selectedProvince() {
|
||||
return this.user.province_id
|
||||
},
|
||||
selectedCity() {
|
||||
return this.user.city_id
|
||||
},
|
||||
provinceCities() {
|
||||
return this.iranCities?.filter(item => item.ProvinceID === this.user.province_id)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
selectedProvince(newVal, oldVal) {
|
||||
// step 1
|
||||
this.user.city_id = ''
|
||||
// step 2
|
||||
if (newVal)
|
||||
this.user.province_name = this.iranProvinces?.filter(item => item.ProvinceID === newVal)[0].ProvinceName
|
||||
else this.user.province_name = ''
|
||||
},
|
||||
selectedCity(newVal, oldVal) {
|
||||
if (newVal) this.user.city_name = this.iranCities?.filter(item => item.CityID === newVal)[0].CityName
|
||||
else this.user.city_name = ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
const newEmail = this.user.email !== this.currentEmail
|
||||
const newMobile = this.user.mobile_number !== this.currentMobile
|
||||
|
||||
const uploadFunc = async () => {
|
||||
try {
|
||||
this.postingProfile = true
|
||||
this.validation = {}
|
||||
await this.$axios.put('/api/user/update_profile', this.user)
|
||||
this.postingProfile = false
|
||||
this.$auth.fetchUser()
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'اطلاعات با موفقیت بروزرسانی شد'
|
||||
})
|
||||
if (newEmail || newMobile) this.$router.push({ name: 'account-verify' })
|
||||
} catch (err) {
|
||||
this.postingProfile = false
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (newEmail || newMobile) {
|
||||
const title = 'هشدار'
|
||||
const msg = 'با تغییر شماره تلفن همراه یا آدرس ایمیل نیاز به تایید دوباره اطلاعات خود دارید.'
|
||||
this.$confirm(msg, title, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
uploadFunc()
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'بروزرسانی پروفایل لغو شد'
|
||||
})
|
||||
})
|
||||
} else uploadFunc()
|
||||
},
|
||||
changePass() {
|
||||
this.postingPassword = true
|
||||
this.validation = {}
|
||||
const data = {
|
||||
_id: this.user._id,
|
||||
password: this.newPass.password,
|
||||
password_confirmation: this.newPass.password_confirmation
|
||||
}
|
||||
|
||||
this.$axios
|
||||
.put('/api/user/update_password', data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'کلمه عبور با موفقیت بروزرسانی شد'
|
||||
})
|
||||
this.$auth.logout()
|
||||
this.$router.push({ name: 'auth-login-register' })
|
||||
this.postingPassword = false
|
||||
})
|
||||
.catch(err => {
|
||||
this.postingPassword = false
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="survey" panel-title="نظر سنجی">
|
||||
<form class="form form_3" @submit.prevent="post">
|
||||
<div v-if="code" class="mb-5">
|
||||
<h3>
|
||||
شما درحال ثبت نظر برای فرم
|
||||
<b style="color: #065495">{{ code }}</b>
|
||||
هستید:
|
||||
</h3>
|
||||
</div>
|
||||
<div v-for="item in surveyOptions" :key="item.fieldName" class="mb-5" style="width: 100%">
|
||||
<div class="mb-3">
|
||||
<label>{{ item.title }}</label>
|
||||
</div>
|
||||
|
||||
<el-radio-group v-model="survey[item.fieldName]">
|
||||
<el-radio-button
|
||||
v-for="option in surveyOptionsValues.keys()"
|
||||
:key="option + '_Option_' + item.fieldName"
|
||||
:label="option"
|
||||
>
|
||||
{{ surveyOptionsValues.get(option) }}
|
||||
</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div class="formRow">
|
||||
<label for="description">نظرات ، پیشنهادات و انتقادات (اختیاری):</label>
|
||||
<textarea
|
||||
id="description"
|
||||
v-model="survey.description"
|
||||
name="description"
|
||||
placeholder="نظرات ، پیشنهادات و انتقادات را میتوانید اینجا بنویسید"
|
||||
cols="30"
|
||||
rows="10"
|
||||
></textarea>
|
||||
</div>
|
||||
|
||||
<div class="formBtnRow">
|
||||
<button class="btn btn-primary" type="submit" :disabled="disabledBtn">ثبت نظر</button>
|
||||
</div>
|
||||
</form>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'AccountSurveyPage',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
survey: this.initForm()
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
surveyOptions: 'front/surveyOptions',
|
||||
surveyOptionsValues: 'front/surveyOptionsValues'
|
||||
}),
|
||||
code() {
|
||||
return this.$route?.query?.code
|
||||
},
|
||||
disabledBtn() {
|
||||
return (
|
||||
!this.survey.purchasedProduct ||
|
||||
!this.survey.guaranteeWorkFlow ||
|
||||
!this.survey.employeeResponsibility ||
|
||||
!this.survey.serviceQuality ||
|
||||
!this.survey.serviceTime ||
|
||||
!this.survey.repairQuality ||
|
||||
!this.survey.coast
|
||||
)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
initForm() {
|
||||
const survey = {
|
||||
purchasedProduct: 0,
|
||||
guaranteeWorkFlow: 0,
|
||||
employeeResponsibility: 0,
|
||||
serviceQuality: 0,
|
||||
serviceTime: 0,
|
||||
repairQuality: 0,
|
||||
coast: 0,
|
||||
description: ''
|
||||
}
|
||||
return survey
|
||||
},
|
||||
post() {
|
||||
if (this.disabledBtn) return
|
||||
this.$axios.$post('/api/user/survey', { ...this.survey, code: this.code || '' }).then(res => {
|
||||
this.$message.success('با تشکر از زمانی که گذاشتید، نظر شما ثبت شد.')
|
||||
if (this.code) {
|
||||
return this.$router.push({ name: 'account-guarantee', query: { type: 'atl' } })
|
||||
}
|
||||
this.survey = this.initForm()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,110 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="guarantee-details ticket-messenger" :panel-title="conversation.title">
|
||||
<div class="messenger">
|
||||
<h3 class="messenger-title">پیام ها:</h3>
|
||||
<div class="messenger-body">
|
||||
<div class="messages" :class="!conversation.messages.length ? 'no-msg' : null">
|
||||
<!-- no-msg -->
|
||||
<p v-if="!conversation.messages.length">هیچ پیامی وجود ندارد.</p>
|
||||
|
||||
<div
|
||||
v-for="item in conversation.messages"
|
||||
:key="item._id"
|
||||
class="message user"
|
||||
:class="[item.isUser ? 'user' : 'asan-admin', !item.read && !item.isUser ? 'unread' : null]"
|
||||
>
|
||||
<div class="txt">
|
||||
<img v-if="item.image" :src="item.image" alt="" />
|
||||
<p>{{ item.message }}</p>
|
||||
<p class="date">{{ $jDateTime(item.created_at) }}</p>
|
||||
</div>
|
||||
<user-icon />
|
||||
</div>
|
||||
</div>
|
||||
<div class="newMsg">
|
||||
<div class="relativePos">
|
||||
<input v-model="message" type="text" placeholder="پیام خود را بنویسید" />
|
||||
<label for="file"></label>
|
||||
<input id="file" ref="attachment" type="file" @change="preview" />
|
||||
<img v-if="attachment" :src="attachment" alt="" />
|
||||
<i v-if="attachment" id="clearFile" class="fas fa-times-circle" @click="clearFile"></i>
|
||||
<button class="btn btn-primary" :disabled="!message && !attachment" @click="sendMessage">ارسال</button>
|
||||
<div class="validationMsg">
|
||||
<p v-if="validation.message">{{ validation.message.msg }}</p>
|
||||
<p v-if="validation.image">{{ validation.image.msg }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axiosUploadProcess from '@/mixins/axiosUploadProcess'
|
||||
|
||||
export default {
|
||||
name: 'AccountTicketDetails',
|
||||
mixins: [axiosUploadProcess],
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const conversation = await $axios.get(`/api/user/getTicket/${params.ticket}`)
|
||||
return {
|
||||
conversation: conversation.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
conversation: null,
|
||||
message: '',
|
||||
attachment: '',
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
preview(event) {
|
||||
this.attachment = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
clearFile() {
|
||||
this.attachment = null
|
||||
this.$refs.attachment.value = null
|
||||
},
|
||||
sendMessage() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('message', this.message)
|
||||
if (this.$refs.attachment.files[0]) data.append('image', this.$refs.attachment.files[0])
|
||||
|
||||
this.$axios
|
||||
.post(`/api/user/addMessageToTicket/${this.conversation._id}`, data, this.axiosConfig)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'پیام با موفقیت ارسال شد.'
|
||||
})
|
||||
this.attachment = ''
|
||||
this.message = ''
|
||||
this.$refs.attachment.value = null
|
||||
this.conversation = res.data
|
||||
setTimeout(() => {
|
||||
window.scrollTo(0, document.body.scrollHeight)
|
||||
}, 100)
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.data.status === 401) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا دوباره وارد حساب خود شوید'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,78 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="tickets" panel-title="لیست تیکت ها">
|
||||
<div class="tableBox">
|
||||
<table class="tickets">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="index">ردیف</th>
|
||||
<th class="title">عنوان</th>
|
||||
<th class="transactionId">شماره پذیرش</th>
|
||||
<th class="date">تاریخ ایجاد مکالمه</th>
|
||||
<th class="details">جزئیات</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template v-if="conversations.length">
|
||||
<tr v-for="(item, index) in conversations" :key="item._id" :title="item.title">
|
||||
<td class="index">
|
||||
<span>{{ index + 1 }}</span>
|
||||
</td>
|
||||
<td class="title">
|
||||
<span class="singleLineTxt">{{ item.title }}</span>
|
||||
</td>
|
||||
<td class="transactionId">
|
||||
<span>{{ item.transaction_id ? item.transaction_id : '-' }}</span>
|
||||
</td>
|
||||
<td class="date">
|
||||
<span>{{ $jDate(item.created_at) }}</span>
|
||||
</td>
|
||||
<td class="rowButtons details">
|
||||
<nuxt-link
|
||||
:to="{ name: 'account-tickets-ticket', params: { ticket: item._id } }"
|
||||
class="btn btn-primary"
|
||||
>
|
||||
<span>مشاهده</span>
|
||||
<i v-if="hasUnread(item._id)">{{ hasUnread(item._id) }}</i>
|
||||
</nuxt-link>
|
||||
</td>
|
||||
</tr>
|
||||
</template>
|
||||
<tr v-else>
|
||||
<td class="noItem">
|
||||
<span>هیچ اطلاعاتی وجود ندارد</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<table-notice />
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountTicketList',
|
||||
layout: 'user',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const conversations = await $axios.get('/api/user/ticketConversations')
|
||||
return {
|
||||
conversations: conversations.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 500, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
conversations: null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
hasUnread(id) {
|
||||
const conversation = this.conversations.filter(item => item._id === id)[0]
|
||||
return conversation.messages.filter(item => !item.read && !item.isUser).length
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,204 @@
|
||||
<template>
|
||||
<user-dashboard-container page-class="verify" panel-title="تایید اطلاعات">
|
||||
<el-alert
|
||||
v-if="!user.confirmed"
|
||||
title="ثبت نام شما هنوز نهایی نشده است. چنانچه تا 24 ساعت پس از زمان ثبت نام اولیه اطلاعات خود را تایید نکنید اطلاعات حساب شما از سیستم پاک خواهد شد."
|
||||
class="mb-3"
|
||||
type="warning"
|
||||
>
|
||||
</el-alert>
|
||||
<el-alert
|
||||
v-if="!user.email_confirmed"
|
||||
title="کاربر گرامی چنانچه قادر به مشاهده کد تایید در صندوق ورودی ایمیل خود نیستید پوشه spam را چک کنید"
|
||||
class="mb-3"
|
||||
type="warning"
|
||||
>
|
||||
</el-alert>
|
||||
<div class="row">
|
||||
<div v-if="!user.mobile_confirmed" class="col-12 col-lg">
|
||||
<form class="form form_3" style="margin-bottom: 50px" @submit.prevent="verify('mobile')">
|
||||
<div class="formRow">
|
||||
<label class="verify-labels" for="mobileConfirmationKey">
|
||||
<b>شماره: </b>
|
||||
<b>{{ user.mobile_number }}</b>
|
||||
<span @click="showModal('mobile')">(تغییر شماره)</span>
|
||||
<span v-if="mobileResendCountDown < 1" @click="resend('mobile')">(ارسال مجدد کد)</span>
|
||||
<span v-else class="countdown">( ارسال مجدد کد {{ mobileResendCountDown }} ثانیه دیگر)</span>
|
||||
</label>
|
||||
<input
|
||||
id="mobileConfirmationKey"
|
||||
v-model="mobileConfirmationKey"
|
||||
type="text"
|
||||
name="mobileConfirmationKey"
|
||||
placeholder="کد امنیتی پیامک شده"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-primary custom-el-button"
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
:loading="verifyingMobile"
|
||||
:disabled="mobileConfirmationKey.length < 6"
|
||||
>
|
||||
تایید شماره
|
||||
</el-button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div v-if="!user.email_confirmed" class="col-12 col-lg">
|
||||
<form class="form form_3" style="margin-bottom: 50px" @submit.prevent="verify('email')">
|
||||
<div class="formRow">
|
||||
<label class="verify-labels" for="emailConfirmationKey">
|
||||
<b>ایمیل: </b>
|
||||
<b>{{ user.email }}</b>
|
||||
<span @click="showModal('email')">(تغییر ایمیل)</span>
|
||||
<span v-if="emailResendCountDown < 1" @click="resend('email')">(ارسال مجدد کد)</span>
|
||||
<span v-else class="countdown">( ارسال مجدد کد {{ emailResendCountDown }} ثانیه دیگر)</span>
|
||||
</label>
|
||||
<input
|
||||
id="emailConfirmationKey"
|
||||
v-model="emailConfirmationKey"
|
||||
type="text"
|
||||
name="emailConfirmationKey"
|
||||
placeholder="کد امنیتی ایمیل شده"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-primary custom-el-button"
|
||||
type="primary"
|
||||
native-type="submit"
|
||||
:loading="verifyingEmail"
|
||||
:disabled="emailConfirmationKey.length < 6"
|
||||
>
|
||||
تایید ایمیل
|
||||
</el-button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<template #body>
|
||||
<ChangeEmailModal :key="modalKey" :show="modalVisible" :type="modalType" @closeModal="closeModal" />
|
||||
</template>
|
||||
</user-dashboard-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AccountVerify',
|
||||
layout: 'user',
|
||||
data() {
|
||||
return {
|
||||
emailConfirmationKey: '',
|
||||
mobileConfirmationKey: '',
|
||||
verifyingEmail: false,
|
||||
verifyingMobile: false,
|
||||
currentTime: Date.now(),
|
||||
mobileResendTime: 0,
|
||||
emailResendTime: 0,
|
||||
modalKey: 0,
|
||||
modalType: '',
|
||||
modalVisible: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$auth.user
|
||||
},
|
||||
emailResendCountDown() {
|
||||
const timer = 59
|
||||
const secondsPassed = Math.floor((this.currentTime - this.emailResendTime) / 1000)
|
||||
const remainSeconds = timer - secondsPassed
|
||||
if (remainSeconds > 0) return remainSeconds
|
||||
else return 0
|
||||
},
|
||||
mobileResendCountDown() {
|
||||
const timer = 59
|
||||
const secondsPassed = Math.floor((this.currentTime - this.mobileResendTime) / 1000)
|
||||
const remainSeconds = timer - secondsPassed
|
||||
if (remainSeconds > 0) return remainSeconds
|
||||
else return 0
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// fetch countdown data from localstorga
|
||||
this.mobileResendTime = +localStorage.getItem('mobileResendTime')
|
||||
this.emailResendTime = +localStorage.getItem('emailResendTime')
|
||||
|
||||
// update current time
|
||||
setInterval(() => (this.currentTime = Date.now()), 1000)
|
||||
},
|
||||
methods: {
|
||||
showModal(type) {
|
||||
this.modalType = type
|
||||
this.modalVisible = true
|
||||
},
|
||||
closeModal() {
|
||||
this.modalType = ''
|
||||
this.modalVisible = false
|
||||
this.modalKey = Math.random()
|
||||
},
|
||||
async verify(type) {
|
||||
try {
|
||||
let res
|
||||
if (type === 'email') {
|
||||
this.verifyingEmail = true
|
||||
res = await this.$axios.put('/api/user/confirmEmail', { verificationKey: this.emailConfirmationKey })
|
||||
this.verifyingEmail = false
|
||||
}
|
||||
|
||||
if (type === 'mobile') {
|
||||
this.verifyingMobile = true
|
||||
res = await this.$axios.put('/api/user/confirmMobile', { verificationKey: this.mobileConfirmationKey })
|
||||
this.verifyingMobile = false
|
||||
}
|
||||
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
await this.$auth.fetchUser()
|
||||
if (this.user.email_confirmed && this.user.mobile_confirmed) {
|
||||
this.$router.push({ name: 'account' })
|
||||
}
|
||||
} catch (err) {
|
||||
if (err.config.url === '/api/user/confirmEmail') this.verifyingEmail = false
|
||||
if (err.config.url === '/api/user/confirmMobile') this.verifyingMobile = false
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
},
|
||||
async resend(type) {
|
||||
try {
|
||||
const thisTime = Date.now()
|
||||
let res
|
||||
if (type === 'email') {
|
||||
this.emailResendTime = thisTime
|
||||
localStorage.setItem('emailResendTime', thisTime)
|
||||
res = await this.$axios.post('/api/user/resendEmailConfirmation')
|
||||
}
|
||||
if (type === 'mobile') {
|
||||
this.mobileResendTime = thisTime
|
||||
localStorage.setItem('mobileResendTime', thisTime)
|
||||
res = await this.$axios.post('/api/user/resendMobileConfirmation')
|
||||
}
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
} catch (err) {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ارسال مجدد کد تایید پیش آمده'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,132 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" class="mr-auto" @click="post">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="ticket.title"
|
||||
label="عنوان تیکت"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<div class="form-group form-row mb-3" :class="validation.user_id ? 'err' : null">
|
||||
<CCol sm="3" class="col-form-label">
|
||||
<label>کد مشتری</label>
|
||||
</CCol>
|
||||
<CCol sm="9">
|
||||
<el-select v-model="ticket.user_id" filterable placeholder="" style="width: 100%">
|
||||
<el-option-group :key="0" label="کد مشتری های وریتی">
|
||||
<el-option
|
||||
v-for="item in users"
|
||||
:key="item._id + '_verityIDs'"
|
||||
:label="item.verity_businessCode"
|
||||
:value="item._id"
|
||||
>
|
||||
</el-option>
|
||||
</el-option-group>
|
||||
|
||||
<el-option-group :key="1" label="کد مشتری های پاناتک">
|
||||
<el-option
|
||||
v-for="item in users"
|
||||
:key="item._id + '_panatechIDs'"
|
||||
:label="item.panatech_businessCode"
|
||||
:value="item._id"
|
||||
>
|
||||
</el-option>
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
<small v-if="validation.user_id" class="form-text text-muted w-100">{{
|
||||
validation.user_id.msg
|
||||
}}</small>
|
||||
</CCol>
|
||||
</div>
|
||||
|
||||
<CInput
|
||||
v-model="ticket.transaction_id"
|
||||
label="کد پذیرش"
|
||||
horizontal
|
||||
placeholder="اختیاری"
|
||||
:description="validation.transaction_id ? validation.transaction_id.msg : null"
|
||||
:class="validation.transaction_id ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminAddTicket',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const users = await $axios.get('/api/admin/allUsers')
|
||||
return {
|
||||
users: users.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'افزودن تیکت برای مشتری',
|
||||
users: null,
|
||||
ticket: {
|
||||
title: '',
|
||||
transaction_id: '',
|
||||
user_id: ''
|
||||
},
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
post() {
|
||||
this.validation = {}
|
||||
this.$axios
|
||||
.post('/api/admin/addTicket', this.ticket)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'تیکت با موفقیت ثبت شد، پیام خودرا بنویسید.'
|
||||
})
|
||||
this.$router.push({ name: 'admin-tickets-ticket', params: { ticket: res.data._id } })
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.data.status === 401) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا دوباره وارد حساب خود شوید'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err)
|
||||
})
|
||||
},
|
||||
mappedArray(arr) {
|
||||
return arr.map(item => {
|
||||
return {
|
||||
label: item.arpa_businessCode,
|
||||
value: item.arpa_businessCode
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,274 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="admin._creator && admin._creator.first_name" type="primary">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ admin._creator.first_name + ' ' + admin._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-admins' }">برگشت به صفحه قبل</CButton>
|
||||
<CButton v-if="$route.params.admin === 'new'" size="sm" color="success" style="margin-right: 10px" @click="add"
|
||||
>افزودن</CButton
|
||||
>
|
||||
<CButton v-else size="sm" color="success" style="margin-right: 10px" @click="update">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="admin.first_name"
|
||||
label="نام"
|
||||
horizontal
|
||||
:description="validation.first_name ? validation.first_name.msg : null"
|
||||
:class="validation.first_name ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="admin.last_name"
|
||||
label="نام خانوادگی"
|
||||
horizontal
|
||||
:description="validation.last_name ? validation.last_name.msg : null"
|
||||
:class="validation.last_name ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="admin.username"
|
||||
label="نام کاربری"
|
||||
horizontal
|
||||
:description="validation.username ? validation.username.msg : null"
|
||||
:class="validation.username ? 'err' : null"
|
||||
/>
|
||||
|
||||
<template v-if="$route.params.admin === 'new'">
|
||||
<CInput
|
||||
v-model="admin.password"
|
||||
label="کلمه عبور"
|
||||
horizontal
|
||||
type="password"
|
||||
:description="validation.password ? validation.password.msg : null"
|
||||
:class="validation.password ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="admin.password_confirmation"
|
||||
label="تکرار کلمه عبور"
|
||||
horizontal
|
||||
type="password"
|
||||
:description="validation.password_confirmation ? validation.password_confirmation.msg : null"
|
||||
:class="validation.password_confirmation ? 'err' : null"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<el-divider />
|
||||
<h6>دسترسی های کاربر</h6>
|
||||
<div class="user-permissions">
|
||||
<el-tag
|
||||
v-for="(item, index) in admin.permissions"
|
||||
:key="index + Math.random() + 1"
|
||||
class="ml-2 mb-2"
|
||||
style="cursor: pointer"
|
||||
closable
|
||||
disable-transitions
|
||||
@close="removePermission(item)"
|
||||
>{{ getPermissionName(item) }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>لیست کل دسترسی ها</h6>
|
||||
<div class="permissions">
|
||||
<el-tag
|
||||
v-for="(item, index) in permissions"
|
||||
:key="index + Math.random() + 2"
|
||||
class="ml-2 mb-2"
|
||||
style="cursor: pointer"
|
||||
:type="hasPermission(item.value) ? 'success' : 'primary'"
|
||||
disable-transitions
|
||||
@click="addPermission(item.value)"
|
||||
>{{ item.name }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-if="$route.params.admin !== 'new'" xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="newPass.password"
|
||||
label="کلمه عبور"
|
||||
horizontal
|
||||
type="password"
|
||||
:description="validation.password ? validation.password.msg : null"
|
||||
:class="validation.password ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="newPass.password_confirmation"
|
||||
label="تکرار کلمه عبور"
|
||||
horizontal
|
||||
type="password"
|
||||
:description="validation.password_confirmation ? validation.password_confirmation.msg : null"
|
||||
:class="validation.password_confirmation ? 'err' : null"
|
||||
/>
|
||||
<CButton color="success" variant="outline" @click="changePass">بروزرسانی کلمه عبور</CButton>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminAdminDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const data = {}
|
||||
const permissions = await $axios.get('/api/admin/permissions')
|
||||
data.permissions = permissions.data
|
||||
if (params.admin !== 'new') {
|
||||
const admin = await $axios.get(`/api/admin/admin/${params.admin}`)
|
||||
data.admin = admin.data
|
||||
}
|
||||
return data
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: this.$route.params.admin === 'new' ? 'افزودن کاربر' : 'ویرایش ادمین',
|
||||
admin: {
|
||||
first_name: '',
|
||||
last_name: '',
|
||||
username: '',
|
||||
permissions: [],
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
},
|
||||
permissions: null,
|
||||
validation: {},
|
||||
newPass: {
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/addAdmin`, this.admin)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'کاربر با موفقیت ثبت شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-admins' })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
update() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/updateAdmin/${this.admin._id}`, this.admin)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'کاربر با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
getPermissionName(value) {
|
||||
return this.permissions.filter(item => item.value === value)[0].name
|
||||
},
|
||||
addPermission(val) {
|
||||
if (!this.admin.permissions.includes(val)) this.admin.permissions.push(val)
|
||||
else
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'کاربر از قبل این دسترسی را دارد'
|
||||
})
|
||||
},
|
||||
removePermission(val) {
|
||||
this.admin.permissions = this.admin.permissions.filter(item => item !== val)
|
||||
},
|
||||
hasPermission(val) {
|
||||
return this.admin.permissions.includes(val)
|
||||
},
|
||||
changePass() {
|
||||
this.validation = {}
|
||||
const data = {
|
||||
_id: this.admin._id,
|
||||
password: this.newPass.password,
|
||||
password_confirmation: this.newPass.password_confirmation
|
||||
}
|
||||
|
||||
this.$axios
|
||||
.put('/api/admin/updateAdminPassword', data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'کلمه عبور با موفقیت بروزرسانی شد'
|
||||
})
|
||||
this.newPass = {
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-admins-admin', params: { admin: 'new' } }" class="mr-auto"
|
||||
>افزودن</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="admins" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="username" label="نام کاربری" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="first_name" label="نام" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="last_name" label="نام خانوادگی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="warning"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-admins-admin', params: { admin: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminAdminsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const admins = await $axios.get(`/api/admin/admins`)
|
||||
return {
|
||||
admins: admins.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'ادمین های سایت',
|
||||
list_title: 'لیست',
|
||||
admins: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
del(id) {
|
||||
this.$confirm('این کاربر حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/deleteAdmin/${id}`)
|
||||
.then(response => {
|
||||
this.admins = this.admins.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'کاربر حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,66 @@
|
||||
<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>
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<EnrollRepresentationForm :data="agent" is-admin />
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminAgentUpdate',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, query, error }) {
|
||||
try {
|
||||
const agent = await $axios.get(`/api/admin/agentDetails/${query.agent}`)
|
||||
if (agent.data._revoked) throw new Error('err')
|
||||
return {
|
||||
agent: agent.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'ویرایش اطلاعات نماینده',
|
||||
agent: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.updateNotice()
|
||||
},
|
||||
methods: {
|
||||
updateNotice() {
|
||||
const title = 'هشدار'
|
||||
const msg =
|
||||
'توجه داشته باشید با تغییر اطللاعات نماینده اطلاعات چاپی روی رسید پذیرش موقت مشتریان تحت تاثیر قرار خواهند گرفت.'
|
||||
this.$confirm(msg, title, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
}).catch(() => {
|
||||
this.$router.go(-1)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,621 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="agent._updatedBy && agent._updatedBy.first_name" type="primary" class="ml-1">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ agent._updatedBy.first_name + ' ' + agent._updatedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<el-tag v-if="agent._revoked && agent._revokedBy.first_name" type="danger">
|
||||
<span>صلب امتیاز شده توسط: </span>
|
||||
<span> {{ agent._revokedBy.first_name + ' ' + agent._revokedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton
|
||||
v-if="updatePermission && !agent._revoked"
|
||||
size="sm"
|
||||
color="warning"
|
||||
class="mr-auto"
|
||||
@click="goToUpdatePage"
|
||||
>
|
||||
<span style="color: #fff"> تغییر اطلاعات نماینده </span>
|
||||
</CButton>
|
||||
<CButton size="sm" color="danger" class="mr-1" @click="revoke">
|
||||
<span style="color: #fff">ابطال امتیاز نماینده</span>
|
||||
</CButton>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="primary"
|
||||
:class="updatePermission && !agent._revoked ? 'mr-1' : 'mr-auto'"
|
||||
@click="$router.go(-1)"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>گزارش کلی عملکرد نماینده:</h6>
|
||||
<CRow class="align-items-stretch mt-3">
|
||||
<CCol sm="6" md="4" class="mb-1">
|
||||
<div class="card" style="height: 100%">
|
||||
<div class="card-body d-flex align-items-center p-3">
|
||||
<div class="ml-3 text-white bg-warning p-3">
|
||||
<i class="fal fa-inbox"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-value text-info">{{ getAgentInboxCount('unread') }}</div>
|
||||
<div class="text-muted text-uppercase font-weight-bold small">صندوق ورودی (دیده نشده)</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CCol>
|
||||
|
||||
<CCol sm="6" md="4" class="mb-1">
|
||||
<div class="card" style="height: 100%">
|
||||
<div class="card-body d-flex align-items-center p-3">
|
||||
<div class="ml-3 text-white bg-danger p-3">
|
||||
<i class="fal fa-inbox"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-value text-info">{{ getAgentInboxCount('ttl') }}</div>
|
||||
<div class="text-muted text-uppercase font-weight-bold small">صندوق ورودی (در انتظار پذیرش)</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CCol>
|
||||
|
||||
<CCol sm="6" md="4" class="mb-1">
|
||||
<div class="card" style="height: 100%">
|
||||
<div class="card-body d-flex align-items-center p-3">
|
||||
<div class="ml-3 text-white bg-success p-3">
|
||||
<i class="fal fa-inbox"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-value text-info">{{ getAgentInboxCount('atl') }}</div>
|
||||
<div class="text-muted text-uppercase font-weight-bold small">صندوق ورودی (پذیرش شده)</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CCol>
|
||||
|
||||
<CCol sm="6" md="4" class="mb-1">
|
||||
<div class="card" style="height: 100%">
|
||||
<div class="card-body d-flex align-items-center p-3">
|
||||
<div class="ml-3 text-white bg-primary p-3">
|
||||
<i class="fas fa-wrench"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-value text-info">{{ agentPr.length }}</div>
|
||||
<div class="text-muted text-uppercase font-weight-bold small">درخواست قطعه</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CCol>
|
||||
|
||||
<CCol sm="6" md="4" class="mb-1">
|
||||
<div class="card" style="height: 100%">
|
||||
<div class="card-body d-flex align-items-center p-3">
|
||||
<div class="ml-3 text-white bg-primary p-3">
|
||||
<i class="fas fa-backpack"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-value text-info">{{ agentOpr.length }}</div>
|
||||
<div class="text-muted text-uppercase font-weight-bold small">درخواست قطعه داغی</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CCol>
|
||||
|
||||
<CCol sm="6" md="4" class="mb-1">
|
||||
<div class="card" style="height: 100%">
|
||||
<div class="card-body d-flex align-items-center p-3">
|
||||
<div class="ml-3 text-white bg-primary p-3">
|
||||
<i class="fab fa-buffer"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="text-value text-info">{{ agentBr.length }}</div>
|
||||
<div class="text-muted text-uppercase font-weight-bold small">درخواست کالای بافر</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>تغییر وضعیت آپلود مدارک</h6>
|
||||
<el-divider></el-divider>
|
||||
<CButtonGroup>
|
||||
<CButton :color="agent.upload ? 'primary' : 'light'" @click="updateStatus('uploadOn')">
|
||||
دسترسی آپلود
|
||||
</CButton>
|
||||
|
||||
<CButton :color="!agent.upload ? 'primary' : 'light'" @click="updateStatus('uploadOff')">
|
||||
عدم دسترسی آپلود
|
||||
</CButton>
|
||||
</CButtonGroup>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>دسترسی ویرایش اطلاعات نمایندگی</h6>
|
||||
<el-divider></el-divider>
|
||||
<CButtonGroup>
|
||||
<CButton :color="agent.editAccess ? 'primary' : 'light'" @click="updateStatus('editAccessOn')">
|
||||
دسترسی ویرایش
|
||||
</CButton>
|
||||
|
||||
<CButton :color="!agent.editAccess ? 'primary' : 'light'" @click="updateStatus('editAccessOff')">
|
||||
عدم دسترسی ویرایش
|
||||
</CButton>
|
||||
</CButtonGroup>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>مشخصات فردی نماینده:</h6>
|
||||
<el-divider></el-divider>
|
||||
<nuxt-link :to="{ name: 'admin-customers-customer', params: { customer: agent.user_id } }"
|
||||
>مشاهده اکانت کاربری</nuxt-link
|
||||
>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="نام مشتری" horizontal disabled :value="agent.full_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="agent.national_code" />
|
||||
<CInput label="شماره شناسنامه" horizontal disabled :value="agent.id_number" />
|
||||
<CInput label="محل صدور" horizontal disabled :value="agent.place_of_issue" />
|
||||
<CInput label="تاریخ تولد" horizontal disabled :value="agent.birth_date" />
|
||||
<CInput label="نام پدر" horizontal disabled :value="agent.fathers_name" />
|
||||
<CInput label="میزان تحصیلات" horizontal disabled :value="agent.education_level" />
|
||||
<CInput label="وضعیت نظام وظیفه" horizontal disabled :value="agent.military_status" />
|
||||
<CTextarea label="گواهینامه های تخصصی اخذ شده" horizontal disabled rows="5" :value="agent.certificates" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>اطلاعات تماس:</h6>
|
||||
<el-divider></el-divider>
|
||||
|
||||
<CForm>
|
||||
<CInput label="استان" horizontal disabled :value="agent.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="agent.city_name" />
|
||||
<CInput label="نام شرکت/تعمیرگاه" horizontal disabled :value="agent.store_name" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="agent.postal_code" />
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="agent.mobile_number" />
|
||||
<CInput label="تلفن شرکت/تعمیرگاه" horizontal disabled :value="agent.tel_number" />
|
||||
<CInput label="فکس شرکت/تعمیرگاه" horizontal disabled :value="agent.fax_number" />
|
||||
<CInput label="کد اقتصادی" horizontal disabled :value="agent.economic_code" />
|
||||
<CInput label="ایمیل" horizontal disabled :value="agent.email" />
|
||||
<CTextarea label="آدرس" horizontal disabled rows="5" :value="agent.address" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>مشخصات مکان نماینده:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="جواز کسب" horizontal disabled :value="business_license" />
|
||||
<CInput label="نوع مالکیت" horizontal disabled :value="ownership_type" />
|
||||
<CInput label="متراژ کل (متر)" horizontal disabled :value="agent.total_area" />
|
||||
<CInput label="متراژ محل تعمیرات (متر)" horizontal disabled :value="agent.repair_area" />
|
||||
<CInput label="متراژ انبار (متر)" horizontal disabled :value="agent.stock_area" />
|
||||
<CInput label="طبقه محل مراجعه مشتریان" horizontal disabled :value="agent.customer_reference_floor" />
|
||||
|
||||
<CInput label="موقعیت مکانی" horizontal disabled :value="place_location" />
|
||||
<CInput label="موقعیت جغرافیایی" horizontal disabled :value="geo_location" />
|
||||
<CInput label="تعداد و ابعاد تابلو" horizontal disabled :value="agent.banner_info" />
|
||||
<CInput label="تعداد تکنسین های تعمیرگاه" horizontal disabled :value="agent.repair_technicians" />
|
||||
<CInput label="تعداد استادکار تعمیرگاه" horizontal disabled :value="agent.repair_masters" />
|
||||
<CInput label="تعداد کارکنان اداری" horizontal disabled :value="agent.office_workers" />
|
||||
<CInput label="تعداد پیک موتوری" horizontal disabled :value="agent.bike_deliveries" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>آشنایی با آسان سرویس:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="نحوه آشنایی با شرکت" horizontal disabled :value="know_asanServ_from" />
|
||||
<CTextarea
|
||||
label="در صورتیکه معرف دارید مشخصات ایشان را ذکر کنید"
|
||||
horizontal
|
||||
disabled
|
||||
rows="5"
|
||||
:value="agent.introducer_info"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
label="میزان آشنایی با محصولات آسان سرویس"
|
||||
horizontal
|
||||
disabled
|
||||
:value="asanServ_products_knowledge"
|
||||
/>
|
||||
<CInput
|
||||
label="آیا در زمینه فروش لوازم جانبی موبایل و کامپیوتر فعالیت دارید؟"
|
||||
horizontal
|
||||
disabled
|
||||
:value="computer_saling_exp"
|
||||
/>
|
||||
<CTextarea
|
||||
label="در صورت فعالیت فروش، نام شرکت و نوع محصول را نام ببرید"
|
||||
horizontal
|
||||
disabled
|
||||
rows="5"
|
||||
:value="agent.computer_saling_description"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>سایر توضیحات:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CTextarea label="سایر توضیحات" horizontal disabled rows="5" :value="agent.more_descriptions" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>سابقه فعالیت:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput
|
||||
label="سابقه فعالیت در تعمیر ابزار جانبی موبایل و کامپیوتر (سال)"
|
||||
horizontal
|
||||
disabled
|
||||
:value="agent.computer_repair_exp"
|
||||
/>
|
||||
<CInput
|
||||
label="سابقه فعالیت در تعمیر لوزام صوتی و تصویری (سال)"
|
||||
horizontal
|
||||
disabled
|
||||
:value="agent.multimedia_repair_exp"
|
||||
/>
|
||||
<CInput label="سابقه در محل کسب (سال)" horizontal disabled :value="agent.business_exp" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>نمایندگی نشان تجاری دیگر:</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="agent.other_representations" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="trademark" label="نشان تجاری" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="company_name" label="نام شرکت" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="cooperation_history" label="سابقه همکاری (سال)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="cooperation_start_year" label="سال شروع همکاری" width=""> </el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-for="item in agentAssetCategories" :key="item.fieldName" lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<h6>
|
||||
{{ item.title }}
|
||||
(عکس های آپلود شده)
|
||||
|
||||
<el-button
|
||||
size="small"
|
||||
:type="editFiles === item.fieldName ? 'success' : 'info'"
|
||||
@click="toggleEditFiles(item.fieldName)"
|
||||
>
|
||||
<span style="color: #fff"> ویرایش مدارک </span>
|
||||
</el-button>
|
||||
</h6>
|
||||
<el-divider></el-divider>
|
||||
|
||||
<template v-if="editFiles === item.fieldName">
|
||||
<RepresentationImageUploader
|
||||
:name="item.fieldName"
|
||||
:files-list="agent[item.fieldName] || []"
|
||||
:representation_code="agent.representation_code"
|
||||
is-admin
|
||||
/>
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-image
|
||||
v-for="image in agent[item.fieldName] || []"
|
||||
:key="image._id"
|
||||
style="width: 100px; height: 100px"
|
||||
:src="image.url"
|
||||
:preview-src-list="getImagePreviewList(agent[item.fieldName] || [])"
|
||||
fit="cover"
|
||||
class="ml-2"
|
||||
>
|
||||
</el-image>
|
||||
</template>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'AdminAgentDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const allData = await Promise.all([
|
||||
// agent
|
||||
$axios.get(`/api/admin/agentDetails/${params.agent}`),
|
||||
// agentInbox
|
||||
$axios.get(`/api/admin/agentInbox/${params.agent}`),
|
||||
// agent buffer request
|
||||
$axios.get(`/api/admin/agentBr/${params.agent}`),
|
||||
// agent oldPiece request
|
||||
$axios.get(`/api/admin/agentOpr/${params.agent}`),
|
||||
// agent piece request
|
||||
$axios.get(`/api/admin/agentPr/${params.agent}`)
|
||||
])
|
||||
const agent = allData[0]
|
||||
const agentInbox = allData[1]
|
||||
const agentBr = allData[2]
|
||||
const agentOpr = allData[3]
|
||||
const agentPr = allData[4]
|
||||
|
||||
return {
|
||||
agent: agent.data,
|
||||
agentInbox: agentInbox.data,
|
||||
agentBr: agentBr.data,
|
||||
agentOpr: agentOpr.data,
|
||||
agentPr: agentPr.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده درخواست نمایندگی',
|
||||
agent: null,
|
||||
agentInbox: null,
|
||||
agentBr: null,
|
||||
agentOpr: null,
|
||||
agentPr: null,
|
||||
editFiles: '',
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
agentAssetCategories: 'front/agentAssetCategories'
|
||||
}),
|
||||
updatePermission() {
|
||||
return this.$auth.user.permissions.includes('agentUpdate')
|
||||
},
|
||||
business_license() {
|
||||
if (this.agent.business_license) return 'دارد'
|
||||
else return 'ندارد'
|
||||
},
|
||||
ownership_type() {
|
||||
if (this.agent.ownership_type === 'owner') return 'مالک'
|
||||
else if (this.agent.ownership_type === 'rent') return 'استیجاری'
|
||||
else return 'سرقفلی'
|
||||
},
|
||||
place_location() {
|
||||
if (this.agent.place_location === 'tech_passage') return 'مرکز صنف موبایل و کامپیوتر'
|
||||
else return 'سایر'
|
||||
},
|
||||
geo_location() {
|
||||
if (this.agent.geo_location === 'main_street') return 'خیابان اصلی'
|
||||
else if (this.agent.geo_location === 'side_street') return 'خیابان فرعی'
|
||||
else if (this.agent.geo_location === 'alley') return 'کوچه'
|
||||
else if (this.agent.geo_location === 'inside_passage') return 'داخل پاساژ'
|
||||
else return 'بر پاساژ'
|
||||
},
|
||||
know_asanServ_from() {
|
||||
if (this.agent.know_asanServ_from === 'company_agents') return 'نماینده فروش'
|
||||
else if (this.agent.know_asanServ_from === 'website') return 'وب سایت'
|
||||
else if (this.agent.know_asanServ_from === 'company_workers') return 'پرسنل سازمان'
|
||||
else if (this.agent.know_asanServ_from === 'exhibition') return 'نمایشگاه'
|
||||
else if (this.agent.know_asanServ_from === 'introduced') return 'معرفی'
|
||||
else return 'سایر'
|
||||
},
|
||||
asanServ_products_knowledge() {
|
||||
if (this.agent.asanServ_products_knowledge === 4) return 'زیاد'
|
||||
else if (this.agent.asanServ_products_knowledge === 3) return 'نسبتاً خوب'
|
||||
else if (this.agent.asanServ_products_knowledge === 2) return 'متوسط'
|
||||
else if (this.agent.asanServ_products_knowledge === 1) return 'کم'
|
||||
else return 'خیلی کم'
|
||||
},
|
||||
computer_saling_exp() {
|
||||
if (this.agent.computer_saling_exp) return 'دارد'
|
||||
else return 'ندارد'
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
editFiles(newVal, oldVal) {
|
||||
this.$nuxt.refresh()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goToUpdatePage() {
|
||||
const title = 'هشدار'
|
||||
const msg =
|
||||
'توجه داشته باشید با تغییر اطللاعات نماینده اطلاعات چاپی روی رسید پذیرش موقت مشتریان تحت تاثیر قرار خواهند گرفت.'
|
||||
this.$confirm(msg, title, {
|
||||
confirmButtonText: 'رفتن به صفحه ویرایش',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$router.push({ name: 'admin-agentUpdate', query: { agent: this.agent._id } })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
getAgentInboxCount(status) {
|
||||
return this.agentInbox.filter(item => {
|
||||
if (status === 'unread') return !item.seen
|
||||
if (status === 'ttl') return !item.ItemReceptionTransNumber
|
||||
if (status === 'atl') return item.ItemReceptionTransNumber
|
||||
return false
|
||||
}).length
|
||||
},
|
||||
updateStatus(status) {
|
||||
if (status === this.agent.status) return
|
||||
const title = 'هشدار'
|
||||
function getMsg() {
|
||||
const msg1 = 'با تغییر وضعیت فرم به بررسی مدارک بلافاصله پیامک اطلاع رسانی برای متقاضی ارسال خواهد شد'
|
||||
const msg2 =
|
||||
'با تغییر وضعیت به رد شده یا تایید شده دیگر امکان تغییر وضعیت نخواهید داشت و پیامک تغییر وضعیت بلافاصله برای متقاضی ارسال خواهد شد، ادامه میدهید؟'
|
||||
const msg3 = 'پیامک ایجاد دسرترسی آپلود برای متقاضی ارسال خواهد شد، ادامه میدهید؟'
|
||||
const msg4 = 'با برداشتن دسترسی آپلود پیامکی برای متقاضی ارسال نخواهد شد'
|
||||
const msg5 = 'پیامک ایجاد دسرترسی ویرایش برای متقاضی ارسال خواهد شد، ادامه میدهید؟'
|
||||
const msg6 = 'با برداشتن دسترسی ویرایش پیامکی برای متقاضی ارسال نخواهد شد'
|
||||
|
||||
if (status === 'verification') return msg1
|
||||
else if (status === 'rejected' || status === 'accepted') return msg2
|
||||
else if (status === 'uploadOn') return msg3
|
||||
else if (status === 'uploadOff') return msg4
|
||||
else if (status === 'editAccessOn') return msg5
|
||||
else return msg6
|
||||
}
|
||||
|
||||
this.$confirm(getMsg(), title, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/admin/representationStatus/${this.agent._id}`, { status })
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: response.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
getImagePreviewList(images) {
|
||||
return images.map(item => item.url)
|
||||
},
|
||||
async revoke() {
|
||||
try {
|
||||
const title1 = ' هشدار - مرحله اول'
|
||||
const title2 = ' هشدار - مرحله دوم'
|
||||
const title3 = ' هشدار - مرحله آخر'
|
||||
|
||||
const msg1 = 'امتیاز نمایندگی از این نماینده صلب خواهد شد!'
|
||||
const msg2 =
|
||||
'با ابطال امتیاز نمایندگی دیگر امکان تغییر وجود ندارد و در صورت نیاز به اعطای مجدد امتیاز نمایندگی به این کاربر نیاز به ثبت درخواست مجدد توسط خود کاربر خواهد بود. '
|
||||
const msg3 = 'ادامه میدهید؟'
|
||||
|
||||
/// first step
|
||||
await this.$confirm(msg1, title1, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
/// second step
|
||||
await this.$confirm(msg2, title2, {
|
||||
confirmButtonText: 'متوجه شدم ',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
/// the last confirmation and send request
|
||||
await this.$confirm(msg3, title3, {
|
||||
confirmButtonText: 'ابطال نمایندگی ',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
|
||||
/// send request
|
||||
this.$axios
|
||||
.post(`/api/admin/revokeAgent/${this.agent._id}`)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$router.push({ name: 'admin-agents', query: { agent: true } })
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در روند انجام عملیات پیش آمده'
|
||||
})
|
||||
})
|
||||
} catch (e) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
}
|
||||
},
|
||||
toggleEditFiles(fieldName) {
|
||||
this.editFiles === fieldName ? (this.editFiles = '') : (this.editFiles = fieldName)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,194 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" class="mr-auto" @click="addAgentModal = true">
|
||||
<span style="color: #fff"> افزودن نماینده </span>
|
||||
</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fas fa-filter"></i>
|
||||
<b>فیلتر ها</b>
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<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 :data="filteredItems" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="full_name" label="نام" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="mobile_number" label="شماره موبایل" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="نوع نماینده" width="300">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.representation_type === 'both'">نماینده هر دو نوع لوازم</span>
|
||||
<span v-if="scope.row.representation_type === 'verity'">نماینده لوازم جانبی کامپیوتر و موبایل</span>
|
||||
<span v-if="scope.row.representation_type === 'panatech'">نماینده لوازم صوتی تصویری خودرو</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="agent_code" 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 label="مشاهده" width="70" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-agents-agent', params: { agent: scope.row._id }, query: { ...$route.query } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</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>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminAgentsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, query, error }) {
|
||||
try {
|
||||
let agents
|
||||
if (query?.revoked) {
|
||||
agents = await $axios.get('/api/admin/revokedAgents')
|
||||
} else {
|
||||
agents = await $axios.get('/api/public/agents')
|
||||
}
|
||||
|
||||
return {
|
||||
agents: agents.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list_title: 'لیست',
|
||||
agents: null,
|
||||
users: [],
|
||||
filterText: '',
|
||||
addAgentModal: false,
|
||||
selectedUserForNewAgent: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
revokedAgentsList() {
|
||||
return this.$route.query?.revoked
|
||||
},
|
||||
title() {
|
||||
if (this.revokedAgentsList) return 'لیست نمایندگان صلب امتیاز شده'
|
||||
else return 'لیست نمایندگان'
|
||||
},
|
||||
filteredItems() {
|
||||
const filterText = this.filterText.toLowerCase()
|
||||
if (!filterText.length) return this.agents
|
||||
else
|
||||
return this.agents.filter(item => {
|
||||
return (
|
||||
item.agent_code.toLowerCase().includes(filterText) ||
|
||||
item.full_name.toLowerCase().includes(filterText) ||
|
||||
item.mobile_number.toLowerCase().includes(filterText) ||
|
||||
item.province_name.toLowerCase().includes(filterText) ||
|
||||
item.city_name.toLowerCase().includes(filterText)
|
||||
)
|
||||
})
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
revokedAgentsList(newVal, oldVal) {
|
||||
this.$nuxt.refresh()
|
||||
},
|
||||
addAgentModal(newVal, oldVal) {
|
||||
this.selectedUserForNewAgent = null
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$axios.$get('/api/admin/users').then(res => {
|
||||
this.users = res
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
addAgent() {
|
||||
if (!this.selectedUserForNewAgent) {
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: 'ابتدا کاربر مورد نظر را انتخاب نمایید'
|
||||
})
|
||||
}
|
||||
this.$axios
|
||||
.$post('/api/admin/addAgentByAdmin', { user: this.selectedUserForNewAgent })
|
||||
.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
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,199 @@
|
||||
<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>
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-collapse>
|
||||
<el-collapse-item title="مشخصات مشتری">
|
||||
<CForm>
|
||||
<CInput label="کد مشتری وریتی" horizontal disabled :value="transaction.user_id.verity_businessCode" />
|
||||
<CInput
|
||||
label="کد مشتری پاناتک"
|
||||
horizontal
|
||||
disabled
|
||||
:value="transaction.user_id.panatech_businessCode"
|
||||
/>
|
||||
<CInput label="نام" horizontal disabled :value="transaction.user_id.first_name" />
|
||||
<CInput label="نام خانوادگی" horizontal disabled :value="transaction.user_id.last_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="transaction.user_id.national_code" />
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="transaction.user_id.mobile_number" />
|
||||
<CInput label="استان" horizontal disabled :value="transaction.user_id.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="transaction.user_id.city_name" />
|
||||
<CInput label="آدرس" horizontal disabled :value="transaction.user_id.address" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="transaction.user_id.postal_code" />
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<div style="text-align: center">
|
||||
<nuxt-link :to="{ name: 'admin-customers-customer', params: { customer: transaction.user_id._id } }"
|
||||
>مشاهده اکانت مشتری</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-collapse>
|
||||
<el-collapse-item title="مشخصات نماینده">
|
||||
<CForm>
|
||||
<CInput label="نام و نام خانوادگی" horizontal disabled :value="transaction.agent_id.full_name" />
|
||||
<CInput label="کد نماینده" horizontal disabled :value="transaction.agent_id.agent_code" />
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="transaction.agent_id.mobile_number" />
|
||||
<CInput label="تلفن شرکت/تعمیرگاه" horizontal disabled :value="transaction.agent_id.tel_number" />
|
||||
<CInput label="فکس شرکت/تعمیرگاه" horizontal disabled :value="transaction.agent_id.fax_number" />
|
||||
<CInput label="استان" horizontal disabled :value="transaction.agent_id.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="transaction.agent_id.city_name" />
|
||||
<CInput label="آدرس" horizontal disabled :value="transaction.agent_id.address" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="transaction.agent_id.postal_code" />
|
||||
<CInput label="نام شرکت/تعمیرگاه" horizontal disabled :value="transaction.agent_id.store_name" />
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<div style="text-align: center">
|
||||
<nuxt-link :to="{ name: 'admin-agents-agent', params: { agent: transaction.agent_id._id } }"
|
||||
>مشاهده اکانت نماینده</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-collapse>
|
||||
<el-collapse-item title="تاریخچه وضعیت های فرم">
|
||||
<el-table :data="transaction.statusHistory" style="width: 100%">
|
||||
<el-table-column prop="name" label="وضعیت">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ getStatusName(scope.row.status) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="date" label="تاریخ">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: inline-block; direction: ltr">{{ $jDateTime(scope.row.date) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<CForm>
|
||||
<CInput label="وضعیت فعلی فرم" horizontal disabled :value="getStatusName(transaction.status)" />
|
||||
<CInput label="شماره پذیرش موقت" horizontal disabled :value="transaction.TempReceiptTransNumber" />
|
||||
<CInput
|
||||
label="شماره پذیرش دائم"
|
||||
horizontal
|
||||
disabled
|
||||
:value="transaction.ItemReceptionTransNumber || '-'"
|
||||
/>
|
||||
<CInput
|
||||
label="تاریخ پذیرش موقت"
|
||||
horizontal
|
||||
disabled
|
||||
:value="$jDate(transaction.TempReceiptTransDate)"
|
||||
/>
|
||||
<CInput
|
||||
label="تاریخ پذیرش دائم"
|
||||
horizontal
|
||||
disabled
|
||||
:value="$jDate(transaction.ItemReceptionTransDate)"
|
||||
/>
|
||||
<CTextarea label="آدرس فرم" horizontal disabled rows="5" :value="transaction.cAddress1" />
|
||||
<CTextarea label="توضیحات فرم" horizontal disabled rows="5" :value="transaction.Description" />
|
||||
</CForm>
|
||||
<h6>لیست کالاهای فرم:</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="transaction.items" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
<el-table-column prop="ItemName" label="نام کالا" width="">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ getItemName(scope.row.ItemID) || 'درحال بارگیری ...' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="SerialNo1" label="سریال کالا" width="">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.SerialNo1 || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="MjQty" label="تعداد" width=""></el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminAgentInboxDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const transaction = await $axios.get(`/api/admin/allAgentsInbox/${params.tr}`)
|
||||
if (!transaction.data.user_id) throw new Error('err')
|
||||
return {
|
||||
transaction: transaction.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده درخواست کالای بافر',
|
||||
transaction: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
products() {
|
||||
if (this.transaction.db_name === 'verity') return this.$store.state.admin.verityProducts
|
||||
else if (this.transaction.db_name === 'panatech') return this.$store.state.admin.panatechProducts
|
||||
else return []
|
||||
},
|
||||
allItemsAreinDraftsItems() {
|
||||
return this.agentDraftItems.length === this.transaction.items.length
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getItemName(ItemID) {
|
||||
return this.products.find(item => item.ItemID === ItemID)?.ItemName
|
||||
},
|
||||
getStatusName(status) {
|
||||
if (status === 'saved') return 'ثبت شده'
|
||||
else if (status === 'recieved') return 'پذیرش'
|
||||
else if (status === 'ongoing') return 'در دست اقدام'
|
||||
else if (status === 'waiting') return 'در انتظار قطعه'
|
||||
else if (status === 'delivered') return 'تحویل شد'
|
||||
else return 'invalid status'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,339 @@
|
||||
<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">
|
||||
<div class="mb-5">
|
||||
<el-select v-model="selectedAgent" style="" clearable filterable placeholder="فیلتر بر اساس نماینده">
|
||||
<el-option-group label="نمایندگان فعال">
|
||||
<el-option
|
||||
v-for="item of agents"
|
||||
:key="item._id"
|
||||
:value="item._id"
|
||||
:label="item.full_name + ' ' + `(نمایندگی ${item.city_name} - کد ${item.agent_code})`"
|
||||
></el-option>
|
||||
</el-option-group>
|
||||
|
||||
<el-option-group label="نمایندگان صلب امتیاز شده">
|
||||
<el-option
|
||||
v-for="item of revokedAgents"
|
||||
:key="item._id"
|
||||
:value="item._id"
|
||||
:label="item.full_name + ' ' + `(نمایندگی ${item.city_name} - کد ${item.agent_code})`"
|
||||
></el-option>
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
|
||||
<el-select
|
||||
v-model="selectedProvince"
|
||||
style=""
|
||||
:disabled="Boolean(selectedAgent)"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="فیلتر بر اساس استان"
|
||||
>
|
||||
<el-option
|
||||
v-for="item of iranProvinces"
|
||||
:key="item.ProvinceID"
|
||||
:value="item.ProvinceID"
|
||||
:label="item.ProvinceName"
|
||||
></el-option>
|
||||
</el-select>
|
||||
|
||||
<el-select
|
||||
v-model="selectedCity"
|
||||
style=""
|
||||
:disabled="Boolean(selectedAgent)"
|
||||
clearable
|
||||
filterable
|
||||
placeholder="فیلتر بر اساس شهر"
|
||||
>
|
||||
<el-option
|
||||
v-for="item of filteredCities"
|
||||
:key="item.CityID"
|
||||
:value="item.CityID"
|
||||
:label="item.CityName"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="statusBtns">
|
||||
<CButtonGroup>
|
||||
<CButton
|
||||
:color="filterType === 'all' ? 'primary' : 'light'"
|
||||
:class="filterType === 'all' && 'selected'"
|
||||
@click="filterType = 'all'"
|
||||
>
|
||||
<span>همه</span>
|
||||
<span> ({{ filteredItems.length }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'saved' ? 'primary' : 'light'"
|
||||
:class="filterType === 'saved' && 'selected'"
|
||||
@click="filterType = 'saved'"
|
||||
>
|
||||
<span>جدید</span>
|
||||
<span> ({{ getListCountByStatus('saved') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'recieved' ? 'primary' : 'light'"
|
||||
:class="filterType === 'recieved' && 'selected'"
|
||||
@click="filterType = 'recieved'"
|
||||
>
|
||||
<span>پذیرش شده</span>
|
||||
<span> ({{ getListCountByStatus('recieved') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'ongoing' ? 'primary' : 'light'"
|
||||
:class="filterType === 'ongoing' && 'selected'"
|
||||
@click="filterType = 'ongoing'"
|
||||
>
|
||||
<span>در دست اقدام</span>
|
||||
<span> ({{ getListCountByStatus('ongoing') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'waiting' ? 'primary' : 'light'"
|
||||
:class="filterType === 'waiting' && 'selected'"
|
||||
@click="filterType = 'waiting'"
|
||||
>
|
||||
<span>در انتظار قطعه</span>
|
||||
<span> ({{ getListCountByStatus('waiting') }} )</span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'delivered' ? 'primary' : 'light'"
|
||||
:class="filterType === 'delivered' && 'selected'"
|
||||
@click="filterType = 'delivered'"
|
||||
>
|
||||
<span>تحویل شده</span>
|
||||
<span> ({{ getListCountByStatus('delivered') }}) </span>
|
||||
</CButton>
|
||||
</CButtonGroup>
|
||||
</div>
|
||||
</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
|
||||
:data="filteredItems"
|
||||
style="width: 100%"
|
||||
:row-class-name="({ row, rowIndex }) => row.status === 'saved' && 'unread'"
|
||||
>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ ثبت درخواست" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.sendDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="TempReceiptTransNumber" label="کد پذیرش موقت" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="ItemReceptionTransNumber" label="کد پذیرش دائم" width="">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.ItemReceptionTransNumber || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="user_id.province_name" label="استان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="user_id.city_name" label="شهر" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.agent_code" label="کد نماینده" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت" width="" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.status === 'saved'" type="info">جدید</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'recieved'" type="info">پذیرش شده</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'ongoing'" type="primary">در دست اقدام</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'waiting'" type="warning">در انتظار قطعه</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'delivered'" type="success">تحویل شده</el-tag>
|
||||
</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-agentsInbox-tr', params: { tr: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminAgentsInboxList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const transactions = await $axios.get('/api/admin/allAgentsInbox')
|
||||
const agents = await $axios.get('/api/public/agents')
|
||||
const revokedAgents = await $axios.get('/api/admin/revokedAgents')
|
||||
return {
|
||||
transactions: transactions.data,
|
||||
agents: agents.data,
|
||||
revokedAgents: revokedAgents.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'صندوق ورودی نمایندگان',
|
||||
list_title: 'لیست',
|
||||
transactions: null,
|
||||
agents: null,
|
||||
revokedAgents: null,
|
||||
filterText: '',
|
||||
selectedAgent: '',
|
||||
selectedProvince: '',
|
||||
selectedCity: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
iranProvinces() {
|
||||
return this.$store.state.admin.iranProvinces
|
||||
},
|
||||
iranCities() {
|
||||
return this.$store.state.admin.iranCities
|
||||
},
|
||||
filteredCities() {
|
||||
if (this.selectedProvince) {
|
||||
return this.iranCities.filter(item => item.ProvinceID === this.selectedProvince)
|
||||
} else return this.iranCities
|
||||
},
|
||||
filteredItems() {
|
||||
const filterStep1 = this.transactions.filter(item => {
|
||||
if (this.selectedAgent) {
|
||||
if (this.selectedAgent === item.agent_id?._id) return item
|
||||
return false
|
||||
} else return item
|
||||
})
|
||||
|
||||
const filterStep2 = filterStep1.filter(item => {
|
||||
if (this.selectedProvince) {
|
||||
if (this.selectedProvince === item.user_id?.province_id) return item
|
||||
return false
|
||||
} else return item
|
||||
})
|
||||
|
||||
const filterStep3 = filterStep2.filter(item => {
|
||||
if (this.selectedCity) {
|
||||
if (this.selectedCity === item.user_id?.city_id) return item
|
||||
return false
|
||||
} else return item
|
||||
})
|
||||
|
||||
const filterByStatus = filterStep3.filter(item =>
|
||||
this.filterType === 'all' ? item : item.status === this.filterType
|
||||
)
|
||||
const filterText = this.filterText
|
||||
if (!this.filterText.length) return filterByStatus
|
||||
else
|
||||
return filterByStatus.filter(item => {
|
||||
return (
|
||||
item.TempReceiptTransNumber.includes(filterText) ||
|
||||
item.ItemReceptionTransNumber.includes(filterText) ||
|
||||
item.user_id.verity_businessCode.includes(filterText) ||
|
||||
item.user_id.panatech_businessCode.includes(filterText)
|
||||
)
|
||||
})
|
||||
},
|
||||
filterType: {
|
||||
get() {
|
||||
return this.$route.query.status
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'admin-agentsInbox', query: { status: val } })
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
selectedProvince(newVal, oldVal) {
|
||||
this.selectedCity = ''
|
||||
},
|
||||
selectedAgent(newVal, oldVal) {
|
||||
this.selectedProvince = ''
|
||||
this.selectedCity = ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getListCountByStatus(status) {
|
||||
return this.filteredItems.filter(item => item.status === status).length
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scopped>
|
||||
.statusBtns {
|
||||
.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;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.unread {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,226 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
<CButton v-if="isNew" size="sm" color="success" class="mr-1" @click="post">افزودن</CButton>
|
||||
<!-- <CButton size="sm" v-else color="success" class="mr-1" @click="update">بروزرسانی</CButton>-->
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol v-if="type" sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>متن اعلان:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="announcement.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:class="validation.title && 'err'"
|
||||
:disabled="!isNew"
|
||||
:description="validation.title && validation.title.msg"
|
||||
/>
|
||||
<CTextarea
|
||||
v-model="announcement.caption"
|
||||
label="متن"
|
||||
horizontal
|
||||
rows="5"
|
||||
:class="validation.caption && 'err'"
|
||||
:disabled="!isNew"
|
||||
:description="validation.caption && validation.caption.msg"
|
||||
/>
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<h6>تاریخ منقضی شدن اعلان:</h6>
|
||||
<p v-if="type === 'user'" class="mb-4" style="font-size: 12px; color: gray">
|
||||
*زمانی که اعلان منقضی شود از لیست حذف نخواهد شد و فقط در پنل کاربران قابل مشاهده نخواهد بود.
|
||||
</p>
|
||||
<p v-if="type === 'agent'" class="mb-4" style="font-size: 12px; color: gray">
|
||||
*زمانی که اعلان منقضی شود از لیست حذف نخواهد شد و فقط در پنل نمایندگان قابل مشاهده نخواهد بود.
|
||||
</p>
|
||||
<persian-date-picker
|
||||
v-model="expireDate"
|
||||
display-format="jYYYY/jMM/jDD"
|
||||
:min="today"
|
||||
format="x"
|
||||
:disabled="!isNew"
|
||||
placeholder="تاریخ را انتخاب کنید"
|
||||
color="#065495"
|
||||
/>
|
||||
|
||||
<p v-if="validation.expireDate" style="color: red">{{ validation.expireDate.msg }}</p>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-if="$route.params.item !== 'new' && type" sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>وضعیت بازدید اعلان:</h6>
|
||||
<el-divider></el-divider>
|
||||
<div class="progressBar">
|
||||
<el-progress
|
||||
:text-inside="true"
|
||||
:stroke-width="26"
|
||||
:color="customColors"
|
||||
:percentage="seenPercentage"
|
||||
></el-progress>
|
||||
</div>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminAnnouncementDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, query, error }) {
|
||||
try {
|
||||
if (params.item !== 'new') {
|
||||
const announcement = await $axios.get(`/api/admin/announcements/${params.item}`)
|
||||
const users = await $axios.get(`/api/admin/announcementsUsers`)
|
||||
const agents = await $axios.get('/api/public/agents')
|
||||
return {
|
||||
announcement: announcement.data,
|
||||
users: users.data,
|
||||
agents: agents.data
|
||||
}
|
||||
} else {
|
||||
return {
|
||||
announcement: {
|
||||
title: '',
|
||||
caption: '',
|
||||
expireDate: '',
|
||||
isForAgents: !!query?.agent
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
announcement: null,
|
||||
users: null,
|
||||
agents: null,
|
||||
customColors: [
|
||||
{ color: '#f56c6c', percentage: 20 },
|
||||
{ color: '#e6a23c', percentage: 40 },
|
||||
{ color: '#1989fa', percentage: 60 },
|
||||
{ color: '#5cb87a', percentage: 80 },
|
||||
{ color: '#5cb87a', percentage: 100 }
|
||||
],
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (this.type === 'agent' && this.isNew) return 'افزودن اطلاعیه برای نمایندگان'
|
||||
if (this.type === 'user' && this.isNew) return 'افزودن اعلان برای مشتریان'
|
||||
if (this.type === 'agent') return 'مشاهده اطلاعیه نمایندگان'
|
||||
if (this.type === 'user') return 'مشاهده اعلان مشتریان'
|
||||
return null
|
||||
},
|
||||
type() {
|
||||
if (this.$route.query?.user) return 'user'
|
||||
if (this.$route.query?.agent) return 'agent'
|
||||
return null
|
||||
},
|
||||
isNew() {
|
||||
return this.$route.params.item === 'new'
|
||||
},
|
||||
seenPercentage() {
|
||||
let totalAudience
|
||||
if (this.type === 'user') totalAudience = this.users.length || 1
|
||||
if (this.type === 'agent') totalAudience = this.agents.length || 1
|
||||
const percenteage = Number(((this.announcement.seenBy.length * 100) / totalAudience).toFixed(2))
|
||||
return percenteage > 100 ? 100 : percenteage
|
||||
},
|
||||
today() {
|
||||
return Date.now().toString()
|
||||
},
|
||||
expireDate: {
|
||||
get() {
|
||||
return this.announcement.expireDate.toString()
|
||||
},
|
||||
set(val) {
|
||||
this.announcement.expireDate = val
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
post() {
|
||||
this.validation = {}
|
||||
this.$axios
|
||||
.post('/api/admin/announcements', this.announcement)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'پیام با موفقیت برای کاربران ارسال شد'
|
||||
})
|
||||
this.$router.push({ name: 'admin-announcements', query: { ...this.$route.query } })
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 422) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'پارامتر ها رو بررسی کنید'
|
||||
})
|
||||
this.validation = err.response.data.validation
|
||||
}
|
||||
if (err.response.status === 401)
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'دوباره وارد سیستم شوید'
|
||||
})
|
||||
})
|
||||
}
|
||||
// update() {
|
||||
// this.validation = {}
|
||||
// this.$axios.put(`/api/admin/announcement/${this.announcement._id}`, this.announcement)
|
||||
// .then(res => {
|
||||
// this.$message({
|
||||
// type: 'success',
|
||||
// message: 'پیام با موفقیت بروزرسانی شد'
|
||||
// })
|
||||
// this.$router.push({name: 'admin-announcements'})
|
||||
// })
|
||||
// .catch(err => {
|
||||
// if (err.response.status === 422) {
|
||||
// this.$message({
|
||||
// type: 'warning',
|
||||
// message: 'پارامتر ها رو بررسی کنید'
|
||||
// })
|
||||
// this.validation = err.response.data.validation
|
||||
// }
|
||||
// if (err.response.status === 401) this.$message({
|
||||
// type: 'error',
|
||||
// message: 'دوباره وارد سیستم شوید'
|
||||
// })
|
||||
// else console.log(err)
|
||||
// })
|
||||
// },
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.progressBar {
|
||||
.el-progress-bar__inner {
|
||||
left: auto;
|
||||
right: 0;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,151 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="success"
|
||||
class="mr-auto"
|
||||
:to="{ name: 'admin-announcements-item', params: { item: 'new' }, query: { ...$route.query } }"
|
||||
>افزودن</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
|
||||
<CCardBody>
|
||||
<el-table :data="filteredByType" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="عنوان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="caption" label="متن" width="">
|
||||
<template slot-scope="scope">
|
||||
<span class="singleLineTxt" :title="scope.row.caption"> {{ scope.row.caption }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="caption" label="تاریخ ایجاد" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.created_at) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="caption" label="تاریخ انقضا" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.expireDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="caption" label="وضعیت اعلان" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.expired" type="danger">منقضی شده</el-tag>
|
||||
<el-tag v-else type="success">معتبر</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="110" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton :key="scope.row._id" color="danger" variant="outline" @click="removeAnnouncement(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
<CButton
|
||||
:key="scope.row._id + type"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-announcements-item', params: { item: scope.row._id }, query: { ...$route.query } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminAnnouncementsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const announcements = await $axios.get('/api/admin/announcements')
|
||||
return {
|
||||
announcements: announcements.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list_title: 'لیست',
|
||||
announcements: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (this.type === 'user') return 'اعلانات مشتریان'
|
||||
if (this.type === 'agent') return 'اطلاعیه های نمایندگان'
|
||||
return 'invalid params'
|
||||
},
|
||||
type() {
|
||||
if (this.$route.query?.user) return 'user'
|
||||
if (this.$route.query?.agent) return 'agent'
|
||||
return null
|
||||
},
|
||||
filteredByType() {
|
||||
return this.announcements.filter(item => {
|
||||
if (this.type === 'user' && !item.isForAgents) return item
|
||||
if (this.type === 'agent' && item.isForAgents) return item
|
||||
return false
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
removeAnnouncement(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/announcements/${id}`)
|
||||
.then(res => {
|
||||
this.announcements = this.announcements.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,225 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="bufferRequest._openedBy && bufferRequest._openedBy.first_name" type="primary" class="ml-1">
|
||||
<span>اولین مشاهده توسط: </span>
|
||||
<span> {{ bufferRequest._openedBy.first_name + ' ' + bufferRequest._openedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<el-tag v-if="bufferRequest._updatedBy && bufferRequest._updatedBy.first_name" type="primary" class="ml-1">
|
||||
<span>تغییر وضعیت توسط: </span>
|
||||
<span> {{ bufferRequest._updatedBy.first_name + ' ' + bufferRequest._updatedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol v-if="!bufferRequest.archived && bufferRequest.status !== 'rejected'" lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
<h6>تغییر وضعیت فرم</h6>
|
||||
<el-divider></el-divider>
|
||||
<CButtonGroup>
|
||||
<!-- <CButton
|
||||
:color="bufferRequest.status === 'ongoing' ? 'warning' : 'light'"
|
||||
@click="updateStatus('ongoing')"
|
||||
>
|
||||
در دست اقدام
|
||||
</CButton> -->
|
||||
|
||||
<CButton
|
||||
:color="bufferRequest.status === 'waiting' ? 'warning' : 'light'"
|
||||
@click="updateStatus('waiting')"
|
||||
>
|
||||
در انتظار قطعه
|
||||
</CButton>
|
||||
|
||||
<el-popover
|
||||
v-model="deliverPopover"
|
||||
placement="bottom"
|
||||
width="160"
|
||||
:disabled="bufferRequest.status === 'delivered'"
|
||||
@click="deliveryPopover = true"
|
||||
>
|
||||
<el-input v-model="deliveryCode" placeholder="کد ارسال مرسوله"></el-input>
|
||||
<div class="mt-1" style="text-align: center">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
class="agentsStatus-popover-insideBtn"
|
||||
@click="updateStatus('delivered')"
|
||||
>ارسال</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
<CButton slot="reference" :color="bufferRequest.status === 'delivered' ? 'success' : 'light'">
|
||||
تحویل شده
|
||||
</CButton>
|
||||
</el-popover>
|
||||
</CButtonGroup>
|
||||
<div v-if="bufferRequest.status === 'delivered'" class="mt-3">
|
||||
<p>
|
||||
<span>کد ارسال مرسوله: </span>
|
||||
<b>{{ bufferRequest.deliveryCode || '-' }} </b>
|
||||
</p>
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol lg="6">
|
||||
<h6>تاریخچه وضعیت های فرم</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="bufferRequest.statusHistory" style="width: 100%">
|
||||
<el-table-column prop="name" label="وضعیت">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.status === 'temp'">پیشنویس</span>
|
||||
<span v-if="scope.row.status === 'sent'">ارسال</span>
|
||||
<span v-if="scope.row.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="scope.row.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="scope.row.status === 'delivered'">تحویل شده</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="date" label="تاریخ">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: inline-block; direction: ltr">{{ $jDateTime(scope.row.date) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-collapse>
|
||||
<el-collapse-item title="مشخصات نماینده">
|
||||
<CForm>
|
||||
<CInput label="نام و نام خانوادگی" horizontal disabled :value="bufferRequest.agent_id.full_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="bufferRequest.agent_id.national_code" />
|
||||
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="bufferRequest.agent_id.mobile_number" />
|
||||
<CInput label="تلفن شرکت/تعمیرگاه" horizontal disabled :value="bufferRequest.agent_id.tel_number" />
|
||||
<CInput label="فکس شرکت/تعمیرگاه" horizontal disabled :value="bufferRequest.agent_id.fax_number" />
|
||||
|
||||
<CInput label="استان" horizontal disabled :value="bufferRequest.agent_id.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="bufferRequest.agent_id.city_name" />
|
||||
<CInput label="آدرس" horizontal disabled :value="bufferRequest.agent_id.address" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="bufferRequest.agent_id.postal_code" />
|
||||
<CInput label="نام شرکت/تعمیرگاه" horizontal disabled :value="bufferRequest.agent_id.store_name" />
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<div style="text-align: center">
|
||||
<nuxt-link :to="{ name: 'admin-agents-agent', params: { agent: bufferRequest.user_id } }"
|
||||
>مشاهده اکانت نماینده</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<CForm>
|
||||
<CTextarea label="توضیحات فرم" horizontal disabled rows="5" :value="bufferRequest.description" />
|
||||
</CForm>
|
||||
<h6>لیست کالاهای بافر درخواستی:</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="bufferRequest.items" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="ItemName" label="نام کالا" width=""></el-table-column>
|
||||
|
||||
<el-table-column prop="bufferQuantity" label="تعداد" width=""></el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminBufferRequestDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const bufferRequest = await $axios.get(`/api/admin/br/${params.brId}`)
|
||||
return {
|
||||
bufferRequest: bufferRequest.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده درخواست کالای بافر',
|
||||
bufferRequest: null,
|
||||
deliverPopover: false,
|
||||
deliveryCode: '',
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateStatus(status) {
|
||||
if (status === this.bufferRequest.status) return
|
||||
if (this.bufferRequest.status === 'delivered') return
|
||||
const title = 'هشدار'
|
||||
function getMsg() {
|
||||
const msg1 = 'با تغییر وضعیت فرم به در انتظار قطعه بلافاصله پیامک اطلاع رسانی برای نماینده ارسال خواهد شد'
|
||||
const msg2 =
|
||||
'با تغییر وضعیت فرم به تحویل شده بلافاصله پیامک اطلاع رسانی برای نماینده ارسال خواهد شد. توجه داشته باشید بعدا نمیتوانید کد ارسال مرسوله را تغییر دهید.'
|
||||
|
||||
if (status === 'ongoing') return msg1
|
||||
else return msg2
|
||||
}
|
||||
|
||||
this.$confirm(getMsg(), title, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/admin/brStatus/${this.bufferRequest._id}`, { status, deliveryCode: this.deliveryCode })
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: response.data.message
|
||||
})
|
||||
this.deliveryCode = ''
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,219 @@
|
||||
<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="filterType === 'all' ? 'primary' : 'light'"
|
||||
:class="filterType === 'all' && 'selected'"
|
||||
@click="filterType = 'all'"
|
||||
>
|
||||
<span>همه</span>
|
||||
<span> ({{ brList.length }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'sent' ? 'primary' : 'light'"
|
||||
:class="filterType === 'sent' && 'selected'"
|
||||
@click="filterType = 'sent'"
|
||||
>
|
||||
<span>جدید</span>
|
||||
<span> ({{ getListCountByStatus('sent') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'ongoing' ? 'primary' : 'light'"
|
||||
:class="filterType === 'ongoing' && 'selected'"
|
||||
@click="filterType = 'ongoing'"
|
||||
>
|
||||
<span>در دست اقدام</span>
|
||||
<span> ({{ getListCountByStatus('ongoing') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'waiting' ? 'primary' : 'light'"
|
||||
:class="filterType === 'waiting' && 'selected'"
|
||||
@click="filterType = 'waiting'"
|
||||
>
|
||||
<span>در انتظار قطعه</span>
|
||||
<span> ({{ getListCountByStatus('waiting') }} )</span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'delivered' ? 'primary' : 'light'"
|
||||
:class="filterType === 'delivered' && 'selected'"
|
||||
@click="filterType = 'delivered'"
|
||||
>
|
||||
<span>تحویل شده</span>
|
||||
<span> ({{ getListCountByStatus('delivered') }}) </span>
|
||||
</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
|
||||
:data="filteredItems"
|
||||
style="width: 100%"
|
||||
:row-class-name="({ row, rowIndex }) => row.status === 'sent' && 'unread'"
|
||||
>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ ثبت درخواست" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.sendDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="trackingCode" label="کد پیگیری" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.province_name" label="استان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.city_name" label="شهر" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.agent_code" label="کد نماینده" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت" width="" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.status === 'sent'" type="info">جدید</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'ongoing'" type="primary">در دست اقدام</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'waiting'" type="warning">در انتظار قطعه</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'delivered'" type="success">تحویل شده</el-tag>
|
||||
</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-buffer-requests-brId', params: { brId: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminBufferRequestsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const brList = await $axios.get('/api/admin/brList')
|
||||
return {
|
||||
brList: brList.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'درخواست های کالای بافر',
|
||||
list_title: 'لیست',
|
||||
brList: null,
|
||||
filterText: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterData = this.brList.filter(item =>
|
||||
this.filterType === 'all' ? item : item.status === this.filterType
|
||||
)
|
||||
const filterText = this.filterText
|
||||
if (!this.filterText.length) return filterData
|
||||
else
|
||||
return filterData.filter(item => {
|
||||
return (
|
||||
item.trackingCode.includes(filterText) ||
|
||||
item.agent_id.agent_code.includes(filterText) ||
|
||||
item.agent_id.full_name.includes(filterText) ||
|
||||
item.agent_id.mobile_number.includes(filterText) ||
|
||||
item.agent_id.national_code.includes(filterText) ||
|
||||
item.agent_id.province_name.includes(filterText) ||
|
||||
item.agent_id.city_name.includes(filterText)
|
||||
)
|
||||
})
|
||||
},
|
||||
filterType: {
|
||||
get() {
|
||||
return this.$route.query.status
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'admin-buffer-requests', query: { status: val } })
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getListCountByStatus(status) {
|
||||
return this.brList.filter(item => item.status === status).length
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scopped>
|
||||
.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;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.unread {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,54 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="message.read_by && message.read_by.first_name" type="primary">
|
||||
<span>خوانده شده توسط: </span>
|
||||
<span> {{ message.read_by.first_name + ' ' + message.read_by.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-contact-us' }">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput v-model="message.full_name" label="نام و نام خانوادگی" horizontal disabled />
|
||||
<CInput label="ایمیل" horizontal disabled :value="message.email" />
|
||||
|
||||
<CTextarea label="پیام" horizontal disabled rows="20" :value="message.message" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminContactUsMsgDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const message = await $axios.get(`/api/admin/contact/${params.message}`)
|
||||
return {
|
||||
message: message.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'پیام',
|
||||
message: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,116 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<!-- <CButton size="sm" color="success" :to="{name: 'admin-FAQ-new'}" class="mr-auto">افزودن</CButton>-->
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol col="col">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fal fa-filter"></i>
|
||||
<span>فیلتر</span>
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CButtonGroup>
|
||||
<CButton color="primary" :class="filter === 'all' && 'selected'" @click="filter = 'all'">همه</CButton>
|
||||
<CButton color="warning" :class="!filter && 'selected'" @click="filter = false">خوانده نشده</CButton>
|
||||
<CButton color="success" :class="filter === true && 'selected'" @click="filter = true"
|
||||
>خوانده شده</CButton
|
||||
>
|
||||
</CButtonGroup>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fal fa-bars"></i>
|
||||
<span>{{ list_title }}</span>
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="filtered" :row-class-name="readStatus" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="full_name" label="نام و نام خانوادگی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="email" label="ایمیل" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="مشاهده" width="70" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="`/admin/contact-us/${scope.row._id}`"
|
||||
>
|
||||
<i class="far fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminContactUsMsgList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const messages = await $axios.get(`/api/admin/contact`)
|
||||
return {
|
||||
messages: messages.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'پیام ها',
|
||||
list_title: 'لیست',
|
||||
messages: null,
|
||||
filter: 'all'
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filtered() {
|
||||
if (this.filter === 'all') return this.messages
|
||||
else return this.messages.filter(item => item.read === this.filter)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
readStatus({ row, rowIndex }) {
|
||||
return row.read ? null : 'unread'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.unread {
|
||||
background: rgb(255, 173, 0, 0.12) !important;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="dCategory._creator && dCategory._creator.first_name" type="primary">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ dCategory._creator.first_name + ' ' + dCategory._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-download-categories' }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="dCategory.name"
|
||||
label="نام"
|
||||
horizontal
|
||||
:description="validation.name ? validation.name.msg : null"
|
||||
:class="validation.name ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminDownloadCategoryDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const dCategory = await $axios.get(`/api/public/dCategory/${params.item}`)
|
||||
return {
|
||||
dCategory: dCategory.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'ویرایش دسته بندی',
|
||||
dCategory: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/dCategory/${this.dCategory._id}`, this.dCategory)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,104 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-download-categories-new' }" class="mr-auto"
|
||||
>افزودن</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="dCategories" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="name" label="نام" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="warning"
|
||||
variant="outline"
|
||||
:to="`/admin/download-categories/${scope.row._id}`"
|
||||
>
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminDownloadCategoryList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const dCategories = await $axios.get(`/api/public/dCategory`)
|
||||
return {
|
||||
dCategories: dCategories.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'دسته بندی دانلود',
|
||||
list_title: 'لیست',
|
||||
dCategories: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
del(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/dCategory/${id}`)
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
this.dCategories = this.dCategories.filter(item => item._id !== id)
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-download-categories' }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">ایجاد</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="formData.name"
|
||||
label="نام"
|
||||
horizontal
|
||||
:description="validation.name ? validation.name.msg : null"
|
||||
:class="validation.name ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminAddNewDownloadCategory',
|
||||
layout: 'admin',
|
||||
data() {
|
||||
return {
|
||||
title: 'افزودن دسته بندی دانلود',
|
||||
formData: {
|
||||
name: ''
|
||||
},
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/dCategory`, this.formData)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت ثبت شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-download-categories' })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,370 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="download._creator && download._creator.first_name" type="primary">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ download._creator.first_name + ' ' + download._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="primary"
|
||||
class="mr-auto"
|
||||
:to="{ name: 'admin-downloads-page', params: { page: $route.params.page } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" :disabled="pending" @click="upload"
|
||||
>بروزرسانی</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CSelect
|
||||
label="دسته بندی"
|
||||
placeholder="دسته بندی را انتخاب کنید"
|
||||
horizontal
|
||||
:options="mappedCategories(dCategories)"
|
||||
:value.sync="download.category"
|
||||
:description="validation.category ? validation.category.msg : null"
|
||||
:class="validation.category ? 'err' : null"
|
||||
>
|
||||
</CSelect>
|
||||
|
||||
<CInput
|
||||
v-model="download.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="download.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="download.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="download.image" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="image" type="file" @change="imagePreview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.image" class="form-text alert-danger w-100">
|
||||
{{ validation.image.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100">
|
||||
بهتر است تصویر با فرمت png و پسزمینه شفاف باشد.
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="far fa-plus"></i>
|
||||
<strong>افزودن فایل</strong>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CSelect
|
||||
label="سیستم عامل"
|
||||
placeholder="سیستم عامل را انتخاب کنید"
|
||||
horizontal
|
||||
:options="mappedOS(appOS)"
|
||||
:value.sync="app.os"
|
||||
:description="validation.os ? validation.os.msg : null"
|
||||
:class="validation.os ? 'err' : null"
|
||||
>
|
||||
</CSelect>
|
||||
|
||||
<CInput
|
||||
v-model="app.name"
|
||||
label="نام"
|
||||
horizontal
|
||||
:description="validation.name ? validation.name.msg : null"
|
||||
:class="validation.name ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow>
|
||||
<CCol col="3">
|
||||
<span>فایل برنامه</span>
|
||||
</CCol>
|
||||
<CCol col="9">
|
||||
<input ref="file" type="file" />
|
||||
</CCol>
|
||||
<CCol col="9" class="mr-auto mt-3">
|
||||
<small v-if="validation.file" class="form-text alert-danger w-100">
|
||||
{{ validation.file.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<CButton color="success" class="mt-3" :disabled="pending" @click.prevent="addApp">افزودن</CButton>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<i class="fas fa-list"></i>
|
||||
<strong>لیست فایل ها</strong>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CListGroup>
|
||||
<CListGroupItem
|
||||
v-for="(item, index) in download.files"
|
||||
:key="item._id"
|
||||
target="_blank"
|
||||
download
|
||||
:href="item.file"
|
||||
:color="index % 2 ? 'light' : 'dark'"
|
||||
>
|
||||
<CRow>
|
||||
<CCol col="11">
|
||||
{{ item.name }}
|
||||
</CCol>
|
||||
<CCol col="1" style="text-align: left">
|
||||
<i class="fas fa-trash-alt delete-btn" @click.prevent="delApp(item._id)"></i>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CListGroupItem>
|
||||
</CListGroup>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axiosUploadProcess from '@/mixins/axiosUploadProcess'
|
||||
|
||||
export default {
|
||||
name: 'AddminDownloadDetails',
|
||||
mixins: [axiosUploadProcess],
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const dCategories = await $axios.get(`/api/public/dCategory`)
|
||||
const download = await $axios.get(`/api/public/downloads/${params.item}`)
|
||||
return {
|
||||
dCategories: dCategories.data,
|
||||
download: download.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'ویراش فایل',
|
||||
dCategories: null,
|
||||
download: null,
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
app: {
|
||||
name: '',
|
||||
os: '',
|
||||
file: ''
|
||||
},
|
||||
appOS: ['windows', 'linux', 'mac', 'android', 'ios'],
|
||||
validation: {},
|
||||
uploading: false,
|
||||
uploadProgress: null,
|
||||
pending: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.pending = true
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.download.title)
|
||||
data.append('short_description', this.download.short_description)
|
||||
data.append('description', this.download.description)
|
||||
data.append('category', this.download.category)
|
||||
if (this.$refs.image.files[0]) data.append('image', this.$refs.image.files[0])
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/downloads/${this.download._id}`, data, this.axiosConfig)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.pending = false
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.download = response.data
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
this.pending = false
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
addApp() {
|
||||
this.pending = true
|
||||
this.validation = {}
|
||||
|
||||
const data = new FormData()
|
||||
data.append('page_id', this.download._id)
|
||||
data.append('name', this.app.name)
|
||||
data.append('os', this.app.os)
|
||||
data.append('file', this.$refs.file.files[0])
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/downloads/file`, data, this.axiosConfig)
|
||||
.then(response => {
|
||||
this.pending = false
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت افزوده شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.app = {
|
||||
name: '',
|
||||
os: '',
|
||||
file: ''
|
||||
}
|
||||
this.$refs.file.value = null
|
||||
this.download.files = response.data
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
this.pending = false
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
delApp(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/downloads/file/${id}`)
|
||||
.then(response => {
|
||||
this.download.files = this.download.files.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
imagePreview(event) {
|
||||
this.download.image = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
mappedCategories(arr) {
|
||||
return arr.map(item => {
|
||||
return {
|
||||
label: item.name,
|
||||
value: item._id
|
||||
}
|
||||
})
|
||||
},
|
||||
mappedOS(arr) {
|
||||
return arr.map(item => {
|
||||
return {
|
||||
label: item,
|
||||
value: item
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.delete-btn {
|
||||
transition: 0.1s;
|
||||
-webkit-transition: 0.1s;
|
||||
-moz-transition: 0.1s;
|
||||
-ms-transition: 0.1s;
|
||||
-o-transition: 0.1s;
|
||||
padding: 5px 10px;
|
||||
display: inline-block;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
color: red;
|
||||
border-color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,139 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-downloads-new' }" class="mr-auto">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader :dir="paginate ? 'ltr' : 'rtl'" :style="{ textAlign: paginate ? 'center' : 'right' }">
|
||||
<el-pagination
|
||||
v-if="paginate"
|
||||
background
|
||||
layout="prev, pager, next"
|
||||
:current-page="Number($route.params.page)"
|
||||
:page-count="Number(downloads.totalPages)"
|
||||
@current-change="pageNumber"
|
||||
>
|
||||
</el-pagination>
|
||||
|
||||
<slot v-else name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="downloads.docs" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="کاور" width="170">
|
||||
<template slot-scope="scope">
|
||||
<el-image style="width: 100%; height: 100%" :src="scope.row.image" fit="fit"> </el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="دسته بندی">
|
||||
<template slot-scope="scope">
|
||||
{{ categoryName(scope.row.category) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="عنوان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="short_description" label="توضیح کوتاه" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="warning"
|
||||
variant="outline"
|
||||
:to="`/admin/downloads/${$route.params.page}/${scope.row._id}`"
|
||||
>
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminDownloadsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const dCategories = await $axios.get(`/api/public/dCategory`)
|
||||
const downloads = await $axios.get(`/api/public/downloads/page/all/${params.page}`)
|
||||
return {
|
||||
dCategories: dCategories.data,
|
||||
downloads: downloads.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'دانلود ها',
|
||||
list_title: 'لیست',
|
||||
dCategories: null,
|
||||
downloads: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
paginate() {
|
||||
return this.downloads.totalPages > 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
categoryName(id) {
|
||||
return this.dCategories.filter(item => item._id === id)[0].name
|
||||
},
|
||||
pageNumber(val) {
|
||||
this.$router.push({ name: 'admin-downloads-page', params: { page: val } })
|
||||
},
|
||||
del(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/downloads/${id}`)
|
||||
.then(response => {
|
||||
this.downloads.docs = this.downloads.docs.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,186 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-downloads-page', params: { page: 1 } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" :disabled="pending" @click="upload">ایجاد</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<strong class="alert-success d-block"
|
||||
>ابتدا نام، توضیحات، دسته بندی و تصویر را افزوده سپس در مرحله بعد فایل ها رو اضافه کنید.</strong
|
||||
>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CSelect
|
||||
label="دسته بندی"
|
||||
placeholder="دسته بندی را انتخاب کنید"
|
||||
horizontal
|
||||
:options="mappedCategories(dCategories)"
|
||||
:value.sync="formData.category"
|
||||
:description="validation.category ? validation.category.msg : null"
|
||||
:class="validation.category ? 'err' : null"
|
||||
>
|
||||
</CSelect>
|
||||
|
||||
<CInput
|
||||
v-model="formData.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="formData.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="formData.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="formData.image" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="image" type="file" @change="imagePreview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.image" class="form-text alert-danger w-100">
|
||||
{{ validation.image.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100">
|
||||
بهتر است تصویر با فرمت png و پسزمینه شفاف باشد.
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axiosUploadProcess from '@/mixins/axiosUploadProcess'
|
||||
|
||||
export default {
|
||||
name: 'AddminAddNewDownload',
|
||||
mixins: [axiosUploadProcess],
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const dCategories = await $axios.get(`/api/public/dCategory`)
|
||||
return {
|
||||
dCategories: dCategories.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'افزودن فایل',
|
||||
dCategories: null,
|
||||
formData: {
|
||||
title: '',
|
||||
short_description: '',
|
||||
description: '',
|
||||
image: '',
|
||||
category: ''
|
||||
},
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
validation: {},
|
||||
pending: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.pending = true
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.formData.title)
|
||||
data.append('short_description', this.formData.short_description)
|
||||
data.append('description', this.formData.description)
|
||||
data.append('category', this.formData.category)
|
||||
data.append('image', this.$refs.image.files[0])
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/downloads`, data, this.axiosConfig)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.pending = false
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت ثبت شد،میتوانید فایل ها رو اضافه کنید.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-downloads-page-item', params: { page: 1, item: response.data._id } })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
this.pending = false
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
imagePreview(event) {
|
||||
this.formData.image = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
mappedCategories(arr) {
|
||||
return arr.map(item => {
|
||||
return {
|
||||
label: item.name,
|
||||
value: item._id
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,93 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-faq' }">برگشت به صفحه قبل</CButton>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="faq.question"
|
||||
label="سوال"
|
||||
horizontal
|
||||
:description="validation.question ? validation.question.msg : null"
|
||||
:class="validation.question ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="faq.answer"
|
||||
label="پاسخ"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.answer ? validation.answer.msg : null"
|
||||
:class="validation.answer ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminFAQDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const faq = await $axios.get(`/api/public/faq/${params.item}`)
|
||||
return {
|
||||
faq: faq.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'ویرایش سوال متداول',
|
||||
faq: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/faq/${this.faq._id}`, this.faq)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,97 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-faq-new' }" class="mr-auto">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="faqs" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="question" label="سوال" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton :key="scope.row._id" color="warning" variant="outline" :to="`/admin/faq/${scope.row._id}`">
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminFAQList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const faqs = await $axios.get(`/api/public/faq`)
|
||||
return {
|
||||
faqs: faqs.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'سوالات متداول',
|
||||
list_title: 'لیست',
|
||||
faqs: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
del(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/faq/${id}`)
|
||||
.then(response => {
|
||||
this.faqs = this.faqs.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-faq' }">برگشت به صفحه قبل</CButton>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">ایجاد</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="formData.question"
|
||||
label="سوال"
|
||||
horizontal
|
||||
:description="validation.question ? validation.question.msg : null"
|
||||
:class="validation.question ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="formData.answer"
|
||||
label="پاسخ"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.answer ? validation.answer.msg : null"
|
||||
:class="validation.answer ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminAddNewFAQ',
|
||||
layout: 'admin',
|
||||
data() {
|
||||
return {
|
||||
title: 'افزودن سوال متداول',
|
||||
formData: {
|
||||
question: '',
|
||||
answer: ''
|
||||
},
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/faq`, this.formData)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت ثبت شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-faq' })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,117 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="guaranteeReport._openedBy && guaranteeReport._openedBy.first_name" type="primary" class="ml-1">
|
||||
<span>اولین مشاهده توسط: </span>
|
||||
<span> {{ guaranteeReport._openedBy.first_name + ' ' + guaranteeReport._openedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<el-tag v-if="guaranteeReport._updatedBy && guaranteeReport._updatedBy.first_name" type="primary" class="ml-1">
|
||||
<span>تغییر وضعیت توسط: </span>
|
||||
<span> {{ guaranteeReport._updatedBy.first_name + ' ' + guaranteeReport._updatedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-collapse>
|
||||
<el-collapse-item title="مشخصات نماینده">
|
||||
<CForm>
|
||||
<CInput label="نام و نام خانوادگی" horizontal disabled :value="guaranteeReport.agent_id.full_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="guaranteeReport.agent_id.national_code" />
|
||||
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="guaranteeReport.agent_id.mobile_number" />
|
||||
<CInput label="تلفن شرکت/تعمیرگاه" horizontal disabled :value="guaranteeReport.agent_id.tel_number" />
|
||||
<CInput label="فکس شرکت/تعمیرگاه" horizontal disabled :value="guaranteeReport.agent_id.fax_number" />
|
||||
|
||||
<CInput label="استان" horizontal disabled :value="guaranteeReport.agent_id.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="guaranteeReport.agent_id.city_name" />
|
||||
<CInput label="آدرس" horizontal disabled :value="guaranteeReport.agent_id.address" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="guaranteeReport.agent_id.postal_code" />
|
||||
<CInput label="نام شرکت/تعمیرگاه" horizontal disabled :value="guaranteeReport.agent_id.store_name" />
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<div style="text-align: center">
|
||||
<nuxt-link :to="{ name: 'admin-agents-agent', params: { agent: guaranteeReport.user_id } }"
|
||||
>مشاهده اکانت نماینده</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<CForm>
|
||||
<CTextarea label="توضیحات فرم" horizontal disabled rows="5" :value="guaranteeReport.description" />
|
||||
</CForm>
|
||||
<h6>لیست گزارش ها:</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="guaranteeReport.items" style="width: 100%" stripe>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="customerName" label="نام مشتری" width="120px"></el-table-column>
|
||||
<el-table-column prop="customerTel" label="تلفن مشتری" width="110px"></el-table-column>
|
||||
|
||||
<el-table-column prop="ItemName" label="نام کالا" width="300px"></el-table-column>
|
||||
<el-table-column prop="SerialNo1" label="سریال کالا" width="150px"></el-table-column>
|
||||
|
||||
<el-table-column prop="productIssue" label="ایراد کالا" width="350px"></el-table-column>
|
||||
<el-table-column prop="usedPieces" label="قطعات صرفی" width="350px"></el-table-column>
|
||||
|
||||
<el-table-column prop="ItemName" label="تاریخ دریافت" width="100px">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.recieveDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="ItemName" label="تاریخ تحویل" width="100px">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.deliverDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminGuaranteeReportDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const guaranteeReport = await $axios.get(`/api/admin/gr/${params.grId}`)
|
||||
return {
|
||||
guaranteeReport: guaranteeReport.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده فرم گزارش گارانتی',
|
||||
guaranteeReport: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,128 @@
|
||||
<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">
|
||||
<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
|
||||
:data="filteredItems"
|
||||
:row-class-name="({ row, rowIndex }) => !row.seen && 'unread'"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="trackingCode" label="کد پیگیری" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="description" label="توضیحات" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.full_name" label="نام" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.mobile_number" label="شماره موبایل" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.agent_code" label="کد نماینده" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.province_name" label="استان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.city_name" label="شهر" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="مشاهده" width="70" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-guarantee-reports-grId', params: { grId: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminGuaranteeReportsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const grList = await $axios.get('/api/admin/grList')
|
||||
return {
|
||||
grList: grList.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'لیست گزارش عملکرد گارانتی نمایندگان',
|
||||
list_title: 'لیست',
|
||||
grList: null,
|
||||
filterText: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterText = this.filterText.toLowerCase()
|
||||
if (!filterText.length) return this.grList
|
||||
else
|
||||
return this.grList.filter(item => {
|
||||
return (
|
||||
item.agent_id.agent_code.toLowerCase().includes(filterText) ||
|
||||
item.agent_id.full_name.toLowerCase().includes(filterText) ||
|
||||
item.agent_id.mobile_number.toLowerCase().includes(filterText) ||
|
||||
item.agent_id.province_name.toLowerCase().includes(filterText) ||
|
||||
item.agent_id.city_name.toLowerCase().includes(filterText)
|
||||
)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scopped lang="scss">
|
||||
.unread {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="help._creator && help._creator.first_name" type="primary">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ help._creator.first_name + ' ' + help._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin' }">برگشت به صفحه داشبورد</CButton>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" :disabled="pending" @click="upload"
|
||||
>بروزرسانی</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CRow form class="form-group" :class="validation.description && 'err'">
|
||||
<CCol tag="label" sm="12" class="col-form-label">صفحه آموزش ثبت گارانتی را انتخاب کنید</CCol>
|
||||
<CCol sm="12">
|
||||
<el-select v-model="help.helpId" filterable style="width: 100%">
|
||||
<el-option v-for="item in learnings" :key="item._id" :label="item.title" :value="item._id" />
|
||||
</el-select>
|
||||
<small v-if="validation.helpId" class="form-text text-muted w-100">
|
||||
{{ validation.helpId.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminHelp',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const help = await $axios.get(`/api/public/help`)
|
||||
const learnings = await $axios.get(`/api/public/learning/page/all`)
|
||||
return {
|
||||
help: help.data || {
|
||||
helpId: ''
|
||||
},
|
||||
learnings: learnings.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'راهنمای ثبت گارانتی',
|
||||
help: null,
|
||||
learnings: null,
|
||||
validation: {},
|
||||
pending: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.pending = true
|
||||
this.validation = {}
|
||||
this.$axios
|
||||
.put(`/api/admin/help`, this.help)
|
||||
.then(response => {
|
||||
this.pending = false
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'صفحه با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
this.pending = false
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,34 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
</CustomSubHeader>
|
||||
<CCol sm="6">
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<strong>صفحه اصلی</strong>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<h1>به پنل مدیریت خوش آمدید.</h1>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminDashboard',
|
||||
layout: 'admin',
|
||||
data() {
|
||||
return {
|
||||
title: 'صفحه اصلی'
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,191 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="learning._creator && learning._creator.first_name" type="primary">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ learning._creator.first_name + ' ' + learning._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="primary"
|
||||
class="mr-auto"
|
||||
:to="{ name: 'admin-learning-page', params: { page: $route.params.page } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" :disabled="pending" @click="upload"
|
||||
>بروزرسانی</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="learning.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="learning.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="4"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="learning.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="learning.cover" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="cover" type="file" @change="imagePreview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.cover" class="form-text alert-danger w-100">
|
||||
{{ validation.cover.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<h1 class="mt-5">ویدیو:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol v-if="learning.video" col="12" class="mb-3">
|
||||
<video :src="learning.video" controls autoplay muted style="width: 100%"></video>
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>ویدیو</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="video" type="file" @change="videoPreview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.video" class="form-text alert-danger w-100">
|
||||
{{ validation.video.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100">
|
||||
فایل ویدیو را انتخاب کنید.(ویدیو اجباری نیست)
|
||||
<br />
|
||||
فرمت های قابل قبول: mp4 wmv avi
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axiosUploadProcess from '@/mixins/axiosUploadProcess'
|
||||
|
||||
export default {
|
||||
name: 'AddminLearningDetails',
|
||||
mixins: [axiosUploadProcess],
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const learning = await $axios.get(`/api/public/learning/${params.item}`)
|
||||
return {
|
||||
learning: learning.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'ویرایش آموزش',
|
||||
learning: null,
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
validation: {},
|
||||
pending: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.pending = true
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.learning.title)
|
||||
data.append('short_description', this.learning.short_description)
|
||||
data.append('description', this.learning.description)
|
||||
if (this.$refs.cover.files[0]) data.append('cover', this.$refs.cover.files[0])
|
||||
if (this.$refs.video.files[0]) data.append('video', this.$refs.video.files[0])
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/learning/${this.learning._id}`, data, this.axiosConfig)
|
||||
.then(response => {
|
||||
this.pending = false
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$refs.cover.value = null
|
||||
this.$refs.video.value = null
|
||||
this.learning = response.data
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
this.pending = false
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
imagePreview(event) {
|
||||
this.learning.cover = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
videoPreview(event) {
|
||||
this.learning.video = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,127 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-learning-new' }" class="mr-auto">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader :dir="paginate ? 'ltr' : 'rtl'" :style="{ textAlign: paginate ? 'center' : 'right' }">
|
||||
<el-pagination
|
||||
v-if="paginate"
|
||||
background
|
||||
layout="prev, pager, next"
|
||||
:current-page="Number($route.params.page)"
|
||||
:page-count="Number(learning.totalPages)"
|
||||
@current-change="pageNumber"
|
||||
>
|
||||
</el-pagination>
|
||||
|
||||
<slot v-else name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="learning.docs" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="کاور" width="170">
|
||||
<template slot-scope="scope">
|
||||
<el-image style="width: 100%; height: 100%" :src="scope.row.thumb" fit="fit"> </el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="عنوان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="short_description" label="توضیح کوتاه" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="warning"
|
||||
variant="outline"
|
||||
:to="`/admin/learning/${$route.params.page}/${scope.row._id}`"
|
||||
>
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminLearningsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const learning = await $axios.get(`/api/public/learning/page/${params.page}`)
|
||||
return {
|
||||
learning: learning.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'آموزش ها',
|
||||
list_title: 'لیست',
|
||||
learning: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
paginate() {
|
||||
return this.learning.totalPages > 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumber(val) {
|
||||
this.$router.push({ name: 'admin-learning-page', params: { page: val } })
|
||||
},
|
||||
del(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/learning/${id}`)
|
||||
.then(response => {
|
||||
this.learning.docs = this.learning.docs.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-learning-page', params: { page: 1 } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" :disabled="pending" @click="upload">ایجاد</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="formData.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="formData.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="4"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="formData.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="formData.cover" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="cover" type="file" @change="imagePreview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.cover" class="form-text alert-danger w-100">
|
||||
{{ validation.cover.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
|
||||
<h1 class="mt-5">ویدیو:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol v-if="formData.video" col="12" class="mb-3">
|
||||
<video :src="formData.video" controls autoplay muted style="width: 100%"></video>
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>ویدیو</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="video" type="file" @change="videoPreview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.video" class="form-text alert-danger w-100">
|
||||
{{ validation.video.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100">
|
||||
فایل ویدیو را انتخاب کنید.(ویدیو اجباری نیست)
|
||||
<br />
|
||||
فرمت های قابل قبول: mp4 wmv avi
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axiosUploadProcess from '@/mixins/axiosUploadProcess'
|
||||
|
||||
export default {
|
||||
name: 'AddminAddNewLearnning',
|
||||
mixins: [axiosUploadProcess],
|
||||
layout: 'admin',
|
||||
data() {
|
||||
return {
|
||||
title: 'افزودن آموزش',
|
||||
formData: {
|
||||
title: '',
|
||||
short_description: '',
|
||||
description: '',
|
||||
cover: '',
|
||||
video: ''
|
||||
},
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
validation: {},
|
||||
pending: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.pending = true
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.formData.title)
|
||||
data.append('short_description', this.formData.short_description)
|
||||
data.append('description', this.formData.description)
|
||||
data.append('cover', this.$refs.cover.files[0])
|
||||
if (this.$refs.video.files[0]) data.append('video', this.$refs.video.files[0])
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/learning`, data, this.axiosConfig)
|
||||
.then(response => {
|
||||
this.pending = false
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت ثبت شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-learning-page', params: { page: 1 } })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
this.pending = false
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
imagePreview(event) {
|
||||
this.formData.cover = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
videoPreview(event) {
|
||||
this.formData.video = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,324 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-lottery' }">برگشت به صفحه قبل</CButton>
|
||||
<CButton v-if="$route.params.lottery === 'new'" size="sm" color="success" style="margin-right: 10px" @click="add"
|
||||
>افزودن</CButton
|
||||
>
|
||||
<CButton
|
||||
v-if="$route.params.lottery !== 'new' && !lottery.expired"
|
||||
size="sm"
|
||||
color="success"
|
||||
style="margin-right: 10px"
|
||||
@click="update"
|
||||
>بروزرسانی</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="lottery.title"
|
||||
label="عنوان قرعه کشی"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:disabled="lottery.expired"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="lottery.winnersCount"
|
||||
label="تعداد شانس برنده شدن"
|
||||
horizontal
|
||||
:disabled="lottery.expired"
|
||||
:description="validation.winnersCount ? validation.winnersCount.msg : null"
|
||||
:class="validation.winnersCount ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<h6>تاریخ اتمام قرعه کشی</h6>
|
||||
<persian-date-picker
|
||||
v-model="expireDate"
|
||||
display-format="jYYYY-jMM-jDD"
|
||||
:min="today"
|
||||
format="x"
|
||||
:disabled="lottery.expired"
|
||||
placeholder="تاریخ را انتخاب کنید"
|
||||
color="#065495"
|
||||
/>
|
||||
<p v-if="validation.expireDate" class="text-danger">{{ validation.expireDate.msg }}</p>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol xl="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<h6>عکس بکگراند صفحه شرکت در قرعه کشی</h6>
|
||||
<el-divider></el-divider>
|
||||
<CRow>
|
||||
<CCol col="12">
|
||||
<el-alert v-if="!lottery.expired" type="warning" class="mb-3">
|
||||
توجه داشته باشید طول و عرض صفحه قرعه کشی به اندازه ی طول و عرض عکسی که آپلود میکنید نمایش داده
|
||||
میشود. ابعاد توصیه شده 400*700 پیکسل میباشد.
|
||||
</el-alert>
|
||||
</CCol>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="lottery.entryBgImg" alt="" style="width: 100%" />
|
||||
</CCol>
|
||||
<template v-if="!lottery.expired">
|
||||
<CCol col="auto">
|
||||
<span>بکگراند</span>
|
||||
</CCol>
|
||||
<CCol col="auto">
|
||||
<input ref="entryBgImg" type="file" @change="imagePreview1" />
|
||||
</CCol>
|
||||
<CCol col="12" class="mt-3">
|
||||
<small v-if="validation.entryBgImg" class="form-text alert-danger w-100">
|
||||
{{ validation.entryBgImg.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</template>
|
||||
</CRow>
|
||||
</CCol>
|
||||
|
||||
<CCol>
|
||||
<h6>عکس بکگراند صفحه نتایج قرعه کشی</h6>
|
||||
<el-divider></el-divider>
|
||||
<CRow>
|
||||
<CCol col="12">
|
||||
<el-alert v-if="!lottery.expired" type="warning" class="mb-3">
|
||||
توجه داشته باشید طول و عرض صفحه نتایج قرعه کشی به اندازه ی طول و عرض عکسی که آپلود میکنید نمایش
|
||||
داده میشود. ابعاد توصیه شده 400*700 پیکسل میباشد.
|
||||
</el-alert>
|
||||
</CCol>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="lottery.resultBgImg" alt="" style="width: 100%" />
|
||||
</CCol>
|
||||
|
||||
<template v-if="!lottery.expired">
|
||||
<CCol col="auto">
|
||||
<span>بکگراند</span>
|
||||
</CCol>
|
||||
<CCol col="auto">
|
||||
<input ref="resultBgImg" type="file" @change="imagePreview2" />
|
||||
</CCol>
|
||||
<CCol col="12" class="mt-3">
|
||||
<small v-if="validation.resultBgImg" class="form-text alert-danger w-100">
|
||||
{{ validation.resultBgImg.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</template>
|
||||
</CRow>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-if="lottery.expired" xl="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h3>لیست برندگان قرعه کشی</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="lottery.winnersList" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="fullName" label="نام و نام خانوادگی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="mobile" label="شماره تلفن همراه" width="">
|
||||
<template slot-scope="scope">
|
||||
<a :href="'tel:' + scope.row.mobile" style="display: inline-block; direction: ltr">{{
|
||||
scope.row.mobile
|
||||
}}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="serial" label="شماره سریال گارانتی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="enrollCode" label="کد پیگیری قرعه کشی" width=""> </el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-if="$route.params.lottery !== 'new'" xl="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h3 style="color: #000">
|
||||
<span>لیست شرکت کنندگان: </span>
|
||||
<span>(</span>
|
||||
<span> {{ lottery.participants.length }} </span>
|
||||
<span>شرکت کننده</span>
|
||||
<span>)</span>
|
||||
</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="lottery.participants" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="fullName" label="نام و نام خانوادگی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="mobile" label="شماره تلفن همراه" width="">
|
||||
<template slot-scope="scope">
|
||||
<a :href="'tel:' + scope.row.mobile" style="display: inline-block; direction: ltr">{{
|
||||
scope.row.mobile
|
||||
}}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="serial" label="شماره سریال گارانتی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="enrollCode" label="کد پیگیری قرعه کشی" width=""> </el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminLotteryDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
if (params.lottery !== 'new') {
|
||||
const lottery = await $axios.get(`/api/admin/lottery/${params.lottery}`)
|
||||
return {
|
||||
lottery: lottery.data
|
||||
}
|
||||
} else {
|
||||
return {
|
||||
lottery: {
|
||||
entryBgImg: '',
|
||||
resultBgImg: '',
|
||||
title: '',
|
||||
resultTxt: '',
|
||||
winnersCount: 1,
|
||||
expireDate: Date.now()
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
lottery: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (this.$route.params.lottery === 'new') {
|
||||
return 'افزودن قرعه کشی'
|
||||
} else if (this.$route.params.lottery !== 'new' && this.lottery.expired) {
|
||||
return 'مشاهده نتیجه قرعه کشی'
|
||||
} else {
|
||||
return 'ویرایش قرعه کشی'
|
||||
}
|
||||
},
|
||||
today() {
|
||||
return Date.now().toString()
|
||||
},
|
||||
expireDate: {
|
||||
get() {
|
||||
return this.lottery.expireDate.toString()
|
||||
},
|
||||
set(val) {
|
||||
this.lottery.expireDate = val
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.lottery.title)
|
||||
data.append('winnersCount', this.lottery.winnersCount)
|
||||
data.append('resultTxt', this.lottery.resultTxt)
|
||||
data.append('expireDate', this.lottery.expireDate)
|
||||
if (this.$refs.entryBgImg.files[0]) data.append('entryBgImg', this.$refs.entryBgImg.files[0])
|
||||
if (this.$refs.resultBgImg.files[0]) data.append('resultBgImg', this.$refs.resultBgImg.files[0])
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/lottery`, data)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'قرعه کشی با موفقیت ثبت شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-lottery' })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
update() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.lottery.title)
|
||||
data.append('winnersCount', this.lottery.winnersCount)
|
||||
data.append('expireDate', this.lottery.expireDate)
|
||||
if (this.$refs.entryBgImg.files[0]) data.append('entryBgImg', this.$refs.entryBgImg.files[0])
|
||||
if (this.$refs.resultBgImg.files[0]) data.append('resultBgImg', this.$refs.resultBgImg.files[0])
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/lottery/${this.lottery._id}`, data)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'قرعه کشی با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
this.$refs.entryBgImg.value = null
|
||||
this.$refs.resultBgImg.value = null
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
imagePreview1(event) {
|
||||
this.lottery.entryBgImg = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
imagePreview2(event) {
|
||||
this.lottery.resultBgImg = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="success"
|
||||
:to="{ name: 'admin-lottery-lottery', params: { lottery: 'new' } }"
|
||||
class="mr-auto"
|
||||
>افزودن</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<el-input v-model="search" size="mini" clearable placeholder="کد پیگیری برنده را وارد کنید" />
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="filteredLotteries" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="عنوان قرعه کشی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="winnersCount" label="تعداد شانس برنده شدن" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ ایجاد" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.created_at) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ پایان" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.expireDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="تعداد شرکت کنندگان" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ scope.row.participants.length }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="expired" label="وضعیت قرعه کشی" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.expired" type="info">بسته شده</el-tag>
|
||||
<el-tag v-else type="success">باز</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
:color="scope.row.expired ? 'success' : 'warning'"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-lottery-lottery', params: { lottery: scope.row._id } }"
|
||||
>
|
||||
<i v-if="scope.row.expired" class="fal fa-eye"></i>
|
||||
<i v-else class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminLotteryList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const lotteries = await $axios.get(`/api/admin/lotteries`)
|
||||
return {
|
||||
lotteries: lotteries.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'لیست قرعه کشی ها',
|
||||
list_title: 'لیست',
|
||||
lotteries: null,
|
||||
search: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredLotteries() {
|
||||
if (this.search.length) {
|
||||
const filteredArray = []
|
||||
for (const lottery of this.lotteries) {
|
||||
for (const winner of lottery.winnersList) {
|
||||
if (winner.enrollCode.toLowerCase() === this.search.toLowerCase()) filteredArray.push(lottery)
|
||||
}
|
||||
}
|
||||
return filteredArray
|
||||
} else return this.lotteries
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
del(id) {
|
||||
this.$confirm('این قرعه کشی حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/lottery/${id}`)
|
||||
.then(response => {
|
||||
this.lotteries = this.lotteries.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'قرعه کشی حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,147 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
<CButton size="sm" color="success" class="mr-1" @click="update">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<h6>موقعیت و ابعاد دکمه در صفحه</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-switch v-model="lotteryPopUp.visible" style="direction: ltr" active-text="نمایش دکمه روی صفحه" />
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="lotteryPopUp.x"
|
||||
label="موقعیت افقی از سمت چپ صفحه (به پیکسل)"
|
||||
horizontal
|
||||
:class="validation.x && 'err'"
|
||||
:description="validation.x && validation.x.msg"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
v-model="lotteryPopUp.y"
|
||||
label="موقعیت عمودی از سمت پایین صفحه (به پیکسل)"
|
||||
horizontal
|
||||
:class="validation.y && 'err'"
|
||||
:description="validation.y && validation.y.msg"
|
||||
/>
|
||||
</CForm>
|
||||
</CCol>
|
||||
<CCol>
|
||||
<h6>تغییر عکس بکگراند دکمه</h6>
|
||||
<el-divider></el-divider>
|
||||
<CRow>
|
||||
<CCol col="12">
|
||||
<el-alert type="warning" class="mb-3">
|
||||
توجه داشته باشید طول و عرض دکمه به اندازه ی طول و عرض عکسی که آپلود میکنید نمایش داده میشود. ابعاد
|
||||
توصیه شده 100*100 پیکسل میباشد.
|
||||
</el-alert>
|
||||
</CCol>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="lotteryPopUp.bgImg" alt="" :style="imgStyle" />
|
||||
</CCol>
|
||||
<CCol col="auto">
|
||||
<span>بکگراند</span>
|
||||
</CCol>
|
||||
<CCol col="auto">
|
||||
<input ref="image" type="file" @change="imagePreview" />
|
||||
</CCol>
|
||||
<CCol col="12" class="mt-3">
|
||||
<small v-if="validation.bgImg" class="form-text alert-danger w-100">
|
||||
{{ validation.bgImg.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100">
|
||||
بهتر است تصویر با فرمت png و پسزمینه شفاف باشد.
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminLotterPopUp',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const lotteryPopUp = await $axios.get(`/api/public/lotteryPopup`)
|
||||
return {
|
||||
lotteryPopUp: lotteryPopUp.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'تغییر وضعیت ظاهری دکمه قرعه کشی',
|
||||
lotteryPopUp: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
imgStyle() {
|
||||
return {
|
||||
width: this.lotteryPopUp.w,
|
||||
height: this.lotteryPopUp.h
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
update() {
|
||||
this.validation = {}
|
||||
const popup = this.lotteryPopUp
|
||||
const data = new FormData()
|
||||
data.append('visible', popup.visible)
|
||||
data.append('x', popup.x)
|
||||
data.append('y', popup.y)
|
||||
if (this.$refs.image.files[0]) data.append('bgImg', this.$refs.image.files[0])
|
||||
|
||||
this.$axios
|
||||
.put('/api/admin/lotteryPopUp', data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: res.data.message
|
||||
})
|
||||
this.$refs.image.value = null
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 422) {
|
||||
this.validation = err.response.data.validation
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'پارامترها را بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'مشکلی در ثبت اطلاعات پیش آمده'
|
||||
})
|
||||
})
|
||||
},
|
||||
imagePreview(event) {
|
||||
this.lotteryPopUp.bgImg = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,239 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="oldPieceRequest._openedBy && oldPieceRequest._openedBy.first_name" type="primary" class="ml-1">
|
||||
<span>اولین مشاهده توسط: </span>
|
||||
<span> {{ oldPieceRequest._openedBy.first_name + ' ' + oldPieceRequest._openedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<el-tag v-if="oldPieceRequest._updatedBy && oldPieceRequest._updatedBy.first_name" type="primary" class="ml-1">
|
||||
<span>تغییر وضعیت توسط: </span>
|
||||
<span> {{ oldPieceRequest._updatedBy.first_name + ' ' + oldPieceRequest._updatedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol v-if="!oldPieceRequest.archived && oldPieceRequest.status !== 'rejected'" lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
<h6>تغییر وضعیت فرم</h6>
|
||||
<el-divider></el-divider>
|
||||
<CButtonGroup>
|
||||
<!-- <CButton
|
||||
:color="oldPieceRequest.status === 'ongoing' ? 'warning' : 'light'"
|
||||
@click="updateStatus('ongoing')"
|
||||
>
|
||||
در دست اقدام
|
||||
</CButton> -->
|
||||
|
||||
<CButton
|
||||
:color="oldPieceRequest.status === 'waiting' ? 'warning' : 'light'"
|
||||
@click="updateStatus('waiting')"
|
||||
>
|
||||
در انتظار قطعه
|
||||
</CButton>
|
||||
|
||||
<el-popover
|
||||
v-model="deliverPopover"
|
||||
placement="bottom"
|
||||
width="160"
|
||||
:disabled="oldPieceRequest.status === 'delivered'"
|
||||
@click="deliveryPopover = true"
|
||||
>
|
||||
<el-input v-model="deliveryCode" placeholder="کد ارسال مرسوله"></el-input>
|
||||
<div class="mt-1" style="text-align: center">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
class="agentsStatus-popover-insideBtn"
|
||||
@click="updateStatus('delivered')"
|
||||
>ارسال</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
<CButton slot="reference" :color="oldPieceRequest.status === 'delivered' ? 'success' : 'light'">
|
||||
تحویل شده
|
||||
</CButton>
|
||||
</el-popover>
|
||||
</CButtonGroup>
|
||||
<div v-if="oldPieceRequest.status === 'delivered'" class="mt-3">
|
||||
<p>
|
||||
<span>کد ارسال مرسوله: </span>
|
||||
<b>{{ oldPieceRequest.deliveryCode || '-' }} </b>
|
||||
</p>
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol lg="6">
|
||||
<h6>تاریخچه وضعیت های فرم</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="oldPieceRequest.statusHistory" style="width: 100%">
|
||||
<el-table-column prop="name" label="وضعیت">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.status === 'temp'">پیشنویس</span>
|
||||
<span v-if="scope.row.status === 'sent'">ارسال</span>
|
||||
<span v-if="scope.row.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="scope.row.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="scope.row.status === 'delivered'">تحویل شده</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="date" label="تاریخ">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: inline-block; direction: ltr">{{ $jDateTime(scope.row.date) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-collapse>
|
||||
<el-collapse-item title="مشخصات نماینده">
|
||||
<CForm>
|
||||
<CInput label="نام و نام خانوادگی" horizontal disabled :value="oldPieceRequest.agent_id.full_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="oldPieceRequest.agent_id.national_code" />
|
||||
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="oldPieceRequest.agent_id.mobile_number" />
|
||||
<CInput label="تلفن شرکت/تعمیرگاه" horizontal disabled :value="oldPieceRequest.agent_id.tel_number" />
|
||||
<CInput label="فکس شرکت/تعمیرگاه" horizontal disabled :value="oldPieceRequest.agent_id.fax_number" />
|
||||
|
||||
<CInput label="استان" horizontal disabled :value="oldPieceRequest.agent_id.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="oldPieceRequest.agent_id.city_name" />
|
||||
<CInput label="آدرس" horizontal disabled :value="oldPieceRequest.agent_id.address" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="oldPieceRequest.agent_id.postal_code" />
|
||||
<CInput label="نام شرکت/تعمیرگاه" horizontal disabled :value="oldPieceRequest.agent_id.store_name" />
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<div style="text-align: center">
|
||||
<nuxt-link :to="{ name: 'admin-agents-agent', params: { agent: oldPieceRequest.agent_id._id } }"
|
||||
>مشاهده اکانت نماینده</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<CForm>
|
||||
<CTextarea label="توضیحات فرم" horizontal disabled rows="5" :value="oldPieceRequest.description" />
|
||||
</CForm>
|
||||
<h6>لیست قطعات داغی درخواستی:</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="oldPieceRequest.items" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ پذیرش" width="">
|
||||
<template slot-scope="scope">
|
||||
<a :href="scope.row.url" target="_blank" :download="scope.row.name">{{ scope.row.name }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="ItemName" label="نام کالا" width=""></el-table-column>
|
||||
|
||||
<el-table-column label="سریال گارانتی" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ scope.row.SerialNo1 || '-' }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="pieceName" label="نام قطعه" width=""></el-table-column>
|
||||
|
||||
<el-table-column prop="pieceCode" label="کد قطعه" width=""></el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminOldPieceRequestDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const oldPieceRequest = await $axios.get(`/api/admin/opr/${params.oprId}`)
|
||||
return {
|
||||
oldPieceRequest: oldPieceRequest.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده درخواست قطعه داغی',
|
||||
oldPieceRequest: null,
|
||||
deliverPopover: false,
|
||||
deliveryCode: '',
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateStatus(status) {
|
||||
if (status === this.oldPieceRequest.status) return
|
||||
if (this.oldPieceRequest.status === 'delivered') return
|
||||
const title = 'هشدار'
|
||||
function getMsg() {
|
||||
const msg1 = 'با تغییر وضعیت فرم به در انتظار قطعه بلافاصله پیامک اطلاع رسانی برای نماینده ارسال خواهد شد'
|
||||
const msg2 =
|
||||
'با تغییر وضعیت فرم به تحویل شده بلافاصله پیامک اطلاع رسانی برای نماینده ارسال خواهد شد. توجه داشته باشید بعدا نمیتوانید کد ارسال مرسوله را تغییر دهید.'
|
||||
|
||||
if (status === 'ongoing') return msg1
|
||||
else return msg2
|
||||
}
|
||||
|
||||
this.$confirm(getMsg(), title, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/admin/oprStatus/${this.oldPieceRequest._id}`, { status, deliveryCode: this.deliveryCode })
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: response.data.message
|
||||
})
|
||||
this.deliveryCode = ''
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,219 @@
|
||||
<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="filterType === 'all' ? 'primary' : 'light'"
|
||||
:class="filterType === 'all' && 'selected'"
|
||||
@click="filterType = 'all'"
|
||||
>
|
||||
<span>همه</span>
|
||||
<span> ({{ oprList.length }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'sent' ? 'primary' : 'light'"
|
||||
:class="filterType === 'sent' && 'selected'"
|
||||
@click="filterType = 'sent'"
|
||||
>
|
||||
<span>جدید</span>
|
||||
<span> ({{ getListCountByStatus('sent') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'ongoing' ? 'primary' : 'light'"
|
||||
:class="filterType === 'ongoing' && 'selected'"
|
||||
@click="filterType = 'ongoing'"
|
||||
>
|
||||
<span>در دست اقدام</span>
|
||||
<span> ({{ getListCountByStatus('ongoing') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'waiting' ? 'primary' : 'light'"
|
||||
:class="filterType === 'waiting' && 'selected'"
|
||||
@click="filterType = 'waiting'"
|
||||
>
|
||||
<span>در انتظار قطعه</span>
|
||||
<span> ({{ getListCountByStatus('waiting') }} )</span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'delivered' ? 'primary' : 'light'"
|
||||
:class="filterType === 'delivered' && 'selected'"
|
||||
@click="filterType = 'delivered'"
|
||||
>
|
||||
<span>تحویل شده</span>
|
||||
<span> ({{ getListCountByStatus('delivered') }}) </span>
|
||||
</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
|
||||
:data="filteredItems"
|
||||
style="width: 100%"
|
||||
:row-class-name="({ row, rowIndex }) => row.status === 'sent' && 'unread'"
|
||||
>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ ثبت درخواست" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.sendDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="trackingCode" label="کد پیگیری" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.province_name" label="استان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.city_name" label="شهر" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.agent_code" label="کد نماینده" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت" width="" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.status === 'sent'" type="info">جدید</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'ongoing'" type="primary">در دست اقدام</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'waiting'" type="warning">در انتظار قطعه</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'delivered'" type="success">تحویل شده</el-tag>
|
||||
</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-op-requests-oprId', params: { oprId: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminOldPieceRequestsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const oprList = await $axios.get('/api/admin/oprList')
|
||||
return {
|
||||
oprList: oprList.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'درخواست های قطعه داغی',
|
||||
list_title: 'لیست',
|
||||
oprList: null,
|
||||
filterText: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterData = this.oprList.filter(item =>
|
||||
this.filterType === 'all' ? item : item.status === this.filterType
|
||||
)
|
||||
const filterText = this.filterText
|
||||
if (!this.filterText.length) return filterData
|
||||
else
|
||||
return filterData.filter(item => {
|
||||
return (
|
||||
item.trackingCode.includes(filterText) ||
|
||||
item.agent_id.agent_code.includes(filterText) ||
|
||||
item.agent_id.full_name.includes(filterText) ||
|
||||
item.agent_id.mobile_number.includes(filterText) ||
|
||||
item.agent_id.national_code.includes(filterText) ||
|
||||
item.agent_id.province_name.includes(filterText) ||
|
||||
item.agent_id.city_name.includes(filterText)
|
||||
)
|
||||
})
|
||||
},
|
||||
filterType: {
|
||||
get() {
|
||||
return this.$route.query.status
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'admin-op-requests', query: { status: val } })
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getListCountByStatus(status) {
|
||||
return this.oprList.filter(item => item.status === status).length
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scopped>
|
||||
.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;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.unread {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,248 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="pieceRequest._openedBy && pieceRequest._openedBy.first_name" type="primary" class="ml-1">
|
||||
<span>اولین مشاهده توسط: </span>
|
||||
<span> {{ pieceRequest._openedBy.first_name + ' ' + pieceRequest._openedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<el-tag v-if="pieceRequest._updatedBy && pieceRequest._updatedBy.first_name" type="primary" class="ml-1">
|
||||
<span>تغییر وضعیت توسط: </span>
|
||||
<span> {{ pieceRequest._updatedBy.first_name + ' ' + pieceRequest._updatedBy.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol v-if="!pieceRequest.archived && pieceRequest.status !== 'rejected'" lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
<h6>تغییر وضعیت فرم</h6>
|
||||
<el-divider></el-divider>
|
||||
<CButtonGroup>
|
||||
<!-- <CButton
|
||||
:color="pieceRequest.status === 'ongoing' ? 'warning' : 'light'"
|
||||
@click="updateStatus('ongoing')"
|
||||
>
|
||||
در دست اقدام
|
||||
</CButton> -->
|
||||
|
||||
<CButton
|
||||
:color="pieceRequest.status === 'waiting' ? 'warning' : 'light'"
|
||||
@click="updateStatus('waiting')"
|
||||
>
|
||||
در انتظار قطعه
|
||||
</CButton>
|
||||
|
||||
<el-popover
|
||||
v-model="deliverPopover"
|
||||
placement="bottom"
|
||||
width="160"
|
||||
:disabled="pieceRequest.status === 'delivered'"
|
||||
@click="deliveryPopover = true"
|
||||
>
|
||||
<el-input v-model="deliveryCode" placeholder="کد ارسال مرسوله"></el-input>
|
||||
<div class="mt-1" style="text-align: center">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
class="agentsStatus-popover-insideBtn"
|
||||
@click="updateStatus('delivered')"
|
||||
>ارسال</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
<CButton slot="reference" :color="pieceRequest.status === 'delivered' ? 'success' : 'light'">
|
||||
تحویل شده
|
||||
</CButton>
|
||||
</el-popover>
|
||||
</CButtonGroup>
|
||||
<div v-if="pieceRequest.status === 'delivered'" class="mt-3">
|
||||
<p>
|
||||
<span>کد ارسال مرسوله: </span>
|
||||
<b>{{ pieceRequest.deliveryCode || '-' }} </b>
|
||||
</p>
|
||||
</div>
|
||||
</CCol>
|
||||
<CCol lg="6">
|
||||
<h6>تاریخچه وضعیت های فرم</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="pieceRequest.statusHistory" style="width: 100%">
|
||||
<el-table-column prop="name" label="وضعیت">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.status === 'temp'">پیشنویس</span>
|
||||
<span v-if="scope.row.status === 'sent'">ارسال</span>
|
||||
<span v-if="scope.row.status === 'ongoing'">در دست اقدام</span>
|
||||
<span v-if="scope.row.status === 'waiting'">در انتظار قطعه</span>
|
||||
<span v-if="scope.row.status === 'delivered'">تحویل شده</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="date" label="تاریخ">
|
||||
<template slot-scope="scope">
|
||||
<span style="display: inline-block; direction: ltr">{{ $jDateTime(scope.row.date) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-collapse>
|
||||
<el-collapse-item title="مشخصات نماینده">
|
||||
<CForm>
|
||||
<CInput label="نام و نام خانوادگی" horizontal disabled :value="pieceRequest.agent_id.full_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="pieceRequest.agent_id.national_code" />
|
||||
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="pieceRequest.agent_id.mobile_number" />
|
||||
<CInput label="تلفن شرکت/تعمیرگاه" horizontal disabled :value="pieceRequest.agent_id.tel_number" />
|
||||
<CInput label="فکس شرکت/تعمیرگاه" horizontal disabled :value="pieceRequest.agent_id.fax_number" />
|
||||
|
||||
<CInput label="استان" horizontal disabled :value="pieceRequest.agent_id.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="pieceRequest.agent_id.city_name" />
|
||||
<CInput label="آدرس" horizontal disabled :value="pieceRequest.agent_id.address" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="pieceRequest.agent_id.postal_code" />
|
||||
<CInput label="نام شرکت/تعمیرگاه" horizontal disabled :value="pieceRequest.agent_id.store_name" />
|
||||
</CForm>
|
||||
<el-divider></el-divider>
|
||||
<div style="text-align: center">
|
||||
<nuxt-link :to="{ name: 'admin-agents-agent', params: { agent: pieceRequest.agent_id._id } }"
|
||||
>مشاهده اکانت نماینده</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<CForm>
|
||||
<CTextarea label="توضیحات فرم" horizontal disabled rows="5" :value="pieceRequest.description" />
|
||||
</CForm>
|
||||
<h6>لیست قطعات درخواستی:</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="pieceRequest.items" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ پذیرش" width="">
|
||||
<template slot-scope="scope">
|
||||
<a :href="scope.row.url" target="_blank" :download="scope.row.name">{{ scope.row.name }}</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="ItemName" label="نام کالا" width=""></el-table-column>
|
||||
|
||||
<el-table-column label="سریال گارانتی" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ scope.row.SerialNo1 || '-' }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت گارانتی" width="">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.gStatus">دارد</span>
|
||||
<span v-else>ندارد</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="pieceName" label="نام قطعه" width=""></el-table-column>
|
||||
|
||||
<el-table-column prop="pieceCode" label="کد قطعه" width=""></el-table-column>
|
||||
|
||||
<el-table-column prop="pieceQuantity" label="تعداد" width=""></el-table-column>
|
||||
</el-table>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminPieceRequestDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const pieceRequest = await $axios.get(`/api/admin/pr/${params.prId}`)
|
||||
return {
|
||||
pieceRequest: pieceRequest.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده درخواست قطعه',
|
||||
pieceRequest: null,
|
||||
deliverPopover: false,
|
||||
deliveryCode: '',
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateStatus(status) {
|
||||
if (status === this.pieceRequest.status) return
|
||||
if (this.pieceRequest.status === 'delivered') return
|
||||
const title = 'هشدار'
|
||||
function getMsg() {
|
||||
const msg1 = 'با تغییر وضعیت فرم به در انتظار قطعه بلافاصله پیامک اطلاع رسانی برای نماینده ارسال خواهد شد'
|
||||
const msg2 =
|
||||
'با تغییر وضعیت فرم به تحویل شده بلافاصله پیامک اطلاع رسانی برای نماینده ارسال خواهد شد. توجه داشته باشید بعدا نمیتوانید کد ارسال مرسوله را تغییر دهید.'
|
||||
|
||||
if (status === 'ongoing') return msg1
|
||||
else return msg2
|
||||
}
|
||||
|
||||
this.$confirm(getMsg(), title, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/admin/prStatus/${this.pieceRequest._id}`, { status, deliveryCode: this.deliveryCode })
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: response.data.message
|
||||
})
|
||||
this.deliveryCode = ''
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,219 @@
|
||||
<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="filterType === 'all' ? 'primary' : 'light'"
|
||||
:class="filterType === 'all' && 'selected'"
|
||||
@click="filterType = 'all'"
|
||||
>
|
||||
<span>همه</span>
|
||||
<span> ({{ prList.length }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'sent' ? 'primary' : 'light'"
|
||||
:class="filterType === 'sent' && 'selected'"
|
||||
@click="filterType = 'sent'"
|
||||
>
|
||||
<span>جدید</span>
|
||||
<span> ({{ getListCountByStatus('sent') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'ongoing' ? 'primary' : 'light'"
|
||||
:class="filterType === 'ongoing' && 'selected'"
|
||||
@click="filterType = 'ongoing'"
|
||||
>
|
||||
<span>در دست اقدام</span>
|
||||
<span> ({{ getListCountByStatus('ongoing') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'waiting' ? 'primary' : 'light'"
|
||||
:class="filterType === 'waiting' && 'selected'"
|
||||
@click="filterType = 'waiting'"
|
||||
>
|
||||
<span>در انتظار قطعه</span>
|
||||
<span> ({{ getListCountByStatus('waiting') }} )</span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'delivered' ? 'primary' : 'light'"
|
||||
:class="filterType === 'delivered' && 'selected'"
|
||||
@click="filterType = 'delivered'"
|
||||
>
|
||||
<span>تحویل شده</span>
|
||||
<span> ({{ getListCountByStatus('delivered') }}) </span>
|
||||
</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
|
||||
:data="filteredItems"
|
||||
style="width: 100%"
|
||||
:row-class-name="({ row, rowIndex }) => row.status === 'sent' && 'unread'"
|
||||
>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ ثبت درخواست" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.sendDate) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="trackingCode" label="کد پیگیری" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.province_name" label="استان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.city_name" label="شهر" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="agent_id.agent_code" label="کد نماینده" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت" width="" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.status === 'sent'" type="info">جدید</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'ongoing'" type="primary">در دست اقدام</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'waiting'" type="warning">در انتظار قطعه</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'delivered'" type="success">تحویل شده</el-tag>
|
||||
</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-piece-requests-prId', params: { prId: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminPieceRequestsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const prList = await $axios.get('/api/admin/prList')
|
||||
return {
|
||||
prList: prList.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'درخواست های قطعه',
|
||||
list_title: 'لیست',
|
||||
prList: null,
|
||||
filterText: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterData = this.prList.filter(item =>
|
||||
this.filterType === 'all' ? item : item.status === this.filterType
|
||||
)
|
||||
const filterText = this.filterText
|
||||
if (!this.filterText.length) return filterData
|
||||
else
|
||||
return filterData.filter(item => {
|
||||
return (
|
||||
item.trackingCode.includes(filterText) ||
|
||||
item.agent_id.agent_code.includes(filterText) ||
|
||||
item.agent_id.full_name.includes(filterText) ||
|
||||
item.agent_id.mobile_number.includes(filterText) ||
|
||||
item.agent_id.national_code.includes(filterText) ||
|
||||
item.agent_id.province_name.includes(filterText) ||
|
||||
item.agent_id.city_name.includes(filterText)
|
||||
)
|
||||
})
|
||||
},
|
||||
filterType: {
|
||||
get() {
|
||||
return this.$route.query.status
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'admin-piece-requests', query: { status: val } })
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getListCountByStatus(status) {
|
||||
return this.prList.filter(item => item.status === status).length
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scopped>
|
||||
.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;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.unread {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,131 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-pieces' }">برگشت به صفحه قبل</CButton>
|
||||
<CButton v-if="$route.params.piece === 'new'" size="sm" color="success" style="margin-right: 10px" @click="add"
|
||||
>افزودن</CButton
|
||||
>
|
||||
<CButton v-else size="sm" color="success" style="margin-right: 10px" @click="update">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="piece.name"
|
||||
label="نام قطعه"
|
||||
horizontal
|
||||
:description="validation.name ? validation.name.msg : null"
|
||||
:class="validation.name ? 'err' : null"
|
||||
/>
|
||||
<CInput
|
||||
v-model="piece.code"
|
||||
label="کد قطعه"
|
||||
horizontal
|
||||
:description="validation.code ? validation.code.msg : null"
|
||||
:class="validation.code ? 'err' : null"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminPieceDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
if (params.piece === 'new') {
|
||||
return {
|
||||
piece: {
|
||||
name: '',
|
||||
code: ''
|
||||
}
|
||||
}
|
||||
} else {
|
||||
const piece = await $axios.get(`/api/admin/pieces/${params.piece}`)
|
||||
return {
|
||||
piece: piece.data
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: this.$route.params.piece === 'new' ? 'افزودن قطعه' : 'ویرایش قطعه',
|
||||
piece: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
add() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/piece`, this.piece)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'قطعه با موفقیت ثبت شد',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-pieces' })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
update() {
|
||||
this.validation = {}
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/piece/${this.piece._id}`, this.piece)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'قطعه با موفقیت بروزرسانی شد',
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,106 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-pieces-piece', params: { piece: 'new' } }" class="mr-auto"
|
||||
>افزودن</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="pieces" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="name" label="نام قطعه" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="code" label="کد قطعه" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="warning"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-pieces-piece', params: { piece: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminPiecesList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const pieces = await $axios.get(`/api/admin/pieces`)
|
||||
return {
|
||||
pieces: pieces.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'لیست قطعات',
|
||||
list_title: 'لیست',
|
||||
pieces: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
del(id) {
|
||||
this.$confirm('این قطعه حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/piece/${id}`)
|
||||
.then(response => {
|
||||
this.pieces = this.pieces.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'قطعه حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,400 @@
|
||||
<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>
|
||||
<CCol v-if="!representation.archived && representation.status !== 'rejected'" lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol v-if="!representation.archived" lg="6">
|
||||
<h6>تغییر وضعیت فرم</h6>
|
||||
<el-divider></el-divider>
|
||||
<CButtonGroup>
|
||||
<!-- <CButton :color="filterType === 'registered' ? 'primary' : 'light'">
|
||||
ثبت شده
|
||||
</CButton>
|
||||
|
||||
<CButton di :color="filterType === 'ongoing' ? 'primary' : 'light'">
|
||||
در دست اقدام
|
||||
</CButton> -->
|
||||
|
||||
<CButton
|
||||
:color="representation.status === 'verification' ? 'warning' : 'light'"
|
||||
@click="updateStatus('verification')"
|
||||
>
|
||||
بررسی مدارک
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="representation.status === 'accepted' ? 'success' : 'light'"
|
||||
@click="updateStatus('accepted')"
|
||||
>
|
||||
تایید شده
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="representation.status === 'rejected' ? 'danger' : 'light'"
|
||||
@click="updateStatus('rejected')"
|
||||
>
|
||||
رد شده
|
||||
</CButton>
|
||||
</CButtonGroup>
|
||||
</CCol>
|
||||
|
||||
<CCol v-if="representation.status !== 'rejected'" lg="6">
|
||||
<h6>تغییر وضعیت آپلود مدارک</h6>
|
||||
<el-divider></el-divider>
|
||||
<CButtonGroup>
|
||||
<CButton :color="representation.upload ? 'primary' : 'light'" @click="updateStatus('uploadOn')">
|
||||
دسترسی آپلود
|
||||
</CButton>
|
||||
|
||||
<CButton :color="!representation.upload ? 'primary' : 'light'" @click="updateStatus('uploadOff')">
|
||||
عدم دسترسی آپلود
|
||||
</CButton>
|
||||
</CButtonGroup>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>مشخصات فردی متقاضی:</h6>
|
||||
<el-divider></el-divider>
|
||||
<nuxt-link :to="{ name: 'admin-customers-customer', params: { customer: representation.user_id } }"
|
||||
>مشاهده اکانت متقاضی</nuxt-link
|
||||
>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="نام مشتری" horizontal disabled :value="representation.full_name" />
|
||||
<CInput label="کد ملی" horizontal disabled :value="representation.national_code" />
|
||||
<CInput label="شماره شناسنامه" horizontal disabled :value="representation.id_number" />
|
||||
<CInput label="محل صدور" horizontal disabled :value="representation.place_of_issue" />
|
||||
<CInput label="تاریخ تولد" horizontal disabled :value="representation.birth_date" />
|
||||
<CInput label="نام پدر" horizontal disabled :value="representation.fathers_name" />
|
||||
<CInput label="میزان تحصیلات" horizontal disabled :value="representation.education_level" />
|
||||
<CInput label="وضعیت نظام وظیفه" horizontal disabled :value="representation.military_status" />
|
||||
<CTextarea
|
||||
label="گواهینامه های تخصصی اخذ شده"
|
||||
horizontal
|
||||
disabled
|
||||
rows="5"
|
||||
:value="representation.certificates"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>اطلاعات تماس:</h6>
|
||||
<el-divider></el-divider>
|
||||
|
||||
<CForm>
|
||||
<CInput label="استان" horizontal disabled :value="representation.province_name" />
|
||||
<CInput label="شهر" horizontal disabled :value="representation.city_name" />
|
||||
<CInput label="نام شرکت/تعمیرگاه" horizontal disabled :value="representation.store_name" />
|
||||
<CInput label="کد پستی" horizontal disabled :value="representation.postal_code" />
|
||||
<CInput label="تلفن همراه" horizontal disabled :value="representation.mobile_number" />
|
||||
<CInput label="تلفن شرکت/تعمیرگاه" horizontal disabled :value="representation.tel_number" />
|
||||
<CInput label="فکس شرکت/تعمیرگاه" horizontal disabled :value="representation.fax_number" />
|
||||
<CInput label="کد اقتصادی" horizontal disabled :value="representation.economic_code" />
|
||||
<CInput label="ایمیل" horizontal disabled :value="representation.email" />
|
||||
<CTextarea label="آدرس" horizontal disabled rows="5" :value="representation.address" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>مشخصات مکان نماینده:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="جواز کسب" horizontal disabled :value="business_license" />
|
||||
<CInput label="نوع مالکیت" horizontal disabled :value="ownership_type" />
|
||||
<CInput label="متراژ کل (متر)" horizontal disabled :value="representation.total_area" />
|
||||
<CInput label="متراژ محل تعمیرات (متر)" horizontal disabled :value="representation.repair_area" />
|
||||
<CInput label="متراژ انبار (متر)" horizontal disabled :value="representation.stock_area" />
|
||||
<CInput
|
||||
label="طبقه محل مراجعه مشتریان"
|
||||
horizontal
|
||||
disabled
|
||||
:value="representation.customer_reference_floor"
|
||||
/>
|
||||
|
||||
<CInput label="موقعیت مکانی" horizontal disabled :value="place_location" />
|
||||
<CInput label="موقعیت جغرافیایی" horizontal disabled :value="geo_location" />
|
||||
<CInput label="تعداد و ابعاد تابلو" horizontal disabled :value="representation.banner_info" />
|
||||
<CInput
|
||||
label="تعداد تکنسین های تعمیرگاه"
|
||||
horizontal
|
||||
disabled
|
||||
:value="representation.repair_technicians"
|
||||
/>
|
||||
<CInput label="تعداد استادکار تعمیرگاه" horizontal disabled :value="representation.repair_masters" />
|
||||
<CInput label="تعداد کارکنان اداری" horizontal disabled :value="representation.office_workers" />
|
||||
<CInput label="تعداد پیک موتوری" horizontal disabled :value="representation.bike_deliveries" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>آشنایی با آسان سرویس:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput label="نحوه آشنایی با شرکت" horizontal disabled :value="know_asanServ_from" />
|
||||
<CTextarea
|
||||
label="در صورتیکه معرف دارید مشخصات ایشان را ذکر کنید"
|
||||
horizontal
|
||||
disabled
|
||||
rows="5"
|
||||
:value="representation.introducer_info"
|
||||
/>
|
||||
|
||||
<CInput
|
||||
label="میزان آشنایی با محصولات آسان سرویس"
|
||||
horizontal
|
||||
disabled
|
||||
:value="asanServ_products_knowledge"
|
||||
/>
|
||||
<CInput
|
||||
label="آیا در زمینه فروش لوازم جانبی موبایل و کامپیوتر فعالیت دارید؟"
|
||||
horizontal
|
||||
disabled
|
||||
:value="computer_saling_exp"
|
||||
/>
|
||||
<CTextarea
|
||||
label="در صورت فعالیت فروش، نام شرکت و نوع محصول را نام ببرید"
|
||||
horizontal
|
||||
disabled
|
||||
rows="5"
|
||||
:value="representation.computer_saling_description"
|
||||
/>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>سابقه فعالیت:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CInput
|
||||
label="سابقه فعالیت در تعمیر ابزار جانبی موبایل و کامپیوتر (سال)"
|
||||
horizontal
|
||||
disabled
|
||||
:value="representation.computer_repair_exp"
|
||||
/>
|
||||
<CInput
|
||||
label="سابقه فعالیت در تعمیر لوزام صوتی و تصویری (سال)"
|
||||
horizontal
|
||||
disabled
|
||||
:value="representation.multimedia_repair_exp"
|
||||
/>
|
||||
<CInput label="سابقه در محل کسب (سال)" horizontal disabled :value="representation.business_exp" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>سایر توضیحات:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CTextarea label="سایر توضیحات" horizontal disabled rows="5" :value="representation.more_descriptions" />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>نمایندگی نشان تجاری دیگر:</h6>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="representation.other_representations" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="trademark" label="نشان تجاری" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="company_name" label="نام شرکت" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="cooperation_history" label="سابقه همکاری (سال)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="cooperation_start_year" label="سال شروع همکاری" width=""> </el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-for="item in agentAssetCategories" :key="item.fieldName" lg="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<h6>
|
||||
{{ item.title }}
|
||||
(عکس های آپلود شده)
|
||||
</h6>
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-image
|
||||
v-for="image in representation[item.fieldName] || []"
|
||||
:key="image._id"
|
||||
style="width: 100px; height: 100px"
|
||||
:src="image.url"
|
||||
:preview-src-list="getImagePreviewList(representation[item.fieldName] || [])"
|
||||
fit="cover"
|
||||
class="ml-2"
|
||||
>
|
||||
</el-image>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'AddminRepresentationDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const representation = await $axios.get(`/api/admin/representation/${params.representation}`)
|
||||
return {
|
||||
representation: representation.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده درخواست نمایندگی',
|
||||
representation: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
agentAssetCategories: 'front/agentAssetCategories'
|
||||
}),
|
||||
business_license() {
|
||||
if (this.representation.business_license) return 'دارد'
|
||||
else return 'ندارد'
|
||||
},
|
||||
ownership_type() {
|
||||
if (this.representation.ownership_type === 'owner') return 'مالک'
|
||||
else if (this.representation.ownership_type === 'rent') return 'استیجاری'
|
||||
else return 'سرقفلی'
|
||||
},
|
||||
place_location() {
|
||||
if (this.representation.place_location === 'tech_passage') return 'مرکز صنف موبایل و کامپیوتر'
|
||||
else return 'سایر'
|
||||
},
|
||||
geo_location() {
|
||||
if (this.representation.geo_location === 'main_street') return 'خیابان اصلی'
|
||||
else if (this.representation.geo_location === 'side_street') return 'خیابان فرعی'
|
||||
else if (this.representation.geo_location === 'alley') return 'کوچه'
|
||||
else if (this.representation.geo_location === 'inside_passage') return 'داخل پاساژ'
|
||||
else return 'بر پاساژ'
|
||||
},
|
||||
know_asanServ_from() {
|
||||
if (this.representation.know_asanServ_from === 'company_agents') return 'نماینده فروش'
|
||||
else if (this.representation.know_asanServ_from === 'website') return 'وب سایت'
|
||||
else if (this.representation.know_asanServ_from === 'company_workers') return 'پرسنل سازمان'
|
||||
else if (this.representation.know_asanServ_from === 'exhibition') return 'نمایشگاه'
|
||||
else if (this.representation.know_asanServ_from === 'introduced') return 'معرفی'
|
||||
else return 'سایر'
|
||||
},
|
||||
asanServ_products_knowledge() {
|
||||
if (this.representation.asanServ_products_knowledge === 4) return 'زیاد'
|
||||
else if (this.representation.asanServ_products_knowledge === 3) return 'نسبتاً خوب'
|
||||
else if (this.representation.asanServ_products_knowledge === 2) return 'متوسط'
|
||||
else if (this.representation.asanServ_products_knowledge === 1) return 'کم'
|
||||
else return 'خیلی کم'
|
||||
},
|
||||
computer_saling_exp() {
|
||||
if (this.representation.computer_saling_exp) return 'دارد'
|
||||
else return 'ندارد'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
updateStatus(status) {
|
||||
if (status === this.representation.status) return
|
||||
const title = 'هشدار'
|
||||
function getMsg() {
|
||||
const msg1 = 'با تغییر وضعیت فرم به بررسی مدارک بلافاصله پیامک اطلاع رسانی برای متقاضی ارسال خواهد شد'
|
||||
const msg2 =
|
||||
'با تغییر وضعیت به رد شده یا تایید شده دیگر امکان تغییر وضعیت نخواهید داشت و پیامک تغییر وضعیت بلافاصله برای متقاضی ارسال خواهد شد، ادامه میدهید؟'
|
||||
const msg3 = 'پیامک ایجاد دسرترسی آپلود برای متقاضی ارسال خواهد شد، ادامه میدهید؟'
|
||||
const msg4 = 'با برداشتن دسترسی آپلود پیامکی برای متقاضی ارسال نخواهد شد'
|
||||
|
||||
if (status === 'verification') return msg1
|
||||
else if (status === 'rejected' || status === 'accepted') return msg2
|
||||
else if (status === 'uploadOn') return msg3
|
||||
else return msg4
|
||||
}
|
||||
|
||||
this.$confirm(getMsg(), title, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.put(`/api/admin/representationStatus/${this.representation._id}`, { status })
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: response.data.message
|
||||
})
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
getImagePreviewList(images) {
|
||||
return images.map(item => item.url)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,232 @@
|
||||
<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="filterType === 'all' ? 'primary' : 'light'"
|
||||
:class="filterType === 'all' && 'selected'"
|
||||
@click="filterType = 'all'"
|
||||
>
|
||||
<span>همه</span>
|
||||
<span> ({{ representations.length }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'registered' ? 'primary' : 'light'"
|
||||
:class="filterType === 'registered' && 'selected'"
|
||||
@click="filterType = 'registered'"
|
||||
>
|
||||
<span>جدید</span>
|
||||
<span> ({{ getListCountByStatus('registered') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'ongoing' ? 'primary' : 'light'"
|
||||
:class="filterType === 'ongoing' && 'selected'"
|
||||
@click="filterType = 'ongoing'"
|
||||
>
|
||||
<span>در دست اقدام</span>
|
||||
<span> ({{ getListCountByStatus('ongoing') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'verification' ? 'primary' : 'light'"
|
||||
:class="filterType === 'verification' && 'selected'"
|
||||
@click="filterType = 'verification'"
|
||||
>
|
||||
<span>بررسی مدارک</span>
|
||||
<span> ({{ getListCountByStatus('verification') }} )</span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'accepted' ? 'primary' : 'light'"
|
||||
:class="filterType === 'accepted' && 'selected'"
|
||||
@click="filterType = 'accepted'"
|
||||
>
|
||||
<span>تایید شده</span>
|
||||
<span> ({{ getListCountByStatus('accepted') }}) </span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="filterType === 'rejected' ? 'primary' : 'light'"
|
||||
:class="filterType === 'rejected' && 'selected'"
|
||||
@click="filterType = 'rejected'"
|
||||
>
|
||||
<span>رد شده</span>
|
||||
<span> ({{ getListCountByStatus('rejected') }}) </span>
|
||||
</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
|
||||
:data="filteredItems"
|
||||
style="width: 100%"
|
||||
:row-class-name="({ row, rowIndex }) => row.status === 'registered' && 'unread'"
|
||||
>
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="full_name" label="نام" width=""> </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="representation_code" 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 label="تاریخ ثبت درخواست" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.created_at) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.status === 'registered'" type="info">ثبت شده</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'ongoing'" type="primary">در دست اقدام</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'verification'" type="warning">بررسی مدارک</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'accepted'" type="success">تایید شده</el-tag>
|
||||
<el-tag v-if="scope.row.status === 'rejected'" type="danger">رد شده</el-tag>
|
||||
</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-representations-representation', params: { representation: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminRepresentationsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const representations = await $axios.get('/api/admin/representations')
|
||||
return {
|
||||
representations: representations.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'درخواست های نمایندگی',
|
||||
list_title: 'لیست',
|
||||
representations: null,
|
||||
filterText: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterData = this.representations.filter(item =>
|
||||
this.filterType === 'all' ? item : item.status === this.filterType
|
||||
)
|
||||
const filterText = this.filterText.toLowerCase()
|
||||
if (!filterText.length) return filterData
|
||||
else
|
||||
return filterData.filter(item => {
|
||||
return (
|
||||
item.representation_code.toLowerCase().includes(filterText) ||
|
||||
item.full_name.toLowerCase().includes(filterText) ||
|
||||
item.mobile_number.toLowerCase().includes(filterText) ||
|
||||
item.national_code.toLowerCase().includes(filterText) ||
|
||||
item.province_name.toLowerCase().includes(filterText) ||
|
||||
item.city_name.toLowerCase().includes(filterText)
|
||||
)
|
||||
})
|
||||
},
|
||||
filterType: {
|
||||
get() {
|
||||
return this.$route.query.status
|
||||
},
|
||||
set(val) {
|
||||
this.$router.push({ name: 'admin-representations', query: { status: val } })
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getListCountByStatus(status) {
|
||||
return this.representations.filter(item => item.status === status).length
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scopped>
|
||||
.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;
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.unread {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,163 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h3>افزودن فایل اکسل</h3>
|
||||
<el-divider></el-divider>
|
||||
<input ref="file" type="file" class="d-block" />
|
||||
<p v-if="validation.file" class="text-danger mt-3">{{ validation.file.msg }}</p>
|
||||
<el-button type="success" class="mt-3" size="small" style="color: #fff" @click="post">افزودن</el-button>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h3>لیست فایل های افزوده شده</h3>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="files" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="نام فایل" width="">
|
||||
<template slot-scope="scope">
|
||||
<a
|
||||
download
|
||||
target="_blank"
|
||||
title="برای دانلود کلیک کنید"
|
||||
:href="scope.row.url + scope.row.name"
|
||||
style="color: blue; display: block; direction: ltr !important; text-align: right"
|
||||
>
|
||||
{{ scope.row.name }}
|
||||
</a>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="حذف" width="60" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton :key="scope.row._id" color="danger" variant="outline" @click="del(scope.row.name)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminGuaranteeSerials',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error, query }) {
|
||||
try {
|
||||
const type = query?.type
|
||||
if (!type) throw new Error('invalid type')
|
||||
const files = await $axios.get('/api/admin/serialExels', {
|
||||
params: { type }
|
||||
})
|
||||
return {
|
||||
files: files.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 500, message: 'there is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
files: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
type() {
|
||||
return this.$route.query?.type
|
||||
},
|
||||
title() {
|
||||
if (this.type === 'guaranteeSerial') return 'فایل اکسل شماره سریال گارانتی'
|
||||
else return 'فایل اکسل شماره سریال کالا'
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
type(newVal, oldVal) {
|
||||
this.$nuxt.refresh()
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
post() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('type', this.type)
|
||||
data.append('file', this.$refs.file.files[0])
|
||||
this.$axios
|
||||
.post('/api/admin/addExel', data)
|
||||
.then(res => {
|
||||
console.log('🚀 ~ file: index.vue ~ line 108 ~ post ~ res', res)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'فایل با موفقیت ارسال شد'
|
||||
})
|
||||
this.$refs.file.value = null
|
||||
this.$nuxt.refresh()
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.data.status === 401) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا دوباره وارد حساب خود شوید'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err)
|
||||
})
|
||||
},
|
||||
del(name) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/removeExel/${name}`, {
|
||||
params: {
|
||||
type: this.type
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
this.files = this.files.filter(item => item.name !== name)
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,333 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="!isNew && sms._creator.first_name" type="primary" class="ml-1">
|
||||
<span>ایجاد کننده: </span>
|
||||
<span> {{ sms._creator.first_name + ' ' + sms._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton size="sm" color="primary" class="mr-auto" @click="$router.go(-1)">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CRow>
|
||||
<CCol sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6>متن پیامک:</h6>
|
||||
<el-divider></el-divider>
|
||||
<CForm>
|
||||
<CTextarea
|
||||
v-model="sms.message"
|
||||
label="متن"
|
||||
horizontal
|
||||
rows="5"
|
||||
:class="validation.message && 'err'"
|
||||
:disabled="!isNew"
|
||||
:description="validation.message && validation.message.msg"
|
||||
/>
|
||||
<CInput
|
||||
v-if="!isNew"
|
||||
label="تاریخ ارسال"
|
||||
horizontal
|
||||
:value="$jDateTime(sms.create_at)"
|
||||
:disabled="true"
|
||||
/>
|
||||
</CForm>
|
||||
|
||||
<div v-if="isNew" class="recievers mt-5" style="text-align: center">
|
||||
<h4>
|
||||
<span>تعداد مخاطبین انتخاب شده:</span>
|
||||
<b>{{ contacts.length }}</b>
|
||||
</h4>
|
||||
<p v-if="searchInput.length" style="color: orange; font-size: 12">
|
||||
*برای مشاهده نتایج دقیق فیلد "جستجو" را خالی کنید. چنانچه فیلد جستجو پر باشد فقط برای کسانی که در لیست
|
||||
فیلتر شده اند و نامشان انتخاب شده پیامک خواهد رفت.
|
||||
</p>
|
||||
<p v-if="validation.recievers && validation.recievers.msg" style="color: red">
|
||||
{{ validation.recievers.msg }}
|
||||
</p>
|
||||
|
||||
<div class="btnRow mt-3">
|
||||
<el-button class="btn btn-primary custom-el-button" :loading="posting" @click="post">ارسال</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-if="isNew" sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6 class="mb-2">انتخاب مخاطبین:</h6>
|
||||
|
||||
<div class="mb-2">
|
||||
<CButtonGroup>
|
||||
<CButton
|
||||
:color="userType === 'all' ? 'primary' : 'light'"
|
||||
:class="userType === 'all' && 'selected'"
|
||||
@click="userType = 'all'"
|
||||
>
|
||||
<span>همه</span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="userType === 'customers' ? 'primary' : 'light'"
|
||||
:class="userType === 'customers' && 'selected'"
|
||||
@click="userType = 'customers'"
|
||||
>
|
||||
<span>مشتریان</span>
|
||||
</CButton>
|
||||
|
||||
<CButton
|
||||
:color="userType === 'agents' ? 'primary' : 'light'"
|
||||
:class="userType === 'agents' && 'selected'"
|
||||
@click="userType = 'agents'"
|
||||
>
|
||||
<span>نمایندگان</span>
|
||||
</CButton>
|
||||
</CButtonGroup>
|
||||
</div>
|
||||
|
||||
<el-input
|
||||
v-model="searchInput"
|
||||
clearable
|
||||
placeholder="جستجو با نام و نام خانوادگی - کد مشتری - کد ملی - شماره همراه"
|
||||
/>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<div>
|
||||
<el-checkbox key="checkAll_checkbox1" v-model="selectAll" label="انتخاب همه" />
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-table :data="filteredItems" 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="panatech_businessCode" label="کد مشتری (پاناتک)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="وضعیت حساب" width="">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.isAgent" type="success">نماینده</el-tag>
|
||||
<el-tag v-else type="warning">مشتری</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column v-if="!selectAll" label="انتخاب" width="65" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox :key="scope.row._id + 'singleCheckBox'" v-model="scope.row.checked" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
|
||||
<CCol v-else sm="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h6 class="mb-2">لیست مخاطبین:</h6>
|
||||
|
||||
<el-divider></el-divider>
|
||||
|
||||
<el-table :data="sms.recievers" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="نام" width="">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.user_id.first_name + ' ' + scope.row.user_id.last_name }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="user_id.mobile_number" label="کد ملی" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="mobile_number" label="شماره موبایل" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="user_id.verity_businessCode" label="کد مشتری (وریتی)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="user_id.panatech_businessCode" label="کد مشتری (پاناتک)" width="">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="مشاهده اکانت کاربر" width="140" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-customers-customer', params: { customer: scope.row.user_id._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminSMSBroadcastDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
if (params.item !== 'new') {
|
||||
const sms = await $axios.get(`/api/admin/smsBroadcasts/${params.item}`)
|
||||
return {
|
||||
sms: sms.data
|
||||
}
|
||||
} else {
|
||||
const users = await $axios.get(`/api/admin/usersForSMS`)
|
||||
return {
|
||||
sms: {
|
||||
message: '',
|
||||
recieveres: []
|
||||
},
|
||||
users: users.data
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
sms: null,
|
||||
users: null,
|
||||
posting: false,
|
||||
selectAll: false,
|
||||
userType: 'all',
|
||||
searchInput: '',
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (this.isNew) return 'ارسال پیامک گروهی برای کاربران'
|
||||
else return 'مشاهده پیامک ارسال شده'
|
||||
},
|
||||
isNew() {
|
||||
return this.$route.params.item === 'new'
|
||||
},
|
||||
contacts() {
|
||||
if (this.selectAll) return this.filteredItems
|
||||
else return this.filteredItems.filter(item => item.checked)
|
||||
},
|
||||
filteredItems() {
|
||||
const filterUsersByType = this.users.filter(item => {
|
||||
if (this.userType === 'all') return item
|
||||
else if (this.userType === 'customers' && !item.isAgent) return item
|
||||
else if (this.userType === 'agents' && item.isAgent) return item
|
||||
else return null
|
||||
})
|
||||
const searchInput = this.searchInput
|
||||
if (!this.searchInput.length) return filterUsersByType
|
||||
else {
|
||||
return filterUsersByType.filter(item => {
|
||||
return (
|
||||
item.first_name.includes(searchInput) ||
|
||||
item.last_name.includes(searchInput) ||
|
||||
item.mobile_number.includes(searchInput) ||
|
||||
item.national_code.includes(searchInput) ||
|
||||
item.verity_businessCode?.includes(searchInput) ||
|
||||
item.panatech_businessCode?.includes(searchInput) ||
|
||||
(item.first_name + ' ' + item.last_name).includes(searchInput)
|
||||
)
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
userType(newVal, oldVal) {}
|
||||
},
|
||||
methods: {
|
||||
async post() {
|
||||
try {
|
||||
if (!this.isNew) return
|
||||
if (this.posting) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا منتظر بمانید'
|
||||
})
|
||||
}
|
||||
|
||||
// get user confirmations
|
||||
const title1 = ' هشدار - مرحله اول'
|
||||
const title2 = ' هشدار - مرحله دوم'
|
||||
|
||||
const msg1 = 'لیست مخاطبان و متن پیام را چند بار قبل از ارسال بررسی کنید!'
|
||||
const msg2 = 'پس از ارسال امکان انصراف یا بازگشت نخواهد بود!!!'
|
||||
|
||||
/// first step
|
||||
await this.$confirm(msg1, title1, {
|
||||
confirmButtonText: 'ادامه',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
/// second step
|
||||
await this.$confirm(msg2, title2, {
|
||||
confirmButtonText: 'ارسال',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
|
||||
this.posting = true
|
||||
this.validation = {}
|
||||
|
||||
// create recieveres array
|
||||
const recievers = []
|
||||
for await (const contact of this.contacts) {
|
||||
recievers.push({ user_id: contact._id, mobile_number: contact.mobile_number })
|
||||
}
|
||||
|
||||
// send request
|
||||
const smsBroadcast = await this.$axios.post('/api/admin/broadcastSMS', {
|
||||
message: this.sms.message,
|
||||
recievers
|
||||
})
|
||||
|
||||
// handle request response
|
||||
this.posting = false
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: smsBroadcast.data.message
|
||||
})
|
||||
this.$router.push({ name: 'admin-sms' })
|
||||
} catch (err) {
|
||||
this.posting = false
|
||||
if (err.response?.status === 422) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'پارامتر ها رو بررسی کنید'
|
||||
})
|
||||
this.validation = err.response.data.validation
|
||||
}
|
||||
if (err.response?.status === 401)
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'دوباره وارد سیستم شوید'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,92 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" class="mr-auto" :to="{ name: 'admin-sms-item', params: { item: 'new' } }"
|
||||
>افزودن</CButton
|
||||
>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
|
||||
<CCardBody>
|
||||
<el-table :data="filteredItems" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="message" label="متن" width="">
|
||||
<template slot-scope="scope">
|
||||
<span class="singleLineTxt" :title="scope.row.message"> {{ scope.row.message }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="recievers" label="تعداد مخاطبین" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ scope.row.recievers.length }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="caption" label="تاریخ ایجاد" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.created_at) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="75" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-sms-item', params: { item: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminSMSBroadcastList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const smsBroadcasts = await $axios.get('/api/admin/smsBroadcasts')
|
||||
return {
|
||||
smsBroadcasts: smsBroadcasts.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list_title: 'لیست',
|
||||
smsBroadcasts: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
return 'لیست پیامک های ارسال شده'
|
||||
},
|
||||
filteredItems() {
|
||||
return this.smsBroadcasts
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,62 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="primary" class="mr-auto" :to="{ name: 'admin-surveys' }">برگشت به صفحه قبل</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="12">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput v-if="survey.code" :value="survey.code" label="شماره پذیرش دایم" disabled />
|
||||
<CInput
|
||||
v-for="item in surveyOptions"
|
||||
:key="item.fieldName"
|
||||
:value="surveyOptionsValues.get(survey[item.fieldName])"
|
||||
:label="item.title"
|
||||
disabled
|
||||
/>
|
||||
<CTextarea :value="survey.description" :rows="5" label="نظرات ، پیشنهادات و انتقادات" disabled />
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'AdminSurveyDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const survey = await $axios.$get(`/api/admin/surveys/${params.survey}`)
|
||||
return {
|
||||
survey
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'مشاهده جزعیات نظرسنجی',
|
||||
survey: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
surveyOptions: 'front/surveyOptions',
|
||||
surveyOptionsValues: 'front/surveyOptionsValues'
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,113 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<div>
|
||||
<h3>میزان رضایت کلی مشتریان در تمام نظرات ثبت شده:</h3>
|
||||
|
||||
<ul class="mt-4">
|
||||
<li v-for="item in surveyOptions" :key="item.fieldName + '_Option'">
|
||||
<p>
|
||||
<span>{{ item.title }}</span>
|
||||
<b>%{{ getPercentage(item.fieldName) }}</b>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<el-table :data="surveys" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="کاربر" width="">
|
||||
<template slot-scope="scope">
|
||||
<nuxt-link :to="{ name: 'admin-customers-customer', params: { customer: scope.row.user._id } }">
|
||||
{{ scope.row.user.first_name + ' ' + scope.row.user.last_name }}
|
||||
</nuxt-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="code" label="کد پذیرش دایم" width="" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.code || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="تاریخ ایجاد" width="">
|
||||
<template slot-scope="scope">
|
||||
<span> {{ $jDate(scope.row.created_at) }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="مشاهده" width="70" align="center">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-surveys-survey', params: { survey: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
export default {
|
||||
name: 'AdminSurveysList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const surveys = await $axios.$get(`/api/admin/surveys`)
|
||||
return {
|
||||
surveys
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'لیست نظرسنجی ها',
|
||||
list_title: 'لیست',
|
||||
surveys: null,
|
||||
search: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
surveyOptions: 'front/surveyOptions',
|
||||
surveyOptionsValues: 'front/surveyOptionsValues'
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
getPercentage(fieldName) {
|
||||
let totalData = 0
|
||||
let userChoice = 0
|
||||
this.surveys.forEach(item => {
|
||||
totalData += 5
|
||||
userChoice += item[fieldName]
|
||||
})
|
||||
return Math.round((userChoice * 100) / totalData)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,162 @@
|
||||
<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>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol lg="12">
|
||||
<CForm>
|
||||
<CInput
|
||||
label="نام مشتری"
|
||||
horizontal
|
||||
disabled
|
||||
:value="conversation.user_id.first_name + ' ' + conversation.user_id.last_name"
|
||||
/>
|
||||
<CInput label="شناسه وریتی مشتری" horizontal disabled :value="conversation.user_id.verity_businessCode" />
|
||||
<CInput
|
||||
label="شناسه پاناتک مشتری"
|
||||
horizontal
|
||||
disabled
|
||||
:value="conversation.user_id.panatech_businessCode"
|
||||
/>
|
||||
<CInput label="شماره پذیرش مربوطه" horizontal disabled :value="conversation.transaction_id || '-'" />
|
||||
<CTextarea label="عنوان تیکت" horizontal disabled rows="5" :value="conversation.title" />
|
||||
</CForm>
|
||||
|
||||
<div class="messenger">
|
||||
<h3 class="messenger-title">پیام ها:</h3>
|
||||
<div class="messenger-body">
|
||||
<div class="messages" :class="!conversation.messages.length ? 'no-msg' : null">
|
||||
<!-- no-msg -->
|
||||
<p v-if="!conversation.messages.length">هیچ پیامی وجود ندارد.</p>
|
||||
<!-- user -->
|
||||
<div
|
||||
v-for="item in conversation.messages"
|
||||
:key="item._id"
|
||||
class="message user"
|
||||
:class="[!item.isUser ? 'user' : 'asan-admin', !item.read && item.isUser ? 'unread' : null]"
|
||||
>
|
||||
<div class="txt">
|
||||
<img v-if="item.image" :src="item.image" alt="" />
|
||||
<p>{{ item.message }}</p>
|
||||
<p class="date">
|
||||
<span>{{ $jDateTime(item.created_at) }}</span>
|
||||
<span v-if="item.user_id.first_name">
|
||||
({{ item.user_id.first_name + ' ' + item.user_id.last_name }})
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<user-icon />
|
||||
</div>
|
||||
</div>
|
||||
<div class="newMsg">
|
||||
<div class="relativePos">
|
||||
<input v-model="message" type="text" placeholder="پیام خود را بنویسید" />
|
||||
<label for="file"></label>
|
||||
<input id="file" ref="attachment" type="file" @change="preview" />
|
||||
<img v-if="attachment" :src="attachment" alt="" />
|
||||
<i v-if="attachment" id="clearFile" class="fas fa-times-circle" @click="clearFile"></i>
|
||||
<button class="btn btn-primary" :disabled="!message && !attachment" @click="sendMessage">
|
||||
ارسال
|
||||
</button>
|
||||
<div class="validationMsg">
|
||||
<p v-if="validation.message">{{ validation.message.msg }}</p>
|
||||
<p v-if="validation.image">{{ validation.image.msg }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axiosUploadProcess from '@/mixins/axiosUploadProcess'
|
||||
|
||||
export default {
|
||||
name: 'AddminTicketDetails',
|
||||
mixins: [axiosUploadProcess],
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const conversation = await $axios.get(`/api/admin/ticket/${params.ticket}`)
|
||||
return {
|
||||
conversation: conversation.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'تیکت',
|
||||
list_title: 'لیست',
|
||||
conversation: null,
|
||||
message: '',
|
||||
attachment: '',
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
preview(event) {
|
||||
this.attachment = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
clearFile() {
|
||||
this.attachment = null
|
||||
this.$refs.attachment.value = null
|
||||
},
|
||||
sendMessage() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('message', this.message)
|
||||
if (this.$refs.attachment.files[0]) data.append('image', this.$refs.attachment.files[0])
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/addMessageToTicket/${this.conversation._id}`, data, this.axiosConfig)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'پیام با موفقیت ارسال شد.'
|
||||
})
|
||||
this.attachment = ''
|
||||
this.message = ''
|
||||
this.$refs.attachment.value = null
|
||||
this.conversation = res.data
|
||||
setTimeout(() => {
|
||||
window.scrollTo(0, document.body.scrollHeight)
|
||||
}, 100)
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.data.status === 401) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا دوباره وارد حساب خود شوید'
|
||||
})
|
||||
}
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else console.log(err)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-add-tickets' }" class="mr-auto">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fas fa-filter"></i>
|
||||
<b>فیلتر ها</b>
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol>
|
||||
<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 :data="filteredItems" :row-class-name="hasUnread" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="عنوان" width="">
|
||||
<template slot-scope="scope">
|
||||
<span :title="scope.row.title" class="singleLineTxt"> {{ scope.row.title }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="user_id.verity_businessCode" label="کد مشتری (وریتی)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="user_id.panatech_businessCode" label="کد مشتری (پاناتک)" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="transaction_id" label="شماره سفارش" width="">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.transaction_id || '-' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="created_at" label="تاریخ ایجاد مکالمه" width="">
|
||||
<template slot-scope="scope">
|
||||
{{ $jDate(scope.row.created_at) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="مشاهده" width="75" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-tickets-ticket', params: { ticket: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminTicketsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const tickets = await $axios.get(`/api/admin/tickets`)
|
||||
return {
|
||||
tickets: tickets.data
|
||||
}
|
||||
} catch (err) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'تیکت ها',
|
||||
list_title: 'لیست',
|
||||
tickets: null,
|
||||
filterText: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterText = this.filterText
|
||||
return this.tickets.filter(item => {
|
||||
return (
|
||||
item.title.includes(filterText) ||
|
||||
item.user_id.first_name.includes(filterText) ||
|
||||
item.user_id.last_name.includes(filterText) ||
|
||||
item.user_id.verity_businessCode?.includes(filterText) ||
|
||||
item.user_id.panatech_businessCode?.includes(filterText) ||
|
||||
(item.user_id.first_name + ' ' + item.user_id.last_name).includes(filterText)
|
||||
)
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
hasUnread({ row, rowIndex }) {
|
||||
return row.messages.filter(item => !item.read && item.isUser).length ? 'unreadMsgInCv' : null
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.unreadMsgInCv {
|
||||
background: rgba(orange, 0.1) !important;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,100 @@
|
||||
<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>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<CRow>
|
||||
<CCol lg="6">
|
||||
<CForm>
|
||||
<CInput label="شماره پذیرش" horizontal disabled :value="transaction.TransNumber" />
|
||||
<CInput
|
||||
label="نام مشتری"
|
||||
horizontal
|
||||
disabled
|
||||
:value="transaction.user_id.first_name + ' ' + transaction.user_id.last_name"
|
||||
/>
|
||||
<CInput label="شناسه مشتری" horizontal disabled :value="transaction.user_id.arpa_businessCode" />
|
||||
<CInput label="نام تحویل گیرنده" horizontal disabled :value="transaction.TransCCustom1" />
|
||||
<CInput label="شماره تحویل گیرنده" horizontal disabled :value="transaction.cTel1" />
|
||||
<CInput label="آدرس تحویل" horizontal disabled :value="transaction.cAddress1" />
|
||||
</CForm>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AdminTransactionDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const transaction = await $axios.get(`/api/admin/transaction/${params.item}`)
|
||||
return {
|
||||
transaction: transaction.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'فرم های گارانتی',
|
||||
list_title: 'لیست',
|
||||
transaction: null,
|
||||
message: '',
|
||||
attachment: ''
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
preview(event) {
|
||||
this.attachment = URL.createObjectURL(event.target.files[0])
|
||||
},
|
||||
clearFile() {
|
||||
this.attachment = null
|
||||
this.$refs.attachment.value = null
|
||||
},
|
||||
sendMessage() {
|
||||
const data = new FormData()
|
||||
data.append('message', this.message)
|
||||
data.append('transaction_id', this.transaction._id)
|
||||
|
||||
if (this.$refs.attachment.files[0]) data.append('image', this.$refs.attachment.files[0])
|
||||
|
||||
this.$axios
|
||||
.post('/api/admin/addTicket', data)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'پیام با موفقیت ارسال شد.'
|
||||
})
|
||||
this.attachment = ''
|
||||
this.message = ''
|
||||
this.$refs.attachment.value = null
|
||||
this.transaction.tickets.push(res.data)
|
||||
})
|
||||
.catch(e => {
|
||||
console.log(e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,92 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-warranty-terms-new' }" class="mr-auto">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<!-- <CCardHeader-->
|
||||
<!-- :dir="paginate ? 'ltr' : 'rtl'"-->
|
||||
<!-- :style="{textAlign: paginate ? 'center' : 'right'}">-->
|
||||
|
||||
<!-- <el-pagination-->
|
||||
<!-- background-->
|
||||
<!-- layout="prev, pager, next"-->
|
||||
<!-- v-if="paginate"-->
|
||||
<!-- @current-change="pageNumber"-->
|
||||
<!-- :current-page="Number($route.params.page)"-->
|
||||
<!-- :page-count="Number(warranties.totalPages)"-->
|
||||
<!-- >-->
|
||||
<!-- </el-pagination>-->
|
||||
|
||||
<!-- <slot name="header" v-else>-->
|
||||
<!-- <CIcon name="cil-grid"/>-->
|
||||
<!-- {{ list_title }}-->
|
||||
<!-- </slot>-->
|
||||
|
||||
<!-- </CCardHeader>-->
|
||||
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
|
||||
<CCardBody>
|
||||
<el-table :data="transactions" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column prop="Description" label="پیام" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="TransNumber" label="شماره سفارش" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="مشاهده" width="75" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="success"
|
||||
variant="outline"
|
||||
:to="{ name: 'admin-transactions-item', params: { item: scope.row._id } }"
|
||||
>
|
||||
<i class="fal fa-eye"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminTransactionsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const transactions = await $axios.get(`/api/admin/transactions`)
|
||||
return {
|
||||
transactions: transactions.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'فرم های گارانتی',
|
||||
list_title: 'لیست',
|
||||
transactions: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,175 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<el-tag v-if="warranty._creator && warranty._creator.first_name" type="primary">
|
||||
<span>ایجاد یا اصلاح کننده: </span>
|
||||
<span> {{ warranty._creator.first_name + ' ' + warranty._creator.last_name }} </span>
|
||||
</el-tag>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="primary"
|
||||
class="mr-auto"
|
||||
:to="{ name: 'admin-warranty-terms-page', params: { page: $route.params.page } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">بروزرسانی</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="warranty.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="warranty.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="warranty.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="warranty.image" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="image" type="file" @change="preview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.image" class="form-text alert-danger w-100">
|
||||
{{ validation.image.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100"> عکس باید با نسبت 1:1 باشد. </small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminWarrantyTermDetails',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const warranty = await $axios.get(`/api/public/warranty/${params.item}`)
|
||||
return {
|
||||
warranty: warranty.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
warranty: null,
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
validation: {},
|
||||
uploading: false,
|
||||
uploadProgress: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (!this.uploading) {
|
||||
return 'ویرایش شرایط گارانتی'
|
||||
} else {
|
||||
return this.uploadProgress
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.warranty.title)
|
||||
data.append('short_description', this.warranty.short_description)
|
||||
data.append('description', this.warranty.description)
|
||||
if (this.$refs.image.files[0]) data.append('image', this.$refs.image.files[0])
|
||||
|
||||
const axiosConfig = {
|
||||
onUploadProgress: progressEvent => {
|
||||
this.uploading = true
|
||||
this.uploadProgress = 'درحال آپلود ' + Math.floor((progressEvent.loaded / progressEvent.total) * 100) + '%'
|
||||
|
||||
if ((progressEvent.loaded / progressEvent.total) * 100 === 100) {
|
||||
this.uploading = false
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.$axios
|
||||
.put(`/api/admin/warranty/${this.warranty._id}`, data, axiosConfig)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت بروزرسانی شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$refs.image.value = null
|
||||
this.warranty = response.data
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
preview(event) {
|
||||
this.warranty.image = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,127 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton size="sm" color="success" :to="{ name: 'admin-warranty-terms-new' }" class="mr-auto">افزودن</CButton>
|
||||
</CustomSubHeader>
|
||||
|
||||
<CCard>
|
||||
<CCardHeader :dir="paginate ? 'ltr' : 'rtl'" :style="{ textAlign: paginate ? 'center' : 'right' }">
|
||||
<el-pagination
|
||||
v-if="paginate"
|
||||
background
|
||||
layout="prev, pager, next"
|
||||
:current-page="Number($route.params.page)"
|
||||
:page-count="Number(warranties.totalPages)"
|
||||
@current-change="pageNumber"
|
||||
>
|
||||
</el-pagination>
|
||||
|
||||
<slot v-else name="header">
|
||||
<CIcon name="cil-grid" />
|
||||
{{ list_title }}
|
||||
</slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table :data="warranties.docs" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="تصویر" width="170">
|
||||
<template slot-scope="scope">
|
||||
<el-image style="width: 100%; height: 100%" :src="scope.row.image" fit="fit"> </el-image>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="title" label="عنوان" width=""> </el-table-column>
|
||||
|
||||
<el-table-column prop="short_description" label="توضیح کوتاه" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="ویرایش" width="105" align="left">
|
||||
<template slot-scope="scope">
|
||||
<CButton
|
||||
:key="scope.row._id"
|
||||
color="warning"
|
||||
variant="outline"
|
||||
:to="`/admin/warranty-terms/${$route.params.page}/${scope.row._id}`"
|
||||
>
|
||||
<i class="fal fa-pencil"></i>
|
||||
</CButton>
|
||||
<CButton color="danger" variant="outline" @click="del(scope.row._id)">
|
||||
<i class="fal fa-trash-alt"></i>
|
||||
</CButton>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminWarrantyTermsList',
|
||||
layout: 'admin',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const warranties = await $axios.get(`/api/public/warranty/page/${params.page}`)
|
||||
return {
|
||||
warranties: warranties.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title: 'شرایط گارانتی',
|
||||
list_title: 'لیست',
|
||||
warranties: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
paginate() {
|
||||
return this.warranties.totalPages > 1
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumber(val) {
|
||||
this.$router.push({ name: 'admin-warranty-terms-page', params: { page: val } })
|
||||
},
|
||||
del(id) {
|
||||
this.$confirm('این مورد حذف شود؟', 'هشدار', {
|
||||
confirmButtonText: 'بله',
|
||||
cancelButtonText: 'لغو',
|
||||
type: 'warning'
|
||||
})
|
||||
.then(() => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/warranty/${id}`)
|
||||
.then(response => {
|
||||
this.warranties.docs = this.warranties.docs.filter(item => item._id !== id)
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'آیتم حذف شد'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'عملیات لغو شد'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,164 @@
|
||||
<template>
|
||||
<div>
|
||||
<CustomSubHeader>
|
||||
<CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
|
||||
<CButton
|
||||
size="sm"
|
||||
color="primary"
|
||||
class="mr-auto"
|
||||
:to="{ name: 'admin-warranty-terms-page', params: { page: 1 } }"
|
||||
>برگشت به صفحه قبل</CButton
|
||||
>
|
||||
<CButton size="sm" color="success" style="margin-right: 10px" @click="upload">ایجاد</CButton>
|
||||
</CustomSubHeader>
|
||||
<CRow>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<CForm>
|
||||
<CInput
|
||||
v-model="formData.title"
|
||||
label="عنوان"
|
||||
horizontal
|
||||
:description="validation.title ? validation.title.msg : null"
|
||||
:class="validation.title ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CTextarea
|
||||
v-model="formData.short_description"
|
||||
label="توضیح کوتاه"
|
||||
horizontal
|
||||
rows="3"
|
||||
:description="validation.short_description ? validation.short_description.msg : null"
|
||||
:class="validation.short_description ? 'err' : null"
|
||||
/>
|
||||
|
||||
<CRow form class="form-group" :class="validation.description ? 'err' : null">
|
||||
<CCol tag="label" sm="3" class="col-form-label">توضیحات</CCol>
|
||||
<CCol sm="9">
|
||||
<client-only>
|
||||
<ckeditor v-model="formData.description" :config="editorConfig"></ckeditor>
|
||||
</client-only>
|
||||
<small v-if="validation.description" class="form-text text-muted w-100">
|
||||
{{ validation.description.msg }}
|
||||
</small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
<CCol xl="6">
|
||||
<CCard>
|
||||
<CCardBody>
|
||||
<h1>تصویر:</h1>
|
||||
<el-divider />
|
||||
<CRow>
|
||||
<CCol col="12" class="mb-3">
|
||||
<img :src="formData.image" alt="" style="width: 100%; max-width: 500px" />
|
||||
</CCol>
|
||||
<CCol col="1">
|
||||
<span>کاور</span>
|
||||
</CCol>
|
||||
<CCol col="11">
|
||||
<input ref="image" type="file" @change="preview" />
|
||||
</CCol>
|
||||
<CCol col="11" class="mr-auto mt-3">
|
||||
<small v-if="validation.image" class="form-text alert-danger w-100">
|
||||
{{ validation.image.msg }}
|
||||
</small>
|
||||
<small v-else class="form-text text-muted w-100"> عکس باید با نسبت 1:1 باشد. </small>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AddminAddNewWarrantyTerm',
|
||||
layout: 'admin',
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
title: '',
|
||||
short_description: '',
|
||||
description: '',
|
||||
image: ''
|
||||
},
|
||||
editorConfig: {
|
||||
language: 'fa',
|
||||
extraPlugins: ['bidi', 'justify']
|
||||
},
|
||||
validation: {},
|
||||
uploading: false,
|
||||
uploadProgress: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
title() {
|
||||
if (!this.uploading) {
|
||||
return 'افزودن شرایط گارانتی'
|
||||
} else {
|
||||
return this.uploadProgress
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
upload() {
|
||||
this.validation = {}
|
||||
const data = new FormData()
|
||||
data.append('title', this.formData.title)
|
||||
data.append('short_description', this.formData.short_description)
|
||||
data.append('description', this.formData.description)
|
||||
data.append('image', this.$refs.image.files[0])
|
||||
|
||||
const axiosConfig = {
|
||||
onUploadProgress: progressEvent => {
|
||||
this.uploading = true
|
||||
this.uploadProgress = 'درحال آپلود ' + Math.floor((progressEvent.loaded / progressEvent.total) * 100) + '%'
|
||||
|
||||
if ((progressEvent.loaded / progressEvent.total) * 100 === 100) {
|
||||
this.uploading = false
|
||||
}
|
||||
}
|
||||
}
|
||||
this.$axios
|
||||
.post(`/api/admin/warranty`, data, axiosConfig)
|
||||
.then(response => {
|
||||
if (response.data) {
|
||||
this.$message({
|
||||
message: 'آیتم با موفقیت ثبت شد.',
|
||||
type: 'success'
|
||||
})
|
||||
this.$router.push({ name: 'admin-warranty-terms-page', params: { page: 1 } })
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: 'اطلاعات رو بررسی و دوباره تلاش کنید'
|
||||
})
|
||||
} else {
|
||||
this.$alert(error.response.data.message, 'خطا', {
|
||||
confirmButtonText: 'باشه'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
preview(event) {
|
||||
this.formData.image = URL.createObjectURL(event.target.files[0])
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<div class="agent-benefits--page page">
|
||||
<hero title="مزایای نمایندگی" />
|
||||
<section class="s1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="panel">
|
||||
<div class="txtBox">
|
||||
<h3>تسهیالت و مزایای نمایندگی مجاز خدمات پس از فروش شرکت آسان سرویس:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
<span> پایه ریزی همکاری بلندمدت جهت سرمایه گذاری نماینده در امر خدمات </span>
|
||||
<span>
|
||||
(درآمدزایی و برخورداری از یک کسب و کار مناسب مرتبط با محصوالت جانبی،رم و فلش،صوتی وتصویری و ...
|
||||
در زمان گارانتی محصوالت و پس از آن)
|
||||
</span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>بهره مندی از امتیاز معرفی شدن نمایندگان توسط شرکت آسان سرویس در سیستم تبلیغات به مشتریان</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>درج مشخصات و اطالعات نماینده بر روی سایت آسان سرویس</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>استفاده از شرایط اعتباری جهت تامین قطعات مورد نیاز با توجه به رتبه نمایندگی</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>پشتیبانی فنی و آموزش تکنسین و کارشناس نمایندگان خدمات پس از فروش در صورت لزوم</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AgentBenefitsPage',
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | مزایای نمایندگی'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,223 @@
|
||||
<template>
|
||||
<div class="agents--page page">
|
||||
<hero title="لیست نمایندگان شهرها" />
|
||||
<section class="s1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="panel">
|
||||
<h3>فیلتر ها:</h3>
|
||||
<el-divider></el-divider>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 mb-3">
|
||||
<el-select v-model="representationType" placeholder="نوع نماینده" style="width: 100%">
|
||||
<el-option label="همه نمایندگان آسان سرویس" value="all" />
|
||||
<el-option label="نمایندگان لوازم جانبی کامپیوتر و موبایل" value="verity" />
|
||||
<el-option label="نمایندگان لوازم صوتی و تصویری خودرو" value="panatech" />
|
||||
<el-option label="نمایندگانی که هر دو نوع لوازم را پشتیبانی میکنند" value="both" />
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 mb-3">
|
||||
<el-select
|
||||
v-model="selectedProvince"
|
||||
filterable
|
||||
clearable
|
||||
placeholder="استان را انتخاب کنید"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in iranProvinces"
|
||||
:key="item.ProvinceID"
|
||||
:label="item.ProvinceName"
|
||||
:value="item.ProvinceID"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 mb-3">
|
||||
<el-select
|
||||
v-model="selectedCity"
|
||||
filterable
|
||||
clearable
|
||||
:placeholder="provinceCities.length ? 'شهر را انتخاب کنید' : 'ابتدا استان را انتخاب کنید'"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in provinceCities"
|
||||
:key="item.CityID"
|
||||
:label="item.CityName"
|
||||
:value="item.CityID"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<el-input
|
||||
v-model="filterText"
|
||||
clearable
|
||||
placeholder="جستجو بر اساس کد نماینده - نام فروشگاه - نام و نام خانوادگی - کد پستی - تلفن ثابت - تلفن همراه"
|
||||
></el-input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mt-3">
|
||||
<div class="panel">
|
||||
<el-table :data="filteredItems" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="نوع نماینده" width="">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.representation_type === 'both'">نماینده هر دو نوع لوازم</span>
|
||||
<span v-if="scope.row.representation_type === 'verity'">نماینده لوازم جانبی کامپیوتر و موبایل</span>
|
||||
<span v-if="scope.row.representation_type === 'panatech'">نماینده لوازم صوتی تصویری خودرو</span>
|
||||
</template>
|
||||
</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="agent_code" label="کد نماینده" width=""> </el-table-column>
|
||||
|
||||
<el-table-column label="اطلاعات" width="70" align="center">
|
||||
<template slot-scope="scope">
|
||||
<button class="showDetailsBtn" @click="showDetails(scope.row._id)">
|
||||
<i class="fas fa-info"></i>
|
||||
</button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<AgentDetailsModal
|
||||
:key="agentDetailsModalKey"
|
||||
:show="agentsModal"
|
||||
:agent="agentToShow"
|
||||
@closeModal="closeAgentDetailsModal"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'AgentsListPage',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const agents = await $axios.get('/api/public/agents')
|
||||
return {
|
||||
agents: agents.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
agents: null,
|
||||
iranProvinces: [],
|
||||
iranCities: [],
|
||||
provinceCities: [],
|
||||
selectedProvince: '',
|
||||
selectedCity: '',
|
||||
filterText: '',
|
||||
representationType: 'all',
|
||||
agentsModal: false,
|
||||
agentToShow: {},
|
||||
agentDetailsModalKey: 0
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | لیست نمایندگان '
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
filteredItems() {
|
||||
const filterByRepresentationType = this.agents.filter(item => {
|
||||
if (this.representationType === 'all') return true
|
||||
else if (this.representationType === 'verity') return item.representation_type === 'verity' || item.representation_type === 'both'
|
||||
else if (this.representationType === 'panatech') return item.representation_type === 'panatech' || item.representation_type === 'both'
|
||||
else if (this.representationType === 'both') return item.representation_type === 'both'
|
||||
else return false
|
||||
})
|
||||
const filterByProvinceAndCity = filterByRepresentationType.filter(item => {
|
||||
// remember order is important (first shoud check city)
|
||||
if (this.selectedCity) return item.city_id === this.selectedCity
|
||||
else if (this.selectedProvince) return item.province_id === this.selectedProvince
|
||||
else return item
|
||||
})
|
||||
const filterText = this.filterText.toLowerCase()
|
||||
if (!filterText.length) return filterByProvinceAndCity
|
||||
else {
|
||||
return filterByProvinceAndCity.filter(item => {
|
||||
return (
|
||||
item.agent_code.toLowerCase().includes(filterText) ||
|
||||
item.full_name.toLowerCase().includes(filterText) ||
|
||||
item.postal_code.toLowerCase().includes(filterText) ||
|
||||
item.store_name.toLowerCase().includes(filterText) ||
|
||||
item.mobile_number.toLowerCase().includes(filterText) ||
|
||||
item.tel_number.toLowerCase().includes(filterText)
|
||||
)
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
selectedProvince(newVal, oldVal) {
|
||||
// step 1
|
||||
this.selectedCity = ''
|
||||
// step 2
|
||||
if (newVal) this.provinceCities = this.iranCities.filter(item => item.ProvinceID === newVal)
|
||||
else this.provinceCities = []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// fetch province and city data
|
||||
this.$axios
|
||||
.post('/api/cross/getRouteManager', {
|
||||
url: '/api/GetProvince',
|
||||
db: 'verity'
|
||||
})
|
||||
.then(res => {
|
||||
this.iranProvinces = res.data.data
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'دریافت لیست استان ها با مشکل مواجه شد'
|
||||
})
|
||||
})
|
||||
|
||||
this.$axios
|
||||
.post('/api/cross/getRouteManager', {
|
||||
url: '/api/GetCity',
|
||||
db: 'verity'
|
||||
})
|
||||
.then(res => {
|
||||
this.iranCities = res.data.data
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: 'دریافت لیست شهر ها با مشکل مواجه شد'
|
||||
})
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
showDetails(id) {
|
||||
this.agentToShow = this.agents.find(item => item._id === id)
|
||||
this.agentsModal = true
|
||||
},
|
||||
closeAgentDetailsModal() {
|
||||
this.agentsModal = false
|
||||
this.agentDetailsModalKey = Math.random()
|
||||
this.agentToShow = {}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,449 @@
|
||||
<template>
|
||||
<div class="user-auth page login" :class="!login ? 'register' : null">
|
||||
<div class="formBox" :class="hasValidationError || waiting ? 'hasValidationError' : null">
|
||||
<div class="side">
|
||||
<p v-if="login">
|
||||
<span>حساب کاربری ندارید ؟</span>
|
||||
<br />
|
||||
<span>برای ثبت نام روی دکمه زیر کلیک کنید</span>
|
||||
</p>
|
||||
<p v-else>
|
||||
<span>اگر قبلآ ثبت نام کرده اید برای ورود روی دکمه زیر کلیک کنید</span>
|
||||
</p>
|
||||
<button class="btn btn-secondary" @click.prevent="changeForm">{{ login ? 'ثبت نام' : 'ورود' }}</button>
|
||||
</div>
|
||||
<div class="main">
|
||||
<form v-if="login" class="form form_2" @submit.prevent="loginToSystem">
|
||||
<div class="title">
|
||||
<p>ورود به حساب کاربری</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.username ? 'err' : null">
|
||||
<input
|
||||
v-model="loginData.username"
|
||||
type="text"
|
||||
name="email"
|
||||
autocomplete="email"
|
||||
placeholder="ایمیل یا کد ملی"
|
||||
/>
|
||||
<p v-if="validation.username">{{ validation.username.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.password ? 'err' : null">
|
||||
<input
|
||||
v-model="loginData.password"
|
||||
type="password"
|
||||
name="password"
|
||||
autocomplete="password"
|
||||
placeholder="کلمه عبور"
|
||||
/>
|
||||
<p v-if="validation.password">{{ validation.password.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow">
|
||||
<label for="remember_me">
|
||||
<input id="remember_me" v-model="loginData.remember_me" type="checkbox" />
|
||||
<span>مرا به خاطر بسپار</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-secondary secondary-reverse custom-el-button"
|
||||
:loading="waiting"
|
||||
native-type="submit"
|
||||
>
|
||||
ورود
|
||||
</el-button>
|
||||
<nuxt-link :to="{ name: 'auth-resetpass' }">کلمه عبور را فراموش کرده اید؟</nuxt-link>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form v-else class="form form_2">
|
||||
<div v-if="waiting" class="msgBox">
|
||||
<div class="inner">
|
||||
<p>لطفا منتظر بمانید...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="title">
|
||||
<p>ایجاد حساب کاربری</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.first_name ? 'err' : null">
|
||||
<input
|
||||
v-model="registerData.first_name"
|
||||
type="text"
|
||||
name="first_name"
|
||||
autocomplete="false"
|
||||
placeholder="نام"
|
||||
/>
|
||||
<p v-if="validation.first_name">{{ validation.first_name.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.last_name ? 'err' : null">
|
||||
<input
|
||||
v-model="registerData.last_name"
|
||||
type="text"
|
||||
name="last_name"
|
||||
autocomplete="false"
|
||||
placeholder="نام خانوادگی"
|
||||
/>
|
||||
<p v-if="validation.last_name">{{ validation.last_name.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.national_code ? 'err' : null">
|
||||
<input v-model="registerData.national_code" type="text" placeholder="کد ملی" />
|
||||
<p v-if="validation.national_code">{{ validation.national_code.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.mobile_number ? 'err' : null">
|
||||
<input v-model="registerData.mobile_number" type="text" placeholder="شماره موبایل" />
|
||||
<p v-if="validation.mobile_number">{{ validation.mobile_number.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.tel_number ? 'err' : null">
|
||||
<input
|
||||
v-model="registerData.tel_number"
|
||||
type="text"
|
||||
name="phone"
|
||||
autocomplete="false"
|
||||
placeholder="شماره تلفن ثابت"
|
||||
/>
|
||||
<p v-if="validation.tel_number">{{ validation.tel_number.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.email ? 'err' : null">
|
||||
<input v-model="registerData.email" type="text" name="email" autocomplete="false" placeholder="ایمیل" />
|
||||
<p v-if="validation.email">{{ validation.email.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.province_id ? 'err' : null">
|
||||
<el-select
|
||||
v-model="registerData.province_id"
|
||||
filterable
|
||||
placeholder="استان را انتخاب کنید"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in iranProvinces"
|
||||
:key="item.ProvinceID"
|
||||
:label="item.ProvinceName"
|
||||
:value="item.ProvinceID"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<p v-if="validation.province_id">{{ validation.province_id.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.city_id ? 'err' : null">
|
||||
<el-select
|
||||
v-model="registerData.city_id"
|
||||
filterable
|
||||
:placeholder="provinceCities ? 'شهر را انتخاب کنید' : 'ابتدا استان را انتخاب کنید'"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option v-for="item in provinceCities" :key="item.CityID" :label="item.CityName" :value="item.CityID">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<p v-if="validation.city_id">{{ validation.city_id.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow addressTextArea" :class="validation.address ? 'err' : null">
|
||||
<textarea v-model="registerData.address" name="address" rows="1" placeholder="آدرس"></textarea>
|
||||
<p v-if="validation.address">{{ validation.address.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.postal_code ? 'err' : null">
|
||||
<input
|
||||
v-model="registerData.postal_code"
|
||||
type="text"
|
||||
name="postal_code"
|
||||
autocomplete="false"
|
||||
placeholder="کد پستی"
|
||||
/>
|
||||
<p v-if="validation.postal_code">{{ validation.postal_code.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.postal_code ? 'err' : null">
|
||||
<input
|
||||
v-model="registerData.store_name"
|
||||
type="text"
|
||||
name="store_name"
|
||||
autocomplete="false"
|
||||
placeholder="نام فروشگاه (اختیاری)"
|
||||
/>
|
||||
<p v-if="validation.store_name">{{ validation.store_name.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="formRow" :class="validation.password ? 'err' : null">
|
||||
<input
|
||||
v-model="registerData.password"
|
||||
type="password"
|
||||
name="password"
|
||||
autocomplete="false"
|
||||
placeholder="کلمه عبور"
|
||||
/>
|
||||
<p v-if="validation.password">{{ validation.password.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.password_confirmation ? 'err' : null">
|
||||
<input
|
||||
v-model="registerData.password_confirmation"
|
||||
type="password"
|
||||
name="password_confirmation"
|
||||
autocomplete="false"
|
||||
placeholder="تکرار کلمه عبور"
|
||||
/>
|
||||
<p v-if="validation.password_confirmation">{{ validation.password_confirmation.msg }}</p>
|
||||
</div>
|
||||
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-secondary secondary-reverse custom-el-button"
|
||||
:loading="waiting"
|
||||
@click="register"
|
||||
>
|
||||
ثبت نام
|
||||
</el-button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'LoginRegisterPage',
|
||||
layout: 'user-auth',
|
||||
data() {
|
||||
return {
|
||||
login: true,
|
||||
switchTL: null,
|
||||
registerData: {
|
||||
first_name: '',
|
||||
last_name: '',
|
||||
email: '',
|
||||
national_code: '',
|
||||
province_id: '',
|
||||
city_id: '',
|
||||
province_name: '',
|
||||
city_name: '',
|
||||
address: '',
|
||||
postal_code: '',
|
||||
tel_number: '',
|
||||
mobile_number: '',
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
},
|
||||
loginData: {
|
||||
username: '',
|
||||
password: '',
|
||||
remember_me: false
|
||||
},
|
||||
hasValidationError: false,
|
||||
waiting: false,
|
||||
iranCities: [],
|
||||
iranProvinces: [],
|
||||
provinceCities: null,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selectedProvince() {
|
||||
return this.registerData.province_id
|
||||
},
|
||||
selectedCity() {
|
||||
return this.registerData.city_id
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
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() {
|
||||
// fetch province and city data
|
||||
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)
|
||||
})
|
||||
|
||||
// switch animation
|
||||
const sideWidth = $('.login .formBox .side').width()
|
||||
const sideHeight = $('.login .formBox .side').height()
|
||||
const _du = 0.7
|
||||
const _ease = 'power4.inOut'
|
||||
this.switchTL = this.$gsap
|
||||
.timeline({ paused: true })
|
||||
.to($('.login .formBox'), {
|
||||
height: () => {
|
||||
return window.innerWidth > 992 ? 1140 : 1280
|
||||
},
|
||||
duration: _du,
|
||||
ease: _ease
|
||||
})
|
||||
.to(
|
||||
$('.login .formBox .side'),
|
||||
{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
duration: _du,
|
||||
ease: _ease,
|
||||
onComplete: () => {
|
||||
this.login = !this.login
|
||||
}
|
||||
},
|
||||
0
|
||||
)
|
||||
.to(
|
||||
$('.login .formBox .main'),
|
||||
{
|
||||
marginRight: 0,
|
||||
marginLeft: () => {
|
||||
return window.innerWidth > 992 ? sideWidth : 0
|
||||
},
|
||||
duration: _du,
|
||||
ease: _ease
|
||||
},
|
||||
0
|
||||
)
|
||||
|
||||
.to($('.login .formBox .side'), { right: 'auto', left: 0, duration: 0 })
|
||||
.to($('.login .formBox .side'), {
|
||||
width: () => {
|
||||
return window.innerWidth > 992 ? sideWidth : '100%'
|
||||
},
|
||||
height: () => {
|
||||
return window.innerWidth > 992 ? '100%' : sideHeight
|
||||
},
|
||||
duration: _du,
|
||||
ease: _ease,
|
||||
onReverseComplete: () => {
|
||||
this.login = !this.login
|
||||
}
|
||||
})
|
||||
|
||||
const windowWidth = window.innerWidth
|
||||
$(window).resize(() => {
|
||||
if (window.innerWidth !== windowWidth) {
|
||||
if (window.innerWidth < 992) window.location.reload()
|
||||
}
|
||||
})
|
||||
|
||||
/// / change form if route is fro registration
|
||||
if (this.$route.query?.action === 'register') this.changeForm()
|
||||
},
|
||||
methods: {
|
||||
changeForm() {
|
||||
this.validation = {}
|
||||
this.waiting = false
|
||||
this.login ? this.switchTL.play() : this.switchTL.reverse()
|
||||
},
|
||||
register() {
|
||||
if (this.waiting) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا منتظر بمانید'
|
||||
})
|
||||
}
|
||||
this.validation = {}
|
||||
this.hasValidationError = false
|
||||
this.waiting = true
|
||||
|
||||
this.$axios
|
||||
.post('/api/auth/register/user', this.registerData)
|
||||
.then(response => {
|
||||
this.waiting = false
|
||||
|
||||
const username = this.registerData.email
|
||||
const password = this.registerData.password
|
||||
const msgBoxTitle = 'ثبت نام موفق'
|
||||
const msgBoxTxt =
|
||||
'ثبت نام با موفیت انجام شد و کد تایید برای ایمیل و تلفن همراه شما ارسال شد. چنانچه طی 24 ساعت آینده ایمیل و شماره تماس خود را تایید نکنید ثبت نام شما منقضی خواهد شد.'
|
||||
this.$alert(msgBoxTxt, msgBoxTitle, {
|
||||
confirmButtonText: 'ورود به حساب کاربری',
|
||||
callback: action => {
|
||||
this.loginData.username = username
|
||||
this.loginData.password = password
|
||||
this.loginToSystem()
|
||||
}
|
||||
})
|
||||
|
||||
this.registerData = {
|
||||
first_name: '',
|
||||
last_name: '',
|
||||
email: '',
|
||||
national_code: '',
|
||||
province: '',
|
||||
city: '',
|
||||
address: '',
|
||||
postal_code: '',
|
||||
mobile_number: '',
|
||||
tel_number: '',
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
}
|
||||
})
|
||||
|
||||
.catch(error => {
|
||||
if (error.response.status === 422) {
|
||||
this.validation = error.response.data.validation
|
||||
this.hasValidationError = true
|
||||
this.waiting = false
|
||||
} else
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: error.response.data.message
|
||||
})
|
||||
})
|
||||
},
|
||||
async loginToSystem() {
|
||||
if (this.waiting) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا منتظر بمانید'
|
||||
})
|
||||
}
|
||||
this.waiting = true
|
||||
this.validation = {}
|
||||
try {
|
||||
await this.$auth.loginWith('local', { data: this.loginData })
|
||||
this.waiting = false
|
||||
if (this.$auth.hasScope('user')) {
|
||||
if (this.$route.query?.path) this.$router.push({ name: this.$route.query.path })
|
||||
else this.$router.push({ name: 'account' })
|
||||
} else if (this.$auth.hasScope('admin')) this.$router.push({ name: 'admin' })
|
||||
} catch (e) {
|
||||
this.waiting = false
|
||||
if (e.response.status === 422) this.validation = e.response.data.validation
|
||||
else
|
||||
return this.$message({
|
||||
type: 'error',
|
||||
message: e.response.data.message
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,99 @@
|
||||
<template>
|
||||
<div class="user-auth reset-pass page">
|
||||
<div class="formBox">
|
||||
<div class="side">
|
||||
<p>
|
||||
<span>کلمه عبور جدید را وارد کنید.</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="main">
|
||||
<form class="form form_2" @submit.prevent="setNewPass">
|
||||
<div v-if="message" class="msgBox">
|
||||
<div class="inner" :class="messageStatus ? 'success-link' : 'error'">
|
||||
<nuxt-link v-if="messageStatus" :to="{ name: 'auth-login-register' }">{{ message }}</nuxt-link>
|
||||
<p v-else>{{ message }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<template v-if="!message">
|
||||
<div class="title">
|
||||
<p>تغییر کلمه عبور</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.password ? 'err' : null">
|
||||
<input v-model="newPass.password" type="password" name="email" placeholder="کلمه عبور جدید" />
|
||||
<p v-if="validation.password">{{ validation.password.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.password_confirmation ? 'err' : null">
|
||||
<input
|
||||
v-model="newPass.password_confirmation"
|
||||
type="password"
|
||||
name="email"
|
||||
placeholder="تکرار کلمه عبور"
|
||||
/>
|
||||
<p v-if="validation.password_confirmation">{{ validation.password_confirmation.msg }}</p>
|
||||
</div>
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-secondary secondary-reverse custom-el-button"
|
||||
:loading="waiting"
|
||||
:disabled="!newPass.password.length"
|
||||
native-type="submit"
|
||||
>تغییر کلمه عبور</el-button
|
||||
>
|
||||
</div>
|
||||
</template>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'NewPassPage',
|
||||
layout: 'user-auth',
|
||||
data() {
|
||||
return {
|
||||
newPass: {
|
||||
token: this.$route.params.token,
|
||||
password: '',
|
||||
password_confirmation: ''
|
||||
},
|
||||
validation: {},
|
||||
waiting: false,
|
||||
message: null,
|
||||
messageStatus: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setNewPass() {
|
||||
if (this.waiting) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا منتظر بمانید'
|
||||
})
|
||||
}
|
||||
this.waiting = true
|
||||
this.validation = {}
|
||||
this.$axios
|
||||
.post('/api/auth/set-new-pass', this.newPass)
|
||||
.then(res => {
|
||||
this.waiting = false
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'کلمه عبور با موفقیت تغییر کرد.'
|
||||
})
|
||||
this.message = 'ورود به حساب کاربری'
|
||||
this.messageStatus = true
|
||||
})
|
||||
.catch(e => {
|
||||
this.waiting = false
|
||||
if (e.response.status === 422) this.validation = e.response.data.validation
|
||||
else {
|
||||
this.message = e.response.data.message
|
||||
this.messageStatus = false
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,179 @@
|
||||
<template>
|
||||
<div class="user-auth reset-pass page">
|
||||
<div class="formBox">
|
||||
<div class="side">
|
||||
<p v-if="emailMode">
|
||||
<span>برای بازیابی کلمه عبور با استفاده از شماره موبایل روی دکمه زیر کلیک کنید </span>
|
||||
</p>
|
||||
<p v-else>
|
||||
<span>برای بازیابی کلمه عبور با استفاده از آدرس ایمیل روی دکمه زیر کلیک کنید </span>
|
||||
</p>
|
||||
<button class="btn btn-secondary" @click.prevent="changeForm">
|
||||
{{ emailMode ? 'موبایل' : 'ایمیل' }}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<form v-if="emailMode" class="form form_2" @submit.prevent="send">
|
||||
<div class="title">
|
||||
<p>بازیابی کلمه عبور با ایمیل</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.email ? 'err' : null">
|
||||
<input v-model="email" type="text" name="email" placeholder="ایمیل" />
|
||||
<p v-if="validation.email">{{ validation.email.msg }}</p>
|
||||
</div>
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-secondary secondary-reverse custom-el-button"
|
||||
:loading="waiting"
|
||||
:disabled="!email.length"
|
||||
native-type="submit"
|
||||
>ارسال لینک بازیابی</el-button
|
||||
>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form v-else class="form form_2" @submit.prevent="send">
|
||||
<div class="title">
|
||||
<p>بازیابی کلمه عبور با شماره موبایل</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.mobile ? 'err' : null">
|
||||
<input v-model="mobile" type="text" name="mobile" placeholder="شماره موبایل" />
|
||||
<p v-if="validation.mobile">{{ validation.mobile.msg }}</p>
|
||||
</div>
|
||||
<div class="btnRow">
|
||||
<el-button
|
||||
class="btn btn-secondary secondary-reverse custom-el-button"
|
||||
:loading="waiting"
|
||||
:disabled="!mobile.length"
|
||||
native-type="submit"
|
||||
>ارسال لینک بازیابی</el-button
|
||||
>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'ResetPassPage',
|
||||
layout: 'user-auth',
|
||||
data() {
|
||||
return {
|
||||
emailMode: true,
|
||||
switchTL: null,
|
||||
mobile: '',
|
||||
email: '',
|
||||
waiting: false,
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// switch animation
|
||||
const sideWidth = $('.reset-pass .formBox .side').width()
|
||||
const sideHeight = $('.reset-pass .formBox .side').height()
|
||||
const boxHeight = $('.reset-pass .formBox').height()
|
||||
const _du = 0.7
|
||||
const _ease = 'power4.inOut'
|
||||
this.switchTL = this.$gsap
|
||||
.timeline({ paused: true })
|
||||
.to($('.reset-pass .formBox'), {
|
||||
height: boxHeight,
|
||||
duration: _du,
|
||||
ease: _ease
|
||||
})
|
||||
.to(
|
||||
$('.reset-pass .formBox .side'),
|
||||
{
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
duration: _du,
|
||||
ease: _ease,
|
||||
onComplete: () => {
|
||||
this.emailMode = !this.emailMode
|
||||
}
|
||||
},
|
||||
0
|
||||
)
|
||||
.to(
|
||||
$('.reset-pass .formBox .main'),
|
||||
{
|
||||
marginRight: 0,
|
||||
marginLeft: () => {
|
||||
return window.innerWidth > 992 ? sideWidth : 0
|
||||
},
|
||||
duration: _du,
|
||||
ease: _ease
|
||||
},
|
||||
0
|
||||
)
|
||||
.to($('.reset-pass .formBox .side'), { right: 'auto', left: 0, duration: 0 })
|
||||
.to($('.reset-pass .formBox .side'), {
|
||||
width: () => {
|
||||
return window.innerWidth > 992 ? sideWidth : '100%'
|
||||
},
|
||||
height: () => {
|
||||
return window.innerWidth > 992 ? '100%' : sideHeight
|
||||
},
|
||||
duration: _du,
|
||||
ease: _ease,
|
||||
onReverseComplete: () => {
|
||||
this.emailMode = !this.emailMode
|
||||
}
|
||||
})
|
||||
|
||||
const windowWidth = window.innerWidth
|
||||
$(window).resize(() => {
|
||||
if (window.innerWidth !== windowWidth) {
|
||||
if (window.innerWidth < 992) window.location.reload()
|
||||
}
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
changeForm() {
|
||||
this.validation = {}
|
||||
this.waiting = false
|
||||
this.mobile = ''
|
||||
this.email = ''
|
||||
this.emailMode ? this.switchTL.play() : this.switchTL.reverse()
|
||||
},
|
||||
send() {
|
||||
if (this.waiting) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا منتظر بمانید'
|
||||
})
|
||||
}
|
||||
this.waiting = true
|
||||
this.validation = {}
|
||||
const data = { type: this.emailMode ? 'email' : 'mobile' }
|
||||
if (this.emailMode) data.email = this.email
|
||||
else data.mobile = this.mobile
|
||||
this.$axios
|
||||
.post('/api/auth/reset-pass-token', data)
|
||||
.then(res => {
|
||||
this.waiting = false
|
||||
this.mobile = ''
|
||||
this.email = ''
|
||||
const title = 'عملیات موفق'
|
||||
this.$alert(res.data.message, title, {
|
||||
confirmButtonText: 'بستن'
|
||||
})
|
||||
})
|
||||
.catch(e => {
|
||||
this.waiting = false
|
||||
if (e.response.status === 422) this.validation = e.response.data.validation
|
||||
else {
|
||||
const title = 'خطا'
|
||||
this.$alert(e.response.data.message, title, {
|
||||
type: 'error',
|
||||
confirmButtonText: 'بستن'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<div class="contact--page page">
|
||||
<section class="s1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 message">
|
||||
<form class="form form_1" @submit.prevent="send">
|
||||
<div class="title">
|
||||
<p>برای ما پیام بگذارید:</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.full_name ? 'err' : null">
|
||||
<input v-model="formData.full_name" type="text" placeholder="نام و نام خانوادگی" />
|
||||
<p v-if="validation.full_name">{{ validation.full_name.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.email ? 'err' : null">
|
||||
<input v-model="formData.email" type="text" class="email" placeholder="ایمیل" />
|
||||
<p v-if="validation.email">{{ validation.email.msg }}</p>
|
||||
</div>
|
||||
<div class="formRow" :class="validation.message ? 'err' : null">
|
||||
<textarea v-model="formData.message" rows="3" placeholder="پیام"></textarea>
|
||||
<p v-if="validation.message">{{ validation.message.msg }}</p>
|
||||
</div>
|
||||
<div class="btnRow">
|
||||
<button class="btn btn-primary" type="submit">ارسال پیام</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 mt-5 mt-md-0 contact">
|
||||
<div class="info">
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
<i class="fal fa-map-marker-alt"></i>
|
||||
<span> {{ config.address }} </span>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<a :href="`tel: ${config.contactTel}`">
|
||||
<i class="fal fa-phone"></i>
|
||||
<span>{{ config.contactTel }}</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a :href="`mailto: ${config.contactEmail}`">
|
||||
<i class="fal fa-envelope"></i>
|
||||
<span>{{ config.contactEmail }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'ContactUsPage',
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
full_name: '',
|
||||
email: '',
|
||||
message: ''
|
||||
},
|
||||
validation: {}
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | ارتباط با ما'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
config() {
|
||||
return this.$config
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
send() {
|
||||
this.validation = {}
|
||||
this.$axios
|
||||
.post(`/api/public/contact`, this.formData)
|
||||
.then(res => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: 'پیام شما با موفقیت ارسال شد.'
|
||||
})
|
||||
this.formData = {
|
||||
full_name: '',
|
||||
email: '',
|
||||
message: ''
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: err.response.data.message
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,143 @@
|
||||
<template>
|
||||
<div class="download-details--page page">
|
||||
<section class="s1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<h1>{{ download.title }}</h1>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div class="ck-content" v-html="download.description"></div>
|
||||
<div class="imgBox">
|
||||
<img :src="download.image" :alt="download.title" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="download">
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<h3>دانلود با لینک مستقیم:</h3>
|
||||
</div>
|
||||
<div v-if="filteredFilesByOs('windows')" class="col-12 col-md-4 mb-5">
|
||||
<div class="title">
|
||||
<img src="/assets/img/download/windows.png" alt="نسخه ویندوز" />
|
||||
<h3>نسخه ویندوز</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="item in filteredFilesByOs('windows')" :key="item._id">
|
||||
<a :href="item.file" download target="_blank">
|
||||
<i class="fal fa-cloud-download"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-if="filteredFilesByOs('mac').length" class="col-12 col-md-4 mb-5">
|
||||
<div class="title">
|
||||
<img src="/assets/img/download/mac.png" alt="نسخه مک" />
|
||||
<h3>نسخه مک</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="item in filteredFilesByOs('mac')" :key="item._id">
|
||||
<a :href="item.file" download target="_blank">
|
||||
<i class="fal fa-cloud-download"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-if="filteredFilesByOs('linux').length" class="col-12 col-md-4 mb-5">
|
||||
<div class="title">
|
||||
<img src="/assets/img/download/linux.png" alt="نسخه لینوکس" />
|
||||
<h3>نسخه لینوکس</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="item in filteredFilesByOs('linux')" :key="item._id">
|
||||
<a :href="item.file" download target="_blank">
|
||||
<i class="fal fa-cloud-download"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div v-if="filteredFilesByOs('android').length" class="col-12 col-md-4 mb-5">
|
||||
<div class="title">
|
||||
<img src="/assets/img/download/android.svg" alt="نسخه اندروید" />
|
||||
<h3>نسخه اندروید</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="item in filteredFilesByOs('android')" :key="item._id">
|
||||
<a :href="item.file" download target="_blank">
|
||||
<i class="fal fa-cloud-download"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div v-if="filteredFilesByOs('ios').length" class="col-12 col-md-4 mb-5">
|
||||
<div class="title">
|
||||
<img src="/assets/img/download/ios.svg" alt="نسخه iOS" />
|
||||
<h3>نسخه iOS</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li v-for="item in filteredFilesByOs('ios')" :key="item._id">
|
||||
<a :href="item.file" download target="_blank">
|
||||
<i class="fal fa-cloud-download"></i>
|
||||
<span>{{ item.name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="zip-pass">
|
||||
<p>پسورد فایل فشرده: www.asan-service.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'DownloadDetailesPage',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const download = await $axios.get(`/api/public/downloads/${encodeURIComponent(params.item)}`)
|
||||
return {
|
||||
download: download.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
download: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'دانلود ' + this.download.title,
|
||||
meta: [
|
||||
{
|
||||
hid: 'description',
|
||||
name: 'description',
|
||||
content: this.download.title
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
filteredFilesByOs(os) {
|
||||
return this.download.files.filter(item => item.os === os)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,185 @@
|
||||
<template>
|
||||
<div class="download--page page">
|
||||
<hero title="دانلود ها" />
|
||||
<section class="s1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="filters">
|
||||
<ul>
|
||||
<nuxt-link tag="li" :to="{ name: 'download', query: { category: 'all', page: 1 } }">
|
||||
<a :class="$route.query.category === 'all' ? 'active' : null">همه</a>
|
||||
</nuxt-link>
|
||||
|
||||
<nuxt-link
|
||||
v-for="item in dCategories"
|
||||
:key="item._id"
|
||||
tag="li"
|
||||
:to="{ name: 'download', query: { category: item.name, page: 1 } }"
|
||||
>
|
||||
<a :class="$route.query.category === item.name ? 'active' : null">{{ item.name }}</a>
|
||||
</nuxt-link>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s2">
|
||||
<div class="container">
|
||||
<div class="row align-items-stretch">
|
||||
<div v-for="item in topPartList" :key="item._id" class="col-12 col-xxl-6 mb-3">
|
||||
<div class="item fadeInAnim">
|
||||
<div class="imgBox">
|
||||
<img :src="item.image" :alt="item.title" />
|
||||
</div>
|
||||
<div class="txtBox">
|
||||
<h2>
|
||||
<b>{{ item.title }}</b>
|
||||
<span>{{ categoryName(item.category) }}</span>
|
||||
</h2>
|
||||
<p>{{ item.short_description }}</p>
|
||||
<nuxt-link :to="{ name: 'download-item+', params: { item: item.title } }" class="btn btn-primary"
|
||||
>ادامه مطلب</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- untrack -->
|
||||
<div v-if="downloads.docs.length >= 4" class="col-12">
|
||||
<div class="untrack">
|
||||
<h3>جدیدترین ها:</h3>
|
||||
<div class="row">
|
||||
<div v-for="item in downloads_newest" :key="item._id + '_special'" class="col-12 col-lg-4 mb-3 mb-lg-0">
|
||||
<div class="latest fadeInAnim">
|
||||
<div class="normal">
|
||||
<img :src="item.image" :alt="item.title" />
|
||||
<h2>{{ item.title }}</h2>
|
||||
</div>
|
||||
<div class="hover">
|
||||
<h2>{{ item.title }}</h2>
|
||||
<p>{{ item.short_description }}</p>
|
||||
<nuxt-link :to="{ name: 'download-item+', params: { item: item.title } }" class="btn btn-primary"
|
||||
>ادامه مطلب
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- untrack -->
|
||||
|
||||
<div v-for="item in bottomPartList" :key="item._id" class="col-12 col-xxl-6 mb-3">
|
||||
<div class="item fadeInAnim">
|
||||
<div class="imgBox">
|
||||
<img :src="item.image" :alt="item.title" />
|
||||
</div>
|
||||
<div class="txtBox">
|
||||
<h2>
|
||||
<b>{{ item.title }}</b>
|
||||
<span>{{ categoryName(item.category) }}</span>
|
||||
</h2>
|
||||
<p>{{ item.short_description }}</p>
|
||||
<nuxt-link :to="{ name: 'download-item+', params: { item: item.title } }" class="btn btn-primary"
|
||||
>ادامه مطلب</nuxt-link
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="!downloads.docs.length" class="col-12 no-post">
|
||||
<h2>چیزی برای دانلود در این صفحه وجود نداد.</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="s3">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<el-pagination
|
||||
v-if="paginate"
|
||||
layout="prev, pager, next"
|
||||
:current-page="Number($route.query.page)"
|
||||
:page-count="Number(downloads.totalPages)"
|
||||
@current-change="pageNumber"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import FadeInAnimation from '~/mixins/FadeInAnimation'
|
||||
|
||||
export default {
|
||||
name: 'DownloadsListPage',
|
||||
mixins: [FadeInAnimation],
|
||||
async asyncData({ $axios, query, error }) {
|
||||
try {
|
||||
const allData = await Promise.all([
|
||||
// fetch download categories
|
||||
$axios.get(`/api/public/dCategory`),
|
||||
// fetch downloads
|
||||
$axios.get(`/api/public/downloads/page/${encodeURIComponent(query.category)}/${query.page}`)
|
||||
])
|
||||
|
||||
const dCategories = allData[0]
|
||||
const downloads = allData[1]
|
||||
let downloads_newest = []
|
||||
if (downloads.data.docs.length >= 4) downloads_newest = await $axios.get(`/api/public/downloads-newest`)
|
||||
return {
|
||||
dCategories: dCategories.data,
|
||||
downloads: downloads.data,
|
||||
downloads_newest: downloads_newest.data || downloads_newest
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dCategories: null,
|
||||
downloads: null,
|
||||
downloads_newest: null,
|
||||
partSize: 4
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | دانلود ها'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
paginate() {
|
||||
return this.downloads.totalPages > 1
|
||||
},
|
||||
pageQueries() {
|
||||
return this.$route.query.page + this.$route.query.category
|
||||
},
|
||||
topPartList() {
|
||||
return this.downloads.docs.filter((item, index) => index < this.partSize)
|
||||
},
|
||||
bottomPartList() {
|
||||
return this.downloads.docs.filter((item, index) => index >= this.partSize)
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
pageQueries(newVal, oldVal) {
|
||||
this.$nuxt.refresh()
|
||||
$(window).scrollTop(0)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageNumber(val) {
|
||||
this.$router.push({ name: 'download', query: { category: this.$route.query.category, page: val } })
|
||||
},
|
||||
categoryName(id) {
|
||||
return this.dCategories.find(item => item._id === id)?.name
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div class="representation--page page">
|
||||
<section class="enroll">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12"></div>
|
||||
|
||||
<div class="col-12">
|
||||
<!---------------------- check for user login ---------------------->
|
||||
<div v-if="!$auth.loggedIn || !$auth.hasScope('user')" class="panel not-logged-in">
|
||||
<h3>
|
||||
<span> برای ثبت درخواست نمایندگی باید </span>
|
||||
<nuxt-link :to="{ name: 'auth-login-register', query: { path: 'representation-enroll' } }"
|
||||
>وارد حساب کاربری</nuxt-link
|
||||
>
|
||||
<span> خود شوید. چنانپه حساب کاربری ندارید </span>
|
||||
<nuxt-link
|
||||
:to="{ name: 'auth-login-register', query: { action: 'register', path: 'representation-enroll' } }"
|
||||
>ثبت نام کنید.
|
||||
</nuxt-link>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<!---------------------- check if user already is agent ---------------------->
|
||||
<div v-else-if="$auth.loggedIn && $auth.hasScope('user') && user.isAgent" class="panel is-agent">
|
||||
<h3>
|
||||
<span> حساب کاربری شما به حساب نماینده تبدیل شده است،</span>
|
||||
<nuxt-link :to="{ name: 'account' }">وارد پنل نمایندگی</nuxt-link>
|
||||
<span> شوید. </span>
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<!---------------------- check if user already requested ---------------------->
|
||||
<EnrollRepresentationAssets
|
||||
v-else-if="$auth.loggedIn && $auth.hasScope('user') && user.askedForRepresentation"
|
||||
/>
|
||||
|
||||
<!---------------------- request form ---------------------->
|
||||
<EnrollRepresentationForm v-else />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'EnrollRepresentationPage',
|
||||
data() {
|
||||
return {
|
||||
waiting: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | ثبت درخواست نمایندگی'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$auth.user
|
||||
},
|
||||
userFullName() {
|
||||
return this.user.first_name + ' ' + this.user.last_name
|
||||
}
|
||||
},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
+169
@@ -0,0 +1,169 @@
|
||||
<template>
|
||||
<div class="home--page page">
|
||||
<div class="bg"></div>
|
||||
<div class="txtBox">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-stretch">
|
||||
<div class="col-12 col-lg-5 order-1 order-lg-0">
|
||||
<div class="boxBg inquiry">
|
||||
<h2>استعلام گارانتی و اصالت کالا</h2>
|
||||
<p>
|
||||
ضمن خوش آمدگویی شما به مجموعه آسان سرویس چنانچه محصول خریداری شده شما دارای سریال گارانتی میباشد
|
||||
میتوانید با وارد کردن سریال گارانتی در کادر زیر از وضعیت گارانتی محصول و یا با انتخاب گزینه اصالت کالا و
|
||||
وارد کردن شماره سریال خود دستگاه از اصالت دستگاه مطلع شوید.
|
||||
</p>
|
||||
<div class="switchBox">
|
||||
<div class="switch">
|
||||
<button
|
||||
type="button"
|
||||
class=""
|
||||
:class="inquiryType === 'guaranteeSerial' && 'active'"
|
||||
@click="inquiryType = 'guaranteeSerial'"
|
||||
>
|
||||
سریال گارانتی
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
class=""
|
||||
:class="inquiryType === 'orginality' && 'active'"
|
||||
@click="inquiryType = 'orginality'"
|
||||
>
|
||||
اصالت کالا
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="checkSerial">
|
||||
<form @submit.prevent="checkSerial">
|
||||
<input v-model="serial" type="text" :placeholder="serialInputPlaceholder" />
|
||||
<el-button
|
||||
native-type="submit"
|
||||
class="custom-el-button"
|
||||
:loading="checkingSerial"
|
||||
:disabled="!Boolean(serial.length)"
|
||||
>{{ inquiryBtnTxt }}</el-button
|
||||
>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-7 order-0 order-lg-1">
|
||||
<div class="boxBg description">
|
||||
<h1>خدمات گارانتی آسان سرویس</h1>
|
||||
<p>
|
||||
آسان سرویس یکی از بزرگترین و فعالترین ارائه دهنده خدمات پس از فروش محصولات الکترونیکی به مدد شبکه گسترده
|
||||
و منسجم خدمات پس از فروش خود توانسته پاسخگوی مشتریان فهیم و گرانقدر باشد.
|
||||
</p>
|
||||
<br />
|
||||
<p>کاربر گرامی جهت استفاده از خدمات گارانتی محصول مورد نظر بر روی دکمه ثبت گارانتی کلیک کنید.</p>
|
||||
<p>
|
||||
همچنین میتوانید جهت راهنمایی مراحل ثبت گارانتی بر روی دکمه راهنمای ثبت گارانتی کلیک کرده و محتوای
|
||||
ویدیویی آن را مشاهده فرمایید.
|
||||
</p>
|
||||
|
||||
<div class="btns">
|
||||
<nuxt-link
|
||||
v-if="help && help.helpId"
|
||||
:to="{ name: 'learning-post+', params: { post: help.helpId.title } }"
|
||||
class="btn btn-primary"
|
||||
>راهنمای ثبت گارانتی</nuxt-link
|
||||
>
|
||||
<nuxt-link :to="{ name: 'account-post' }" class="btn btn-primary">ثبت گارانتی</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HomePage',
|
||||
async asyncData({ $axios, error }) {
|
||||
try {
|
||||
const help = await $axios.get('/api/public/help?front=true')
|
||||
return {
|
||||
help: help.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 500, message: 'There is a problem here' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
serial: '',
|
||||
help: null,
|
||||
inquiryType: 'guaranteeSerial',
|
||||
checkingSerial: false
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: 'آسان سرویس | استعلام گارانتی'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
serialInputPlaceholder() {
|
||||
if (this.inquiryType === 'guaranteeSerial') return 'شماره سریال گارانتی را وارد کنید'
|
||||
else return 'شماره سریال دستگاه را وارد کنید'
|
||||
},
|
||||
inquiryBtnTxt() {
|
||||
if (this.inquiryType === 'guaranteeSerial') return 'بررسی گارانتی'
|
||||
else return 'بررسی اصالت'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
checkSerial() {
|
||||
// validation
|
||||
if (this.checkingSerial) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'لطفا منتظر بمانید'
|
||||
})
|
||||
}
|
||||
if (!this.serial.length) {
|
||||
return this.$message({
|
||||
type: 'warning',
|
||||
message: 'ابتدا شماره سریال را وارد کنید'
|
||||
})
|
||||
}
|
||||
|
||||
this.checkingSerial = true
|
||||
const data = {
|
||||
serial: this.serial,
|
||||
type: this.inquiryType
|
||||
}
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'در حال بررسی شماره سریال',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
})
|
||||
|
||||
let responseTitle
|
||||
if (this.inquiryType === 'guaranteeSerial') responseTitle = 'بررسی شماره سریال گارانتی'
|
||||
else responseTitle = 'بررسی اصالت کالا'
|
||||
|
||||
this.$axios
|
||||
.post(`/api/public/checkSerial`, data)
|
||||
.then(res => {
|
||||
this.checkingSerial = false
|
||||
loading.close()
|
||||
this.$alert(res.data.message, responseTitle, {
|
||||
confirmButtonText: 'بستن',
|
||||
type: 'success'
|
||||
})
|
||||
})
|
||||
.catch(err => {
|
||||
this.checkingSerial = false
|
||||
loading.close()
|
||||
this.$alert(err.response.data.message, responseTitle, {
|
||||
confirmButtonText: 'بستن',
|
||||
type: 'error'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<div class="learning--post--page page">
|
||||
<section class="s1">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="post">
|
||||
<video
|
||||
v-if="learning.video"
|
||||
class="media"
|
||||
controls
|
||||
:src="learning.video"
|
||||
:poster="learning.cover"
|
||||
></video>
|
||||
<img v-else class="media" :src="learning.cover" :alt="learning.title" />
|
||||
<div class="ck-content" v-html="learning.description"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'LearningDetailsPage',
|
||||
async asyncData({ $axios, params, error }) {
|
||||
try {
|
||||
const learning = await $axios.get(`/api/public/learning/${encodeURIComponent(params.post)}`)
|
||||
return {
|
||||
learning: learning.data
|
||||
}
|
||||
} catch (e) {
|
||||
error({ status: 404, message: 'Page not found' })
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
learning: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.learning.title,
|
||||
meta: [
|
||||
{
|
||||
hid: 'description',
|
||||
name: 'description',
|
||||
content: this.learning.title
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user