浏览代码

各权限账号首页、统计页,链接跳转及样式修改;

chengbeibei 10 月之前
父节点
当前提交
8d98c927cc
共有 2 个文件被更改,包括 81 次插入58 次删除
  1. 57 43
      src/views/dashboard/IndexChart.vue
  2. 24 15
      src/views/tj/sjtjModules.vue

+ 57 - 43
src/views/dashboard/IndexChart.vue

@@ -16,7 +16,7 @@
             </a-col>
           </div>
         </a-card>
-        <a-card :hoverable='true' style="margin-bottom: 1rem;width:70%;">
+        <a-card :hoverable='false' style="margin-bottom: 1rem;width:70%;">
             <a-row :gutter="24" style="margin-top: 2%;margin-left: 5%">
               <a-col v-show="this.show" :sm="24" :md="12" :xl="10" :style="{ marginBottom: '24px'}" class="xfrw">
                 <chart-card   :loading="loading" title="下发任务数(省属企业)" :total='this.xfrws'>
@@ -219,30 +219,36 @@
     <a-card v-has="'ssqysy'">
       <a-row :gutter="24">
         <a-col v-show="this.show" :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px'}" class="xfrw">
-          <chart-card  :loading="loading" title="下发任务数(省属企业)" :total='this.xfrws'>
-            <a-tooltip title="指标说明" slot="action">
-              <a-icon type="info-circle-o" />
-            </a-tooltip>
-          </chart-card>
+          <div  style="cursor:pointer" @click="handleXfrws('A04')">
+            <chart-card  :loading="loading" title="下发任务数(省属企业)" :total='this.xfrws'>
+              <a-tooltip title="指标说明" slot="action">
+                <a-icon type="info-circle-o" />
+              </a-tooltip>
+            </chart-card>
+          </div>
         </a-col>
         <a-col v-show="this.show" :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }" class="yxdls">
-          <chart-card :loading="loading" title="有效登录数(省属企业)" :total="this.yxdls">
-            <a-tooltip title="指标说明" slot="action">
-              <a-icon type="info-circle-o" />
-            </a-tooltip>
-          </chart-card>
+          <div style="cursor:pointer" @click="handleYxdl('list2')">
+            <chart-card :loading="loading" title="有效登录数(省属企业)" :total="this.yxdls">
+              <a-tooltip title="指标说明" slot="action">
+                <a-icon type="info-circle-o" />
+              </a-tooltip>
+            </chart-card>
+          </div>
         </a-col>
         <a-col  :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }" class="sbdks">
-          <chart-card v-if="this.yhjs=='shyh'" :loading="loading" title="上报地块数(省属企业)" :total="this.sbdks">
-            <a-tooltip title="指标说明" slot="action">
-              <a-icon type="info-circle-o" />
-            </a-tooltip>
-          </chart-card>
-          <chart-card v-else  :loading="loading" title="上报地块数" :total="this.sbdks">
-            <a-tooltip title="指标说明" slot="action">
-              <a-icon type="info-circle-o" />
-            </a-tooltip>
-          </chart-card>
+          <div  style="cursor:pointer" @click="handleSbdks('qcsb-qcSsgqzysytdqk-list2')">
+            <chart-card v-if="this.yhjs=='shyh'" :loading="loading" title="上报地块数(省属企业)" :total="this.sbdks">
+              <a-tooltip title="指标说明" slot="action">
+                <a-icon type="info-circle-o" />
+              </a-tooltip>
+            </chart-card>
+            <chart-card v-else  :loading="loading" title="上报地块数" :total="this.sbdks">
+              <a-tooltip title="指标说明" slot="action">
+                <a-icon type="info-circle-o" />
+              </a-tooltip>
+            </chart-card>
+          </div>
         </a-col>
         <a-col v-show="!this.show" :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }" class="dqsbs">
           <chart-card :loading="loading" title="审核通过数" :total="this.shtgs">
@@ -260,19 +266,21 @@
           </chart-card>
         </a-col>
         <a-col  :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }" class="wshsl">
-          <chart-card v-if="this.yhjs=='shyh'" :loading="loading" title="未审核地块数(省属企业)" :total="this.wshsl">
-            <a-tooltip title="指标说明" slot="action">
-              <a-icon type="info-circle-o" />
-            </a-tooltip>
-          </chart-card>
-          <chart-card v-else :loading="loading" title="未审核地块数" :total="this.wshsl">
-            <a-tooltip title="指标说明" slot="action">
-              <a-icon type="info-circle-o" />
-            </a-tooltip>
-          </chart-card>
+          <div style="cursor:pointer" @click="handleWsh('qcsb-qcSsgqzysytdqk-list1')">
+            <chart-card v-if="this.yhjs=='shyh'" :loading="loading" title="未审核地块数(省属企业)" :total="this.wshsl">
+              <a-tooltip title="指标说明" slot="action">
+                <a-icon type="info-circle-o" />
+              </a-tooltip>
+            </chart-card>
+            <chart-card v-else :loading="loading" title="未审核地块数" :total="this.wshsl">
+              <a-tooltip title="指标说明" slot="action">
+                <a-icon type="info-circle-o" />
+              </a-tooltip>
+            </chart-card>
+          </div>
         </a-col>
         <a-col v-show="this.show" :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px'}" class="xfrw">
