|
@@ -3,66 +3,57 @@
|
|
|
<common @asynCallBack="asynCallBack"></common>
|
|
|
<top-header :pageTitle="(detail.typeN?detail.typeN:'')+pageTitle"></top-header>
|
|
|
|
|
|
- <div class="mui-content vongi-wordcard">
|
|
|
- <div class="mui-content-padded vongi-wordcard-top">
|
|
|
- <div v-show="detail.faceImageUrl" class="mui-media-object mui-pull-left">
|
|
|
- <img :src="detail.faceImageUrl" v-viewer>
|
|
|
+ <div class="mui-content vongi-qingjiadt margin60">
|
|
|
+ <div class="vongi-qingjiadt-head flew-sp">
|
|
|
+ <div class="flew-items">
|
|
|
+ <div class="flew"><img :src="detail.personImage" width="50" /></div>
|
|
|
+ <h4 >{{detail.personName}} 申请 <span style="color: #3385FF;">公文提报</span></h4>
|
|
|
+ </div>
|
|
|
+ <button class="mui-btn mui-btn-outlined" :class="statusColor[detail.docStatus]" v-text="status[detail.docStatus]">已批准</button>
|
|
|
+ <!-- <div class="examine-refuse">已拒绝</div> -->
|
|
|
+ </div>
|
|
|
+ <form class="mui-input-group margin10">
|
|
|
+ <div class="mui-input-row">
|
|
|
+ <label>公文类型</label>
|
|
|
+ <span v-text="detail.typeName"></span>
|
|
|
+ </div>
|
|
|
+ <div class="mui-input-row">
|
|
|
+ <label>文件标题</label>
|
|
|
+ <span v-text="detail.docTitle">家中有事,需要会老家一趟家中有事,需要会老家一趟家中有事,需要会老家一趟家中有事,需要会老家一趟。</span>
|
|
|
</div>
|
|
|
- <div v-show="detail.personName" class="mui-media-body">
|
|
|
- <font v-text="detail.personName"></font>
|
|
|
- <p class='mui-ellipsis'><span class="colorfe616c" v-text="detail.typeN"></span>申请</p>
|
|
|
- </div>
|
|
|
- <button type="button" :class="'mui-btn mui-btn-success mui-btn-outlined '+(detail.status>0?(detail.status==1?'status_a':'status_r'):'')">
|
|
|
- {{detail.status>0?(detail.status==1?'已同意':'已拒绝'):'未审核'}}
|
|
|
- </button>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="mui-input-row">
|
|
|
+ <label>图片附件</label>
|
|
|
+ <span class="vongi-qingjiadt-photo">
|
|
|
+ <template v-for="(item,index) in picList">
|
|
|
+ <img :src="item" v-viewer />
|
|
|
+ </template>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="mui-input-row">
|
|
|
+ <label>申请时间</label>
|
|
|
+ <span v-text="detail.createTime">2020-04-27 12:00:00</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </form>
|
|
|
+ <div class="vongi-slot">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div v-if="actionSp" class="fyy-scon-botton">
|
|
|
+ <div class="examine-btn examine-btn1" @click="openFrom('2')">拒绝</div>
|
|
|
+ <div class="examine-btn examine-btn2" @click="openFrom('1')">通过</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="mui-content-padded vongi-wordcard-center">
|
|
|
- <ul class="mui-table-view">
|
|
|
- <li class="mui-table-view-cell mui-media">
|
|
|
- <div class="mui-media-body">申请类型</div>
|
|
|
- <span v-text="detail.typeN"></span>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media">
|
|
|
- <div class="mui-media-body">所在部门</div>
|
|
|
- <span v-text="detail.companyName"></span>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media">
|
|
|
- <div class="mui-media-body">申请班次</div>
|
|
|
- <span class="colorf6f448" v-text="detail.fillAttendanceDayAndTime"></span>
|
|
|
- </li>
|
|
|
- <li v-if="detail.address" class="mui-table-view-cell mui-media">
|
|
|
- <div class="mui-media-body">打卡地点</div>
|
|
|
- <span v-text="detail.address"></span>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media">
|
|
|
- <div class="mui-media-body">申请时间</div>
|
|
|
- <span v-text="detail.createTime"></span>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media">
|
|
|
- <div class="mui-media-body">申请理由</div>
|
|
|
- <span class="colorf8b155" v-text="detail.content"></span>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media">
|
|
|
- <div class="mui-media-body">相关照片</div>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media fyy-upphoto">
|
|
|
- <div class="mui-col-xs-3" v-for="(item,index) in picList">
|
|
|
- <img :src="item" v-viewer />
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <div class="mui-content vongi-wordcard" v-if="list" style=" background-color: #ffffff;margin-top: 10px; padding-top: 0px;">
|
|
|
+ <examineDetail :edit="false" :list="list" ></examineDetail>
|
|
|
</div>
|
|
|
+
|
|
|
|
|
|
- <div class="mui-content vongi-wordcard" style=" background-color: #ffffff;margin-top: 10px; padding-top: 0px;">
|
|
|
- <examineDetail :edit="false" ></examineDetail>
|
|
|
- </div>
|
|
|
|
|
|
-
|
|
|
- <div v-if="detail.status=='0' && detail.approvalEnable" class="fyy-scon-botton">
|
|
|
- <div class="examine-btn examine-btn1" @click="openFrom('2')">拒绝</div>
|
|
|
- <div class="examine-btn examine-btn2" @click="openFrom('1')">通过</div>
|
|
|
- </div>
|
|
|
+
|
|
|
|
|
|
|
|
|
</div>
|
|
@@ -72,7 +63,7 @@
|
|
|
<div class="mui-popup-inner vongi-pop-inner">
|
|
|
<div class="mui-popup-title">填写意见</div>
|
|
|
<div class="mui-popup-input">
|
|
|
- <textarea v-model="subForm.content" rows="3" placeholder="请输入"></textarea>
|
|
|
+ <textarea v-model="subForm.opinion" rows="3" placeholder="请输入"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="mui-popup-buttons"><span class="mui-popup-button mui-popup-button-bold" @click="doAction">提交</span></div>
|
|
@@ -84,10 +75,12 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import * as API_Attendance from '@/apis/Master/attendance'
|
|
|
+import * as API from '@/apis/Oa/doc'
|
|
|
import Common from '@/components/Common.vue'
|
|
|
import Loading from '@/components/Loading.vue'
|
|
|
import TopHeader from '@/components/TopHeader.vue'
|
|
|
+ import examineDetail from './ExamineDetail.vue'
|
|
|
+
|
|
|
import {
|
|
|
mapGetters,
|
|
|
mapMutations
|
|
@@ -97,7 +90,7 @@
|
|
|
components: {
|
|
|
Common,
|
|
|
Loading,
|
|
|
- TopHeader
|
|
|
+ TopHeader,examineDetail
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -107,15 +100,22 @@
|
|
|
|
|
|
id: this.$route.query.id,
|
|
|
detail: {},
|
|
|
-
|
|
|
+ list:null,
|
|
|
//审批内容弹窗显示
|
|
|
openFromVisible: false,
|
|
|
selectIdList: [],
|
|
|
subForm: {
|
|
|
- ids: '',
|
|
|
- content: '',
|
|
|
+ masterFileId: '',
|
|
|
+ opinion: '',
|
|
|
status: ''
|
|
|
},
|
|
|
+ actionSp:false,
|
|
|
+
|
|
|
+ status: ['待审核', '已通过', '未通过', '已撤销'],
|
|
|
+ // status: ['待审核', '已批准', '已拒绝','已撤销'],
|
|
|
+ statusColor: ['mui-btn-warning', 'mui-btn-success', 'mui-btn-danger',''],
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -137,16 +137,35 @@
|
|
|
//获取详情
|
|
|
getDetail() {
|
|
|
this.isLoading = true;
|
|
|
- API_Attendance.getApplyInfo({
|
|
|
- id: this.id
|
|
|
- }).then(response => {
|
|
|
-
|
|
|
- this.detail = response;
|
|
|
-
|
|
|
- this.isLoading = false;
|
|
|
+ this.actionSp=false;
|
|
|
+ this.list=null;
|
|
|
+ API.edit( this.id).then(response => {
|
|
|
+ this.detail = response.masterFile;
|
|
|
+ this.list=response
|
|
|
+ var list= response.examineStepDTOList
|
|
|
+ for(var i in list){
|
|
|
+ var obj=list[i];
|
|
|
+
|
|
|
+ if(obj.examineStep.examineStatus==1){
|
|
|
+
|
|
|
+ var sz=obj.stepPersonList
|
|
|
+ for(var j in sz){
|
|
|
+ var obk=sz[j];
|
|
|
+ if(obk.status==0&&obk.personId==this.person_data.id){
|
|
|
+ this.actionSp=true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ break;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ this.isLoading = false;
|
|
|
}).catch(error => {
|
|
|
- this.isLoading = false;
|
|
|
- mui.toast(error);
|
|
|
+ this.isLoading = false;
|
|
|
+ mui.toast(error);
|
|
|
})
|
|
|
},
|
|
|
//显示内容表单
|
|
@@ -156,7 +175,7 @@
|
|
|
mui.toast('请选择要处理的信息');
|
|
|
} else {
|
|
|
this.subForm.status = status;
|
|
|
- this.subForm.content = status == 1 ? '同意' : '拒绝';
|
|
|
+ this.subForm.opinion = status == 1 ? '同意' : '拒绝';
|
|
|
this.openFromVisible = true;
|
|
|
//直接点击处理,不需要弹窗理由框,又需要弹窗理由框了
|
|
|
//this.doAction();
|
|
@@ -164,19 +183,14 @@
|
|
|
},
|
|
|
//检测表单
|
|
|
checkForm() {
|
|
|
- if (!this.subForm.ids) {
|
|
|
- mui.toast('请选择要处理的信息');
|
|
|
- return false;
|
|
|
- } else {
|
|
|
- return true;
|
|
|
- }
|
|
|
+ return true;
|
|
|
},
|
|
|
//同意拒绝
|
|
|
doAction() {
|
|
|
- this.subForm.ids = this.selectIdList.join(',');
|
|
|
+ this.subForm.masterFileId = this.id;
|
|
|
if (this.checkForm()) {
|
|
|
this.isLoading = true;
|
|
|
- API_Attendance.doVerify(this.subForm).then(response => {
|
|
|
+ API.checkSubmit(this.subForm).then(response => {
|
|
|
this.isLoading = false;
|
|
|
|
|
|
this.openFromVisible = false;
|
|
@@ -200,8 +214,8 @@
|
|
|
picList: {
|
|
|
// getter
|
|
|
get: function() {
|
|
|
- if (this.detail && this.detail.fillAttendanceFilesUrl) {
|
|
|
- return this.detail.fillAttendanceFilesUrl.split(',');
|
|
|
+ if (this.detail && this.detail.docFiles) {
|
|
|
+ return this.detail.docFiles.split(',');
|
|
|
} else {
|
|
|
return [];
|
|
|
}
|
|
@@ -214,6 +228,8 @@
|
|
|
...mapGetters({
|
|
|
openId: 'wx_openid',
|
|
|
token: 'token',
|
|
|
+ person_data: 'person_data',
|
|
|
+
|
|
|
})
|
|
|
}
|
|
|
}
|