|
@@ -9,7 +9,7 @@
|
|
<div class="flew"><img :src="detail.faceImageUrl" width="50" v-viewer /></div>
|
|
<div class="flew"><img :src="detail.faceImageUrl" width="50" v-viewer /></div>
|
|
<h4>{{detail.personName}} 申请 <span class="color4fc5f7" v-text="detail.typeN"></span></h4>
|
|
<h4>{{detail.personName}} 申请 <span class="color4fc5f7" v-text="detail.typeN"></span></h4>
|
|
</div>
|
|
</div>
|
|
- <button class="mui-btn mui-btn-primary mui-btn-outlined" :style="getColor(detail.status)" v-text="detail.statusN"></button>
|
|
|
|
|
|
+ <button class="mui-btn mui-btn-primary mui-btn-outlined" :style="getColor(detail.status)" v-text="detail.remark?'已批示':'未批示'"></button>
|
|
</div>
|
|
</div>
|
|
<form class="mui-input-group margin10">
|
|
<form class="mui-input-group margin10">
|
|
<div class="mui-input-row">
|
|
<div class="mui-input-row">
|
|
@@ -44,6 +44,10 @@
|
|
<label>结束时间</label>
|
|
<label>结束时间</label>
|
|
<span v-text="detail.endTime"></span>
|
|
<span v-text="detail.endTime"></span>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div v-if="detail.remark" class="mui-input-row">
|
|
|
|
+ <label>批示意见</label>
|
|
|
|
+ <span v-text="detail.remark"></span>
|
|
|
|
+ </div>
|
|
</form>
|
|
</form>
|
|
<div class="mui-content-padded">
|
|
<div class="mui-content-padded">
|
|
<h5>审核记录</h5>
|
|
<h5>审核记录</h5>
|
|
@@ -54,7 +58,7 @@
|
|
<label>审批人</label>
|
|
<label>审批人</label>
|
|
<span v-text="item.name"></span>
|
|
<span v-text="item.name"></span>
|
|
</div>
|
|
</div>
|
|
- <div class="mui-input-row">
|
|
|
|
|
|
+ <div v-if="item.approvalContent" class="mui-input-row">
|
|
<label>审核意见</label>
|
|
<label>审核意见</label>
|
|
<span v-text="item.approvalContent"></span>
|
|
<span v-text="item.approvalContent"></span>
|
|
</div>
|
|
</div>
|
|
@@ -68,6 +72,25 @@
|
|
<div v-if="wm && !detail.endTime" class="fyy-footer">
|
|
<div v-if="wm && !detail.endTime" class="fyy-footer">
|
|
<div class="bindfyy-btn"><button type="button" @click="closeActoin" class="mui-btn mui-btn-danger">结束外出</button></div>
|
|
<div class="bindfyy-btn"><button type="button" @click="closeActoin" class="mui-btn mui-btn-danger">结束外出</button></div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+ <div v-if="can_remark" class="fyy-scon-botton">
|
|
|
|
+ <div style="background-color: #3385FF;" class="examine-btn examine-btn1-blue" @click="openFromVisible=true">填写意见</div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <!-- 审批弹窗 -->
|
|
|
|
+ <div v-show="openFromVisible" @click="openFromVisible=false" class="mui-backdrop mui-active"></div>
|
|
|
|
+ <div v-show="openFromVisible" class="mui-card fyy-popup">
|
|
|
|
+ <div class="mui-card-header mui-h3">填写意见</div>
|
|
|
|
+ <div class="mui-card-content">
|
|
|
|
+ <div class="mui-input-row">
|
|
|
|
+ <textarea v-model="remarkForm.remark" rows="5" placeholder="请输入"></textarea>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="vongi-btn">
|
|
|
|
+ <button class="mui-btn mui-btn-primary" @click="addRemark">提交</button>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
<loading :visible="isLoading"></loading>
|
|
<loading :visible="isLoading"></loading>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -90,7 +113,7 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- pageTitle: '外出申请详情',
|
|
|
|
|
|
+ pageTitle: '外出登记详情',
|
|
|
|
|
|
isLoading: false,
|
|
isLoading: false,
|
|
|
|
|
|
@@ -101,6 +124,13 @@
|
|
|
|
|
|
//微信模板消息过来的
|
|
//微信模板消息过来的
|
|
wm: this.$route.query.wm,
|
|
wm: this.$route.query.wm,
|
|
|
|
+
|
|
|
|
+ can_remark: this.$route.query.remark,
|
|
|
|
+ remarkForm: {
|
|
|
|
+ id: this.$route.query.id,
|
|
|
|
+ remark: ''
|
|
|
|
+ },
|
|
|
|
+ openFromVisible: false
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {},
|
|
created() {},
|
|
@@ -152,6 +182,24 @@
|
|
mui.toast(error);
|
|
mui.toast(error);
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ //领导添加备注
|
|
|
|
+ addRemark() {
|
|
|
|
+ if (!this.remarkForm.remark) {
|
|
|
|
+ mui.toast('请填写意见');
|
|
|
|
+ } else {
|
|
|
|
+ this.isLoading = true;
|
|
|
|
+ API_BusinessTravel.addRemark(this.remarkForm).then(response => {
|
|
|
|
+ this.isLoading = false;
|
|
|
|
+
|
|
|
|
+ this.openFromVisible = false;
|
|
|
|
+ mui.toast('提交成功');
|
|
|
|
+ this.getInfo();
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ this.isLoading = false;
|
|
|
|
+ mui.toast(error);
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ },
|
|
asynCallBack() {
|
|
asynCallBack() {
|
|
//获取详情
|
|
//获取详情
|
|
this.getInfo();
|
|
this.getInfo();
|
|
@@ -172,5 +220,14 @@
|
|
|
|
|
|
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
<style src="$project/assets/css/iconfont.css"></style>
|
|
<style src="$project/assets/css/iconfont.css"></style>
|
|
-<style>
|
|
|
|
|
|
+<style scoped>
|
|
|
|
+ .status_r {
|
|
|
|
+ color: #fe616c !important;
|
|
|
|
+ border: 1px solid #fe616c !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .status_a {
|
|
|
|
+ color: #05c8af !important;
|
|
|
|
+ border: 1px solid #05c8af !important;
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|