chore: add shafafiat page

pages/_portal/shafaf/index.vue

@@ -29,54 +29,24 @@
           </div>
         </div>
         <div class="cards">
-          <div class="item">
-            <img src="/static/images/1.svg" alt="" />
+
+
+
+          <div 
+          v-for="(item, i) in items"
+          :key="i"
+          class="item">
+            <img :src="`/uploads/images/category/shafafiat/${item.icon}`" alt="شفافیت" />
             <div class="parent">
               <div class="right"></div>
               <div class="left"></div>
             </div>
-            <p>اسناد مالی</p>
-          </div>
-          <div class="item">
-            <img src="/static/images/1.svg" alt="" />
-            <div class="parent">
-              <div class="right"></div>
-              <div class="left"></div>
-            </div>
-            <p>اسناد مالی</p>
-          </div>
-          <div class="item">
-            <img src="/static/images/1.svg" alt="" />
-            <div class="parent">
-              <div class="right"></div>
-              <div class="left"></div>
-            </div>
-            <p>اسناد مالی</p>
-          </div>
-          <div class="item">
-            <img src="/static/images/1.svg" alt="" />
-            <div class="parent">
-              <div class="right"></div>
-              <div class="left"></div>
-            </div>
-            <p>اسناد مالی</p>
-          </div>
-          <div class="item">
-            <img src="/static/images/1.svg" alt="" />
-            <div class="parent">
-              <div class="right"></div>
-              <div class="left"></div>
-            </div>
-            <p>اسناد مالی</p>
-          </div>
-          <div class="item">
-            <img src="/static/images/1.svg" alt="" />
-            <div class="parent">
-              <div class="right"></div>
-              <div class="left"></div>
-            </div>
-            <p>اسناد مالی</p>
+            <nuxt-link :to="`/ostandari/category/${item.title}?type=news&id=${item._id}`">
+              <p>{{ item?.title }}</p>
+            </nuxt-link>
           </div>
+       
+       
         </div>
         <div class="space"></div>
         <!-- <div class="col-12 col-md-6 services-view">
@@ -110,11 +80,35 @@
 
 <script>
 export default {
+  data(){
+    return{
+      items: []
+    }
+  },
   computed: {
     currentPortal() {
       return this.$route.params.portal;
     },
   },
+  mounted() {
+    this.getData();
+  },
+  methods: {
+async getData() {
+  const req = await this.$axios.get('/api/public/shafafiat')
+  console.log(req.data.data, 'reqq');
+  this.items = req?.data?.data
+},
+turnCateString(str) {
+  if (str.length > 22) {
+   return str.substring(0,22) + '...'
+  }else{
+    return str
+  }
+}
+
+  }
+  
 };
 </script>
 
@@ -198,8 +192,8 @@ export default {
   height: 50px;
 }
 .item img {
-  height: 80px;
-  width: 80px;
+  height: 65px;
+  width: 65px;
   transition: transform 0.3s ease;
 }
 .item .parent {
@@ -231,6 +225,7 @@ export default {
 }
 .item p {
   color: rgb(117, 117, 117);
+  font-size: 14px;
 }
 .item:hover {
   background-color: rgb(247, 247, 247); /* تغییر رنگ پس‌زمینه به قرمز */