qa-regulatory-gwj-app/pages/mine/promise/sign.vue

157 lines
4.5 KiB
Vue
Raw Normal View History

2023-11-07 10:08:37 +08:00
<template>
<view class="content">
<view class="card">
<view class="title">{{ info.TYPE === '0' ? '安全生产承诺书' : '安全生产责任状' }}</view>
<view v-if="info.TYPE === '0'">{{ info.COVERPEOPLE }}</view>
<view class="text">{{ info.TEXT }}</view>
<view class="collateral">
<view v-for="(item,index) in info.DETAIL" :key="index" class="item">
{{ item.value }}
</view>
</view>
<view class="text">
<view v-if="info.TYPE === '0'">
若违反上述承诺和未履行安全生产职责或发生责任事故的接受政府或公司事故调查组做出的处罚决定
</view>
2024-10-10 10:14:31 +08:00
<!-- <view v-if="info.TYPE === '0'">-->
<!-- 承诺期限自{{ info.PROMISE_TERM_START }}{{ info.PROMISE_TERM_END }}-->
<!-- </view>-->
2023-11-07 10:08:37 +08:00
<view v-if="info.TYPE === '1'">
若未履行安全生产职责或发生生产安全事故的接受公司或政府事故调查组做出的处罚
</view>
2024-10-10 10:14:31 +08:00
<!-- <view v-if="info.TYPE === '1'">-->
<!-- 责任期限自{{ info.PROMISE_TERM_START }}{{ info.PROMISE_TERM_END }}-->
<!-- </view>-->
2023-11-07 10:08:37 +08:00
</view>
<view class="footer">
2024-10-10 10:14:31 +08:00
<!-- <view v-if="info.TYPE === '0'" class="hairdresser">()</view>-->
2023-11-07 10:08:37 +08:00
<view v-if="info.TYPE === '1'" class="hairdresser">
<view class="promiser">发状人{{ info.COVERPEOPLE }}</view>
2024-10-10 10:14:31 +08:00
<!-- <view class="time">{{ info.CREATTIME.substring(0,10) }}</view>-->
2023-11-07 10:08:37 +08:00
</view>
<view class="respondent">
<view class="promiser">
<text>
{{ info.TYPE === '0' ? '主要负责人签字' : '受状人' }}
</text>
<u--image v-if="info.FILEPATH" :showLoading="true" :src="info.FILEPATH"
2024-07-27 15:13:42 +08:00
width="200rpx" height="100px" mode="scaleToFill"></u--image>
2024-10-10 10:14:31 +08:00
<u-button type="primary" :text="info.FILEPATH ? '重签' : '手写签字'" size="mini" class="bth-mini"
@click="signShow = true"></u-button>
2023-11-07 10:08:37 +08:00
</view>
2024-10-10 10:14:31 +08:00
<!-- <view class="time">-->
<!-- {{ info.SIGNTIME }}-->
<!-- </view>-->
2023-11-07 10:08:37 +08:00
</view>
</view>
<sign v-if="signShow" :signShow.sync="signShow" @confirm="signConfirm"></sign>
2024-10-10 10:14:31 +08:00
<view class="mt-10">
<u-button type="primary" text="提 交" @click="$u.debounce(fnLogin, 1000,true)"></u-button>
</view>
2023-11-07 10:08:37 +08:00
</view>
</view>
</template>
<script>
import sign from "../../../components/sign/sign";
import {getPromiseInfo, setPromiseSign} from "../../../api";
2024-10-10 10:14:31 +08:00
2023-11-07 10:08:37 +08:00
export default {
components: {
sign
},
data() {
return {
info: {},
2024-10-10 10:14:31 +08:00
signShow: false,
2023-11-07 10:08:37 +08:00
}
},
onLoad() {
this.getData()
},
computed: {
userInfo() {
return this.$store.getters.getUserInfo
}
},
2024-10-10 10:14:31 +08:00
methods: {
2023-11-07 10:08:37 +08:00
async getData() {
let resData = await getPromiseInfo({
USER_ID: this.userInfo.USER_ID,
})
2024-10-10 10:14:31 +08:00
const DETAIL = resData.COLLATERAL.map(item => ({value: item.COLLATERAL, id: item.PROMISEDETAIL_ID}))
2023-11-07 10:08:37 +08:00
this.info = {
...resData.TEXT,
DETAIL,
SIGNTIME: this.$u.timeFormat(new Date(), 'yyyy-mm-dd'),
COVERPEOPLE: resData.COVERPEOPLE[0].USERNAME,
PROMISEPEOPLE_ID: resData.PROMISEPEOPLE_ID
}
},
2024-10-10 10:14:31 +08:00
signConfirm({path}) {
this.$set(this.info, 'FILEPATH', path)
2023-11-07 10:08:37 +08:00
},
async fnLogin() {
2024-10-10 10:14:31 +08:00
if (!this.info.FILEPATH) {
2023-11-07 10:08:37 +08:00
uni.showToast({
2024-10-10 10:14:31 +08:00
title: '请签字'
2023-11-07 10:08:37 +08:00
})
return
}
await setPromiseSign({
filePath: this.info.FILEPATH,
name: 'FFILE',
formData: {
...this.info,
CORPINFO_ID: this.userInfo.CORPINFO_ID
},
})
uni.showToast({
title: '添加成功',
})
uni.$u.route({
url: '/pages/index/index',
type: 'reLaunch'
})
}
}
}
</script>
<style scoped lang="scss">
.title {
text-align: center;
2024-07-27 15:13:42 +08:00
font-size: 40rpx;
2023-11-07 10:08:37 +08:00
font-weight: bold;
}
.text {
2024-07-27 15:13:42 +08:00
text-indent: 60rpx;
letter-spacing: 4rpx;
2023-11-07 10:08:37 +08:00
text-align: justify;
}
.collateral {
2024-07-27 15:13:42 +08:00
text-indent: 60rpx;
letter-spacing: 4rpx;
2023-11-07 10:08:37 +08:00
text-align: justify;
}
.respondent, .hairdresser {
2024-07-27 15:13:42 +08:00
margin-top: 60rpx;
2023-11-07 10:08:37 +08:00
text-align: right;
2024-10-10 10:14:31 +08:00
2023-11-07 10:08:37 +08:00
.promiser {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.time {
text-align: right;
2024-07-27 15:13:42 +08:00
margin-top: 30rpx;
margin-left: 110rpx;
2023-11-07 10:08:37 +08:00
}
}
</style>