Zhao Qiqi
3 years ago
13 changed files with 5461 additions and 1097 deletions
@ -0,0 +1,421 @@ |
|||
<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 { |
|||
brandDown, |
|||
dataDictionary, |
|||
modelPageList, |
|||
notTheCompanyModelPageList |
|||
} from '@/api/chexingchaxun/modelinquire' |
|||
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() |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
} |
|||
|
|||
} |
|||
} |
|||
</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,565 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>车型库配置列表</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确认</el-button> |
|||
<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 ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50"/> |
|||
<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.configName }}</span> |
|||
<!-- <span class="bluezi" @click="handlink(scope.row)">{{}}</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>{{ scope.row.nowCarNum }}</span> |
|||
<!-- <span class="bluezi" @click="handvehicle(scope.row)"></span>--> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="排产（台）" align="center" width="150"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.productionCarNum }}</span> |
|||
<!-- <span class="bluezi" @click="handproduction(scope.row)"></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' |
|||
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 |
|||
}, |
|||
row: {},// 车型所选数据 |
|||
peiZhiList: {} // 配置所选数据 |
|||
} |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
Dictionary() { |
|||
dataDictionary({type: 'whether'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.airConditioner_list = res.data |
|||
this.baffleModel_list = res.data |
|||
this.tireCover_list = res.data |
|||
this.independentSources_list = res.data |
|||
this.multimedia_list = res.data |
|||
} |
|||
}) |
|||
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: 'hubMaterial'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.hubMaterial_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: '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: 'fuelType'}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.fuelTank_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
showData(row) { |
|||
console.log('所选车型', 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 |
|||
} |
|||
}) |
|||
}, |
|||
handleSelectionChange(row) { |
|||
console.log('选择', row) |
|||
if (row.length > 1) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '仅可选择一条配置！', |
|||
type: 'error' |
|||
}); |
|||
this.$refs.multipleTable.clearSelection(); |
|||
return |
|||
} |
|||
this.peiZhiList = row |
|||
}, |
|||
handleConfirm() { |
|||
if (this.peiZhiList.length > 0) { |
|||
var modelData = new Object() |
|||
this.peiZhiList.forEach((element) => { |
|||
modelData = { |
|||
brandName: this.row.brandName, |
|||
brandSid: this.row.brandSid, |
|||
config: element.configName, //常用配置 |
|||
guildPrice: element.guidedPrice, //单台指导价 |
|||
modelConfig: this.row.modelName, //车型配置名称 |
|||
modelConfigSid: element.sid, //配置sid |
|||
// modelName: element, //车型名称 |
|||
modelSid: this.row.sid, //车型sid |
|||
moreConfig: element.otherConfig, //更多配置 |
|||
} |
|||
}) |
|||
const type = 2 |
|||
this.$emit('handleChexing', modelData,type) |
|||
this.handleReturn() |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择车型配置！', |
|||
type: 'error' |
|||
}); |
|||
} |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
resetState() { |
|||
this.viewState = 1 |
|||
this.handReset() |
|||
}, |
|||
// 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) |
|||
// }, |
|||
} |
|||
} |
|||
</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,477 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>销售政策管理</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确认</el-button> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="政策类别"> |
|||
<el-select v-model="listQuery.params.salesPolicy" placeholder="请选择" @change="salesPolicyChange"> |
|||
<el-option |
|||
v-for="item in salesPolicy_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="优惠包类别"> |
|||
<el-select v-model="listQuery.params.discountType" placeholder="请选择" @change="discountTypeChange"> |
|||
<el-option |
|||
v-for="item in discountType_list" |
|||
:key="item.dictKey" |
|||
:label="item.dictValue" |
|||
:value="item.dictKey"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="是否有效"> |
|||
<el-select v-model="listQuery.params.isEmploy" placeholder="请选择" @change="isEmployChange"> |
|||
<el-option |
|||
v-for="item in effective" |
|||
:key="item.value" |
|||
:label="item.label" |
|||
:value="item.value"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="有效期"> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.getEffectiveStartDate" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
<label>至</label> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.getEffectiveEndDate" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">销售政策列表</div> |
|||
<pageye v-show="total > 0" :total="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%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column width="150px" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> <!--:disabled=""--> |
|||
<el-button size="small" type="primary" |
|||
@click="changeNodeState(scope.row)">办理 |
|||
</el-button> |
|||
<el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nodeState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="政策类别" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.salesPolicy }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠包类别" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.discountType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠包名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.discountName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠包价值" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.amount }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠项目说明" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.detail }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="有效期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.effectiveDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="是否生效" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.isEmploy }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- <xiaoshouzhengce-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState"--> |
|||
<!-- @reloadlist="getList"></xiaoshouzhengce-add>--> |
|||
<!-- <xiaoshouzhengce-info v-show="viewState == 4" ref="divinfo" @doback="resetState"></xiaoshouzhengce-info>--> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {deleteBySids, listPage, typeValues} from '@/api/jichuxinxi/salepolicy' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
// import xiaoshouzhengceAdd from "./xiaoshouzhengceAdd" |
|||
// import xiaoshouzhengceInfo from "./xiaoshouzhengceInfo" |
|||
|
|||
export default { |
|||
name: "xiaoshouzhengce", |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
// xiaoshouzhengceAdd, |
|||
// xiaoshouzhengceInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
disabled: false, // 办理按钮 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑 4、查看 5、订金-订金收取 |
|||
// 查询 ----------- |
|||
salesPolicy_list: [], //政策类别 |
|||
discountType_list: [], // 优惠包类别 |
|||
effective: [{ // 是否有效 |
|||
value: 0, |
|||
label: '是' |
|||
}, { |
|||
value: 1, |
|||
label: '否' |
|||
}], |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
discountType: '', //优惠类型（赠送套餐 等，数据字典） |
|||
discountTypeKey: '', //优惠类型key |
|||
getEffectiveEndDate: '', //结束有效期 |
|||
getEffectiveStartDate: '', //开始有效期 |
|||
isEmploy: '', //是否有效 |
|||
salesPolicy: '', //政策类别 |
|||
salesPolicyKey: '', //政策类别key |
|||
staffSid: window.sessionStorage.getItem('staffSid') |
|||
}, |
|||
}, |
|||
submitDto: { |
|||
businessSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
}, |
|||
nodeState: '', |
|||
row:[], // 所选数据 |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
this.getType() |
|||
}, |
|||
// ----------功能打开开始-------- |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
// 重置 |
|||
handleReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
discountType: '', |
|||
discountTypeKey: '', |
|||
getEffectiveEndDate: '', |
|||
getEffectiveStartDate: '', |
|||
isEmploy: '', |
|||
salesPolicy: '', |
|||
salesPolicyKey: '' |
|||
}, |
|||
} |
|||
}, |
|||
// 下拉框 |
|||
getType() { |
|||
typeValues({ |
|||
type: 'discountPolicyType' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.salesPolicy_list = res.data |
|||
console.log('下拉框请求政策类别', this.salesPolicy_list) |
|||
} |
|||
}) |
|||
typeValues({ |
|||
type: 'discountPackageType' |
|||
}).then((res) => { |
|||
if (res.code === '200') { |
|||
this.discountType_list = res.data |
|||
console.log('下拉框请求优惠包类别', this.discountType_list) |
|||
} |
|||
}) |
|||
}, |
|||
// 政策类别 |
|||
salesPolicyChange(value) { |
|||
console.log('触发下拉框按钮') |
|||
let bb = {} |
|||
this.salesPolicy_list.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: e.dictType, |
|||
name: e.dictValue, |
|||
key: e.dictKey, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.salesPolicy = bb.name |
|||
this.listQuery.params.salesPolicyKey = bb.key |
|||
console.log('name', this.listQuery.params.salesPolicy) |
|||
}, |
|||
|
|||
// 优惠包类别 |
|||
discountTypeChange(value) { |
|||
console.log('触发下拉框按钮') |
|||
let bb = {} |
|||
this.discountType_list.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
type: e.dictType, |
|||
name: e.dictValue, |
|||
key: e.dictKey, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.discountType = bb.name |
|||
this.listQuery.params.discountTypeKey = bb.name |
|||
console.log('name', this.listQuery.params.discountType) |
|||
}, |
|||
|
|||
isEmployChange(value) { |
|||
console.log('触发下拉框按钮') |
|||
let bb = {} |
|||
this.effective.forEach((e) => { |
|||
if (e.dictKey === value) { |
|||
bb = { |
|||
name: e.value, |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.isEmploy = bb.name |
|||
console.log('name', this.listQuery.params.isEmploy) |
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd() |
|||
}, |
|||
// 打开编辑 |
|||
handleUpdate() { |
|||
if (this.sids.length === 1) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(this.sids[0]) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '不能选中多个信息修改!!', |
|||
type: 'info', |
|||
duration: 2000, |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择信息!!', |
|||
type: 'error', |
|||
duration: 2000, |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
//办理 |
|||
changeNodeState(row) { |
|||
console.log('111', row) |
|||
// if (row.flowState === 0) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row.sid) |
|||
// } else { |
|||
// return |
|||
// } |
|||
}, |
|||
// 打开查看详情 |
|||
handleCheck(row) { |
|||
this.viewState = 4 |
|||
this.$refs['divinfo'].showInfo(row.sid) |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
listPage(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
console.log('row', row) |
|||
this.row = row |
|||
const aa = [] |
|||
const bb = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
bb.push(element.depositBillTypeKey) |
|||
}); |
|||
this.sids = aa |
|||
this.billType = bb |
|||
console.log('选择sid', this.sids) |
|||
console.log('选择订单类型', this.billType) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
const sids = this.sids |
|||
deleteBySids(sids).then((response) => { |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2000, |
|||
}) |
|||
this.getList() |
|||
} else { |
|||
this.$notify({ |
|||
title: '删除失败', |
|||
message: response.msg, |
|||
type: 'error', |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方信息!!', |
|||
type: 'error', |
|||
duration: 2000, |
|||
}) |
|||
// return likeGetCustomerName |
|||
} |
|||
}, |
|||
handleConfirm() { |
|||
this.$emit('handleYouhui',this.row) |
|||
this.handleReturn() |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
|
|||
} |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/* .listcon{height: calc(100vh - 480px);overflow-y: auto;overflow-x: hidden;} */ |
|||
.el-input__icon { |
|||
width: 40px; |
|||
} |
|||
|
|||
.el-form-item .el-form-item__label { |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.block { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.el-form-item__content label { |
|||
padding: 0 5px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,449 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<div class="tab-header webtop"> |
|||
<div>销售虚拟订单管理</div> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleConfirm()">确认</el-button> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="客户(付款人)"> |
|||
<el-input v-model="listQuery.params.customerName" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="创建日期"> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.startTime" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
<label>至</label> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.endTime" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
value-format="yyyy-MM-dd" |
|||
format="yyyy-MM-dd"> |
|||
</el-date-picker> |
|||
</div> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<div class="listtop"> |
|||
<div class="tit">销售虚拟订车单列表</div> |
|||
<pageye v-show="total > 0" :total="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%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" label="编号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column width="150px" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> |
|||
<el-button size="small" type="primary" |
|||
:disabled="scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true" |
|||
@click="changeNodeState(scope.row)">办理 |
|||
</el-button> |
|||
<el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.nodeState }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="虚拟订单类型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.depositBillType }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="单据编号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.billNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="创建日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.createDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="销售专员" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.staffName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="客户(付款人)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="联系电话" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.mobile }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="订金(元)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.deposit }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="已使用订金(元)" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.usedDeposit }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="预订车辆" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.depositVehicle }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {deleteBySids} from '@/api/jichuxinxi/busdeposit' |
|||
import {depositPageList} from '@/api/salesManagement/orderManagement' |
|||
// import {submitApprove, updateState} from '@/api/portal/workFlow' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
|
|||
|
|||
export default { |
|||
name: 'Xunidingdanguanli', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
}, |
|||
data() { |
|||
return { |
|||
disabled: false, // 办理按钮 |
|||
billTypeKey: '', |
|||
dialogVisible: false, // 弹窗 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加-车辆预订 3、编辑 4、查看 5、订金-订金收取 |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
nodeState_list: [], // 流程状态 |
|||
sids: [], |
|||
billType: [], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
orgName: '', |
|||
staffName: '', |
|||
customerName: '', |
|||
billType: '', |
|||
startTime: '', |
|||
endTime: '', |
|||
}, |
|||
}, |
|||
submitDto: { |
|||
businessSid: '', |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
}, |
|||
updateDto: { |
|||
nodeState: '', |
|||
sid: '', |
|||
}, |
|||
nodeState: '', |
|||
selectDate: undefined, |
|||
temp: {}, // 添加和编辑 |
|||
visible: true, |
|||
hetongdanganguanliInfoShow: false, |
|||
row:[],//所选数据 |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
init() { |
|||
|
|||
}, |
|||
// ----------功能打开开始-------- |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
// 重置 |
|||
handleReset() { |
|||
this.listQuery = { |
|||
current: 1, |
|||
size: 20, |
|||
} |
|||
}, |
|||
// 生成销售订单 |
|||
handleGenerate() { |
|||
|
|||
}, |
|||
// 打开添加 |
|||
handleCreate() { |
|||
this.dialogVisible = true |
|||
}, |
|||
// 确认 |
|||
handleConfirm() { |
|||
this.$emit('handleXuniList', this.row) |
|||
this.handleReturn() |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
// 打开编辑 |
|||
handleUpdate() { |
|||
if (this.sids.length == 1) { |
|||
if (this.billType[0] == '01') { |
|||
this.viewState = 5; |
|||
this.dialogStatus = 'edit' |
|||
const sid = this.sids[0] |
|||
const nodeState = this.nodeState_list[0] |
|||
this.$refs['divDing'].showEdit(sid, nodeState) |
|||
} else { |
|||
this.viewState = 3; |
|||
this.dialogStatus = 'edit' |
|||
const sid = this.sids[0] |
|||
const nodeState = this.nodeState_list[0] |
|||
this.$refs['divadd'].showEdit(sid, nodeState) |
|||
} |
|||
} else if (this.sids.length == 0) { |
|||
this.$notify({ |
|||
title: '您还未选择，请选择数据！！！', |
|||
type: 'error', |
|||
}) |
|||
} else if (this.sids.length > 1) { |
|||
this.$notify({ |
|||
title: '您未选择的数据过多，请选择一条数据编辑！！', |
|||
type: 'error', |
|||
}) |
|||
} |
|||
}, |
|||
// 打开查看详情 |
|||
handleCheck(row) { |
|||
if (row.depositBillTypeKey == '01') { |
|||
this.viewState = 6 |
|||
this.$refs['divDingInfo'].showInfo(row.sid, row.nodeState) |
|||
} else { |
|||
this.viewState = 4 |
|||
this.$refs['divinfo'].showInfo(row.sid, row.nodeState) |
|||
} |
|||
}, |
|||
handleInfo() { |
|||
this.viewState = 4 |
|||
}, |
|||
// ----------功能打开结束-------- |
|||
noClickclose() { |
|||
this.viewState = 1 |
|||
this.hetongdanganguanliInfoShow = false |
|||
}, |
|||
// 打开消合同详情 |
|||
handleCheckhetong() { |
|||
this.viewState = false |
|||
this.hetongdanganguanliInfoShow = true |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
depositPageList({ |
|||
current: this.listQuery.current, |
|||
size: this.listQuery.size, |
|||
params: { |
|||
// orgName: this.listQuery.orgName, |
|||
// staffName: this.listQuery.staffName, |
|||
customerName: this.listQuery.customerName, |
|||
startTime: this.listQuery.startTime, |
|||
endTime: this.listQuery.endTime, |
|||
userSid: window.sessionStorage.getItem('userSid'), |
|||
staffSid: window.sessionStorage.getItem('staffSid') |
|||
}, |
|||
}).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
for (var i = 0; i < response.data.records.length; i++) { |
|||
var timeArr = response.data.records[i].createDate.split(' '); |
|||
this.list[i].createDate = timeArr[0]; |
|||
} |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
console.log('row', row) |
|||
this.row = row |
|||
const aa = [] |
|||
const bb = [] |
|||
const cc = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
bb.push(element.depositBillTypeKey) |
|||
cc.push(element.nodeState) |
|||
}); |
|||
this.sids = aa |
|||
this.billType = bb |
|||
this.nodeState_list = cc |
|||
console.log('选择sid', this.sids) |
|||
console.log('选择订单类型', this.billType) |
|||
console.log('流程状态', this.nodeState_list) |
|||
}, |
|||
// 根据本行ID删除数据 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
const sids = this.sids |
|||
deleteBySids(sids).then((response) => { |
|||
if (response.code === '200') { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '删除成功', |
|||
type: 'success', |
|||
duration: 2000, |
|||
}) |
|||
this.getList() |
|||
} else { |
|||
this.$notify({ |
|||
title: '删除失败', |
|||
message: response.msg, |
|||
type: 'error', |
|||
}) |
|||
} |
|||
}) |
|||
} else { |
|||
this.$notify({ |
|||
title: '提示', |
|||
message: '没有选择资方信息!!', |
|||
type: 'error', |
|||
duration: 2000, |
|||
}) |
|||
return |
|||
} |
|||
}, |
|||
|
|||
//办理 |
|||
changeNodeState(row) { |
|||
console.log('111', row) |
|||
if (row.nodeState == '' || row.nodeState == '发起订单') { |
|||
if (row.depositBillTypeKey == '01') { |
|||
this.viewState = 5; |
|||
this.dialogStatus = 'edit' |
|||
this.$refs['divDing'].showEdit(row.sid, row.nodeState) |
|||
} else if (row.depositBillTypeKey == '02') { |
|||
this.viewState = 3; |
|||
this.dialogStatus = 'edit' |
|||
this.$refs['divadd'].showEdit(row.sid, row.nodeState) |
|||
} |
|||
} |
|||
}, |
|||
// 导出 |
|||
handleDaoChu() { |
|||
// basefinbankExportExcel(this.sids).then((res) => { |
|||
// const blob = new Blob([res], { |
|||
// type: 'application/vnd.ms-excel', |
|||
// }) |
|||
// const objectUrl = URL.createObjectURL(blob) |
|||
// window.location.href = objectUrl |
|||
// this.$notify({ |
|||
// title: '提示', |
|||
// message: '导出成功', |
|||
// type: 'success', |
|||
// duration: 2000, |
|||
// }) |
|||
// }) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped lang="scss"> |
|||
/* .listcon{height: calc(100vh - 480px);overflow-y: auto;overflow-x: hidden;} */ |
|||
.el-input__icon { |
|||
width: 40px; |
|||
} |
|||
|
|||
.el-form-item .el-form-item__label { |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.block { |
|||
display: inline-block; |
|||
} |
|||
|
|||
.el-form-item__content label { |
|||
padding: 0 5px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>车型选择</div> |
|||
<div> |
|||
<el-button type="primary" size="medium" @click="handleConfirm()">确认</el-button> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="车型"> |
|||
<el-input v-model="listQuery.params.modelName" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="车型配置"> |
|||
<el-input v-model="listQuery.params.modelConfigName" placeholder="请输入" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
<div class=""> |
|||
<el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<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.brandName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.modelAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="常用配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.config }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import {getXuniList} from '@/api/salesManagement/orderManagement' |
|||
|
|||
export default { |
|||
name: "xunidingdanxuanze", |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
listLoading: false, |
|||
total: 1, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
customerSid: '', // 客户sid |
|||
modelConfigName: '', // 常用配置 |
|||
modelName: '', // 车型别名 |
|||
}, |
|||
}, |
|||
row: [],//所选数据 |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.getList() |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
if (row.length > 1) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '仅可选择一个车型！', |
|||
type: 'error' |
|||
}); |
|||
this.$refs.multipleTable.clearSelection(); |
|||
return |
|||
} |
|||
this.row = row |
|||
}, |
|||
showXuni(customerSid, staffSid) { |
|||
console.log('虚拟订单选择', customerSid, staffSid) |
|||
this.listQuery.params.customerSid = customerSid |
|||
this.listQuery.params.staffSid = staffSid |
|||
this.getList() |
|||
}, |
|||
// ----------功能打开开始-------- |
|||
handleConfirm() { |
|||
if (this.row.length > 0) { |
|||
var modelData = new Object(); |
|||
this.row.forEach((element) => { |
|||
modelData = element |
|||
}) |
|||
const type = 2 |
|||
this.$emit('handlexuniList', modelData, type) |
|||
this.handleReturn() |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择虚拟订单！', |
|||
type: 'error' |
|||
}); |
|||
} |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
getXuniList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.searchcon { |
|||
margin-top: 8px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,208 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>车型选择</div> |
|||
<div> |
|||
<el-button type="primary" size="medium" @click="handleConfirm()">确认</el-button> |
|||
<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="130px" class="tab-header"> |
|||
<el-form-item label="车型"> |
|||
<el-input v-model="listQuery.params.modelName" placeholder="请输入" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<el-form-item label="车型配置"> |
|||
<el-input v-model="listQuery.params.modelConfigName" placeholder="请输入" clearable class="filter-item" /> |
|||
</el-form-item> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList" /> |
|||
<div class=""> |
|||
<el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%" |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center" /> |
|||
<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.brandName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车型" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.modelAlias }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="常用配置" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.config }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from 'vuex' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import { getYixiangList } from '@/api/salesManagement/orderManagement' |
|||
|
|||
export default { |
|||
name: "yixiangchexing", |
|||
components: { |
|||
Pagination, |
|||
pageye |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
// 查询 ----------- |
|||
tableKey: 0, |
|||
list: [], |
|||
sids: [], |
|||
listLoading: false, |
|||
total: 1, |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
customerSid: '', // 客户sid |
|||
modelConfigName: '', // 常用配置 |
|||
modelName: '', // 车型别名 |
|||
}, |
|||
}, |
|||
row: [], |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
init() { |
|||
this.getList() |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 勾选 |
|||
handleSelectionChange(row) { |
|||
console.log('row:', row) |
|||
if (row.length > 1) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '仅可选择一个车型！', |
|||
type: 'error' |
|||
}); |
|||
this.$refs.multipleTable.clearSelection(); |
|||
return |
|||
} |
|||
if (row.length == 1) { |
|||
this.row = row |
|||
} |
|||
}, |
|||
showYixiang(sid) { |
|||
console.log('意向车型', sid) |
|||
this.listQuery.params.customerSid = sid |
|||
console.log('意向车型', this.listQuery.params.customerSid) |
|||
this.getList() |
|||
}, |
|||
// ----------功能打开开始-------- |
|||
// 确认选择数据 |
|||
handleConfirm() { |
|||
if (this.row.length > 0) { |
|||
var modelData = new Object(); |
|||
this.row.forEach((element) => { |
|||
modelData = element |
|||
}) |
|||
const type = 1 |
|||
this.$emit('handleyixiangList', modelData,type) |
|||
this.handleReturn() |
|||
}else{ |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择意向车型！', |
|||
type: 'error' |
|||
}); |
|||
} |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doReturn') // 返回到销售订单新增 |
|||
}, |
|||
|
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
getYixiangList(this.listQuery).then((response) => { |
|||
this.listLoading = false |
|||
if ( |
|||
response.code === '200' && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.searchcon { |
|||
margin-top: 8px; |
|||
} |
|||
</style> |
|||
File diff suppressed because it is too large
@ -1,13 +1,596 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="relState == '2'"> |
|||
<div class="tab-header webtop"> |
|||
<div>销售订车单详情</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd"> |
|||
<!-- --------------------------订单----------------- --> |
|||
<div class="tit"> |
|||
销售订单 |
|||
<div class="times"> |
|||
<div> |
|||
<span>销售机构：</span> |
|||
<span>{{ temp.billNo }}</span> |
|||
</div> |
|||
<div> |
|||
<span>编号：</span> |
|||
<span>{{ temp.billNo }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="times02"> |
|||
<div> |
|||
<span>销售部门：</span> |
|||
<span>{{ temp.orgName}}</span> |
|||
</div> |
|||
<div> |
|||
<span>销售专员：</span> |
|||
<span>{{ temp.staffName }}</span> |
|||
</div> |
|||
<div> |
|||
<span>制单日期：</span> |
|||
<span>{{ temp.createDate }}</span> |
|||
</div> |
|||
</div> |
|||
<!-- ==================== 客户信息 ======================================== --> |
|||
<div class="titleleft">客户信息</div> |
|||
<el-row class="bordertopline"> |
|||
<el-col :span="3"> |
|||
<span>客户名称</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="customerName"> |
|||
<span>{{ temp.customerName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>联系电话</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="mobile"> |
|||
<span>{{temp.mobile}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>挂靠公司</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-form-item prop="affiliatedCompany"> |
|||
<span>{{temp.affiliatedCompany}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
|
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>订单类型</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.type}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>付款方式</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>开票类型</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.billingTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- ==================== 主车信息 ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>主车信息</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>车型名称</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.modelName}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>常用配置</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.config}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>更多配置</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.moreConfig}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>特殊配置说明</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderModel.specialConfig}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>上装</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderMakeup.announcementModel }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderMakeup.linkNo}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>采购订单编号</span> |
|||
</el-col> |
|||
<el-col :span="20"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderMakeup.linkNo}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- ==================== 挂车(暂不考虑) ======================================== --> |
|||
<div class="titleleft space_up">挂车信息</div> |
|||
<div class="shangzhuangstyle"> |
|||
<el-row> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 价格信息 ======================================== --> |
|||
<div class="titleleft space_up">价格信息</div> |
|||
<div> |
|||
<el-container> |
|||
<el-main> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>主车成交价</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.type}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>主车台数</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>挂车价格</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.type}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<span>挂车台数</span> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-main> |
|||
<el-aside width="240px" class="aside_one"> |
|||
<span>车架合计</span> |
|||
</el-aside> |
|||
<el-aside width="240px" class="aside_two"> |
|||
<span>{{temp.payTypeKey}}</span> |
|||
</el-aside> |
|||
</el-container> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>计划提车地点</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.busSalesOrderPrice.plannedPickUpLocation}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>预计提车日期</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{temp.busSalesOrderPrice.plannedPickUpDate}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 优惠说明 ======================================== --> |
|||
<div class="titleleft space_up">优惠说明</div> |
|||
<div class="shangzhuangstyle"> |
|||
<el-row> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 保险说明 ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>保险说明</span> |
|||
</div> |
|||
<el-row> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
<!-- ==================== 金融方案(暂不考虑) ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>金融方案</span> |
|||
<!-- <div class="jinrongTit">--> |
|||
<!-- <span>单车方案编辑</span>--> |
|||
<!-- <span> 预览总方案</span>--> |
|||
<!-- </div>--> |
|||
</div> |
|||
<!-- ==================== 订金信息 ======================================== --> |
|||
<div class="titleleft space_up"> |
|||
<span>订金信息</span> |
|||
</div> |
|||
<div class="shangzhuangstyle"> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>单台订金</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
{{temp.busSalesOrderDeposit.deposit}} |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>订金合计</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderDeposit.depositAll }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>定金备注</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-form-item> |
|||
<span>{{temp.busSalesOrderDeposit.remarks}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 补充说明 ======================================== --> |
|||
<div class="titleleft"> |
|||
<span>补充说明</span> |
|||
</div> |
|||
<el-row> |
|||
<el-input v-model="temp.remarks" type="textarea" placeholder="补充说明" class="addinputw"/> |
|||
</el-row> |
|||
<!-- ==================== 尾部署名 ======================================== --> |
|||
<div class="footer_con"> |
|||
<div class="footer_tit"><span>销售专员：{{temp.staffName}}</span></div> |
|||
<div class="footer_tit"><span>客户签名：{{temp.customerName}}</span></div> |
|||
</div> |
|||
<div class="footer_time"> |
|||
<div class="footer_tit"><span>{{temp.createDate}}</span></div> |
|||
<div class="footer_tit"><span>{{temp.createDate}}</span></div> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {fetchDetailsBySid} from '@/api/salesManagement/orderManagement' |
|||
export default { |
|||
name: "xiaoshoudingdanInfo" |
|||
name: "xiaoshoudingdanInfo", |
|||
data() { |
|||
return { |
|||
state: '', |
|||
relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择 |
|||
// 4.1优惠明细 5.1虚拟订单 |
|||
nodeState: '', // 节点状态 |
|||
temp: { |
|||
billNo: '', // 编号 |
|||
affiliatedCompany: '', //挂靠公司名称 |
|||
affiliatedCompanySid: '', //挂靠公司sid |
|||
billingType: '', //开票类型value |
|||
billingTypeKey: '', //开票类型key |
|||
busDepositFictitiousList: [{ |
|||
depositBillNo: '', //虚拟订单编号 |
|||
depositPrice: '', //订金剩余金额 |
|||
depositSid: '', //订金信息sid |
|||
payPath: '', //款项支付委托书 |
|||
price: '', //本次结转金额 |
|||
}], //虚拟订单和订金关联 |
|||
busSalesOrderDeposit: { |
|||
deposit: '', // 单台订金 |
|||
depositAll: '', // 订金合计 |
|||
depositType: '', // 订金交纳方式 |
|||
depositTypeKey: '', // 订金交纳方式key |
|||
makeUpDeposit: '', // 需补交订金 |
|||
}, //订金信息 |
|||
busSalesOrderDiscountList: [{ |
|||
discountExplain: '', //优惠项目明细 |
|||
name: '', //优惠名称 |
|||
num: '', //数量 |
|||
price: '', //价值 |
|||
salesPolicySid: '', //销售政策sid |
|||
totalValue: '', //总价值 |
|||
}], //主车优惠明细 |
|||
busSalesOrderInsurance: { |
|||
insuranceCarMoney: '', //单台车保费预估金额 |
|||
insuranceName: '', //保险公司名称 |
|||
insuranceNum: '', //公司入保期数 |
|||
}, //保险说明 |
|||
busSalesOrderMakeup: { |
|||
announcementModel: '', //公告型号 |
|||
contractPath: '', //合同上传 |
|||
moreConfig: '', //更多配置 |
|||
overallDimension: '', //外廓尺寸 |
|||
plateMaterial: '', //板材材质 |
|||
plateThickness: '', //板材厚度 |
|||
refitFactory: '', //委改厂 |
|||
refitMethod: '', //委改方式 |
|||
topName: '', //上装名称 |
|||
topPrice: '', //上装价格 |
|||
}, //上装配置信息 |
|||
busSalesOrderModel: { |
|||
brandName: '', //品牌 |
|||
config: '', //常用配置 |
|||
finalPrice: '', //单台成交价 |
|||
guildPrice: '', //单台指导价 |
|||
modelConfig: '', //车型配置名称 |
|||
modelConfigSid: '', //配置sid |
|||
modelName: '', //车型名称 |
|||
modelSid: '', //车型sid |
|||
moreConfig: '', //更多配置 |
|||
specialConfig: '', //特殊配置说明 |
|||
}, //主车车型信息 |
|||
busSalesOrderPrice: { |
|||
plannedPickUpDate: '', //计划提车日期 |
|||
plannedPickUpLocation: '', //计划提车地点 |
|||
priceSum: '', //车价合计 |
|||
quantity: '', //台数 |
|||
singleFinalPrice: '', //单台成交价 (主车加上装） |
|||
singleGuildPrice: '', //单台指导价 (主车加上装） |
|||
}, //价格信息 |
|||
busSalesOrderVehicleList: [],//现车车辆信息 |
|||
busSalesVehicleOrderList: [], //采购订单信息 |
|||
// { |
|||
// linkNo: '', //车架号 |
|||
// linkSid: '', //车辆sid |
|||
// linkText: '', //车辆存放地点 |
|||
// } |
|||
createDate: '', //制单日期 |
|||
customerName: '', //客户名称 |
|||
customerSid: '', //客户sid |
|||
isInsurance: '', //公司是否入保 |
|||
isTop: '', //是否包含上装 |
|||
mobile: '', //客户联系电话 |
|||
notes: '', //补充说明 |
|||
orgName: window.sessionStorage.getItem('Orgname'), //销售部门 |
|||
orgSid: window.sessionStorage.getItem('orgSid'), //销售部门sid |
|||
payType: '', //付款方式value |
|||
payTypeKey: '', //付款方式key |
|||
sid: '', |
|||
staffName: window.sessionStorage.getItem('name'), //销售专员 |
|||
staffSid: window.sessionStorage.getItem('staffSid'), //销售专员sid |
|||
type: '', //销售订单车辆类型 1现车、2订单、3排产 |
|||
}, // 添加和修改 |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
showInfo(billNo) { |
|||
this.relState = '2' |
|||
}, |
|||
handleReturn() { |
|||
this.relState = '' |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.formadd { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.shangzhuangstyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.jiagestyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.chosseBtn /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.tit { |
|||
margin: 0 0 10px 0; |
|||
padding: 10px 0 0 0; |
|||
} |
|||
|
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.times02 { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 0 0 24px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
|
|||
/deep/ .el-col-3, .el-col-4, .el-col-2 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/deep/ .el-button--small { |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.space_up { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.qitas .left { |
|||
text-align: left; |
|||
} |
|||
|
|||
.qitas .right { |
|||
text-align: right; |
|||
} |
|||
|
|||
.addinputw { |
|||
display: inline-block !important; |
|||
} |
|||
|
|||
.jinrongTit span { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
/deep/ .is-checked /deep/ .el-checkbox__label { |
|||
color: white; |
|||
} |
|||
|
|||
/deep/ .el-checkbox__label { |
|||
color: white; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
background-color: #0294d7; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
padding-bottom: 0; |
|||
} |
|||
|
|||
/deep/ .el-main { |
|||
padding: 0; |
|||
} |
|||
|
|||
.aside_one { |
|||
border-right: 1px solid #e0e3eb; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
text-align: right; |
|||
line-height: 100px; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.aside_two { |
|||
border-right: 1px solid #e0e3eb; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
text-align: left; |
|||
line-height: 100px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.footer_con { |
|||
padding: 40px 25px 0 45px; |
|||
} |
|||
|
|||
.footer_time { |
|||
padding: 25px 25px 0 95px; |
|||
} |
|||
|
|||
.footer_con .footer_tit { |
|||
display: inline-block; |
|||
width: 20%; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.footer_time .footer_tit { |
|||
display: inline-block; |
|||
width: 20%; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.footer_tit:last-child { |
|||
float: right; |
|||
margin: 0; |
|||
right: 120px; |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,549 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="relState == '3'"> |
|||
<div class="tab-header webtop"> |
|||
<div>订单提交时补充内容</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> |
|||
<!-- --------------------------订单----------------- --> |
|||
<div class="tit"> |
|||
订单提交时补充内容 |
|||
<div class="times"> |
|||
<div> |
|||
<span>编号：</span> |
|||
<span>{{ temp.billNo }}</span> |
|||
</div> |
|||
<div> |
|||
<span>制单日期：</span> |
|||
<span>{{ temp.createDate }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="times02"> |
|||
<div> |
|||
<span>客户名称：</span> |
|||
<span>{{ temp.customerName }}</span> |
|||
</div> |
|||
<div> |
|||
<span>联系电话：</span> |
|||
<span>{{ temp.mobile }}</span> |
|||
</div> |
|||
</div> |
|||
<!-- ==================== 价格说明 ======================================== --> |
|||
<div class="titleleft space_up">价格说明</div> |
|||
<div class="jiagestyle"> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>单台指导价</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.singleGuildPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>单台成交价</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.singleFinalPrice }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
<el-col :span="4"/> |
|||
<el-col :span="2"> |
|||
<span>台数</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.quantity }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>车架合计</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.priceSum }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>计划提车地点</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.plannedPickUpLocation }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span>预计提车日期</span> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item> |
|||
<span>{{ temp.busSalesOrderPrice.plannedPickUpDate }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>价格说明</span> |
|||
</el-col> |
|||
<el-col :span="22"> |
|||
<el-input v-model="temp.busSalesOrderPrice.plannedPickUpLocation" placeholder="请输入价格说明" |
|||
class="addinputw" clearable/> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<!-- ==================== 优惠说明 ======================================== --> |
|||
<div class="titleleft space_up">优惠说明</div> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="temp.busSalesOrderDiscountList" border fit |
|||
highlight-current-row :index="index" style="width: 100%;"> |
|||
<el-table-column label="序号" type="index" width="80" align="center"/> |
|||
<el-table-column label="优惠名称" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="价值" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.price }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="优惠项目说明" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.discountExplain }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="数量" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.num }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="总价值" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.totalValue }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-row> |
|||
<el-col :span="2"> |
|||
<span>备注说明</span> |
|||
</el-col> |
|||
<el-col :span="22"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入备注说明" |
|||
class="addinputw" clearable/> |
|||
</el-col> |
|||
</el-row> |
|||
<!-- ==================== 完善以下信息 ======================================== --> |
|||
<div class="titleleft space_up">完善以下信息</div> |
|||
<div> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>中介名称</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入中介名称" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>联系电话</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入联系电话" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>合同</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{ temp.billingTypeKey }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>单车中介服务费</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入价格说明" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>台数</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<span>{{ temp.payTypeKey }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>返利合计</span> |
|||
</el-col> |
|||
<el-col :span="5"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入返利合计" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>返利备注</span> |
|||
</el-col> |
|||
<el-col :span="19"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请输入返利备注" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>内部引荐人</span> |
|||
</el-col> |
|||
<el-col :span="19"> |
|||
<el-form-item prop="billingType"> |
|||
<el-input v-model="temp.remarks" placeholder="请选择内部引荐人" |
|||
class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "xiaoshoudingdanSubmit", |
|||
data() { |
|||
return { |
|||
// 能确定有用的 |
|||
viewTitle: '', |
|||
state: '', |
|||
relState: '', // 1添加页面 2详情页面 3提交页面 1.1选择客户页面 1.2新增客户页面 2.1意向车型 2.2虚拟订单 2.3车型选择 |
|||
// 4.1优惠明细 5.1虚拟订单 |
|||
dialogStatus: 'add', |
|||
index: 0, |
|||
customerVisible: false, |
|||
xiancheVisible: false, |
|||
caigouVisible: false, |
|||
formLabelWidth: '110px', |
|||
disabled: false, |
|||
checked: false, // 上装 |
|||
checkedGua: false, // 挂车 |
|||
checkedBaoxian: false, // 保险 |
|||
activeNames: ['1'], // 折叠面板效果 |
|||
contractPdfView: false, // 预览合同 |
|||
contractPdf: '', // pdf文件地址 |
|||
customerList: [], |
|||
payTypeList: [], |
|||
billingType_list: [], // 单选开票类型 |
|||
payType_list: [], |
|||
guaKaoCompanyList: [], |
|||
visitWay_list: [], |
|||
tableKey: 0, |
|||
tableKey2: 1, |
|||
tableKey3: 2, |
|||
tableKey4: 3, |
|||
FormLoading: false, // 控制保存按钮 |
|||
listLoading: false, |
|||
nodeState: '', // 节点状态 |
|||
orderSid: '', // 预览合同需要的sid |
|||
// 客户登记 |
|||
customerTypeList: { |
|||
visitWay: '', // 联络方式 |
|||
visitWayKey: '', |
|||
customerType: ''// 客户类型 |
|||
}, |
|||
temp: { |
|||
affiliatedCompany: '', //挂靠公司名称 |
|||
affiliatedCompanySid: '', //挂靠公司sid |
|||
billingType: '', //开票类型value |
|||
billingTypeKey: '', //开票类型key |
|||
busDepositFictitiousList: [{ |
|||
depositBillNo: '', //虚拟订单编号 |
|||
depositPrice: '', //订金剩余金额 |
|||
depositSid: '', //订金信息sid |
|||
payPath: '', //款项支付委托书 |
|||
price: '', //本次结转金额 |
|||
}], //虚拟订单和订金关联 |
|||
busSalesOrderDeposit: { |
|||
deposit: '', // 单台订金 |
|||
depositAll: '', // 订金合计 |
|||
depositType: '', // 订金交纳方式 |
|||
depositTypeKey: '', // 订金交纳方式key |
|||
makeUpDeposit: '', // 需补交订金 |
|||
}, //订金信息 |
|||
busSalesOrderDiscountList: [{ |
|||
discountExplain: '', //优惠项目明细 |
|||
name: '', //优惠名称 |
|||
num: '', //数量 |
|||
price: '', //价值 |
|||
salesPolicySid: '', //销售政策sid |
|||
totalValue: '', //总价值 |
|||
}], //主车优惠明细 |
|||
busSalesOrderInsurance: { |
|||
insuranceCarMoney: '', //单台车保费预估金额 |
|||
insuranceName: '', //保险公司名称 |
|||
insuranceNum: '', //公司入保期数 |
|||
}, //保险说明 |
|||
busSalesOrderMakeup: { |
|||
announcementModel: '', //公告型号 |
|||
contractPath: '', //合同上传 |
|||
moreConfig: '', //更多配置 |
|||
overallDimension: '', //外廓尺寸 |
|||
plateMaterial: '', //板材材质 |
|||
plateThickness: '', //板材厚度 |
|||
refitFactory: '', //委改厂 |
|||
refitMethod: '', //委改方式 |
|||
topName: '', //上装名称 |
|||
topPrice: '', //上装价格 |
|||
}, //上装配置信息 |
|||
busSalesOrderModel: { |
|||
brandName: '', //品牌 |
|||
config: '', //常用配置 |
|||
finalPrice: '', //单台成交价 |
|||
guildPrice: '', //单台指导价 |
|||
modelConfig: '', //车型配置名称 |
|||
modelConfigSid: '', //配置sid |
|||
modelName: '', //车型名称 |
|||
modelSid: '', //车型sid |
|||
moreConfig: '', //更多配置 |
|||
specialConfig: '', //特殊配置说明 |
|||
}, //主车车型信息 |
|||
busSalesOrderPrice: { |
|||
plannedPickUpDate: '', //计划提车日期 |
|||
plannedPickUpLocation: '', //计划提车地点 |
|||
priceSum: '', //车价合计 |
|||
quantity: '', //台数 |
|||
singleFinalPrice: '', //单台成交价 (主车加上装） |
|||
singleGuildPrice: '', //单台指导价 (主车加上装） |
|||
}, //价格信息 |
|||
busSalesOrderVehicleList: [],//现车车辆信息 |
|||
busSalesVehicleOrderList: [], //采购订单信息 |
|||
// { |
|||
// linkNo: '', //车架号 |
|||
// linkSid: '', //车辆sid |
|||
// linkText: '', //车辆存放地点 |
|||
// } |
|||
createDate: '', //制单日期 |
|||
customerName: '', //客户名称 |
|||
customerSid: '', //客户sid |
|||
isInsurance: '', //公司是否入保 |
|||
isTop: '', //是否包含上装 |
|||
mobile: '', //客户联系电话 |
|||
notes: '', //补充说明 |
|||
orgName: window.sessionStorage.getItem('Orgname'), //销售部门 |
|||
orgSid: window.sessionStorage.getItem('orgSid'), //销售部门sid |
|||
payType: '', //付款方式value |
|||
payTypeKey: '', //付款方式key |
|||
sid: '', |
|||
staffName: window.sessionStorage.getItem('name'), //销售专员 |
|||
staffSid: window.sessionStorage.getItem('staffSid'), //销售专员sid |
|||
type: '', //销售订单车辆类型 1现车、2订单、3排产 |
|||
}, // 添加和修改 |
|||
isXuanzeShow: '', |
|||
// 现车列表 |
|||
xianchetotal: 1, |
|||
xiancheLoading: false, |
|||
xiancheList: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
customerSid: '', |
|||
modelConfigSid: '', |
|||
modelSid: '', |
|||
staffSid: '', |
|||
type: '' |
|||
} |
|||
}, |
|||
// 采购订单列表 |
|||
caigoutotal: 1, |
|||
caigouLoading: false, |
|||
caigouList: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
billNo: '', |
|||
createDate: '', |
|||
customerName: '' |
|||
} |
|||
}, |
|||
// 现车表格数据 |
|||
listXianche: [], |
|||
// 采购订单表格数据 |
|||
listCaigou: [], |
|||
// 表单验证 |
|||
rules: {}, |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
showSubmit() { |
|||
this.relState = '3' |
|||
}, |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.formadd { |
|||
width: 95%; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.shangzhuangstyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.jiagestyle /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.chosseBtn /deep/ .el-col-4 { |
|||
text-align: left |
|||
} |
|||
|
|||
.tit { |
|||
margin: 0 0 10px 0; |
|||
padding: 10px 0 0 0; |
|||
} |
|||
|
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.times02 { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 0 0 24px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.customer_sel { |
|||
width: 65% !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3, |
|||
.el-col-4, |
|||
.el-col-2 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/*/deep/ .el-form-item__content {*/ |
|||
/* margin-left: 0 !important;*/ |
|||
/*}*/ |
|||
.chooseForm { |
|||
margin-left: 15px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
/deep/ .el-button--small { |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.space_up { |
|||
margin-top: 1px; |
|||
} |
|||
|
|||
.qitas .left { |
|||
text-align: left; |
|||
} |
|||
|
|||
.qitas .right { |
|||
text-align: right; |
|||
} |
|||
|
|||
.addinputw { |
|||
display: inline-block !important; |
|||
} |
|||
|
|||
.checkedBaoxian { |
|||
margin-left: 15px; |
|||
} |
|||
|
|||
.baoxianInput { |
|||
text-align: left; |
|||
} |
|||
|
|||
.jinrongTit { |
|||
float: right; |
|||
} |
|||
|
|||
.jinrongTit span { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
/deep/ .is-checked /deep/ .el-checkbox__label { |
|||
color: white; |
|||
} |
|||
|
|||
/deep/ .el-checkbox__label { |
|||
color: white; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
height: 40px; |
|||
padding: 10px; |
|||
font-weight: bold; |
|||
font-size: 20px; |
|||
text-align: left; |
|||
color: #ffffff; |
|||
background-color: #0294d7; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
padding-bottom: 0; |
|||
} |
|||
|
|||
.zhucheBtn { |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.xiancheBtn { |
|||
float: right; |
|||
} |
|||
|
|||
.xiancheForm { |
|||
text-align: center; |
|||
} |
|||
|
|||
.dialogBtn { |
|||
text-align: left; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue