This commit is contained in:
Swift
2024-02-02 15:47:43 +03:30
parent 9bf340dc32
commit caf27b87fe
4 changed files with 165 additions and 44 deletions
+60 -17
View File
@@ -1,35 +1,74 @@
<template>
<div>
<div class="m-3">
<div class="row ui-box p-3">
<div class="col-lg-4">
<div class="d-flex mt-3" style="align-items: center">
<h5 style="margin-bottom: 1rem">نام و نام خانوادگی :</h5>
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.fullName }}</p>
</div>
<div class="d-flex mt-3" style="align-items: center">
<h5 style="margin-bottom: 1rem">کد ملی :</h5>
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.national }}</p>
</div>
<div class="d-flex mt-3" style="align-items: center">
<h5 style="margin-bottom: 1rem">شماره تماس :</h5>
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.phoneNumber }}</p>
</div>
<div class="d-flex mt-3" style="align-items: center">
<h5 style="margin-bottom: 1rem">ایمیل :</h5>
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.email }}</p>
</div>
<div class="d-flex mt-3" style="align-items: center">
<h5 style="margin-bottom: 1rem">کد پذیرش :</h5>
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.receptionCode }}</p>
</div>
<div class="d-flex mt-3" style="align-items: center">
<h5 style="margin-bottom: 1rem">شماره سریال دستگاه :</h5>
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.deviceNumber }}</p>
</div>
<div class="d-flex mt-3" style="align-items: center">
<h5 style="margin-bottom: 1rem">نوع ارتباط :</h5>
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.callType ? 'ایمیل' : ' تماس تلفنی' }}</p>
</div>
</div>
<div class="col-lg-8" style="display: flex; align-items: center; justify-content: center">
<div class="d-flex mt-3" style="align-items: center; justify-content: center">
<p class="mr-2" style="margin-bottom: 1rem">{{ complaint?.caption }}</p>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'AdminComplaintDetails',
layout: 'admin',
async asyncData({ $axios, params, query, error }) {
},
async asyncData({ $axios, params, query, error }) {},
data() {
return {
complaint: null
}
},
computed: {
computed: {},
beforeMount() {
this.$axios.get(`/api/admin/complaint/${this.$route.params.item}`).then(res => {
this.complaint = res.data
})
},
methods: {
}
methods: {}
}
</script>
@@ -44,8 +83,8 @@ export default {
.btn-upload {
background-color: cornflowerblue;
padding: .5rem 1rem;
border-radius: .5rem;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
cursor: pointer;
color: white;
float: left;
@@ -54,4 +93,8 @@ export default {
.space {
margin: 5rem;
}
.ui-box {
background-color: white;
border-radius: 10px;
}
</style>
+33 -11
View File
@@ -13,35 +13,40 @@
</CCardHeader>
<CCardBody>
<el-table :data="filteredByType" style="width: 100%">
<el-table :data="complaint" style="width: 100%">
<el-table-column type="index" label="#"> </el-table-column>
<el-table-column prop="caption" label="کد ملی" width="">
<el-table-column prop="fullName" label="نام" width="">
</el-table-column>
<el-table-column label="کد ملی" width="">
<template slot-scope="scope">
<span class="singleLineTxt" :title="scope.row.national"> {{ scope.row.national }} </span>
</template>
</el-table-column>
<el-table-column prop="caption" label="متن" width="">
<el-table-column 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="">
<el-table-column label="تاریخ ایجاد" width="">
<template slot-scope="scope">
<span> {{ $jDate(scope.row.created_at) }} </span>
</template>
</el-table-column>
<el-table-column prop="caption" label="شماره تماس" width="">
<el-table-column label="شماره تماس" width="">
<template slot-scope="scope">
<span class="singleLineTxt" :title="scope.row.phoneNumber"> {{ scope.row.phoneNumber }} </span>
</template>
</el-table-column>
<el-table-column prop="caption" label="ایمیل" width="">
<el-table-column label="ایمیل" width="">
<template slot-scope="scope">
<span class="singleLineTxt" :title="scope.row.email"> {{ scope.row.email }} </span>
</template>
@@ -53,7 +58,7 @@
:key="scope.row._id + type"
color="success"
variant="outline"
:to="{ name: 'admin-complaint-details', params: { item: scope.row._id } }"
:to="{ name: 'admin-complaint-item', params: { item: scope.row._id } }"
>
<i class="fal fa-eye"></i>
</CButton>
@@ -70,21 +75,38 @@ export default {
name: 'AdminComplaintsList',
layout: 'admin',
async asyncData({ $axios, error }) {
},
data() {
return {
complaint:null
}
},
computed: {
},
mounted(){
this.$axios.get('/api/admin/complaint').then(res=>{
this.complaint = res.data
console.log(res.data)
}).catch(err=>{
console.log(err)
})
},
methods: {
}
}
}
</script>