-          <div  style="cursor:pointer" @click="handleXfrws()">
+          <div  style="cursor:pointer" @click="handleXfrws('A03')">
             <chart-card  :loading="loading"  title="下发任务数(省直单位)" :total='this.sydwxfrws'>
               <a-tooltip title="指标说明" slot="action">
                 <a-icon type="info-circle-o" />
@@ -281,7 +289,7 @@
           </div>
         </a-col>
         <a-col v-show="this.show" :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }" class="yxdls">
-          <div style="cursor:pointer" @click="handleYxdl()">
+          <div style="cursor:pointer" @click="handleYxdl('list8')">
           <chart-card :loading="loading" title="有效登录数(省直单位)" :total="this.sydwyxdls">
             <a-tooltip title="指标说明" slot="action">
               <a-icon type="info-circle-o" />
@@ -290,7 +298,7 @@
           </div>
         </a-col>
         <a-col v-show="this.show" :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }" class="sbdks">
-          <div  style="cursor:pointer" @click="handleSbdks()">
+          <div  style="cursor:pointer" @click="handleSbdks('qcsb-QcSsgqzysytdqkList-list7')">
             <chart-card :loading="loading" title="上报地块数(省直单位)" :total="this.sydwsbdks">
               <a-tooltip title="指标说明" slot="action">
                 <a-icon type="info-circle-o" />
@@ -300,7 +308,7 @@
 
         </a-col>
         <a-col v-show="this.show" :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }" class="wshsl">
-          <div style="cursor:pointer" @click="handleWsh()">
+          <div style="cursor:pointer" @click="handleWsh('qcsb-QcSsgqzysytdqkList-list6')">
           <chart-card  :loading="loading" title="未审核地块数(省直单位)" :total="this.sydwwsh">
             <a-tooltip title="指标说明" slot="action">
               <a-icon type="info-circle-o" />
@@ -533,8 +541,8 @@
       clearInterval(this.time)
     },
     methods: {
-      handleYxdl(){
-        this.$router.push({name:'qcsb.qyxx-qcQyxx-list8'})
+      handleYxdl(view){
+        this.$router.push({name:'qcsb.qyxx-qcQyxx-'+view})
       },
       onClose(){
         this.showCallCenter=false;
@@ -551,14 +559,14 @@
       handleRouter2(){
         this.$router.push({name:'qcsb-qcSsgqzysytdqk-list'})
       },
-      handleSbdks(){
-        this.$router.push({name:'qcsb-QcSsgqzysytdqkList-list7'})
+      handleSbdks(view){
+        this.$router.push({name:view})
       },
-      handleXfrws(){
-        this.$router.push({name:'isystem-user',query:{orgCode:'A03'}})
+      handleXfrws(orgCode){
+        this.$router.push({name:'isystem-user',query:{orgCode: orgCode}})
       },
-      handleWsh(){
-        this.$router.push({name:'qcsb-QcSsgqzysytdqkList-list6'})
+      handleWsh(view){
+        this.$router.push({name:view})
       },
       handleAdd2(){
         this.$router.push({name:'qcsb-QcSsgqzysytdqkList-list5'})
@@ -846,12 +854,14 @@
     background-image: url('~@/assets/sytj_1.png');
     background-size: 100% 100%;
     box-shadow: 10px 10px 15px -10px;
+    border-radius: 6px;
   }
   .yxdls .ant-card{
     text-align: center;
     background-image: url('~@/assets/sytj_2.png');
     background-size: 100% 100%;
     box-shadow: 10px 10px 15px -10px;
+    border-radius: 6px;
   }
   .sbdks .ant-card{
   /*  border: 2px solid rgb(192,192,192);*/
@@ -859,6 +869,7 @@
     background-image: url('~@/assets/sytj_3.png');
     background-size: 100% 100%;
     box-shadow: 10px 10px 15px -10px;
+    border-radius: 6px;
   }
   .wshsl .ant-card{
    /* border: 2px solid rgb( 124,130,96);*/
@@ -867,6 +878,7 @@
     background-image: url('~@/assets/sytj_4.png');
     background-size: 100% 100%;
     box-shadow: 10px 10px 15px -10px;
+    border-radius: 6px;
 
   }
   .shbtg .ant-card{
@@ -874,12 +886,14 @@
     background-image: url('~@/assets/sytj_2.png');
     background-size: 100% 100%;
     box-shadow: 10px 10px 15px -10px;
+    border-radius: 6px;
   }
   .dqsbs .ant-card{
     text-align: center;
     background-image: url('~@/assets/sytj_1.png');
     background-size: 100% 100%;
     box-shadow: 10px 10px 15px -10px;
+    border-radius: 6px;
   }
   .chart-card-footer{
     border-top: 0px solid #e8e8e8 !important;

+ 24 - 15
src/views/tj/sjtjModules.vue

@@ -17,8 +17,8 @@
         </a-col>
 
         <a-col v-show="this.type=='ssqy'" :sm="24" :md="12" :xl="20">
-          <a-card>
-            <a-col :sm="18" :md="12" :xl="4" @click="handleQy">
+          <a-card class="flex-space-between">
+            <a-col class="flex-center" :sm="18" :md="12" :xl="5" @click="handleQy">
               <div class='tjcxcound1'>
                 <div style="color: white;padding-top: 0.6rem">
                   <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">已审核省属企业数量</div>
@@ -28,7 +28,7 @@
                 </div>
               </div>
             </a-col>
-            <a-col :sm="24" :md="12" :xl="4">
+            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
               <div class='tjcxcound2'>
                 <div style="color: white;padding-top: 0.6rem">
                   <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">上报地块企业数量</div>
@@ -45,7 +45,7 @@
                 <!--              </div>-->
               </div>
             </a-col>
-            <a-col :sm="24" :md="12" :xl="4">
+            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
               <div class='tjcxcound3' @click="visibleInfo({sfsb:3})">
                 <div style="color: white;padding-top: 0.6rem">
                   <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">已审核省属企业地块</div>
@@ -60,7 +60,7 @@
                 <!--                </div>-->
               </div>
             </a-col>
-            <a-col :sm="24" :md="12" :xl="4">
+            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
               <div class='tjcxcound4' @click="visibleInfo({sfsb:3,tdsyxz:'闲置低效土地'})">
                 <div style="color: white;padding-top: 0.6rem">
                   <div style="width: 8rem;margin-left: 1rem;margin-top:10px;float: left; ">其中省属企业闲置低效地块</div>
@@ -80,8 +80,8 @@
           </a-card>
         </a-col>
         <a-col v-show="this.type=='szdw'" :sm="24" :md="12" :xl="20">
-          <a-card>
-            <a-col :sm="18" :md="12" :xl="4">
+          <a-card class="flex-space-between">
+            <a-col class="flex-center" :sm="18" :md="12" :xl="5">
               <div class='tjcxcound1' @click="handleDw()">
                 <div style="color: white;padding-top: 0.6rem">
                   <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">已审核省直单位数量</div>
@@ -90,7 +90,7 @@
                 </div>
               </div>
             </a-col>
-            <a-col :sm="24" :md="12" :xl="4">
+            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
               <div class='tjcxcound2'>
                 <div style="color: white;padding-top: 0.6rem">
                   <div style="width: 5rem;margin-left: 1rem;margin-top:10px;float: left; ">上报地块单位数量</div>
@@ -107,7 +107,7 @@
                 <!--              </div>-->
               </div>
             </a-col>
-            <a-col :sm="24" :md="12" :xl="4">
+            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
               <div class='tjcxcound3' @click="visibleInfoBySz({sfsb:3})">
                 <div style="color: white;padding-top: 0.6rem">
 
@@ -124,7 +124,7 @@
                 <!--                </div>-->
               </div>
             </a-col>
-            <a-col :sm="24" :md="12" :xl="4">
+            <a-col class="flex-center" :sm="24" :md="12" :xl="5">
               <div class='tjcxcound4' @click="visibleInfoBySz({sfsb:3,tdsyxz:'闲置低效土地'})">
                 <div style="color: white;padding-top: 0.6rem">
                   <div style="width: 8rem;margin-left: 1rem;margin-top:10px;float: left; ">其中省直单位闲置低效地块</div>
@@ -759,7 +759,7 @@ export default {
   width: 18rem;
   background-image: url('~@/assets/sytj_1.png');
   background-size: 100% 100%;
-  margin-left: 3rem;
+  /*margin-left: 3rem;*/
   font-size: 16px;
   text-align: left;
   border-radius: 10px;
@@ -771,11 +771,11 @@ export default {
   width: 18rem;
   background-image: url('~@/assets/sytj_2.png');
   background-size: 100% 100%;
-  margin-left: 10rem;
+  /*margin-left: 10rem;*/
   font-size: 16px;
   text-align: left;
   border-radius: 10px;
-  cursor: pointer
+  /*cursor: pointer*/
 }
 
 .tjcxcound3 {
@@ -783,7 +783,7 @@ export default {
   width: 18rem;
   background-image: url('~@/assets/sytj_3.png');
   background-size: 100% 100%;
-  margin-left: 17rem;
+  /*margin-left: 17rem;*/
   font-size: 16px;
   text-align: left;
   border-radius: 10px;
@@ -795,11 +795,20 @@ export default {
   width: 18rem;
   background-image: url('~@/assets/sytj_4.png');
   background-size: 100% 100%;
-  margin-left: 24rem;
+  /*margin-left: 24rem;*/
   font-size: 16px;
   text-align: left;
   border-radius: 10px;
   cursor: pointer
 }
 
+.flex-space-between > div.ant-card-body {
+  display: flex;
+  justify-content: space-between;
+}
+.flex-center {
+  display: flex;
+  justify-content: center;
+}
+
 </style>