|
@@ -1,38 +1,44 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
<van-nav-bar :title="title" left-text="返回" @click-left="$route_back" left-arrow></van-nav-bar>
|
|
<van-nav-bar :title="title" left-text="返回" @click-left="$route_back" left-arrow></van-nav-bar>
|
|
- <div class="body_com has_header" :class="{ can_complete: detail_info.can_complete == 1, can_complete_isIos: can_complete_isIos }">
|
|
|
|
|
|
+ <div class="body_com has_header"
|
|
|
|
+ :class="{ can_complete: detail_info.can_complete == 1, can_complete_isIos: can_complete_isIos }">
|
|
<scroller style="height: 100vh;">
|
|
<scroller style="height: 100vh;">
|
|
<!-- 审批内容 -->
|
|
<!-- 审批内容 -->
|
|
<!-- detail_info.process.length > 0 && -->
|
|
<!-- detail_info.process.length > 0 && -->
|
|
<van-cell-group>
|
|
<van-cell-group>
|
|
- <van-cell :title="detail_info.employee_info.name" v-if="detail_info.process !== null && detail_info.status == 0">
|
|
|
|
|
|
+ <van-cell :title="detail_info.employee_info.name"
|
|
|
|
+ v-if="detail_info.process !== null && detail_info.status == 0">
|
|
<template slot="icon">
|
|
<template slot="icon">
|
|
- <userImage
|
|
|
|
- :user_name="detail_info.employee_info.name"
|
|
|
|
- :img_url="detail_info.employee_info.img_url"
|
|
|
|
- width="0.9rem"
|
|
|
|
- height="0.9rem"
|
|
|
|
- style="margin-right: .1rem"
|
|
|
|
- ></userImage>
|
|
|
|
|
|
+ <userImage :user_name="detail_info.employee_info.name" :img_url="detail_info.employee_info.img_url"
|
|
|
|
+ width="0.9rem" height="0.9rem" style="margin-right: .1rem"></userImage>
|
|
</template>
|
|
</template>
|
|
<template slot="title">
|
|
<template slot="title">
|
|
<Wxopendata type="userName" :openid="detail_info.employee_info.name"></Wxopendata>
|
|
<Wxopendata type="userName" :openid="detail_info.employee_info.name"></Wxopendata>
|
|
</template>
|
|
</template>
|
|
<template slot="label">
|
|
<template slot="label">
|
|
- <span v-show="detail_info.review_status == 0" :class="{ color_orange: detail_info.review_status == 0 }">{{ detail_info.review_status_mark }}</span>
|
|
|
|
- <span v-show="detail_info.review_status == 1" :class="{ color_red: detail_info.review_status == 1 }">{{ detail_info.review_status_mark }}</span>
|
|
|
|
- <span v-show="detail_info.review_status == 2" :class="{ color_green: detail_info.review_status == 2 }">{{ detail_info.review_status_mark }}</span>
|
|
|
|
|
|
+ <span v-show="detail_info.review_status == 0" :class="{ color_orange: detail_info.review_status == 0 }">{{
|
|
|
|
+ detail_info.review_status_mark }}</span>
|
|
|
|
+ <span v-show="detail_info.review_status == 1" :class="{ color_red: detail_info.review_status == 1 }">{{
|
|
|
|
+ detail_info.review_status_mark }}</span>
|
|
|
|
+ <span v-show="detail_info.review_status == 2" :class="{ color_green: detail_info.review_status == 2 }">{{
|
|
|
|
+ detail_info.review_status_mark }}</span>
|
|
</template>
|
|
</template>
|
|
</van-cell>
|
|
</van-cell>
|
|
</van-cell-group>
|
|
</van-cell-group>
|
|
<!-- 当审批状态不为待审批时 -->
|
|
<!-- 当审批状态不为待审批时 -->
|
|
- <div class="flex-box-v flex-center-center event-info__header" v-if="detail_info.status != 0 && detail_info.process !== null" style="padding:0.32rem;background-color:#fff;">
|
|
|
|
- <userImage class="about-me__avatar" :user_name="detail_info.employee_info.name" :img_url="detail_info.employee_info.img_url" width="1.12rem" height="1.12rem"></userImage>
|
|
|
|
- <span class="event-employee__name"><Wxopendata type="userName" :openid="detail_info.employee_info.name"></Wxopendata></span>
|
|
|
|
|
|
+ <div class="flex-box-v flex-center-center event-info__header"
|
|
|
|
+ v-if="detail_info.status != 0 && detail_info.process !== null" style="padding:0.32rem;background-color:#fff;">
|
|
|
|
+ <userImage class="about-me__avatar" :user_name="detail_info.employee_info.name"
|
|
|
|
+ :img_url="detail_info.employee_info.img_url" width="1.12rem" height="1.12rem"></userImage>
|
|
|
|
+ <span class="event-employee__name">
|
|
|
|
+ <Wxopendata type="userName" :openid="detail_info.employee_info.name"></Wxopendata>
|
|
|
|
+ </span>
|
|
<template v-if="detail_info.status == 1">
|
|
<template v-if="detail_info.status == 1">
|
|
- <span class="event-info__value color_green" v-if="detail_info.review_point >= 0">+{{ detail_info.review_point }} {{ types_list[detail_info.pt_id] }}</span>
|
|
|
|
- <span class="event-info__value color_red" v-else>{{ detail_info.review_point }}{{ types_list[detail_info.pt_id] }}</span>
|
|
|
|
|
|
+ <span class="event-info__value color_green" v-if="detail_info.review_point >= 0">+{{
|
|
|
|
+ detail_info.review_point }} {{ types_list[detail_info.pt_id] }}</span>
|
|
|
|
+ <span class="event-info__value color_red" v-else>{{ detail_info.review_point }}{{
|
|
|
|
+ types_list[detail_info.pt_id] }}</span>
|
|
</template>
|
|
</template>
|
|
<span class="event-info__status">{{ detail_info.review_status_mark }}</span>
|
|
<span class="event-info__status">{{ detail_info.review_status_mark }}</span>
|
|
</div>
|
|
</div>
|
|
@@ -42,7 +48,9 @@
|
|
<template v-if="item.value">
|
|
<template v-if="item.value">
|
|
<div class="flex-box" v-if="item.key == '奖扣目标' || item.key == '申请人' || item.key == '收益人'">
|
|
<div class="flex-box" v-if="item.key == '奖扣目标' || item.key == '申请人' || item.key == '收益人'">
|
|
<span v-if="item.type == 'text'" class="detail_label">{{ item.key }}</span>
|
|
<span v-if="item.type == 'text'" class="detail_label">{{ item.key }}</span>
|
|
- <span v-if="item.type == 'text'" class="detail_value"><Wxopendata type="userName" :openid="item.value"></Wxopendata></span>
|
|
|
|
|
|
+ <span v-if="item.type == 'text'" class="detail_value">
|
|
|
|
+ <Wxopendata type="userName" :openid="item.value"></Wxopendata>
|
|
|
|
+ </span>
|
|
</div>
|
|
</div>
|
|
<div class="flex-box" v-else>
|
|
<div class="flex-box" v-else>
|
|
<span v-if="item.type == 'text'" class="detail_label">{{ item.key }}</span>
|
|
<span v-if="item.type == 'text'" class="detail_label">{{ item.key }}</span>
|
|
@@ -50,20 +58,17 @@
|
|
</div>
|
|
</div>
|
|
<span v-if="item.type == 'image'" class="detail_label">{{ item.key }}</span>
|
|
<span v-if="item.type == 'image'" class="detail_label">{{ item.key }}</span>
|
|
<span v-if="item.type == 'image'" class="detail_value">
|
|
<span v-if="item.type == 'image'" class="detail_value">
|
|
- <img
|
|
|
|
- :key="index"
|
|
|
|
- v-for="(items, index) in item.value"
|
|
|
|
- :src="items"
|
|
|
|
|
|
+ <img :key="index" v-for="(items, index) in item.value" :src="items"
|
|
style="width: 50px;height: 50px; margin-right: 0.2rem; vertical-align: text-top"
|
|
style="width: 50px;height: 50px; margin-right: 0.2rem; vertical-align: text-top"
|
|
- @click="opremImage(item.value)"
|
|
|
|
- />
|
|
|
|
|
|
+ @click="opremImage(item.value)" />
|
|
</span>
|
|
</span>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 规则依据模块 -->
|
|
<!-- 规则依据模块 -->
|
|
<div class="event-rule__wrap">
|
|
<div class="event-rule__wrap">
|
|
- <div class="event-rule__header" style="margin-bottom:0.24rem;" v-show="detail_info.rule_id || detail_info.item_id">
|
|
|
|
|
|
+ <div class="event-rule__header" style="margin-bottom:0.24rem;"
|
|
|
|
+ v-show="detail_info.rule_id || detail_info.item_id">
|
|
<span class="event-rule__title">规则依据</span>
|
|
<span class="event-rule__title">规则依据</span>
|
|
<span class="event-process__sub-title">此事件打分参考以下积分规则</span>
|
|
<span class="event-process__sub-title">此事件打分参考以下积分规则</span>
|
|
</div>
|
|
</div>
|
|
@@ -101,16 +106,31 @@
|
|
<van-button type="info" @click="revoke(1)" class="flex-1">撤回</van-button>
|
|
<van-button type="info" @click="revoke(1)" class="flex-1">撤回</van-button>
|
|
</footer>
|
|
</footer>
|
|
<!-- 申请者 || -->
|
|
<!-- 申请者 || -->
|
|
- <footer class="flex-box flex-v-ce footer" v-if="detail_info.applyor_id==$userInfo().id&&detail_info.can_refuse == '1'&&(detail_info.source_type==2||detail_info.source_type==3)">
|
|
|
|
|
|
+ <footer class="flex-box flex-v-ce footer"
|
|
|
|
+ v-if="detail_info.applyor_id==$userInfo().id&&detail_info.can_refuse == '1'&&(detail_info.source_type==2||detail_info.source_type==3)">
|
|
<div class="flex-2">撤销后数据将不可恢复</div>
|
|
<div class="flex-2">撤销后数据将不可恢复</div>
|
|
<van-button type="info" @click="revoke(2)" class="flex-1">撤销</van-button>
|
|
<van-button type="info" @click="revoke(2)" class="flex-1">撤销</van-button>
|
|
</footer>
|
|
</footer>
|
|
|
|
|
|
|
|
+ <!-- 申请者 || -->
|
|
|
|
+ <!-- <footer class="flex-box flex-v-ce footer"
|
|
|
|
+ v-if="detail_info.applyor_id == $userInfo().id && detail_info.review_status_mark === '驳回'">
|
|
|
|
+ <van-button type="primary" @click="" class="flex-1">重新发起申请</van-button>
|
|
|
|
+ </footer> -->
|
|
|
|
+
|
|
|
|
+ <footer class="flex-box flex-v-ce footer" v-if="detail_info.applyor_id == $userInfo().id && detail_info.review_status == 2">
|
|
|
|
+ <van-button type="info" @click="reapply" class="flex-1">重新发起申请</van-button>
|
|
|
|
+ </footer>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
<!-- 驳回弹窗 -->
|
|
<!-- 驳回弹窗 -->
|
|
- <van-popup v-model="show_refuse" position="right" :style="{ height: '100%', width: '100%', 'background-color': 'rgb(245, 245, 245)' }">
|
|
|
|
|
|
+ <van-popup v-model="show_refuse" position="right"
|
|
|
|
+ :style="{ height: '100%', width: '100%', 'background-color': 'rgb(245, 245, 245)' }">
|
|
<div :style="'padding-top:' + bar_height + 'px;background-color: #238dfa;'"></div>
|
|
<div :style="'padding-top:' + bar_height + 'px;background-color: #238dfa;'"></div>
|
|
<van-nav-bar title="确认驳回" left-text="返回" @click-left="show_refuse = false" left-arrow></van-nav-bar>
|
|
<van-nav-bar title="确认驳回" left-text="返回" @click-left="show_refuse = false" left-arrow></van-nav-bar>
|
|
- <van-cell-group><van-field v-model="refuse_msg" rows="5" autosize type="textarea" maxlength="50" placeholder="请输入审批意见" show-word-limit /></van-cell-group>
|
|
|
|
|
|
+ <van-cell-group><van-field v-model="refuse_msg" rows="5" autosize type="textarea" maxlength="50"
|
|
|
|
+ placeholder="请输入审批意见" show-word-limit /></van-cell-group>
|
|
<div style="padding:0.32rem;"><van-button block type="info" @click="confirm_refuse">确认驳回</van-button></div>
|
|
<div style="padding:0.32rem;"><van-button block type="info" @click="confirm_refuse">确认驳回</van-button></div>
|
|
</van-popup>
|
|
</van-popup>
|
|
</div>
|
|
</div>
|
|
@@ -118,27 +138,27 @@
|
|
<van-row justify="center" type="flex" v-if="detail_info.can_complete == 1" class="btn-box">
|
|
<van-row justify="center" type="flex" v-if="detail_info.can_complete == 1" class="btn-box">
|
|
<van-col :span="detail_info.source_type != 4 ? 8 : 0">
|
|
<van-col :span="detail_info.source_type != 4 ? 8 : 0">
|
|
<div style="padding:0.16rem;">
|
|
<div style="padding:0.16rem;">
|
|
- <van-button block type="info" plain :disabled="detail_info.source_type == '4'" v-if="detail_info.source_type != 4" @click="refuse">驳回</van-button>
|
|
|
|
|
|
+ <van-button block type="info" plain :disabled="detail_info.source_type == '4'"
|
|
|
|
+ v-if="detail_info.source_type != 4" @click="refuse">驳回</van-button>
|
|
</div>
|
|
</div>
|
|
</van-col>
|
|
</van-col>
|
|
<!-- v-if="detail_info.status" -->
|
|
<!-- v-if="detail_info.status" -->
|
|
<van-col :span="detail_info.source_type != 4 ? 16 : 24">
|
|
<van-col :span="detail_info.source_type != 4 ? 16 : 24">
|
|
<div style="padding:0.16rem; padding-left:0;">
|
|
<div style="padding:0.16rem; padding-left:0;">
|
|
- <van-button block type="info" v-if="detail_info.source_type == '1'" @click="$router.push({ name: 'integral_approval_integral', query: { review_id: detail_info.id } })">
|
|
|
|
|
|
+ <van-button block type="info" v-if="detail_info.source_type == '1'"
|
|
|
|
+ @click="$router.push({ name: 'integral_approval_integral', query: { review_id: detail_info.id } })">
|
|
通过
|
|
通过
|
|
</van-button>
|
|
</van-button>
|
|
- <van-button block type="info" v-if="detail_info.source_type == '2'" @click="$router.push({ name: 'integral_approval_integral', query: { review_id: detail_info.id } })">
|
|
|
|
|
|
+ <van-button block type="info" v-if="detail_info.source_type == '2'"
|
|
|
|
+ @click="$router.push({ name: 'integral_approval_integral', query: { review_id: detail_info.id } })">
|
|
通过
|
|
通过
|
|
</van-button>
|
|
</van-button>
|
|
- <van-button block type="info" v-if="detail_info.source_type == '3'" @click="$router.push({ name: 'integral_approval_integral', query: { review_id: detail_info.id } })">
|
|
|
|
|
|
+ <van-button block type="info" v-if="detail_info.source_type == '3'"
|
|
|
|
+ @click="$router.push({ name: 'integral_approval_integral', query: { review_id: detail_info.id } })">
|
|
通过
|
|
通过
|
|
</van-button>
|
|
</van-button>
|
|
- <van-button
|
|
|
|
- block
|
|
|
|
- type="info"
|
|
|
|
- v-if="detail_info.source_type == '4'"
|
|
|
|
- @click="$router.push({ name: 'integral_approval_performance', query: { review_id: detail_info.id } })"
|
|
|
|
- >
|
|
|
|
|
|
+ <van-button block type="info" v-if="detail_info.source_type == '4'"
|
|
|
|
+ @click="$router.push({ name: 'integral_approval_performance', query: { review_id: detail_info.id } })">
|
|
通过
|
|
通过
|
|
</van-button>
|
|
</van-button>
|
|
</div>
|
|
</div>
|
|
@@ -356,6 +376,11 @@ export default {
|
|
.catch(() => {
|
|
.catch(() => {
|
|
// on cancel
|
|
// on cancel
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ reapply () {
|
|
|
|
+ let self = this
|
|
|
|
+ self.$router.push({ path: '/integral_reapply', query: { detail_info: JSON.stringify(self.detail_info) } })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 生命周期 --- 创建完成
|
|
// 生命周期 --- 创建完成
|