图片

src/views/pt.vue

@@ -4,7 +4,7 @@
     <div class="box">
       <!-- 头部区域 -->
       <div class="tou">
-        <span style="color:#00ccff;font-size:1.2vw;">{{ times }}</span>
+        <span style="color:#00ccff;font-size:1.2vw;">{{times}}</span>
         <img class="liuxian" src="../assets/images/流线.gif" alt />
         <img class="img-left" src="../assets/images/闪烁GIF-慢.gif" alt />
       </div>
@@ -14,209 +14,144 @@
         <div class="boxx">
           <ul class="ul">
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="doThis">
-                  <img src="../images/dj.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
-                <a href="#" class="a">基 层 登 记</a>
+              <div class="demo active" v-on:click="doThis">
+                <img src="../images/dj.png" alt />
+                <br />
+                <a href="#" class="a">基 层 登 统 计</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div
-                  class="demo active"
-                  id="a1"
-                  v-on:click="wenyinfun"
-                  data-url="/diary?ref=addtabs"
-                >
-                  <img src="../images/dy.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" id="a1" v-on:click="wenyinfun" data-url="/diary?ref=addtabs">
+                <img src="../images/dy.png" alt />
+                <br />
                 <a href="#" class="a">集 中 文 印</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="gongzuofun" data-url="/diary?ref=addtabs">
-                  <img src="../images/gz.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="gongzuofun" data-url="/diary?ref=addtabs">
+                <img src="../images/gz.png" alt />
+                <br />
                 <a href="#" class="a">工 作 安 排</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="guizhangfun" data-url="/diary?ref=addtabs">
-                  <img src="../images/zd.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="guizhangfun" data-url="/diary?ref=addtabs">
+                <img src="../images/zd.png" alt />
+                <br />
                 <a href="#" class="a">规 章 制 度</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="taishifun" data-url="/diary?ref=addtabs">
-                  <img src="../images/fx.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="taishifun" data-url="/diary?ref=addtabs">
+                <img src="../images/fx.png" alt />
+                <br />
                 <a href="#" class="a">态 势 分 析</a>
               </div>
             </li>
-            <img src="../assets/images/椭圆 513 (2).png" class="li-img" alt />
           </ul>
           <hr />
           <ul class="ul">
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="zhanbeifun" data-url="/diary?ref=addtabs">
-                  <img src="../images/zb.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="zhanbeifun" data-url="/diary?ref=addtabs">
+                <img src="../images/zb.png" alt />
+                <br />
                 <a href="#" class="a">战备值班</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="jianchafun" data-url="/diary?ref=addtabs">
-                  <img src="../images/jc.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="jianchafun" data-url="/diary?ref=addtabs">
+                <img src="../images/jc.png" alt />
+                <br />
                 <a href="#" class="a">检查督导</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="renyuanfun" data-url="/diary?ref=addtabs">
-                  <img src="../images/ry.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="renyuanfun" data-url="/diary?ref=addtabs">
+                <img src="../images/ry.png" alt />
+                <br />
                 <a href="#" class="a">人员进出</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" data-url="/diary?ref=addtabs">
-                  <img src="../images/af.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" data-url="/diary?ref=addtabs">
+                <img src="../images/af.png" alt />
+                <br />
                 <a href="#" class="a">安防监控</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" data-url="/diary?ref=addtabs">
-                  <img src="../images/ag.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" data-url="/diary?ref=addtabs" v-on:click="mengangfun">
+                <img src="../images/ag.png" alt />
+                <br />
                 <a href="#" class="a">门岗管理</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" id="a2" data-url="/diary?ref=addtabs">
-                  <img src="../images/mj.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" id="a2" data-url="/diary?ref=addtabs">
+                <img src="../images/mj.png" alt />
+                <br />
                 <a href="#" class="a">门禁管理</a>
               </div>
             </li>
-            <img src="../assets/images/椭圆 513 (2).png" class="li-img" alt />
           </ul>
           <hr />
           <ul class="ul">
             <li>
-              <div class="demo-box">
-                <div class="demo active" data-url="/diary?ref=addtabs">
-                  <img src="../images/sx.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" data-url="/diary?ref=addtabs">
+                <img src="../images/sx.png" alt />
+                <br />
                 <a href="#" class="a">思想政治</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="renlifun" data-url="/diary?ref=addtabs">
-                  <img src="../images/rl.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="renlifun" data-url="/diary?ref=addtabs">
+                <img src="../images/rl.png" alt />
+                <br />
                 <a href="#" class="a">人力资源</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="xitongfun" data-url="/diary?ref=addtabs">
