diff --git a/pom.xml b/pom.xml index 6da773646..ad0084a75 100644 --- a/pom.xml +++ b/pom.xml @@ -1,5 +1,6 @@ <?xml version="1.0" encoding="UTF-8"?> -<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> +<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" + xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.ruoyi</groupId> diff --git a/doc/contract.pdf b/running/pdf/contract.pdf similarity index 93% rename from doc/contract.pdf rename to running/pdf/contract.pdf index be360b133..24a059aff 100644 Binary files a/doc/contract.pdf and b/running/pdf/contract.pdf differ diff --git a/ruoyi-admin/pom.xml b/ruoyi-admin/pom.xml index e7882dcf1..5d215da05 100644 --- a/ruoyi-admin/pom.xml +++ b/ruoyi-admin/pom.xml @@ -119,18 +119,6 @@ <scope>provided</scope> </dependency> - <!-- itextpdf--> - <dependency> - <groupId>com.itextpdf</groupId> - <artifactId>kernel</artifactId> - <version>7.1.12</version> - </dependency> - <dependency> - <groupId>com.itextpdf</groupId> - <artifactId>layout</artifactId> - <version>7.1.12</version> - </dependency> - </dependencies> <build> diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/common/CommonController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/common/CommonController.java index 0295cba77..ebb1a692f 100644 --- a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/common/CommonController.java +++ b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/common/CommonController.java @@ -3,7 +3,6 @@ package com.ruoyi.web.controller.common; import com.ruoyi.common.config.RuoYiConfig; import com.ruoyi.common.constant.Constants; import com.ruoyi.common.core.domain.AjaxResult; -import com.ruoyi.common.core.domain.model.Contract; import com.ruoyi.common.utils.StringUtils; import com.ruoyi.common.utils.file.FileUploadUtils; import com.ruoyi.common.utils.file.FileUtils; @@ -13,7 +12,6 @@ import org.slf4j.LoggerFactory; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; -import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.RestController; import org.springframework.web.multipart.MultipartFile; diff --git a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/custom/SysContractController.java b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/custom/SysContractController.java index f0eebdb6c..2389f4010 100644 --- a/ruoyi-admin/src/main/java/com/ruoyi/web/controller/custom/SysContractController.java +++ b/ruoyi-admin/src/main/java/com/ruoyi/web/controller/custom/SysContractController.java @@ -3,7 +3,6 @@ package com.ruoyi.web.controller.custom; import com.ruoyi.common.annotation.Log; import com.ruoyi.common.core.controller.BaseController; import com.ruoyi.common.core.domain.AjaxResult; -import com.ruoyi.common.core.domain.model.Contract; import com.ruoyi.common.core.page.TableDataInfo; import com.ruoyi.common.enums.BusinessType; import com.ruoyi.common.utils.poi.ExcelUtil; @@ -13,7 +12,9 @@ import org.springframework.beans.factory.annotation.Autowired; import org.springframework.security.access.prepost.PreAuthorize; import org.springframework.web.bind.annotation.*; +import java.util.HashMap; import java.util.List; +import java.util.Map; /** * 合同Controller @@ -92,27 +93,35 @@ public class SysContractController extends BaseController { @GetMapping("/file/{id}") public AjaxResult getfile(@PathVariable long id) { - try { - AjaxResult ajax = AjaxResult.success(); -// ajax.put("url", "/login"); - ajax.put("data", id); - return ajax; - } catch (Exception e) { - return AjaxResult.error(e.getMessage()); + AjaxResult ajax = AjaxResult.success(); + SysContract contract = sysContractService.selectSysContractById(id); + if (contract.getPath() != null) { + ajax.put("url", contract.getPath()); + } else { + Map<String, String> data = new HashMap<>(); + data.put("name", contract.getName()); + data.put("amount", contract.getAmount().toString()); + data.put("serveTime", contract.getServeTime().toString()); + ajax.put("data", data); } + return ajax; } /** * 合同签单 */ @PostMapping("/sign") - public AjaxResult signContract(@RequestBody Contract contract) throws Exception { - try { + public AjaxResult signContract(@RequestBody SysContract sysContract) { + sysContract.setStatus(1); + String path = "/file/" + sysContract.getId() + ".pdf"; + sysContract.setPath(path); + int count = sysContractService.updateSysContract(sysContract); + if (count > 0) { AjaxResult ajax = AjaxResult.success(); - ajax.put("result", "hi"); + ajax.put("url", path); return ajax; - } catch (Exception e) { - return AjaxResult.error(e.getMessage()); + } else { + return AjaxResult.error("操作失败"); } } } diff --git a/ruoyi-common/src/main/java/com/ruoyi/common/core/domain/model/Contract.java b/ruoyi-common/src/main/java/com/ruoyi/common/core/domain/model/Contract.java deleted file mode 100644 index 739cd443f..000000000 --- a/ruoyi-common/src/main/java/com/ruoyi/common/core/domain/model/Contract.java +++ /dev/null @@ -1,25 +0,0 @@ -package com.ruoyi.common.core.domain.model; - -public class Contract { - - private String name; - - private String phone; - - public String getName() { - return name; - } - - public void setName(String name) { - this.name = name; - } - - public String getPhone() { - return phone; - } - - public void setPhone(String phone) { - this.phone = phone; - } -} - diff --git a/ruoyi-custom/pom.xml b/ruoyi-custom/pom.xml index a7ed1b730..a696a53de 100644 --- a/ruoyi-custom/pom.xml +++ b/ruoyi-custom/pom.xml @@ -23,5 +23,23 @@ <artifactId>ruoyi-common</artifactId> </dependency> + <!-- itextpdf--> + <dependency> + <groupId>com.itextpdf</groupId> + <artifactId>io</artifactId> + <version>7.1.12</version> + <scope>compile</scope> + </dependency> + <dependency> + <groupId>com.itextpdf</groupId> + <artifactId>kernel</artifactId> + <version>7.1.12</version> + </dependency> + <dependency> + <groupId>com.itextpdf</groupId> + <artifactId>itextpdf</artifactId> + <version>5.5.13.2</version> + </dependency> + </dependencies> </project> \ No newline at end of file diff --git a/ruoyi-custom/src/main/java/com/ruoyi/custom/domain/SysContract.java b/ruoyi-custom/src/main/java/com/ruoyi/custom/domain/SysContract.java index feffe6f99..2a403816f 100644 --- a/ruoyi-custom/src/main/java/com/ruoyi/custom/domain/SysContract.java +++ b/ruoyi-custom/src/main/java/com/ruoyi/custom/domain/SysContract.java @@ -1,114 +1,158 @@ package com.ruoyi.custom.domain; -import java.math.BigDecimal; -import org.apache.commons.lang3.builder.ToStringBuilder; -import org.apache.commons.lang3.builder.ToStringStyle; import com.ruoyi.common.annotation.Excel; import com.ruoyi.common.core.domain.BaseEntity; +import org.apache.commons.lang3.builder.ToStringBuilder; +import org.apache.commons.lang3.builder.ToStringStyle; + +import java.math.BigDecimal; /** * 合同对象 sys_contract - * + * * @author wonder * @date 2020-10-23 */ -public class SysContract extends BaseEntity -{ +public class SysContract extends BaseEntity { private static final long serialVersionUID = 1L; - /** 合同编号 */ + /** + * 合同编号 + */ @Excel(name = "合同编号") private Long id; - /** 客户姓名 */ + /** + * 客户姓名 + */ @Excel(name = "客户姓名") private String name; - /** 电话 */ + /** + * 客户身份证 + */ + private String cusId; + + /** + * 电话 + */ @Excel(name = "电话") private String phone; - /** 服务时间 */ + /** + * 服务时间 + */ @Excel(name = "服务时间") private Integer serveTime; - /** 金额 */ + /** + * 金额 + */ @Excel(name = "金额") private BigDecimal amount; - /** 文件路径 */ + private String amountUpper; + + /** + * 文件路径 + */ @Excel(name = "文件路径") private String path; - public void setId(Long id) - { + /** + * 合同状态 + * 0-未签订;1-已签订 + */ + private int Status; + + public Long getId() { + return id; + } + + public void setId(Long id) { this.id = id; } - public Long getId() - { - return id; + public String getName() { + return name; } - public void setName(String name) - { + + public void setName(String name) { this.name = name; } - public String getName() - { - return name; + public String getPhone() { + return phone; } - public void setPhone(String phone) - { + + public void setPhone(String phone) { this.phone = phone; } - public String getPhone() - { - return phone; + public Integer getServeTime() { + return serveTime; } - public void setServeTime(Integer serveTime) - { + + public void setServeTime(Integer serveTime) { this.serveTime = serveTime; } - public Integer getServeTime() - { - return serveTime; + public BigDecimal getAmount() { + return amount; } - public void setAmount(BigDecimal amount) - { + + public String getAmountUpper() { + return amountUpper; + } + + public void setAmountUpper(String amountUpper) { + this.amountUpper = amountUpper; + } + + public void setAmount(BigDecimal amount) { this.amount = amount; } - public BigDecimal getAmount() - { - return amount; + public String getPath() { + return path; } - public void setPath(String path) - { + + public void setPath(String path) { this.path = path; } - public String getPath() - { - return path; + public int getStatus() { + return Status; + } + + public void setStatus(int status) { + Status = status; + } + + public String getCusId() { + return cusId; + } + + public void setCusId(String cusId) { + this.cusId = cusId; } @Override public String toString() { - return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE) - .append("id", getId()) - .append("name", getName()) - .append("phone", getPhone()) - .append("serveTime", getServeTime()) - .append("amount", getAmount()) - .append("path", getPath()) - .append("createBy", getCreateBy()) - .append("createTime", getCreateTime()) - .append("updateBy", getUpdateBy()) - .append("updateTime", getUpdateTime()) - .append("remark", getRemark()) - .toString(); + return new ToStringBuilder(this, ToStringStyle.MULTI_LINE_STYLE) + .append("id", getId()) + .append("name", getName()) + .append("cusId", getCusId()) + .append("status", getStatus()) + .append("phone", getPhone()) + .append("serveTime", getServeTime()) + .append("amount", getAmount()) + .append("path", getPath()) + .append("createBy", getCreateBy()) + .append("createTime", getCreateTime()) + .append("updateBy", getUpdateBy()) + .append("updateTime", getUpdateTime()) + .append("remark", getRemark()) + .toString(); } } diff --git a/ruoyi-custom/src/main/java/com/ruoyi/custom/service/ISysContractService.java b/ruoyi-custom/src/main/java/com/ruoyi/custom/service/ISysContractService.java index 40bf5d920..8df35a504 100644 --- a/ruoyi-custom/src/main/java/com/ruoyi/custom/service/ISysContractService.java +++ b/ruoyi-custom/src/main/java/com/ruoyi/custom/service/ISysContractService.java @@ -58,4 +58,6 @@ public interface ISysContractService * @return 结果 */ public int deleteSysContractById(Long id); + + public int signContract(SysContract sysContract); } diff --git a/ruoyi-custom/src/main/java/com/ruoyi/custom/service/impl/SysContractServiceImpl.java b/ruoyi-custom/src/main/java/com/ruoyi/custom/service/impl/SysContractServiceImpl.java index 9fbbea799..3f7e49184 100644 --- a/ruoyi-custom/src/main/java/com/ruoyi/custom/service/impl/SysContractServiceImpl.java +++ b/ruoyi-custom/src/main/java/com/ruoyi/custom/service/impl/SysContractServiceImpl.java @@ -1,96 +1,147 @@ package com.ruoyi.custom.service.impl; -import java.util.List; +import com.itextpdf.text.Document; +import com.itextpdf.text.DocumentException; +import com.itextpdf.text.pdf.*; import com.ruoyi.common.utils.DateUtils; +import com.ruoyi.custom.domain.SysContract; +import com.ruoyi.custom.mapper.SysContractMapper; +import com.ruoyi.custom.service.ISysContractService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; -import com.ruoyi.custom.mapper.SysContractMapper; -import com.ruoyi.custom.domain.SysContract; -import com.ruoyi.custom.service.ISysContractService; + +import java.io.ByteArrayOutputStream; +import java.io.FileNotFoundException; +import java.io.FileOutputStream; +import java.io.IOException; +import java.util.List; + /** * 合同Service业务层处理 - * + * * @author wonder * @date 2020-10-23 */ @Service -public class SysContractServiceImpl implements ISysContractService -{ +public class SysContractServiceImpl implements ISysContractService { @Autowired private SysContractMapper sysContractMapper; /** * 查询合同 - * + * * @param id 合同ID * @return 合同 */ @Override - public SysContract selectSysContractById(Long id) - { + public SysContract selectSysContractById(Long id) { return sysContractMapper.selectSysContractById(id); } /** * 查询合同列表 - * + * * @param sysContract 合同 * @return 合同 */ @Override - public List<SysContract> selectSysContractList(SysContract sysContract) - { + public List<SysContract> selectSysContractList(SysContract sysContract) { return sysContractMapper.selectSysContractList(sysContract); } /** * 新增合同 - * + * * @param sysContract 合同 * @return 结果 */ @Override - public int insertSysContract(SysContract sysContract) - { + public int insertSysContract(SysContract sysContract) { + sysContract.setId(DateUtils.getNowDate().getTime()); sysContract.setCreateTime(DateUtils.getNowDate()); return sysContractMapper.insertSysContract(sysContract); } /** * 修改合同 - * + * * @param sysContract 合同 * @return 结果 */ @Override - public int updateSysContract(SysContract sysContract) - { + public int updateSysContract(SysContract sysContract) { sysContract.setUpdateTime(DateUtils.getNowDate()); return sysContractMapper.updateSysContract(sysContract); } /** * 批量删除合同 - * + * * @param ids 需要删除的合同ID * @return 结果 */ @Override - public int deleteSysContractByIds(Long[] ids) - { + public int deleteSysContractByIds(Long[] ids) { return sysContractMapper.deleteSysContractByIds(ids); } /** * 删除合同信息 - * + * * @param id 合同ID * @return 结果 */ @Override - public int deleteSysContractById(Long id) - { + public int deleteSysContractById(Long id) { return sysContractMapper.deleteSysContractById(id); } + + @Override + public int signContract(SysContract sysContract) { + String templatePath = "/Users/wonder/Documents/Workspaces/java/RuoYi-Vue/running/pdf/contract.pdf"; + String filePath = "/Users/wonder/Documents/Workspaces/java/RuoYi-Vue/running" + sysContract.getPath(); + PdfReader reader; + FileOutputStream out; + ByteArrayOutputStream bos; + PdfStamper stamper; + + try { + out = new FileOutputStream(filePath);// 输出流到新的pdf,没有b2.pdf时会创建 + reader = new PdfReader(templatePath);// 读取pdf模板 + bos = new ByteArrayOutputStream(); + stamper = new PdfStamper(reader, bos); + AcroFields form = stamper.getAcroFields(); + + form.setField("name", sysContract.getName()); + form.setField("phone", sysContract.getName()); + form.setField("money", sysContract.getAmount().toString()); + form.setField("moneyUpper", sysContract.getAmountUpper()); + form.setField("date", sysContract.getName()); + form.setField("cusId", sysContract.getCusId()); + + + stamper.setFormFlattening(true);// 如果为false那么生成的PDF文件还能编辑,一定要设为true + stamper.close(); + + Document doc = new Document(); + + PdfCopy copy = new PdfCopy(doc, out); + doc.open(); + PdfImportedPage importPage = null; + for (int i = 1; i <= reader.getNumberOfPages(); i++) { + importPage = copy + .getImportedPage(new PdfReader(bos.toByteArray()), i); + copy.addPage(importPage); + } + doc.close(); + } catch (FileNotFoundException e) { + e.printStackTrace(); + } catch (IOException e) { + e.printStackTrace(); + } catch (DocumentException e) { + e.printStackTrace(); + } + return 0; + } } diff --git a/ruoyi-custom/src/main/resources/mapper/custom/SysContractMapper.xml b/ruoyi-custom/src/main/resources/mapper/custom/SysContractMapper.xml index c4912fee3..25a001722 100644 --- a/ruoyi-custom/src/main/resources/mapper/custom/SysContractMapper.xml +++ b/ruoyi-custom/src/main/resources/mapper/custom/SysContractMapper.xml @@ -6,7 +6,9 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" <resultMap type="SysContract" id="SysContractResult"> <result property="id" column="id" /> + <result property="status" column="status" /> <result property="name" column="name" /> + <result property="cusId" column="cus_id" /> <result property="phone" column="phone" /> <result property="serveTime" column="serve_time" /> <result property="amount" column="amount" /> @@ -19,13 +21,14 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" </resultMap> <sql id="selectSysContractVo"> - select id, name, phone, serve_time, amount, path, create_by, create_time, update_by, update_time, remark from sys_contract + select id, status, name, phone, cus_id, serve_time, amount, path, create_by, create_time, update_by, update_time, remark from sys_contract </sql> <select id="selectSysContractList" parameterType="SysContract" resultMap="SysContractResult"> <include refid="selectSysContractVo"/> <where> <if test="id != null "> and id = #{id}</if> + <if test="status != null "> and status = #{status}</if> <if test="name != null and name != ''"> and name like concat('%', #{name}, '%')</if> <if test="phone != null and phone != ''"> and phone = #{phone}</if> </where> @@ -39,7 +42,10 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" <insert id="insertSysContract" parameterType="SysContract" useGeneratedKeys="true" keyProperty="id"> insert into sys_contract <trim prefix="(" suffix=")" suffixOverrides=","> + <if test="id != null">id,</if> + <if test="status != null">status,</if> <if test="name != null and name != ''">name,</if> + <if test="cusId != null and cusId != ''">cus_id,</if> <if test="phone != null">phone,</if> <if test="serveTime != null">serve_time,</if> <if test="amount != null">amount,</if> @@ -51,7 +57,10 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" <if test="remark != null">remark,</if> </trim> <trim prefix="values (" suffix=")" suffixOverrides=","> + <if test="id != null">#{id},</if> + <if test="status != null">#{status},</if> <if test="name != null and name != ''">#{name},</if> + <if test="cusId != null and cusId != ''">#{cus_id},</if> <if test="phone != null">#{phone},</if> <if test="serveTime != null">#{serveTime},</if> <if test="amount != null">#{amount},</if> @@ -67,7 +76,9 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" <update id="updateSysContract" parameterType="SysContract"> update sys_contract <trim prefix="SET" suffixOverrides=","> + <if test="status != null">name = #{status},</if> <if test="name != null and name != ''">name = #{name},</if> + <if test="cusId != null and cusId != ''">name = #{cus_id},</if> <if test="phone != null">phone = #{phone},</if> <if test="serveTime != null">serve_time = #{serveTime},</if> <if test="amount != null">amount = #{amount},</if> diff --git a/ruoyi-ui/src/api/custom/contract.js b/ruoyi-ui/src/api/custom/contract.js index 8cfc776ae..a5833256e 100644 --- a/ruoyi-ui/src/api/custom/contract.js +++ b/ruoyi-ui/src/api/custom/contract.js @@ -58,3 +58,11 @@ export function getFile(id) { method: 'get', }) } + +export function signContract(data) { + return request({ + url: '/custom/contract/', + method: 'put', + data: data + }) +} diff --git a/ruoyi-ui/src/main.js b/ruoyi-ui/src/main.js index d270fb743..a2be0932a 100644 --- a/ruoyi-ui/src/main.js +++ b/ruoyi-ui/src/main.js @@ -23,7 +23,7 @@ import { handleTree, parseTime, resetForm, - searchToParams, + digitUppercase, selectDictLabel, selectDictLabels, toThousands @@ -43,7 +43,7 @@ Vue.prototype.selectDictLabels = selectDictLabels Vue.prototype.download = download Vue.prototype.handleTree = handleTree Vue.prototype.toThousands = toThousands -Vue.prototype.searchToParams = searchToParams +Vue.prototype.digitUppercase = digitUppercase Vue.prototype.msgSuccess = function (msg) { this.$message({showClose: true, message: msg, type: "success"}); diff --git a/ruoyi-ui/src/permission.js b/ruoyi-ui/src/permission.js index 14fb79fef..a4c3637a7 100644 --- a/ruoyi-ui/src/permission.js +++ b/ruoyi-ui/src/permission.js @@ -49,7 +49,7 @@ router.beforeEach((to, from, next) => { } } else { // 没有token - if (whiteList.indexOf(to.path) !== -1 || to.path.startsWith('/contract')) { + if (whiteList.indexOf(to.path) !== -1 || to.path.startsWith('/file')) { // 在免登录白名单,直接进入 next() } else { diff --git a/ruoyi-ui/src/router/index.js b/ruoyi-ui/src/router/index.js index e231d899b..77c91210e 100644 --- a/ruoyi-ui/src/router/index.js +++ b/ruoyi-ui/src/router/index.js @@ -125,7 +125,7 @@ export const constantRoutes = [ ] }, { - path: '/contract/:id(\\d+)', + path: '/file/contract/:id(\\d+)', hidden: true, component: (resolve) => require(['@/views/custom/signContract'], resolve), meta: { title: '合同' } diff --git a/ruoyi-ui/src/utils/ruoyi.js b/ruoyi-ui/src/utils/ruoyi.js index 08f27a579..58f7e4bc4 100644 --- a/ruoyi-ui/src/utils/ruoyi.js +++ b/ruoyi-ui/src/utils/ruoyi.js @@ -167,13 +167,33 @@ export function toThousands(num) { return result; } -export function searchToParams(paramStr) { - if (!paramStr) { - return {} +export function digitUppercase(n) { + const fraction = ['角', '分']; + const digit = [ + '零', '壹', '贰', '叁', '肆', + '伍', '陆', '柒', '捌', '玖' + ]; + const unit = [ + ['元', '万', '亿'], + ['', '拾', '佰', '仟'] + ]; + const head = n < 0 ? '欠' : ''; + n = Math.abs(n); + let s = ''; + for (let i = 0; i < fraction.length; i++) { + s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, ''); } - return paramStr.split('&').reduce((obj, cur) => { - const tarObj = cur.split('='); - obj[tarObj[0]] = tarObj[1]; - return obj; - }, {}) -} + s = s || '整'; + n = Math.floor(n); + for (let i = 0; i < unit[0].length && n > 0; i++) { + const p = ''; + for (let j = 0; j < unit[1].length && n > 0; j++) { + p = digit[n % 10] + unit[1][j] + p; + n = Math.floor(n / 10); + } + s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s; + } + return head + s.replace(/(零.)*零元/, '元') + .replace(/(零.)+/g, '零') + .replace(/^整$/, '零元整'); +}; diff --git a/ruoyi-ui/src/views/custom/contract/index.vue b/ruoyi-ui/src/views/custom/contract/index.vue index 2964dbcd1..f4cab396a 100644 --- a/ruoyi-ui/src/views/custom/contract/index.vue +++ b/ruoyi-ui/src/views/custom/contract/index.vue @@ -42,65 +42,77 @@ size="mini" @click="handleAdd" v-hasPermi="['custom:contract:add']" - >新增</el-button> + >新增 + </el-button> </el-col> -<!-- <el-col :span="1.5">--> -<!-- <el-button--> -<!-- type="success"--> -<!-- icon="el-icon-edit"--> -<!-- size="mini"--> -<!-- :disabled="single"--> -<!-- @click="handleUpdate"--> -<!-- v-hasPermi="['custom:contract:edit']"--> -<!-- >修改</el-button>--> -<!-- </el-col>--> -<!-- <el-col :span="1.5">--> -<!-- <el-button--> -<!-- type="danger"--> -<!-- icon="el-icon-delete"--> -<!-- size="mini"--> -<!-- :disabled="multiple"--> -<!-- @click="handleDelete"--> -<!-- v-hasPermi="['custom:contract:remove']"--> -<!-- >删除</el-button>--> -<!-- </el-col>--> -<!-- <el-col :span="1.5">--> -<!-- <el-button--> -<!-- type="warning"--> -<!-- icon="el-icon-download"--> -<!-- size="mini"--> -<!-- @click="handleExport"--> -<!-- v-hasPermi="['custom:contract:export']"--> -<!-- >导出</el-button>--> -<!-- </el-col>--> - <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> + <!-- <el-col :span="1.5">--> + <!-- <el-button--> + <!-- type="success"--> + <!-- icon="el-icon-edit"--> + <!-- size="mini"--> + <!-- :disabled="single"--> + <!-- @click="handleUpdate"--> + <!-- v-hasPermi="['custom:contract:edit']"--> + <!-- >修改</el-button>--> + <!-- </el-col>--> + <!-- <el-col :span="1.5">--> + <!-- <el-button--> + <!-- type="danger"--> + <!-- icon="el-icon-delete"--> + <!-- size="mini"--> + <!-- :disabled="multiple"--> + <!-- @click="handleDelete"--> + <!-- v-hasPermi="['custom:contract:remove']"--> + <!-- >删除</el-button>--> + <!-- </el-col>--> + <!-- <el-col :span="1.5">--> + <!-- <el-button--> + <!-- type="warning"--> + <!-- icon="el-icon-download"--> + <!-- size="mini"--> + <!-- @click="handleExport"--> + <!-- v-hasPermi="['custom:contract:export']"--> + <!-- >导出</el-button>--> + <!-- </el-col>--> + <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> <el-table v-loading="loading" :data="contractList" @selection-change="handleSelectionChange"> -<!-- <el-table-column type="selection" width="55" align="center" />--> - <el-table-column label="合同编号" align="center" prop="id" /> - <el-table-column label="客户姓名" align="center" prop="name" /> - <el-table-column label="电话" align="center" prop="phone" /> - <el-table-column label="服务时间" align="center" prop="serveTime" :formatter="serveTimeFormat" /> - <el-table-column label="金额" align="center" prop="amount" /> - <el-table-column label="合同地址" align="center" prop="path" /> - <el-table-column label="备注" align="center" prop="remark" /> + <!-- <el-table-column type="selection" width="55" align="center" />--> + <el-table-column label="合同编号" align="center" prop="id"/> + <el-table-column label="合同状态" align="center" prop="status"> + <template slot-scope="scope"> + <el-tag + :type="scope.row.status ? 'success' : 'danger'" + disable-transitions> + {{scope.row.status ? '已签订':'未签订'}} + </el-tag> + </template> + </el-table-column> + <el-table-column label="客户姓名" align="center" prop="name"/> + <el-table-column label="证件号" align="center" prop="cusId"/> + <el-table-column label="电话" align="center" prop="phone"/> + <el-table-column label="服务时间" align="center" prop="serveTime" :formatter="serveTimeFormat"/> + <el-table-column label="金额" align="center" prop="amount"/> + <el-table-column label="合同地址" align="center" prop="path"/> + <el-table-column label="备注" align="center" prop="remark"/> <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <template slot-scope="scope"> -<!-- <el-button--> -<!-- size="mini"--> -<!-- type="text"--> -<!-- icon="el-icon-edit"--> -<!-- @click="handleUpdate(scope.row)"--> -<!-- v-hasPermi="['custom:contract:edit']"--> -<!-- >修改</el-button>--> + <!-- <el-button--> + <!-- size="mini"--> + <!-- type="text"--> + <!-- icon="el-icon-edit"--> + <!-- @click="handleUpdate(scope.row)"--> + <!-- v-hasPermi="['custom:contract:edit']"--> + <!-- >修改</el-button>--> <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['custom:contract:remove']" - >删除</el-button> + >删除 + </el-button> </template> </el-table-column> </el-table> @@ -117,10 +129,10 @@ <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="客户姓名" prop="name"> - <el-input v-model="form.name" placeholder="请输入客户姓名" /> + <el-input v-model="form.name" placeholder="请输入客户姓名"/> </el-form-item> <el-form-item label="电话" prop="phone"> - <el-input v-model="form.phone" placeholder="请输入电话" /> + <el-input v-model="form.phone" placeholder="请输入电话"/> </el-form-item> <el-form-item label="服务时间" prop="serveTime"> <el-select v-model="form.serveTime" placeholder="请选择服务时间"> @@ -133,13 +145,13 @@ </el-select> </el-form-item> <el-form-item label="金额" prop="amount"> - <el-input v-model="form.amount" placeholder="请输入金额" /> + <el-input v-model="form.amount" placeholder="请输入金额"/> </el-form-item> -<!-- <el-form-item label="文件路径" prop="path">--> -<!-- <el-input v-model="form.path" placeholder="请输入文件路径" />--> -<!-- </el-form-item>--> + <!-- <el-form-item label="文件路径" prop="path">--> + <!-- <el-input v-model="form.path" placeholder="请输入文件路径" />--> + <!-- </el-form-item>--> <el-form-item label="备注" prop="remark"> - <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" /> + <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> @@ -151,175 +163,184 @@ </template> <script> -import { listContract, getContract, delContract, addContract, updateContract, exportContract } from "@/api/custom/contract"; + import { + addContract, + delContract, + exportContract, + getContract, + listContract, + updateContract + } from "@/api/custom/contract"; -export default { - name: "Contract", - data() { - return { - // 遮罩层 - loading: true, - // 选中数组 - ids: [], - // 非单个禁用 - single: true, - // 非多个禁用 - multiple: true, - // 显示搜索条件 - showSearch: false, - // 总条数 - total: 0, - // 合同表格数据 - contractList: [], - // 弹出层标题 - title: "", - // 是否显示弹出层 - open: false, - // 服务时间字典 - serveTimeOptions: [], - // 查询参数 - queryParams: { - pageNum: 1, - pageSize: 10, - id: null, - name: null, - phone: null, - }, - // 表单参数 - form: {}, - // 表单校验 - rules: { - name: [ - { required: true, message: "客户姓名不能为空", trigger: "blur" } - ], - } - }; - }, - created() { - this.getList(); - this.getDicts("cus_serve_time").then(response => { - this.serveTimeOptions = response.data; - }); - }, - methods: { - /** 查询合同列表 */ - getList() { - this.loading = true; - listContract(this.queryParams).then(response => { - this.contractList = response.rows; - this.total = response.total; - this.loading = false; - }); - }, - // 服务时间字典翻译 - serveTimeFormat(row, column) { - return this.selectDictLabel(this.serveTimeOptions, row.serveTime); - }, - // 取消按钮 - cancel() { - this.open = false; - this.reset(); - }, - // 表单重置 - reset() { - this.form = { - id: null, - name: null, - phone: null, - serveTime: null, - amount: null, - path: null, - createBy: null, - createTime: null, - updateBy: null, - updateTime: null, - remark: null - }; - this.resetForm("form"); - }, - /** 搜索按钮操作 */ - handleQuery() { - this.queryParams.pageNum = 1; - this.getList(); - }, - /** 重置按钮操作 */ - resetQuery() { - this.resetForm("queryForm"); - this.handleQuery(); - }, - // 多选框选中数据 - handleSelectionChange(selection) { - this.ids = selection.map(item => item.id) - this.single = selection.length!==1 - this.multiple = !selection.length - }, - /** 新增按钮操作 */ - handleAdd() { - this.reset(); - this.open = true; - this.title = "添加合同"; - }, - /** 修改按钮操作 */ - handleUpdate(row) { - this.reset(); - const id = row.id || this.ids - getContract(id).then(response => { - this.form = response.data; - this.open = true; - this.title = "修改合同"; - }); - }, - /** 提交按钮 */ - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - if (this.form.id != null) { - updateContract(this.form).then(response => { - if (response.code === 200) { - this.msgSuccess("修改成功"); - this.open = false; - this.getList(); - } - }); - } else { - addContract(this.form).then(response => { - if (response.code === 200) { - this.msgSuccess("新增成功"); - this.open = false; - this.getList(); - } - }); - } + export default { + name: "Contract", + data() { + return { + // 遮罩层 + loading: true, + // 选中数组 + ids: [], + // 非单个禁用 + single: true, + // 非多个禁用 + multiple: true, + // 显示搜索条件 + showSearch: false, + // 总条数 + total: 0, + // 合同表格数据 + contractList: [], + // 弹出层标题 + title: "", + // 是否显示弹出层 + open: false, + // 服务时间字典 + serveTimeOptions: [], + // 查询参数 + queryParams: { + pageNum: 1, + pageSize: 10, + id: null, + name: null, + phone: null, + }, + // 表单参数 + form: {}, + // 表单校验 + rules: { + name: [ + {required: true, message: "客户姓名不能为空", trigger: "blur"} + ], } + }; + }, + created() { + this.getList(); + this.getDicts("cus_serve_time").then(response => { + this.serveTimeOptions = response.data; }); }, - /** 删除按钮操作 */ - handleDelete(row) { - const ids = row.id || this.ids; - this.$confirm('是否确认删除合同编号为"' + ids + '"的数据项?', "警告", { + methods: { + /** 查询合同列表 */ + getList() { + this.loading = true; + listContract(this.queryParams).then(response => { + this.contractList = response.rows; + this.total = response.total; + this.loading = false; + }); + }, + // 服务时间字典翻译 + serveTimeFormat(row, column) { + return this.selectDictLabel(this.serveTimeOptions, row.serveTime); + }, + // 取消按钮 + cancel() { + this.open = false; + this.reset(); + }, + // 表单重置 + reset() { + this.form = { + id: null, + name: null, + phone: null, + serveTime: null, + amount: null, + path: null, + createBy: null, + createTime: null, + updateBy: null, + updateTime: null, + remark: null + }; + this.resetForm("form"); + }, + /** 搜索按钮操作 */ + handleQuery() { + this.queryParams.pageNum = 1; + this.getList(); + }, + /** 重置按钮操作 */ + resetQuery() { + this.resetForm("queryForm"); + this.handleQuery(); + }, + // 多选框选中数据 + handleSelectionChange(selection) { + this.ids = selection.map(item => item.id) + this.single = selection.length !== 1 + this.multiple = !selection.length + }, + /** 新增按钮操作 */ + handleAdd() { + this.reset(); + this.open = true; + this.title = "添加合同"; + }, + /** 修改按钮操作 */ + handleUpdate(row) { + this.reset(); + const id = row.id || this.ids + getContract(id).then(response => { + this.form = response.data; + this.open = true; + this.title = "修改合同"; + }); + }, + /** 提交按钮 */ + submitForm() { + this.$refs["form"].validate(valid => { + if (valid) { + if (this.form.id != null) { + updateContract(this.form).then(response => { + if (response.code === 200) { + this.msgSuccess("修改成功"); + this.open = false; + this.getList(); + } + }); + } else { + addContract(this.form).then(response => { + if (response.code === 200) { + this.msgSuccess("新增成功"); + this.open = false; + this.getList(); + } + }); + } + } + }); + }, + /** 删除按钮操作 */ + handleDelete(row) { + const ids = row.id || this.ids; + this.$confirm('是否确认删除合同编号为"' + ids + '"的数据项?', "警告", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" - }).then(function() { + }).then(function () { return delContract(ids); }).then(() => { this.getList(); this.msgSuccess("删除成功"); - }).catch(function() {}); - }, - /** 导出按钮操作 */ - handleExport() { - const queryParams = this.queryParams; - this.$confirm('是否确认导出所有合同数据项?', "警告", { + }).catch(function () { + }); + }, + /** 导出按钮操作 */ + handleExport() { + const queryParams = this.queryParams; + this.$confirm('是否确认导出所有合同数据项?', "警告", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" - }).then(function() { + }).then(function () { return exportContract(queryParams); }).then(response => { this.download(response.msg); - }).catch(function() {}); + }).catch(function () { + }); + } } - } -}; + }; </script> diff --git a/ruoyi-ui/src/views/custom/signContract/index.vue b/ruoyi-ui/src/views/custom/signContract/index.vue index b1cd1999b..0919a17b2 100644 --- a/ruoyi-ui/src/views/custom/signContract/index.vue +++ b/ruoyi-ui/src/views/custom/signContract/index.vue @@ -1,37 +1,179 @@ <template> - <div v-if="show"> + <div v-if="show" class="sign-contract-container"> + <div class="contract-title">合同简要</div> <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - <el-form-item label="姓名" prop="name"> - <el-input v-model="form.name" placeholder="请输入客户姓名"/> + <el-form-item label="服务方" style="margin: 0"> + <span>深圳市胜唐科技有限公司</span> + </el-form-item> + <el-form-item label="服务费" style="margin: 0"> + <span>¥{{form.amount}}</span> + </el-form-item> + <el-form-item label="服务时长" style="margin: 0"> + <span>{{form.serveTime}}</span> + </el-form-item> + <el-form-item label="姓名" prop="userName"> + <el-input v-model="form.userName" placeholder="请输入客户姓名"/> + </el-form-item> + <el-form-item label="证件号" prop="cusId"> + <el-input v-model="form.cusId" placeholder="请输入证件号"/> </el-form-item> <el-form-item label="电话" prop="phone"> <el-input v-model="form.phone" placeholder="请输入电话"/> </el-form-item> </el-form> - <el-button type="primary" @click="submitForm">提交</el-button> + <div> + <el-checkbox v-model="read" @change="handleRadioChange" style="margin-bottom: 12px">已阅读合同相关 + </el-checkbox> + <span class="detail" @click="dialogVisible = true">详情</span> + </div> + <el-button type="primary" style="width: 100%" @click="submitForm" :disabled="!read">提交签约</el-button> + <el-dialog + title="服务合同" + :visible.sync="dialogVisible" + width="90%" + custom-class="contract_dialog" + center> + <div class="dialog-detail"> + <p>甲方:胜唐体控(深圳市胜唐科技有限公司)</p> + <p>乙方:<b>{{form.name}}</b></p> + <p>甲乙双方本着诚信合作、互惠互利的原则,依据中华人民共和国有关法律,经友好协商,现就胜唐体控减肥咨询指导服务合作相关事宣达成一致协议,以兹共同遵守。 + 如果需要减脂的乙方未成年,由应由乙方法定监护人代签本合同,乙方享受同等法律权益。</p> + <p> + 第一条甲方资质与服务保证 + <div class="line-rule">1、甲方保证是在工商部门注册、合法经营的正规公司。</div> + <div class="line-rule">2、甲方保证为乙方提供知名体重管理专家导师全程服务。</div> + <div class="line-rule">3、甲方保证按承诺的方式(即:靠一日三餐吃瘦、绝不使用仪器及针药、亦不服用药物等)达到双方约定效果。</div> + <div class="line-rule">4、甲方保证全程为乙方提供本合同所承诺的服务内容。</div> + <div class="line-rule">5、服务标准</div> + <div style="margin-left: 24px">a、拥有体重管理专家导师亲自每天主动服务。(节假日除外)</div> + <div style="margin-left: 24px">b、享受免费赠送营养基础知识学习,肥胖与生活习惯知识学习,享受专家亲自培训初級自我管理体重知识。</div> + </p> + + <p>第二条 合作内容及费用 + <div class="line-rule">11、经甲乙双方协商确定,乙方向甲方购买<b>{{form.serveTime}}</b>“胜唐体控瘦身指导服务”(以下简称服务)。</div> + <div class="line-rule">12、乙方向甲方购买<b>{{form.serveTime}}</b>,经甲乙双方协商确定,乙方向甲方支付疗程费用共为人民币:<b>{{form.amount}}</b>元,大写:<b>{{form.amountUppercase}}</b>)。 + </div> + </p> + + <p>第三条 服务期约定 + <div class="line-rule">1、服务时间阶段(服务指导期、服务跟踪期、免费咨询期)具体安排,由甲方根据乙方的实际情况与乙方协商确定。</div> + <div class="line-rule">2、因不可抗拒的因素(如意外怀孕等)而暂停服务指导,其后续服务期限由甲乙方协商确定。</div> + <div class="line-rule">3、减肥需要双方的配合,在不是甲方技术问题的情况下,乙方不执行营养师的指导导致没有达到预期效果,责任由乙方承担。根据个人体质不同,在调理营养健康的前提下,健康吃瘦25-35斤 + </div> + <div class="line-rule"> + 4、乙方应按甲方制定的饮食方案来饮食,承诺在未与甲方沟通前,不擅自吃方案之外的高热量、高油、高盐、高糖等不利于健康和减脂的饮食,服务期内擅自暴食导致体重上涨,次数超过3次视为乙方主动放弃营养减脂,且甲方无需免费延长服务时间。 + </div> + <div class="line-rule"> + 5、乙方在一个疗程内享有2次暂停服务的机会,在暂停前应与甲方沟通,确认暂停前已减重斤数,累积到总减重结果中。在暂停结束后,从新体重开始,甲方服务乙方继续完成承诺的减重斤数,即:包瘦斤数 - 暂停前已成功减重数。 + </div> + </p> + + <p>公司地址:深圳市宝安区西乡街道宝立方中心创意研发大厦B座708</p> + <p>联系电话:0755-23213903</p> + </div> + <span slot="footer" class="dialog-footer"> + <el-button type="primary" @click="handleConfirm">确 定</el-button> + </span> + </el-dialog> </div> + </template> <script> - import {getFile} from "@/api/custom/contract"; + import {getFile, signContract} from "@/api/custom/contract"; + import {digitUppercase} from "../../../utils/ruoyi"; export default { name: 'sign', data() { + + const checkUserName = (rule, value, callback) => { + if (!value) { + return callback(new Error('姓名不能为空')) + } + if(value !== this.form.name){ + return callback(new Error('输入姓名不匹配,请联系客服核对')) + } + callback(); + } + + const checkPhone = (rule, value, callback) => { + const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/ + if (!value) { + return callback(new Error('电话号码不能为空')) + } + setTimeout(() => { + // Number.isInteger是es6验证数字是否为整数的方法,实际输入的数字总是识别成字符串 + // 所以在前面加了一个+实现隐式转换 + if (!Number.isInteger(+value)) { + callback(new Error('请输入数字值')) + } else { + if (phoneReg.test(value)) { + callback() + } else { + callback(new Error('电话号码格式不正确')) + } + } + }, 100) + } + + const checkcusId = (rule, value, callback) => { + const phoneReg = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/ + if (!value) { + return callback(new Error('证件号码不能为空')) + } + setTimeout(() => { + // Number.isInteger是es6验证数字是否为整数的方法,实际输入的数字总是识别成字符串 + // 所以在前面加了一个+实现隐式转换 + if (!Number.isInteger(+value)) { + callback(new Error('请输入数字值')) + } else { + if (phoneReg.test(value)) { + callback() + } else { + callback(new Error('证件号码格式不正确')) + } + } + }, 100) + } + return { show: false, form: {}, + read: false, + dialogVisible: false, + serveTimeIdOption: [ + {label: '7天', value: 7}, + {label: '1个月', value: 30}, + {label: '2个月', value: 60}, + {label: '3个月', value: 90}, + {label: '4个月', value: 120}, + {label: '5个月', value: 150}, + {label: '6个月', value: 180}, + {label: '7个月', value: 210}, + {label: '8个月', value: 240}, + {label: '9个月', value: 270}, + {label: '10个月', value: 300}, + {label: '11个月', value: 330}, + {label: '12个月', value: 360}, + ], rules: { - name: [ - {required: true, message: "姓名不能为空", trigger: "blur"} + userName: [ + {required: true, trigger: "blur", validator: checkUserName} ], phone: [ - {required: true, message: "电话不能为空", trigger: "blur"} + {required: true, trigger: "blur", validator: checkPhone} + ], + cusId: [ + {required: true, trigger: "blur", validator: checkcusId} ] } } }, + mounted() { + document.title = this.$route.meta.title + }, created() { this.getContract(); }, @@ -39,11 +181,15 @@ getContract() { const {pathname} = window.location; const id = pathname.substring(pathname.lastIndexOf('/') + 1); - console.log(id) + // console.log(id) getFile(id).then(result => { if (result.url) { this.$router.push(result.url); } else if (result.data) { + this.form = result.data; + this.form.amount = parseInt(result.data.amount); + this.form.amountUppercase = digitUppercase(this.form.amount); + this.form.serveTime = this.serveTimeIdOption.find(obj => obj.value === parseInt(result.data.serveTime)).label this.show = true; } }) @@ -51,20 +197,62 @@ submitForm() { this.$refs["form"].validate(valid => { if (valid) { - this.$emit('handleOnSubmit', this.form); + signContract(this.form).then(result => { + if (result.code === 200) { + // this.$router.push(result.url); + } + }); } }) - } + }, + handleRadioChange(val) { + this.read = val; + }, + handleConfirm() { + this.dialogVisible = false; + this.read = true; + }, + } } </script> <style lang="scss" scoped> - .dashboard-editor-container { + .sign-contract-container { + font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif; padding: 32px; - background-color: rgb(240, 242, 245); + /*background-color: rgb(240, 242, 245);*/ position: relative; + .contract-title { + text-align: center; + font-size: 20px; + margin-bottom: 32px; + } + + + .detail { + color: #0066cc; + cursor: pointer; + font-size: 14px; + } + + .contract_dialog { + + + .dialog-detail { + height: 60vh; + margin-top: -12px; + margin-bottom: -12px; + overflow: auto; + } + } + + .line-rule { + margin: 4px 0; + line-height: 18px; + } + .chart-wrapper { background: #fff; padding: 16px 16px 0; diff --git a/ruoyi-ui/src/views/custom/signContract/signView/index.vue b/ruoyi-ui/src/views/custom/signContract/signView/index.vue deleted file mode 100644 index 078adcda3..000000000 --- a/ruoyi-ui/src/views/custom/signContract/signView/index.vue +++ /dev/null @@ -1,41 +0,0 @@ -<template> - <div> - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - <el-form-item label="姓名" prop="name"> - <el-input v-model="form.name" placeholder="请输入客户姓名"/> - </el-form-item> - <el-form-item label="电话" prop="phone"> - <el-input v-model="form.phone" placeholder="请输入电话"/> - </el-form-item> - </el-form> - <el-button type="primary" @click="submitForm">提交</el-button> - </div> -</template> - -<script> - export default { - name: 'signContract', - data() { - return { - form: {}, - rules: { - name: [ - {required: true, message: "姓名不能为空", trigger: "blur"} - ], - phone: [ - {required: true, message: "电话不能为空", trigger: "blur"} - ] - } - } - }, - methods: { - submitForm() { - this.$refs["form"].validate(valid => { - if (valid) { - this.$emit('handleOnSubmit', this.form); - } - }) - } - } - } -</script>