提交代码

src/api/special/index.js

@@ -7,14 +7,22 @@ const getProjectSpecialView=(deptId,projectId)=> {
   })
 }
 
-const getProjectSpecialList=(projectId)=> {
+const getProjectSpecialList=(projectId,activeName,specialType)=> {
     return request({
-      url: `bgscreen/projectspecial/getProjectSpecialList?projectId=${projectId||0}`,
+      url: `bgscreen/projectspecial/getProjectSpecialList?projectId=${projectId||0}&activeName=${activeName||''}&specialType=${specialType||0}`,
       method: 'get'
     })
   }
 
+const findWorkSpecialCount=(projectId,specialType)=> {
+    return request({
+      url: `bgscreen/projectspecial/findWorkSpecialCount?projectId=${projectId||0}&specialType=${specialType||0}`,
+      method: 'get'
+    })
+}
+
 export default{
     getProjectSpecialView,
-    getProjectSpecialList
+    getProjectSpecialList,
+    findWorkSpecialCount
 }

src/pages/dlg/projectSpecialDlg.vue

@@ -1,6 +1,26 @@
 <template>
     <MyDialog v-if="show" v-model="show" width="1200px" height="550px" class="projectSpecialDlg">
         <template slot="title">{{title}}</template>
+        <div>
+            <div class="head-title-select">
+                <div class="head-select">
+                    <input type="text" value="" @click="setScreenSpecial()" placeholder="请选择项目" readonly>
+                </div>
+                <el-collapse-transition>
+                    <ul class="header-screen-ul" ref="selectUl">
+                        <li v-for="item in specialTypeList" @click="setScreenSpecial(item)" :title="item.dictLabel">{{
+                            item.dictLabel }}
+                        </li>
+                    </ul>
+                </el-collapse-transition>
+            </div>
+        </div>
+        <div class="head-title-tab">
+            <div :class="nav == 'all' ? 'head-nav active' : 'head-nav'" @click="doNav(all)">全部数据({{ tags.all }})</div>
+            <div :class="nav == 'wgq' ? 'head-nav active' : 'head-nav'" @click="doNav(wgq)">未过期({{ tags.wgq }})</div>
+            <div :class="nav == 'ygq' ? 'head-nav active' : 'head-nav'" @click="doNav(ygq)">已过期({{ tags.ygq }})</div>
+            
+        </div>
         <el-table :data="dataList" class="mytable" style="width: 100%;background: transparent;" height="470">
             <el-table-column prop="name" align="center" label="人员名称"></el-table-column>
             <el-table-column prop="sex" align="center" label="性别">
@@ -42,7 +62,15 @@ export default {
             title:'',
             data: null,
             dataList: [],
-            show: false
+            show: false,
+            nav:"wgq",
+            specialType:0,
+            tags:{
+                all:0,
+                wgq:0,
+                qgq:0
+            },
+            specialTypeList:[],
         };
     },
 
@@ -59,10 +87,40 @@ export default {
         showDialog(it) {
             this.data = it;
             this.title = it.title;
-            this.$api.special.getProjectSpecialList(it.projectId).then(d => {
+            this.getList();
-                this.dataList = d.rows;
+            this.queryCount();
+            this.$api.dict('project_special_type').then(response => {
+                this.specialTypeList = response;
+            });
+        },
+        doNav(nav) {
+            this.nav = nav();
+            this.getList();
+        },
+        getList(){
+            this.$api.special.getProjectSpecialList(this.data.projectId,this.nav,this.specialType).then(response => {
+                this.dataList = response.rows;
                 this.show = true;
             });
+        },
+        queryCount(){
+            this.$api.special.findWorkSpecialCount(this.data.projectId,this.specialType).then(response => {
+                if (response && response.data) {
+                    let sum = 0;
+                    if (response.data.notExpired) {
+                        sum += response.data.notExpired;
+                        this.tags.wgq = response.data.notExpired;
+                    }
+                    if (response.data.expired) {
+                        sum += response.data.expired;
+                        this.tags.ygq = response.data.expired;
+                    }
+                    this.tags.all = sum;
+                }
+            });
+        },
+        setScreenSpecial(it){
+            debugger
         }
     },
 };
@@ -74,4 +132,42 @@ export default {
         color: aquamarine;
     }
 }
+.head-select{
+    height: 35px;
+    padding-left: 25px;
+    padding-right: 30px;
+    //background: url("@images/head_select.png") no-repeat center/100% 100%;
+}
+.head-title-select {
+    width: 300px;
+    padding-top: 0px;
+}
+.head-select input{
+    height: 100%;
+    width: 100%;
+    border: 0;
+    outline: 0;
+    background:0;
+    color: #1ce7ff;
+    cursor: pointer;
+    overflow: hidden;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+}
+.head-select input::-webkit-input-placeholder{
+    color: #6ca5b1;
+}
+.header-screen-ul{
+    list-style: none;
+    width: 90%;
+    position: absolute;
+    max-height: 600px;
+    border: 1px solid #05556b;
+    left: 5%;
+    background: #00092a;
+    overflow: auto;
+    color: #02a6ff;
+    border-radius: 3px;
+    z-index: 99999;
+}
 </style>

src/pages/dlg/workTrainDlg.vue

@@ -53,6 +53,21 @@
                         <div>{{ data.trainContent }}</div>
                     </div>
                 </template>
+                <template v-if="data.trainFile">
+                    <div><img src="images/title_icon.png"><span class="sp-lbl">{{data.typeTitle+'附件'}}</span></div>
+                    <div class="div-text ">
+                        <el-row v-for="(it,id) in data.trainFile.split(',')">
+                          <el-col :span="24">
+                            {{it.substring(it.lastIndexOf('/')+1)}}
+                            <el-button
+                            size="mini"
+                            type="text"
+                            icon="el-icon-paperclip"
+                            @click="handleDownload(it)">下载文件</el-button>
+                          </el-col>
+                        </el-row>
+                    </div>
+                </template>
                 </div>
             </div>
         </div>
@@ -92,6 +107,9 @@ export default {
             this.title = it.title;
             this.TypeTitle = it.TypeTitle;
             this.show = true;
+        },
+        handleDownload(url){
+            window.open('/jhapi'+url);
         }
     },
 };