-                  <img src="../images/xt.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="xitongfun" data-url="/diary?ref=addtabs">
+                <img src="../images/xt.png" alt />
+                <br />
                 <a href="#" class="a">系统管理</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="gongju" data-url="/diary?ref=addtabs">
-                  <img src="../images/xt.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="gongju" data-url="/diary?ref=addtabs">
+                <img src="../images/xt.png" alt />
+                <br />
                 <a href="#" class="a">系统工具</a>
               </div>
             </li>
-            <img src="../assets/images/椭圆 513 (2).png" class="li-img" alt />
           </ul>
           <hr />
           <ul class="ul">
             <li>
-              <div class="demo-box">
-                <div class="demo active" id="a3" v-on:click="junchefun">
-                  <img src="../images/cart.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" id="a3" v-on:click="junchefun">
+                <img src="../images/cart.png" alt />
+                <br />
                 <a href="#" class="a">车辆管理</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="yingfangfun" data-url="/diary?ref=addtabs">
-                  <img src="../images/git.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="yingfangfun" data-url="/diary?ref=addtabs">
+                <img src="../images/git.png" alt />
+                <br />
                 <a href="#" class="a">营房管理</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="yingjufun" data-url="/diary?ref=addtabs">
-                  <img src="../images/gl.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="yingjufun" data-url="/diary?ref=addtabs">
+                <img src="../images/gl.png" alt />
+                <br />
                 <a href="#" class="a">营具管理</a>
               </div>
             </li>
             <li>
-              <div class="demo-box">
-                <div class="demo active" v-on:click="yiliaofun" data-url="/diary?ref=addtabs">
-                  <img src="../images/yl.png" alt />
-                </div>
-              </div>
-              <div class="demo-a">
+              <div class="demo active" v-on:click="yiliaofun" data-url="/diary?ref=addtabs">
+                <img src="../images/yl.png" alt />
+                <br />
                 <a href="#" class="a">医疗卫生管理</a>
               </div>
             </li>
@@ -229,71 +164,96 @@
               <img src="../images/db.png" alt />
               <span>待办事项</span>
             </div>
-            <ul class="num1-ul">
-              <div class="num1-ul-title">
-                <div class="num1-ul-title-l">代办事项</div>
-                <div class="num1-ul-title-r">发送人</div>
-              </div>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-            </ul>
+            <table class="table">
+              <tr>
+                <td>row 1, cell 1</td>
+                <td>row 1, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+            </table>
           </div>
           <div class="num1">
             <div class="num2">
-              <img src="../assets/images/通知公告.png" alt />
-              <span>通知公告</span>
+              <img src="../images/db.png" alt />
+              <span>待办事项</span>
             </div>
-            <span class="addspan" @click="tiaddfun">+</span>
-            <div class="num1-box">
-              <div class="num1-box-div">
-                <div class="num1-box-l">通知公告通知公告通知公告</div>
-                <div class="num1-box-r">
-                  <img src="../assets/images/通知.png" alt />
-                </div>
-              </div>
-              <div class="num1-box-div">
-                <div class="num1-box-l">通知公告通知公告通知公告</div>
-                <div class="num1-box-r">
-                  <img src="../assets/images/通知 拷贝 3.png" alt />
-                </div>
-              </div>
-              <div class="num1-box-div">
-                <div class="num1-box-l">通知公告通知公告通知公告</div>
-                <div class="num1-box-r">
-                  <img src="../assets/images/通知 拷贝 3.png" alt />
-                </div>
-              </div>
-              <div class="num1-box-div">
-                <div class="num1-box-l">通知公告通知公告通知公告</div>
-                <div class="num1-box-r">
-                  <img src="../assets/images/通知 拷贝 3.png" alt />
-                </div>
-              </div>
-              <div class="num1-box-div">
-                <div class="num1-box-l">通知公告通知公告通知公告</div>
-                <div class="num1-box-r">
-                  <img src="../assets/images/通知 拷贝 3.png" alt />
-                </div>
-              </div>
+            <table class="table">
+              <tr>
+                <td>row 1, cell 1</td>
+                <td>row 1, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+            </table>
+          </div>
+          <div class="num1">
+            <div class="num2">
+              <img src="../images/db.png" alt />
+              <span>待办事项</span>
             </div>
+            <table class="table">
+              <tr>
+                <td>row 1, cell 1</td>
+                <td>row 1, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+              <tr>
+                <td>row 2, cell 1</td>
+                <td>row 2, cell 2</td>
+              </tr>
+            </table>
           </div>
         </div>
       </div>
@@ -311,49 +271,25 @@
       <div class="tkbox-main">
         <p>
           <img src="../assets/images/警示.png" alt />
