yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善销售车辆交付查询

master
yunuo970428 1 year ago
parent
c9e301c8c7
commit
6a11eef836
3 changed files with 288 additions and 489 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      anrui-buscenter/anrui-buscenter-ui/src/router/index.js
  2. 2
      anrui-buscenter/anrui-buscenter-ui/src/utils/request.js
  3. 769
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/cheliangjiaofu/cheliangjiaofu.vue

6
anrui-buscenter/anrui-buscenter-ui/src/router/index.js
View File

@ -232,10 +232,8 @@ export const constantRoutes = [
path: '/xiaoshouguanli/cheliangjiaofu', path: '/xiaoshouguanli/cheliangjiaofu',
component: () => component: () =>
import('@/views/xiaoshouguanli/cheliangjiaofu/cheliangjiaofu.vue'), import('@/views/xiaoshouguanli/cheliangjiaofu/cheliangjiaofu.vue'),
name: 'cheliangjiaofu', name: 'CheLiangJiaoFu',
meta: { meta: { title: '车辆交付', noCache: true }
title: '车辆交付'
}
}, },
// 客户登记单 // 客户登记单
{ {

2
anrui-buscenter/anrui-buscenter-ui/src/utils/request.js
View File

@ -77,7 +77,7 @@ service.interceptors.response.use(
} }
return Promise.reject(new Error(res.message || 'Error')) return Promise.reject(new Error(res.message || 'Error'))
} else { } else {
if (!res.success) { if (!res.success && res.success !== null && res.success !== undefined) {
Message({ Message({
message: res.msg || 'Error', message: res.msg || 'Error',
type: 'error', type: 'error',

769
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/cheliangjiaofu/cheliangjiaofu.vue
View File

@ -1,528 +1,329 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="tab-header webtop"> <!-- Start 列表页面 -->
<div class="lefttit">交车确认单</div> <div>
<div> <button-bar view-title="销售车辆交付情况查询" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> <div class="main-content">
<el-button type="primary" size="small">提交</el-button> <div class="searchcon">
<el-button type="primary" size="small">打印</el-button> <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <div v-show="isSearchShow" class="search">
</div> <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
</div> <el-form-item label="分公司">
<div class="listconadd"> <el-input v-model="listQuery.params.useOrgName" clearable placeholder="" />
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> </el-form-item>
<div class="tit">交车确认单</div> <el-form-item label="部门">
<el-row class="bordertopline"> <el-input v-model="listQuery.params.deptName" clearable placeholder="" />
<el-col :span="12"> </el-form-item>
<el-form-item prop="name"> <el-form-item label="业务员">
<span slot="label">客户名称</span> <el-input v-model="listQuery.params.staffName" clearable placeholder="" />
<el-input v-model="temp.name" maxlength="20" placeholder="请输入客户名称" class="addinputw" clearable /> </el-form-item>
</el-form-item> <el-form-item label="客户">
</el-col> <el-input v-model="listQuery.params.customerName" clearable placeholder="" />
<el-col :span="12"> </el-form-item>
<el-form-item prop="name"> <el-form-item label="合同号">
<span slot="label">证件号码</span> <el-input v-model="listQuery.params.contractNo" clearable placeholder="" />
<el-input v-model="temp.name" maxlength="20" placeholder="请输入证件号码" class="addinputw" clearable /> </el-form-item>
</el-form-item> <el-form-item label="销售类型">
</el-col> <el-input v-model="listQuery.params.saleType" clearable placeholder="" />
</el-row> </el-form-item>
<el-row> <el-form-item label="车架号">
<el-col :span="12"> <el-input v-model="listQuery.params.vinNo" clearable placeholder="" />
<el-form-item prop="name"> </el-form-item>
<span slot="label">车辆交付日期</span> <el-form-item label="车型">
<el-input v-model="temp.name" maxlength="20" placeholder="请输入车辆交付日期" class="addinputw" clearable /> <el-input v-model="listQuery.params.modelName" clearable placeholder="" />
</el-form-item> </el-form-item>
</el-col> <el-form-item label="销售日期">
<el-col :span="12"> <el-date-picker v-model="listQuery.params.saleDateStart" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<el-form-item prop="name"> <span style="padding: 0 8px">至</span>
<span slot="label">车辆交付地点</span> <el-date-picker v-model="listQuery.params.saleDateEnd" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<el-input v-model="temp.name" maxlength="20" placeholder="请输入车辆交付地点" class="addinputw" clearable /> </el-form-item>
</el-form-item> <el-form-item label="交付状态">
</el-col> <el-input v-model="listQuery.params.handoverState" clearable placeholder="" />
</el-row> </el-form-item>
<div class="titcon"> <el-form-item label="交付日期">
<div class="title">交付车辆信息</div> <el-date-picker v-model="listQuery.params.handoverDateStart" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.handoverDateEnd" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" @click="handleFilter" icon="el-icon-search" size="small">查询</el-button>
<el-button type="primary" @click="handleReset" icon="el-icon-refresh" size="small">重置</el-button>
</div>
</div>
</div> </div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"> <div class="listtop">
<!-- <el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width"> <div class="tit">销售车辆交付列表</div>
<template slot-scope="{ row }"> <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
<el-button size="mini" type="danger" @click="handleCheck(row)">删除</el-button> </div>
</template> <div class="">
</el-table-column> --> <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column label="车辆名称" align="center"> <el-table-column width="50" type="selection" align="center"/>
<template slot-scope="scope"> <el-table-column fixed label="序号" width="60" type="index" :index="indexMethod" align="center"/>
<el-input v-model="scope.row.name" maxlength="125" placeholder="" class="addinputw" clearable /> <el-table-column label="分公司" align="center" width="120">
</template> <template slot-scope="scope">
</el-table-column> <span>{{ scope.row.useOrgName }}</span>
<el-table-column label="车辆型号" align="center"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-model="scope.row.linkType" maxlength="125" placeholder="" class="addinputw" clearable /> <el-table-column label="部门" align="center" width="120">
</template> <template slot-scope="scope">
</el-table-column> <span>{{ scope.row.deptName }}</span>
<el-table-column label="车架号" align="center"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-model="scope.row.mobile" maxlength="125" placeholder="" class="addinputw" type="number" clearable /> <el-table-column label="销售专员" align="center" width="120">
</template> <template slot-scope="scope">
</el-table-column> <span>{{ scope.row.staffName }}</span>
<el-table-column label="颜色" align="center"> </template>
<template slot-scope="scope"> </el-table-column>
<el-input v-model="scope.row.remarks" maxlength="125" placeholder="" class="addinputw" clearable /> <el-table-column label="客户" align="center">
</template> <template slot-scope="scope">
</el-table-column> <span>{{ scope.row.customerName }}</span>
</el-table> </template>
<div class="title">交接清单</div> </el-table-column>
<el-row> <el-table-column label="合同号" align="center" width="120">
<el-col :span="12"> <template slot-scope="scope">
<el-form-item prop="name"> <span>{{ scope.row.contractNo }}</span>
<span slot="label">发票</span> </template>
<el-radio-group v-model="temp.guaranteeOrNot"> </el-table-column>
<el-radio :label="1">有</el-radio> <el-table-column label="车型" align="center" min-width="180">
<el-radio :label="2">无</el-radio> <template slot-scope="scope">
</el-radio-group> <span>{{ scope.row.modelName }}</span>
</el-form-item> </template>
</el-col> </el-table-column>
<el-col :span="12"> <el-table-column label="车架号" align="center" width="170">
<el-form-item prop="name"> <template slot-scope="scope">
<span slot="label">合格证</span> <span>{{ scope.row.vinNo }}</span>
<el-radio-group v-model="temp.guaranteeOrNot"> </template>
<el-radio :label="1">有</el-radio> </el-table-column>
<el-radio :label="2">无</el-radio> <el-table-column label="销售类型" align="center" width="100">
</el-radio-group> <template slot-scope="scope">
</el-form-item> <span>{{ scope.row.saleType }}</span>
</el-col> </template>
</el-row> </el-table-column>
<el-row> <el-table-column label="销售日期" align="center" width="150">
<el-col :span="12"> <template slot-scope="scope">
<el-form-item prop="name"> <span>{{ scope.row.saleDate }}</span>
<span slot="label">一致性证书</span> </template>
<el-radio-group v-model="temp.guaranteeOrNot"> </el-table-column>
<el-radio :label="1">有</el-radio> <el-table-column label="交付状态" align="center" width="120">
<el-radio :label="2">无</el-radio> <template slot-scope="scope">
</el-radio-group> <span>{{ scope.row.handoverState }}</span>
</el-form-item> </template>
</el-col> </el-table-column>
<el-col :span="12"> <el-table-column label="交付日期" align="center" width="120">
<el-form-item prop="name"> <template slot-scope="scope">
<span slot="label">申请表</span> <span>{{ scope.row.handoverDate }}</span>
<el-radio-group v-model="temp.guaranteeOrNot"> </template>
<el-radio :label="1">有</el-radio> </el-table-column>
<el-radio :label="2">无</el-radio> </el-table>
</el-radio-group> </div>
</el-form-item> <div class="pages">
</el-col> <!-- 翻页 -->
</el-row> <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
<el-row> </div>
<el-col :span="12"> </div>
<el-form-item prop="name">
<span slot="label">保修手册</span>
<el-radio-group v-model="temp.guaranteeOrNot">
<el-radio :label="1">有</el-radio>
<el-radio :label="2">无</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="name">
<span slot="label">环保清单</span>
<el-radio-group v-model="temp.guaranteeOrNot">
<el-radio :label="1">有</el-radio>
<el-radio :label="2">无</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="name">
<span slot="label">驾驶员卡</span>
<el-radio-group v-model="temp.guaranteeOrNot">
<el-radio :label="1">有</el-radio>
<el-radio :label="2">无</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="name">
<span slot="label">GPS入网</span>
<el-radio-group v-model="temp.guaranteeOrNot">
<el-radio :label="1">有</el-radio>
<el-radio :label="2">无</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item prop="name">
<span slot="label">其他工具</span>
<el-input v-model="temp.name" maxlength="20" placeholder="请输入其他工具" class="addinputw" clearable />
</el-form-item>
</el-col>
<el-col :span="12" />
</el-row>
<el-row>
<el-col :span="24">
<el-form-item prop="name">
<span slot="label">上传委托书照片</span>
<div class="yihang">
<Upload style="float:left;" types="0004" @handleSuccess="imgdata" @handleRemove="removeIds" />
<span class="notetu bluezi">非本人提车时</span>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item prop="name">
<span slot="label">上传现场交车照片</span>
<Upload style="float:left;" types="0004" @handleSuccess="imgdata" @handleRemove="removeIds" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="yanshou">经验收，随车工具齐全，车辆状况良好，已接收车辆。</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="ganzhang"> 接收人签字或盖章</div>
</el-col>
</el-row>
</el-form>
</div> </div>
<!-- End 列表页面 -->
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import Pagination from '@/components/pagination'
// import { savePcCustomerInfo, namesDown } from '@/api/jichuxinxi/crmcustomer' import pageye from '@/components/pagination/pageye'
// import { typeValues } from '@/api/dictcommons/shujuzidian' import ButtonBar from '@/components/ButtonBar'
// import Upload from '@/components/uploadFile/upload' // 上传文件 import { listPage, exportExcel } from '@/api/cheiliangjiaofu/cheliangjiaofu'
export default { export default {
name: 'Cheliangjiaofu', name: 'CheLiangJiaoFu',
components: {}, components: {
Pagination,
pageye,
ButtonBar
},
data() { data() {
return { return {
// --按钮菜单------- btndisabled: false,
menuState: { btnList: [
add: false, // 添加
edit: false, // 编辑
delete: false, // 删除
view: false, // 查看
audit: false, // 审核
input: false, // 导入
output: false, // 导出
upload: false, // 同步
release: false, // 下发
},
customerClass: 'customerClass',
merClass: [],
customerSource: 'customerSource',
sourceLisst: [],
customerLevel: 'customerLevel',
induslevel: [],
visitWay: 'visitWay',
industway: [],
documenttype: 'documenttype',
cateType: [],
customerType: 'customerType',
merType: [],
ncySid: [],
edOrgSid: [
{ {
dictKey: '001', type: 'success',
dictValue: '河北长安红旗分公司', size: 'small',
icon: 'export',
btnKey: 'doExport',
btnLabel: '导出'
}, },
{ {
dictKey: '002', type: 'info',
dictValue: '河北贵人鸟分公司', size: 'small',
}, icon: 'cross',
{ btnKey: 'doClose',
dictKey: '003', btnLabel: '关闭'
dictValue: '河北草泥马分公司', }
},
], ],
consignmentType: 'consignmentType', isSearchShow: false,
signmentT: [], searchxianshitit: '显示查询条件',
consignment: 'consignment', // 查询条件 -----------
consign: [], tableKey: 0,
industrytype: 'industrytype', list: [],
industry_type: [], sids: [],
kehusid: '',
visible: false,
stateId: 0,
FormLoading: false, FormLoading: false,
listLoading: false, listLoading: false,
temp: {}, // 添加和编辑 listQuery: {
textMap: { params: {
update: '编辑 ', useOrgName: '',
create: '创建', deptName: '',
}, staffName: '',
dialogStatus: '', // 对话框状态 customerName: '',
rules: { contractNo: '',
manageName: [ saleType: '',
{ vinNo: '',
required: true, modelName: '',
message: '请填写资方名称', saleDateStart: '',
trigger: 'blur', saleDateEnd: '',
}, handoverState: '',
], handoverDateStart: '',
// name: [ handoverDateEnd: '',
// { userSid: '',
// required: true, orgPath: '',
// message: '请填写联系人', menuUrl: ''
// trigger: 'blur' },
// } current: 1,
// ], size: 10,
mobile: [ total: 0
{ }
required: true,
message: '请填写联系电话',
trigger: 'blur',
},
{
pattern: /^1[3-9]\d{9}$/,
message: '手机号格式错误',
},
],
},
// ------------------------------------
} }
}, },
computed: {
...mapGetters([
'id',
'roles',
'rolesIds',
'departmentId',
'departmentCode',
]),
},
created() { created() {
// 初始化变量 // 初始化变量
// this.init() this.getList()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
}, },
methods: { methods: {
// init() { // 搜索条件效果
// this.getShuJUZiDian() clicksearchShow() {
// }, this.isSearchShow = !this.isSearchShow
imgdata(item) { if (this.isSearchShow) {
this.attachTypeYingyezhizhao.push(item.data) this.searchxianshitit = '隐藏查询条件'
}, } else {
removeIds(ids) { this.searchxianshitit = '显示查询条件'
this.attachTypeYingyezhizhao.forEach((e, index) => {
if (e.filePath === ids) {
this.attachTypeYingyezhizhao.splice(index, 1)
}
console.log(this.attachTypeYingyezhizhao, 6666666666)
})
},
addRenyuan() {
this.$router.push({
path: '/kehuguanli/cheliangxuqiuAdd',
})
},
openUpdate(sid, showed) {
this.stateId = sid
if (this.stateId !== '0') {
basefinbankDetails(this.stateId).then((response) => {
if (response.code === '200') {
this.$refs['dataForm'].clearValidate()
this.temp = response.data
this.visible = true
if (showed && typeof showed === 'function') {
showed()
}
}
})
} }
}, },
openCreate(showed) { btnHandle(btnKey) {
this.$refs['dataForm'].clearValidate() console.log('XXXXXXXXXXXXXXX ' + btnKey)
this.stateId = '0' switch (btnKey) {
this.resetTemp() case 'doExport':
this.visible = true this.doExport()
if (showed && typeof showed === 'function') { break
showed() case 'doClose':
this.doClose()
break
default:
break
} }
}, },
// 序号
// --------------------------------------------------------------------------------- indexMethod(index) {
// ---------------------------客户基础信息方法------------------------------------------------------ var pagestart = (this.listQuery.current - 1) * this.listQuery.size
// --------------------------------------------------------------------------------- var pageindex = index + 1 + pagestart
// ----------------------------------方法-------------------- return pageindex
// 返回
handleReturn() {
this.visible = false
this.$emit('handleReturn')
}, },
// 添加前数据初始化 handleSelectionChange(row) {
resetTemp() { const aa = []
this.temp = { row.forEach((element) => {
manageName: '', // aa.push(element.saleOrderSid)
mobile: '', // })
name: '', this.sids = aa
} console.log('sids', this.sids)
}, },
// 添加数据 // 查询列表信息
handleCreate() { getList() {
this.$refs['dataForm'].validate((valid) => { this.listLoading = true
if (valid) { this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
this.FormLoading = true this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
// this.dialogStatus = 'create' this.listQuery.params.menuUrl = this.$route.path
if (this.stateId === '0') { listPage(this.listQuery).then((response) => {
console.log('传入值:', this.temp) this.listLoading = false
savePcCustomerInfo(this.temp).then((response) => { if (response.success) {
console.log('返回值:', response) this.list = response.data.records
this.FormLoading = false this.listQuery.total = response.data.total
if (response.code === '200') { } else {
this.$notify({ this.list = []
title: '提示', this.listQuery.total = 0
message: '添加成功',
type: 'success',
duration: 2000,
})
this.$emit('created')
} else {
this.$notify({
title: '提示',
message: '添加失败',
type: 'error',
duration: 2000,
})
}
})
} else {
basefinbankUpdate(this.temp).then((response) => {
this.dialogStatus = 'update'
console.log('response', response)
this.FormLoading = false
if (response.code === '200') {
this.$notify({
title: '提示',
message: '编辑 成功',
type: 'success',
duration: 2000,
})
this.$emit('updated')
} else {
this.$notify({
title: '失败',
message: '编辑 失败',
type: 'error',
})
}
})
}
} }
}) })
}, },
// --------------------------------------------------------------------------------- // 查询按钮
// ---------------------------数据字典的处理------------------------------------------------------ handleFilter() {
// --------------------------------------------------------------------------------- this.listQuery.current = 1
this.getList()
// ---------------------------------------------------------------------------------
// ---------------------------车辆需求方法------------------------------------------------------
// ---------------------------------------------------------------------------------
// 添加保存完成
dataCreated() {
this.visible = true
this.handleFilter()
}, },
// 编辑 保存完成 handleReset() {
dataUpdated() { this.listQuery = {
this.visible = true params: {
useOrgName: '',
deptName: '',
staffName: '',
customerName: '',
contractNo: '',
saleType: '',
vinNo: '',
modelName: '',
saleDateStart: '',
saleDateEnd: '',
handoverState: '',
handoverDateStart: '',
handoverDateEnd: '',
userSid: '',
orgPath: '',
menuUrl: ''
},
current: 1,
size: 10,
total: 0
}
this.getList() this.getList()
}, },
// 打开编辑 // 导出
// handleUpdate() { doExport() {
// if (this.sids.length === 1) { const loading = this.$loading({
// this.dialogStatus = 'update' lock: true,
// this.$refs.addAndUpdate.openUpdate(this.sids[0], () => { text: 'Loading',
// this.visible = false spinner: 'el-icon-loading',
// }) background: 'rgba(0, 0, 0, 0.7)'
// } else if (this.sids.length > 1) {
// this.$notify({
// title: '提示',
// message: '不能选中多个资方信息编辑 !!',
// type: 'info',
// duration: 2000,
// })
// } else {
// this.$notify({
// title: '提示',
// message: '没有选择资方信息!!',
// type: 'error',
// duration: 2000,
// })
// return
// }
// },
// 打开查看
handleCheck(row) {
this.$refs.info.openInfo(row.sid, () => {
this.visible = false
}) })
}, exportExcel(this.listQuery.params).then((resp) => {
// 根据本行ID删除数据 loading.close()
handleDelete() { const blob = new Blob([resp], {
basefinbankDeleteBySids(this.sids).then((response) => { type: 'application/vnd.ms-excel'
console.log('3455', response) })
if (response.code === '200') { const fileName = '销售车辆交付情况表' + '.xls'
this.$notify({ const elink = document.createElement('a')
title: '提示', elink.download = fileName
message: '删除成功', elink.style.display = 'nonde'
type: 'success', elink.href = URL.createObjectURL(blob)
duration: 2000, document.body.appendChild(elink)
}) elink.click()
this.getList() URL.revokeObjectURL(elink.href)
} else { document.body.removeChild(elink)
this.$notify({ }).catch(() => {
title: '删除失败', loading.close()
message: response.msg,
type: 'error',
})
}
}) })
}, },
}, doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
} }
</script> </script>
<style scoped> <style scoped>
.formadd { /*表格列设置fixed后固定列出现下边框的设置*/
width: 95%; /deep/ .el-table__fixed {
margin: 0 auto; height: 100% !important;
}
.yanshou {
color: #999;
text-align: center;
padding: 30px;
font-size: 22px;
}
.ganzhang {
color: #333;
padding: 10px;
height: 90px;
}
.yihang {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
color: #999;
position: relative;
} }
.notetu { /*表格列设置fixed后固定列出现下边框的设置*/
display: block; /deep/ .el-table__fixed-right {
position: absolute; height: 100% !important;
top: 35px;
left: 700px;
font-size: 16px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save