
83 changed files with 15764 additions and 621 deletions
@ -0,0 +1,31 @@ |
|||
package com.yxt.anrui.base.api.basevehicle; |
|||
|
|||
import com.yxt.common.core.vo.Vo; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.List; |
|||
|
|||
@Data |
|||
public class AppPurchaseDetailsVo implements Vo { |
|||
|
|||
@ApiModelProperty("车辆sid") |
|||
private String sid; |
|||
@ApiModelProperty("车辆照片") |
|||
private List<String> vehicleImages; |
|||
@ApiModelProperty("车架号") |
|||
private String vinNo; |
|||
@ApiModelProperty("车辆状态") |
|||
private String vehicleStateValue; |
|||
@ApiModelProperty("车辆标签") |
|||
private String vehicleLabel; |
|||
@ApiModelProperty("促销政策") |
|||
private String promotionPolicy; |
|||
@ApiModelProperty("存放地点") |
|||
private String location; |
|||
@ApiModelProperty("入库日期") |
|||
private String priceDate; |
|||
@ApiModelProperty("销售指导价") |
|||
private String guidedPrice; |
|||
|
|||
} |
@ -0,0 +1,41 @@ |
|||
package com.yxt.anrui.base.api.basevehicle; |
|||
|
|||
import com.fasterxml.jackson.databind.annotation.JsonSerialize; |
|||
import com.fasterxml.jackson.databind.ser.std.ToStringSerializer; |
|||
import com.yxt.common.core.vo.Vo; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/4/22 8:49 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class BaseVehicleActualVo implements Vo { |
|||
|
|||
private static final long serialVersionUID = -6048723646837616372L; |
|||
private String sid; |
|||
@ApiModelProperty(value = "品牌") |
|||
private String brandName; |
|||
@ApiModelProperty(value = "车型") |
|||
private String vehicleAlias; |
|||
@ApiModelProperty(value = "车架号") |
|||
private String vinNo; |
|||
@ApiModelProperty(value = "颜色") |
|||
private String color; |
|||
@ApiModelProperty(value = "存放地点") |
|||
private String location; |
|||
@ApiModelProperty(value = "销售指导价") |
|||
@JsonSerialize(using = ToStringSerializer.class) |
|||
private String guidedPrice; |
|||
|
|||
@ApiModelProperty(value = "常用配置") |
|||
private String configName; |
|||
@ApiModelProperty(value = "入库日期") |
|||
private String priceDate; |
|||
|
|||
@ApiModelProperty(value = "入库价") |
|||
@JsonSerialize(using = ToStringSerializer.class) |
|||
private String priced; |
|||
} |
@ -0,0 +1,52 @@ |
|||
package com.yxt.anrui.base.api.basevehicleactualsales; |
|||
|
|||
import com.yxt.common.core.dto.Dto; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
import java.util.ArrayList; |
|||
import java.util.HashMap; |
|||
import java.util.List; |
|||
import java.util.Map; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/4/21 11:35 |
|||
* @Description |
|||
*/ |
|||
@Data |
|||
public class BaseVehicleActualSalesFlowDto implements Dto { |
|||
private static final long serialVersionUID = 3748090563013456721L; |
|||
|
|||
@ApiModelProperty(value = "业务sid") |
|||
private String businessSid; |
|||
|
|||
@ApiModelProperty("任务Id") |
|||
private String taskId; |
|||
|
|||
@ApiModelProperty("用户Id") |
|||
private String userId; |
|||
@ApiModelProperty("用户Sid") |
|||
private String userSid; |
|||
|
|||
@ApiModelProperty("任务意见") |
|||
private String comment; |
|||
|
|||
@ApiModelProperty("流程实例Id") |
|||
private String instanceId; |
|||
|
|||
@ApiModelProperty("节点") |
|||
private String targetKey; |
|||
|
|||
@ApiModelProperty("流程变量信息") |
|||
private Map<String, Object> values = new HashMap<>(); |
|||
|
|||
@ApiModelProperty("审批人") |
|||
private String assignee; |
|||
|
|||
@ApiModelProperty("候选人") |
|||
private List<String> candidateUsers = new ArrayList<>(); |
|||
|
|||
@ApiModelProperty("审批组") |
|||
private List<String> candidateGroups = new ArrayList<>(); |
|||
} |
@ -0,0 +1,26 @@ |
|||
package com.yxt.anrui.base.api.basevehicleactualsales; |
|||
|
|||
import com.yxt.common.core.query.Query; |
|||
import io.swagger.annotations.ApiModelProperty; |
|||
import lombok.Data; |
|||
|
|||
/** |
|||
* @Author dimengzhe |
|||
* @Date 2022/4/21 11:32 |
|||
* @Description 审核相关参数 |
|||
*/ |
|||
@Data |
|||
public class BaseVehicleActualSalesFlowQuery implements Query { |
|||
private static final long serialVersionUID = -3729579148766080074L; |
|||
|
|||
@ApiModelProperty(value = "处理意见") |
|||
private String comment; |
|||
@ApiModelProperty(value = "流程id") |
|||
private String instanceId; |
|||
@ApiModelProperty(value = "环节id") |
|||
private String taskId; |
|||
@ApiModelProperty(value = "用户sid") |
|||
private String userSid; |
|||
@ApiModelProperty(value = "业务sid") |
|||
private String businessSid; |
|||
} |
@ -0,0 +1,31 @@ |
|||
|
|||
|
|||
委托提车授权书 |
|||
|
|||
${partyA} (公司): |
|||
委托人: ${partyB} |
|||
受委托人姓名: 身份证号码: |
|||
|
|||
委托人在贵司购买车辆,现因委托人无法亲自到场办理提车手续及提取车辆。兹授 |
|||
权受委托人代替本委托人到贵司指定地点现场办理提车手续,签订《车辆交付确认单》等 |
|||
相关提车文件。由此产生的相关法律后果均由本委托人承担。 |
|||
|
|||
|
|||
委托人签字或盖章: 受托人签字: |
|||
联系电话: |
|||
|
|||
授权期限: 年 月 日至 年 月 日 |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
File diff suppressed because it is too large
@ -0,0 +1,16 @@ |
|||
|
|||
|
|||
客户开票申请书 |
|||
|
|||
|
|||
${customerName} : |
|||
我与你公司签署了《车辆买卖合同》(编号为 ${contractNo} |
|||
),现我申请将车辆发票按照下列金额开具发票,我自行承担相应的法律后果。我承诺 |
|||
按照《车辆买卖合同》约定的价格支付车辆价款。 |
|||
|序号 |车架号 |发票类型 |开票金额 |开票名称 | |
|||
|${item|${item.VINN|${item.invoiceTyp|${item.inv|${item.invoiceName} | |
|||
|_index|o} |e} |oiceMoney}| | |
|||
|+1} | | | | | |
|||
|
|||
申请人: 申请时间: 年 月 日 |
|||
|
File diff suppressed because it is too large
@ -0,0 +1,44 @@ |
|||
|
|||
新车买卖合同(现车) |
|||
合同编号:${contractNo} |
|||
|
|||
|
|||
甲方(出卖方) : ${partyA} |
|||
|
|||
乙方(买受方): ${partyB} 联系电话 ${mobile} 身份证号码: |
|||
${IDNumber} |
|||
乙方从甲方以全款方式购买现车,现将双方权利和义务约定如下: |
|||
1. 标的车辆基本信息 |
|||
|车型:${modelName}。 | |
|||
|上装:${topName}。 | |
|||
|挂车:${trailerName}。 | |
|||
|主车 | |
|||
|${mainVehicleNum}台,单台成交价:${mainVehicleSinglePrice}元。车架| |
|||
|号:${VINNo}。 | |
|||
|挂车 ${trailerNum}台,单台成交价:${trailerSinglePrice}元。 | |
|||
|优惠说明:${discountDetail}。 | |
|||
|保险说明:${insuranceDetail}。 | |
|||
|
|||
|
|||
二、车辆含税总价为 ${taxSum} 元(大写 ${taxSumUpper} )。 |
|||
三、乙方向甲方交纳订金 ${deposit} |
|||
元(其中乙方在${date}转入甲方的${deposit1}元中的${deposit2}元用于本次订金), |
|||
乙方提车时交清全部车款。甲方未收到全款前,车辆所有权归甲方所有。 |
|||
四、车辆交付地点 ${deliveryPlace} ,乙方自提。 |
|||
五、乙方或乙方授权的提车人提车时需按照合同约定的车辆信息对车况及随车工具进 |
|||
行验收,验收无异议的,甲方向乙方交付车钥匙,自此,车辆毁损、灭失的风险以及对 |
|||
第三人的侵权责任由乙方承担。乙方提车上路时必须办理车辆临牌和保险,未办理临牌 |
|||
和保险产生的后果全部由乙方承担。 |
|||
六、甲方负责提供车辆合格证及发票,因国家政策调整等原因致使无法办理落实手续 |
|||
的后果由乙方承担。 |
|||
七、乙方交纳订金后在10日内不提车的,视为乙方单方放弃购车,甲方有权将车辆另 |
|||
行处置,订金不退。如果甲方同意乙方继续履行合同的,有权要求乙方每日按合同总价 |
|||
款的千分之一承担违约金。 |
|||
乙方交纳订金后,因甲方原因导致乙方不能提车的,甲方退还乙方订金,合同终止不 |
|||
再履行。 |
|||
八、本合同发生争议协商解决,协商不成向甲方所在地人民法院起诉解决。 |
|||
九、本合同双方签字或盖章之时生效。 |
|||
|
|||
甲方: 乙方: |
|||
地址: |
|||
年 月 日 年 月 日 |
File diff suppressed because it is too large
@ -0,0 +1,46 @@ |
|||
|
|||
新车买卖合同(现车) |
|||
合同编号: |
|||
|
|||
|
|||
甲方(出卖方) : |
|||
|
|||
乙方(买受方): 联系电话 身份证号码: |
|||
|
|||
乙方从甲方以全款方式购买现车,现将双方权利和义务约定如下: |
|||
1. 标的车辆基本信息 |
|||
|车型:${modelName}。 | |
|||
|上装:${topName}。 | |
|||
|挂车:${trailerName}。 | |
|||
|主车 | |
|||
|${mainVehicleNum}台,单台成交价:${mainVehicleSinglePrice}元。车架| |
|||
|号:${VINNo}。 | |
|||
|挂车 ${trailerNum}台,单台成交价:${trailerSinglePrice}元。 | |
|||
|优惠说明:${discountDetail}。 | |
|||
|保险说明:${insuranceDetail}。 | |
|||
|
|||
|
|||
二、车辆含税总价为 元(大写 )。 |
|||
三、乙方向甲方交纳订金 |
|||
元(其中乙方在2022年3月29日转入甲方的xxx元中的xx元用于本次订金),乙方提车时 |
|||
交清全部车款。甲方未收到全款前,车辆所有权归甲方所有。 |
|||
四、车辆交付地点 ,乙方自提。 |
|||
五、乙方或乙方授权的提车人提车时需按照合同约定的车辆信息对车况及随车工具进 |
|||
行验收,验收无异议的,甲方向乙方交付车钥匙,自此,车辆毁损、灭失的风险以及对 |
|||
第三人的侵权责任由乙方承担。乙方提车上路时必须办理车辆临牌和保险,未办理临牌 |
|||
和保险产生的后果全部由乙方承担。 |
|||
六、甲方负责提供车辆合格证及发票,因国家政策调整等原因致使无法办理落实手续 |
|||
的后果由乙方承担。 |
|||
七、乙方交纳订金后在10日内不提车的,视为乙方单方放弃购车,甲方有权将车辆另 |
|||
行处置,订金不退。如果甲方同意乙方继续履行合同的,有权要求乙方每日按合同总价 |
|||
款的千分之一承担违约金。 |
|||
乙方交纳订金后,因甲方原因导致乙方不能提车的,甲方退还乙方订金,合同终止不 |
|||
再履行。 |
|||
八、本合同发生争议协商解决,协商不成向甲方所在地人民法院起诉解决。 |
|||
九、本合同双方签字或盖章之时生效。 |
|||
|
|||
甲方: 乙方: |
|||
地址: |
|||
年 月 日 年 月 日 |
|||
|
|||
|
File diff suppressed because it is too large
@ -0,0 +1,47 @@ |
|||
|
|||
新车买卖合同(订车) |
|||
合同编号:${contractNo} |
|||
|
|||
甲方(出卖方) : ${partA} |
|||
|
|||
乙方(买受方): ${partB} 联系电话: ${mobile} 身份证号码: |
|||
${IDNumber} |
|||
乙方从甲方以全款方式订购车辆,现将双方权利和义务约定如下: |
|||
1. 甲方按照乙方要求订购排产的车辆信息如下: |
|||
|车型:${modelName}。 | |
|||
|配置:${modelConfig}。 | |
|||
|上装:${topName}。 | |
|||
|挂车:${trailerName}。 | |
|||
|主车 | |
|||
|${mainVehicleNum}台,单台成交价:${mainVehicleSinglePrice}元。挂车| |
|||
|${trailerNum}台,单台成交价:${trailerSinglePrice}元。 | |
|||
|优惠说明:${discountDetail}。 | |
|||
|保险说明:${insuranceDetail}。 | |
|||
|
|||
|
|||
二、车辆含税总价为 ${taxSum} 元(大写 ${taxSumUpper} )。 |
|||
三、乙方向甲方交纳订金 ${deposit} |
|||
元(其中乙方在${date}转入甲方的${deposit1}元中的${deposit2}元用于本次订金), |
|||
乙方提车时交清全部车款。甲方未收到全款前,车辆所有权归甲方所有。 |
|||
四、车辆交付地点 ${deliveryPlace} ,乙方自提。 |
|||
五、乙方或乙方授权的提车人提车时需按照合同约定的车辆信息对车况及随车工具进 |
|||
行验收,验收无异议的,甲方向乙方交付车钥匙,自此,车辆毁损、灭失的风险以及对 |
|||
第三人的侵权责任由乙方承担。乙方提车上路时必须办理车辆临牌和保险,未办理临牌 |
|||
和保险产生的后果全部由乙方承担。 |
|||
六、甲方负责提供车辆合格证及发票,因国家政策调整等原因致使无法办理落实手续 |
|||
的后果由乙方承担。 |
|||
七、甲方通知乙方提车后,乙方在10日内不提车的,视为乙方单方放弃购车,甲方有 |
|||
权将车辆另行处置,订金不退。如果甲方同意乙方继续履行合同的,有权要求乙方每日 |
|||
按合同总价款的千分之一承担违约金。 |
|||
乙方交纳订金后,因甲方原因导致乙方不能提车的,甲方退还乙方订金,合同终止不 |
|||
再履行。 |
|||
八、本合同发生争议协商解决,协商不成向甲方所在地人民法院起诉解决。 |
|||
九、本合同双方签字或盖章之时生效。 |
|||
|
|||
|
|||
|
|||
|
|||
甲方: 乙方: |
|||
地址: |
|||
年 月 日 年 月 |
|||
日 |
File diff suppressed because it is too large
@ -0,0 +1,47 @@ |
|||
|
|||
新车买卖合同(订车) |
|||
合同编号: |
|||
|
|||
甲方(出卖方) : |
|||
|
|||
乙方(买受方): 联系电话: 身份证号码: |
|||
|
|||
乙方从甲方以全款方式订购车辆,现将双方权利和义务约定如下: |
|||
1. 甲方按照乙方要求订购排产的车辆信息如下: |
|||
|车型:${modelName}。 | |
|||
|配置:${modelConfig}。 | |
|||
|上装:${topName}。 | |
|||
|挂车:${trailerName}。 | |
|||
|主车 | |
|||
|${mainVehicleNum}台,单台成交价:${mainVehicleSinglePrice}元。挂车| |
|||
|${trailerNum}台,单台成交价:${trailerSinglePrice}元。 | |
|||
|优惠说明:${discountDetail}。 | |
|||
|保险说明:${insuranceDetail}。 | |
|||
|
|||
|
|||
二、车辆含税总价为 元(大写 )。 |
|||
三、乙方向甲方交纳订金 |
|||
元(其中乙方在2022年3月29日转入甲方的xxx元中的xx元用于本次订金),乙方提车时 |
|||
交清全部车款。甲方未收到全款前,车辆所有权归甲方所有。 |
|||
四、车辆交付地点 ,乙方自提。 |
|||
五、乙方或乙方授权的提车人提车时需按照合同约定的车辆信息对车况及随车工具进 |
|||
行验收,验收无异议的,甲方向乙方交付车钥匙,自此,车辆毁损、灭失的风险以及对 |
|||
第三人的侵权责任由乙方承担。乙方提车上路时必须办理车辆临牌和保险,未办理临牌 |
|||
和保险产生的后果全部由乙方承担。 |
|||
六、甲方负责提供车辆合格证及发票,因国家政策调整等原因致使无法办理落实手续 |
|||
的后果由乙方承担。 |
|||
七、甲方通知乙方提车后,乙方在10日内不提车的,视为乙方单方放弃购车,甲方有 |
|||
权将车辆另行处置,订金不退。如果甲方同意乙方继续履行合同的,有权要求乙方每日 |
|||
按合同总价款的千分之一承担违约金。 |
|||
乙方交纳订金后,因甲方原因导致乙方不能提车的,甲方退还乙方订金,合同终止不 |
|||
再履行。 |
|||
八、本合同发生争议协商解决,协商不成向甲方所在地人民法院起诉解决。 |
|||
九、本合同双方签字或盖章之时生效。 |
|||
|
|||
|
|||
|
|||
|
|||
甲方: 乙方: |
|||
地址: |
|||
年 月 日 年 月 |
|||
日 |
File diff suppressed because it is too large
@ -0,0 +1,31 @@ |
|||
|
|||
车 辆 登 记 合 同 |
|||
|
|||
|
|||
|
|||
甲方: ${partyA} |
|||
乙方: ${partyB} |
|||
|
|||
签订时间: ${createDate} |
|||
乙方自愿将其购买的车辆登记在甲方名下。为维护各方当事人合法权益,甲乙双方 |
|||
经协商一致订立本合同,共同遵守执行。 |
|||
一、车辆出售方 ${partyA} |
|||
二、车辆信息 |
|||
| |品牌 |车架号 |发动机号 | |
|||
|${item_index+1} |${item.brandName} |${item.VINNo} |${item.engineNo} | |
|||
|
|||
|
|||
三、车辆登记 |
|||
乙方同意将车辆发票开至甲方名下,同意将车辆登记在甲方名下。 |
|||
四、权利义务 |
|||
甲方不是车辆所有权人。甲方有义务协助乙方办理车辆购置附加税、登记、营运、抵 |
|||
押、事故处理、保险理赔等手续。甲方不得用车辆进行债务担保,不得转让、变卖、出 |
|||
租车辆。 |
|||
五、车辆经营 |
|||
甲方不得干涉乙方经营车辆。车辆由乙方自主经营,自负盈亏。 |
|||
|
|||
甲方: 乙方: |
|||
|
|||
|
|||
|
|||
|
File diff suppressed because it is too large
@ -0,0 +1,88 @@ |
|||
import request from '@/utils/request' |
|||
|
|||
// 根据条件分页查询数据的列表(车型)
|
|||
export function modelPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclemodel/modelPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 根据条件分页查询数据的列表(车型配置)
|
|||
export function configPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basemodelconfig/configPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 数据字典
|
|||
export function dataDictionary(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/typeValues', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
// 品牌下拉
|
|||
export function brandDown(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclebrand/namesDown', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
// 车型配置详细信息
|
|||
export function selectExiCarConfig(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehicle/selectExiCarConfig/' + data.modelSid + '/' + data.configSid + '/' + data.userSid, |
|||
method: 'get' |
|||
}) |
|||
} |
|||
// 现车车辆的分页列表
|
|||
export function selExistingCarPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehicle/selExistingCarPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 排产订单的分页列表
|
|||
export function selectPage(data) { |
|||
return request({ |
|||
url: '/base/v1/busvehicleorder/selectPage', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 更多配置(非本公司旗下车型,配置)
|
|||
export function notTheCompanyModelPageList(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclemodel/notTheCompanyModelPageList', |
|||
method: 'post', |
|||
data: data, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
// 现车车辆详情
|
|||
export function getPurchaseDetails(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehicle/getPurchaseDetails/' + data, |
|||
method: 'get' |
|||
}) |
|||
} |
@ -0,0 +1,399 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型库</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-row> |
|||
<el-form-item label="品牌:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.carBrand" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in carBrand_list" :key="item.sid" :label="item.brandName" :value="item.brandName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="功能:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.vehicleType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="系列:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.productLine" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in productLine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="驱动:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.driveForm" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in driveForm_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="马力:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.power" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in power_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="版本:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.vehicleVersion" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleVersion_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="燃料:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.fuelType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in fuelType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="车型编码:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.applyName" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
<el-form-item label="变速箱:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.gearboxType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in gearboxType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="排放标准:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.emissionStandard" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in emissionStandard_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="发动机型号:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.engineType" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in engineType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="细分市场:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.marketSegments" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in marketSegments_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="规格型号:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.specifications" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
<el-form-item label="快捷检索:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.modelName" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
</el-row> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">车辆列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handlink(scope.row)">{{ scope.row.vehicleAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="版本" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleVersionValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="燃料" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.fuelTypeValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="变速箱" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.gearboxTypeValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售指导价(万元)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.guidedPrice }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible.sync="dialogVisible" width="50%"> |
|||
<el-table :key="tableKey" :data="datalist" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="分公司名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.company }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
<!-- 车型配置分页列表 --> |
|||
<configuration v-show="viewState == 2" ref="divConfiguration" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { modelPageList, dataDictionary, brandDown, notTheCompanyModelPageList } from '@/api/chexingchaxun/modelinquire.js' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import configuration from './vehiclelibraryconfiguration.vue' |
|||
|
|||
export default { |
|||
name: 'chexingchaxun', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
configuration |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
dialogVisible: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
list: [], |
|||
datalist: [], |
|||
carBrand_list: [], |
|||
vehicleType_list: [], |
|||
productLine_list: [], |
|||
driveForm_list: [], |
|||
power_list: [], |
|||
vehicleVersion_list: [], |
|||
fuelType_list: [], |
|||
gearboxType_list: [], |
|||
emissionStandard_list: [], |
|||
engineType_list: [], |
|||
marketSegments_list: [], |
|||
listLoading: false, |
|||
dialogQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') // 用户 |
|||
} |
|||
}, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carBrand: '', // 品牌 |
|||
driveForm: '', // 驱动 |
|||
fuelType: '', // 燃料 |
|||
gearboxType: '', // 变速箱 |
|||
modelName: '', // 车型 |
|||
power: '', // 马力 |
|||
productLine: '', // 系列 |
|||
useOrg: '', // 分公司 |
|||
userSid: window.sessionStorage.getItem('userSid'), // 用户 |
|||
vehicleType: '', // 功能 |
|||
vehicleVersion: '', // 版本 |
|||
emissionStandard: '', // 排放标准 |
|||
engineType: '', // 发动机型号 |
|||
marketSegments: '', // 细分市场 |
|||
specifications: '' // 规格型号 |
|||
}, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
this.Dictionary() |
|||
// 加载列表 |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
this.getList() |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
// 数组字典加载 |
|||
Dictionary() { |
|||
brandDown().then((res) => { |
|||
if (res.code === '200') { |
|||
this.carBrand_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'vehicleFunction' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'productLine' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.productLine_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'driver' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.driveForm_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'horsepower' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.power_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'vehicleVersion' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleVersion_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'fuelType' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'gearbox' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.gearboxType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'emissionStandard' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.emissionStandard_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'engineType' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.engineType_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'marketSegments' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.marketSegments_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
modelPageList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.code === '200') { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.getList() |
|||
}, |
|||
handReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carBrand: '', // 品牌 |
|||
driveForm: '', // 驱动 |
|||
fuelType: '', // 燃料 |
|||
gearboxType: '', // 变速箱 |
|||
modelName: '', // 车型 |
|||
power: '', // 马力 |
|||
productLine: '', // 系列 |
|||
useOrg: '', // 分公司 |
|||
userSid: window.sessionStorage.getItem('userSid'), // 用户 |
|||
vehicleType: '', // 功能 |
|||
vehicleVersion: '', // 版本 |
|||
emissionStandard: '', // 排放标准 |
|||
engineType: '', // 发动机型号 |
|||
marketSegments: '', // 细分市场 |
|||
specifications: '' // 规格型号 |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handlook(row) { |
|||
this.dialogVisible = true |
|||
this.dialogQuery.params.modelSid = row.sid |
|||
notTheCompanyModelPageList(this.dialogQuery).then((res) => { |
|||
if (res.code === '200') { |
|||
this.datalist = res.data.records |
|||
} |
|||
}) |
|||
}, |
|||
handlink(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divConfiguration'].showData(row) |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
|
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
|
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
</style> |
@ -0,0 +1,447 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型配置标准页面</div> |
|||
<div> |
|||
<el-button type="primary" size="small">意向</el-button> |
|||
<el-button type="primary" size="small">核价</el-button> |
|||
<el-button type="primary" size="small">价格有效期询价</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listadd"> |
|||
<div class="wlInfo"> |
|||
<div class="topRightCorner"> |
|||
<span>销售指导价:{{ guidedPrice }} 万元</span> |
|||
<span style="margin-left: 15px">价格有效期:{{ priceValidity }}</span> |
|||
</div> |
|||
<span>车型配置标准页面</span> |
|||
</div> |
|||
<el-form ref="dataForm" :model="formobj" label-position="right" class="formadd"> |
|||
<div class="headtitle"><span>系列:{{ formobj.productLineValue }}<span style="margin-left: 20px">驱动:{{ formobj.driveFormValue }}<span style="margin-left: 20px">功能:{{ formobj.vehicleTypeValue }}<span style="margin-left: 20px">马力:{{ formobj.powerValue }}</span></span></span></span></div> |
|||
<el-row> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>品牌</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="brandName"> |
|||
<span>{{ formobj.brandName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>功能</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleTypeValue"> |
|||
<span>{{ formobj.vehicleTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>系列</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="productLineValue"> |
|||
<span>{{ formobj.productLineValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>驱动</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="driveFormValue"> |
|||
<span>{{ formobj.driveFormValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>马力</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="powerValue"> |
|||
<span>{{ formobj.powerValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>版本</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleVersionValue"> |
|||
<span>{{ formobj.vehicleVersionValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>燃料</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTypeValue"> |
|||
<span>{{ formobj.fuelTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item> |
|||
<span>变速箱</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1" class="tleftb"> |
|||
<el-form-item prop="gearboxTypeValue"> |
|||
<span>{{ formobj.gearboxTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">车型信息</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>细分市场</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="marketSegmentsValue"> |
|||
<span>{{ formobj.marketSegmentsValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>发动机型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="engineTypeValue"> |
|||
<span>{{ formobj.engineTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>公告型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="announcementModel"> |
|||
<span>{{ formobj.announcementModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>规格型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specifications"> |
|||
<span>{{ formobj.specifications }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>货箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="packingCase"> |
|||
<span>{{ formobj.packingCase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>系别</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="department"> |
|||
<span>{{ formobj.department }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>内部编码</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="insideCode"> |
|||
<span>{{ formobj.insideCode }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">常用配置</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>颜色</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="carColor"> |
|||
<span>{{ formobj.carColor }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>驾驶室</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specification"> |
|||
<span>{{ formobj.specification }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>导流罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="baffleModel"> |
|||
<span>{{ formobj.baffleModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>鞍座</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.saddle }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>独立热源</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="independentSources"> |
|||
<span>{{ formobj.independentSources }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>缓速器</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="slowMachine"> |
|||
<span>{{ formobj.slowMachine }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>后速桥比</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearAxleRatio"> |
|||
<span>{{ formobj.rearAxleRatio }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>悬架</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="suspension"> |
|||
<span>{{ formobj.suspension }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轴距</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="wheelbase"> |
|||
<span>{{ formobj.wheelbase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>燃料箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTank"> |
|||
<span>{{ formobj.fuelTank }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>后视镜</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearViewMirror"> |
|||
<span>{{ formobj.rearViewMirror }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>空调</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="airConditioner"> |
|||
<span>{{ formobj.airConditioner }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>座椅</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.seat }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>保险杠</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="bumper"> |
|||
<span>{{ formobj.bumper }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>多媒体</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="multimedia"> |
|||
<span>{{ formobj.multimedia }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>轮胎</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireSize"> |
|||
<span>{{ formobj.tireSize }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轮毂材质</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="hubMaterial"> |
|||
<span>{{ formobj.hubMaterial }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>护轮罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireCover"> |
|||
<span>{{ formobj.tireCover }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>配置包</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="configuringBao"> |
|||
<span>{{ formobj.configuringBao }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
<el-col :span="2"/> |
|||
</el-row> |
|||
<div class="headline">更多配置</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item prop="otherConfig"> |
|||
<span style="display: block; text-indent: 2em">{{ formobj.otherConfig }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selectExiCarConfig } from '@/api/chexingchaxun/modelinquire.js' |
|||
export default { |
|||
name: 'chexingpeizhibiaozhun', |
|||
data() { |
|||
return { |
|||
FormLoading: false, |
|||
guidedPrice: '', |
|||
priceValidity: '', |
|||
formobj: {}, |
|||
sid_list: { |
|||
modelSid: '', |
|||
configSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.tempDate.sid = this.$route.query.sid |
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// 查看 |
|||
showInfo(sid, row) { |
|||
this.FormLoading = true |
|||
this.sid_list.modelSid = sid |
|||
this.sid_list.configSid = row.sid |
|||
this.guidedPrice = row.guidedPrice |
|||
this.priceValidity = row.priceValidity |
|||
selectExiCarConfig(this.sid_list).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.formobj = response.data |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-col-2 { |
|||
text-align: right; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
.wlInfo { |
|||
padding: 60px 0; |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.formadd { |
|||
padding: 0px !important; |
|||
} |
|||
.tleftb{ |
|||
text-align: left; |
|||
} |
|||
.headline{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
} |
|||
.headtitle{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 18px; |
|||
background-color: #ffffff; |
|||
border-bottom: 1px solid #dfe4ed; |
|||
text-align: left; |
|||
} |
|||
.topRightCorner{ |
|||
position:absolute; top:90px; right:30px; |
|||
margin-top: -30px; |
|||
font-size: 16px; |
|||
} |
|||
</style> |
@ -0,0 +1,265 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>排产订单列表</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-row> |
|||
<el-form-item label="状态:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.orderStatus" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="订单日期:" class="searchlist"> |
|||
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.orderStartDate" clearable style="width: 160px" type="date" placeholder="开始日期"/> |
|||
<div class="line">至</div> |
|||
<el-date-picker value-format="yyyy-MM-dd" v-model="listQuery.params.orderEndDate" clearable style="width: 160px" type="date" placeholder="结束日期"/> |
|||
</el-form-item> |
|||
</el-row> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<el-form ref="listQueryform" :inline="true" :model="basiclist" label-width="100px" class="formadd"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb" style="border-top: 1px solid #e0e3eb"> |
|||
<el-form-item> |
|||
<span>车型</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20" style="border-top: 1px solid #e0e3eb"> |
|||
<el-form-item> |
|||
<span>{{ basiclist.modelName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>常用配置</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{ basiclist.configName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>销售指导价</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{ basiclist.guidedPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<div class="listtop"> |
|||
<div class="tit">采购订单列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.orderStatus }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="订单编号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.orderNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="订单日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.orderDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="数量" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.quantity }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="预计上线日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.expectLaunchDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="上线日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.launchDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="下线日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.offlineDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selectPage, dataDictionary } from '@/api/chexingchaxun/modelinquire.js' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
|
|||
export default { |
|||
name: 'paichandingdan', |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
tableKey: 0, |
|||
list: [], |
|||
vehicleState_list: [], |
|||
listLoading: false, |
|||
basiclist: { |
|||
modelName: '', |
|||
configName: '', |
|||
guidedPrice: '' |
|||
}, |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
orderStatus: '', |
|||
orderStartDate: '', |
|||
orderEndDate: '', |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
// 数组字典加载 |
|||
Dictionary() { |
|||
dataDictionary({ type: 'vehicleState' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleState_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showInfo(sid, name, row) { |
|||
this.modelSid = sid |
|||
this.modelConfigSid = row.sid |
|||
this.basiclist.modelName = name |
|||
this.basiclist.configName = row.configName |
|||
this.basiclist.guidedPrice = row.guidedPrice |
|||
this.listQuery.params.modelSid = sid |
|||
this.listQuery.params.modelConfigSid = row.sid |
|||
this.Dictionary() |
|||
this.getList() |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
selectPage(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.code === '200') { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.getList() |
|||
}, |
|||
handReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
orderStatus: '', |
|||
orderStartDate: '', |
|||
orderEndDate: '', |
|||
modelSid: this.modelSid, |
|||
modelConfigSid: this.modelConfigSid, |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
.formadd{ |
|||
padding: 0px !important; |
|||
} |
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
.trightb{ |
|||
text-align: right; |
|||
} |
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
.line { |
|||
display: inline-block; |
|||
margin: 0px 15px; |
|||
} |
|||
</style> |
@ -0,0 +1,225 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>现车车辆列表</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-row> |
|||
<el-form-item label="状态:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.vehicleState" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in vehicleState_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="车架号:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.vinNo" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
<el-form-item label="颜色:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.carColor" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="存放地点:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.location" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
</el-row> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">现车列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vehicleStateValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车架号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handlink(scope.row.vinNo)">{{ scope.row.vinNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="颜色" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="合格证" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.certificate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="存放地点" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.location }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<vehiclecarInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selExistingCarPageList, dataDictionary } from '@/api/chexingchaxun/modelinquire.js' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import vehiclecarInfo from './vehiclecarInfo.vue' |
|||
|
|||
export default { |
|||
name: 'xianchecheliang', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
vehiclecarInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
list: [], |
|||
carColor_list: [], |
|||
vehicleState_list: [], |
|||
listLoading: false, |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
vehicleState: '', |
|||
vinNo: '', |
|||
carColor: '', |
|||
location: '', |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
// 数组字典加载 |
|||
Dictionary() { |
|||
dataDictionary({ type: 'bodyColor' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.carColor_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'vehicleState' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.vehicleState_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showInfo(sid, row) { |
|||
this.modelSid = sid |
|||
this.modelConfigSid = row.sid |
|||
this.listQuery.params.modelSid = sid |
|||
this.listQuery.params.modelConfigSid = row.sid |
|||
this.Dictionary() |
|||
this.getList() |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
selExistingCarPageList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.code === '200') { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.getList() |
|||
}, |
|||
handReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
vehicleState: '', |
|||
vinNo: '', |
|||
carColor: '', |
|||
location: '', |
|||
modelSid: this.modelSid, |
|||
modelConfigSid: this.modelConfigSid, |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handlink(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divInfo'].showInfo(this.modelSid, this.modelConfigSid, row) |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
|
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
|
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
</style> |
@ -0,0 +1,541 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>现车车辆详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listadd"> |
|||
<div class="wlInfo"> |
|||
<span>【{{ brandName }} 】车辆详情</span> |
|||
</div> |
|||
<div class="headcarousel"> |
|||
<el-carousel :interval="1000" type="card" v-if="imageslist.length > 0"> |
|||
<el-carousel-item v-for="(item, index) in imageslist" :key="index"> |
|||
<img style="width: 100%; height: 100%" :src="item"/> |
|||
</el-carousel-item> |
|||
</el-carousel> |
|||
</div> |
|||
<el-form ref="dataForm" :model="formtemp" label-position="right" class="formadd"> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>车架号</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.vinNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>状态</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.vehicleStateValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>车辆标签</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.vehicleLabel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>促销政策</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.promotionPolicy }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>存放地点</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.location }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>入库日期</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.priceDate }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4" class="trightb"> |
|||
<el-form-item> |
|||
<span>销售指导价</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ formtemp.guidedPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
<el-form ref="dataForm" :model="formobj" label-position="right" class="formadd"> |
|||
<div class="headtitle"><span>系列:{{ formobj.productLineValue }}<span style="margin-left: 20px">驱动:{{ formobj.driveFormValue }}<span style="margin-left: 20px">功能:{{ formobj.vehicleTypeValue }}<span style="margin-left: 20px">马力:{{ formobj.powerValue }}</span></span></span></span></div> |
|||
<el-row> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>品牌</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="brandName"> |
|||
<span>{{ formobj.brandName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>功能</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleTypeValue"> |
|||
<span>{{ formobj.vehicleTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>系列</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="productLineValue"> |
|||
<span>{{ formobj.productLineValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>驱动</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="driveFormValue"> |
|||
<span>{{ formobj.driveFormValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>马力</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="powerValue"> |
|||
<span>{{ formobj.powerValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>版本</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="vehicleVersionValue"> |
|||
<span>{{ formobj.vehicleVersionValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1"> |
|||
<el-form-item> |
|||
<span>燃料</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTypeValue"> |
|||
<span>{{ formobj.fuelTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<el-form-item> |
|||
<span>变速箱</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="1" class="tleftb"> |
|||
<el-form-item prop="gearboxTypeValue"> |
|||
<span>{{ formobj.gearboxTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">车型信息</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>细分市场</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="marketSegmentsValue"> |
|||
<span>{{ formobj.marketSegmentsValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>发动机型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="engineTypeValue"> |
|||
<span>{{ formobj.engineTypeValue }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>公告型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="announcementModel"> |
|||
<span>{{ formobj.announcementModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>规格型号</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specifications"> |
|||
<span>{{ formobj.specifications }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>货箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="packingCase"> |
|||
<span>{{ formobj.packingCase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>系别</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="department"> |
|||
<span>{{ formobj.department }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>内部编码</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="insideCode"> |
|||
<span>{{ formobj.insideCode }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
</el-col> |
|||
</el-row> |
|||
<div class="headline">常用配置</div> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>颜色</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="carColor"> |
|||
<span>{{ formobj.carColor }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>驾驶室</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="specification"> |
|||
<span>{{ formobj.specification }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>导流罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="baffleModel"> |
|||
<span>{{ formobj.baffleModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>鞍座</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.saddle }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>独立热源</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="independentSources"> |
|||
<span>{{ formobj.independentSources }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>缓速器</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="slowMachine"> |
|||
<span>{{ formobj.slowMachine }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>后速桥比</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearAxleRatio"> |
|||
<span>{{ formobj.rearAxleRatio }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>悬架</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="suspension"> |
|||
<span>{{ formobj.suspension }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轴距</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="wheelbase"> |
|||
<span>{{ formobj.wheelbase }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>燃料箱</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="fuelTank"> |
|||
<span>{{ formobj.fuelTank }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>后视镜</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="rearViewMirror"> |
|||
<span>{{ formobj.rearViewMirror }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>空调</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="airConditioner"> |
|||
<span>{{ formobj.airConditioner }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>座椅</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="saddle"> |
|||
<span>{{ formobj.seat }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>保险杠</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="bumper"> |
|||
<span>{{ formobj.bumper }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>多媒体</span> |
|||
</el-col> |
|||
<el-col :span="2" class="tleftb"> |
|||
<el-form-item prop="multimedia"> |
|||
<span>{{ formobj.multimedia }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>轮胎</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireSize"> |
|||
<span>{{ formobj.tireSize }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>轮毂材质</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="hubMaterial"> |
|||
<span>{{ formobj.hubMaterial }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>护轮罩</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="tireCover"> |
|||
<span>{{ formobj.tireCover }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>配置包</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<el-form-item prop="configuringBao"> |
|||
<span>{{ formobj.configuringBao }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
<el-col :span="2"/> |
|||
</el-row> |
|||
<div class="headline">更多配置</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form-item prop="otherConfig"> |
|||
<span style="display: block; text-indent: 2em">{{ formobj.otherConfig }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { selectExiCarConfig, getPurchaseDetails } from '@/api/chexingchaxun/modelinquire.js' |
|||
export default { |
|||
name: 'xianchecheliangInfo', |
|||
data() { |
|||
return { |
|||
FormLoading: false, |
|||
formobj: {}, |
|||
formtemp: {}, |
|||
brandName: '', |
|||
imageslist: [], |
|||
sid_list: { |
|||
modelSid: '', |
|||
configSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.tempDate.sid = this.$route.query.sid |
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// 查看 |
|||
showInfo(modelSid, modelConfigSid, row) { |
|||
this.FormLoading = true |
|||
this.sid_list.modelSid = modelSid |
|||
this.sid_list.configSid = modelConfigSid |
|||
selectExiCarConfig(this.sid_list).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.formobj = response.data |
|||
this.brandName = response.data.brandName |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
getPurchaseDetails(row).then((resp) => { |
|||
if (resp.code === '200') { |
|||
this.formtemp = resp.data |
|||
this.imageslist = resp.data.vehicleImages |
|||
} else { |
|||
this.$notify({ |
|||
title: '失败', |
|||
message: '查询失败', |
|||
type: 'error' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
/deep/ .el-col-2 { |
|||
text-align: right; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
.wlInfo { |
|||
padding: 60px 0; |
|||
font-size: 24px; |
|||
font-weight: bold; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.formadd { |
|||
padding: 0px !important; |
|||
} |
|||
.tleftb{ |
|||
text-align: left; |
|||
} |
|||
.trightb{ |
|||
text-align: right; |
|||
} |
|||
.headline{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
background-color: #0294d7; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
} |
|||
.headtitle{ |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 18px; |
|||
background-color: #ffffff; |
|||
border-bottom: 1px solid #dfe4ed; |
|||
text-align: left; |
|||
} |
|||
.headcarousel{ |
|||
border-bottom: 1px solid #e0e3eb; |
|||
} |
|||
.listadd{ |
|||
margin-bottom: 20px; |
|||
} |
|||
</style> |
@ -0,0 +1,511 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型库配置列表</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="webcon"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header"> |
|||
<el-row> |
|||
<el-form-item label="颜色:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.carColor" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in carColor_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="缓速器:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.slowMachine" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="后视镜:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.rearViewMirrorKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in rearViewMirror_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轮胎:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.tireSizeKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in tireSize_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="驾驶室:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.specification" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in specification_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="后桥速比:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.rearAxleRatio" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in rearAxleRatio_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="空调:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.airConditionerKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in airConditioner_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轮毂材质:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.hubMaterialKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in hubMaterial_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="导流罩:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.baffleModelKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in baffleModel_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="悬架:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.suspensionKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in suspension_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="座椅:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.seatKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in seat_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="护轮罩:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.tireCoverKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in tireCover_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="鞍座:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.saddleKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in saddle_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="轴距:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.wheelbaseKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in wheelbase_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="保险杠:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.bumperKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in bumper_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="配置包:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.configuringBaoKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in configuringBao_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="独立热源:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.independentSourcesKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in independentSources_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="燃料箱:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.fuelTank" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in fuelTank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-row> |
|||
<el-row> |
|||
<el-form-item label="多媒体:" class="searchlist"> |
|||
<el-select v-model="listQuery.params.multimediaKey" placeholder="请选择" filterable clearable> |
|||
<el-option v-for="item in multimedia_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="快捷检索:" class="searchlist"> |
|||
<el-input v-model="listQuery.params.configName" placeholder="" clearable style="width: 150px"/> |
|||
</el-form-item> |
|||
</el-row> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">【{{ modelName }}】车型常用配置列表</div> |
|||
<pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<div class=""> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="常用配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handlink(scope.row)">{{ scope.row.configName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="颜色" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.carColor }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车(台)" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handvehicle(scope.row)">{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产(台)" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="handproduction(scope.row)">{{ scope.row.productionCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售指导价(万元)" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.guidedPrice }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="价格有效期" align="center" width="110"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.priceValidity }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="其他更多" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="primary" size="small" @click="handlook(scope.row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible.sync="dialogVisible" width="50%"> |
|||
<el-table :key="tableKey" :data="datalist" border style="width: 100%"> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="分公司名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.company }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="现车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nowCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产车" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-dialog> |
|||
<!-- 车型配置标准页面 --> |
|||
<modelstandardconfiguration v-show="viewState == 2" ref="divInfo" @doback="resetState"/> |
|||
<!-- 现车车辆列表 --> |
|||
<vehiclecar v-show="viewState == 3" ref="divVehiclecar" @doback="resetState"/> |
|||
<!-- 排产订单列表 --> |
|||
<productionschedulingorder v-show="viewState == 4" ref="divProduction" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { configPageList, dataDictionary, notTheCompanyModelPageList } from '@/api/chexingchaxun/modelinquire.js' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import modelstandardconfiguration from './modelstandardconfiguration' |
|||
import vehiclecar from './vehiclecar.vue' |
|||
import productionschedulingorder from './productionschedulingorder.vue' |
|||
|
|||
export default { |
|||
name: 'chexingchaxun', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
modelstandardconfiguration, |
|||
vehiclecar, |
|||
productionschedulingorder |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
dialogVisible: false, |
|||
searchxianshitit: '隐藏查询条件', |
|||
viewState: 1, |
|||
tableKey: 0, |
|||
list: [], |
|||
datalist: [], |
|||
carColor_list: [], |
|||
slowMachine_list: [], |
|||
rearViewMirror_list: [], |
|||
tireSize_list: [], |
|||
specification_list: [], |
|||
rearAxleRatio_list: [], |
|||
airConditioner_list: [], |
|||
hubMaterial_list: [], |
|||
baffleModel_list: [], |
|||
suspension_list: [], |
|||
seat_list: [], |
|||
tireCover_list: [], |
|||
saddle_list: [], |
|||
wheelbase_list: [], |
|||
bumper_list: [], |
|||
configuringBao_list: [], |
|||
independentSources_list: [], |
|||
fuelTank_list: [], |
|||
multimedia_list: [], |
|||
listLoading: false, |
|||
modelName: '', // 车型名称 |
|||
modelSid: '', |
|||
dialogQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
modelSid: '', |
|||
modelConfigSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid') // 用户 |
|||
} |
|||
}, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carColor: '', // 颜色 |
|||
configName: '', // 配置 |
|||
fuelTank: '', // 燃料 |
|||
rearAxleRatio: '', // 后桥速比 |
|||
modelSid: '', // 车型sid |
|||
slowMachine: '', // 缓速器 |
|||
specification: '', // 驾驶室 |
|||
rearViewMirrorKey: '', // 后视镜 |
|||
tireSizeKey: '', // 轮胎 |
|||
airConditionerKey: '', // 空调 |
|||
hubMaterialKey: '', // 轮毂材质 |
|||
baffleModelKey: '', // 导流罩 |
|||
suspensionKey: '', // 悬架 |
|||
seatKey: '', // 座椅 |
|||
tireCoverKey: '', // 护轮罩 |
|||
saddleKey: '', // 鞍座 |
|||
wheelbaseKey: '', // 轴距 |
|||
bumperKey: '', // 保险杠 |
|||
configuringBaoKey: '', // 配置包 |
|||
independentSourcesKey: '', // 独立热源 |
|||
multimediaKey: '', // 多媒体 |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
Dictionary() { |
|||
dataDictionary({ type: 'bodyColor' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.carColor_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'slowMachine' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.slowMachine_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'rearViewMirror' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.rearViewMirror_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'tireSize' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.tireSize_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'specification' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.specification_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'rearAxleRatio' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.rearAxleRatio_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.airConditioner_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'hubMaterial' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.hubMaterial_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.baffleModel_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'suspension' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.suspension_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'seat' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.seat_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.tireCover_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'saddle' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.saddle_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'wheelbase' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.wheelbase_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'bumper' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.bumper_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'configuringBao' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.configuringBao_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.independentSources_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'fuelType' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelTank_list = res.data |
|||
} |
|||
}) |
|||
dataDictionary({ type: 'whether' }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.multimedia_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showData(row) { |
|||
this.listQuery.params.modelSid = row.sid |
|||
this.modelSid = row.sid |
|||
this.modelName = row.vehicleAlias |
|||
this.Dictionary() |
|||
this.getList() |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
configPageList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if (response.code === '200') { |
|||
this.listQuery.total = response.data.total |
|||
this.list = response.data.records |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.getList() |
|||
}, |
|||
handReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 10, |
|||
params: { |
|||
carColor: '', // 颜色 |
|||
configName: '', // 配置 |
|||
fuelTank: '', // 燃料 |
|||
rearAxleRatio: '', // 后桥速比 |
|||
slowMachine: '', // 缓速器 |
|||
specification: '', // 驾驶室 |
|||
rearViewMirrorKey: '', // 后视镜 |
|||
tireSizeKey: '', // 轮胎 |
|||
airConditionerKey: '', // 空调 |
|||
hubMaterialKey: '', // 轮毂材质 |
|||
baffleModelKey: '', // 导流罩 |
|||
suspensionKey: '', // 悬架 |
|||
seatKey: '', // 座椅 |
|||
tireCoverKey: '', // 护轮罩 |
|||
saddleKey: '', // 鞍座 |
|||
wheelbaseKey: '', // 轴距 |
|||
bumperKey: '', // 保险杠 |
|||
configuringBaoKey: '', // 配置包 |
|||
independentSourcesKey: '', // 独立热源 |
|||
multimediaKey: '', // 多媒体 |
|||
modelSid: this.modelSid, |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
}, |
|||
total: 0 |
|||
} |
|||
this.getList() |
|||
}, |
|||
handlook(row) { |
|||
this.dialogVisible = true |
|||
this.dialogQuery.params.modelSid = this.listQuery.params.modelSid |
|||
this.dialogQuery.params.modelConfigSid = row.sid |
|||
notTheCompanyModelPageList(this.dialogQuery).then((res) => { |
|||
if (res.code === '200') { |
|||
this.datalist = res.data.records |
|||
} |
|||
}) |
|||
}, |
|||
handlink(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divInfo'].showInfo(this.listQuery.params.modelSid, row) |
|||
}, |
|||
handvehicle(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divVehiclecar'].showInfo(this.listQuery.params.modelSid, row) |
|||
}, |
|||
handproduction(row) { |
|||
this.viewState = 4 |
|||
this.$refs['divProduction'].showInfo(this.listQuery.params.modelSid, this.modelName, row) |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.listtop { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border: 1px solid #dfe4ed; |
|||
height: 40px; |
|||
} |
|||
|
|||
.tit { |
|||
margin-bottom: -10px; |
|||
} |
|||
|
|||
.pagination { |
|||
margin-bottom: -10px; |
|||
} |
|||
</style> |
@ -0,0 +1,27 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
// 统一请求路径前缀
|
|||
const base = process.env.VUE_APP_URL |
|||
|
|||
// 文件上传接口
|
|||
export const uploadFile = '/api/base/v1/basevehiclemodel/pictureUpload' |
|||
|
|||
// 上传图片
|
|||
// export function imageUpload(data) {
|
|||
// return request({
|
|||
// url: '/portal/file/upload',
|
|||
// method: 'post',
|
|||
// data,
|
|||
// headers: { 'Content-Type': 'multipart/form-data' }
|
|||
// })
|
|||
// }
|
|||
|
|||
// 移除图片
|
|||
export function deleteFilesOss(data) { |
|||
return request({ |
|||
url: '/base/v1/baseVehicleAppendixs/deleteFilesOss', // data,
|
|||
method: 'post', |
|||
data: qs.stringify(data), |
|||
// headers: { 'Content-Type': 'multipart/form-data' }
|
|||
}) |
|||
} |
@ -0,0 +1,242 @@ |
|||
<template> |
|||
<div><!----> |
|||
<el-upload class="upload-demo" :headers="accessToken" :action="uploadFile" :accept="accept" :data="uploadData" |
|||
:on-success="uploadImgSuccess_FuJian" :on-remove="handleRemove" :file-list="fileList_FuJian" |
|||
:on-preview="handlePictureCardPreview" :show-file-list="false"> |
|||
<el-button size="small" type="primary">点击上传</el-button> |
|||
</el-upload> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { uploadFile } from '@/api/portal/Upload_chexing.js' |
|||
import { getStorage } from '@/utils/auth.js' //token |
|||
import { |
|||
SaveList |
|||
} from '@/api/cheliang/basevehiclemodel' |
|||
import { mapGetters } from 'vuex' |
|||
|
|||
export default { |
|||
model: { |
|||
prop: 'name', |
|||
event: 'change' |
|||
}, |
|||
props: { |
|||
placeholder: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
bucket: { |
|||
type: String, |
|||
default: 'abc' |
|||
}, |
|||
// 长度 |
|||
width: { |
|||
type: String, |
|||
default: '270px' |
|||
}, |
|||
limit: { |
|||
type: Number, |
|||
default: 1 |
|||
}, |
|||
accept: { |
|||
type: String, |
|||
default: |
|||
'.jpg,.jpeg,.png,.bmp,.pdf,.JPG,.JPEG,.BMP,.PDF,.xls,.docx,.xlsx,.ppt,.pptx' |
|||
}, |
|||
// 文件名称 |
|||
name: { |
|||
type: Array, |
|||
required: true |
|||
}, |
|||
uploadData: { |
|||
type: Object, |
|||
default: {} |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
dialogImageUrl: '', |
|||
dialogVisible: false, |
|||
accessToken: null, |
|||
uploadFile: uploadFile, |
|||
fileList_FuJian: [], |
|||
enclosure: '', |
|||
file_add: '', |
|||
file_catch: '', |
|||
files: [], |
|||
files_list: [], |
|||
filedUrl: '', |
|||
// fileUrl: fileUrl, |
|||
// showpicture:false, |
|||
isview: false, |
|||
nameArr: '', |
|||
loadding: false, |
|||
stateName: '', |
|||
/* uploadData: { modelSid: '' },*/ |
|||
sid: '' |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'departmentCode', |
|||
'departmentLevel', |
|||
'departmentType', |
|||
'token' |
|||
]) |
|||
}, |
|||
watch: { |
|||
name: { |
|||
deep: true, |
|||
immediate: true, |
|||
handler(newVal, oldVal) { |
|||
console.log('aaaa1', newVal) |
|||
this.files = newVal |
|||
console.log('aaaa2', this.files) |
|||
} |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.Init() |
|||
}) |
|||
}, |
|||
created() { |
|||
this.uploadFile = uploadFile // 接口 |
|||
this.accessToken = { |
|||
token: getStorage() |
|||
} |
|||
}, |
|||
methods: { |
|||
view() { |
|||
// window.open(this.filedUrl) |
|||
}, |
|||
showImg(sid) { |
|||
// this.uploadData.sid = sid |
|||
}, |
|||
|
|||
// 页面第一次加载 |
|||
Init() { |
|||
if (this.name !== undefined) { |
|||
this.files = [] |
|||
for (var i = 0; i < this.name.length; i++) { |
|||
this.files.push({ |
|||
name: this.name[i], |
|||
url: this.name[i] |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
// 上传方案--成功后执行 |
|||
uploadImgSuccess_FuJian(response, file, fileList) { |
|||
let _this = this |
|||
console.log('您选择的file:', file) |
|||
// console.log('您传递的data:', _this.uploadData) |
|||
if (file.response.code === '200') { |
|||
this.loadding = false |
|||
// 返显图片 |
|||
this.filedUrl = this.fileUrl + file.response.data |
|||
// var uid = file.response.data |
|||
this.files.push({ |
|||
name: file.response.data.sourceFileName, |
|||
url: file.response.data.fullUrl, |
|||
size: file.response.data.size |
|||
}) |
|||
this.$emit('change', this.files) |
|||
this.$emit('eett', this.files) |
|||
// this.getUrl() |
|||
// SaveList(this.tempInfo).then(response => { |
|||
// if (response.success) { |
|||
// } |
|||
// }) |
|||
} |
|||
}, |
|||
removeImage(file, ImageFileList) { |
|||
this.files.splice(this.files.indexOf(file), 1) |
|||
const imgFiles = [] |
|||
this.files.forEach((o) => { |
|||
imgFiles.push(o.url) |
|||
}) |
|||
this.$emit('fileChange', this.files) |
|||
}, |
|||
handleRemove(file, fileList) { |
|||
console.log('file:' + JSON.stringify(file)) |
|||
console.log('fileList:' + JSON.stringify(fileList)) |
|||
this.enclosure = '' |
|||
// 1. 保存新增文件id(this.file_add) |
|||
this.getNewFileId(fileList) |
|||
// 2. 保存数据库读取的已有文件id(this.file_catch) |
|||
this.getCatchFileId(file) |
|||
// 3. 保存并拼接id |
|||
this.getFileId() |
|||
// 4. 返回拼接id |
|||
this.$emit('change', this.enclosure) |
|||
}, |
|||
// 返回this.file_add(新上传文件的id拼接集合) |
|||
getNewFileId(fileList) { |
|||
// debugger |
|||
this.file_add = '' |
|||
for (var i = 0; i < fileList.length; i++) { |
|||
if (fileList[i].response && fileList[i].response.code === '200') { |
|||
this.file_add = this.file_add + fileList[i].response.data + ',' |
|||
} |
|||
} |
|||
if (this.file_add !== '') { |
|||
this.file_add = this.file_add.substring(0, this.file_add.length - 1) |
|||
} |
|||
// console.log('1. this.file_add: ' + this.file_add) |
|||
}, |
|||
// 返回this.file_catch(数库一寸照的文件的id的拼接集合) |
|||
getCatchFileId(file) { |
|||
for (var i = 0; i < this.files_list.length; i++) { |
|||
if (this.file_catch !== '') { |
|||
// 1. 检查当前删除的文件是否是修改文件列表里面的,如果是,将修改列表里去除此id |
|||
if (this.files_list[i].name === file.name) { |
|||
// 2. 拆开file_catch到fils_arry |
|||
var fils_arry = this.file_catch.split(',') |
|||
// 3. 从fils_arry去除 this.files_list[i].id |
|||
var arry = [] |
|||
fils_arry.forEach((element) => { |
|||
// 不加载文件里面的 |
|||
if (element !== this.files_list[i].id) { |
|||
arry.push(element) |
|||
} |
|||
}) |
|||
// 4. 重新拼接成file_catch |
|||
this.file_catch = arry.join(',') |
|||
} |
|||
} |
|||
} |
|||
// console.log('2. this.file_catch:' + this.file_catch) |
|||
}, |
|||
// 保存并拼接id |
|||
getFileId() { |
|||
// console.log('3. this.file_catch:' + this.file_catch + ',this.file_add:' + this.file_add) |
|||
if (this.file_catch !== '') { |
|||
if (this.file_add !== '') { |
|||
this.enclosure = this.file_catch + ',' + this.file_add |
|||
} else { |
|||
this.enclosure = this.file_catch |
|||
} |
|||
} else { |
|||
this.enclosure = this.file_add |
|||
} |
|||
}, |
|||
handlePictureCardPreview(file) { |
|||
this.dialogImageUrl = file.url |
|||
}, |
|||
// 上传失败 |
|||
uploadError() { |
|||
this.loadding = false |
|||
}, |
|||
uploadProgrees(event, file, fileList) { |
|||
if (Number(event.percent) > 0) { |
|||
this.loadding = true |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped></style> |
@ -0,0 +1,15 @@ |
|||
1. 功能目的及意义 |
|||
开发此功能的初衷或对客户的工作有何意义,说明为什么要开发此功能。 |
|||
|
|||
2. 功能描述 |
|||
功能的总体描述(2、3句话概括说明) |
|||
|
|||
3. 功能分解 |
|||
功能中包含的子功能详细说明,如添加、修改、删除等实现过程描述,包括页面、sql、controller、service、dao的实现。如果涉及修改以前的代码或页面,应写明需要进行哪些修改。 |
|||
|
|||
|
|||
4. 数据库说明 |
|||
涉及到的数据表,增加或修改的表名及字段说明。 |
|||
|
|||
5. 源文件目录及命名 |
|||
此功能包含的文件目录、名称说明。 |
@ -0,0 +1,13 @@ |
|||
个人测试文档 |
|||
部门: 姓名: 日期: |
|||
|
|||
1. 接口说明 |
|||
|
|||
2. 测试用例说明 |
|||
按照接口要求说明测试的各种情况。 |
|||
(1)接口参数格式、为空、超出范围等校验测试 |
|||
|
|||
(2)返回结果格式正确性、逻辑正确性测试 |
|||
|
|||
3. 测试结果(含测试通过的截图) |
|||
|
Loading…
Reference in new issue