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

完善随车资料交接

master
yunuo970428 2 years ago
parent
89943b712b
commit
dfe439f649
10 changed files with 1318 additions and 633 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      anrui-buscenter/anrui-buscenter-ui/src/api/dictcommons/dictcommons.js
  2. 41
      anrui-buscenter/anrui-buscenter-ui/src/api/suicheziliao/suicheziliao.js
  3. 328
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/guachepeizhi/guachepeizhixinxi.vue
  4. 305
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/jiaochedingdan/shangzhuanpeizhi.vue
  5. 220
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaoguanli/relation/selectVehicle.vue
  6. 279
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedover.vue
  7. 260
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverAdd.vue
  8. 107
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverInfo.vue
  9. 149
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverTwoAdd.vue
  10. 253
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatatobehandedover.vue

9
anrui-buscenter/anrui-buscenter-ui/src/api/dictcommons/dictcommons.js
View File

@ -116,3 +116,12 @@ export function fetchByUseOrgSid(data) {
params: data
})
}
// 获取数据字典（根据分组）
export function getTypeValueList(data) {
return request({
url: '/portal/v1/dictcommons/getTypeValueList',
method: 'get',
params: data
})
}

41
anrui-buscenter/anrui-buscenter-ui/src/api/suicheziliao/suicheziliao.js
View File

@ -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'
})
}

328
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/guachepeizhi/guachepeizhixinxi.vue
View File

@ -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>

305
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/jiaochedingdan/shangzhuanpeizhi.vue
View File

@ -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>

220
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaoguanli/relation/selectVehicle.vue
View File

@ -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>

279
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedover.vue
View File

@ -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>

260
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverAdd.vue
View File

@ -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>

107
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverInfo.vue
View File

@ -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>

149
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatahandedoverTwoAdd.vue
View File

@ -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>

253
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/suicheziliaojiaojie/cardatatobehandedover.vue
View File

@ -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>
Write Preview
Loading…
Cancel
Save