chore: add shafafiat route

2024-11-18 19:35:42 +03:30
parent f75f890fa5
commit 1c89bc5f08
5 changed files with 397 additions and 215 deletions
@@ -0,0 +1,120 @@
+<template>
+  <div class="services-page">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <LineTxt label="شفافیت" />
+        </div>
+
+        <div class="body">
+          <div class="main">
+            <div>
+              <img
+                class="tasvir"
+                src="../../../static/images/shafaf.jpg"
+                alt="logo"
+              />
+            </div>
+            <div>
+              شفافیت سریع ترین، کم هزینه ترین، ساده ترین، مبنایی ترین و قابل
+              اعتمادترین سازوکار برای مبارزه با فساد)هم در پیشگیری و هم کشف
+              جرم(، افزایش مسئولیت پذیری و پاسخگویی، ارتقاء شایسته ساالری،
+              مشارکت فعال و مؤثر مردمی، کاهش هزینه و زمان در پیشگیری و مبارزه با
+              فساد، و در نتیجه افزایش کارآمدی و سرمایه اجتماعی است؛ با ایجاد
+              شفافیت می توان عدالت را مستقر کرد و از ایجاد تبعیض های ناروا در
+              نظام جلوگیری کرد.به همین جهت، سازمان فناوری اطالعات با همکاری
+              سازمان غیردولتی شفافیت برای ایران اقدام به تاسیس کمیته شفافیت
+              نموده است .پورتال شفافیت، اولین اقدام این استانداری در راستای
+              توسعه شفافیت است. این پورتال به صورت مستمر از نظر محتوا و بستر به
+              روز خواهد شد .
+            </div>
+          </div>
+        </div>
+        <div class="cards">
+          <div class="item">1</div>
+          <div class="item">1</div>
+          <div class="item">1</div>
+          <div class="item">1</div>
+          <div class="item">1</div>
+          <div class="item">1</div>
+        </div>
+        <div class="space"></div>
+        <!-- <div class="col-12 col-md-6 services-view">
+          <nuxt-link
+            :to="{
+              name: 'portal-services-election',
+              params: { portal: currentPortal },
+            }"
+            class="services-item"
+          >
+            <i class="far fa-check-square"></i>
+            <span>شرکت در انتخابات استانداری مرکزی</span>
+          </nuxt-link>
+        </div>
+        <div class="col-12 col-md-6 services-view">
+          <nuxt-link
+            :to="{
+              name: 'portal-services-meeting',
+              params: { portal: currentPortal },
+            }"
+            class="services-item"
+          >
+            <i class="far fa-check-square"></i>
+            <span>ارتباط با استاندار</span>
+          </nuxt-link>
+        </div> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    currentPortal() {
+      return this.$route.params.portal;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.body {
+  display: flex;
+  justify-content: center;
+}
+
+.main {
+  width: 60%;
+  border: 1px solid rgb(224, 222, 222);
+  height: 280px;
+  color: rgb(94, 94, 94);
+  display: flex;
+  justify-content: space-between;
+  border-radius: 10px;
+  line-height: 25px;
+  padding: 10px;
+  align-items: center;
+  gap: 10px;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+.tasvir {
+  width: 230px;
+  height: 120px;
+  border-radius: 10px;
+}
+.cards {
+  margin: 50px 0px;
+  display: grid;
+  grid-template: 130px / auto auto auto auto auto auto;
+  gap: 10px;
+}
+.item {
+  background-color: aquamarine;
+  height: 200px;
+  border-radius: 10px;
+}
+.space {
+  height: 50px;
+}
+</style>