transfer project in github

2024-05-12 15:29:27 +03:30
commit e644edbd65
348 changed files with 164991 additions and 0 deletions
@@ -0,0 +1,155 @@
+<template>
+  <div>
+    <CustomSubHeader>
+      <CBreadcrumb class="border-0 mb-0">{{ title }}</CBreadcrumb>
+      <CButton size="sm" color="success" :to="{name: 'admin-branch-jobs-type',params:{type: 'new'}}"
+               class="mr-auto">افزودن
+      </CButton>
+    </CustomSubHeader>
+
+    <CCard>
+      <CCardHeader>
+        <slot name="header">
+          <i class="fal fa-bars"></i>
+          <span>{{ list_title }}</span>
+        </slot>
+      </CCardHeader>
+      <CCardBody>
+        <el-table
+            :data="jobs.docs"
+            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="110"
+              align="center">
+            <template slot-scope="scope">
+              <CButton color="danger" variant="outline" :key="scope.row._id + Math.random()" @click="remove(scope.row._id)">
+                <i class="far fa-trash-alt"></i>
+              </CButton>
+              <CButton color="success" variant="outline" :key="scope.row._id" :to="{name: 'admin-branch-jobs-type',params:
+              {type: scope.row._id}}">
+                <i class="far fa-eye"></i>
+              </CButton>
+            </template>
+          </el-table-column>
+
+        </el-table>
+      </CCardBody>
+    </CCard>
+    <CCard class="col" v-if="jobs.totalDocs>20">
+      <CRow alignHorizontal="center" style="padding : 10px">
+        <el-pagination :hide-on-single-page="true" layout="prev, pager, next" :page-size="jobs.limit"
+                       @current-change="handleCurrentChange" :current-page.sync="jobs.page" :total="jobs.totalDocs">
+        </el-pagination>
+      </CRow>
+    </CCard>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: 'لیست انواع منوها',
+      list_title: 'لیست',
+      jobs: null
+    }
+  },
+  computed: {
+    pageQuery() {
+      return this.$route.query.page;
+    }
+  },
+  watch: {
+    pageQuery(newPage, oldPage) {
+      this.$nuxt.refresh();
+    }
+  },
+  methods: {
+    handleCurrentChange(page) {
+      // if (!_.isEmpty(this.search)) {
+      //   this.handleSearch(page);
+      // } else {
+      this.$router.push({
+        name: "admin-branch-menu-types",
+        query: {
+          page: page
+        }
+      });
+      // }
+    },
+    remove(id) {
+      this.$confirm('این مورد حذف شود؟', 'هشدار', {
+        confirmButtonText: 'بله',
+        cancelButtonText: 'لغو',
+        type: 'warning'
+      }).then(async () => {
+        this.$axios.delete(`/api/admin/job/${id}`)
+            .then(res => {
+              this.$message({
+                type: 'success',
+                message: 'منو با موفقیت حذف شد'
+              })
+              this.jobs.docs = this.jobs.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
+                })
+              } else console.log(err.response.data)
+            })
+      }).catch(() => {
+        this.$message({
+          type: 'warning',
+          message: 'عملیات لغو شد'
+        })
+      })
+    }
+  },
+  head() {
+    return {
+      title: this.title
+    }
+  },
+  layout: 'admin',
+  async asyncData({$axios,query , error}) {
+    try {
+      const jobs = await $axios.get(`/api/admin/job?page=${query.page || 1}`)
+      return {
+        jobs: jobs.data
+      }
+    } catch (e) {
+      if (e?.response?.status === 401) {
+        error({
+          status: 401,
+          message: 'شما اجازه دسترسی به این صفحه را ندارید لطفا دوباره وارد شوید'
+        })
+      } else {
+        error({
+          status: 500,
+          message: "مشکلی در گرفتن اطلاعات بوجود آمده است",
+        });
+      }
+    }
+  }
+}
+</script>