首页修改增加协议到期提示

src/api/index.js

@@ -69,3 +69,11 @@ export function getProfitData(query){
     params: query
   })
 }
+// 协议到期提醒
+export function remindExpirationData(query){
+  return request({
+    url:'/warehouseBusiness/agreement/remindList',
+    method:'get',
+    params: query
+  })
+}

src/views/index.vue

@@ -8,19 +8,19 @@
               <div>
                 <i
                   class="el-icon-download"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>常规入库</p>
               </div>
+              <p>常规入库</p>
             </li>
             <li @click="jump('/business/outStock')">
               <div>
                 <i
                   class="el-icon-upload2"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>常规出库</p>
               </div>
+              <p>常规出库</p>
             </li>
 <!--            <li @click="jump('/basicdata/corps')">-->
 <!--              <div>-->
@@ -44,55 +44,55 @@
               <div>
                 <i
                   class="el-icon-takeaway-box"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>货权转移</p>
               </div>
+              <p>货权转移</p>
             </li>
             <li @click="jump('/business/stockTransfer')">
               <div>
                 <i
                   class="el-icon-connection"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>库间调拨</p>
               </div>
+              <p>库间调拨</p>
             </li>
             <li @click="smartScreen()">
               <div>
                 <i
                     class="el-icon-s-order"
-                    style="font-size: 50px; text-align: center"
+                    style="font-size: 25px; text-align: center"
                 ></i>
-                <p>数据中心</p>
               </div>
+              <p>数据中心</p>
             </li>
             <li @click="jump('/finance/charge')">
               <div>
                 <i
                   class="el-icon-wallet"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>收款</p>
               </div>
+              <p>收款</p>
             </li>
             <li @click="jump('/finance/payment')">
               <div>
                 <i
                   class="el-icon-money"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>付款</p>
               </div>
+              <p>付款</p>
             </li>
             <li @click="jump('/finance/contrast')">
               <div>
                 <i
                   class="el-icon-s-management"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>对账</p>
               </div>
+              <p>对账</p>
             </li>
 <!--            <li @click="jump('/business/goodsTransfer')">-->
 <!--              <div>-->
@@ -116,21 +116,40 @@
               <div>
                 <i
                   class="el-icon-s-unfold"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>快速入库</p>
               </div>
+              <p>快速入库</p>
             </li>
             <li @click="openDialog('outStock')">
               <div>
                 <i
                   class="el-icon-s-fold"
-                  style="font-size: 50px; text-align: center"
+                  style="font-size: 25px; text-align: center"
                 ></i>
-                <p>快速出库</p>
               </div>
+              <p>快速出库</p>
             </li>
           </ul>
+          <el-table
+            ref="remind"
+            :header-cell-style="{ borderBottom: '1px dashed #dfe6ec' }"
+            :cell-style="cellStyle"
+            :data="remindList"
+            height="280"
+          >
+            <el-table-column :show-overflow-tooltip="true" label="协议到期 客户" prop="fCorpid">
+            </el-table-column>
+            <el-table-column :show-overflow-tooltip="true" label="开始日期" prop="fBegindate">
+            </el-table-column>
+            <el-table-column :show-overflow-tooltip="true" label="结束日期" prop="fEnddate">
+            </el-table-column>
+            <el-table-column :show-overflow-tooltip="true" label="类型" prop="fFeetypeid">
+              <template slot-scope="scope">
+                {{ scope.row.fFeetypeid == 0? '仓储费协议': '作业费协议' }}
+              </template>
+            </el-table-column>
+          </el-table>
         </div>
         <div style="width: 30%">
           <div style="width: 100%">
@@ -847,7 +866,8 @@ import {
   shipDynamics,
   bookingSpace,
   locationRanking,
-  getProfitData
+  getProfitData,
+  remindExpirationData
 } from "../../src/api/index";
 import Cookies from "js-cookie";
 import fastInStock from '../../src/components/fastStorage/fastInStock/index'
@@ -902,6 +922,7 @@ export default {
         noticeTitle: '',
         noticeContent: ''
       },
+      remindList: [],
     };
   },
   filters: {
@@ -958,6 +979,9 @@ export default {
     this.getList();
     this.warehouses();
     this.inquiry();
+    remindExpirationData().then(res => {
+     this.remindList = res.rows
+    })
     this.dataList.addressName = []
     this.dataList.boxNumber = []
     this.dataList.bookingRanking.text = []
@@ -1662,7 +1686,11 @@ export default {
       currentLogin().then(res=>{
         if (res.data.userName === 'admin'){
           this.getConfigKey("large.screen").then((response) => {
-            window.open( 'http://119.3.74.195:9527/view/'+ response.msg +'?Authorization=' + getToken())
+            if (response.msg) {
+              window.open( 'http://119.3.74.195:9527/view/'+ response.msg +'?Authorization=' + getToken())
+            } else {
+              return this.$message.warning('模板开发中')
+            }
           });
         }else {
           this.$message.warning('您无此权限查看面板');
@@ -1767,42 +1795,44 @@ export default {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  li:hover {
+  li div:hover {
     background-color: #025184;
   }
 
-  li:nth-child(6),
-  li:nth-child(7),
-  li:nth-child(8),
-  li:nth-child(9),
-  li:nth-child(10) {
+  li:nth-child(6) div,
+  li:nth-child(7) div,
+  li:nth-child(8) div,
+  li:nth-child(9) div,
+  li:nth-child(10) div {
     background-color: #2f4554;
   }
 
-  li:nth-child(6):hover,
-  li:nth-child(7):hover,
-  li:nth-child(8):hover,
-  li:nth-child(9):hover,
-  li:nth-child(10):hover {
+  li:nth-child(6) div:hover,
+  li:nth-child(7) div:hover,
+  li:nth-child(8) div:hover,
+  li:nth-child(9) div:hover,
+  li:nth-child(10) div:hover {
     background-color: #2f4454d1;
   }
 
   li {
-    width: 18%;
-    height: 150px;
-    background-color: #1c84c6;
+    width: 8%;
     margin-left: 10px;
     text-align: center;
-    color: #ffffff;
-    border-radius: 10px;
     cursor: pointer;
     margin-bottom: 15px;
     div {
-      margin-top: 40px;
-
-      p {
-        font-size: 20px;
-      }
+      //margin-top: 18px;
+      background-color: #1c84c6;
+      color: #ffffff;
+      border-radius: 10px;
+      height: 35px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    p {
+      font-size: 10px;
     }
   }
 }