qa-prevention-xgf-app/pages/employed_by/index.vue

120 lines
3.7 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view class="content">
<u-list @scrolltolower="scrolltolower" v-if="list.length > 0">
<u-list-item v-for="(item, index) in list" :key="index">
<view>
<view class="flex-between main-title">
<text>单位名称{{ item.RELEVANT_UNIT_NAME }}</text>
</view>
<view class="flex-between mt-10 subtitle" v-show="item.START_DATE">
<text>就职时间{{ item.START_DATE }}-{{ item.END_DATE || '至今' }}</text>
</view>
<view class="flex-between mt-10 subtitle" v-show="item.DEPART_STATE">
<text>就职状态
<template v-if="item.DEPART_STATE === '0'">在职</template>
<template v-if="item.DEPART_STATE === '1'">离职</template>
<template v-if="item.DEPART_STATE === '-1'">离职申请中</template>
<template v-if="item.DEPART_STATE === '2'">待审核</template>
<template v-if="item.DEPART_STATE === '3'">已审核</template>
</text>
</view>
<view class="flex-between mt-10 subtitle">
<text>单位在职申请审核状态:
<template v-if="item.AUDIT_STATE === '0'">已打回</template>
<template v-if="item.AUDIT_STATE === '1'">待审核</template>
<template v-if="item.AUDIT_STATE === '2'">审核通过</template>
</text>
</view>
<view class="flex-between mt-10 subtitle" v-show="item.DEPART_STATE !== '0' && item.REVIEW_STATE">
<text>单位离职申请审核状态:
<template v-if="item.REVIEW_STATE === '0'">已打回</template>
<template v-if="item.REVIEW_STATE === '1'">待审核</template>
<template v-if="item.REVIEW_STATE === '2'">审核通过</template>
</text>
</view>
<view class="flex-between mt-10 subtitle" v-if="item.AUDIT_REMARKS">
<text>审核意见:{{ item.AUDIT_REMARKS }}
</text>
</view>
<view class="flex-between mt-10 subtitle">
<view></view>
<view class="flex-between">
<u-button type="primary" text="查看" size="mini" class="bth-mini ml-10"
@click="fnView(item.EMPLOYMENT_APPLY_MANAGEMENT_ID, item.CORPINFO_ID, item.DEPART_STATE)"></u-button>
<u-button type="primary" text="离职申请" size="mini" class="bth-mini ml-10"
v-if="item.DEPART_STATE === '0'"
@click="fnResignationApplication(item.EMPLOYMENT_APPLY_MANAGEMENT_ID,item.RELEVANT_UNIT_NAME)">
</u-button>
</view>
</view>
</view>
</u-list-item>
</u-list>
<empty v-else></empty>
</view>
</template>
<script>
import {
getEmployedBy
} from "../../api";
export default {
data() {
return {
pageSize: 10,
currentPage: 1,
totalPage: 0,
list: [],
}
},
onShow() {
this.resetList()
},
methods: {
async getData() {
let resData = await getEmployedBy({
showCount: this.pageSize,
currentPage: this.currentPage,
});
this.list = [...this.list, ...resData.varList];
this.totalPage = resData.page.totalPage;
},
resetList() {
this.pageSize = 10
this.currentPage = 1
this.list = []
this.getData()
},
scrolltolower() {
this.currentPage++;
if (this.totalPage >= this.currentPage) this.getData();
},
fnResignationApplication(EMPLOYMENT_APPLY_MANAGEMENT_ID, RELEVANT_UNIT_NAME) {
uni.$u.route({
url: '/pages/employed_by/resignation_application',
params: {
EMPLOYMENT_APPLY_MANAGEMENT_ID,
RELEVANT_UNIT_NAME
}
})
},
fnView(EMPLOYMENT_APPLY_MANAGEMENT_ID, CORPINFO_ID, DEPART_STATE) {
uni.$u.route({
url: '/pages/related_party_units/view',
params: {
EMPLOYMENT_APPLY_MANAGEMENT_ID,
CORPINFO_ID,
DEPART_STATE
}
})
}
}
}
</script>
<style scoped>
</style>