pt

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,144 +14,209 @@
         <div class="boxx">
           <ul class="ul">
             <li>
-              <div class="demo active" v-on:click="doThis">
-                <img src="../images/dj.png" alt />
-                <br />
-                <a href="#" class="a">基 层 登 统 计</a>
+              <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>
             </li>
             <li>
-              <div class="demo active" id="a1" v-on:click="wenyinfun" data-url="/diary?ref=addtabs">
-                <img src="../images/dy.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">集 中 文 印</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="gongzuofun" data-url="/diary?ref=addtabs">
-                <img src="../images/gz.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">工 作 安 排</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="guizhangfun" data-url="/diary?ref=addtabs">
-                <img src="../images/zd.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">规 章 制 度</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="taishifun" data-url="/diary?ref=addtabs">
-                <img src="../images/fx.png" alt />
-                <br />
+              <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">
                 <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 active" v-on:click="zhanbeifun" data-url="/diary?ref=addtabs">
-                <img src="../images/zb.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">战备值班</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="jianchafun" data-url="/diary?ref=addtabs">
-                <img src="../images/jc.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">检查督导</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="renyuanfun" data-url="/diary?ref=addtabs">
-                <img src="../images/ry.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">人员进出</a>
               </div>
             </li>
             <li>
-              <div class="demo active" data-url="/diary?ref=addtabs">
-                <img src="../images/af.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">安防监控</a>
               </div>
             </li>
             <li>
-              <div class="demo active" data-url="/diary?ref=addtabs" v-on:click="mengangfun">
-                <img src="../images/ag.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">门岗管理</a>
               </div>
             </li>
             <li>
-              <div class="demo active" id="a2" data-url="/diary?ref=addtabs">
-                <img src="../images/mj.png" alt />
-                <br />
+              <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">
                 <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 active" data-url="/diary?ref=addtabs">
-                <img src="../images/sx.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">思想政治</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="renlifun" data-url="/diary?ref=addtabs">
-                <img src="../images/rl.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">人力资源</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="xitongfun" data-url="/diary?ref=addtabs">
-                <img src="../images/xt.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">系统管理</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="gongju" data-url="/diary?ref=addtabs">
-                <img src="../images/xt.png" alt />
-                <br />
+              <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">
                 <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 active" id="a3" v-on:click="junchefun">
-                <img src="../images/cart.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">车辆管理</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="yingfangfun" data-url="/diary?ref=addtabs">
-                <img src="../images/git.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">营房管理</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="yingjufun" data-url="/diary?ref=addtabs">
-                <img src="../images/gl.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">营具管理</a>
               </div>
             </li>
             <li>
-              <div class="demo active" v-on:click="yiliaofun" data-url="/diary?ref=addtabs">
-                <img src="../images/yl.png" alt />
-                <br />
+              <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">
                 <a href="#" class="a">医疗卫生管理</a>
               </div>
             </li>
@@ -164,96 +229,71 @@
               <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>
+            <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>
           </div>
           <div class="num1">
             <div class="num2">
-              <img src="../images/db.png" alt />
-              <span>待办事项</span>
+              <img src="../assets/images/通知公告.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 class="num1">
-            <div class="num2">
-              <img src="../images/db.png" alt />
-              <span>待办事项</span>
+            <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>
             </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>
@@ -271,25 +311,49 @@
       <div class="tkbox-main">
         <p>
           <img src="../assets/images/警示.png" alt />
-          <span>您有一条打印文件需要处理，请尽快处理</span>
+          <span>{{ title }}</span>
         </p>
       </div>
       <div class="tkbox-footer">
-        <el-button type="primary" @click="quchulifun">去处理</el-button>
+        <el-button type="primary" style="width:70px;height:25px;" @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 } from "@/api/PrintsManage/manage";
+import {
+  printTrigger,
+  printTriggerClear,
+  printPeople
+} from "@/api/PrintsManage/manage";
+import Cookies from "js-cookie";
 export default {
   data() {
     return {
       times: null,
       timer: null,
       open: false,
-      timer2: null
+      timer2: null,
+      open2: false,
+      form: "",
+      rules: "",
+      title: ""
     };
   },
   created() {
@@ -378,14 +442,9 @@ 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() {
@@ -414,14 +473,37 @@ export default {
       this.timer = setInterval(() => {
         printTrigger().then(res => {
           if (res.code == 200) {
-            if (res.numb != 0) {
-              this.open = true;
-            } else {
-              this.open = false;
+            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;
+              }
             }
           }
         });
       }, 10000); /* 每500毫秒执行一次，实现动态显示时间效果 */
+    },
+    tiaddfun() {
+      this.title = "添加通知通告";
+      this.open2 = true;
+    },
+    submitForm() {},
+    cancel() {
+      this.open2 = false;
     }
   },
   destroyed() {
@@ -476,27 +558,50 @@ li {
 .demo {
   color: #fff;
   width: 107px;
-  height: 12vh;
+  height: 90%;
   background: url("../images/tx.png") no-repeat;
   text-align: center;
-  line-height: 64px;
+  margin-top: 10%;
   /* 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;
-  margin-bottom: 7vh;
-  height: 16%;
+  flex-flow: wrap;
 }
 .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: 1;
+  flex: 2.2;
 }
 
 .img-left {
@@ -512,14 +617,16 @@ hr {
 }
 .centen {
   display: flex;
+  height: 85vh;
 }
 .num1 {
   color: #fff;
   width: 529px;
-  height: 26.5vh;
+  height: 41.5vh;
   background: url("../images/rd.png") no-repeat;
   margin-bottom: 20px;
   padding: 22px 20px 0px 20px;
+  background-size: 100% 100%;
 }
 .num1 img {
   width: 20px;
@@ -534,6 +641,7 @@ hr {
 .table {
   margin-top: 20px;
   width: 492px;
+  height: 80%;
   /* height: 182px; */
   /* 去除中间的线 */
   border-collapse: collapse;
@@ -558,6 +666,130 @@ 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 {
@@ -574,34 +806,36 @@ hr {
 .tkbox-title {
   width: 100%;
   height: 90px;
-  display: flex;
-  flex-direction: row;
 }
 
 .tkbox-title-left {
-  flex: 1;
-  display: flex;
-  align-items: center;
+  width: 90%;
+  display: inline-block;
+  line-height: 90px;
+  position: relative;
 }
 
 .tkbox-title-left img {
-  margin-right: 10px;
-  width: 30px;
-  height: 30px;
-  margin-left: 35px;
-  display: inline-block;
+   position: absolute;
+   left:35px;
+   top:30px;
 }
 
 .tkbox-title-left span {
   color: #fff;
+  line-height: 95px;
+  margin-left: 75px;
 }
 
 .tkbox-title-right {
-  flex: 1;
-  display: flex;
-  justify-content: right;
-  align-items: center;
-  margin-right: 35px;
+  width: 10%;
+  text-align: right;
+  display: inline-block;
+}
+
+.tkbox-title-right img{
+  text-align: right;
+  margin-right: 30px;
 }
 
 .tkbox-main {
@@ -645,4 +879,4 @@ hr {
     padding-top: 84px;
   }
 }
-</style>
+</style>