-          <span>{{ title }}</span>
+          <span>您有一条打印文件需要处理，请尽快处理</span>
         </p>
       </div>
       <div class="tkbox-footer">
-        <el-button type="primary" style="width:70px;height:25px;" @click="quchulifun">去处理</el-button>
+        <el-button type="primary" @click="quchulifun">去处理</el-button>
       </div>
     </div>
-    <!-- 添加或修改集中文印记录对话框 -->
-    <el-dialog :title="title" :visible.sync="open2" width="565px" append-to-body>
-      <el-form ref="form" :model="form" :inline="true" :rules="rules" label-width="120px">
-        <el-form-item label="通知公告标题" prop>
-          <el-input value placeholder="请输入通知公告标题" />
-        </el-form-item>
-        <el-form-item label="通知公告内容">
-          <el-input value type="textarea" placeholder="请输入通知公告内容" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" style="width:60px;height:30px;" @click="submitForm">确 定</el-button>
-        <el-button style="width:60px;height:30px;" @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
   </div>
 </template>
 
 <script>
-import {
-  printTrigger,
-  printTriggerClear,
-  printPeople
-} from "@/api/PrintsManage/manage";
-import Cookies from "js-cookie";
+import { printTrigger, printTriggerClear } from "@/api/PrintsManage/manage";
 export default {
   data() {
     return {
       times: null,
       timer: null,
       open: false,
-      timer2: null,
-      open2: false,
-      form: "",
-      rules: "",
-      title: ""
+      timer2: null
     };
   },
   created() {
@@ -442,9 +378,14 @@ export default {
         .push({ path: "/index", query: { name: "/system" } })
         .catch(() => {});
     },
+    mengangfun() {
+      this.$router
+        .push({ path: "/index", query: { name: "/doormanManage" } })
+        .catch(() => {});
+    },
     gongju() {
       this.$router
-        .push({ path: "/index", query: { name: "/tool" } })
+        .push({ path: "/index", query: { name: "/tool" } }) 
         .catch(() => {});
     },
     wenyinfun() {
@@ -473,37 +414,14 @@ export default {
       this.timer = setInterval(() => {
         printTrigger().then(res => {
           if (res.code == 200) {
-            if (res.printInfo_u != 0) {
-              
-              var sendId = Cookies.get("userId");
-              console.log(sendId)
-              if (res.printUserInfo == sendId) {
-                // if (res.numb != 0) {
-                  
-                // }
-                this.title = res.msg;
-                  this.open = true;
-              }
-              if (res.printInfo == sendId) {
-                // this.title = res.msg;
-                // if (res.numb != 0) {
-                  
-                // }
-                this.title = "您有打印文件需要处理，请尽快处理";
-                  this.open = true;
-              }
+            if (res.numb != 0) {
+              this.open = true;
+            } else {
+              this.open = false;
             }
           }
         });
       }, 10000); /* 每500毫秒执行一次，实现动态显示时间效果 */
-    },
-    tiaddfun() {
-      this.title = "添加通知通告";
-      this.open2 = true;
-    },
-    submitForm() {},
-    cancel() {
-      this.open2 = false;
     }
   },
   destroyed() {
@@ -558,50 +476,27 @@ li {
 .demo {
   color: #fff;
   width: 107px;
-  height: 90%;
+  height: 12vh;
   background: url("../images/tx.png") no-repeat;
   text-align: center;
-  margin-top: 10%;
+  line-height: 64px;
   /* margin: 0 80px; */
 }
 .demo img {
   margin-top: 36px;
 }
-.demo-box {
-  width: 100%;
-  height: 70%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.demo-a {
-  width: 100%;
-  height: 30%;
-  font-size: 1rem;
-  color: #fff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
 .ul {
-  /* margin-bottom: 7vh; */
-  height: 23%;
   display: flex;
-  flex-flow: wrap;
+  margin-bottom: 7vh;
+  height: 16%;
 }
 .ul li {
-  /* margin: 0 48px; */
+  margin: 0 48px;
   cursor: pointer;
-  width: 16.5%;
-  height: 100%;
-  display: inline-block;
-}
-.li-img {
-  width: 100%;
 }
 .boxx {
   padding: 0 0 0 80px;
-  flex: 2.2;
+  flex: 1;
 }
 
 .img-left {
@@ -617,16 +512,14 @@ hr {
 }
 .centen {
   display: flex;
-  height: 85vh;
 }
 .num1 {
   color: #fff;
   width: 529px;
-  height: 41.5vh;
+  height: 26.5vh;
   background: url("../images/rd.png") no-repeat;
   margin-bottom: 20px;
   padding: 22px 20px 0px 20px;
-  background-size: 100% 100%;
 }
 .num1 img {
   width: 20px;
@@ -641,7 +534,6 @@ hr {
 .table {
   margin-top: 20px;
   width: 492px;
-  height: 80%;
   /* height: 182px; */
   /* 去除中间的线 */
   border-collapse: collapse;
@@ -666,130 +558,6 @@ hr {
 #a3 img {
   margin-top: 43px;
 }
-.num1-box {
-  width: 100%;
-  height: 86%;
-  margin-top: 10%;
-}
-.num1-box .num1-box-div {
-  width: 100%;
-  height: 36px;
-  display: flex;
-  flex-direction: row;
-  font-size: 14px;
-  color: #fff;
-  line-height: 36px;
-}
-.num1-box-div:nth-child(odd) {
-  background-color: rgba(39, 104, 136, 0.2);
-}
-.num1-box-div:hover {
-  background: rgba(0, 246, 255, 0.3);
-}
-.num1-box-l {
-  flex: 7;
-  height: 100%;
-  text-align: left;
-  margin-left: 10px;
-}
-.num1-box-r {
-  flex: 3;
-  height: 100%;
-  text-align: right;
-  margin-right: 10px;
-}
-.num1-ul {
-  width: 100%;
-  height: 86%;
-  margin-top: 5%;
-}
-.num1-ul-li {
-  width: 100%;
-  height: 36px;
-  display: flex;
-  flex-direction: row;
-  font-size: 14px;
-  color: #fff;
-  line-height: 36px;
-}
-.num1-ul-li:nth-child(even) {
-  background-color: rgba(39, 104, 136, 0.2);
-}
-.num1-ul-li:hover {
-  background: rgba(0, 246, 255, 0.3);
-}
-.num1-ul-li-l {
-  flex: 7;
-  height: 100%;
-  text-align: center;
-}
-.num1-ul-li-r {
-  flex: 3;
-  height: 100%;
-  text-align: center;
-}
-.num1-ul-title {
-  width: 100%;
-  height: 45px;
-  display: flex;
-  flex-direction: row;
-  font-size: 16px;
-  color: #fff;
-  line-height: 45px;
-}
-.num1-ul-title-l {
-  flex: 7;
-  height: 100%;
-  text-align: center;
-}
-.num1-ul-title-r {
-  flex: 3;
-  height: 100%;
-  text-align: center;
-}
-.num1 {
-  position: relative;
-}
-.num1 .addspan {
-  width: 25px;
-  height: 25px;
-  display: inline-block;
-  background-color: #1c86e1;
-  line-height: 25px;
-  text-align: center;
-  font-size: 16px;
-  cursor: pointer;
-  /* margin-left: 851px; */
-  position: absolute;
-  right: 4%;
-  top: 9%;
-}
-::v-deep .el-dialog {
-  background-color: #004d86;
-}
-
-::v-deep .el-dialog__header {
-  border-bottom: 1px solid #718a9d;
-}
-::v-deep .el-dialog__title {
-  color: #fff;
-  font: 18px;
-}
-::v-deep .el-dialog__headerbtn .el-dialog__close {
-  color: #fff;
-}
-.el-form-item ::v-deep .el-input__inner {
-  width: 355px;
-  height: 36px;
-  background: #004d86;
-  color: #fff;
-  border: 1px solid #fff !important;
-}
-::v-deep .el-textarea__inner {
-  width: 450px;
-  height: 104px;
-  margin-left: 25px;
-}
 </style>
 <style lang="scss" scoped>
 .tkbox {
@@ -806,36 +574,34 @@ hr {
 .tkbox-title {
   width: 100%;
   height: 90px;
+  display: flex;
+  flex-direction: row;
 }
 
 .tkbox-title-left {
-  width: 90%;
-  display: inline-block;
-  line-height: 90px;
-  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
 }
 
 .tkbox-title-left img {
-   position: absolute;
-   left:35px;
-   top:30px;
+  margin-right: 10px;
+  width: 30px;
+  height: 30px;
+  margin-left: 35px;
+  display: inline-block;
 }
 
 .tkbox-title-left span {
   color: #fff;
-  line-height: 95px;
-  margin-left: 75px;
 }
 
 .tkbox-title-right {
-  width: 10%;
-  text-align: right;
-  display: inline-block;
-}
-
-.tkbox-title-right img{
-  text-align: right;
-  margin-right: 30px;
+  flex: 1;
+  display: flex;
+  justify-content: right;
+  align-items: center;
+  margin-right: 35px;
 }
 
 .tkbox-main {
@@ -879,4 +645,4 @@ hr {
     padding-top: 84px;
   }
 }
-</style>
+</style>