mula
/
fourcal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

销售合同流程表单页面

master
Harry Yang 2022-12-13 17:37:06 +08:00
parent 72248b160e
commit b313dd6f6b
5 changed files with 568 additions and 255 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src/main/java/cn/palmte/work/controller/backend/ProcessController.java
View File

@ -1,19 +1,27 @@
package cn.palmte.work.controller.backend;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import java.time.LocalDate;
import java.time.format.DateTimeFormatter;
import java.util.Arrays;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import java.util.stream.Collectors;
import cn.palmte.work.model.DeptRepository;
import cn.palmte.work.model.Project;
import cn.palmte.work.model.ProjectRepository;
import cn.palmte.work.model.enums.ProcessStatus;
import cn.palmte.work.model.enums.SealType;
/**
* @author <a href="https://github.com/TAKETODAY">Harry Yang</a>
@ -22,18 +30,43 @@ import cn.palmte.work.model.ProjectRepository;
@Controller
@RequestMapping("/process")
public class ProcessController {
static final DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd");
private final DeptRepository deptRepository;
private final ProjectRepository projectRepository;
public ProcessController(ProjectRepository projectRepository) {
public ProcessController(ProjectRepository projectRepository, DeptRepository deptRepository) {
this.projectRepository = projectRepository;
this.deptRepository = deptRepository;
}
static class FormMetadata {
// 部门
// 印章类型
public Map<String, String> sealTypes;
// 税率
public List<Integer> taxRate;
}
@ResponseBody
@GetMapping("/form/metadata")
public FormMetadata metadata() {
FormMetadata metadata = new FormMetadata();
metadata.sealTypes = Arrays.stream(SealType.values())
.collect(Collectors.toMap(SealType::getDescription, Enum::name));
metadata.taxRate = Arrays.asList(0, 1, 3, 4, 5, 6, 9, 10, 13);
return metadata;
}
/**
* 新建流程
*/
@GetMapping("/new")
public String newProcess() {
public String newProcess(Model model) {
model.addAttribute("sealTypes", SealType.values());
model.addAttribute("taxRate", Arrays.asList(0, 1, 3, 4, 5, 6, 9, 10, 13));
return "/admin/business/process-new";
}
@ -67,10 +100,95 @@ public class ProcessController {
.collect(Collectors.toList());
}
public static class ProjectReturnValue {
public final String applyDate = LocalDate.now().format(formatter);
public String projectNo;
public Integer projectId;
// 申请人
public String applyPersonName;
// 项目类型
public String projectType;
// 合作类型
public String cooperationType;
// 合同金额
public String contractAmount;
}
@ResponseBody
@GetMapping("/projects/{id}")
public Project query(@PathVariable int id) {
return projectRepository.findById(id);
Project byId = projectRepository.findById(id);
// projectType
// cooperationType
return byId;
}
// 销售合同流程
static class SaleContractForm {
public Integer projectId;
// 项目编号
public String projectNo;
public LocalDate applyDate;
// 项目标题
public String title;
// 项目类型
public String projectType;
// 合作类型
public String cooperationType;
// 申请人
public String applyPersonName;
public String applyDept;
// 申请部门领导
public String applyDeptLeaderName;
// 申请人电话
public String applyPersonPhone;
// 合同编号
public String contractNo;
// 合同名称
public String contractName;
// 客户名称
public String clientName;
// 用印类型
public String[] sealType;
// 税率
public String taxRate;
// 是否垫资
// 收款条件
public String paymentTerms;
public ProcessStatus status;
}
@ResponseBody
@PostMapping
public void post(SaleContractForm form) {
System.out.println(form);
}
}

12
src/main/java/cn/palmte/work/model/enums/ProcessStatus.java 100644
View File

@ -0,0 +1,12 @@
package cn.palmte.work.model.enums;
/**
* @author <a href="https://github.com/TAKETODAY">Harry Yang</a>
* @since 1.0 2022/12/13 16:12
*/
public enum ProcessStatus {
draft,
completed
;
}

23
src/main/java/cn/palmte/work/model/enums/ProcessTaxRate.java 100644
View File

@ -0,0 +1,23 @@
package cn.palmte.work.model.enums;
/**
* 业务应用里面的税率
*
* @author <a href="https://github.com/TAKETODAY">Harry Yang</a>
* @since 1.0 2022/12/13 15:41
*/
public enum ProcessTaxRate {
;
private final String description;
ProcessTaxRate(String description) {
this.description = description;
}
public String getDescription() {
return description;
}
}

