10 changed files with 1318 additions and 633 deletions
@ -0,0 +1,41 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// Pc根据条件分页查询数据的列表
|
||||
|
export function pagerList(data) { |
||||
|
return request({ |
||||
|
url: '/buscenter/v1/busvehicleinformationhandover/listPage', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json' |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 欠款提车申请--新增保存
|
||||
|
export function saveOrUpdate(data) { |
||||
|
return request({ |
||||
|
url: '/buscenter/v1/busvehicleinformationhandover/saveOrUpdate', |
||||
|
method: 'post', |
||||
|
data: data, |
||||
|
headers: { |
||||
|
'Content-Type': 'application/json' |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 回显
|
||||
|
export function fetchDetailsBySid(data, num) { |
||||
|
return request({ |
||||
|
url: '/buscenter/v1/busvehicleinformationhandover/fetchDetailsBySid/' + data + '/' + num, |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 详情
|
||||
|
export function details(data) { |
||||
|
return request({ |
||||
|
url: '/buscenter/v1/busvehicleinformationhandover/details/' + data, |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
@ -1,328 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<div class="tab-header webtop"> |
|
||||
<div v-if="stateId === '0'">【新增】xxx-客户跟进记录</div> |
|
||||
<!-- <div v-else>【修改】客户信息</div> --> |
|
||||
<div> |
|
||||
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
|
||||
<el-button type="primary" size="small">下载</el-button> |
|
||||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div style="border:1px solid rgba(204, 204, 204, 1);; width: 1400px;height:100%;margin: 80px auto;"> |
|
||||
<div class="listconadd" style="position: relative;left: 50%;transform: translateX(-33%);"> |
|
||||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules" style=""> |
|
||||
<div class="title" style="width: 66%;color:#000;background-color: #fff;margin: 60px 0;">挂车配置信息</div> |
|
||||
<div style=" width:66.7%;border-bottom: 1px solid #e0e3eb;"></div> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item prop="manufacturerName"> |
|
||||
<span slot="label">跟进形式</span> |
|
||||
<el-input v-model="temp.manufacturerName" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">跟进类别</span> |
|
||||
<el-input v-model="temp.manufacturerAs" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">跟进时间</span> |
|
||||
<el-select v-model="temp.supplierGroup" class="addinputw" placeholder="" @change="getShang()" style="width:500px"> |
|
||||
<el-option v-for="(item, index) in grouping" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item prop="manufacturerAddress"> |
|
||||
<span slot="label">跟进效果</span> |
|
||||
<el-input v-model="temp.manufacturerAddress" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">跟进状态</span> |
|
||||
<el-input v-model="temp.manufacturerFax" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item prop="manufacturerTelePhone"> |
|
||||
<span slot="label">是否开启提醒</span> |
|
||||
<el-input v-model="temp.manufacturerTelePhone" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item prop="zipCode"> |
|
||||
<span slot="label">提醒日期</span> |
|
||||
<el-input v-model="temp.zipCode" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item prop="email"> |
|
||||
<span slot="label">见证材料</span> |
|
||||
<el-input v-model="temp.email" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import { mapGetters } from 'vuex' |
|
||||
import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue' |
|
||||
export default { |
|
||||
name: 'kehugenzongAdd', |
|
||||
components: { cheliangxuqiuAdd }, |
|
||||
data() { |
|
||||
return { |
|
||||
// --按钮菜单------- |
|
||||
menuState: { |
|
||||
add: false, // 添加 |
|
||||
edit: false, // 编辑 |
|
||||
delete: false, // 删除 |
|
||||
view: false, // 查看 |
|
||||
audit: false, // 审核 |
|
||||
input: false, // 导入 |
|
||||
output: false, // 导出 |
|
||||
upload: false, // 同步 |
|
||||
release: false, // 下发 |
|
||||
}, |
|
||||
visible: false, |
|
||||
stateId: 0, |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
temp: {}, // 添加和修改 |
|
||||
textMap: { |
|
||||
update: '修改', |
|
||||
create: '创建', |
|
||||
}, |
|
||||
dialogStatus: '', // 对话框状态 |
|
||||
rules: { |
|
||||
manageName: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '请填写资方名称', |
|
||||
trigger: 'blur', |
|
||||
}, |
|
||||
], |
|
||||
name: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '请填写联系人', |
|
||||
trigger: 'blur', |
|
||||
}, |
|
||||
], |
|
||||
mobile: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '请填写联系电话', |
|
||||
trigger: 'blur', |
|
||||
}, |
|
||||
{ |
|
||||
pattern: /^1[3-9]\d{9}$/, |
|
||||
message: '手机号格式错误', |
|
||||
}, |
|
||||
], |
|
||||
}, |
|
||||
// ------------------------------------ |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'id', |
|
||||
'roles', |
|
||||
'rolesIds', |
|
||||
'departmentId', |
|
||||
'departmentCode', |
|
||||
]), |
|
||||
}, |
|
||||
created() { |
|
||||
// 初始化变量 |
|
||||
this.init() |
|
||||
}, |
|
||||
methods: { |
|
||||
init() {}, |
|
||||
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) { |
|
||||
this.$refs['dataForm'].clearValidate() |
|
||||
this.stateId = '0' |
|
||||
this.resetTemp() |
|
||||
this.visible = true |
|
||||
if (showed && typeof showed === 'function') { |
|
||||
showed() |
|
||||
} |
|
||||
}, |
|
||||
// ----------------------------------方法-------------------- |
|
||||
// 返回 |
|
||||
handleReturn() { |
|
||||
this.visible = false |
|
||||
this.$emit('handleReturn') |
|
||||
}, |
|
||||
|
|
||||
// 添加前数据初始化 |
|
||||
resetTemp() { |
|
||||
this.temp = { |
|
||||
manageName: '', // |
|
||||
mobile: '', // |
|
||||
name: '', |
|
||||
} |
|
||||
}, |
|
||||
// 添加数据 |
|
||||
handleCreate() { |
|
||||
this.$refs['dataForm'].validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.FormLoading = true |
|
||||
this.dialogStatus = 'create' |
|
||||
if (this.stateId === '0') { |
|
||||
console.log('传入值:', this.temp) |
|
||||
basefinbankSaveList(this.temp).then((response) => { |
|
||||
console.log('返回值:', response) |
|
||||
this.FormLoading = false |
|
||||
if (response.code === '200') { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
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', |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// --------------------------------------------------------------------------------- |
|
||||
// ---------------------------车辆需求方法------------------------------------------------------ |
|
||||
// --------------------------------------------------------------------------------- |
|
||||
// 添加保存完成 |
|
||||
dataCreated() { |
|
||||
this.visible = true |
|
||||
this.handleFilter() |
|
||||
}, |
|
||||
// 修改保存完成 |
|
||||
dataUpdated() { |
|
||||
this.visible = true |
|
||||
this.getList() |
|
||||
}, |
|
||||
// 打开修改 |
|
||||
handleUpdate() { |
|
||||
if (this.sids.length === 1) { |
|
||||
this.dialogStatus = 'update' |
|
||||
this.$refs.addAndUpdate.openUpdate(this.sids[0], () => { |
|
||||
this.visible = false |
|
||||
}) |
|
||||
} 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 |
|
||||
}) |
|
||||
}, |
|
||||
// 根据本行ID删除数据 |
|
||||
handleDelete() { |
|
||||
basefinbankDeleteBySids(this.sids).then((response) => { |
|
||||
console.log('3455', response) |
|
||||
if (response.code === '200') { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '删除成功', |
|
||||
type: 'success', |
|
||||
duration: 2000, |
|
||||
}) |
|
||||
this.getList() |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '删除失败', |
|
||||
message: response.msg, |
|
||||
type: 'error', |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
}, |
|
||||
} |
|
||||
</script> |
|
||||
<style scoped> |
|
||||
</style> |
|
||||
@ -1,305 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<div class="tab-header webtop"> |
|
||||
<div>【编辑】上装配置</div> |
|
||||
<!-- <div v-else>【修改】客户信息</div> --> |
|
||||
<div> |
|
||||
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button> |
|
||||
|
|
||||
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div style="border:1px solid rgba(204, 204, 204, 1);; width: 1400px;height:100%;margin: 80px auto;"> |
|
||||
<div class="listconadd" style="position: relative;left: 50%;transform: translateX(-33%);"> |
|
||||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules" style=""> |
|
||||
<div class="title" style="width: 66%;color:#000;background-color: #fff;margin: 60px 0;">上装配置</div> |
|
||||
<div style=" width:66.7%;border-bottom: 1px solid #e0e3eb;" /> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item prop="manufacturerName"> |
|
||||
<span slot="label">上装类别</span> |
|
||||
<el-input v-model="temp.manufacturerName" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">外廓尺寸(长*宽*高/毫米)</span> |
|
||||
<el-input v-model="temp.manufacturerAs" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">板材材质</span> |
|
||||
<el-select v-model="temp.supplierGroup" class="addinputw" placeholder="" style="width:500px" @change="getShang()"> |
|
||||
<el-option v-for="(item, index) in grouping" :key="index.dictKey" :label="item.dictValue" :value="item.dictKey" /> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item prop="manufacturerAddress"> |
|
||||
<span slot="label">板材厚度(底*边)(毫米)</span> |
|
||||
<el-input v-model="temp.manufacturerAddress" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
<el-row> |
|
||||
<el-col :span="16"> |
|
||||
<el-form-item> |
|
||||
<span slot="label">其他配置要求</span> |
|
||||
<el-input v-model="temp.manufacturerFax" maxlength="20" placeholder="" class="addinputw" clearable style="width:500px" /> |
|
||||
</el-form-item> |
|
||||
</el-col> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import { mapGetters } from 'vuex' |
|
||||
// import cheliangxuqiuAdd from '@/views/kehuguanli/cheliangxuqiu/cheliangxuqiuAdd.vue' |
|
||||
export default { |
|
||||
name: 'KehugenzongAdd', |
|
||||
// components: { cheliangxuqiuAdd }, |
|
||||
data() { |
|
||||
return { |
|
||||
// --按钮菜单------- |
|
||||
menuState: { |
|
||||
add: false, // 添加 |
|
||||
edit: false, // 编辑 |
|
||||
delete: false, // 删除 |
|
||||
view: false, // 查看 |
|
||||
audit: false, // 审核 |
|
||||
input: false, // 导入 |
|
||||
output: false, // 导出 |
|
||||
upload: false, // 同步 |
|
||||
release: false // 下发 |
|
||||
}, |
|
||||
visible: false, |
|
||||
stateId: 0, |
|
||||
FormLoading: false, |
|
||||
listLoading: false, |
|
||||
temp: {}, // 添加和修改 |
|
||||
textMap: { |
|
||||
update: '修改', |
|
||||
create: '创建' |
|
||||
}, |
|
||||
dialogStatus: '', // 对话框状态 |
|
||||
rules: { |
|
||||
manageName: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '请填写资方名称', |
|
||||
trigger: 'blur' |
|
||||
} |
|
||||
], |
|
||||
name: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '请填写联系人', |
|
||||
trigger: 'blur' |
|
||||
} |
|
||||
], |
|
||||
mobile: [ |
|
||||
{ |
|
||||
required: true, |
|
||||
message: '请填写联系电话', |
|
||||
trigger: 'blur' |
|
||||
}, |
|
||||
{ |
|
||||
pattern: /^1[3-9]\d{9}$/, |
|
||||
message: '手机号格式错误' |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
// ------------------------------------ |
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'id', |
|
||||
'roles', |
|
||||
'rolesIds', |
|
||||
'departmentId', |
|
||||
'departmentCode' |
|
||||
]) |
|
||||
}, |
|
||||
created() { |
|
||||
// 初始化变量 |
|
||||
this.init() |
|
||||
}, |
|
||||
methods: { |
|
||||
init() {}, |
|
||||
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) { |
|
||||
this.$refs['dataForm'].clearValidate() |
|
||||
this.stateId = '0' |
|
||||
this.resetTemp() |
|
||||
this.visible = true |
|
||||
if (showed && typeof showed === 'function') { |
|
||||
showed() |
|
||||
} |
|
||||
}, |
|
||||
// ----------------------------------方法-------------------- |
|
||||
// 返回 |
|
||||
handleReturn() { |
|
||||
this.$router.go(-1) |
|
||||
// this.visible = false |
|
||||
// this.$emit('handleReturn') |
|
||||
}, |
|
||||
|
|
||||
// 添加前数据初始化 |
|
||||
resetTemp() { |
|
||||
this.temp = { |
|
||||
manageName: '', // |
|
||||
mobile: '', // |
|
||||
name: '' |
|
||||
} |
|
||||
}, |
|
||||
// 添加数据 |
|
||||
handleCreate() { |
|
||||
this.$refs['dataForm'].validate((valid) => { |
|
||||
if (valid) { |
|
||||
this.FormLoading = true |
|
||||
this.dialogStatus = 'create' |
|
||||
if (this.stateId === '0') { |
|
||||
console.log('传入值:', this.temp) |
|
||||
basefinbankSaveList(this.temp).then((response) => { |
|
||||
console.log('返回值:', response) |
|
||||
this.FormLoading = false |
|
||||
if (response.code === '200') { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
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' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
// --------------------------------------------------------------------------------- |
|
||||
// ---------------------------车辆需求方法------------------------------------------------------ |
|
||||
// --------------------------------------------------------------------------------- |
|
||||
// 添加保存完成 |
|
||||
dataCreated() { |
|
||||
this.visible = true |
|
||||
this.handleFilter() |
|
||||
}, |
|
||||
// 修改保存完成 |
|
||||
dataUpdated() { |
|
||||
this.visible = true |
|
||||
this.getList() |
|
||||
}, |
|
||||
// 打开修改 |
|
||||
handleUpdate() { |
|
||||
if (this.sids.length === 1) { |
|
||||
this.dialogStatus = 'update' |
|
||||
this.$refs.addAndUpdate.openUpdate(this.sids[0], () => { |
|
||||
this.visible = false |
|
||||
}) |
|
||||
} 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 |
|
||||
}) |
|
||||
}, |
|
||||
// 根据本行ID删除数据 |
|
||||
handleDelete() { |
|
||||
basefinbankDeleteBySids(this.sids).then((response) => { |
|
||||
console.log('3455', response) |
|
||||
if (response.code === '200') { |
|
||||
this.$notify({ |
|
||||
title: '提示', |
|
||||
message: '删除成功', |
|
||||
type: 'success', |
|
||||
duration: 2000 |
|
||||
}) |
|
||||
this.getList() |
|
||||
} else { |
|
||||
this.$notify({ |
|
||||
title: '删除失败', |
|
||||
message: response.msg, |
|
||||
type: 'error' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
<style scoped> |
|
||||
</style> |
|
||||
@ -0,0 +1,220 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>车辆查询</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" @click="AddUpdateReturn">交车资料确认</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="main-content"> |
||||
|
<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-form-item label="合同编号"> |
||||
|
<el-input v-model="listQuery.params.contractNo" clearable class="addinputw" placeholder=""/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户名称"> |
||||
|
<el-input v-model="listQuery.params.customerName" clearable class="addinputw" placeholder=""/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="车架号"> |
||||
|
<el-input v-model="listQuery.params.vinNo" clearable class="addinputw" placeholder=""/> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="btn" style="text-align: center;"> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">现车列表</div> |
||||
|
</div> |
||||
|
<div class=""> |
||||
|
<el-table :key="tableKey" ref="multipleTable" 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.vehicleAlias }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="车型" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.color }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="车架号" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.vinNo }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<div class="tit"/> |
||||
|
<!-- 翻页 --> |
||||
|
<Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import req from '@/api/weishoumaiduan/unsold' |
||||
|
|
||||
|
export default { |
||||
|
name: 'xianchechaxun', |
||||
|
components: { |
||||
|
Pagination |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '隐藏查询条件', |
||||
|
tableKey: 0, |
||||
|
sids: [], |
||||
|
list: [], |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
current: 1, |
||||
|
size: 5, |
||||
|
params: { |
||||
|
contractNo: '', |
||||
|
vinNo: '', |
||||
|
userSid: '', |
||||
|
orgPath: '', |
||||
|
customerName: '', |
||||
|
vinNoList: [] |
||||
|
}, |
||||
|
total: 0 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
init() { |
||||
|
this.getList() |
||||
|
}, |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 返回 |
||||
|
handleReturn() { |
||||
|
this.$emit('doback') |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
this.listLoading = true |
||||
|
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid') |
||||
|
this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
||||
|
req.pageList(this.listQuery).then((response) => { |
||||
|
this.listLoading = false |
||||
|
if (response.success) { |
||||
|
this.listQuery.total = response.data.total |
||||
|
this.list = response.data.records |
||||
|
} else { |
||||
|
this.listQuery.total = 0 |
||||
|
this.list = [] |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
// 重置按钮 |
||||
|
handleReset() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.listQuery.size = 5 |
||||
|
this.listQuery.total = 0 |
||||
|
this.listQuery.params.contractNo = '' |
||||
|
this.listQuery.params.vinNo = '' |
||||
|
this.listQuery.params.customerName = '' |
||||
|
this.listQuery.params.userSid = '' |
||||
|
this.listQuery.params.orgPath = '' |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleSelectionChange(row) { |
||||
|
this.sids = [] |
||||
|
const aa = [] |
||||
|
row.forEach((element) => { |
||||
|
aa.push({ |
||||
|
vinNo: element.vinNo, |
||||
|
configName: element.configName, |
||||
|
location: element.location, |
||||
|
locationSid: element.locationSid, |
||||
|
vehicleAlias: element.vehicleAlias, |
||||
|
modelSid: element.modelSid, |
||||
|
priceDate: element.priceDate, |
||||
|
priced: element.priced, |
||||
|
insideCode: element.insideCode, |
||||
|
vehicleNum: element.vehicleNum, |
||||
|
dayNum: element.dayNum, |
||||
|
vehicleVersionValue: element.vehicleVersionValue, |
||||
|
fuelTypeValue: element.fuelTypeValue, |
||||
|
gearboxTypeValue: element.gearboxTypeValue, |
||||
|
emissionStandardValue: element.emissionStandardValue |
||||
|
}) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
showData(value) { |
||||
|
const aa = [] |
||||
|
if (value.length > 0) { |
||||
|
for (var i = 0; i < value.length; i++) { |
||||
|
aa.push(value[i].vinNo) |
||||
|
} |
||||
|
this.listQuery.params.vinNoList = aa |
||||
|
} else { |
||||
|
this.listQuery.params.vinNoList = [] |
||||
|
} |
||||
|
this.listQuery.current = 1 |
||||
|
this.listQuery.total = 0 |
||||
|
this.listQuery.size = 5 |
||||
|
this.init() |
||||
|
}, |
||||
|
// 添加修改返回 |
||||
|
AddUpdateReturn() { |
||||
|
if (this.sids.length > 0) { |
||||
|
for (var i = 0; i < this.sids.length; i++) { |
||||
|
if (this.sids[i].contractNo !== this.sids[this.sids.length - 1].contractNo) { |
||||
|
this.$message({ showClose: true, type: 'error', message: '请选择同一合同编号下的车辆' }) |
||||
|
return |
||||
|
} |
||||
|
} |
||||
|
this.$emit('backData', this.sids) |
||||
|
} else { |
||||
|
this.$notify({ |
||||
|
title: '提示', |
||||
|
message: '请选择至少一条车型记录!', |
||||
|
type: 'error', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,279 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!-- Start 列表页面 --> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="随车资料交接管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<div class="main-content"> |
||||
|
<div class="switch_btn"> |
||||
|
<el-button class="" @click="handleClick">待交接</el-button> |
||||
|
<el-button :class="{btn_style:viewState === 1}">已交接</el-button> |
||||
|
</div> |
||||
|
<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" class="tab-header"> |
||||
|
<el-form-item label="车架号"> |
||||
|
<el-input v-model="listQuery.params.vinNo" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="合同编号"> |
||||
|
<el-input v-model="listQuery.params.contractNo" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户名称"> |
||||
|
<el-input v-model="listQuery.params.customerName" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="btn" style="text-align: center;"> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button> |
||||
|
</div> |
||||
|
</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%;" @selection-change="handleSelectionChange"> |
||||
|
<el-table-column width="50" type="selection" align="center"/> |
||||
|
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center"/> |
||||
|
<el-table-column label="操作" width="180" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" @click="handLook(scope.row)">查看</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="交接状态" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.handoverState }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="车架号" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.vinNo }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="车型" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.model }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="合同编号" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.contractNo }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="客户名称" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.customerName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="接收人" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.recName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="接收人电话" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.recPhone }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End 列表页面 --> |
||||
|
<cardatahandedoverInfo v-show="viewState == 2" ref="divInfo" @doback="resetState"/> |
||||
|
<cardatahandedoverTwoAdd v-show="viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { pagerList } from '@/api/suicheziliao/suicheziliao' |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
import { getOrgSidByPath } from '@/api/dictcommons/dictcommons' |
||||
|
import cardatahandedoverInfo from './cardatahandedoverInfo' |
||||
|
import cardatahandedoverTwoAdd from './cardatahandedoverTwoAdd' |
||||
|
|
||||
|
export default { |
||||
|
name: 'YiJiaoJieSuiCheZiLiao', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
cardatahandedoverInfo, |
||||
|
cardatahandedoverTwoAdd |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
viewState: 1, |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'primary', |
||||
|
size: 'small', |
||||
|
icon: '', |
||||
|
btnKey: 'secondaryHandover', |
||||
|
btnLabel: '二次交接' |
||||
|
}, |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
// 查询条件 ----------- |
||||
|
tableKey: 0, |
||||
|
list: [], |
||||
|
sids: [], |
||||
|
FormLoading: false, |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
params: { |
||||
|
useOrgSid: '', |
||||
|
userSid: '', |
||||
|
handoverState: '1', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
methods: { |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'secondaryHandover': |
||||
|
this.secondaryHandover() |
||||
|
break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
init() { |
||||
|
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.listQuery.params.useOrgSid = res.data |
||||
|
// 加载列表 |
||||
|
this.getList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
handleSelectionChange(row) { |
||||
|
const aa = [] |
||||
|
row.forEach((element) => { |
||||
|
aa.push({ |
||||
|
sid: element.sid, |
||||
|
handoverState: element.handoverState |
||||
|
}) |
||||
|
}) |
||||
|
this.sids = aa |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
this.listLoading = true |
||||
|
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid') |
||||
|
pagerList(this.listQuery).then((response) => { |
||||
|
console.log('列表查询结果：', response) |
||||
|
this.listLoading = false |
||||
|
if (response.success) { |
||||
|
this.list = response.data.records |
||||
|
this.listQuery.total = response.data.total |
||||
|
} else { |
||||
|
this.list = [] |
||||
|
this.listQuery.total = 0 |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleClick() { |
||||
|
this.$parent.resetState() |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleReset() { |
||||
|
this.listQuery = { |
||||
|
params: { |
||||
|
useOrgSid: '', |
||||
|
userSid: '', |
||||
|
handoverState: '1', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
} |
||||
|
this.init() |
||||
|
}, |
||||
|
handLook(row) { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divInfo'].showInfo(row) |
||||
|
}, |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
secondaryHandover() { |
||||
|
if (this.sids.length === 1) { |
||||
|
if (this.sids[0].handoverState === '未完成') { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divAdd'].showEdit(this.sids[0].sid) |
||||
|
} else { |
||||
|
this.$message({ showClose: true, message: '请选择交接状态为未完成的进行二次交接操作', type: 'error' }) |
||||
|
return |
||||
|
} |
||||
|
} else { |
||||
|
this.$message({ showClose: true, message: '请选择一条记录进行二次交接操作', type: 'error' }) |
||||
|
return |
||||
|
} |
||||
|
}, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.btn_style { |
||||
|
background-color: #018ad2; |
||||
|
color: white; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,260 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">完成 |
||||
|
</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">车架号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">车型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.model }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">客户名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title"> |
||||
|
<div>随车资料</div> |
||||
|
</div> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty"><span class="icon">*</span>车钥匙</div> |
||||
|
<el-form-item> |
||||
|
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.vehicleKeyNum"> |
||||
|
<el-radio label="1">1把</el-radio> |
||||
|
<el-radio label="2">2把</el-radio> |
||||
|
<el-radio label="3">3把</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty"><span class="icon">*</span>一致性证书</div> |
||||
|
<el-form-item> |
||||
|
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.certificate"> |
||||
|
<el-radio label="1">有</el-radio> |
||||
|
<el-radio label="0">无</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty"><span class="icon">*</span>申请表</div> |
||||
|
<el-form-item> |
||||
|
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.applyForm"> |
||||
|
<el-radio label="1">有</el-radio> |
||||
|
<el-radio label="0">无</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty"><span class="icon">*</span>保修手册、说明书</div> |
||||
|
<el-form-item> |
||||
|
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.manual"> |
||||
|
<el-radio label="1">有</el-radio> |
||||
|
<el-radio label="0">无</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty"><span class="icon">*</span>环保清单</div> |
||||
|
<el-form-item> |
||||
|
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.environmentalList"> |
||||
|
<el-radio label="1">有</el-radio> |
||||
|
<el-radio label="0">无</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty"><span class="icon">*</span>驾驶员卡</div> |
||||
|
<el-form-item> |
||||
|
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.dirverCard"> |
||||
|
<el-radio label="1">有</el-radio> |
||||
|
<el-radio label="0">无</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty"><span class="icon">*</span>气瓶产品质量证明书(燃气车)</div> |
||||
|
<el-form-item> |
||||
|
<el-radio-group class="addinputInfo" style="font-size: 1px" v-model="formobj.busVehicleInformation.gasCertificate"> |
||||
|
<el-radio label="1">有</el-radio> |
||||
|
<el-radio label="0">无</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">备注</div> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="formobj.busVehicleInformation.remarks" clearable class="addinputInfo" style="width: 80%" placeholder=""/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { fetchDetailsBySid, saveOrUpdate } from '@/api/suicheziliao/suicheziliao' |
||||
|
|
||||
|
export default { |
||||
|
name: 'cardatahandedoverAdd', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
submitdisabled: false, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
formobj: { |
||||
|
sid: '', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '', |
||||
|
vehicleSid: '', |
||||
|
model: '', |
||||
|
createBySid: '', |
||||
|
busVehicleInformation: { |
||||
|
vehicleKeyNum: '', |
||||
|
certificate: '', |
||||
|
applyForm: '', |
||||
|
manual: '', |
||||
|
environmentalList: '', |
||||
|
dirverCard: '', |
||||
|
gasCertificate: '', |
||||
|
remarks: '', |
||||
|
recName: '', |
||||
|
recTime: '' |
||||
|
} |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showEdit(row) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.viewTitle = '【编辑】随车资料准备' |
||||
|
fetchDetailsBySid(row.sid, '1').then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.formobj = resp.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
saveOrUpdate() { |
||||
|
if (this.formobj.busVehicleInformation.vehicleKeyNum === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '车钥匙不能为空' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.formobj.busVehicleInformation.certificate === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '一致性证书请选择有或无' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.formobj.busVehicleInformation.applyForm === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '申请表请选择有或无' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.formobj.busVehicleInformation.manual === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '保修手册、说明书请选择有或无' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.formobj.busVehicleInformation.environmentalList === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '环保清单请选择有或无' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.formobj.busVehicleInformation.dirverCard === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '驾驶员卡请选择有或无' }) |
||||
|
return |
||||
|
} |
||||
|
if (this.formobj.busVehicleInformation.dirverCard === '') { |
||||
|
this.$message({ showClose: true, type: 'error', message: '气瓶产品质量证明书(燃气车)请选择有或无' }) |
||||
|
return |
||||
|
} |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
saveOrUpdate(this.formobj).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '操作成功' }) |
||||
|
this.handleReturn('true') |
||||
|
} else { |
||||
|
this.submitdisabled = false |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.formobj = { |
||||
|
sid: '', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '', |
||||
|
vehicleSid: '', |
||||
|
model: '', |
||||
|
createBySid: '', |
||||
|
busVehicleInformation: { |
||||
|
vehicleKeyNum: '', |
||||
|
certificate: '', |
||||
|
applyForm: '', |
||||
|
manual: '', |
||||
|
environmentalList: '', |
||||
|
dirverCard: '', |
||||
|
gasCertificate: '', |
||||
|
remarks: '', |
||||
|
recName: '', |
||||
|
recTime: '' |
||||
|
} |
||||
|
} |
||||
|
this.submitdisabled = false |
||||
|
this.$refs['form_obj'].resetFields() |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 200px !important; |
||||
|
} |
||||
|
.addinputInfo { |
||||
|
margin-left: 190px !important; |
||||
|
} |
||||
|
/deep/ .el-form-item__error { |
||||
|
margin-left: 190px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,107 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">车架号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">车型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.model }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">客户名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<div class="title"> |
||||
|
<div>交接记录</div> |
||||
|
</div> |
||||
|
<el-table :key="tableKey" :data="formobj.informations" border style="width: 100%"> |
||||
|
<el-table-column label="移交人" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.transferName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="接收人" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.recName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="交接日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.recTime }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="交接资料" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.vehicleHandoverData }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="备注" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.remarks }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { details } from '@/api/suicheziliao/suicheziliao' |
||||
|
|
||||
|
export default { |
||||
|
name: 'cardatahandedoverInfo', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
submitdisabled: false, |
||||
|
tableKey: 0, |
||||
|
formobj: { |
||||
|
sid: '', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '', |
||||
|
vehicleSid: '', |
||||
|
model: '', |
||||
|
createBySid: '', |
||||
|
remarks: '', |
||||
|
informations: [] |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showInfo(row) { |
||||
|
this.viewTitle = '随车资料准备详情' |
||||
|
details(row.sid).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.formobj = resp.data |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn() { |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,149 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">完成 |
||||
|
</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02"> |
||||
|
<el-row style="border-top: 1px solid #E0E3EB"> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">车架号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.vinNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">车型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.model }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">合同编号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.contractNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<div class="span-sty">客户名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">随车资料</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ formobj.busVehicleInformation.vehicleHandoverData }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<div class="span-sty">备注</div> |
||||
|
<el-form-item> |
||||
|
<el-input v-model="formobj.busVehicleInformation.remarks" clearable class="addinputInfo" style="width: 80%" placeholder=""/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { fetchDetailsBySid, saveOrUpdate } from '@/api/suicheziliao/suicheziliao' |
||||
|
|
||||
|
export default { |
||||
|
name: 'cardatahandedoverAdd', |
||||
|
data() { |
||||
|
return { |
||||
|
viewTitle: '', |
||||
|
submitdisabled: false, |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
formobj: { |
||||
|
sid: '', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '', |
||||
|
vehicleSid: '', |
||||
|
model: '', |
||||
|
createBySid: '', |
||||
|
busVehicleInformation: { |
||||
|
vehicleKeyNum: '', |
||||
|
certificate: '', |
||||
|
applyForm: '', |
||||
|
manual: '', |
||||
|
environmentalList: '', |
||||
|
dirverCard: '', |
||||
|
gasCertificate: '', |
||||
|
remarks: '', |
||||
|
recName: '', |
||||
|
recTime: '' |
||||
|
} |
||||
|
}, |
||||
|
rules: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showEdit(sid) { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.viewTitle = '随车资料准备' |
||||
|
fetchDetailsBySid(sid, '2').then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.formobj = resp.data |
||||
|
this.formobj.busVehicleInformation.remarks = '' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
saveOrUpdate() { |
||||
|
this.$refs['form_obj'].validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.submitdisabled = true |
||||
|
saveOrUpdate(this.formobj).then((resp) => { |
||||
|
if (resp.success) { |
||||
|
this.$message({ showClose: true, type: 'success', message: '操作成功' }) |
||||
|
this.handleReturn('true') |
||||
|
} else { |
||||
|
this.submitdisabled = false |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.submitdisabled = false |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.formobj = { |
||||
|
sid: '', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '', |
||||
|
vehicleSid: '', |
||||
|
model: '', |
||||
|
createBySid: '', |
||||
|
remarks: '', |
||||
|
recName: '', |
||||
|
recTime: '', |
||||
|
busVehicleInformation: { |
||||
|
vehicleKeyNum: '', |
||||
|
certificate: '', |
||||
|
applyForm: '', |
||||
|
manual: '', |
||||
|
environmentalList: '', |
||||
|
dirverCard: '', |
||||
|
gasCertificate: '' |
||||
|
} |
||||
|
} |
||||
|
this.submitdisabled = false |
||||
|
this.$refs['form_obj'].resetFields() |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,253 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<!-- Start 列表页面 --> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar view-title="随车资料交接管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
||||
|
<div class="main-content"> |
||||
|
<div class="switch_btn"> |
||||
|
<el-button :class="{btn_style:viewState === 1}">待交接</el-button> |
||||
|
<el-button class="" @click="handleClick">已交接</el-button> |
||||
|
</div> |
||||
|
<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" class="tab-header"> |
||||
|
<el-form-item label="车架号"> |
||||
|
<el-input v-model="listQuery.params.vinNo" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="合同编号"> |
||||
|
<el-input v-model="listQuery.params.contractNo" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户名称"> |
||||
|
<el-input v-model="listQuery.params.customerName" clearable placeholder="" class="addinputw"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="btn" style="text-align: center;"> |
||||
|
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button> |
||||
|
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button> |
||||
|
</div> |
||||
|
</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 fixed label="序号" width="60" type="index" :index="indexMethod" align="center"/> |
||||
|
<el-table-column fixed label="操作" width="100" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" @click="handBanLi(scope.row)">办理</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="状态" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.handoverState }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="创建日期" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.createTime }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="车架号" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.vinNo }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="车型" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.model }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="合同编号" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.contractNo }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="客户名称" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.customerName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="待接收人" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.recName }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="待接收人电话" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{ scope.row.recPhone }}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pages"> |
||||
|
<!-- 翻页 --> |
||||
|
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End 列表页面 --> |
||||
|
<cardatahandedover v-show="viewState == 2" ref="divYiJiaoJie" @doback="resetState"/> |
||||
|
<cardatahandedoverAdd v-show="viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { pagerList } from '@/api/suicheziliao/suicheziliao' |
||||
|
import { getOrgSidByPath } from '@/api/dictcommons/dictcommons' |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
import cardatahandedoverAdd from './cardatahandedoverAdd' |
||||
|
import cardatahandedover from './cardatahandedover' |
||||
|
|
||||
|
export default { |
||||
|
name: 'DaiJiaoJieSuiCheZiLiao', |
||||
|
components: { |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
ButtonBar, |
||||
|
cardatahandedover, |
||||
|
cardatahandedoverAdd |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
viewState: 1, |
||||
|
btndisabled: false, |
||||
|
btnList: [ |
||||
|
{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
} |
||||
|
], |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
// 查询条件 ----------- |
||||
|
tableKey: 0, |
||||
|
list: [], |
||||
|
FormLoading: false, |
||||
|
listLoading: false, |
||||
|
listQuery: { |
||||
|
params: { |
||||
|
useOrgSid: '', |
||||
|
userSid: '', |
||||
|
handoverState: '0', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
// 初始化变量 |
||||
|
this.init() |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
methods: { |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
||||
|
switch (btnKey) { |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
init() { |
||||
|
getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.listQuery.params.useOrgSid = res.data |
||||
|
// 加载列表 |
||||
|
this.getList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
// 查询列表信息 |
||||
|
getList() { |
||||
|
this.listLoading = true |
||||
|
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid') |
||||
|
pagerList(this.listQuery).then((response) => { |
||||
|
this.listLoading = false |
||||
|
if (response.success) { |
||||
|
this.list = response.data.records |
||||
|
this.listQuery.total = response.data.total |
||||
|
} else { |
||||
|
this.list = [] |
||||
|
this.listQuery.total = 0 |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
handleClick() { |
||||
|
this.viewState = 2 |
||||
|
this.$refs['divYiJiaoJie'].init() |
||||
|
}, |
||||
|
// 查询按钮 |
||||
|
handleFilter() { |
||||
|
this.listQuery.current = 1 |
||||
|
this.getList() |
||||
|
}, |
||||
|
handleReset() { |
||||
|
this.listQuery = { |
||||
|
params: { |
||||
|
useOrgSid: '', |
||||
|
userSid: '', |
||||
|
handoverState: '0', |
||||
|
contractNo: '', |
||||
|
customerName: '', |
||||
|
vinNo: '' |
||||
|
}, |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0 |
||||
|
} |
||||
|
this.init() |
||||
|
}, |
||||
|
// 交接 |
||||
|
handBanLi(row) { |
||||
|
this.viewState = 3 |
||||
|
this.$refs['divAdd'].showEdit(row) |
||||
|
}, |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.btn_style { |
||||
|
background-color: #018ad2; |
||||
|
color: white; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue