123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490 |
- <template>
- <el-dialog :title="title" :visible.sync="dialogVisible" width="80%" :close-on-click-modal="false" center @close="close">
- <div>
- <div class="step">
- <div class="title">知会阶段:</div>
- <div class="step-content">
- <div class="step-content-item" :class="{ active: setp == 1 }" @click="changStep(1)">一阶段</div>
- <div class="step-content-item" :class="{ active: setp == 2 }" @click="changStep(2)">二阶段</div>
- <div class="step-content-item" :class="{ active: setp == 3 }" @click="changStep(3)">三阶段</div>
- </div>
- </div>
- <div class="form">
- <el-form :model="form" :rules="rules" ref="ruleFormRef" label-width="120px" :disabled="formDisabled">
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="执行包信息" prop="packageId">
- <el-select filterable class="w100" v-model="form.packageId" placeholder="请选择执行包信息" @change="pkgChange">
- <el-option v-for="item in redemptionPkgList" :label="item.scorePackageName" :value="item.id" :key="item.id" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="执行包名称" prop="pkgName">
- <el-input v-model="form.pkgName" disabled />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="执行包总值" prop="pkgScore">
- <el-input v-model="form.pkgScore" disabled />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="审核通过积分值" prop="passedByNode6ScoreSum">
- <el-input v-model="form.passedByNode6ScoreSum" disabled />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12" v-if="setp !== 1">
- <el-form-item label="监督扣减分值" prop="supervisionDeductScore">
- <el-input v-model="form.supervisionDeductScore" disabled />
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="可兑付分值" prop="availRdpScore">
- <div class="percent-number">
- <el-input-number v-model="form.availRdpScore" disabled class="w100" :controls="false" :min="0"> </el-input-number>
- </div>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="本次兑付分值" prop="currentRedemptionScore">
- <div class="percent-number">
- <el-input-number
- v-model="form.currentRedemptionScore"
- :disabled="!form.packageId"
- class="w100"
- :controls="false"
- :min="0"
- :max="form.availRdpScore"
- @blur="currentRedemptionScoreChange"
- >
- </el-input-number>
- </div>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="本次兑付比例" prop="currentRedemptionRate">
- <div class="percent-number">
- <el-input-number
- v-model="form.currentRedemptionRate"
- :disabled="!form.packageId"
- class="w100"
- :controls="false"
- :min="0"
- :max="100"
- @blur="currentRedemptionRateChange"
- /><span>%</span>
- </div>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-form-item>
- <Table1 v-if="dialogVisible" ref="table1" @totalPercentageChange="totalPercentageChange" />
- </el-form-item>
- </el-row>
- <el-row :gutter="20">
- <el-col :span="12">
- <el-form-item label="实际兑付分值" prop="totalAmount">
- <div class="percent-number">
- <el-input-number v-model="form.totalAmount" disabled class="w100" :controls="false" />
- </div>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </div>
- <div class="status">
- <div v-if="detailInfo.checkRemarks">
- 事业部分管领导审核说明: <span>{{ detailInfo.checkRemarks }}</span>
- </div>
- <div v-if="detailInfo.acceptRemarks">
- 服务商知会说明: <span>{{ detailInfo.acceptRemarks }}</span>
- </div>
- </div>
- <!-- 当前状态 -->
- <!-- <div class="status" v-if="type != 1">
- <div>
- 当前状态: <span>{{ detailInfo.$checkState }}</span>
- </div>
- </div> -->
- <!-- 申诉原因 -->
- <div v-if="type == 3 && !detailInfo.accept">
- <el-form :model="confirmForm" :rules="confirmFormRules" ref="confirmFormRef" label-width="100px" class="demo-ruleForm">
- <el-form-item label="备注" prop="remarks">
- <el-input type="textarea" placeholder="请输入备注,最长500字" maxlength="500" v-model="confirmForm.remarks"></el-input>
- </el-form-item>
- </el-form>
- </div>
- <!-- 审核意见 -->
- <div v-if="type == 4">
- <el-form :model="reviewForm" :rules="reviewFormRules" ref="reviewFormRef" label-width="100px" class="demo-ruleForm">
- <el-form-item label="审核意见" prop="checkResult">
- <el-radio-group v-model="reviewForm.checkResult">
- <el-radio :label="true">通过</el-radio>
- <el-radio :label="false">拒绝</el-radio>
- </el-radio-group>
- </el-form-item>
- <el-form-item
- label="审批说明"
- prop="checkRemarks"
- :rules="[
- {
- required: !reviewForm.checkResult,
- message: '请输入审批说明',
- trigger: 'blur'
- }
- ]"
- >
- <el-input type="textarea" placeholder="请输入审核意见,最长500字" maxlength="500" v-model="reviewForm.checkRemarks"></el-input>
- </el-form-item>
- </el-form>
- </div>
- </div>
- <!-- 创建按钮 -->
- <span slot="footer" class="dialog-footer" v-if="type == 1">
- <el-button @click="close">取 消</el-button>
- <el-button type="primary" @click="submitInfo">确 定</el-button>
- </span>
- <!-- 审核按钮 -->
- <span slot="footer" class="dialog-footer" v-if="type == 3 && !detailInfo.accept">
- <el-button @click="confirmFn('ARGUE')">申 诉</el-button>
- <el-button type="primary" @click="confirmFn('CONFIRM')">通 过</el-button>
- </span>
- <!-- 分管领导按钮 -->
- <span slot="footer" class="dialog-footer" v-if="type == 4">
- <el-button @click="close">关 闭</el-button>
- <el-button type="primary" @click="checkFn">确 定</el-button>
- </span>
- </el-dialog>
- </template>
- <script>
- import {
- redemptionValStatApi,
- redemptionNoticeReadApi,
- redemptionNoticeCreate,
- redemptionNoticeConfirmApi,
- redemptionPkgListApi,
- redemptionoticeCheckApi
- } from '@/api/distributeVoucher.js';
- import { mapGetters } from 'vuex';
- import Table1 from './table/table1.vue';
- export default {
- components: { Table1 },
- data() {
- return {
- dialogVisible: false,
- type: '',
- currentRow: {},
- title: '新增',
- setp: 1,
- formDisabled: false,
- redemptionPkgList: [],
- form: {
- packageId: '',
- pkgName: '',
- pkgScore: '',
- passedByNode6ScoreSum: '',
- availRdpScore: 0,
- totalAmount: '',
- currentRedemptionScore: '',
- currentRedemptionRate: ''
- },
- rules: {
- currentRedemptionScore: [{ required: true, message: '请输入本次兑换分值', trigger: 'blur' }],
- currentRedemptionRate: [{ required: true, message: '请输入本次兑换分值', trigger: 'blur' }]
- },
- confirmForm: {
- remarks: ''
- },
- reviewForm: {
- checkRemarks: '',
- checkResult: ''
- },
- reviewFormRules: {
- checkResult: [{ required: true, message: '请选择审核意见', trigger: 'change' }]
- },
- confirmFormRules: {
- remarks: [{ required: true, message: '请输入备注', trigger: 'blur' }]
- },
- detailInfo: {},
- totalPercentageNums: 0
- };
- },
- created() {
- this.getRedemptionPkgListApi();
- },
- methods: {
- changStep(step) {
- this.setp = step;
- this.getRedemptionPkgListApi();
- },
- totalPercentageChange(nums) {
- this.totalPercentageNums = nums;
- if (this.form.currentRedemptionScore) {
- const total = (this.form.currentRedemptionScore * nums) / 1000000;
- this.form.totalAmount = total;
- }
- },
- async getRedemptionPkgListApi() {
- const res = await redemptionPkgListApi(this.setp);
- this.redemptionPkgList = res.data.data;
- },
- // 创建知会
- createFn(type) {
- this.type = type;
- this.title = '新增';
- this.formDisabled = false;
- this.dialogVisible = true;
- },
- detail(row, type) {
- this.type = type;
- this.title = '查阅';
- this.detailInfo = row;
- if (type == 3 && row.noticeState != 'CONFIRM') {
- this.redemptionNoticeRead(row.noticeId);
- }
- let arr = [
- {
- id: row.packageId,
- scorePackageName: row.packageName
- }
- ];
- this.redemptionPkgList = arr;
- this.form.packageId = row.packageId;
- this.formDisabled = true;
- this.form.pkgName = row.packageName;
- this.form.pkgScore = row.packageScore;
- this.setp = row.step;
- this.form.availRdpScore = row.availRdpScore;
- this.form.supervisionDeductScore = row.supervisionDeductScore;
- this.form.passedByNode6ScoreSum = row.passedByNode6ScoreSum;
- this.form.currentRedemptionScore = row.currentRedemptionScore;
- this.form.currentRedemptionRate = row.currentRedemptionRate;
- this.dialogVisible = true;
- this.$nextTick(() => {
- this.$refs.table1.redemptionFn(row.redemptionResult);
- });
- },
- review(row, type) {
- this.type = type;
- this.title = '审核';
- this.form.supervisionDeductScore = row.supervisionDeductScore;
- this.currentRow = row;
- this.formDisabled = true;
- this.setp = row.step;
- this.form.packageId = row.packageId;
- this.form.availRdpScore = row.availRdpScore;
- this.form.passedByNode6ScoreSum = row.passedByNode6ScoreSum;
- this.form.pkgName = row.packageName;
- this.form.pkgScore = row.packageScore;
- this.form.currentRedemptionScore = row.currentRedemptionScore;
- this.form.currentRedemptionRate = row.currentRedemptionRate;
- this.detailInfo = row;
- this.dialogVisible = true;
- this.$nextTick(() => {
- this.$refs.table1.redemptionFn(row.redemptionResult);
- });
- },
- pkgChange(e) {
- this.redemptionValStat(e);
- },
- async redemptionValStat(id) {
- const res = await redemptionValStatApi(id);
- if (res.data.code === 0) {
- if (res.data.data.taskApprovedScoreRateNinetyPercent) {
- this.$refs.table1.setInfo(res.data.data.taskApprovedScoreRateNinetyPercent);
- }
- this.detailInfo = res.data.data;
- this.form.pkgName = res.data.data.pkgName;
- this.form.pkgScore = res.data.data.pkgScore;
- this.form.passedByNode6ScoreSum = res.data.data.passedByNode6ScoreSum;
- this.form.supervisionDeductScore = res.data.data.supervisionDeductScore;
- if (this.setp === 1) {
- this.form.availRdpScore = res.data.data.availRdpScore > 0 ? res.data.data.availRdpScore : 0;
- } else if (this.setp === 2) {
- this.form.availRdpScore = res.data.data.step2AvailRdpScore > 0 ? res.data.data.step2AvailRdpScore : 0;
- } else {
- this.form.availRdpScore = res.data.data.step3AvailRdpScore > 0 ? res.data.data.step3AvailRdpScore : 0;
- }
- this.$refs.table1.initInfo(this.detailInfo);
- }
- },
- // 提交创建知会
- async submitInfo() {
- const items = this.$refs.table1.returnInfo();
- const obj = {
- packageId: this.detailInfo.id,
- step: this.setp,
- fromEntId: this.detailInfo.fromEntId,
- toEntId: this.detailInfo.toEntId,
- items: items,
- passedByNode6ScoreSum: this.form.passedByNode6ScoreSum,
- supervisionDeductScore: this.form.supervisionDeductScore,
- availRdpScore: this.form.availRdpScore,
- currentRedemptionScore: this.form.currentRedemptionScore,
- currentRedemptionRate: this.form.currentRedemptionRate,
- totalAmount: this.form.totalAmount,
- currentRedemptionTotal: items[0].totalPercentage
- };
- this.$refs.ruleFormRef.validate(async (valid) => {
- if (valid) {
- const res = await redemptionNoticeCreate(obj);
- if (res.data.code === 0) {
- this.$message.success('新增成功');
- this.$emit('success');
- this.close();
- }
- }
- });
- },
- async redemptionNoticeRead(id) {
- redemptionNoticeReadApi({
- noticeId: id
- }).then((res) => {
- console.log('res', res);
- });
- },
- confirmFn(type) {
- this.$refs.confirmFormRef.validate(async (valid) => {
- if (valid) {
- const obj = {
- noticeId: this.detailInfo.noticeId,
- state: type,
- remarks: this.confirmForm.remarks
- };
- const res = await redemptionNoticeConfirmApi(obj);
- if (res.data.data) {
- this.$message.success('添加成功');
- this.close();
- }
- }
- });
- },
- checkFn() {
- this.$refs.reviewFormRef.validate(async (valid) => {
- if (valid) {
- let obj = this.reviewForm;
- obj.redemptionNoticeId = this.currentRow.noticeId;
- const res = await redemptionoticeCheckApi(this.reviewForm);
- if (res.data.data) {
- this.$message.success('审核成功!');
- this.close();
- }
- }
- });
- },
- close() {
- this.type = '';
- this.formDisabled = false;
- this.form = {
- pkgName: '',
- pkgScore: '',
- currentRedemptionScore: '',
- currentRedemptionRate: ''
- };
- if (this.$refs.reviewFormRef) {
- this.$refs.reviewFormRef.resetFields();
- }
- this.confirmForm.remarks = '';
- this.detailInfo = {};
- this.dialogVisible = false;
- this.$emit('success');
- },
- currentRedemptionScoreChange() {
- let e = this.form.currentRedemptionScore;
- if (e) {
- const currentRedemptionRate = (e / this.form.pkgScore) * 100;
- let num = currentRedemptionRate.toFixed(2);
- this.form.currentRedemptionRate = Number(num);
- if (this.totalPercentageNums && this.form.pkgScore) {
- this.totalPercentageChange(this.totalPercentageNums);
- }
- }
- },
- currentRedemptionRateChange() {
- let e = this.form.currentRedemptionRate;
- if (e) {
- const num = e / 100;
- this.form.currentRedemptionScore = num * this.form.pkgScore;
- if (this.totalPercentageNums && this.form.pkgScore) {
- this.totalPercentageChange(this.totalPercentageNums);
- }
- }
- }
- }
- };
- </script>
- <style lang="scss" scoped>
- .form {
- margin-bottom: 10px;
- width: 100%;
- }
- .step {
- display: flex;
- align-items: center;
- margin-bottom: 15px;
- padding-left: 35px;
- .title {
- font-size: 16px;
- font-weight: bold;
- color: #333;
- line-height: 18px;
- margin-right: 5px;
- }
- .step-content {
- display: flex;
- .step-content-item {
- margin-right: 10px;
- padding: 5px;
- line-height: 18px;
- border: 1px solid #dcdfe6;
- cursor: pointer;
- &.active {
- background: #6eb657;
- color: #fff;
- }
- }
- }
- }
- .percent-number {
- display: flex;
- align-items: center;
- span {
- color: #909399;
- position: absolute;
- right: 10px;
- }
- }
- .status {
- margin: 20px 0;
- span {
- font-weight: 400;
- }
- }
- </style>
|