create logs page
This commit is contained in:
mahyargdz
+127
-89
@@ -4,23 +4,23 @@
|
||||
<CCardGroup>
|
||||
<CCard class="p-4">
|
||||
<CCardBody>
|
||||
<CForm
|
||||
v-if="step === 1"
|
||||
@submit.prevent="doLogin">
|
||||
<CForm v-if="step === 1" @submit.prevent="doLogin">
|
||||
<h1 class="text-muted text-center mb-5">پنل مدیریت</h1>
|
||||
|
||||
|
||||
<CInput
|
||||
:class="validation.username ? 'err' : null"
|
||||
placeholder="شماره موبایل"
|
||||
:description="validation.username ? validation.username.msg : null"
|
||||
autocomplete="username email"
|
||||
v-model="phone"
|
||||
>
|
||||
<template #prepend-content>
|
||||
<CIcon name="cil-user"/>
|
||||
</template>
|
||||
</CInput>
|
||||
<!--
|
||||
:class="validation.username ? 'err' : null"
|
||||
placeholder="شماره موبایل"
|
||||
:description="
|
||||
validation.username ? validation.username.msg : null
|
||||
"
|
||||
autocomplete="username email"
|
||||
v-model="phone"
|
||||
>
|
||||
<template #prepend-content>
|
||||
<CIcon name="cil-user" />
|
||||
</template>
|
||||
</CInput>
|
||||
<!--
|
||||
|
||||
<CInput
|
||||
:class="validation.username ? 'err' : null"
|
||||
@@ -52,42 +52,40 @@
|
||||
</div>
|
||||
|
||||
<CInputCheckbox label="مرا به خاطر بسپار" @update:checked="val => login.remember_me = val"/> -->
|
||||
<CRow>
|
||||
<CCol col="12" class="text-right mt-2">
|
||||
<CButton color="primary" @click="send_number" class="px-4">ارسال کد</CButton>
|
||||
<CRow>
|
||||
<CCol col="12" class="text-right mt-2">
|
||||
<CButton color="primary" @click="send_number" class="px-4"
|
||||
>ارسال کد</CButton
|
||||
>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CRow>
|
||||
<!-- <p class="text-muted mt-3" style="font-size: 11px;">*درصورتی که گزینه "مرا به خاطر بسپار" را فعال نکنید بعد از 1 ساعت باید دوباره وارد سیستم شوید.</p> -->
|
||||
|
||||
</CForm>
|
||||
|
||||
|
||||
|
||||
<CForm
|
||||
v-if="step === 2"
|
||||
@submit.prevent="doLogin">
|
||||
<CForm v-if="step === 2" @submit.prevent="doLogin">
|
||||
<h1 class="text-muted text-center mb-5">پنل مدیریت</h1>
|
||||
<CInput
|
||||
:class="validation.username ? 'err' : null"
|
||||
placeholder="کد ورود را وارد کنید"
|
||||
:description="validation.username ? validation.username.msg : null"
|
||||
autocomplete="username email"
|
||||
v-model="otp"
|
||||
>
|
||||
<template #prepend-content>
|
||||
<CIcon name="cil-user"/>
|
||||
</template>
|
||||
</CInput>
|
||||
:class="validation.username ? 'err' : null"
|
||||
placeholder="کد ورود را وارد کنید"
|
||||
:description="
|
||||
validation.username ? validation.username.msg : null
|
||||
"
|
||||
autocomplete="username email"
|
||||
v-model="otp"
|
||||
>
|
||||
<template #prepend-content>
|
||||
<CIcon name="cil-user" />
|
||||
</template>
|
||||
</CInput>
|
||||
|
||||
<CRow>
|
||||
<CCol col="12" class="text-right mt-2">
|
||||
<CButton color="primary" type="submit" class="px-4">ارسال کد</CButton>
|
||||
<CButton color="primary" type="submit" class="px-4"
|
||||
>ورود</CButton
|
||||
>
|
||||
</CCol>
|
||||
</CRow>
|
||||
</CForm>
|
||||
|
||||
|
||||
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
</CCardGroup>
|
||||
@@ -96,71 +94,111 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue';
|
||||
import { ref } from "vue";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
showPass: false,
|
||||
step: 1,
|
||||
phone: '',
|
||||
otp: '',
|
||||
step: 1,
|
||||
phone: "",
|
||||
otp: "",
|
||||
login: {
|
||||
username: '',
|
||||
password: '',
|
||||
remember_me: false
|
||||
username: "",
|
||||
password: "",
|
||||
remember_me: false,
|
||||
},
|
||||
validation: {}
|
||||
}
|
||||
validation: {},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
passwordState() {
|
||||
return this.showPass ? "text" : "password"
|
||||
}
|
||||
return this.showPass ? "text" : "password";
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
async send_number(){
|
||||
console.log(this.phone)
|
||||
const phoneNumber = this.phone
|
||||
const send_request = await fetch('/api/auth/otp', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Accept' : 'application/json',
|
||||
'content-type' : 'application/json'
|
||||
},
|
||||
body: JSON.stringify({phone: phoneNumber})
|
||||
async send_number() {
|
||||
if (!this.phone) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "شماره تماس را وارد کنید !",
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
})
|
||||
//if (send_request.status === 200) {
|
||||
this.step = 2
|
||||
//}
|
||||
try {
|
||||
const phoneNumber = this.phone;
|
||||
const send_request = await fetch("/api/auth/otp", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
Accept: "application/json",
|
||||
"content-type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({ phone: phoneNumber }),
|
||||
});
|
||||
|
||||
},
|
||||
doLogin() {
|
||||
this.validation = {}
|
||||
|
||||
this.$auth.loginWith('local', {
|
||||
data: {
|
||||
phone: this.phone,
|
||||
code: this.otp
|
||||
if (send_request.status === 429 || send_request.status === 406) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "شما دسترسی ورود ندارید !",
|
||||
});
|
||||
return;
|
||||
}
|
||||
})
|
||||
.then(response => {
|
||||
window.location.replace(window.location.origin + "/admin" )
|
||||
})
|
||||
.catch(err => {
|
||||
if (err.response.status === 422) this.validation = err.response.data.validation
|
||||
if (err.response.status === 403) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: err.response.data.message
|
||||
})
|
||||
} else console.log(err.response.data)
|
||||
})
|
||||
}
|
||||
},
|
||||
layout: 'admin-auth',
|
||||
|
||||
}
|
||||
if (send_request.status === 200 || send_request.status === 201) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "کد ورود ارسال شد",
|
||||
});
|
||||
this.step = 2;
|
||||
return;
|
||||
} else {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "مشکل در برقرای ارتباط",
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("err", error);
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "خطای ناشناخته",
|
||||
});
|
||||
return;
|
||||
}
|
||||
},
|
||||
doLogin() {
|
||||
this.validation = {};
|
||||
|
||||
this.$auth
|
||||
.loginWith("local", {
|
||||
data: {
|
||||
phone: this.phone,
|
||||
code: this.otp,
|
||||
},
|
||||
})
|
||||
.then((response) => {
|
||||
window.location.replace(window.location.origin + "/admin");
|
||||
})
|
||||
.catch((err) => {
|
||||
if (err.response.status === 422)
|
||||
this.validation = err.response.data.validation;
|
||||
if (err.response.status === 403) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: err.response.data.message,
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: err?.response?.data?.validation?.code?.msg,
|
||||
});
|
||||
console.log(err.response.data.validation.code.msg);
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
layout: "admin-auth",
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
@@ -0,0 +1,245 @@
|
||||
<template>
|
||||
<div>
|
||||
<CCard>
|
||||
<CCardHeader>
|
||||
<slot name="header">
|
||||
<i class="fal fa-bars"></i>
|
||||
<span>{{ list_title }}</span>
|
||||
</slot>
|
||||
<slot></slot>
|
||||
</CCardHeader>
|
||||
<CCardBody>
|
||||
<el-table v-loading="loading" :data="sessions" style="width: 100%">
|
||||
<el-table-column type="index" label="#"> </el-table-column>
|
||||
|
||||
<el-table-column label="نام کاربر">
|
||||
<template slot-scope="scope">
|
||||
<span class="title">
|
||||
<el-popover
|
||||
placement="top-end"
|
||||
trigger="hover"
|
||||
:content="scope.row.title"
|
||||
>
|
||||
</el-popover>
|
||||
{{ scope.row?.user?.firstName + scope?.row?.user?.lastName }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="شماره موبایل">
|
||||
<template slot-scope="scope">
|
||||
<span class="title">
|
||||
<el-popover
|
||||
placement="top-end"
|
||||
trigger="hover"
|
||||
:content="scope.row.title"
|
||||
>
|
||||
</el-popover>
|
||||
{{ scope.row?.user?.mobileNumber }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="آی پی">
|
||||
<template slot-scope="scope">
|
||||
<span class="title">
|
||||
<el-popover
|
||||
placement="top-end"
|
||||
trigger="hover"
|
||||
:content="scope.row.title"
|
||||
>
|
||||
</el-popover>
|
||||
{{ scope.row?.ip }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="تاریخ ورود" width="">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.LastLogin }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</CCardBody>
|
||||
</CCard>
|
||||
<CCard class="col">
|
||||
<CRow alignHorizontal="center" style="padding: 10px">
|
||||
<el-pagination
|
||||
:hide-on-single-page="true"
|
||||
layout="prev, pager, next"
|
||||
page-size="10"
|
||||
@current-change="change_page"
|
||||
:current-page.sync="elections.page"
|
||||
:total="length"
|
||||
>
|
||||
</el-pagination>
|
||||
</CRow>
|
||||
</CCard>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import moment from "moment-jalaali";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title: "لیست انتخابات",
|
||||
list_title: "لیست",
|
||||
elections: null,
|
||||
search: {},
|
||||
parent: null,
|
||||
loading: false,
|
||||
sessions: [],
|
||||
length: null,
|
||||
page: 1,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
pageQuery() {
|
||||
return this.$route.query.page;
|
||||
},
|
||||
},
|
||||
|
||||
watch: {
|
||||
pageQuery(newPage, oldPage) {
|
||||
this.$nuxt.refresh();
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getData();
|
||||
},
|
||||
methods: {
|
||||
jDate(date) {
|
||||
return moment(date).format("jYYYY/jMM/jDD");
|
||||
},
|
||||
async change_page(value) {
|
||||
this.page = value;
|
||||
this.getData();
|
||||
},
|
||||
async getData() {
|
||||
try {
|
||||
const response = await this.$axios.get(
|
||||
`/api/admin/logs?page=${this.page}&limit=10`
|
||||
);
|
||||
// const data = await response.json(); // if you want to parse JSON response
|
||||
console.log(response, "res");
|
||||
this.sessions = response?.data?.logs;
|
||||
this.length = response?.data?.totalLogs;
|
||||
} catch (error) {
|
||||
console.error("Failed to fetch data:", error);
|
||||
}
|
||||
},
|
||||
deletePoll(id) {
|
||||
this.$confirm("انتخابات حذف شود؟", "اخطار", {
|
||||
confirmButtonText: "بله",
|
||||
cancelButtonText: "لغو",
|
||||
type: "warning",
|
||||
})
|
||||
.then(async () => {
|
||||
this.$axios
|
||||
.delete(`/api/admin/election/${id}`)
|
||||
.then((res) => {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "انتخابات با موفقیت حذف شد",
|
||||
});
|
||||
this.elections.docs = this.elections.docs.filter(
|
||||
(item) => item._id !== id
|
||||
);
|
||||
})
|
||||
.catch((err) => {
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "لطفا دوباره وارد سیستم شوید.",
|
||||
});
|
||||
}
|
||||
if (err.response.status === 403) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: err.response.data.message,
|
||||
});
|
||||
}
|
||||
if (err.response.status === 422) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: err.response.data.message,
|
||||
});
|
||||
}
|
||||
console.log(err.response.data);
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "عملیات لغو شد",
|
||||
});
|
||||
});
|
||||
},
|
||||
handleCurrentChange(page) {
|
||||
this.handleSearch(page);
|
||||
},
|
||||
handleSearch(page) {
|
||||
this.loading = true;
|
||||
|
||||
const data = {
|
||||
term: this.search.term,
|
||||
catId: this.search.catId,
|
||||
showInHome: this.search.showInHome,
|
||||
};
|
||||
|
||||
this.$axios
|
||||
.post(`/api/admin/election/search?page=${page}`, data, this.axiosConfig)
|
||||
.then((result) => {
|
||||
this.elections = result.data;
|
||||
this.loading = false;
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loading = false;
|
||||
if (err.response.status === 401) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "لطفا دوباره وارد سیستم شوید.",
|
||||
});
|
||||
}
|
||||
if (err.response.status === 422)
|
||||
this.validation = err.response.data.validation;
|
||||
else console.log(err.response.data);
|
||||
});
|
||||
},
|
||||
},
|
||||
head() {
|
||||
return {
|
||||
title: this.title,
|
||||
};
|
||||
},
|
||||
layout: "admin",
|
||||
async asyncData({ $axios, query, error }) {
|
||||
try {
|
||||
const requests = [
|
||||
$axios.get(`/api/admin/election?page=${query.page}`),
|
||||
$axios.get("/api/admin/category/getParent"),
|
||||
];
|
||||
|
||||
const fetch = await Promise.all(requests);
|
||||
|
||||
let [elections, parents] = fetch;
|
||||
|
||||
return {
|
||||
elections: elections.data,
|
||||
parents: parents.data,
|
||||
};
|
||||
} catch (e) {
|
||||
if (e?.response?.status === 401)
|
||||
error({
|
||||
status: 401,
|
||||
message: "شما اجازه دسترسی به این صفحه را ندارید",
|
||||
});
|
||||
else
|
||||
error({
|
||||
status: 500,
|
||||
message: "مشکلی در گرفتن اطلاعات بوجود آمده است",
|
||||
});
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user