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> |
<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> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import {mapGetters} from 'vuex' |
||||
|
import {fetchDetailsBySid} from '@/api/salesManagement/orderManagement' |
||||
export default { |
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> |
</script> |
||||
|
|
||||
<style scoped> |
<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> |
</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