Zhao Qiqi
3 years ago
20 changed files with 3283 additions and 24 deletions
@ -0,0 +1,109 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
// 待出库分页列表 已改
|
|||
export function listPage(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdelivered/listPage', |
|||
method: "post", |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 出库申请初始化/详情 已改
|
|||
export function fetchDetailsBySid(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/fetchDetailsBySid', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 出库分页列表 已改
|
|||
export function pagerList(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/listPage', |
|||
method: "post", |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 保存和修改接口 已改
|
|||
export function save(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/save', |
|||
method: "post", |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 列表提交 已改
|
|||
export function submitBySid(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/submitBySid', |
|||
method: "put", |
|||
params: { |
|||
sid: params |
|||
}, |
|||
headers: { |
|||
'Content-Type': 'application/x-www-form-urlencoded' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 表单中的提交 已改
|
|||
export function submitInfo(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/submit', |
|||
method: "post", |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 出库列表批量删除 已改
|
|||
export function delBySids(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/delBySids', |
|||
method: "DELETE", |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 模糊搜索客户
|
|||
export function customerName() { |
|||
return request({ |
|||
url: "/buscenter/v1/busorder/likeGetCustomerName", |
|||
method: "post" |
|||
// params: { staffSid: id }
|
|||
}); |
|||
} |
|||
|
|||
// 获取下拉框option
|
|||
export function typeValues(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/typeValues', |
|||
method: 'get', |
|||
params: data |
|||
// headers: {
|
|||
// 'Content-Type':'multipart/form-data',
|
|||
// }
|
|||
}) |
|||
} |
|||
@ -0,0 +1,450 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 5"> |
|||
<!--标题按钮部分开始--> |
|||
<div class="tab-header webtop"> |
|||
<!--标题--> |
|||
<div>出库申请管理</div> |
|||
<!--start 查询列表按钮部分开始--> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleSubmit()">提交</el-button> |
|||
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button> |
|||
<el-button type="info" size="small" @click="handleClose()">关闭</el-button> |
|||
</div> |
|||
<!--end 查询列表按钮部分结束--> |
|||
</div> |
|||
<!--按钮部分结束--> |
|||
<div class="switch_btn"> |
|||
<el-button class="" @click="handleWaitList">待出库车辆列表</el-button> |
|||
<el-button :class="{btn_style:viewState === 5}">出库申请列表</el-button> |
|||
</div> |
|||
<!--Start查询列表部分--> |
|||
<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" placeholder="请输入合同编号" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="客户名称"> |
|||
<el-select v-model="listQuery.name" class="addinputw" clearable filterable |
|||
placeholder="请选择" @change="customerChange"> |
|||
<el-option v-for="item in customerList" :key="item.sid" :label="item.customerName" |
|||
:value="item.customerName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="申请人"> |
|||
<el-input v-model="listQuery.params.applyName" placeholder="请输入申请人姓名" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="申请日期"> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.applyDateStart" |
|||
type="date" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</div> |
|||
<label>至</label> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.applyDateEnd" |
|||
type="date" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</div> |
|||
</el-form-item> |
|||
<el-divider></el-divider> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!--End查询列表部分--> |
|||
|
|||
<div class="listtop"> |
|||
<div class="tit">出库申请列表</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<!--Start 主页面主要部分 --> |
|||
<div class="listcon"> |
|||
<el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit highlight-current-row |
|||
style="width: 100%;" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50"/> |
|||
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
|||
<el-table-column width="150px" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> <!--:disabled="scope.row.nodeState == ''?false:true"--> |
|||
<el-button size="small" type="primary" |
|||
:disabled="scope.row.state !== '待提交'" |
|||
@click="changeNodeState(scope.row)">办理 |
|||
</el-button> |
|||
<el-button size="small" type="primary" @click="handleCheck(scope.row)">查看</el-button> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.state }}</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"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.applyDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请人" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.applyName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<!--End 主页面主要部分--> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<!--End查询列表部分--> |
|||
</div> |
|||
<chukushenqing-add v-show="viewState == 3" ref="divadd" @doback="resetState" |
|||
@reloadlist="getList"/> |
|||
<chukushenqing-info v-show="viewState == 4" ref="divInfo" @doback="resetState" |
|||
@reloadlist="getList"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import { |
|||
pagerList, |
|||
delBySids, |
|||
submitBySid, |
|||
customerName |
|||
} from '@/api/chukuguanli/chukubanli' |
|||
import {setuser, getuser} from '@/utils/baocun' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import chukushenqingAdd from "./chukushenqingAdd"; |
|||
import chukushenqingInfo from "./chukushenqingInfo"; |
|||
|
|||
export default { |
|||
name: "chukushenqing", |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
chukushenqingAdd, |
|||
chukushenqingInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
//主页面：隐藏查询条件按钮 |
|||
isSearchShow: false, |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 5, // 1、列表 2、新增 3、编辑 4、查看 |
|||
//查询 ----------- |
|||
tableKey: 0, |
|||
customerList: [], |
|||
list: [], |
|||
sids: [],// 用于导出的时候保存已选择的SIDs |
|||
sides: '', |
|||
state_list: [], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
departmentSid: window.sessionStorage.getItem('departmentSid'), //部门sid |
|||
departmentName: window.sessionStorage.getItem('departmentName'), //部门名称 |
|||
typeList: [], //选择器 |
|||
//翻页 |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
applyDateEnd: '', // 申请日期结束时间 |
|||
applyDateStart: '', // 申请日期开始时间 |
|||
applyName: '', // 申请人 |
|||
applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid |
|||
contractNo: '', // 合同编号 |
|||
name: '', // 客户名称 |
|||
}, |
|||
}, |
|||
initObj: { |
|||
detailVo: { |
|||
applyDate: '', // 申请日期 |
|||
contractNo: '', // 合同编号 |
|||
isTerminal: '', // 是否是终端 |
|||
listVo: [], |
|||
modelName: '', // 车型别名 |
|||
name: '', // 客户名称 |
|||
}, |
|||
sid: '', |
|||
stringList: [] |
|||
}, |
|||
temp: {}, // 添加和修改 |
|||
templook: {}, // 查看实体 |
|||
textMap: { |
|||
update: '编辑', |
|||
create: '创建' |
|||
}, |
|||
dialogStatus: '', |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters(['id', 'roles', 'rolesIds', 'departmentId', 'departmentCode']), |
|||
}, |
|||
|
|||
created() { |
|||
// 初始化变量 |
|||
this.init(); |
|||
}, |
|||
methods: { |
|||
// ========== 初始化加载 ========== |
|||
init() { |
|||
this.getList() |
|||
this.getCustomer() |
|||
}, |
|||
//页面初始化 |
|||
resetTemp() { |
|||
this.temp = {} |
|||
}, |
|||
// 客户下拉框 |
|||
getCustomer() { |
|||
customerName().then((response) => { |
|||
if (response.code === '200') { |
|||
this.customerList = response.data |
|||
console.log('客户列表', this.customerList) |
|||
} |
|||
}) |
|||
}, |
|||
// 客户名称 |
|||
customerChange(value) { |
|||
console.log('触发下拉框按钮', value) |
|||
let bb = {} |
|||
this.typeList.forEach((e) => { |
|||
if (e.customerName == value) { |
|||
bb = { |
|||
name: e.customerName, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.name = bb.name |
|||
console.log('客户名称', this.listQuery.params.name) |
|||
}, |
|||
// 表中序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size; |
|||
var pageindex = index + 1 + pagestart; |
|||
return pageindex |
|||
}, |
|||
// ========== 页面按钮功能 ========== |
|||
// 切换列表页面 |
|||
handleWaitList() { |
|||
this.$parent.viewState = 1 |
|||
}, |
|||
// 编辑、详情返回列表页面 |
|||
resetState() { |
|||
this.viewState = 5 |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow; |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 信息条数 获取点击时当前的sid |
|||
handleSelectionChange(row) { |
|||
console.log('开票', row) |
|||
const aa = []; |
|||
const bb = [] |
|||
row.forEach(element => { |
|||
aa.push(element.sid); |
|||
setuser(this.sids) //用于导出的时候保存已选择的sids |
|||
bb.push(element.state) |
|||
}); |
|||
this.sids = aa; |
|||
this.sides = this.sids.join(); //将sid数组的元素转化成字符串 |
|||
this.state_list = bb |
|||
console.log('sids数组', this.sids) |
|||
console.log('sides字符串', this.sides) |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1; |
|||
this.getList() |
|||
}, |
|||
// 点击重置 |
|||
handleReset() { |
|||
this.listQuery.params = { |
|||
applicant: '', |
|||
contractNo: '', |
|||
customerName: '', |
|||
endDate: '', |
|||
invoiceState: '', |
|||
startDate: '' |
|||
} |
|||
}, |
|||
// ========== 业务功能 ========== |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true; |
|||
pagerList(this.listQuery).then(response => { //拦截器 |
|||
this.listLoading = false; |
|||
console.log(response) |
|||
if (response.code === '200' && response.data && response.data.total > 0) { |
|||
this.list = response.data.records; |
|||
this.total = response.data.total; |
|||
} else { |
|||
this.list = []; |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
// 打开查看 |
|||
handleCheck(row) { |
|||
this.viewState = 4; |
|||
this.$refs['divInfo'].showInfo(row.sid,row.state) |
|||
}, |
|||
// 办理 |
|||
changeNodeState(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row, row.sid) |
|||
}, |
|||
// 提交 state_list |
|||
handleSubmit() { |
|||
if (this.sids.length > 1) { |
|||
this.$message({showClose: true, message: '请选择一条出库申请！', type: 'error'}); |
|||
return |
|||
} |
|||
if (this.sids.length == 0) { |
|||
this.$message({showClose: true, message: '请选择一条出库申请！', type: 'error'}); |
|||
return |
|||
} |
|||
if (this.sids.length == 1) { |
|||
if (this.state_list[0] == '待提交') { |
|||
const sid = this.sids[0] |
|||
submitBySid(sid).then((response) => { |
|||
if (response.success) { |
|||
this.getList() |
|||
} |
|||
}) |
|||
} else { |
|||
this.$message({showClose: true, message: '该业务已提交！', type: 'error'}); |
|||
return |
|||
} |
|||
} |
|||
}, |
|||
// 删除 |
|||
handleDelete() { |
|||
if (this.sids.length > 0) { |
|||
if (this.state_list.length > 0) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '该业务已提交，不可删除！', |
|||
type: 'error' |
|||
}); |
|||
return |
|||
} |
|||
const sids = this.sids |
|||
delBySids(sids).then((response) => { |
|||
if (response.code === '200') { |
|||
this.getList() |
|||
} |
|||
}) |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择出库申请信息！', |
|||
type: 'error' |
|||
}); |
|||
return |
|||
} |
|||
}, |
|||
// 关闭 |
|||
handleClose() { |
|||
|
|||
}, |
|||
// 导入 |
|||
// handleDaoRu() { |
|||
// this.$confirm('确定要导入数据, 是否继续?', '提示', { |
|||
// confirmButtonText: '确定', |
|||
// cancelButtonText: '取消', |
|||
// type: 'warning' |
|||
// }) |
|||
// }, |
|||
// 导出 |
|||
// handleDaoChu(row) { |
|||
// this.$confirm('确定要导出数据, 是否继续?', '提示', { |
|||
// confirmButtonText: '确定', |
|||
// cancelButtonText: '取消', |
|||
// type: 'warning' |
|||
// }) |
|||
// } |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.switch_btn { |
|||
padding: 15px 0 10px 0; |
|||
} |
|||
|
|||
.block { |
|||
display: inline-block; |
|||
} |
|||
|
|||
label { |
|||
padding: 0 6px; |
|||
} |
|||
|
|||
.btn_style { |
|||
background-color: #018ad2; |
|||
color: white; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #ebeef5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchbtn { |
|||
border: #2cab69 1px solid; |
|||
color: #2cab69; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,467 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="isShow"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{viewTitle}}</div> |
|||
<!-- <div v-else></div> --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button> |
|||
<el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交</el-button> |
|||
<el-button type="primary" size="small">打印</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="100%" class="formadd" :rules="rules"> |
|||
<div class="tit"> |
|||
出库申请 |
|||
<div class="times"> |
|||
<div><span>合同编号：</span><span>{{ temp.contractNo }}</span></div> |
|||
<div><span>申请日期：</span><span>{{ temp.applyDate }}</span></div> |
|||
</div> |
|||
</div> |
|||
<el-row class="nothingBorder"> |
|||
<el-col :span="2"/> |
|||
<el-col :span="4"> |
|||
<el-form-item><span slot="label">客户名称：</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
{{ temp.name }} |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item><span slot="label">是否为终端客户：</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<el-radio v-model="temp.isTerminal" :label="0">否</el-radio> |
|||
<el-radio v-model="temp.isTerminal" :label="1">是</el-radio> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"/> |
|||
<el-col :span="4"> |
|||
<el-form-item><span slot="label">车型：</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<span>{{temp.modelName}}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"/> |
|||
</el-row> |
|||
|
|||
<!--Start 预订车辆信息--> |
|||
<div class="titcon"> |
|||
<div class="title">车辆信息</div> |
|||
<div class="baocun"> |
|||
<el-button v-show="temp.isTerminal === 0" size="medium" type="primary" @click="openUserInfo" |
|||
class="btntopbluebut"> |
|||
录入用人信息 |
|||
</el-button> |
|||
<el-button v-show="temp.isTerminal === 0" size="medium" type="danger" @click="clearUserInfo"> |
|||
置空使用人信息 |
|||
</el-button> |
|||
</div> |
|||
</div> |
|||
<el-table v-loading="listLoading" :data="detailsList" border style="width: 100%" :index="index" fit |
|||
@selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50"/> |
|||
<el-table-column align="center" label="序号" type="index" width="50"/> |
|||
<el-table-column label="车架号" align="center"> |
|||
<template slot-scope="scope" @click=""> |
|||
<span>{{scope.row.vinNo}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="成交价" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{scope.row.price}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="使用人信息" align="center"> |
|||
<template slot-scope="scope"> |
|||
<!-- && scope.row.exist == '1' scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true --> |
|||
<el-button v-show="temp.isTerminal === 0 && scope.row.isExist == '1'" size="medium" type="primary" |
|||
@click="updateUserInfo(scope.row.vinNo)" |
|||
class="btntopbluebut">修改 |
|||
</el-button> |
|||
<el-button v-show="temp.isTerminal === 0 && scope.row.isExist == '1'" size="medium" type="primary" |
|||
@click="lookUserInfo(scope.row.vinNo)" |
|||
class="btntopbluebut">查看 |
|||
</el-button> |
|||
<el-button v-show="temp.isTerminal === 1" size="medium" type="primary" |
|||
@click="lookUserInfo(scope.row.vinNo)" |
|||
class="btntopbluebut">查看 |
|||
</el-button> |
|||
<span v-show="temp.isTerminal == 3">无</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input v-model="scope.row.remarks" class="addinputw" placeholder="请输入备注" clearable/> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-form> |
|||
</div> |
|||
</div> <!--@returnEdit="getUserInfoEdit"--> |
|||
<user-info-add v-show="isShowAdd" ref="divUser" @doback="resetState" @returnInfo="getUserInfo"/> |
|||
<user-info-look v-show="isShowLook" ref="divUserInfo" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {fetchDetailsBySid, save, submitInfo} from '@/api/chukuguanli/chukubanli' |
|||
import userInfoAdd from "./relation/userInfoAdd"; |
|||
import userInfoLook from "./relation/userInfoLook"; |
|||
|
|||
export default { |
|||
name: 'chukushenqingAdd', |
|||
components: { |
|||
userInfoAdd, |
|||
userInfoLook |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
index: 0, |
|||
disabled: false, // 保存、提交按钮状态 |
|||
createBtn: false, |
|||
dialogStatus: 'add', // 提交状态 |
|||
// --按钮菜单------- |
|||
isShow: true, |
|||
isShowAdd: false, |
|||
isShowLook: false, |
|||
// === |
|||
listLoading: false, |
|||
list: [], |
|||
temp: { |
|||
applyName: window.sessionStorage.getItem('name'), // 申请人 |
|||
applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid |
|||
contractNo: '', // 合同编号 |
|||
isTerminal: 3, // 是否是终端 1是，0不是 |
|||
modelName: '', // 车型别名 |
|||
name: '',// 客户名称 |
|||
sid: '', |
|||
applyDate: '', //申请日期 |
|||
detailsList: [] |
|||
}, // 添加和修改 |
|||
detailsList: [{ |
|||
price: '', //成交价 |
|||
remarks: '', // 备注 |
|||
vinNo: '',// 车架号 |
|||
useMessage: {} |
|||
}], |
|||
sids: [], |
|||
vinNo_info: '', |
|||
index_list: [], |
|||
rules: {}, |
|||
|
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
// ------------ 页面初始化 ------------ |
|||
init() { |
|||
this.temp = { |
|||
applyName: window.sessionStorage.getItem('name'), // 申请人 |
|||
applySid: window.sessionStorage.getItem('staffSid'), // 申请人sid 即staffSid |
|||
contractNo: '', // 合同编号 |
|||
isTerminal: 3, // 是否是终端 1是，0不是 |
|||
modelName: '', // 车型别名 |
|||
name: '',// 客户名称 |
|||
sid: '', |
|||
applyDate: '', //申请日期 |
|||
detailsList: [] |
|||
} |
|||
}, |
|||
resetState() { |
|||
this.isShow = true |
|||
this.isShowAdd = false |
|||
this.isShowLook = false |
|||
}, |
|||
openUserInfo() { |
|||
if (this.sids.length > 0) { |
|||
this.isShow = false |
|||
this.isShowAdd = true |
|||
console.log('车架号', this.vinNo_info, '合同编号', this.temp.contractNo) |
|||
this.$refs['divUser'].showAdd(this.temp.contractNo, this.vinNo_info) |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择出库车辆信息！', |
|||
type: 'error' |
|||
}); |
|||
return |
|||
} |
|||
// this.isShow = false |
|||
}, |
|||
// 修改用户人信息 |
|||
updateUserInfo(vinNo) { |
|||
console.log('1111', vinNo) |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
if (this.detailsList[i].vinNo == vinNo) { |
|||
let useMessage = { |
|||
address: this.detailsList[i].useMessage.address, |
|||
contractNo: this.detailsList[i].useMessage.contractNo, |
|||
idNo: this.detailsList[i].useMessage.idNo, |
|||
mobile: this.detailsList[i].useMessage.mobile, |
|||
name: this.detailsList[i].useMessage.name, |
|||
vinNo: this.detailsList[i].useMessage.vinNo |
|||
} |
|||
// useMessage = this.detailsList[i].useMessage |
|||
console.log('点击编辑useMessage', this.detailsList[i].useMessage) |
|||
this.isShow = false |
|||
this.isShowAdd = true |
|||
this.$refs['divUser'].showEdit(useMessage, vinNo) |
|||
} |
|||
} |
|||
}, |
|||
// 查看用户人信息 |
|||
lookUserInfo(vinNo) { |
|||
console.log('1111', vinNo) |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
if (this.detailsList[i].vinNo == vinNo) { |
|||
let useMessage = {} |
|||
useMessage = this.detailsList[i].useMessage |
|||
this.isShow = false |
|||
this.isShowLook = true |
|||
this.$refs['divUserInfo'].showInfo(useMessage, vinNo) |
|||
} |
|||
} |
|||
}, |
|||
// 清空用户人信息 |
|||
clearUserInfo() { |
|||
if (this.sids.length > 0) { |
|||
for (var i = 0; i < this.index_list.length; i++) { |
|||
if (this.detailsList[this.index_list[i]].isExist == '1') { |
|||
this.detailsList[this.index_list[i]].useMessage = { |
|||
contractNo: '', |
|||
vinNo: '', |
|||
name: '', |
|||
mobile: '', |
|||
idNo: '', |
|||
address: '' |
|||
} |
|||
this.detailsList[this.index_list[i]].isExist = '' |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '成功置空使用人信息！', |
|||
type: 'success' |
|||
}); |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '此车辆无使用人信息！', |
|||
type: 'error' |
|||
}); |
|||
return |
|||
} |
|||
} |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择出库车辆信息！', |
|||
type: 'error' |
|||
}); |
|||
return |
|||
} |
|||
// this.vinNo_info |
|||
}, |
|||
// 添加用户人信息 |
|||
getUserInfo(tempUser) { |
|||
console.log('开票申请页面的tempUser', tempUser) |
|||
const vinNo_array = tempUser.vinNo.split(',') // 这是保存过来的使用人信息 |
|||
console.log('保存过来的vinNo', vinNo_array) |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
for (var j = 0; j < vinNo_array.length; j++) { |
|||
if (this.detailsList[i].vinNo === vinNo_array[j]) { |
|||
this.detailsList[i].useMessage = tempUser |
|||
this.detailsList[i].isExist = '1' |
|||
console.log('保存到detailsList的信息', this.detailsList) |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
showAdd(temp) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}); |
|||
this.dialogStatus = 'add' |
|||
this.viewTitle = '【新增】出库申请'; |
|||
console.log('新增初始化', temp) |
|||
this.temp.contractNo = temp.contractNo |
|||
this.temp.isTerminal = temp.isTerminal |
|||
this.temp.modelName = temp.modelName |
|||
this.temp.name = temp.name |
|||
this.temp.applyDate = temp.applyDate |
|||
this.detailsList = temp.listVo; |
|||
console.log('新增初始化temp', this.temp) |
|||
console.log('新增初始化detailsList', this.detailsList) |
|||
}, |
|||
showEdit(row, sid) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}); |
|||
this.dialogStatus = 'edit'; |
|||
this.viewTitle = '【编辑】出库申请'; |
|||
fetchDetailsBySid({sid: sid}).then(response => { |
|||
if (response.success) { |
|||
this.temp = response.data |
|||
this.temp.sid = sid |
|||
this.detailsList = response.data.listVo |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
if (JSON.stringify(this.detailsList[i].useMessage) !== '{}') { |
|||
this.detailsList[i].isExist = '1' |
|||
} |
|||
} |
|||
this.temp = JSON.parse(JSON.stringify(this.temp).replace(/listVo/g, 'detailsList')) |
|||
console.log('isTerminal', this.temp.isTerminal) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
handleSelectionChange(row) { |
|||
console.log('开票', row) |
|||
const aa = [] |
|||
const bb = [] |
|||
const index_arr = [] |
|||
row.forEach((element, index) => { |
|||
aa.push(element.vinNo) |
|||
bb.push(element.sid) |
|||
this.detailsList.forEach((v, i) => { |
|||
// id 是每一行的数据id |
|||
if (element.vinNo == v.vinNo) { |
|||
index_arr.push(i) |
|||
} |
|||
}) |
|||
}) |
|||
this.vinNo_info = aa.join() |
|||
this.sids = bb |
|||
this.index_list = index_arr |
|||
}, |
|||
// ------------ 功能实现 ------------ |
|||
// 添加数据 |
|||
handleCreate() { |
|||
this.temp.detailsList = this.detailsList |
|||
console.log('112233', this.temp) |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.createBtn = true |
|||
if (this.dialogStatus === 'add') { |
|||
save(this.temp).then((response) => { |
|||
if (response.success) { |
|||
this.createBtn = false |
|||
this.handleReturn('true') |
|||
} |
|||
}).catch(e => { |
|||
this.createBtn = false |
|||
}) |
|||
} else { |
|||
this.createBtn = true |
|||
save(this.temp).then((response) => { |
|||
if (response.success) { |
|||
this.createBtn = false |
|||
this.handleReturn('true') |
|||
} |
|||
}).catch(e => { |
|||
this.createBtn = false |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
// 提交 |
|||
handleSubmit() { |
|||
this.$confirm('是否确定提交该业务', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.disabled = true; |
|||
this.temp.detailsList = this.detailsList |
|||
submitInfo(this.temp).then((response) => { |
|||
if (response.success) { |
|||
this.disabled = false |
|||
this.handleReturn('true') |
|||
} |
|||
}).catch(e => { |
|||
this.createBtn = false |
|||
}) |
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist'); |
|||
this.$refs['dataForm'].resetFields(); |
|||
this.$emit('doback') |
|||
}, |
|||
// ------------ 页面跳转以及数据获取 ------------ |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.tit { |
|||
margin: 0 0 20px 0; |
|||
padding: 10px 0 0 0; |
|||
} |
|||
|
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-around; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0px auto; |
|||
width: 70%; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.formadd /deep/ .el-row { |
|||
border: 0; |
|||
} |
|||
|
|||
.formadd /deep/ .el-col { |
|||
border: 0; |
|||
} |
|||
|
|||
/deep/ .el-form-item__content { |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
.titcon { |
|||
border: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
.titcon, .title { |
|||
background-color: white; |
|||
color: black; |
|||
} |
|||
|
|||
.changeIt { |
|||
line-height: 40px; |
|||
font-size: 17px; |
|||
float: right; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,323 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="isShow"> |
|||
<div class="tab-header webtop"> |
|||
<div>出库申请详情</div> |
|||
<!-- <div v-else></div> --> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()" |
|||
>返回 |
|||
</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form |
|||
ref="dataForm" |
|||
:model="temp" |
|||
label-position="right" |
|||
label-width="100%" |
|||
class="formadd" |
|||
:rules="rules"> |
|||
<div class="tit"> |
|||
出库申请 |
|||
<div class="times"> |
|||
<div> |
|||
<span>合同编号：</span><span>{{ temp.contractNo }}</span> |
|||
</div> |
|||
<div> |
|||
<span>申请日期：</span><span>{{ temp.applyDate }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-row class="nothingBorder"> |
|||
<el-col :span="2"/> |
|||
<el-col :span="4"> |
|||
<el-form-item><span slot="label">客户名称：</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
{{ temp.name }} |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item |
|||
><span slot="label">是否为终端客户：</span></el-form-item |
|||
> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<el-radio v-model="temp.isTerminal" :label="0">否</el-radio> |
|||
<el-radio v-model="temp.isTerminal" :label="1">是</el-radio> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2"/> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2"/> |
|||
<el-col :span="4"> |
|||
<el-form-item><span slot="label">车型：</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<span>{{ temp.modelName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"/> |
|||
</el-row> |
|||
|
|||
<!--Start 预订车辆信息--> |
|||
<div class="titcon"> |
|||
<div class="title">车辆信息</div> |
|||
</div> |
|||
<!--@selection-change="handleSelectionChange"--> |
|||
<el-table |
|||
v-loading="listLoading" |
|||
:data="detailsList" |
|||
border |
|||
style="width: 100%" |
|||
:index="index" |
|||
fit |
|||
> |
|||
<!-- <el-table-column type="selection" align="center" width="50"/>--> |
|||
<el-table-column |
|||
align="center" |
|||
label="序号" |
|||
type="index" |
|||
width="50" |
|||
/> |
|||
<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"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.price }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="使用人信息" align="center"> |
|||
<template slot-scope="scope"> |
|||
<!-- && scope.row.exist == '1' scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true --> |
|||
<el-button |
|||
v-show="temp.isTerminal === 0" |
|||
size="medium" |
|||
type="primary" |
|||
@click="lookUserInfo(scope.row.vinNo)" |
|||
class="btntopbluebut" |
|||
>查看 |
|||
</el-button> |
|||
<span v-show="temp.isTerminal == 3">无</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input |
|||
v-model="scope.row.remarks" |
|||
class="addinputw" |
|||
placeholder="请输入备注" |
|||
clearable |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!--@returnEdit="getUserInfoEdit"--> |
|||
<user-info-look |
|||
v-show="isShowLook" |
|||
ref="divUserInfo" |
|||
@doback="resetState" |
|||
/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from "vuex"; |
|||
import {fetchDetailsBySid,} from '@/api/chukuguanli/chukubanli' |
|||
import userInfoLook from "./relation/userInfoLook"; |
|||
|
|||
export default { |
|||
name: "chukushenqingInfo", |
|||
components: { |
|||
userInfoLook, |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: "", |
|||
index: 0, |
|||
disabled: false, // 保存、提交按钮状态 |
|||
createBtn: false, |
|||
dialogStatus: "add", // 提交状态 |
|||
// --按钮菜单------- |
|||
isShow: true, |
|||
isShowLook: false, |
|||
// === |
|||
listLoading: false, |
|||
list: [], |
|||
temp: { |
|||
applyName: window.sessionStorage.getItem("name"), // 申请人 |
|||
applySid: window.sessionStorage.getItem("staffSid"), // 申请人sid 即staffSid |
|||
contractNo: "", // 合同编号 |
|||
isTerminal: 3, // 是否是终端 1是，0不是 |
|||
modelName: "", // 车型别名 |
|||
name: "", // 客户名称 |
|||
sid: "", |
|||
applyDate: "", //申请日期 |
|||
detailsList: [], |
|||
}, // 添加和修改 |
|||
detailsList: [ |
|||
{ |
|||
price: "", //成交价 |
|||
remarks: "", // 备注 |
|||
vinNo: "", // 车架号 |
|||
useMessage: {}, |
|||
}, |
|||
], |
|||
sids: [], |
|||
vinNo_info: "", |
|||
submitDto: { |
|||
businessSid: "", |
|||
userSid: window.sessionStorage.getItem("userSid"), |
|||
}, |
|||
rules: {}, |
|||
// ------------------------------------ |
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
"id", |
|||
"roles", |
|||
"rolesIds", |
|||
"departmentId", |
|||
"departmentCode", |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init(); |
|||
}, |
|||
methods: { |
|||
// ------------ 页面初始化 ------------ |
|||
init() { |
|||
this.temp = { |
|||
applyName: window.sessionStorage.getItem("name"), // 申请人 |
|||
applySid: window.sessionStorage.getItem("staffSid"), // 申请人sid 即staffSid |
|||
contractNo: "", // 合同编号 |
|||
isTerminal: 3, // 是否是终端 1是，0不是 |
|||
modelName: "", // 车型别名 |
|||
name: "", // 客户名称 |
|||
sid: "", |
|||
applyDate: "", //申请日期 |
|||
detailsList: [], |
|||
isUse: false, |
|||
}; |
|||
}, |
|||
resetState() { |
|||
this.isShow = true; |
|||
this.isShowLook = false; |
|||
}, |
|||
showInfo(sid, state) { |
|||
this.$nextTick(() => { |
|||
this.$refs["dataForm"].clearValidate(); |
|||
}); |
|||
if (state == "已通过" || state == "未通过") { |
|||
this.disabled = true; |
|||
this.createBtn = true; |
|||
} |
|||
fetchDetailsBySid({sid: sid}).then((response) => { |
|||
if (response.success) { |
|||
this.temp = response.data; |
|||
this.temp.sid = sid; |
|||
this.detailsList = response.data.listVo; |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
if (JSON.stringify(this.detailsList[i].useMessage) !== "{}") { |
|||
this.detailsList[i].isExist = "1"; |
|||
} |
|||
} |
|||
this.temp = JSON.parse( |
|||
JSON.stringify(this.temp).replace(/listVo/g, "detailsList") |
|||
); |
|||
console.log("isTerminal", this.temp.isTerminal); |
|||
} |
|||
}); |
|||
}, |
|||
// 查看用户人信息 |
|||
lookUserInfo(vinNo) { |
|||
console.log("1111", vinNo); |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
if (this.detailsList[i].vinNo == vinNo) { |
|||
let useMessage = {}; |
|||
useMessage = this.detailsList[i].useMessage; |
|||
this.isShow = false; |
|||
this.isShowLook = true; |
|||
this.$refs["divUserInfo"].showInfo(useMessage, vinNo); |
|||
} |
|||
} |
|||
}, |
|||
// 选择信息 |
|||
handleSelectionChange(row) { |
|||
console.log("开票", row); |
|||
const aa = []; |
|||
const bb = []; |
|||
row.forEach((element) => { |
|||
aa.push(element.vinNo); |
|||
bb.push(element.sid); |
|||
}); |
|||
this.vinNo_info = aa.join(); |
|||
this.sids = bb; |
|||
}, |
|||
// ------------ 功能实现 ------------ |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === "true") this.$emit("reloadlist"); |
|||
this.$refs["dataForm"].resetFields(); |
|||
this.$emit("doback"); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.tit { |
|||
margin: 0 0 20px 0; |
|||
padding: 10px 0 0 0; |
|||
} |
|||
|
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-around; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0px auto; |
|||
width: 70%; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.formadd /deep/ .el-row { |
|||
border: 0; |
|||
} |
|||
|
|||
.formadd /deep/ .el-col { |
|||
border: 0; |
|||
} |
|||
|
|||
/deep/ .el-form-item__content { |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
.titcon { |
|||
border: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
.titcon, |
|||
.title { |
|||
background-color: white; |
|||
color: black; |
|||
} |
|||
|
|||
.changeIt { |
|||
line-height: 40px; |
|||
font-size: 17px; |
|||
float: right; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,379 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<!--待开票列表页面--> |
|||
<div v-show="viewState == 1"> |
|||
<!--标题按钮部分开始--> |
|||
<div class="tab-header webtop"> |
|||
<!--标题--> |
|||
<div>待出库车辆列表</div> |
|||
<!--start 查询列表按钮部分开始--> |
|||
<div> |
|||
<el-button type="primary" size="small" @click="handleCreate()">出库申请</el-button> |
|||
</div> |
|||
<!--end 查询列表按钮部分结束--> |
|||
</div> |
|||
<!--按钮部分结束--> |
|||
<div class="switch_btn"> |
|||
<el-button :class="{btn_style:viewState === 1}">待出库车辆列表</el-button> |
|||
<el-button class="" @click="handleInvoiceList">出库申请列表</el-button> |
|||
</div> |
|||
<!--Start查询列表部分--> |
|||
<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.contractNo" placeholder="请输入合同编号" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-form-item label="客户名称"> |
|||
<el-select v-model="listQuery.name" class="addinputw" clearable filterable |
|||
placeholder="请选择" @change="customerChange"> |
|||
<el-option v-for="item in customerList" :key="item.sid" :label="item.customerName" |
|||
:value="item.customerName"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="车架号"> |
|||
<el-input v-model="listQuery.vinNo" placeholder="请输入车架号" clearable class="filter-item"/> |
|||
</el-form-item> |
|||
<el-divider></el-divider> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!--End查询列表部分--> |
|||
<div class="listtop"> |
|||
<div class="tit">待出库车辆列表</div> |
|||
<pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
<!--Start 主页面主要部分 --> |
|||
<div class="listcon"> |
|||
<el-table ref="multipleTable" :key="tableKey" v-loading="listLoading" :data="list" :border="true" fit |
|||
highlight-current-row |
|||
style="width: 100%;" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" align="center" width="50"/> |
|||
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/> |
|||
<el-table-column label="认款状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.type }}</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"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name}}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="车架号" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.vinNo }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" |
|||
class="pagination" @pagination="getList"/> |
|||
</div> |
|||
</div> |
|||
<!-- 出库申请新增页面 --> |
|||
<chukushenqing-add v-show="viewState == 2" ref="divadd" @doback="resetState" |
|||
@reloadlist="getList"/> |
|||
<!-- 出库申请列表 --> |
|||
<chukushenqing v-show="viewState == 5" ref="divchuku"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import { |
|||
listPage, |
|||
fetchDetailsBySid, |
|||
typeValues, |
|||
customerName, |
|||
checkNum |
|||
} from '@/api/chukuguanli/chukubanli' |
|||
import {setuser, getuser} from '@/utils/baocun' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import chukushenqing from './chukushenqing' |
|||
import chukushenqingAdd from './chukushenqingAdd' |
|||
|
|||
export default { |
|||
name: 'daichukucheliang', |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
chukushenqing, |
|||
chukushenqingAdd |
|||
}, |
|||
data() { |
|||
return { |
|||
isSearchShow: false, //主页面：隐藏查询条件按钮 |
|||
searchxianshitit: '显示查询条件', |
|||
viewState: 1, // 1、列表 2、新增 3、编辑 4、查看 5.开票申请 |
|||
//查询 ----------- |
|||
tableKey: 0, |
|||
infoList: [], |
|||
sids: [],// 用于导出的时候保存已选择的SIDs |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
customerList: [], |
|||
invoicingNature: 'invoicingNature', |
|||
typeList: [], //选择器 |
|||
list: [], |
|||
//翻页 |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
contractNo: '', // 合同编号 |
|||
name: '', // 客户名称 |
|||
vinNo: '' // 车架号 |
|||
} |
|||
}, |
|||
textMap: { |
|||
update: '编辑', |
|||
create: '创建' |
|||
}, |
|||
temp: {}, |
|||
initObj: { |
|||
detailVo: { |
|||
applyDate: '', // 申请日期 |
|||
contractNo: '', // 合同编号 |
|||
isTerminal: '', // 是否是终端 |
|||
modelName: '', // 车型别名 |
|||
name: '', // 客户名称 |
|||
listVo: [], |
|||
}, |
|||
sid: '', |
|||
stringList: [] |
|||
}, |
|||
// { // listVo |
|||
// price:'', //成交价 |
|||
// remarks:'', // 备注 |
|||
// sid:'', //库关联sid |
|||
// useMessageSid:'', //使用人sid |
|||
// vinNo:'',// 车架号 |
|||
// }, |
|||
dialogStatus: '' |
|||
} |
|||
}, |
|||
// ------------------------------------ |
|||
computed: { |
|||
...mapGetters(['id', 'roles', 'rolesIds', 'departmentId', 'departmentCode']) |
|||
}, |
|||
|
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
// 加载列表 |
|||
this.getList() |
|||
}, |
|||
methods: { |
|||
// ========== 初始化加载 ========== |
|||
init() { |
|||
this.getCustomer() |
|||
}, |
|||
// 客户下拉框 |
|||
getCustomer() { |
|||
customerName().then((response) => { |
|||
if (response.code === '200') { |
|||
this.customerList = response.data |
|||
console.log('客户列表', this.customerList) |
|||
} |
|||
}) |
|||
}, |
|||
// 客户名称 |
|||
customerChange(value) { |
|||
console.log('触发下拉框按钮', value) |
|||
let bb = {} |
|||
this.typeList.forEach((e) => { |
|||
if (e.customerName == value) { |
|||
bb = { |
|||
name: e.customerName, |
|||
sid: e.sid |
|||
} |
|||
} |
|||
}) |
|||
this.listQuery.params.name = bb.name |
|||
console.log('客户名称', this.listQuery.params.name) |
|||
}, |
|||
// ========== 页面按钮功能 ========== |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = '隐藏查询条件' |
|||
} else { |
|||
this.searchxianshitit = '显示查询条件' |
|||
} |
|||
}, |
|||
// 表中序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
//信息条数 获取点击时当前的sid |
|||
handleSelectionChange(row) { |
|||
console.log('待出库', row) |
|||
const aa = [] // sid |
|||
const bb = [] // contractNo |
|||
const cc = [] // listVo 使用车辆表 |
|||
var dd = {} |
|||
for (var i = 0; i < row.length; i++) { |
|||
for (var j = i + 1; j < row.length; j++) { |
|||
if (row[i].contractNo !== row[j].contractNo) { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: '请选择同一合同编号的车辆！', |
|||
type: 'error' |
|||
}); |
|||
// this.$refs.multipleTable.clearSelection(); |
|||
return |
|||
} |
|||
} |
|||
} |
|||
row.forEach(element => { |
|||
aa.push(element.sid) |
|||
setuser(this.sids) // 用于导出的时候保存已选择的sids |
|||
bb.push(element.contractNo) |
|||
cc.push({ |
|||
price: element.price, //成交价 |
|||
remarks: '', // 备注 |
|||
sid: '', //库关联sid 可不传 |
|||
useMessageSid: '', //使用人sid可不传，已默认“无” |
|||
vinNo: element.vinNo,//车架号 |
|||
}) |
|||
dd = { |
|||
applyDate: element.applyDate, // 申请日期 |
|||
contractNo: element.contractNo, // 合同编号 |
|||
isTerminal: element.isTerminal, // 是否是终端 |
|||
modelName: element.modelName, // 车型别名 |
|||
name: element.name, // 客户名称 |
|||
} |
|||
}) |
|||
this.sids = aa |
|||
this.initObj.stringList = bb |
|||
console.log('cc',cc) |
|||
this.initObj.detailVo.listVo = cc |
|||
this.initObj.detailVo.applyDate = dd.applyDate |
|||
this.initObj.detailVo.contractNo = dd.contractNo |
|||
this.initObj.detailVo.isTerminal = dd.isTerminal |
|||
this.initObj.detailVo.modelName = dd.modelName |
|||
this.initObj.detailVo.name = dd.name |
|||
console.log('sids:', this.sids, 'this.initObj.stringList', this.initObj.stringList, 'this.initObj', this.initObj) |
|||
}, |
|||
|
|||
// ========== 业务功能 ========== |
|||
handleInvoiceList() { |
|||
this.viewState = 5 |
|||
}, |
|||
//修改、编辑、详情返回列表页面 |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1 |
|||
this.getList() |
|||
}, |
|||
//点击重置 |
|||
handleReset() { |
|||
this.listQuery.params.vinNo = ''// 单据编号 |
|||
this.listQuery.params.contractNo = ''// 开票性质 |
|||
this.listQuery.params.name = '' // 开票名称 |
|||
}, |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true |
|||
listPage({ |
|||
current: this.listQuery.current, |
|||
size: this.listQuery.size, |
|||
params: { |
|||
contractNo: this.listQuery.contractNo, |
|||
name: this.listQuery.name, //传递参数， |
|||
vinNo: this.listQuery.vinNo |
|||
} |
|||
}).then(response => { //拦截器 |
|||
this.listLoading = false |
|||
console.log(response) |
|||
if (response.success && response.data && response.data.total > 0) { |
|||
this.list = response.data.records |
|||
this.total = response.data.total |
|||
} else { |
|||
this.list = [] |
|||
this.total = 0 |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
// 打开新增 |
|||
handleCreate() { |
|||
if (this.sids.length === 0) { |
|||
this.$message({showClose: true, type: 'error', message: '请选择一条记录进行出库申请'}) |
|||
return |
|||
} |
|||
if (this.sids.length > 0) { |
|||
this.FormLoading = true |
|||
fetchDetailsBySid(this.initObj).then(response => { |
|||
if (response.success) { |
|||
this.viewState = 2 |
|||
this.temp = response.data |
|||
this.$refs['divadd'].showAdd(this.temp) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.switch_btn { |
|||
padding: 15px 0 10px 0; |
|||
} |
|||
|
|||
.btn_style { |
|||
background-color: #018ad2; |
|||
color: white; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #ebeef5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchbtn { |
|||
border: #2cab69 1px solid; |
|||
color: #2cab69; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,213 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="visible"> |
|||
<div class="tab-header webtop"> |
|||
<div>录入使用人信息</div> |
|||
<!-- <div v-else></div> --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="tempUser" :rules="rules" label-position="right" |
|||
class="formadd"> |
|||
<div class="tit">录入使用人信息</div> |
|||
<el-row> |
|||
<el-col :span="4" class="topBor"> |
|||
<span>合同编号</span> |
|||
</el-col> |
|||
<el-col :span="10" class="topBor"> |
|||
<el-form-item prop="contractNo"> |
|||
<span slot="label">{{ tempUser.contractNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="vinNo"> |
|||
<span slot="label">{{ tempUser.vinNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>客户名称</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="name"> |
|||
<el-input v-model="tempUser.name" maxlength="125" placeholder="" class="addinputw" |
|||
clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>联系电话</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="mobile"> |
|||
<el-input v-model="tempUser.mobile" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>证件号码</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="idNo"> |
|||
<el-input v-model="tempUser.idNo" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>联系地址</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="address"> |
|||
<el-input v-model="tempUser.address" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
|
|||
export default { |
|||
name: 'userInfo', |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
index: 0, |
|||
disabled: false, // 保存、提交按钮状态 |
|||
createBtn: false, |
|||
// --按钮菜单------- |
|||
visible: true, |
|||
listLoading: false, |
|||
tempUser: { |
|||
contractNo: '', |
|||
vinNo: '', |
|||
sid: '', |
|||
}, // 添加和修改 |
|||
rules: {}, |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
}, |
|||
methods: { |
|||
// ------------ 页面初始化 ------------ |
|||
init() { |
|||
this.tempUser = { |
|||
contractNo: '', |
|||
vinNo: '', |
|||
name: '', |
|||
mobile: '', |
|||
idNo: '', |
|||
address: '', |
|||
} |
|||
}, |
|||
showAdd(contractNo, vinNo) { |
|||
this.init() |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}); |
|||
this.state = 'add' |
|||
this.tempUser.contractNo = contractNo |
|||
this.tempUser.vinNo = vinNo //多个的话是以逗号隔开的字符串 |
|||
}, |
|||
showEdit(useMessage, vinNo) { |
|||
this.init() |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}); |
|||
console.log('编辑拿到的信息', useMessage) |
|||
this.state = 'edit' |
|||
this.tempUser = useMessage |
|||
this.tempUser.vinNo = vinNo |
|||
}, |
|||
// ------------ 功能实现 ------------ |
|||
// 添加数据 |
|||
handleCreate() { |
|||
var that = this |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.createBtn = true |
|||
if (this.state === 'add') { |
|||
this.createBtn = false |
|||
console.log('新增保存数据', this.tempUser) |
|||
const aa = this.tempUser |
|||
this.$emit('returnInfo', aa) |
|||
this.handleReturn() |
|||
} else { |
|||
this.createBtn = false |
|||
console.log('修改保存数据', this.tempUser) |
|||
const bb = this.tempUser |
|||
this.$emit('returnInfo', bb) |
|||
this.handleReturn() |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// ------------ 页面跳转以及数据获取 ------------ |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.tit { |
|||
margin: 45px 0 66px 0; |
|||
padding: 10px 0 0 0; |
|||
border: 0; |
|||
} |
|||
|
|||
/deep/ .el-row { |
|||
display: flex; |
|||
justify-content: center; |
|||
border-left: 0; |
|||
} |
|||
|
|||
.topBor { |
|||
border-top: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
/deep/ .el-form-item__content { |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
border-left: 1px solid #e0e3eb; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,173 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="visible"> |
|||
<div class="tab-header webtop"> |
|||
<div>录入使用人信息</div> |
|||
<!-- <div v-else></div> --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="tempUserLook" :rules="rules" label-position="right" |
|||
class="formadd"> |
|||
<div class="tit">录入使用人信息</div> |
|||
<el-row> |
|||
<el-col :span="4" class="topBor"> |
|||
<span>合同编号</span> |
|||
</el-col> |
|||
<el-col :span="10" class="topBor"> |
|||
<el-form-item prop="contractNo"> |
|||
<span>{{ tempUserLook.contractNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="vinNo"> |
|||
<span>{{ tempUserLook.vinNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>客户名称</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="name"> |
|||
<span>{{ tempUserLook.name }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>联系电话</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="mobile"> |
|||
<span>{{ tempUserLook.mobile }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>证件号码</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="idNo"> |
|||
<span>{{ tempUserLook.idNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>联系地址</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="address"> |
|||
<span>{{ tempUserLook.address }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
import {} from '@/api/chukuguanli/chukubanli' |
|||
|
|||
export default { |
|||
name: 'userInfoLook', |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
index: 0, |
|||
disabled: false, // 保存、提交按钮状态 |
|||
createBtn: false, |
|||
// --按钮菜单------- |
|||
visible: true, |
|||
listLoading: false, |
|||
tempUserLook: {}, |
|||
rules: {}, |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
// ------------ 页面初始化 ------------ |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
}, |
|||
init() { |
|||
|
|||
}, |
|||
showInfo(useMessage, vinNo) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}); |
|||
console.log('详情拿到的信息', useMessage) |
|||
this.tempUserLook = useMessage |
|||
}, |
|||
|
|||
// ------------ 功能实现 ------------ |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// ------------ 页面跳转以及数据获取 ------------ |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.tit { |
|||
margin: 45px 0 66px 0; |
|||
padding: 10px 0 0 0; |
|||
border: 0; |
|||
} |
|||
|
|||
/deep/ .el-row { |
|||
display: flex; |
|||
justify-content: center; |
|||
border-left: 0; |
|||
} |
|||
|
|||
.topBor { |
|||
border-top: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
/deep/ .el-form-item__content { |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
border-left: 1px solid #e0e3eb; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,13 @@ |
|||
<template> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "xiaoshoudingdan" |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,13 @@ |
|||
<template> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "xiaoshoudingdanAdd" |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,13 @@ |
|||
<template> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: "xiaoshoudingdanInfo" |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,59 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
// 出库申请初始化/详情 已改
|
|||
export function fetchDetailsBySid(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/fetchDetailsBySid', |
|||
method: 'post', |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 出库审核分页列表 已改
|
|||
export function listExaminePage(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/listExaminePage', |
|||
method: "post", |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 出库分页列表 已改
|
|||
export function examine(params) { |
|||
return request({ |
|||
url: '/buscenter/v1/busdeliveredapply/examine', |
|||
method: "post", |
|||
data: params, |
|||
headers: { |
|||
'Content-Type': 'application/json' |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// 模糊搜索客户
|
|||
export function customerName() { |
|||
return request({ |
|||
url: "/buscenter/v1/busorder/likeGetCustomerName", |
|||
method: "post" |
|||
// params: { staffSid: id }
|
|||
}); |
|||
} |
|||
|
|||
// 获取下拉框option
|
|||
export function typeValues(data) { |
|||
return request({ |
|||
url: '/portal/v1/dictcommons/typeValues', |
|||
method: 'get', |
|||
params: data |
|||
// headers: {
|
|||
// 'Content-Type':'multipart/form-data',
|
|||
// }
|
|||
}) |
|||
} |
|||
@ -0,0 +1,442 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<!--标题按钮部分开始--> |
|||
<div class="tab-header webtop"> |
|||
<!--标题--> |
|||
<div>出库申请管理</div> |
|||
<!--start 查询列表按钮部分开始--> |
|||
<div> |
|||
<!-- <el-button type="primary" size="small" @click="handleSubmit()">提交</el-button>--> |
|||
<el-button type="info" size="small" @click="handleClose()" |
|||
>关闭</el-button |
|||
> |
|||
</div> |
|||
<!--end 查询列表按钮部分结束--> |
|||
</div> |
|||
<!--按钮部分结束--> |
|||
<!--Start查询列表部分--> |
|||
<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" |
|||
placeholder="请输入合同编号" |
|||
clearable |
|||
class="filter-item" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="客户名称"> |
|||
<el-select |
|||
v-model="listQuery.name" |
|||
class="addinputw" |
|||
clearable |
|||
filterable |
|||
placeholder="请选择" |
|||
@change="customerChange" |
|||
> |
|||
<el-option |
|||
v-for="item in customerList" |
|||
:key="item.sid" |
|||
:label="item.customerName" |
|||
:value="item.customerName" |
|||
/> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="申请人"> |
|||
<el-input |
|||
v-model="listQuery.params.applyName" |
|||
placeholder="请输入申请人姓名" |
|||
clearable |
|||
class="filter-item" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="申请日期"> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.applyDateStart" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
> |
|||
</el-date-picker> |
|||
</div> |
|||
<label>至</label> |
|||
<div class="block"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.applyDateEnd" |
|||
type="date" |
|||
placeholder="选择日期" |
|||
> |
|||
</el-date-picker> |
|||
</div> |
|||
</el-form-item> |
|||
<el-divider></el-divider> |
|||
<div class="searchbtns"> |
|||
<el-button type="primary" @click="handleFilter">查询</el-button> |
|||
<el-button type="primary" @click="handleReset">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!--End查询列表部分--> |
|||
|
|||
<div class="listtop"> |
|||
<div class="tit">出库申请列表</div> |
|||
<pageye |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="getList" |
|||
/> |
|||
</div> |
|||
<!--Start 主页面主要部分 --> |
|||
<div class="listcon"> |
|||
<el-table |
|||
:key="tableKey" |
|||
v-loading="listLoading" |
|||
:data="list" |
|||
:border="true" |
|||
fit |
|||
highlight-current-row |
|||
style="width: 100%" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<el-table-column type="selection" align="center" width="50" /> |
|||
<el-table-column |
|||
label="序号" |
|||
type="index" |
|||
width="80" |
|||
:index="indexMethod" |
|||
align="center" |
|||
/> |
|||
<el-table-column width="150px" label="操作" align="center"> |
|||
<template slot-scope="scope"> |
|||
<div class="searchbtns"> |
|||
<!--:disabled="scope.row.nodeState == ''?false:true"--> |
|||
<el-button |
|||
size="small" |
|||
type="primary" |
|||
@click="handleCheck(scope.row)" |
|||
>办理</el-button |
|||
> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.state }}</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"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.name }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请日期" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.applyDate }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="申请人" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.applyName }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<!--End 主页面主要部分--> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="getList" |
|||
/> |
|||
</div> |
|||
<!--End查询列表部分--> |
|||
</div> |
|||
<chukushenqing-info |
|||
v-show="viewState == 2" |
|||
ref="divInfo" |
|||
@doback="resetState" |
|||
@reloadlist="getList" |
|||
/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from "vuex"; |
|||
import { |
|||
listExaminePage, |
|||
submitBySid, |
|||
customerName, |
|||
} from "@/api/examinePage/chukushenhe"; |
|||
import { setuser, getuser } from "@/utils/baocun"; |
|||
import Pagination from "@/components/pagination"; |
|||
import pageye from "@/components/pagination/pageye"; |
|||
import chukushenqingInfo from "./chukushenheTodo"; |
|||
|
|||
export default { |
|||
name: "chukushenhe", |
|||
components: { |
|||
Pagination, |
|||
pageye, |
|||
chukushenqingInfo, |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: "", |
|||
//主页面：隐藏查询条件按钮 |
|||
isSearchShow: false, |
|||
searchxianshitit: "显示查询条件", |
|||
viewState: 1, // 1、列表 2、审批 |
|||
//查询 ----------- |
|||
tableKey: 0, |
|||
customerList: [], |
|||
list: [], |
|||
sids: [], // 用于导出的时候保存已选择的SIDs |
|||
sides: "", |
|||
state_list: [], |
|||
total: 1, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
departmentSid: window.sessionStorage.getItem("departmentSid"), //部门sid |
|||
departmentName: window.sessionStorage.getItem("departmentName"), //部门名称 |
|||
typeList: [], //选择器 |
|||
//翻页 |
|||
listQuery: { |
|||
current: 1, |
|||
size: 20, |
|||
params: { |
|||
applyDateEnd: "", // 申请日期结束时间 |
|||
applyDateStart: "", // 申请日期开始时间 |
|||
applyName: "", // 申请人 |
|||
staffSid: window.sessionStorage.getItem("staffSid"), // 申请人sid |
|||
contractNo: "", // 合同编号 |
|||
name: "", // 客户名称 |
|||
}, |
|||
}, |
|||
initObj: { |
|||
detailVo: { |
|||
applyDate: "", // 申请日期 |
|||
contractNo: "", // 合同编号 |
|||
isTerminal: "", // 是否是终端 |
|||
listVo: [], |
|||
modelName: "", // 车型别名 |
|||
name: "", // 客户名称 |
|||
}, |
|||
sid: "", |
|||
stringList: [], |
|||
}, |
|||
temp: {}, // 添加和修改 |
|||
templook: {}, // 查看实体 |
|||
textMap: { |
|||
update: "编辑", |
|||
create: "创建", |
|||
}, |
|||
dialogStatus: "", |
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
"id", |
|||
"roles", |
|||
"rolesIds", |
|||
"departmentId", |
|||
"departmentCode", |
|||
]), |
|||
}, |
|||
|
|||
created() { |
|||
// 初始化变量 |
|||
this.init(); |
|||
}, |
|||
methods: { |
|||
// ========== 初始化加载 ========== |
|||
init() { |
|||
this.getList(); |
|||
this.getCustomer(); |
|||
}, |
|||
//页面初始化 |
|||
resetTemp() { |
|||
this.temp = {}; |
|||
}, |
|||
// 客户下拉框 |
|||
getCustomer() { |
|||
customerName().then((response) => { |
|||
if (response.code === "200") { |
|||
this.customerList = response.data; |
|||
console.log("客户列表", this.customerList); |
|||
} |
|||
}); |
|||
}, |
|||
// 客户名称 |
|||
customerChange(value) { |
|||
console.log("触发下拉框按钮", value); |
|||
let bb = {}; |
|||
this.typeList.forEach((e) => { |
|||
if (e.customerName == value) { |
|||
bb = { |
|||
name: e.customerName, |
|||
sid: e.sid, |
|||
}; |
|||
} |
|||
}); |
|||
this.listQuery.params.name = bb.name; |
|||
console.log("客户名称", this.listQuery.params.name); |
|||
}, |
|||
// 表中序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size; |
|||
var pageindex = index + 1 + pagestart; |
|||
return pageindex; |
|||
}, |
|||
// ========== 页面按钮功能 ========== |
|||
// 编辑、详情返回列表页面 |
|||
resetState() { |
|||
this.viewState = 1; |
|||
}, |
|||
// 搜索条件效果 |
|||
clicksearchShow() { |
|||
this.isSearchShow = !this.isSearchShow; |
|||
if (this.isSearchShow) { |
|||
this.searchxianshitit = "隐藏查询条件"; |
|||
} else { |
|||
this.searchxianshitit = "显示查询条件"; |
|||
} |
|||
}, |
|||
// 信息条数 获取点击时当前的sid |
|||
handleSelectionChange(row) { |
|||
console.log("开票", row); |
|||
const aa = []; |
|||
const bb = []; |
|||
row.forEach((element) => { |
|||
aa.push(element.sid); |
|||
setuser(this.sids); //用于导出的时候保存已选择的sids |
|||
bb.push(element.state); |
|||
}); |
|||
this.sids = aa; |
|||
this.sides = this.sids.join(); //将sid数组的元素转化成字符串 |
|||
this.state_list = bb; |
|||
console.log("sids数组", this.sids); |
|||
console.log("sides字符串", this.sides); |
|||
}, |
|||
// 查询按钮 |
|||
handleFilter() { |
|||
this.listQuery.current = 1; |
|||
this.getList(); |
|||
}, |
|||
// 点击重置 |
|||
handleReset() { |
|||
this.listQuery.params = { |
|||
applicant: "", |
|||
contractNo: "", |
|||
customerName: "", |
|||
endDate: "", |
|||
invoiceState: "", |
|||
startDate: "", |
|||
}; |
|||
}, |
|||
// ========== 业务功能 ========== |
|||
// 查询列表信息 |
|||
getList() { |
|||
this.listLoading = true; |
|||
listExaminePage(this.listQuery).then((response) => { |
|||
//拦截器 |
|||
this.listLoading = false; |
|||
console.log(response); |
|||
if ( |
|||
response.code === "200" && |
|||
response.data && |
|||
response.data.total > 0 |
|||
) { |
|||
this.list = response.data.records; |
|||
this.total = response.data.total; |
|||
} else { |
|||
this.list = []; |
|||
this.total = 0; |
|||
} |
|||
}); |
|||
}, |
|||
// 打开查看 |
|||
handleCheck(row) { |
|||
this.viewState = 2; |
|||
this.$refs["divInfo"].showInfo(row.sid, row.state); |
|||
}, |
|||
|
|||
// 关闭 |
|||
handleClose() {}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.switch_btn { |
|||
padding: 15px 0 10px 0; |
|||
} |
|||
|
|||
.block { |
|||
display: inline-block; |
|||
} |
|||
|
|||
label { |
|||
padding: 0 6px; |
|||
} |
|||
.searchbtns { |
|||
margin: 10px 0; |
|||
text-align: center; |
|||
} |
|||
.btn_style { |
|||
background-color: #018ad2; |
|||
color: white; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
/deep/ .el-collapse { |
|||
border-top: 0px solid #e6ebf5; |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__content { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__wrap { |
|||
border-bottom: 0px solid #ebeef5; |
|||
} |
|||
|
|||
/deep/ .el-collapse-item__header { |
|||
border-bottom: 0px solid #e6ebf5; |
|||
} |
|||
|
|||
.searchbtn { |
|||
border: #2cab69 1px solid; |
|||
color: #2cab69; |
|||
} |
|||
|
|||
.searchli { |
|||
padding: 5px 100px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,392 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="isShow"> |
|||
<div class="tab-header webtop"> |
|||
<div>出库申请详情</div> |
|||
<!-- <div v-else></div> --> |
|||
<div> |
|||
<el-button |
|||
type="primary" |
|||
size="small" |
|||
:disabled="createBtn" |
|||
@click="handleAgree()" |
|||
>同意</el-button |
|||
> |
|||
<el-button |
|||
type="primary" |
|||
size="small" |
|||
:disabled="disabled" |
|||
@click="handleDisagree()" |
|||
>不同意</el-button |
|||
> |
|||
<el-button type="info" size="small" @click="handleReturn()" |
|||
>返回</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form |
|||
ref="dataForm" |
|||
:model="temp" |
|||
label-position="right" |
|||
label-width="100%" |
|||
class="formadd" |
|||
:rules="rules" |
|||
> |
|||
<div class="tit"> |
|||
出库申请 |
|||
<div class="times"> |
|||
<div> |
|||
<span>合同编号：</span><span>{{ temp.contractNo }}</span> |
|||
</div> |
|||
<div> |
|||
<span>申请日期：</span><span>{{ temp.applyDate }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-row class="nothingBorder"> |
|||
<el-col :span="2" /> |
|||
<el-col :span="4"> |
|||
<el-form-item><span slot="label">客户名称：</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
{{ temp.name }} |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="4"> |
|||
<el-form-item |
|||
><span slot="label">是否为终端客户：</span></el-form-item |
|||
> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<el-radio v-model="temp.isTerminal" :label="0">否</el-radio> |
|||
<el-radio v-model="temp.isTerminal" :label="1">是</el-radio> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="2" /> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="2" /> |
|||
<el-col :span="4"> |
|||
<el-form-item><span slot="label">车型：</span></el-form-item> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-form-item> |
|||
<span>{{ temp.modelName }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12" /> |
|||
</el-row> |
|||
|
|||
<!--Start 预订车辆信息--> |
|||
<div class="titcon"> |
|||
<div class="title">车辆信息</div> |
|||
</div> |
|||
<!--@selection-change="handleSelectionChange"--> |
|||
<el-table |
|||
v-loading="listLoading" |
|||
:data="detailsList" |
|||
border |
|||
style="width: 100%" |
|||
:index="index" |
|||
fit |
|||
> |
|||
<!-- <el-table-column type="selection" align="center" width="50"/>--> |
|||
<el-table-column |
|||
align="center" |
|||
label="序号" |
|||
type="index" |
|||
width="50" |
|||
/> |
|||
<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"> |
|||
<template slot-scope="scope"> |
|||
<span>{{ scope.row.price }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="使用人信息" align="center"> |
|||
<template slot-scope="scope"> |
|||
<!-- && scope.row.exist == '1' scope.row.nodeState == '' ? false:scope.row.nodeState == '发起订单'?false : true --> |
|||
<el-button |
|||
v-show="temp.isTerminal === 0" |
|||
size="medium" |
|||
type="primary" |
|||
@click="lookUserInfo(scope.row.vinNo)" |
|||
class="btntopbluebut" |
|||
>查看 |
|||
</el-button> |
|||
<span v-show="temp.isTerminal == 3">无</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="备注" align="center"> |
|||
<template slot-scope="scope"> |
|||
<el-input |
|||
v-model="scope.row.remarks" |
|||
class="addinputw" |
|||
placeholder="请输入备注" |
|||
clearable |
|||
/> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!--@returnEdit="getUserInfoEdit"--> |
|||
<user-info-look |
|||
v-show="isShowLook" |
|||
ref="divUserInfo" |
|||
@doback="resetState" |
|||
/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { mapGetters } from "vuex"; |
|||
import { fetchDetailsBySid, examine } from "@/api/examinePage/chukushenhe"; |
|||
import userInfoLook from "./relation/userInfoLook"; |
|||
|
|||
export default { |
|||
name: "chukushenheTodo", |
|||
components: { |
|||
userInfoLook, |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: "", |
|||
index: 0, |
|||
disabled: false, // 保存、提交按钮状态 |
|||
createBtn: false, |
|||
dialogStatus: "add", // 提交状态 |
|||
// --按钮菜单------- |
|||
isShow: true, |
|||
isShowLook: false, |
|||
// === |
|||
listLoading: false, |
|||
list: [], |
|||
temp: { |
|||
applyName: window.sessionStorage.getItem("name"), // 申请人 |
|||
applySid: window.sessionStorage.getItem("staffSid"), // 申请人sid 即staffSid |
|||
contractNo: "", // 合同编号 |
|||
isTerminal: 3, // 是否是终端 1是，0不是 |
|||
modelName: "", // 车型别名 |
|||
name: "", // 客户名称 |
|||
sid: "", |
|||
applyDate: "", //申请日期 |
|||
detailsList: [], |
|||
}, // 添加和修改 |
|||
detailsList: [ |
|||
{ |
|||
price: "", //成交价 |
|||
remarks: "", // 备注 |
|||
vinNo: "", // 车架号 |
|||
useMessage: {}, |
|||
}, |
|||
], |
|||
sids: [], |
|||
vinNo_info: "", |
|||
submitDto: { |
|||
businessSid: "", |
|||
userSid: window.sessionStorage.getItem("userSid"), |
|||
}, |
|||
rules: {}, |
|||
// ------------------------------------ |
|||
}; |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
"id", |
|||
"roles", |
|||
"rolesIds", |
|||
"departmentId", |
|||
"departmentCode", |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init(); |
|||
}, |
|||
methods: { |
|||
// ------------ 页面初始化 ------------ |
|||
init() { |
|||
this.temp = { |
|||
applyName: window.sessionStorage.getItem("name"), // 申请人 |
|||
applySid: window.sessionStorage.getItem("staffSid"), // 申请人sid 即staffSid |
|||
contractNo: "", // 合同编号 |
|||
isTerminal: 3, // 是否是终端 1是，0不是 |
|||
modelName: "", // 车型别名 |
|||
name: "", // 客户名称 |
|||
sid: "", |
|||
applyDate: "", //申请日期 |
|||
detailsList: [], |
|||
isUse: false, |
|||
}; |
|||
}, |
|||
resetState() { |
|||
this.isShow = true; |
|||
this.isShowLook = false; |
|||
}, |
|||
showInfo(sid, state) { |
|||
this.$nextTick(() => { |
|||
this.$refs["dataForm"].clearValidate(); |
|||
}); |
|||
if (state == "已通过" || state == "未通过") { |
|||
this.disabled = true; |
|||
this.createBtn = true; |
|||
} |
|||
|
|||
fetchDetailsBySid({ sid: sid }).then((response) => { |
|||
if (response.success) { |
|||
this.temp = response.data; |
|||
this.temp.sid = sid; |
|||
this.detailsList = response.data.listVo; |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
if (JSON.stringify(this.detailsList[i].useMessage) !== "{}") { |
|||
this.detailsList[i].isExist = "1"; |
|||
} |
|||
} |
|||
this.temp = JSON.parse( |
|||
JSON.stringify(this.temp).replace(/listVo/g, "detailsList") |
|||
); |
|||
console.log("isTerminal", this.temp.isTerminal); |
|||
} |
|||
}); |
|||
}, |
|||
// 查看用户人信息 |
|||
lookUserInfo(vinNo) { |
|||
console.log("1111", vinNo); |
|||
for (var i = 0; i < this.detailsList.length; i++) { |
|||
if (this.detailsList[i].vinNo == vinNo) { |
|||
let useMessage = {}; |
|||
useMessage = this.detailsList[i].useMessage; |
|||
this.isShow = false; |
|||
this.isShowLook = true; |
|||
this.$refs["divUserInfo"].showInfo(useMessage, vinNo); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
handleSelectionChange(row) { |
|||
console.log("开票", row); |
|||
const aa = []; |
|||
const bb = []; |
|||
row.forEach((element) => { |
|||
aa.push(element.vinNo); |
|||
bb.push(element.sid); |
|||
}); |
|||
this.vinNo_info = aa.join(); |
|||
this.sids = bb; |
|||
}, |
|||
// ------------ 功能实现 ------------ |
|||
handleAgree() { |
|||
this.$confirm("是否确认同意此审核", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
type: "warning", |
|||
}).then(() => { |
|||
const info = { |
|||
sid: this.temp.sid, |
|||
state: 3, |
|||
}; |
|||
examine(info).then((response) => { |
|||
if (response.success) { |
|||
this.handleReturn("true"); |
|||
} |
|||
}); |
|||
}); |
|||
}, |
|||
handleDisagree() { |
|||
this.$prompt("请输入不通过原因", "提示", { |
|||
confirmButtonText: "确定", |
|||
cancelButtonText: "取消", |
|||
}).then(({ value }) => { |
|||
if (value) { |
|||
const info = { |
|||
sid: this.temp.sid, |
|||
reason: value, |
|||
state: 4, |
|||
}; |
|||
examine(info).then((response) => { |
|||
if (response.success) { |
|||
this.handleReturn("true"); |
|||
} |
|||
}); |
|||
} else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: "请填写不通过原因！", |
|||
type: "error", |
|||
}); |
|||
return; |
|||
} |
|||
}); |
|||
}, |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === "true") this.$emit("reloadlist"); |
|||
this.$refs["dataForm"].resetFields(); |
|||
this.$emit("doback"); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.tit { |
|||
margin: 0 0 20px 0; |
|||
padding: 10px 0 0 0; |
|||
} |
|||
|
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-around; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0px auto; |
|||
width: 70%; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.formadd /deep/ .el-row { |
|||
border: 0; |
|||
} |
|||
|
|||
.formadd /deep/ .el-col { |
|||
border: 0; |
|||
} |
|||
|
|||
/deep/ .el-form-item__content { |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
.titcon { |
|||
border: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
.titcon, |
|||
.title { |
|||
background-color: white; |
|||
color: black; |
|||
} |
|||
|
|||
.changeIt { |
|||
line-height: 40px; |
|||
font-size: 17px; |
|||
float: right; |
|||
} |
|||
.formadd { |
|||
padding: 20px 0; |
|||
} |
|||
.formadd .tit { |
|||
font-size: 32px; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
text-align: center; |
|||
margin: 0 0 20px 0; |
|||
padding: 20px 0; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,181 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="visible"> |
|||
<div class="tab-header webtop"> |
|||
<div>录入使用人信息</div> |
|||
<!-- <div v-else></div> --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="createBtn" @click="handleCreate()">保存</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<el-form ref="dataForm" :model="tempUserLook" :rules="rules" label-position="right" |
|||
class="formadd"> |
|||
<div class="tit">录入使用人信息</div> |
|||
<el-row> |
|||
<el-col :span="4" class="topBor"> |
|||
<span>合同编号</span> |
|||
</el-col> |
|||
<el-col :span="10" class="topBor"> |
|||
<el-form-item prop="contractNo"> |
|||
<span>{{ tempUserLook.contractNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="vinNo"> |
|||
<span>{{ tempUserLook.vinNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>客户名称</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="name"> |
|||
<span>{{ tempUserLook.name }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>联系电话</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="mobile"> |
|||
<span>{{ tempUserLook.mobile }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>证件号码</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="idNo"> |
|||
<span>{{ tempUserLook.idNo }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4"> |
|||
<span>联系地址</span> |
|||
</el-col> |
|||
<el-col :span="10"> |
|||
<el-form-item prop="address"> |
|||
<span>{{ tempUserLook.address }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import {mapGetters} from 'vuex' |
|||
|
|||
export default { |
|||
name: 'userInfoLook', |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
index: 0, |
|||
disabled: false, // 保存、提交按钮状态 |
|||
createBtn: false, |
|||
// --按钮菜单------- |
|||
visible: true, |
|||
listLoading: false, |
|||
tempUserLook: {}, |
|||
rules: {}, |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
computed: { |
|||
...mapGetters([ |
|||
'id', |
|||
'roles', |
|||
'rolesIds', |
|||
'departmentId', |
|||
'departmentCode', |
|||
]), |
|||
}, |
|||
created() { |
|||
// 初始化变量 |
|||
this.init() |
|||
}, |
|||
methods: { |
|||
// ------------ 页面初始化 ------------ |
|||
// 添加前数据初始化 |
|||
resetTemp() { |
|||
}, |
|||
init() { |
|||
|
|||
}, |
|||
showInfo(useMessage, vinNo) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}); |
|||
console.log('详情拿到的信息', useMessage) |
|||
this.tempUserLook = useMessage |
|||
}, |
|||
|
|||
// ------------ 功能实现 ------------ |
|||
// 返回 |
|||
handleReturn() { |
|||
this.$emit('doback') |
|||
}, |
|||
// ------------ 页面跳转以及数据获取 ------------ |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.tit { |
|||
margin: 45px 0 66px 0; |
|||
padding: 10px 0 0 0; |
|||
border: 0; |
|||
} |
|||
|
|||
/deep/ .el-row { |
|||
display: flex; |
|||
justify-content: center; |
|||
border-left: 0; |
|||
} |
|||
|
|||
.topBor { |
|||
border-top: 1px solid #e0e3eb; |
|||
} |
|||
|
|||
/deep/ .el-form-item__content { |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-4 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
border-left: 1px solid #e0e3eb; |
|||
} |
|||
.formadd { |
|||
padding: 20px 0; |
|||
} |
|||
.formadd .tit { |
|||
font-size: 32px; |
|||
text-align: center; |
|||
margin: 0 0 20px 0; |
|||
padding: 20px 0; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue