魏志佳 5 years ago
parent
commit
cc3496e5b1
1 changed files with 120 additions and 5 deletions
  1. 120 5
      src/views/dashboard/Analysis.vue

+ 120 - 5
src/views/dashboard/Analysis.vue

@@ -2,6 +2,53 @@
     .only-there .ant-tabs-bar{
         background: white;
     }
+    .ant-modal-content,.ant-modal-body #updateInfo{
+      
+      width: 500px;
+      /* height: 600px; */
+      position: relative;
+      
+    }
+    .Updatecontent{
+          padding: 0 20px 40px;
+    }
+    .Updatetitle{
+        text-align: center;
+        font-size: 22px;
+        font-weight: 500;
+        color: #1890ff;
+        margin-bottom: 20px;
+      }
+    .Updatetime{
+      font-size: 16px;
+      font-weight: 700;
+      color: #000;
+      margin-bottom: 15px;
+    }
+    .updateicon{
+      font-size: 26px;
+      position: relative;
+      top: 4px;;
+    }
+    .updateSpan{
+      margin-left: 10px;
+    }
+    .textTitle{
+        font-weight: 600;
+        font-size: 1.17em;
+  
+        font-family:Helvetica,Arial,"\5b8b\4f53",sans-serif;
+
+      }
+    .okBtn{
+      position: absolute;
+      right: 3%;
+      bottom: 3%;
+    }
+    .updatelist{
+      list-style: disc;
+    }
+
 </style>
 <template>
   <div class="page-header-index-wide">
@@ -148,7 +195,7 @@
         </a-col>
       </a-row>
     </div>
-
+    
     <newHome v-else-if=" roleCode == 'touTiaoOperationManager'" />
     <statistics v-else-if="roleCode == 'kuaishouOperationManager'" />
     <statistics v-else-if="roleCode == 'sale'||roleCode=='saleDirector'" />
@@ -165,6 +212,46 @@
       </a-tab-pane>
 
     </a-tabs>
+    <!-- 更新公告 -->
+    <a-modal v-model="visible" title="" @ok="handleOk" :closable='false' :footer="null" id="updateInfo">
+      <div class="Updatetitle">
+         <a-icon type="notification" theme='twoTone'/> 更新通告
+      </div>
+      <div class="Updatecontent">
+        <div class="Updateitem">
+            <div class="Updatetime">
+                 <a-icon type="dashboard" theme='twoTone' class="updateicon" />
+                 <span class="updateSpan">{{updateTime[0]}}</span>
+            </div>
+            <div class="updateText">
+              <div class="updateBox">
+                <h3 class="textTitle">1.脚本素材功能迭代</h3>
+                <ul class="updatelist">
+                  <li>可使用在线编辑并自动保存</li>
+                  <li>支持项目筛选、文件上传</li>
+                </ul>
+              </div>
+              <div class="updateBox">
+                <h3 class="textTitle">2.头条-账户报表上线通知</h3>
+                <ul class="updatelist">
+                  <li>点击“统计报表-头条报表-账户报表”查看模块</li>
+                  <li>可根据项目账户筛选查看数据,支持时间筛选</li>
+                  <li>支持报表导出</li>
+                </ul>
+              </div>
+              <div class="updateBox">
+                <h3 class="textTitle">3.快手批量工具更新</h3>
+                <ul>
+                  <li>在创建创意模块加了时间维度筛选</li>
+                </ul>
+              </div>
+                
+            </div>
+        </div>
+         
+      </div>
+      <a-button type='primary' class="okBtn" @click="handleOk">知道了</a-button>
+    </a-modal>
   </div>
 </template>
 
@@ -179,7 +266,7 @@
   import Bar from '@/components/chart/Bar'
   import LineChartMultid from '@/components/chart/LineChartMultid'
   import HeadInfo from '@/components/tools/HeadInfo.vue'
-
+  import { getAction, postAction, downFile, downFilePost } from '@/api/manage';
   import Trend from '@/components/Trend'
   import {
     getLoginfo,
@@ -230,7 +317,10 @@
         visitFields: ['ip', 'visit'],
         visitInfo: [],
         indicator: <a-icon type="loading" style="font-size: 24px" spin />,
-        roleCode: localStorage.getItem('roleCode')
+        roleCode: localStorage.getItem('roleCode'),
+        visible:true,//更新通知消息提示框
+        updateTime:['2020-6-10'],
+        versionId:0,//存储版本号 判断通知什么时候显示
       }
     },
     created() {
@@ -255,8 +345,33 @@
             this.visitInfo = res.result
           }
         })
-      }
-    }
+
+      },
+      handleOk(e) {
+        // console.log(e);
+        this.visible = false;
+        postAction('/ctop/releaseViewRecord/view', {
+          versionId:this.versionId
+        }).then(res => {
+            console.log(res)
+            if(res.success){
+              //  this.visible=res.showPopup;
+            }
+           
+        })
+      },
+
+    },
+    mounted() {
+         postAction('/ctop/releaseViewRecord/check', {}).then(res => {
+            console.log(res)
+            if(res.success){
+               this.visible=res.showPopup;
+               this.versionId=res.data.id;
+            }
+           
+        })
+    },
   }
 </script>