|
|
@@ -5,8 +5,21 @@
|
|
|
|
|
|
<div class="mui-content vongi-wordcard-sp">
|
|
|
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
|
|
|
- <div class="mui-scroll">
|
|
|
+ <!-- <div class="mui-scroll">
|
|
|
1
|
|
|
+ </div> -->
|
|
|
+
|
|
|
+ <div class="vongi-bagfff">
|
|
|
+ <div class="vongi-xzdw-search" style=" padding: 10px 10px;" >
|
|
|
+
|
|
|
+ <input
|
|
|
+ style=" width: 70%;"
|
|
|
+ v-model="listForm.name" @keyup.enter="reloadSearchList" type="search" placeholder="请输入文件名称搜索">
|
|
|
+ <span style=" width: 25%;font-size: 12px;">↓{{queryName}}<span class="mui-icon mui-icon-arrowdown" style="font-size: 10px;
|
|
|
+ width: 10px; border: 0px;"></span></span>
|
|
|
+
|
|
|
+ <span class="mui-icon mui-icon-search" style="border: 0px;margin-top: -16px;margin-left: -3px;"></span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -16,22 +29,27 @@
|
|
|
|
|
|
<div class="mui-slider-group">
|
|
|
|
|
|
- <div v-if="listForm.status==0" class="mui-slider-item mui-control-content">
|
|
|
- <div class="mui-scroll-wrapper vongi-over-hei">
|
|
|
+ <div class="mui-slider-item mui-control-content">
|
|
|
+ <div class="mui-scroll-wrapper vongi-over-hei" style="margin-top: 10px;" >
|
|
|
<div class="mui-scroll">
|
|
|
- <form class="mui-input-group fyy-checkbox">
|
|
|
- <div v-for="(item,index) in recordList" :key="'s0_'+item.id" class="mui-input-row mui-checkbox mui-left">
|
|
|
- <router-link :to="{name:'MasterAttendanceVerifyInfo',query:{id:item.id}}" class="mui-navigate-right">
|
|
|
- <div class="mui-media-object mui-pull-left vongi-buka"><img :src="item.faceImageUrl"></div>
|
|
|
- <div class="mui-media-body">
|
|
|
- {{item.personName}}
|
|
|
- <p class='mui-ellipsis'><span class="colorfe616c" v-text="item.typeN"></span>申请</p>
|
|
|
- <p class='mui-ellipsis' v-if="item.type=='1' && item.address">打卡位置：{{item.address}}</p>
|
|
|
- <p class='mui-ellipsis' v-if="item.type=='2' && item.content">申请理由：{{item.content}}</p>
|
|
|
- <h5 class="vongi-bksp-time" v-text="item.createTime.substr(5)"></h5>
|
|
|
+ <form class="mui-input-group ">
|
|
|
+ <div v-for="(item,index) in recordList" :key="'s0_'+item.id" class="mui-input-row mui-left">
|
|
|
+
|
|
|
+ <div class="doclist ">
|
|
|
+
|
|
|
+ <img v-if="item.type=='img'" src="@/assets/img-oa/doc-type-img.png">
|
|
|
+ <img v-if="item.type=='word'" src="@/assets/img-oa/doc-type-word.png">
|
|
|
+ <img v-if="item.type=='file'" src="@/assets/img-oa/doc-type-pdf.png">
|
|
|
+
|
|
|
+ <div class="mui-media-body" style="overflow: hidden;">
|
|
|
+
|
|
|
+ <p class='mui-ellipsis' style=" color: #333;overflow: hidden;">{{item.title}}</p>
|
|
|
+
|
|
|
+ <p class='mui-ellipsis' style=" font-size: 12px;" >{{item.createTime}}</p>
|
|
|
+
|
|
|
</div>
|
|
|
- </router-link>
|
|
|
- <input name="checkbox" v-model="selectIdList" :value="item.id" type="checkbox">
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
@@ -40,9 +58,10 @@
|
|
|
</div>
|
|
|
|
|
|
|
|
|
-
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
@@ -72,10 +91,10 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- pageTitle: '考勤审批',
|
|
|
+ pageTitle: '公文浏览',
|
|
|
|
|
|
isLoading: false,
|
|
|
-
|
|
|
+ queryName:"上传时间",
|
|
|
listForm: {
|
|
|
pageIndex: 1,
|
|
|
pageSize: 20,
|
|
|
@@ -103,6 +122,7 @@
|
|
|
getList() {
|
|
|
this.isLoading = true;
|
|
|
API.fileList(this.listForm).then(response => {
|
|
|
+
|
|
|
if (response) {
|
|
|
if (this.listForm.pageIndex == 1) {
|
|
|
this.recordList = response.data;
|
|
|
@@ -115,14 +135,32 @@
|
|
|
];
|
|
|
}
|
|
|
}
|
|
|
- this.recordList=[{
|
|
|
- type:1,
|
|
|
- address:'111',
|
|
|
- createTime:'1111111111111'
|
|
|
- }]
|
|
|
- if (this.listForm.status == 0) {
|
|
|
- this.firstRecordsTotal = response.recordsTotal;
|
|
|
+ for(var i in this.recordList){
|
|
|
+ var obj=this.recordList[i]
|
|
|
+ obj.type="file"
|
|
|
+ var imgsz=[]
|
|
|
+ imgsz=["BMP","JPG","JPEG","PNG","GIF"]
|
|
|
+ for(var j in imgsz){
|
|
|
+ if(obj.fileName){
|
|
|
+ var text=obj.fileName.toUpperCase();
|
|
|
+ if(text.indexOf("."+imgsz[j].toUpperCase())>0){
|
|
|
+ obj.type="img"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ imgsz=["DOCX","DOC","word","pdf","xls","xlsx","ppt","pptx"]
|
|
|
+ for(var j in imgsz){
|
|
|
+ if(obj.fileName){
|
|
|
+ var text=obj.fileName.toUpperCase();
|
|
|
+ if(text.indexOf("."+imgsz[j].toUpperCase())>0){
|
|
|
+ obj.type="word"
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
+
|
|
|
|
|
|
this.listForm.pageIndex++;
|
|
|
this.isLoading = false;
|
|
|
@@ -233,6 +271,28 @@
|
|
|
<style scoped src="@/assets/css/xpwyfyy.css"></style>
|
|
|
<style src="@/assets/css/iconfont.css"></style>
|
|
|
<style scoped>
|
|
|
+ .doclist img{
|
|
|
+ width: 45px !important;
|
|
|
+ height: 40px !important;
|
|
|
+
|
|
|
+
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+ .doclist {
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 0 10px;
|
|
|
+ padding: 10px 8px;
|
|
|
+ min-height: 42px;
|
|
|
+ height: 62px;
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ /* margin-right: 10px; */
|
|
|
+ /* border-radius: 50%; */
|
|
|
+ /* overflow: hidden;
|
|
|
+ width: 42px; */
|
|
|
+ border: 1px #eee solid;
|
|
|
+ }
|
|
|
+
|
|
|
.status_r {
|
|
|
color: #fe616c !important;
|
|
|
border: 1px solid #fe616c !important;
|
zhengkaixin
