Gps User Page

2024-08-23 15:47:53 +03:30
parent 4c5930ada0
commit b974644989
6 changed files with 223 additions and 6 deletions
@@ -0,0 +1,149 @@
+<template>
+  <div>
+    <el-dialog title="اطلاعات کاربر" :visible.sync="centerDialogVisible" width="40%" center>
+      <el-descriptions title="" direction="vertical"  :column="4" border>
+
+        <el-descriptions-item label="نام و نام خانودگی">{{ user.first_name +" "+ user.last_name }}</el-descriptions-item>
+        <el-descriptions-item label="شماره همراه">{{ user.mobile_number }}</el-descriptions-item>
+        <el-descriptions-item label="استان" >{{ user.province_name }}</el-descriptions-item>
+        <el-descriptions-item label="شهر">{{ user.city_name }}</el-descriptions-item>
+        <el-descriptions-item label="کد ملی ">{{ user.national_code }}</el-descriptions-item>
+        <el-descriptions-item label="نام فروشگاه">{{ user.shopName }}</el-descriptions-item>
+        <el-descriptions-item label="شماره ثابت">{{ user.cell_number }}</el-descriptions-item>
+        <el-descriptions-item label="تاریخ تولد">{{ user.birthDate }}</el-descriptions-item>
+        <el-descriptions-item label="آدرس">{{ user.address }}</el-descriptions-item>
+
+      </el-descriptions>
+      <CCardBody>
+        <el-table :data="user.cardBank" style="width: 100%">
+          <el-table-column type="index" label="#"> </el-table-column>
+          <el-table-column prop="holderName" label="نام صاحب کارت" width="200px"> </el-table-column>
+          <el-table-column prop="PAN" label="شماره حساب" width="200px"> </el-table-column>
+          <el-table-column prop="IBAN" label="شماره شبا" width=""> </el-table-column>
+        </el-table>
+      </CCardBody>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="centerDialogVisible = false">{{
+          $route.query?.type == 'req' ? 'Cancel' : 'Close'
+        }}</el-button>
+        <el-button v-if="$route.query?.type == 'req'" type="primary" @click="confirmUser(user._id)">Confirm</el-button>
+      </span>
+    </el-dialog>
+
+    <CustomSubHeader>
+      <CBreadcrumb class="border-0 mb-0"> کاربران جی پی اس </CBreadcrumb>
+    </CustomSubHeader>
+    <CCard>
+      <CCardHeader>
+        <slot name="header">
+          <CIcon name="cil-grid" />
+          کاربران
+        </slot>
+      </CCardHeader>
+
+      <CCardBody>
+        <el-table :data="users" style="width: 100%">
+          <el-table-column type="index" label="#"> </el-table-column>
+
+          <el-table-column prop="first_name" label="نام" width="200px"> </el-table-column>
+          <el-table-column prop="last_name" label="نام خانوادگی" width="200px"> </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 label="وضعیت" width="">
+            <template slot-scope="scope">
+              <el-tag v-if="scope.row.active" type="success">فعال</el-tag>
+              <el-tag v-else type="danger">غیر فعال</el-tag>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="نمایش" width="110" align="center">
+            <template slot-scope="scope">
+              <CButton :key="scope.row._id" color="info" variant="outline" @click="showUserDialog(scope.row._id)">
+                <i class="fal fa-eye"></i>
+              </CButton>
+            </template>
+          </el-table-column>
+        </el-table>
+      </CCardBody>
+    </CCard>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AdminGpsUsersList',
+  layout: 'admin',
+  async asyncData({ $axios, error, query }) {
+    try {
+      let users
+      // eslint-disable-next-line eqeqeq
+      if (query?.type == 'req') {
+        users = await $axios.get('/api/admin/gps/users/pending')
+      } else {
+        users = await $axios.get('/api/admin/gps/users')
+      }
+      return {
+        users: users.data
+      }
+    } catch (error) {
+      console.log(error)
+    }
+  },
+  data() {
+    return {
+      users: [],
+      centerDialogVisible: false,
+      user: {}
+    }
+  },
+
+  computed: {
+    config() {
+      return this.$config
+    },
+    usersTypeList() {
+      return this.$route.query?.type
+    }
+  },
+  watch: {
+    async usersTypeList(newVal, oldVal) {
+      try {
+        let users
+        // eslint-disable-next-line eqeqeq
+        if (this.$route.query?.type == 'req') {
+          users = await this.$axios.get('/api/admin/gps/users/pending')
+        } else {
+          users = await this.$axios.get('/api/admin/gps/users')
+        }
+
+        this.users = users.data
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  },
+  methods: {
+    async showUserDialog(id) {
+      const {data}= await this.$axios.get(`/api/admin/gps/users/${id}`)
+      this.user = data
+      this.centerDialogVisible = true
+    },
+    async confirmUser(id){
+      try {
+        await this.$axios.patch(`/api/admin/gps/users/${id}/true`)
+      this.$nuxt.refresh()
+      this.centerDialogVisible = false
+      } catch (err) {
+        this.$message({
+            type: 'error',
+            message: err.response.data.message
+          })
+      }
+
+    }
+  }
+}
+</script>