810 lines
27 KiB
Vue
810 lines
27 KiB
Vue
<template>
|
||
<div class="fullHeight">
|
||
<div class="searchBox whiteBlock">
|
||
<el-form :inline="true" size="medium">
|
||
<el-form-item prop="fineType">
|
||
<el-select v-model="fineType" :placeholder="$t('message.laborMange.pleaseChoose')" clearable>
|
||
<el-option :label="$t('message.laborMange.bonusSpaces')" :value="1"></el-option>
|
||
<el-option :label="$t('message.laborMange.debitNote')" :value="2"></el-option>
|
||
<el-option :label="$t('message.laborMange.ticket')" :value="3"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
|
||
<el-form-item>
|
||
<el-button v-permission="{
|
||
key: 'penalize_query',
|
||
menuPath: '/project/labor/penalize',
|
||
}" type="primary" plain @click="selectData">{{ $t("message.laborMange.inquire") }}
|
||
</el-button>
|
||
<el-button v-permission="{
|
||
key: 'penalize_add',
|
||
menuPath: '/project/labor/penalize',
|
||
}" size="medium" type="primary" @click="addTicket">{{ $t("message.laborMange.add") }}</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
<div class="table_wrap whiteBlock">
|
||
<el-table :data="tableData" class="tables" style="width: 100%">
|
||
<el-table-column prop="enterpriseName" label="企业名称" align="center" show-overflow-tooltip>
|
||
</el-table-column>
|
||
<el-table-column prop="fineNo" :label="$t('message.laborMange.serialNumber')" align="center">
|
||
</el-table-column>
|
||
<el-table-column prop="violationNature" :label="$t('message.laborMange.type')" align="center">
|
||
<template slot-scope="scope">
|
||
{{
|
||
scope.row.fineType == 1
|
||
? $t("message.laborMange.award")
|
||
: scope.row.fineType == 2
|
||
? $t("message.laborMange.withhold")
|
||
: scope.row.fineType == 3
|
||
? $t("message.laborMange.fine")
|
||
: ""
|
||
}}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="finePrice" :label="$t('message.laborMange.rewardsAndPunishmentAmount')" align="center">
|
||
</el-table-column>
|
||
<el-table-column prop="violationTime" :label="$t('message.laborMange.creationTime')" align="center">
|
||
</el-table-column>
|
||
<el-table-column align="center" label="操作">
|
||
<template slot-scope="scope">
|
||
<!-- style="margin-left: 35px;" -->
|
||
<div class="tableBtns">
|
||
<div v-permission="{
|
||
key: 'penalize_detail',
|
||
menuPath: '/project/labor/penalize',
|
||
}" class="operationText" @click="detailBtn(scope.row)">
|
||
<img src="@/assets/images/xm_num.png" width="15px" height="15px" />
|
||
<span>{{ $t("message.laborMange.details") }}</span>
|
||
</div>
|
||
<div v-permission="{
|
||
key: 'penalize_edit',
|
||
menuPath: '/project/labor/penalize',
|
||
}" class="operationText" @click="editBtn(scope.row)">
|
||
<img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
|
||
<span>{{ $t("message.laborMange.edit") }}</span>
|
||
</div>
|
||
<div v-permission="{
|
||
key: 'penalize_delete',
|
||
menuPath: '/project/labor/penalize',
|
||
}" class="operationText" @click="deleteBtn(scope.row)">
|
||
<img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
|
||
<span>{{ $t("message.laborMange.delete") }}</span>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-pagination class="pagerBox" @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||
:current-page="pageNo" :page-sizes="$store.state.PAGESIZRS" :page-size="pageSize"
|
||
layout="total, sizes, prev, pager, next" :total="Number(total)" background></el-pagination>
|
||
</div>
|
||
|
||
<!-- 新增处罚单弹窗 -->
|
||
<el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogVisible" width="996px">
|
||
<div class="dialog_content" id="printDemo">
|
||
<div v-if="operateType != 3" class="flex" style="width: 55%; margin: 10px auto; justify-content: center">
|
||
<div style="width: 50px">
|
||
{{ $t("message.laborMange.headline") }}：
|
||
</div>
|
||
<el-input :placeholder="$t('message.laborMange.placeholder2')" v-model="dialogForm.titleName"></el-input>
|
||
</div>
|
||
<h2 v-else>{{ dialogForm.titleName }}</h2>
|
||
<div class="flex" style="justify-content: center; margin-bottom: 20px">
|
||
<div v-if="operateType != 3">
|
||
{{ $t("message.laborMange.type") }}：
|
||
</div>
|
||
<el-select v-model="dialogForm.fineType" :placeholder="$t('message.laborMange.pleaseChoose')"
|
||
v-if="operateType != 3">
|
||
<el-option :label="$t('message.laborMange.bonusSpaces')" :value="1"></el-option>
|
||
<el-option :label="$t('message.laborMange.debitNote')" :value="2"></el-option>
|
||
<el-option :label="$t('message.laborMange.ticket')" :value="3"></el-option>
|
||
</el-select>
|
||
<h3 v-else>
|
||
{{
|
||
dialogForm.fineType == 1
|
||
? $t("message.laborMange.bonusSpaces")
|
||
: dialogForm.fineType == 2
|
||
? $t("message.laborMange.debitNote")
|
||
: $t("message.laborMange.ticket")
|
||
}}
|
||
</h3>
|
||
</div>
|
||
<div class="flex">
|
||
<div style="width: 60%" class="flex">
|
||
<span>{{ $t("message.laborMange.projectName") }}：</span>
|
||
<span>{{ projectName }}</span>
|
||
</div>
|
||
<div style="width: 40%" class="flex">
|
||
<span>{{ $t("message.laborMange.serialNumber") }}：</span>
|
||
<div v-if="operateType != 3">
|
||
<el-input :placeholder="$t('message.laborMange.pleaseChoose')" v-model="dialogForm.fineNo">
|
||
</el-input>
|
||
</div>
|
||
<span v-else>{{ dialogForm.fineNo }}</span>
|
||
</div>
|
||
</div>
|
||
|
||
<table class="newTable">
|
||
<tr colspan="10">
|
||
<td colspan="2">
|
||
{{ $t("message.laborMange.by")
|
||
}}{{
|
||
dialogForm.fineType == 1
|
||
? $t("message.laborMange.award")
|
||
: dialogForm.fineType == 2
|
||
? $t("message.laborMange.withhold")
|
||
: $t("message.laborMange.fine")
|
||
}}{{ $t("message.laborMange.unit") }}
|
||
</td>
|
||
<td colspan="8" style="text-align: left">
|
||
<div v-if="operateType != 3">
|
||
<el-select style="width: 100%" filterable v-model="dialogForm.enterpriseId"
|
||
:placeholder="$t('message.laborMange.pleaseChoose')">
|
||
<el-option v-for="(item, index) in unitList" :key="index" :label="item.enterpriseName"
|
||
:value="item.id"></el-option>
|
||
</el-select>
|
||
</div>
|
||
<div v-else>{{ dialogForm.enterpriseName }}</div>
|
||
</td>
|
||
</tr>
|
||
<tr colspan="10">
|
||
<td colspan="2">
|
||
{{
|
||
dialogForm.fineType == 1
|
||
? $t("message.laborMange.award")
|
||
: $t("message.laborMange.violation")
|
||
}}{{ $t("message.laborMange.nature") }}
|
||
</td>
|
||
<td colspan="3" style="width: 30%">
|
||
<div v-if="operateType != 3">
|
||
<el-input :placeholder="$t('message.laborMange.placeholder2')" type="textarea" :rows="2"
|
||
v-model="dialogForm.violationNature">
|
||
</el-input>
|
||
</div>
|
||
<div v-else style="text-align: left">
|
||
<pre>{{ dialogForm.violationNature }}</pre>
|
||
</div>
|
||
</td>
|
||
<td colspan="2">
|
||
{{
|
||
dialogForm.fineType == 1
|
||
? $t("message.laborMange.award")
|
||
: $t("message.laborMange.violation")
|
||
}}{{ $t("message.laborMange.time") }}
|
||
</td>
|
||
<td colspan="3" style="width: 30%">
|
||
<div v-if="operateType != 3">
|
||
<el-date-picker v-model="dialogForm.violationTime" type="date" value-format="yyyy-MM-dd"
|
||
:placeholder="$t('message.laborMange.pleaseChoose')">
|
||
</el-date-picker>
|
||
</div>
|
||
<div v-else>{{ dialogForm.violationTime }}</div>
|
||
</td>
|
||
</tr>
|
||
<tr colspan="10">
|
||
<td colspan="2">
|
||
{{
|
||
dialogForm.fineType == 1
|
||
? $t("message.laborMange.award")
|
||
: dialogForm.fineType == 2
|
||
? $t("message.laborMange.withhold")
|
||
: $t("message.laborMange.fine")
|
||
}}{{ $t("message.laborMange.content") }}
|
||
</td>
|
||
<td colspan="8">
|
||
<div v-if="operateType != 3">
|
||
<el-input type="textarea" :placeholder="$t('message.laborMange.placeholder2')" :rows="14"
|
||
v-model="dialogForm.fineContent">
|
||
</el-input>
|
||
</div>
|
||
<div v-else style="text-align: left">
|
||
<pre style="min-height: 200px">{{
|
||
dialogForm.fineContent
|
||
}}</pre>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr colspan="10">
|
||
<td colspan="2">
|
||
{{
|
||
dialogForm.fineType == 1
|
||
? $t("message.laborMange.award")
|
||
: dialogForm.fineType == 2
|
||
? $t("message.laborMange.withhold")
|
||
: $t("message.laborMange.fine")
|
||
}}{{ $t("message.laborMange.money") }}
|
||
</td>
|
||
<td colspan="8">
|
||
<div class="flex">
|
||
<div style="width: 40%; justify-content: center" class="flex">
|
||
<span>{{ $t("message.laborMange.lowerCase") }}：</span>
|
||
<el-input v-if="operateType != 3" style="width: 50%"
|
||
:placeholder="$t('message.laborMange.placeholder2')" maxlength="10" @input="transformFn"
|
||
v-model="dialogForm.finePrice" type="number" oninput="if(value.length>12)value=value.slice(0,12)">
|
||
</el-input>
|
||
<span v-else>{{ dialogForm.finePrice }}</span>
|
||
</div>
|
||
<div style="width: 60%; justify-content: center" class="flex">
|
||
<span>{{ $t("message.laborMange.capital") }}：</span>
|
||
<span>{{ amountInWords }}</span>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<tr colspan="10" style="height: 80px">
|
||
<!-- {{$t('message.laborMange.MSS')}} -->
|
||
<td colspan="2">安全环保部门</td>
|
||
<td colspan="8" style="position: relative; text-align: left;">
|
||
<el-image v-if="showVueEsignImage1" style="width: 100px; height: 100px" :src="$store.state.FILEURL + showVueEsignImage1[0].imageUrl"
|
||
:preview-src-list="[$store.state.FILEURL + showVueEsignImage1[0].imageUrl]">
|
||
</el-image>
|
||
<el-button v-permission="{
|
||
key: 'penalize_departsignature',
|
||
menuPath: '/project/labor/penalize',
|
||
}" v-if="operateType != 3" @click="signHandle(1)" class="signaturebtn" size="small" type="primary">点击签名</el-button>
|
||
</td>
|
||
</tr>
|
||
<!-- {{$t('message.laborMange.executive')}} -->
|
||
<tr colspan="10" style="height: 80px">
|
||
<td colspan="2">承包商项目经理</td>
|
||
<td colspan="8" style="position: relative; text-align: left;">
|
||
<el-image v-if="showVueEsignImage2" style="width: 100px; height: 100px" :src="$store.state.FILEURL + showVueEsignImage2[0].imageUrl"
|
||
:preview-src-list="[$store.state.FILEURL + showVueEsignImage2[0].imageUrl]">
|
||
</el-image>
|
||
<el-button v-permission="{
|
||
key: 'penalize_managersignature',
|
||
menuPath: '/project/labor/penalize',
|
||
}" v-if="operateType != 3" @click="signHandle(2)" class="signaturebtn" size="small" type="primary">点击签名</el-button>
|
||
</td>
|
||
</tr>
|
||
<tr colspan="10" style="height: 80px" v-if="showWrap">
|
||
<td colspan="2">{{ $t("message.laborMange.uploadAttachment") }}</td>
|
||
<td colspan="8" style="text-align: left">
|
||
<div style="width: 500px">
|
||
<el-upload v-if="operateType != 3" class="upload-demo" :action="$store.state.UPLOADURL"
|
||
:on-remove="handleRemove" :on-success="handleSuccess" :on-error="handleError"
|
||
:on-preview="handlePreview" :before-upload="handleBeforeUpload" name="files" :file-list="fileList"
|
||
style="width: 100%" :limit="operateType != 3 ? 3 : 0">
|
||
<el-button size="small" type="primary">{{
|
||
$t("message.laborMange.clickOnTheUpload")
|
||
}}</el-button>
|
||
</el-upload>
|
||
<div v-else>
|
||
<div v-for="(item, index) in fileList" :key="index" class="affix" @click="handlePreview(item, 3)">
|
||
{{ item.name }}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<div style="margin-top: 20px">
|
||
<div>{{ $t("message.laborMange.infuse") }}：</div>
|
||
<div>1.{{ $t("message.laborMange.printHint1") }}</div>
|
||
<div>
|
||
2.
|
||
{{ $t("message.laborMange.printHint2") }}
|
||
</div>
|
||
<div>
|
||
{{ $t("message.laborMange.printHint3") }}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 回显打印附件 -->
|
||
<div v-show="!showWrap && fileList.length > 0" style="page-break-after: always" v-for="(item, index) in fileList"
|
||
:key="index">
|
||
<img :src="fileUrl + item.url" style="width: 100%" class="printImg" />
|
||
</div>
|
||
|
||
<div class="dialog-footer" v-if="showWrap">
|
||
<el-button class="cancleBtn" @click="dialogVisible = false" icon="el-icon-circle-close" size="medium">{{
|
||
$t("message.laborMange.cancel") }}
|
||
</el-button>
|
||
<el-button v-if="operateType != 3" type="primary" icon="el-icon-circle-check" @click="saveBtn" size="medium">{{
|
||
$t("message.laborMange.save") }}
|
||
</el-button>
|
||
<el-button v-else type="primary" icon="el-icon-circle-check" @click="printBtn" size="medium">{{
|
||
$t("message.laborMange.print") }}
|
||
</el-button>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
<el-dialog :modal-append-to-body="false" :visible.sync="dialogImg">
|
||
<img width="100%" height="auto" :src="dialogImageUrl" @click="btn(3)" alt="" />
|
||
</el-dialog>
|
||
<el-dialog title="签名" width="600px" :modal-append-to-body="false" :visible.sync="showVueEsign">
|
||
<signature @handleImg="handleImg" ref="dialog-Esign" />
|
||
<!-- 电子签名组件 -->
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
getFineRecordListApi,
|
||
getEnterpriseInfoList,
|
||
addFineRecordApi,
|
||
editFineRecordApi,
|
||
deleteFineRecordApi,
|
||
} from "@/assets/js/api/laborPerson.js";
|
||
import signature from "./components/signature/signature.vue";
|
||
import { apiUploadImage } from "@/assets/js/api/common";
|
||
export default {
|
||
name: "penalize",
|
||
components: {
|
||
signature,
|
||
},
|
||
data() {
|
||
return {
|
||
projectSn: "",
|
||
projectName: "",
|
||
uploadUrl: "",
|
||
fileUrl: "",
|
||
fineType: "", //数据类型 1奖励，2扣款，3罚款
|
||
total: 0,
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
tableData: [],
|
||
|
||
// 签名
|
||
showVueEsign: false,
|
||
showVueEsignType: 1,
|
||
showVueEsignImage1: null,
|
||
showVueEsignImage2:null,
|
||
|
||
//新增 || 编辑 || 详情
|
||
dialogForm: {
|
||
titleName: "",
|
||
fineType: 1,
|
||
enterpriseId: "",
|
||
fineNo: "",
|
||
finePrice: "",
|
||
fineContent: "",
|
||
violationNature: "",
|
||
violationTime: "",
|
||
fileUrl: "",
|
||
},
|
||
unitList: [], //被罚单位列表
|
||
amountInWords: "", //大写金额
|
||
|
||
operateType: 1, //类型
|
||
dialogTitle: this.$t("message.laborMange.add"),
|
||
dialogVisible: false,
|
||
workerInfo: {},
|
||
fileList: [], //附件列表
|
||
showWrap: true,
|
||
dialogImg: false,
|
||
dialogImageUrl: "",
|
||
};
|
||
},
|
||
created() {
|
||
this.projectSn = this.$store.state.projectSn;
|
||
this.projectName = this.$store.state.currentProDetail.projectName;
|
||
// this.uploadUrl = 'http://192.168.34.221:8079/upload/image';
|
||
console.log(this.$store.state, "文件服务");
|
||
this.fileUrl = this.$store.state.FILEURL;
|
||
this.selectData();
|
||
},
|
||
|
||
methods: {
|
||
// 点击电子签名的方法
|
||
signHandle(type) {
|
||
// 展示签名组件
|
||
this.showVueEsign = true;
|
||
this.showVueEsignType = type;
|
||
this.$nextTick(() => {
|
||
// 触发组件的初始化方法
|
||
this.$refs["dialog-Esign"].init();
|
||
});
|
||
},
|
||
|
||
// 回显电子签名图片
|
||
handleImg(formData) {
|
||
//使用$set为dataForm添加esign,并且esign具有自己的getter和setter（响应式）触发Vue更新页面
|
||
// this.$set(this.dataForm, "esign", base64);
|
||
|
||
this.showVueEsign = false;
|
||
apiUploadImage(formData).then((res) => {
|
||
console.log(res.data[0].imageUrl);
|
||
if (res.code == 200 || res.status == "SUCCESS") {
|
||
if (this.showVueEsignType == 1) {
|
||
this.showVueEsignImage1 = res.data;
|
||
} else if(this.showVueEsignType == 2){
|
||
this.showVueEsignImage2 = res.data;
|
||
}
|
||
}
|
||
});
|
||
console.log(formData);
|
||
},
|
||
//请求列表数据
|
||
selectData() {
|
||
let data = {
|
||
fineType: this.fineType,
|
||
pageNo: this.pageNo,
|
||
pageSize: this.pageSize,
|
||
projectSn: this.projectSn,
|
||
};
|
||
getFineRecordListApi(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.tableData = res.result.records;
|
||
this.total = res.result.total;
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
});
|
||
},
|
||
|
||
//获取处罚单位列表
|
||
getUnitList() {
|
||
let data = {
|
||
projectSn: this.projectSn,
|
||
};
|
||
getEnterpriseInfoList(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.unitList = res.result;
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
});
|
||
},
|
||
|
||
//新增按钮
|
||
addTicket() {
|
||
this.dialogForm = {
|
||
titleName: "",
|
||
fineType: 1,
|
||
enterpriseId: "",
|
||
fineNo: "",
|
||
finePrice: "",
|
||
fineContent: "",
|
||
violationNature: "",
|
||
violationTime: "",
|
||
fileUrl: "",
|
||
};
|
||
this.showVueEsignImage1 = null;
|
||
this.showVueEsignImage2 = null;
|
||
this.fileList = [];
|
||
this.amountInWords = "";
|
||
this.dialogVisible = true;
|
||
this.operateType = 1;
|
||
this.dialogTitle = this.$t("message.laborMange.add");
|
||
this.getUnitList();
|
||
},
|
||
|
||
//编辑按钮
|
||
editBtn(val) {
|
||
this.fileList = [];
|
||
this.dialogForm = {
|
||
titleName: val.titleName,
|
||
fineType: val.fineType,
|
||
enterpriseId: val.enterpriseId,
|
||
fineNo: val.fineNo,
|
||
finePrice: val.finePrice,
|
||
fineContent: val.fineContent,
|
||
violationNature: val.violationNature,
|
||
violationTime: val.violationTime,
|
||
fileUrl: val.fileUrl,
|
||
id: val.id,
|
||
};
|
||
if (val.finePrice) {
|
||
this.transformFn(val.finePrice); //转大小写
|
||
}
|
||
if (val.fileUrl) {
|
||
this.fileList = JSON.parse(val.fileUrl);
|
||
}
|
||
if (val.securityEnvironmentalDepartmentSign) {
|
||
this.showVueEsignImage1 = JSON.parse(val.securityEnvironmentalDepartmentSign)
|
||
}
|
||
|
||
if (val.cbsProjectManagerSign) {
|
||
this.showVueEsignImage2 = JSON.parse(val.cbsProjectManagerSign)
|
||
}
|
||
|
||
|
||
this.dialogVisible = true;
|
||
this.operateType = 2;
|
||
this.dialogTitle = this.$t("message.laborMange.edit");
|
||
this.getUnitList();
|
||
},
|
||
|
||
//详情按钮
|
||
detailBtn(val) {
|
||
this.fileList = [];
|
||
this.dialogForm = val;
|
||
if (val.finePrice) {
|
||
this.transformFn(val.finePrice); //转大小写
|
||
}
|
||
if (val.fileUrl) {
|
||
this.fileList = JSON.parse(val.fileUrl);
|
||
}
|
||
if (val.securityEnvironmentalDepartmentSign) {
|
||
this.showVueEsignImage1 = JSON.parse(val.securityEnvironmentalDepartmentSign)
|
||
}
|
||
|
||
if (val.cbsProjectManagerSign) {
|
||
this.showVueEsignImage2 = JSON.parse(val.cbsProjectManagerSign)
|
||
}
|
||
this.dialogVisible = true;
|
||
this.operateType = 3;
|
||
this.dialogTitle = this.$t("message.laborMange.details");
|
||
},
|
||
|
||
//删除按钮
|
||
deleteBtn(val) {
|
||
this.$confirm(
|
||
this.$t("message.laborMange.deleteHint"),
|
||
this.$t("message.laborMange.hint"),
|
||
{
|
||
confirmButtonText: this.$t("message.laborMange.confirm"),
|
||
cancelButtonText: this.$t("message.laborMange.cancel"),
|
||
type: "warning",
|
||
}
|
||
)
|
||
.then(() => {
|
||
let data = {
|
||
id: val.id,
|
||
};
|
||
deleteFineRecordApi(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.$message({
|
||
type: "success",
|
||
message: this.$t("message.laborMange.deleteSuccess"),
|
||
});
|
||
this.selectData();
|
||
} else {
|
||
this.$message({
|
||
type: "error",
|
||
message: res.message,
|
||
});
|
||
}
|
||
});
|
||
})
|
||
.catch(() => {
|
||
// this.$message({
|
||
// type: "info",
|
||
// message: "已取消删除",
|
||
// });
|
||
});
|
||
},
|
||
|
||
//切换每页显示数量
|
||
handleSizeChange(val) {
|
||
// console.log(val)
|
||
this.pageSize = val;
|
||
this.selectData();
|
||
},
|
||
//切换分页
|
||
handleCurrentChange(val) {
|
||
this.pageNo = val;
|
||
this.selectData();
|
||
},
|
||
|
||
//小写转大写
|
||
transformFn(number) {
|
||
if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(number))
|
||
return (this.amountInWords = null);
|
||
var ret = "";
|
||
if (number != "" && number != null && number != "0") {
|
||
var unit = this.$t("message.laborMange.moneyUnit"),
|
||
str = "";
|
||
number += "00";
|
||
var point = number.indexOf(".");
|
||
if (point >= 0) {
|
||
number = number.substring(0, point) + number.substr(point + 1, 2);
|
||
}
|
||
unit = unit.substr(unit.length - number.length);
|
||
for (var i = 0; i < number.length; i++) {
|
||
str +=
|
||
this.$t("message.laborMange.moneyUpperCase").charAt(
|
||
number.charAt(i)
|
||
) + unit.charAt(i);
|
||
}
|
||
ret =
|
||
str
|
||
.replace(/零(仟|佰|拾|角)/g, "零")
|
||
.replace(/(零)+/g, "零")
|
||
.replace(/零(万|亿|元)/g, "$1")
|
||
.replace(/(亿)万|(拾)/g, "$1$2")
|
||
.replace(/^元零?|零分/g, "")
|
||
.replace(/元$/g, "元") + "整";
|
||
}
|
||
this.amountInWords = ret;
|
||
// console.log('number',number)
|
||
},
|
||
|
||
//上传之前
|
||
handleBeforeUpload(file) {
|
||
// if (
|
||
// file.type != "image/jpeg" ||
|
||
// file.type != "image/jpg" ||
|
||
// file.type != "image/png" ||
|
||
// file.type != "image/webp"
|
||
// ) {
|
||
// this.$message.error(this.$t("message.laborMange.uploadedError"));
|
||
// return false;
|
||
// }
|
||
},
|
||
//删除附件
|
||
handleRemove(file, fileList) {
|
||
this.fileList = fileList;
|
||
},
|
||
//上传成功
|
||
handleSuccess(response, file, fileList) {
|
||
this.fileList = fileList;
|
||
},
|
||
//上传失败
|
||
handleError(error) {
|
||
console.log(error);
|
||
},
|
||
|
||
// 点击附件
|
||
handlePreview(file) {
|
||
//详情
|
||
if (file.url) {
|
||
this.dialogImageUrl = this.fileUrl + file.url;
|
||
} else {
|
||
this.dialogImageUrl = this.fileUrl + file.response.data[0].imageUrl;
|
||
}
|
||
this.dialogImg = true;
|
||
},
|
||
|
||
//保存按钮
|
||
saveBtn() {
|
||
if (this.dialogForm.titleName == "") {
|
||
this.$message.error(
|
||
this.$t("message.laborMange.placeholder2") +
|
||
this.$t("message.laborMange.headline")
|
||
);
|
||
return;
|
||
}
|
||
if (this.dialogForm.fineNo == "") {
|
||
this.$message.error(
|
||
this.$t("message.laborMange.placeholder2") +
|
||
this.$t("message.laborMange.serialNumber")
|
||
);
|
||
return;
|
||
}
|
||
if (this.dialogForm.enterpriseId == "") {
|
||
let message = `${this.$t("message.laborMange.pleaseChoose")}${this.dialogForm.fineType == 1
|
||
? this.$t("message.laborMange.award")
|
||
: this.dialogForm.fineType == 2
|
||
? this.$t("message.laborMange.withhold")
|
||
: this.$t("message.laborMange.fine")
|
||
}${this.$t("message.laborMange.unit")}`;
|
||
this.$message.error(message);
|
||
return;
|
||
}
|
||
|
||
//获取附件地址
|
||
if (this.fileList.length > 0) {
|
||
let urlArr = [];
|
||
this.fileList.forEach((element, index) => {
|
||
let url = {
|
||
url: element.response
|
||
? element.response.data[0].filename
|
||
: element.url,
|
||
name: element.name,
|
||
};
|
||
urlArr.push(url);
|
||
});
|
||
this.dialogForm.fileUrl = JSON.stringify(urlArr);
|
||
}
|
||
this.dialogForm.securityEnvironmentalDepartmentSign = JSON.stringify(this.showVueEsignImage1);
|
||
this.dialogForm.cbsProjectManagerSign = JSON.stringify(this.showVueEsignImage2);
|
||
|
||
let data = JSON.parse(JSON.stringify(this.dialogForm));
|
||
|
||
data.projectSn = this.projectSn;
|
||
//新增
|
||
if (this.operateType == 1) {
|
||
addFineRecordApi(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.$message.success(res.message);
|
||
this.dialogVisible = false;
|
||
this.pageNo = 1;
|
||
this.pageSize = 10;
|
||
this.selectData();
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
});
|
||
} else {
|
||
//编辑
|
||
editFineRecordApi(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.$message.success(res.message);
|
||
this.dialogVisible = false;
|
||
this.pageNo = 1;
|
||
this.pageSize = 10;
|
||
this.selectData();
|
||
} else {
|
||
this.$message.error(res.message);
|
||
}
|
||
});
|
||
}
|
||
},
|
||
|
||
//打印按钮
|
||
printBtn() {
|
||
this.showWrap = false;
|
||
setTimeout(() => {
|
||
let printDemo = document.getElementById("printDemo").innerHTML;
|
||
let printImg = document.getElementsByClassName("printImg");
|
||
window.document.body.innerHTML = printDemo;
|
||
window.document.body.style.cssText = "height:auto"; //设置自适应高度 //不然只打印一页
|
||
//有附件时
|
||
if (printImg.length > 0) {
|
||
//图片加载完成再打印
|
||
printImg[printImg.length - 1].onload = function () {
|
||
window.print();
|
||
window.location.reload();
|
||
};
|
||
} else {
|
||
//没有图片直接打印
|
||
window.print();
|
||
window.location.reload();
|
||
}
|
||
}, 100);
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
body {
|
||
height: 100%;
|
||
}
|
||
|
||
.newTable {
|
||
width: 100%;
|
||
height: 100%;
|
||
margin-top: 6px;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
span {
|
||
font-size: 16px;
|
||
}
|
||
|
||
h2,
|
||
h3 {
|
||
text-align: center;
|
||
}
|
||
|
||
h2 {
|
||
margin-top: 0;
|
||
}
|
||
|
||
table tr th,
|
||
table tr td {
|
||
border: 1px solid;
|
||
padding: 10px;
|
||
}
|
||
|
||
table {
|
||
text-align: center;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
.affix {
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
margin: 10px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.signaturebtn {
|
||
position: absolute;
|
||
right: 16px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
}
|
||
</style>
|