master
刘翔宇-旅管家
4 years ago
parent
ddae7601e6
commit
9ff778ee0a
@ -1,427 +1,550 @@
|
||||
<template>
|
||||
<div>
|
||||
<!-- 编辑-->
|
||||
<xy-dialog :is-show.sync="isShowEditor" title="合同编辑" type="form" :form="detail" :rules="rules" @submit="editor" ref="addContract">
|
||||
<template v-slot:name>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目名称
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-input clearable placeholder="请填写项目名称" v-model="detail.name" style="width: 300px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:type>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目类型
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select clearable placeholder="请选择项目类型" v-model="detail.type" style="width: 300px;">
|
||||
<el-option v-for="item in [{label:'服务',value:1},{label:'货物',value:2},{label:'工程',value:3}]" :label="item.label" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:methods>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购形式
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select clearable placeholder="请选择采购形式" v-model="detail.methods" style="width: 300px;">
|
||||
<el-option v-for="item in purchaseType" :label="item.value" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:modality>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购方式
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select clearable placeholder="请选择采购方式" v-model="detail.modality" style="width: 300px;">
|
||||
<el-option v-for="item in purchaseWay" :label="item.value" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:price>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>合同预算价
|
||||
</div>
|
||||
<div class="xy-table-item-content xy-table-item-price">
|
||||
<el-input clearable placeholder="请填写合同预算价" v-model="detail.price" style="width: 300px;"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:fundingChannels>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>资金渠道
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select multiple clearable placeholder="请选择资金渠道" v-model="detail.fundingChannels" style="width: 300px;">
|
||||
<el-option v-for="item in moneyWay" :value="item.id" :label="item.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:isBudget>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label" style="width: 200px">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否为预算内确定项目
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-switch v-model="detail.isBudget"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:plan>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>关联预算计划
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<div class="contract-add-plan" style="width: 300px;" @click="isShowPlan = true,getBudgets()">
|
||||
<template v-if="detail.plan.length > 0">
|
||||
<template v-for="item in detail.plan">
|
||||
<Tag closable color="primary" @on-close="delPlan(item)">{{item.label}}</Tag>
|
||||
</template>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="contract-add-plan-no-plan">请选择关联计划</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</xy-dialog>
|
||||
|
||||
<!-- 编辑中 预算计划 -->
|
||||
<xy-dialog :is-show.sync="isShowPlan" title="预算计划" :width="640" @on-ok="planSelect">
|
||||
<template v-slot:normalContent>
|
||||
<Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets"/>
|
||||
|
||||
<xy-table :list="plans" :show-index="false" :table-item="planTable" :height="310" style="margin-top: 10px;" ref="editorPlanTable" @select="selectPlan">
|
||||
<template v-slot:btns>
|
||||
<el-table-column label="使用金额" header-align="center">
|
||||
<template slot-scope="scope">
|
||||
<Input :value="scope.row.useMoney" @input="planInput($event,scope.row)"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</xy-table>
|
||||
|
||||
<div style="display: flex;justify-content: flex-end;">
|
||||
<Page :total="planTotal" show-elevator @on-change="planPageChange"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-slot:footerContent>
|
||||
<Button type="primary" @click="isShowPlan = false">确定</Button>
|
||||
</template>
|
||||
</xy-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {editorContract,detailContract} from "@/api/contract/contract";
|
||||
import {getBudget} from "@/api/budget/budget";
|
||||
import {Message} from 'element-ui'
|
||||
export default {
|
||||
props:{
|
||||
purchaseType:Array,
|
||||
moneyWay:Array,
|
||||
purchaseWay:Array
|
||||
},
|
||||
data() {
|
||||
var planPass = (rule, value, callback) => {
|
||||
if(this.detail.isBudget){
|
||||
if(this.detail.plan.length === 0){
|
||||
return callback(new Error('必选'))
|
||||
}else{
|
||||
callback()
|
||||
}
|
||||
}else{
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
isFocus:false,
|
||||
contrantId:'',
|
||||
isShowEditor:false,
|
||||
isShowPlan:false,
|
||||
detail:{},
|
||||
plan:[],
|
||||
rules:{
|
||||
name:[
|
||||
{required:true,message:"必填"}
|
||||
],
|
||||
type:[
|
||||
{required:true,message:"必选"}
|
||||
],
|
||||
methods:[
|
||||
{required:true,message:"必选"}
|
||||
],
|
||||
modality:[
|
||||
{required:true,message:"必选"}
|
||||
],
|
||||
price:[
|
||||
{required:true,message:"必填"},
|
||||
{pattern:/^\d+(\.\d+)?$/, message: '必须为数字'}
|
||||
],
|
||||
fundingChannels:[
|
||||
{required:true,message:"必填"}
|
||||
],
|
||||
plan:[
|
||||
{validator:planPass}
|
||||
]
|
||||
},
|
||||
plans:[],
|
||||
planSearch:'',
|
||||
planTable:[
|
||||
{
|
||||
sortable:false,
|
||||
width:36,
|
||||
type:"selection"
|
||||
},
|
||||
{
|
||||
label:"分类",
|
||||
prop:'type',
|
||||
formatter:(cell, data, value) => {
|
||||
let res = this.moneyWay.filter(item => {
|
||||
return item.id === value
|
||||
})
|
||||
return res[0]?.value || '未知'
|
||||
}
|
||||
},
|
||||
{
|
||||
label:"名称",
|
||||
prop:'name',
|
||||
align:'left'
|
||||
},
|
||||
{
|
||||
label:"计划金额",
|
||||
prop:'money',
|
||||
align:'right'
|
||||
}
|
||||
],
|
||||
planTotal:0,
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//预算计划金额输入
|
||||
planInput(e,row){
|
||||
if(!/^[0-9]+.?[0-9]*$/.test(e) && e){
|
||||
Message({
|
||||
type:'warning',
|
||||
message:'金额格式错误'
|
||||
})
|
||||
row.useMoney = 0
|
||||
return
|
||||
}
|
||||
if(e <= (Number(row.money) - Number(row.use_money_total))){
|
||||
row.useMoney = e
|
||||
this.plan.forEach(item => {
|
||||
if(item.value.plan_id == row.id){
|
||||
item.value.use_money = e
|
||||
}
|
||||
})
|
||||
return
|
||||
}
|
||||
Message({
|
||||
type:'warning',
|
||||
message:'使用金额大于剩余预算'
|
||||
})
|
||||
row.useMoney = 0
|
||||
},
|
||||
//确认计划选择
|
||||
planSelect(){
|
||||
if(this.plan.length === 0){
|
||||
Message({
|
||||
type:'warning',
|
||||
message:'选择计划不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
for(let item of this.plan){
|
||||
console.log(item)
|
||||
if(!item.value.use_money){
|
||||
Message({
|
||||
type:'warning',
|
||||
message:'金额不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
this.detail.plan = this.plan
|
||||
this.isShowPlan = false
|
||||
},
|
||||
//选择计划
|
||||
selectPlan(sel,row){
|
||||
if(sel){
|
||||
this.plan = sel.map(item => {
|
||||
return {
|
||||
label:item.name,
|
||||
value:{
|
||||
plan_id:item.id,
|
||||
use_money:item.useMoney,
|
||||
new_money:item.money
|
||||
}
|
||||
}
|
||||
})
|
||||
}else{
|
||||
this.plan = []
|
||||
}
|
||||
},
|
||||
delPlan(val){
|
||||
this.detail.plan.map((item,index)=>{
|
||||
if(item.value.plan_id === val.value.plan_id){
|
||||
this.detail.plan.splice(index,1)
|
||||
}
|
||||
})
|
||||
},
|
||||
//获取预算计划
|
||||
async getBudgets(){
|
||||
let res = await getBudget({name:this.planSearch,page_size:10,page:this.plansPageIndex})
|
||||
this.plans = res.list.data
|
||||
this.planTotal = res.list.total
|
||||
|
||||
this.toggleSelection(this.detail.plan.map(item => {
|
||||
return item.value.plan_id
|
||||
}))
|
||||
},
|
||||
planPageChange(e){
|
||||
this.plansPageIndex = e
|
||||
this.getBudgets()
|
||||
},
|
||||
//默认选择计划
|
||||
toggleSelection(plans) {
|
||||
if (plans) {
|
||||
this.plans.filter(plan => {
|
||||
if(plans.includes(plan.id)){
|
||||
plan.useMoney = this.detail.plan[plans.indexOf(plan.id)].value.use_money
|
||||
return true
|
||||
}
|
||||
}).map(row => {
|
||||
this.$refs.editorPlanTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.editorPlanTable.clearSelection()
|
||||
}
|
||||
},
|
||||
async getDetail(id){
|
||||
let res = await detailContract({id:id})
|
||||
this.contrantId = res.id
|
||||
this.detail = {
|
||||
name:res.name,
|
||||
type:res.type,
|
||||
methods:res.purchase_type_id,
|
||||
modality:res.purchase_way_id,
|
||||
fundingChannels:res.money_way_id.split(',').map(item =>{return Number(item)}),
|
||||
price:res.plan_price,
|
||||
isBudget:res.is_plan === 1 ? true : false,
|
||||
plan:res.plans.map(item=>{
|
||||
return {
|
||||
label:item.name,
|
||||
value:{
|
||||
plan_id:item.id,
|
||||
use_money:res.plan_link.filter(item1 => {
|
||||
return item1.plan_id === item.id
|
||||
})[0].use_money,
|
||||
new_money:item.money
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
this.plan = this.detail.plan
|
||||
},
|
||||
editor(){
|
||||
editorContract({
|
||||
id:this.contrantId,
|
||||
type:this.detail.type,
|
||||
is_plan:this.detail.isBudget ? 1 : 0,
|
||||
purchase_type_id:this.detail.methods,
|
||||
purchase_way_id:this.detail.modality,
|
||||
money_way_id:this.detail.fundingChannels.toString(),
|
||||
plan_price:this.detail.price,
|
||||
name:this.detail.name,
|
||||
contract_plan_links:this.detail.plan.map(item=>{
|
||||
return item.value
|
||||
})
|
||||
}).then(res=>{
|
||||
this.isShowEditor = false
|
||||
Message({
|
||||
type:'success',
|
||||
message:"操作成功"
|
||||
})
|
||||
this.$emit('success')
|
||||
})
|
||||
},
|
||||
|
||||
},
|
||||
computed:{
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.contract-add-plan{
|
||||
min-height: 30px;
|
||||
border: 1px solid #dcdee2;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
|
||||
padding: 0 8px;
|
||||
&-no-plan{
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #CDD0D5;
|
||||
}
|
||||
}
|
||||
|
||||
.xy-table-item-label{
|
||||
width: 140px;
|
||||
}
|
||||
.xy-table-item-price{
|
||||
position: relative;
|
||||
&::after{
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
content:'（元）'
|
||||
}
|
||||
::v-deep .el-input__clear{
|
||||
position: relative;
|
||||
right: 30px;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.xy-table-item-price-wan{
|
||||
position: relative;
|
||||
&::after{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
content:'（万元）'
|
||||
}
|
||||
::v-deep .el-input__clear{
|
||||
position: relative;
|
||||
right: 46px;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
<template>
|
||||
<div>
|
||||
<!-- 编辑-->
|
||||
<xy-dialog :is-show.sync="isShowEditor" title="合同编辑" type="form" :form="detail" :rules="rules" @submit="editor"
|
||||
ref="addContract">
|
||||
|
||||
<template v-slot:name>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目名称
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-input clearable placeholder="请填写项目名称" v-model="detail.name" style="width: 300px;" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:type>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>项目类型
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select clearable placeholder="请选择项目类型" v-model="detail.type" style="width: 300px;">
|
||||
<el-option v-for="item in [{label:'服务',value:1},{label:'货物',value:2},{label:'工程',value:3}]"
|
||||
:label="item.label" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:methods>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购形式
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select clearable placeholder="请选择采购形式" v-model="detail.methods" style="width: 300px;">
|
||||
<el-option v-for="item in purchaseType" :label="item.value" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:modality>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>采购方式
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select clearable placeholder="请选择采购方式" v-model="detail.modality" style="width: 300px;">
|
||||
<el-option v-for="item in purchaseWay" :label="item.value" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-slot:price>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>合同预算价
|
||||
</div>
|
||||
<div class="xy-table-item-content xy-table-item-price">
|
||||
<el-input clearable placeholder="请填写合同预算价" v-model="detail.price" style="width: 300px;" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:fundingChannels>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>资金渠道
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select multiple clearable placeholder="请选择资金渠道" v-model="detail.fundingChannels" style="width: 300px;">
|
||||
<el-option v-for="item in moneyWay" :value="item.id" :label="item.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:isBudget>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label" style="width: 200px">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>是否为预算内确定项目
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-switch v-model="detail.isBudget" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:plan>
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label">
|
||||
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>关联预算计划
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<div class="contract-add-plan" style="width: 300px;" @click="isShowPlan = true,getBudgets()">
|
||||
<template v-if="detail.plan.length > 0">
|
||||
<template v-for="item in detail.plan">
|
||||
<Tag closable color="primary" @on-close="delPlan(item)">{{item.label}}</Tag>
|
||||
</template>
|
||||
</template>
|
||||
<template v-else>
|
||||
<div class="contract-add-plan-no-plan">请选择关联计划</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-slot:req_status v-if="adminEdit">
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label" style="width: 200px">请示流程
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select v-model="detail.req_status" placeholder="请选择">
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:purchase_status v-if="adminEdit">
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label" style="width: 200px">采购流程
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select v-model="detail.purchase_status" placeholder="请选择">
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:invite_status v-if="adminEdit">
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label" style="width: 200px">招标流程
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select v-model="detail.invite_status" placeholder="请选择">
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:join_status v-if="adminEdit">
|
||||
<div class="xy-table-item">
|
||||
<div class="xy-table-item-label" style="width: 200px">
|
||||
合同会签流程
|
||||
</div>
|
||||
<div class="xy-table-item-content">
|
||||
<el-select v-model="detail.join_status" placeholder="请选择">
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
</xy-dialog>
|
||||
|
||||
<!-- 编辑中 预算计划 -->
|
||||
<xy-dialog :is-show.sync="isShowPlan" title="预算计划" :width="640" @on-ok="planSelect">
|
||||
<template v-slot:normalContent>
|
||||
<Input v-model="planSearch" search enter-button="搜 索" placeholder="搜索预算计划.." @on-search="getBudgets" />
|
||||
|
||||
<xy-table :list="plans" :show-index="false" :table-item="planTable" :height="310" style="margin-top: 10px;"
|
||||
ref="editorPlanTable" @select="selectPlan">
|
||||
<template v-slot:btns>
|
||||
<el-table-column label="使用金额" header-align="center">
|
||||
<template slot-scope="scope">
|
||||
<Input :value="scope.row.useMoney" @input="planInput($event,scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
</xy-table>
|
||||
|
||||
<div style="display: flex;justify-content: flex-end;">
|
||||
<Page :total="planTotal" show-elevator @on-change="planPageChange" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-slot:footerContent>
|
||||
<Button type="primary" @click="isShowPlan = false">确定</Button>
|
||||
</template>
|
||||
</xy-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
editorContract,
|
||||
detailContract
|
||||
} from "@/api/contract/contract";
|
||||
import {
|
||||
getBudget
|
||||
} from "@/api/budget/budget";
|
||||
|
||||
import {
|
||||
getInfo
|
||||
} from '@/api/user.js'
|
||||
import {
|
||||
Message
|
||||
} from 'element-ui'
|
||||
export default {
|
||||
props: {
|
||||
purchaseType: Array,
|
||||
moneyWay: Array,
|
||||
purchaseWay: Array
|
||||
},
|
||||
data() {
|
||||
var planPass = (rule, value, callback) => {
|
||||
if (this.detail.isBudget) {
|
||||
if (this.detail.plan.length === 0) {
|
||||
return callback(new Error('必选'))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
}
|
||||
return {
|
||||
userList: ["liuxiangyu", "zhushulan","admin"],
|
||||
user: null,
|
||||
adminEdit: false,
|
||||
isFocus: false,
|
||||
contrantId: '',
|
||||
isShowEditor: false,
|
||||
isShowPlan: false,
|
||||
detail: {},
|
||||
plan: [],
|
||||
options: [{
|
||||
value: 1,
|
||||
label: '待申请'
|
||||
}, {
|
||||
value: 2,
|
||||
label: '流转中'
|
||||
}, {
|
||||
value: 3,
|
||||
label: '已办结'
|
||||
}],
|
||||
rules: {
|
||||
name: [{
|
||||
required: true,
|
||||
message: "必填"
|
||||
}],
|
||||
type: [{
|
||||
required: true,
|
||||
message: "必选"
|
||||
}],
|
||||
methods: [{
|
||||
required: true,
|
||||
message: "必选"
|
||||
}],
|
||||
modality: [{
|
||||
required: true,
|
||||
message: "必选"
|
||||
}],
|
||||
price: [{
|
||||
required: true,
|
||||
message: "必填"
|
||||
},
|
||||
{
|
||||
pattern: /^\d+(\.\d+)?$/,
|
||||
message: '必须为数字'
|
||||
}
|
||||
],
|
||||
fundingChannels: [{
|
||||
required: true,
|
||||
message: "必填"
|
||||
}],
|
||||
plan: [{
|
||||
validator: planPass
|
||||
}]
|
||||
},
|
||||
plans: [],
|
||||
planSearch: '',
|
||||
planTable: [{
|
||||
sortable: false,
|
||||
width: 36,
|
||||
type: "selection"
|
||||
},
|
||||
{
|
||||
label: "分类",
|
||||
prop: 'type',
|
||||
formatter: (cell, data, value) => {
|
||||
let res = this.moneyWay.filter(item => {
|
||||
return item.id === value
|
||||
})
|
||||
return res[0]?.value || '未知'
|
||||
}
|
||||
},
|
||||
{
|
||||
label: "名称",
|
||||
prop: 'name',
|
||||
align: 'left'
|
||||
},
|
||||
{
|
||||
label: "计划金额",
|
||||
prop: 'money',
|
||||
align: 'right'
|
||||
}
|
||||
],
|
||||
planTotal: 0,
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//预算计划金额输入
|
||||
planInput(e, row) {
|
||||
if (!/^[0-9]+.?[0-9]*$/.test(e) && e) {
|
||||
Message({
|
||||
type: 'warning',
|
||||
message: '金额格式错误'
|
||||
})
|
||||
row.useMoney = 0
|
||||
return
|
||||
}
|
||||
if (e <= (Number(row.money) - Number(row.use_money_total))) {
|
||||
row.useMoney = e
|
||||
this.plan.forEach(item => {
|
||||
if (item.value.plan_id == row.id) {
|
||||
item.value.use_money = e
|
||||
}
|
||||
})
|
||||
return
|
||||
}
|
||||
Message({
|
||||
type: 'warning',
|
||||
message: '使用金额大于剩余预算'
|
||||
})
|
||||
row.useMoney = 0
|
||||
},
|
||||
//确认计划选择
|
||||
planSelect() {
|
||||
if (this.plan.length === 0) {
|
||||
Message({
|
||||
type: 'warning',
|
||||
message: '选择计划不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
for (let item of this.plan) {
|
||||
console.log(item)
|
||||
if (!item.value.use_money) {
|
||||
Message({
|
||||
type: 'warning',
|
||||
message: '金额不能为空'
|
||||
})
|
||||
return
|
||||
}
|
||||
}
|
||||
this.detail.plan = this.plan
|
||||
this.isShowPlan = false
|
||||
},
|
||||
//选择计划
|
||||
selectPlan(sel, row) {
|
||||
if (sel) {
|
||||
this.plan = sel.map(item => {
|
||||
return {
|
||||
label: item.name,
|
||||
value: {
|
||||
plan_id: item.id,
|
||||
use_money: item.useMoney,
|
||||
new_money: item.money
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.plan = []
|
||||
}
|
||||
},
|
||||
delPlan(val) {
|
||||
this.detail.plan.map((item, index) => {
|
||||
if (item.value.plan_id === val.value.plan_id) {
|
||||
this.detail.plan.splice(index, 1)
|
||||
}
|
||||
})
|
||||
},
|
||||
//获取预算计划
|
||||
async getBudgets() {
|
||||
let res = await getBudget({
|
||||
name: this.planSearch,
|
||||
page_size: 10,
|
||||
page: this.plansPageIndex
|
||||
})
|
||||
this.plans = res.list.data
|
||||
this.planTotal = res.list.total
|
||||
|
||||
this.toggleSelection(this.detail.plan.map(item => {
|
||||
return item.value.plan_id
|
||||
}))
|
||||
},
|
||||
planPageChange(e) {
|
||||
this.plansPageIndex = e
|
||||
this.getBudgets()
|
||||
},
|
||||
//默认选择计划
|
||||
toggleSelection(plans) {
|
||||
if (plans) {
|
||||
this.plans.filter(plan => {
|
||||
if (plans.includes(plan.id)) {
|
||||
plan.useMoney = this.detail.plan[plans.indexOf(plan.id)].value.use_money
|
||||
return true
|
||||
}
|
||||
}).map(row => {
|
||||
this.$refs.editorPlanTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.editorPlanTable.clearSelection()
|
||||
}
|
||||
},
|
||||
async getDetail(id) {
|
||||
let res = await detailContract({
|
||||
id: id
|
||||
})
|
||||
this.contrantId = res.id
|
||||
this.detail = {
|
||||
req_status: res.req_status,
|
||||
purchase_status: res.purchase_status,
|
||||
join_status: res.join_status,
|
||||
invite_status: res.invite_status,
|
||||
name: res.name,
|
||||
type: res.type,
|
||||
methods: res.purchase_type_id,
|
||||
modality: res.purchase_way_id,
|
||||
fundingChannels: res.money_way_id.split(',').map(item => {
|
||||
return Number(item)
|
||||
}),
|
||||
price: res.plan_price,
|
||||
isBudget: res.is_plan === 1 ? true : false,
|
||||
plan: res.plans.map(item => {
|
||||
return {
|
||||
label: item.name,
|
||||
value: {
|
||||
plan_id: item.id,
|
||||
use_money: res.plan_link.filter(item1 => {
|
||||
return item1.plan_id === item.id
|
||||
})[0].use_money,
|
||||
new_money: item.money
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
this.plan = this.detail.plan
|
||||
},
|
||||
editor() {
|
||||
editorContract({
|
||||
id: this.contrantId,
|
||||
type: this.detail.type,
|
||||
is_plan: this.detail.isBudget ? 1 : 0,
|
||||
purchase_type_id: this.detail.methods,
|
||||
purchase_way_id: this.detail.modality,
|
||||
money_way_id: this.detail.fundingChannels.toString(),
|
||||
plan_price: this.detail.price,
|
||||
name: this.detail.name,
|
||||
req_status: this.detail.req_status,
|
||||
purchase_status: this.detail.purchase_status,
|
||||
join_status: this.detail.join_status,
|
||||
invite_status: this.detail.invite_status,
|
||||
contract_plan_links: this.detail.plan.map(item => {
|
||||
return item.value
|
||||
})
|
||||
}).then(res => {
|
||||
this.isShowEditor = false
|
||||
Message({
|
||||
type: 'success',
|
||||
message: "操作成功"
|
||||
})
|
||||
this.$emit('success')
|
||||
})
|
||||
},
|
||||
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
let that = this;
|
||||
getInfo().then(response => {
|
||||
console.log(response)
|
||||
this.user = response;
|
||||
|
||||
if (that.userList.indexOf(response.username) != -1) {
|
||||
|
||||
that.adminEdit = true;
|
||||
}
|
||||
|
||||
}).catch(error => {})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.contract-add-plan {
|
||||
min-height: 30px;
|
||||
border: 1px solid #dcdee2;
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
|
||||
padding: 0 8px;
|
||||
|
||||
&-no-plan {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
color: #CDD0D5;
|
||||
}
|
||||
}
|
||||
|
||||
.xy-table-item-label {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.xy-table-item-price {
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
content: '（元）'
|
||||
}
|
||||
|
||||
::v-deep .el-input__clear {
|
||||
position: relative;
|
||||
right: 30px;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.xy-table-item-price-wan {
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
content: '（万元）'
|
||||
}
|
||||
|
||||
::v-deep .el-input__clear {
|
||||
position: relative;
|
||||
right: 46px;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue