|
|
@@ -0,0 +1,321 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <div class="title-container">
|
|
|
+ <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
|
|
|
+ </div>
|
|
|
+ <el-collapse v-model="activeNames" style="margin-top: 30px;">
|
|
|
+ <el-collapse-item name="board">
|
|
|
+ <template slot="title">
|
|
|
+ <span style="font-size:15px; margin-left:15px;letter-spacing:2px; color:RGB(168,168,168)">
|
|
|
+ 点击展开查看实时流程图
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <WorkflowBoard ref='board' :nodeBusinessInfo="nodeBusinessInfo" />
|
|
|
+ </el-collapse-item>
|
|
|
+ </el-collapse>
|
|
|
+ <div class="button-area">
|
|
|
+ <el-button v-if="nodeBusinessInfo.currentNodePermission.commit && doWorkflow" class="y-save" type="success" round
|
|
|
+ @click="commit('PASS')">通过</el-button>
|
|
|
+ <el-button v-if="nodeBusinessInfo.currentNodePermission.terminable && doWorkflow" class="y-save" type="danger" round
|
|
|
+ @click="commit('TERMINATE')">拒绝</el-button>
|
|
|
+ <el-button class="y-save" round type="info" @click="goBack">返回</el-button>
|
|
|
+ </div>
|
|
|
+ <el-card>
|
|
|
+ <el-divider content-position="left">
|
|
|
+ <span style="color:red;font-weight: bold;">
|
|
|
+ 【{{ this.nodeBusinessInfo.mainBusiness === 'COMMISSION_DECLARE_ASSET_EVALUATE' ? '评估人员' : '市场人员' }}】
|
|
|
+ </span>资产业务提成申报详情</el-divider>
|
|
|
+ <el-form :model="declareForm" ref="declareForm">
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="24" :span="6">
|
|
|
+ <el-form-item label="项目名称：" prop="name" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.name" :step="1" :max="100" style="width: 100%;" readonly disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="订单号：" prop="orderId" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.orderId" :step="1" :max="100" style="width: 100%;" readonly
|
|
|
+ disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="报告号：" prop="reportNo" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.reportNo" :step="1" :max="100" style="width: 100%;" readonly
|
|
|
+ disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="业务分类：" prop="businessCate" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.businessCate" :step="1" :max="100" style="width: 100%;" readonly
|
|
|
+ disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="产品类型：" prop="production" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="prod" :step="1" :max="100" style="width: 100%;" readonly disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6"
|
|
|
+ v-if="declareForm.businessType === 'COMMISSION_DECLARE_ASSET_EVALUATE'">
|
|
|
+ <el-form-item label="提成比例：" prop="ratio" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input v-model="declareForm.ratio" type="number"
|
|
|
+ :disabled="declareForm.businessType !== 'COMMISSION_DECLARE_ASSET_EVALUATE' || nodeBusinessInfo.nodeCode !== 'DEPARTMENT_LEADER_CHECK' || !couldEdit">
|
|
|
+ <template #suffix>
|
|
|
+ %
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6"
|
|
|
+ v-if="declareForm.businessType === 'COMMISSION_DECLARE_ASSET_EVALUATE'">
|
|
|
+ <el-form-item label="提成下限：" prop="definedLowLimitAmount" label-width="180px" class="postInfo-container-item">
|
|
|
+ <el-input v-model="declareForm.definedLowLimitAmount" type="number"
|
|
|
+ :disabled="declareForm.businessType !== 'COMMISSION_DECLARE_ASSET_EVALUATE' || nodeBusinessInfo.nodeCode !== 'DEPARTMENT_LEADER_CHECK' || !couldEdit">
|
|
|
+ <template #suffix>
|
|
|
+ 元
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="申报人：" prop="declareUser" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.declareUser" style="width: 100%;" readonly disabled>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="申报日期：" prop="created" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.created" style="width: 100%;" readonly disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="审核状态：" prop="declareResult" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.declareResult" readonly disabled>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
+ <el-form-item label="审核备注：" prop="remarks" label-width="140px" class="postInfo-container-item">
|
|
|
+ <el-input :value="declareForm.remarks + ''" style="width: 100%; color: red;" readonly disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6"
|
|
|
+ v-if="declareForm.businessType === 'COMMISSION_DECLARE_ASSET_EVALUATE' && nodeBusinessInfo.nodeCode === 'DEPARTMENT_LEADER_CHECK' && couldEdit">
|
|
|
+ <el-button @click="updateAssetsCommissionDeclare()" style="margin-left: 30px;" type="danger" round>
|
|
|
+ 修改提成比例与下限
|
|
|
+ </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-table :data="declareForm.userShareRates" border style="width: 100%; margin-top: 10px; margin-bottom: 10px;">
|
|
|
+ <el-table-column prop="userId"
|
|
|
+ :label="this.nodeBusinessInfo.mainBusiness === 'COMMISSION_DECLARE_ASSET_EVALUATE' ? '评估人员' : '市场人员'"
|
|
|
+ align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.name }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="rate" label="提成比例" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span style="color: red;">{{ row.rate }}%</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column v-if="declareForm.businessType === 'COMMISSION_DECLARE_ASSET_EVALUATE'" prop="rate"
|
|
|
+ label="参与时长" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span style="color: red;">{{ row.participationDuration }}小时</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="rate" label="成员类型" align="center">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <span>{{ row.memberType }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import Breadcrumb from '@/components/Breadcrumb'
|
|
|
+import WorkflowBoard from '@/components/workflowBoard'
|
|
|
+
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'declareDetail',
|
|
|
+ components: {
|
|
|
+ Breadcrumb,
|
|
|
+ WorkflowBoard
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ prod() {
|
|
|
+ if (this.declareForm.production === 'REPORT') {
|
|
|
+ return "评估报告";
|
|
|
+ }
|
|
|
+ if (this.declareForm.production === 'LETTER') {
|
|
|
+ return "意见函";
|
|
|
+ }
|
|
|
+ if (this.declareForm.production === 'CONSULT') {
|
|
|
+ return "咨询报告";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeNames: ['board'],
|
|
|
+ couldEdit: true,
|
|
|
+ nodeBusinessInfo: {
|
|
|
+ currentNodePermission: {
|
|
|
+ commit: true,
|
|
|
+ reversible: true,
|
|
|
+ restartable: true,
|
|
|
+ terminable: true,
|
|
|
+ skippable: true,
|
|
|
+ },
|
|
|
+ mainBusiness: null,
|
|
|
+ doWorkflow: null,
|
|
|
+ businessSubId: null,
|
|
|
+ businessId: null,
|
|
|
+ currentInstanceNodeId: null,
|
|
|
+ production: [],
|
|
|
+ nodeCode: null
|
|
|
+ },
|
|
|
+ doWorkflow: false,
|
|
|
+ declareForm: {
|
|
|
+ orderId: null,
|
|
|
+ name: null,
|
|
|
+ reportNo: null,
|
|
|
+ businessId: null,
|
|
|
+ productionId: null,
|
|
|
+ businessType: null,
|
|
|
+ commissionRateId: null,
|
|
|
+ ratio: null,
|
|
|
+ definedLowLimitAmount: null,
|
|
|
+ userShareRates: [
|
|
|
+ {
|
|
|
+ userId: this.$store.getters.userInfo.id,
|
|
|
+ rate: 100
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ production: null,
|
|
|
+ remarks: []
|
|
|
+
|
|
|
+ },
|
|
|
+ users: [],
|
|
|
+ cates: [],
|
|
|
+ currentNode: {
|
|
|
+ flowId: null,
|
|
|
+ pnodeId: null,
|
|
|
+ nodeId: null,
|
|
|
+ flowCode: null,
|
|
|
+ nodeName: "",
|
|
|
+ nodeCode: null,
|
|
|
+ state: "",
|
|
|
+ instanceId: null,
|
|
|
+ sequence: null,
|
|
|
+ restartable: null,
|
|
|
+ reversible: null,
|
|
|
+ skippable: null,
|
|
|
+ terminable: null,
|
|
|
+ tasks: []
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.couldEdit = this.$route.query.couldEdit === 'true';
|
|
|
+ this.nodeBusinessInfo.businessId = this.$route.query.businessId;
|
|
|
+ this.nodeBusinessInfo.mainBusiness = this.$route.query.businessType;
|
|
|
+ this.declareForm.businessType = this.$route.query.businessType;
|
|
|
+ this.doWorkflow = this.$route.query.doWorkflow === 'true';
|
|
|
+ this.getCurrentNodeInfo();
|
|
|
+ this.businessId = this.$route.query.businessId;
|
|
|
+ this.getDeclareDetail();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getCurrentNodeInfo() {
|
|
|
+ if (this.nodeBusinessInfo.businessId) {
|
|
|
+ this.$api.workNodeInstance.currentNode({
|
|
|
+ "mainBusiness": this.nodeBusinessInfo.mainBusiness,
|
|
|
+ "businessId": this.nodeBusinessInfo.businessId
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code === 200 && res.data != null) {
|
|
|
+ this.currentNode = res.data;
|
|
|
+ this.nodeBusinessInfo.currentInstanceNodeId = res.data.instanceId;
|
|
|
+ this.nodeBusinessInfo.nodeCode = res.data.nodeCode;
|
|
|
+ }
|
|
|
+ this.$refs.board.getInstanceArray(this.nodeBusinessInfo.mainBusiness, this.nodeBusinessInfo.businessId);
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ goBack() {
|
|
|
+ const back = this.$route.query.back
|
|
|
+ if (back) {
|
|
|
+ this.$router.push(back)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getSimpleAllUser() {
|
|
|
+ this.$api.user.simpleAll().then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.users = res.data;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDeclareDetail() {
|
|
|
+ this.$api.commissonDeclare.detail(this.businessId).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.declareForm = res.data;
|
|
|
+ this.declareForm.businessType = res.data.declareBusinessType;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //提交节点
|
|
|
+ commit(state) {
|
|
|
+ this.$refs.board.commit(state);
|
|
|
+ },
|
|
|
+ updateAssetsCommissionDeclare() {
|
|
|
+ let declareDTO = new Object();
|
|
|
+ declareDTO.id = this.businessId;
|
|
|
+ declareDTO.ratio = this.declareForm.ratio;
|
|
|
+ declareDTO.definedLowLimitAmount = this.declareForm.definedLowLimitAmount;
|
|
|
+ declareDTO.recordId = this.currentNode.tasks[0].recordId;
|
|
|
+ this.$api.commissonDeclare.updateAssetsCommissionDeclare(declareDTO).then(res => {
|
|
|
+ if (res.code === 200 && res.data) {
|
|
|
+ this.$notify({
|
|
|
+ title: '成功',
|
|
|
+ message: '提成比例与下限信息更新成功！',
|
|
|
+ type: 'success',
|
|
|
+ duration: 3000
|
|
|
+ });
|
|
|
+ this.getAssetsDetailById(this.pageParams.row.assetsId);
|
|
|
+ } else {
|
|
|
+ this.$notify({
|
|
|
+ title: '失败',
|
|
|
+ message: '提成比例与下限信息更新失败！请稍后重试！',
|
|
|
+ type: 'warning',
|
|
|
+ duration: 3000
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.button-area {
|
|
|
+ position: absolute;
|
|
|
+ top: 70px;
|
|
|
+ right: 50px;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