41
src/main/java/cn/palmte/work/model/enums/SealType.java 100644
View File

@ -0,0 +1,41 @@
package cn.palmte.work.model.enums;
/**
* 印章类型
*
* @author <a href="https://github.com/TAKETODAY">Harry Yang</a>
* @since 1.0 2022/12/13 15:25
*/
public enum SealType {
// "公章"
// "法人章"
// "合同专用章"
// "项目章"
// "法人签名章"
// "总经理签名章"
// "财务专用章"
// "电子合同章"
// "其他"
official("公章"),
legal("法人章"),
contract_special("合同专用章"),
project("项目章"),
legal_person_signature("法人签名章"),
general_manager_signature("总经理签名章"),
financial("财务专用章"),
electronic_contract("电子合同章"),
other("其他");
private final String description;
SealType(String description) {
this.description = description;
}
public String getDescription() {
return description;
}
}

623
src/main/resources/templates/admin/business/process-new.ftl
View File

@ -21,6 +21,13 @@
display: none !important;
}
.el-textarea .el-input__count {
line-height: 15px;
}
.admin-content-body {
margin-bottom: 100px;
}
</style>
<div class="admin-content" id="app">
@ -32,7 +39,7 @@
<div class="am-g">
<div class="am-u-sm-12 am-u-md-12" v-if="isButtonMode">
<button type="button" class="am-btn" @click="salesContractProcessClick">
<button type="button" class="am-btn" @click="goToSaleContractProcess">
<img src="${base}/assets/process/销售合同流程@3x.png" width="36"/>
销售合同流程
</button>
@ -55,12 +62,265 @@
<span class="am-modal-btn" data-am-modal-confirm>查询</span>
</div>
</div>
</div>
<#-- 新增销售合同流程 -->
<div class="am-u-sm-12 am-u-md-12" v-if="isSalesContractProcessMode">
<el-form :inline="true" ref="saleContractProcessForm" :model="processForm" label-position="right" label-width="100px">
<div class="am-form-inline">
<el-tooltip :disabled="projectSelected" effect="light" content="项目编号或名称，支持模糊查询" placement="top-end">
<el-form-item label="项目编号">
<el-autocomplete v-model="processForm.projectNo" :fetch-suggestions="queryProject"
value-key="name" placeholder="请输入项目编号或名称" @select="handleSelectProject">
</el-autocomplete>
</el-form-item>
</el-tooltip>
<el-form-item label="项目标题">
<el-input placeholder="请输入内容" :disabled="projectSelected" :value="projectTitle" clearable></el-input>
</el-form-item>
<el-form-item label="申请时间">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="processForm.applyDate"></el-input>
</el-form-item>
<el-form-item label="项目类型">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="processForm.projectType"></el-input>
</el-form-item>
<el-form-item label="合作类型">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="processForm.cooperationType"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="申请部门" :rules="[{ required: true, message: '申请部门电话不能为空'}]" prop="applyDept">
<el-cascader :options="applySectorOptions" clearable v-model="processForm.applyDept"></el-cascader>
</el-form-item>
<el-form-item label="申请人">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="processForm.cooperateTypeStr"></el-input>
</el-form-item>
<el-form-item label="申请部门领导">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="processForm.cooperateTypeStr"></el-input>
</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>
<el-form-item label="合同名称" :rules="[{ required: true, message: '合同名称不能为空'}]" prop="contractName">
<el-input placeholder="请输入合同名称" v-model="processForm.contractName"></el-input>
</el-form-item>
<el-form-item label="合同金额">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="processForm.contractAmount"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="客户名称" :rules="[{ required: true, message: '客户名称不能为空'}]">
<el-input placeholder="请输入客户名称" v-model="processForm.contractNumber"></el-input>
</el-form-item>
<el-form-item label="最终用户名称">
<el-input placeholder="请输入最终用户名称" v-model="processForm.contractName"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="用印类型" :rules="[{ required: true, message: '用印类型不能为空'}]">
<el-checkbox-group v-model="processForm.sealType">
<#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="是否垫资">
<el-input placeholder="请输入最终用户名称" v-model="processForm.contractName"></el-input>
</el-form-item>
<el-form-item label="垫资金额">
<el-input value="50000元"></el-input>
</el-form-item>
<el-form-item label="预算毛利率">
<el-input value="3.91%"></el-input>
</el-form-item>
</div>
<div>
<el-form-item 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>
</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="上传附件">
<el-upload class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
:limit="1"
:on-exceed="handleExceed"
:file-list="fileList">
<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>
</el-form>
<#-- <el-row justify="space-around" type="flex" class="row-bg">-->
<el-row>
<el-button type="info" @click="goToHome">返回上一级</el-button>
<el-button type="primary" @click="saveDraft">保存草稿</el-button>
<el-button type="success" @click="submit">提交</el-button>
</el-row>
</div>
<#-- 销售合同清单明细 -->
<div class="am-u-sm-12 am-u-md-12" v-if="isSaleContractDetailMode">
<el-table border :data="businessPurchaseDetails">
<el-table-column type="index" :index="1" 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-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>
<el-row justify="space-around" type="flex" style="margin: 20px">
<el-button type="info" @click="goToSaleContractProcess">保存并返回上一级</el-button>
</el-row>
</div>
<#-- 新增业务采购合同流程 -->
<div class="am-u-sm-12 am-u-md-12" id="newBusinessProcurementContractProcess" v-if="isBusinessProcurementContractProcessMode">
<form role="form" id="newBusinessProcurementContractProcessForm">
<div class="am-form-inline">
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">项目编号</label>
<el-autocomplete v-model="processForm.serialNumber" :fetch-suggestions="queryProject"
placeholder="请输入内容" @select="handleSelectProject"></el-autocomplete>
</div>
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">项目标题</label>
<el-input placeholder="请输入内容" v-model="processForm.title" clearable></el-input>
</div>
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">申请时间</label>
<input type="text" class="am-form-field am-u-sm-2" :value="processForm.time"/>
</div>
<div class="am-form-group">
<label class="am-u-sm-3 am-form-label">采购模式</label>
<input type="text" class="am-form-field" :value="processForm.time"/>
</div>
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">合作类型</label>
<input type="text" class="am-form-field" :value="processForm.time"/>
</div>
</div>
<div class="am-form-inline">
<div class="am-form-group am-u-md-4">
<label class="am-form-label">申请部门</label>
<input type="text" class="am-form-field" :value="processForm.title"/>
<input type="text" class="am-form-field" :value="processForm.time"/>
<input type="text" class="am-form-field" :value="processForm.time"/>
</div>
<div class="am-form-group am-u-md-4">
<label class="am-form-label">申请人</label>
<input type="text" class="am-form-field" value="周瑾"/>
</div>
<div class="am-form-group am-u-md-4">
<label class="am-form-label">申请部门领导</label>
<input type="text" class="am-form-field" value="尹浩"/>
</div>
</div>
<div class="am-form-inline">
</div>
<div class="am-form-inline">
<button type="submit" class="am-btn am-btn-default">登录</button>
</div>
</form>
</div>
<#-- 选择 业务采购清单明细 -->
<div class="am-u-sm-12 am-u-md-12" v-if="isBusinessProcurementContractProcessMode">
<el-table style="width: 100%">
<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>
@ -91,236 +351,6 @@
</el-table>
</div>
<#-- 新增销售合同流程 -->
<div class="am-u-sm-12 am-u-md-12" v-if="isSalesContractProcessMode">
<el-form :inline="true" :model="project" label-position="right" label-width="100px">
<div class="am-form-inline">
<el-tooltip :disabled="projectSelected" effect="light" content="项目编号或名称，支持模糊查询" placement="top-end">
<el-form-item label="项目编号">
<el-autocomplete v-model="project.projectNo" :fetch-suggestions="queryProject"
placeholder="请输入项目编号或名称" @select="handleSelectProject">
</el-autocomplete>
</el-form-item>
</el-tooltip>
<el-form-item label="项目标题">
<el-input placeholder="请输入内容" :disabled="projectSelected" :value="projectTitle" clearable></el-input>
</el-form-item>
<el-form-item label="申请时间">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="project.title"></el-input>
</el-form-item>
<el-form-item label="项目类型">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="project.typeDesc"></el-input>
</el-form-item>
<el-form-item label="合作类型">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="project.cooperateTypeStr"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="申请部门">
<el-cascader :options="applySectorOptions" clearable></el-cascader>
</el-form-item>
<el-form-item label="申请人">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="project.cooperateTypeStr"></el-input>
</el-form-item>
<el-form-item label="申请部门领导">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="project.cooperateTypeStr"></el-input>
</el-form-item>
<el-form-item label="申请人电话">
<el-input placeholder="请输入内容" v-model="project.cooperateTypeStr"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="合同编号">
<el-input placeholder="请输入合同编号" v-model="project.contractNumber"></el-input>
</el-form-item>
<el-form-item label="合同名称">
<el-input placeholder="请输入合同名称" v-model="project.contractName"></el-input>
</el-form-item>
<el-form-item label="合同金额">
<el-input placeholder="请输入内容" :disabled="projectSelected" v-model="project.contractAmount"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="客户名称">
<el-input placeholder="请输入客户名称" v-model="project.contractNumber"></el-input>
</el-form-item>
<el-form-item label="最终用户名称">
<el-input placeholder="请输入最终用户名称" v-model="project.contractName"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="用印类型">
<el-checkbox-group v-model="project.sealType">
<el-checkbox label="公章"></el-checkbox>
<el-checkbox label="法人章"></el-checkbox>
<el-checkbox label="合同专用章"></el-checkbox>
<el-checkbox label="项目章"></el-checkbox>
<el-checkbox label="法人签名章"></el-checkbox>
<el-checkbox label="总经理签名章"></el-checkbox>
<el-checkbox label="财务专用章"></el-checkbox>
<el-checkbox label="电子合同章"></el-checkbox>
<el-checkbox label="其他"></el-checkbox>
</el-checkbox-group>
</el-form-item>
</div>
<div>
<el-form-item label="税率">
<el-select v-model="project.rate" placeholder="请选择税率">
<el-option label="0%" value="1"></el-option>
<el-option label="1%" value="1"></el-option>
<el-option label="3%" value="1"></el-option>
<el-option label="4%" value="1"></el-option>
<el-option label="5%" value="1"></el-option>
<el-option label="6%" value="1"></el-option>
<el-option label="9%" value="1"></el-option>
<el-option label="10%" value="1"></el-option>
<el-option label="13%" value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="是否垫资">
<el-input placeholder="请输入最终用户名称" v-model="project.contractName"></el-input>
</el-form-item>
<el-form-item label="垫资金额">
<el-input value="50000元"></el-input>
</el-form-item>
<el-form-item label="预算毛利率">
<el-input value="3.91%"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="收款条件">
<el-input type="textarea" :autosize="{ minRows: 3, maxRows: 10}" cols="90"
v-model="project.desc" placeholder="请输入收款条件（限制5000字）"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="备注">
<el-input type="textarea" :autosize="{ minRows: 3, maxRows: 10}"
v-model="project.desc" placeholder="请输入备注（限制5000字）" cols="90"></el-input>
</el-form-item>
</div>
<div>
<el-form-item label="上传附件">
<el-upload class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
:limit="1"
:on-exceed="handleExceed"
:file-list="fileList">
<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">详细清单</el-button>
</el-form-item>
</div>
</el-form>
</div>
<#-- 新增业务采购合同流程 -->
<div class="am-u-sm-12 am-u-md-12" id="newBusinessProcurementContractProcess" v-if="isBusinessProcurementContractProcessMode">
<form role="form" id="newBusinessProcurementContractProcessForm">
<div class="am-form-inline">
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">项目编号</label>
<el-autocomplete v-model="project.serialNumber" :fetch-suggestions="queryProject"
placeholder="请输入内容" @select="handleSelectProject"></el-autocomplete>
</div>
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">项目标题</label>
<el-input placeholder="请输入内容" v-model="project.title" clearable></el-input>
</div>
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">申请时间</label>
<input type="text" class="am-form-field am-u-sm-2" :value="project.time"/>
</div>
<div class="am-form-group">
<label class="am-u-sm-3 am-form-label">采购模式</label>
<input type="text" class="am-form-field" :value="project.time"/>
</div>
<div class="am-form-group">
<label class="am-u-md-3 am-form-label">合作类型</label>
<input type="text" class="am-form-field" :value="project.time"/>
</div>
</div>
<div class="am-form-inline">
<div class="am-form-group am-u-md-4">
<label class="am-form-label">申请部门</label>
<input type="text" class="am-form-field" :value="project.title"/>
<input type="text" class="am-form-field" :value="project.time"/>
<input type="text" class="am-form-field" :value="project.time"/>
</div>
<div class="am-form-group am-u-md-4">
<label class="am-form-label">申请人</label>
<input type="text" class="am-form-field" value="周瑾"/>
</div>
<div class="am-form-group am-u-md-4">
<label class="am-form-label">申请部门领导</label>
<input type="text" class="am-form-field" value="尹浩"/>
</div>
</div>
<div class="am-form-inline">
</div>
<div class="am-form-inline">
<button type="submit" class="am-btn am-btn-default">登录</button>
</div>
</form>
</div>
</div>
</div>
@ -333,13 +363,32 @@
<script>
const newBusinessProcurementContractProcess = "newBusinessProcurementContractProcess"
const salesContractProcess = "salesContractProcess"
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
project: {},
processForm: {
sealType: [],
},
projectSelected: false,
applySectorOptions: [
{
@ -544,6 +593,9 @@
businessPurchaseDetails: [
{
fee: 100
},
{
fee: 200
}
],
showBusinessPurchaseDetails: false,
@ -555,50 +607,109 @@
this.mode = mode
},
salesContractProcessClick() {
this.changeMode(salesContractProcess)
},
businessProcurementProcessClick() {
const that = this
},
goToHome() {
this.changeMode(BUTTON)
},
goToSaleContractProcess() {
this.changeMode(saleContractProcess)
},
goToSaleContractDetail() {
this.changeMode(saleContractDetail)
},
queryProject(q, callback) {
if (isBlank(q)) {
return
}
fetch("${base}/process/projects?q=" + q)
.then(res => res.json())
.then(data => {
if (data.length === 0) {
callback([{
name: '未搜索到结果'
}])
}
else {
callback(data.map(project => ({
name: project.name,
id: project.id,
})))
}
callback(data.map(project => ({
value: project.name,
id: project.id,
})))
})
.catch(err => {
this.$message.error('项目搜索失败');
})
},
handleSelectProject(selected) {
const {id, name} = selected
if (!id) {
this.processForm = {}
return
}
const loading = this.$loading({
lock: true,
text: '正在加载项目',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
})
fetch("${base}/process/projects/" + selected.id)
fetch("${base}/process/projects/" + id)
.then(res => res.json())
.then(data => {
this.project = data
this.processForm = {
sealType: [],
projectId: id,
applyDate: new Date().toLocaleDateString(),
...data
}
this.projectSelected = true
})
.catch(err => {
this.$message.error('项目\'' + selected.value + '\'加载失败');
this.$message.error("项目'" + name + "'加载失败");
})
.finally(() => loading.close())
},
saveDraft() {
this.processForm.status = 'draft'
this.submit()
},
submit() {
this.$refs["saleContractProcessForm"].validate((valid) => {
if (valid) {
const loading = this.$loading({
lock: true,
text: '正在提交',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
const processForm = this.processForm
console.log(processForm)
fetch("${base}/process", {
method: 'POST', // or 'PUT'
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(processForm),
}).then(response => {
}).catch(err => {
this.$message.error("项目提交失败");
}).finally(() => loading.close())
}
else {
return false;
}
})
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
@ -610,8 +721,11 @@
},
beforeRemove(file, fileList) {
return this.$confirm("确定移除 " + file.name + "？");
}
},
indexMethod(index) {
return index * 1;
}
}
new Vue({
@ -619,9 +733,9 @@
data,
computed: {
projectTitle() {
const {projectNo, name, applyPerson, applyTime} = this.project
const {projectNo, name, applyPerson, applyDate} = this.processForm
if (projectNo && name) {
return projectNo + "-" + name + "-" + applyPerson + "-" + applyTime
return projectNo.trim() + "-" + name.trim() + "-" + applyPerson + "-" + applyDate
}
return ""
},
@ -632,14 +746,19 @@
return this.mode === newBusinessProcurementContractProcess
},
isSalesContractProcessMode() {
return this.mode === salesContractProcess
return this.mode === saleContractProcess
},
isSaleContractDetailMode() {
return this.mode === saleContractDetail
},
subTitle() {
switch (this.mode) {
case BUTTON:
return "新增流程"
case salesContractProcess:
case saleContractProcess:
return "新增销售合同流程"
case saleContractDetail:
return "销售合同清单明细"
case newBusinessProcurementContractProcess:
return "新增业务采购合同流程"
}