2022-12-23 09:24:05 +00:00
|
|
|
|
<#assign base=request.contextPath />
|
|
|
|
|
|
<#import "../../common/defaultLayout.ftl" as defaultLayout>
|
|
|
|
|
|
<@defaultLayout.layout>
|
|
|
|
|
|
<#-- <link rel="stylesheet" href="../assets/css/amazeui.switch.css"/>-->
|
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
|
|
|
|
#businessPurchaseDetailsModal {
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#businessPurchaseDetailsModal > table {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#newBusinessProcurementContractProcess {
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-upload__input {
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-textarea .el-input__count {
|
|
|
|
|
|
line-height: 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.admin-content-body {
|
|
|
|
|
|
margin-bottom: 100px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-table__empty-block {
|
|
|
|
|
|
height: 60px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-upload-list__item-name [class^="el-icon"] {
|
|
|
|
|
|
height: unset;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.el-checkbox {
|
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="admin-content" id="app">
|
|
|
|
|
|
<div class="admin-content-body">
|
|
|
|
|
|
<div class="am-cf am-padding">
|
|
|
|
|
|
<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">业务应用</strong> /
|
|
|
|
|
|
<small>{{subTitle}}</small></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="am-g">
|
|
|
|
|
|
<#-- 新增销售合同流程 -->
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<div class="am-u-sm-12 am-u-md-12" v-if="isSalesContractMode">
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-form :inline="true" ref="saleContractProcessForm" :model="processForm" label-position="right" label-width="100px">
|
|
|
|
|
|
|
|
|
|
|
|
<div class="am-form-inline">
|
|
|
|
|
|
<el-form-item label="项目编号">
|
|
|
|
|
|
<span>{{processForm.projectNo}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip :disabled="!projectSelected" effect="light" :content="projectTitle" placement="top-start">
|
|
|
|
|
|
<el-form-item label="项目标题">
|
|
|
|
|
|
<span>{{projectTitle}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="申请时间">
|
|
|
|
|
|
<span>{{processForm.applyDate}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<el-form-item label="采购模式" v-if="isProcurementContractMode">
|
|
|
|
|
|
<el-select v-model="processForm.procurementMode" placeholder="请选择采购模式">
|
|
|
|
|
|
<#list procurementMode as item>
|
2022-12-26 10:03:45 +00:00
|
|
|
|
<el-option label="${item.description}" value="${item.name()}"></el-option>
|
2022-12-23 09:57:53 +00:00
|
|
|
|
</#list>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="项目类型" v-if="isSalesContractMode">
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<span>{{processForm.projectType}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="合作类型">
|
|
|
|
|
|
<span>{{processForm.cooperationType}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
2022-12-27 06:14:05 +00:00
|
|
|
|
<el-form-item label="申请部门" :rules="[{ required: true, message: '申请部门不能为空'}]" prop="applyDept">
|
|
|
|
|
|
<el-cascader :options="applyDeptSectorOptions" clearable v-model="processForm.applyDept"
|
|
|
|
|
|
:props="{ expandTrigger: 'hover', label:'name', value: 'id'}"></el-cascader>
|
2022-12-23 09:24:05 +00:00
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="申请人">
|
|
|
|
|
|
<span>{{processForm.applyPersonName}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="申请部门领导">
|
|
|
|
|
|
<span>{{processForm.applyDeptLeaderName}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="申请人电话" :rules="[{ required: true, message: '申请人电话不能为空'}]" prop="applyPersonPhone">
|
|
|
|
|
|
<el-input placeholder="请输入内容" v-model="processForm.applyPersonPhone"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="合同编号" :rules="[{ required: true, message: '合同编号不能为空'}]" prop="contractNo">
|
|
|
|
|
|
<el-input placeholder="请输入合同编号" v-model="processForm.contractNo"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<el-form-item v-if="isSalesContractMode" label="合同名称" :rules="[{ required: true, message: '合同名称不能为空'}]"
|
|
|
|
|
|
prop="contractName">
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-input placeholder="请输入合同名称" v-model="processForm.contractName"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<el-form-item v-if="isProcurementContractMode" label="采购合同名称"
|
|
|
|
|
|
:rules="[{ required: true, message: '采购合同名称不能为空'}]" prop="contractName">
|
|
|
|
|
|
<el-input placeholder="请输入采购合同名称" v-model="processForm.contractName"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-form-item label="合同金额">
|
|
|
|
|
|
<span>{{processForm.contractAmount}}元</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<el-form-item v-if="isSalesContractMode" label="客户名称" :rules="[{ required: true, message: '客户名称不能为空'}]">
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-input placeholder="请输入客户名称" v-model="processForm.clientName"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<el-form-item v-if="isProcurementContractMode" label="供应商名称" :rules="[{ required: true, message: '供应商名称不能为空'}]">
|
|
|
|
|
|
<el-input placeholder="请输入供应商" v-model="processForm.supplierName"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-form-item label="最终用户名称">
|
|
|
|
|
|
<span>{{processForm.terminalCustomer}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<el-form-item label="用印类型" :rules="[{ required: true, message: '用印类型不能为空'}]">
|
|
|
|
|
|
<el-checkbox-group v-model="processForm.sealTypes">
|
|
|
|
|
|
<#list sealTypes as sealType>
|
|
|
|
|
|
<el-checkbox label="${sealType.name()}" key="key-${sealType.name()}">${sealType.description}</el-checkbox>
|
|
|
|
|
|
</#list>
|
|
|
|
|
|
</el-checkbox-group>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="税率" :rules="[{ required: true, message: '税率不能为空'}]" prop="taxRate">
|
|
|
|
|
|
<el-select v-model="processForm.taxRate" placeholder="请选择税率">
|
|
|
|
|
|
<#list taxRate as rate>
|
|
|
|
|
|
<el-option label="${rate}%" value="${rate}"></el-option>
|
|
|
|
|
|
</#list>
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="是否垫资">
|
|
|
|
|
|
<span>{{processForm.isPrepaid}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="垫资金额">
|
|
|
|
|
|
<span>{{processForm.repaidAmount}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="预算毛利率">
|
|
|
|
|
|
<span>{{processForm.budgetGrossMargin}}</span>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<el-form-item v-if="isSalesContractMode" label="收款条件" :rules="[{ required: true, message: '收款条件不能为空'}]"
|
|
|
|
|
|
prop="paymentTerms">
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-input type="textarea" :autosize="{ minRows: 3, maxRows: 10}" cols="90" maxlength="5000" show-word-limit
|
|
|
|
|
|
v-model="processForm.paymentTerms" placeholder="请输入收款条件（限制5000字）"></el-input>
|
|
|
|
|
|
</el-form-item>
|
2022-12-23 09:57:53 +00:00
|
|
|
|
|
|
|
|
|
|
<el-form-item v-if="isProcurementContractMode" label="付款条件" :rules="[{ required: true, message: '付款条件不能为空'}]"
|
|
|
|
|
|
prop="paymentTerms">
|
|
|
|
|
|
<el-input type="textarea" :autosize="{ minRows: 3, maxRows: 10}" cols="90" maxlength="5000" show-word-limit
|
|
|
|
|
|
v-model="processForm.paymentTerms" placeholder="请输入付款条件（限制5000字）"></el-input>
|
|
|
|
|
|
</el-form-item>
|
2022-12-23 09:24:05 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<el-form-item label="备注">
|
|
|
|
|
|
<el-input type="textarea" :autosize="{ minRows: 3, maxRows: 10}" maxlength="5000" show-word-limit
|
|
|
|
|
|
v-model="processForm.remark" placeholder="请输入备注（限制5000字）" cols="90"></el-input>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<el-form-item label="上传附件" :rules="[{ required: true, message: '未上传附件'}]">
|
|
|
|
|
|
<el-upload class="upload-demo"
|
|
|
|
|
|
action="${base}/file/upload"
|
|
|
|
|
|
name="files[]"
|
|
|
|
|
|
:on-remove="handleRemove"
|
|
|
|
|
|
:before-remove="beforeRemove"
|
|
|
|
|
|
:on-success="handleFileUploaded"
|
|
|
|
|
|
:limit="10" :file-list="fileList"
|
|
|
|
|
|
:on-exceed="handleExceed">
|
|
|
|
|
|
<el-button size="small" type="primary">点击上传</el-button>
|
|
|
|
|
|
<div slot="tip" class="el-upload__tip">只能上传PDF、excel、word、图片、压缩包，且不超过50MB</div>
|
|
|
|
|
|
</el-upload>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<el-form-item label="合同清单明细">
|
|
|
|
|
|
<el-button type="text" @click="goToSaleContractDetail">详细清单</el-button>
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<div v-if="isProcurementContractMode">
|
|
|
|
|
|
供应商比选材料
|
2022-12-26 03:30:26 +00:00
|
|
|
|
<div class="am-u-sm-12 am-u-md-12" v-if="isProcurementContractMode">
|
|
|
|
|
|
<el-table style="width: 100%" border>
|
|
|
|
|
|
<el-table-column type="index" :index="1" label="序号" fixed></el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="fee" label="公司名称" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="合计金额" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="服务条款" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="付款条件" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="税率（%）" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="备注"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="附件"></el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
</div>
|
2022-12-23 09:57:53 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2022-12-23 09:24:05 +00:00
|
|
|
|
</el-form>
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-row>
|
2022-12-26 03:30:26 +00:00
|
|
|
|
<el-button type="info" @click="backLastPage">返回上一级</el-button>
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-button type="primary" @click="saveDraft">保存草稿</el-button>
|
|
|
|
|
|
<el-button type="success" @click="submitForm">提交</el-button>
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<#-- 销售合同清单明细 -->
|
|
|
|
|
|
|
|
|
|
|
|
<div class="am-u-sm-12 am-u-md-12" v-if="isSaleContractDetailMode">
|
|
|
|
|
|
<el-table border :data="incomeDetails">
|
|
|
|
|
|
<el-table-column type="index" :index="1" label="序号" fixed></el-table-column>
|
|
|
|
|
|
<el-table-column prop="name" label="名称" fixed width="120"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="type" label="类别"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="spec" label="规格型号"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="param" label="参数"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="unit" label="单位"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="amount" label="数量"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="price" label="单价" width="120"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="taxRate" label="税率"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="totalTaxInclude" label="含税金额" width="120"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="totalTaxExclude" label="不含税金额" width="120"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="totalTax" label="税金"></el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="expirationDate" label="质保期" fixed="right" width="150">
|
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
|
<el-input maxlength="5" size="mini" placeholder="请输入质保期"
|
|
|
|
|
|
v-model="scope.row.expirationDate"></el-input>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
|
|
<el-row style="margin: 20px 0">
|
|
|
|
|
|
<el-button type="info" @click="goToSaleContractProcess">返回上一级</el-button>
|
|
|
|
|
|
<el-button type="primary" @click="submitToSaleContractProcess">保存并返回上一级</el-button>
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<#-- 选择 业务采购清单明细 -->
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
<div class="am-u-sm-12 am-u-md-12" v-if="isProcurementContractMode">
|
2022-12-23 09:24:05 +00:00
|
|
|
|
<el-table style="width: 100%" border>
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="fee" label="费用项目" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="采购类别" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="产品名称" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="单位" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="数量" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="预算单价" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="税率（%）" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="含税总金额（元）" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="不含税金额（元）" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="税金（元）" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="是否垫资" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="支出时间" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="支出金额（元）" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="已采购数量" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="本次采购数量" width="180"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="未采购数量" width="180"></el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="fee" label="供应商名称"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="设备厂商名称"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="对应采购清单"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="规格型号"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="对应采购数目"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="采购单价"></el-table-column>
|
|
|
|
|
|
<el-table-column prop="fee" label="含税总金额（元）"></el-table-column>
|
|
|
|
|
|
|
|
|
|
|
|
</el-table>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
|
|
|
|
|
|
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
const newBusinessProcurementContractProcess = "newBusinessProcurementContractProcess"
|
2022-12-26 10:03:45 +00:00
|
|
|
|
const newBusinessProcurementContractDetail = "newBusinessProcurementContractDetail"
|
2022-12-23 09:24:05 +00:00
|
|
|
|
const saleContractProcess = "saleContractProcess"
|
|
|
|
|
|
const saleContractDetail = "saleContractDetail"
|
|
|
|
|
|
const BUTTON = "btn"
|
|
|
|
|
|
|
|
|
|
|
|
const isEmpty = (obj) => {
|
|
|
|
|
|
return !obj || (obj.length && obj.length === 0)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const isNotEmpty = (obj) => {
|
|
|
|
|
|
return !isEmpty(obj)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const isBlank = (obj) => {
|
|
|
|
|
|
return isEmpty(obj) || (obj.trim && isEmpty(obj.trim()))
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const hasText = (obj) => {
|
|
|
|
|
|
return !isBlank(obj)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const data = () => {
|
|
|
|
|
|
return {
|
|
|
|
|
|
mode: "btn", // btn , newBusinessProcurementContractProcess
|
|
|
|
|
|
processForm: {
|
|
|
|
|
|
sealTypes: [],
|
|
|
|
|
|
},
|
2022-12-23 09:57:53 +00:00
|
|
|
|
processType: '',
|
2022-12-23 09:24:05 +00:00
|
|
|
|
projectSelected: false,
|
2022-12-27 06:14:05 +00:00
|
|
|
|
applyDeptSectorOptions: [],
|
2022-12-23 09:24:05 +00:00
|
|
|
|
fileList: [],
|
|
|
|
|
|
// 销售合同收入明细
|
|
|
|
|
|
incomeDetails: [],
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const methods = {
|
|
|
|
|
|
changeMode(mode) {
|
|
|
|
|
|
this.mode = mode
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
businessProcurementProcessClick() {
|
|
|
|
|
|
const that = this
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2022-12-26 03:30:26 +00:00
|
|
|
|
backLastPage() {
|
|
|
|
|
|
window.history.back();
|
2022-12-23 09:24:05 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
goToSaleContractProcess() {
|
|
|
|
|
|
this.changeMode(saleContractProcess)
|
|
|
|
|
|
},
|
|
|
|
|
|
goToSaleContractDetail() {
|
|
|
|
|
|
const { projectId } = this.processForm
|
|
|
|
|
|
if (projectId) {
|
|
|
|
|
|
this.changeMode(saleContractDetail)
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
this.$message.warning("项目还未选择")
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
render(obj) {
|
|
|
|
|
|
console.log(obj)
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
initForm(form) {
|
|
|
|
|
|
this.processForm = { ...form }
|
|
|
|
|
|
console.log(form)
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2022-12-26 03:30:26 +00:00
|
|
|
|
loadProject(id) {
|
2022-12-23 09:24:05 +00:00
|
|
|
|
const loading = this.$loading({
|
|
|
|
|
|
lock: true,
|
|
|
|
|
|
text: '正在加载项目',
|
|
|
|
|
|
spinner: 'el-icon-loading',
|
|
|
|
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
fetch("${base}/process/" + id)
|
|
|
|
|
|
.then(res => res.json())
|
|
|
|
|
|
.then(data => {
|
|
|
|
|
|
const { incomeDetails, process, contract, ...form } = data
|
|
|
|
|
|
// 转换数据
|
|
|
|
|
|
// @formatter:off
|
|
|
|
|
|
const computeType = (type) => {
|
|
|
|
|
|
switch (type) {
|
|
|
|
|
|
case 1: return '设备'
|
|
|
|
|
|
case 2: return '工程'
|
|
|
|
|
|
case 3: return '服务'
|
|
|
|
|
|
default: return '未知'
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
// @formatter:on
|
|
|
|
|
|
|
|
|
|
|
|
const applyDept = process.applyDept.split(',')
|
|
|
|
|
|
this.initForm({ ...form, ...process, ...contract, applyDept })
|
|
|
|
|
|
this.projectSelected = true
|
2022-12-23 09:57:53 +00:00
|
|
|
|
this.processType = process.processType
|
2022-12-23 09:24:05 +00:00
|
|
|
|
this.incomeDetails = incomeDetails.map(detail => ({
|
|
|
|
|
|
...detail, type: computeType(detail.type)
|
|
|
|
|
|
}))
|
|
|
|
|
|
this.fileList = JSON.parse(process.attachmentUri).map(item => ({
|
|
|
|
|
|
name: item.name, url: item.uri
|
|
|
|
|
|
}))
|
|
|
|
|
|
|
2022-12-23 09:57:53 +00:00
|
|
|
|
|
2022-12-23 09:24:05 +00:00
|
|
|
|
if (process.processType === 'sale_contract') {
|
|
|
|
|
|
this.changeMode(saleContractProcess)
|
|
|
|
|
|
}
|
|
|
|
|
|
else if (process.processType === 'business_procurement') {
|
|
|
|
|
|
this.changeMode(newBusinessProcurementContractProcess)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
.catch(err => {
|
|
|
|
|
|
this.$message.error("项目'" + name + "'加载失败");
|
|
|
|
|
|
})
|
|
|
|
|
|
.finally(() => loading.close())
|
|
|
|
|
|
},
|
|
|
|
|
|
clearProjectProcess() {
|
|
|
|
|
|
this.projectSelected = false
|
|
|
|
|
|
this.initForm({})
|
|
|
|
|
|
this.incomeDetails = []
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
saveDraft() {
|
|
|
|
|
|
this.processForm.status = 'draft'
|
|
|
|
|
|
this.submit()
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
submitForm() {
|
|
|
|
|
|
this.processForm.status = 'to_be_audit'
|
|
|
|
|
|
this.submit()
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
submit() {
|
|
|
|
|
|
this.$refs["saleContractProcessForm"].validate((valid) => {
|
|
|
|
|
|
if (valid) {
|
|
|
|
|
|
const fileList = this.fileList
|
|
|
|
|
|
if (fileList.length === 0) {
|
|
|
|
|
|
this.$message.error("未上传附件");
|
|
|
|
|
|
return false
|
|
|
|
|
|
}
|
2022-12-27 06:14:05 +00:00
|
|
|
|
|
|
|
|
|
|
const processType = this.processType
|
|
|
|
|
|
const processForm = this.processForm
|
|
|
|
|
|
if (processType === 'procurement_contract') {
|
|
|
|
|
|
const { procurementMode } = processForm
|
|
|
|
|
|
|
|
|
|
|
|
// specify_purchase("指定采购"),
|
|
|
|
|
|
// simple_price_comparison("简单比价"),
|
|
|
|
|
|
// price_comparison("比价"),
|
|
|
|
|
|
// competitive_evaluation("竞争性评估");
|
|
|
|
|
|
// 当“采购模式”为“指定采购”“简单比价”时，本模块为非必填模块，当为“比价”“竞争性评估”时，本模块为必填项（“备注”除外）
|
|
|
|
|
|
if (procurementMode === 'price_comparison'
|
|
|
|
|
|
|| procurementMode === 'competitive_evaluation') {
|
|
|
|
|
|
|
|
|
|
|
|
for (const item in this.supplierMaterialsForm) {
|
|
|
|
|
|
for (const [key, value] of Object.entries(item)) {
|
|
|
|
|
|
if (value) {
|
|
|
|
|
|
if (typeof value === 'string') {
|
|
|
|
|
|
if (isBlank(value)) {
|
|
|
|
|
|
this.$message.error("有未填写的表单,请检查表单");
|
|
|
|
|
|
return false
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
// 没有值
|
|
|
|
|
|
if (key !== 'remark') {
|
|
|
|
|
|
this.$message.error("有未填写的表单,请检查表单");
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (!processForm.applyDeptLeaderId) {
|
|
|
|
|
|
this.$message.error("申请部门还未选择");
|
|
|
|
|
|
return false
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2022-12-23 09:24:05 +00:00
|
|
|
|
const loading = this.$loading({
|
|
|
|
|
|
lock: true,
|
|
|
|
|
|
text: '正在提交',
|
|
|
|
|
|
spinner: 'el-icon-loading',
|
|
|
|
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
const form = {
|
|
|
|
|
|
...this.processForm,
|
|
|
|
|
|
attachments: fileList.map(file => {
|
|
|
|
|
|
if (file.url) {
|
|
|
|
|
|
return {
|
|
|
|
|
|
uri: file.url,
|
|
|
|
|
|
name: file.name
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
|
|
|
uri: file.response.data.url,
|
|
|
|
|
|
name: file.name
|
|
|
|
|
|
}
|
|
|
|
|
|
}),
|
|
|
|
|
|
incomeDetails: this.incomeDetails.map(detail => ({
|
|
|
|
|
|
id: detail.id, expirationDate: detail.expirationDate
|
|
|
|
|
|
}))
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
fetch("${base}/process", {
|
|
|
|
|
|
method: 'PUT',
|
|
|
|
|
|
headers: {
|
|
|
|
|
|
'Content-Type': 'application/json',
|
|
|
|
|
|
},
|
|
|
|
|
|
body: JSON.stringify(form),
|
|
|
|
|
|
}).then(response => {
|
|
|
|
|
|
if (response.ok) {
|
|
|
|
|
|
this.$message({
|
|
|
|
|
|
showClose: true,
|
|
|
|
|
|
message: '提交成功',
|
|
|
|
|
|
type: 'success'
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
return Promise.reject("失败")
|
|
|
|
|
|
}
|
|
|
|
|
|
}).catch(err => {
|
|
|
|
|
|
this.$message.error("项目提交失败");
|
|
|
|
|
|
}).finally(() => loading.close())
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
submitToSaleContractProcess() {
|
|
|
|
|
|
this.goToSaleContractProcess()
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
handleRemove(file, fileList) {
|
|
|
|
|
|
this.fileList = fileList
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
handleExceed(files, fileList) {
|
|
|
|
|
|
this.$message.warning("当前限制选择只能选择10个文件");
|
|
|
|
|
|
this.fileList = fileList
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
beforeRemove(file, fileList) {
|
|
|
|
|
|
return this.$confirm("确定移除 " + file.name + "？");
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
handleFileUploaded(response, file, fileList) {
|
|
|
|
|
|
if (response.success) {
|
|
|
|
|
|
this.fileList = fileList
|
|
|
|
|
|
}
|
|
|
|
|
|
else {
|
|
|
|
|
|
this.$message.warning("上传失败");
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
indexMethod(index) {
|
|
|
|
|
|
return index * 1;
|
2022-12-27 06:14:05 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
applyDeptSelected(value) {
|
|
|
|
|
|
console.log(value)
|
|
|
|
|
|
},
|
|
|
|
|
|
|
2022-12-23 09:24:05 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
new Vue({
|
|
|
|
|
|
el: '#app',
|
|
|
|
|
|
data,
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
projectTitle() {
|
|
|
|
|
|
const { projectNo, projectName, applyPersonName, applyDate } = this.processForm
|
|
|
|
|
|
if (projectNo && projectName) {
|
|
|
|
|
|
return projectNo.trim() + "-" + projectName.trim() + "-" + applyPersonName + "-" + applyDate
|
|
|
|
|
|
}
|
|
|
|
|
|
return ""
|
|
|
|
|
|
},
|
|
|
|
|
|
isButtonMode() {
|
|
|
|
|
|
return this.mode === BUTTON
|
|
|
|
|
|
},
|
2022-12-23 09:57:53 +00:00
|
|
|
|
isProcurementContractMode() {
|
2022-12-23 09:24:05 +00:00
|
|
|
|
return this.mode === newBusinessProcurementContractProcess
|
|
|
|
|
|
},
|
2022-12-23 09:57:53 +00:00
|
|
|
|
isSalesContractMode() {
|
2022-12-23 09:24:05 +00:00
|
|
|
|
return this.mode === saleContractProcess
|
|
|
|
|
|
},
|
|
|
|
|
|
isSaleContractDetailMode() {
|
|
|
|
|
|
return this.mode === saleContractDetail
|
|
|
|
|
|
},
|
|
|
|
|
|
subTitle() {
|
|
|
|
|
|
switch (this.mode) {
|
|
|
|
|
|
case BUTTON:
|
|
|
|
|
|
return "新增流程"
|
|
|
|
|
|
case saleContractProcess:
|
|
|
|
|
|
return "编辑销售合同流程"
|
|
|
|
|
|
case saleContractDetail:
|
|
|
|
|
|
return "销售合同清单明细"
|
|
|
|
|
|
case newBusinessProcurementContractProcess:
|
|
|
|
|
|
return "编辑业务采购合同流程"
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
methods,
|
|
|
|
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
|
|
const processId = ${processId}
|
2022-12-26 03:30:26 +00:00
|
|
|
|
this.loadProject(processId)
|
2022-12-27 06:14:05 +00:00
|
|
|
|
this.applyDeptSectorOptions = JSON.parse('${applyDeptSectorOptions}')
|
2022-12-23 09:24:05 +00:00
|
|
|
|
},
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
</@defaultLayout.layout>
|
|
|
|
|
|
|
