add survey

2024-02-23 12:24:30 +03:30
parent 4c60ef1c1b
commit fe4c7718ad
8 changed files with 286 additions and 10 deletions
@@ -0,0 +1,107 @@
+<template>
+  <div>
+    <div class="m-3">
+      <div class="row ui-box p-3">
+        <h4>نظر سنجی</h4>
+        <hr />
+        <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>
+        <div class="col-lg-1" style="border-left: 1px solid #8f8f8f; height: 350px"></div>
+        <div class="col-lg-7">
+          <h5>توضیحات :</h5>
+          <div 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>
+        <hr class="mt-3"/>
+      
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AdminComplaintDetails',
+
+  layout: 'admin',
+
+  async asyncData({ $axios, params, query, error }) {},
+  data() {
+    return {
+      complaint: null,
+
+    }
+  },
+
+  computed: {},
+  beforeMount() {
+    this.$axios.get(`/api/admin/complaint/${this.$route.params.item}`).then(res => {
+      this.complaint = res.data
+    })
+  },
+  methods: {
+    hasPermission(permission) {
+      if (this.$auth.loggedIn) return this.$auth.user.permissions.includes(permission)
+      else return false
+    },
+  }
+}
+</script>
+
+<style lang="scss">
+.progressBar {
+  .el-progress-bar__inner {
+    left: auto;
+    right: 0;
+    text-align: left;
+  }
+}
+
+.btn-upload {
+  background-color: cornflowerblue;
+  padding: 0.5rem 1rem;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  color: white;
+  float: left;
+}
+
+.space {
+  margin: 5rem;
+}
+.ui-box {
+  background-color: white;
+  border-radius: 10px;
+}
+.w-20{
+  width: 20%;
+}
+
+</style>