hanlinghao
3 years ago
67 changed files with 3114 additions and 328 deletions
@ -0,0 +1,12 @@ |
|||
<script> |
|||
export default { |
|||
created() { |
|||
const { params, query } = this.$route |
|||
const { path } = params |
|||
this.$router.replace({ path: '/' + path, query }) |
|||
}, |
|||
render: function(h) { |
|||
return h() // avoid warning message |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,12 @@ |
|||
<script> |
|||
export default { |
|||
created() { |
|||
const { params, query } = this.$route |
|||
const { path } = params |
|||
this.$router.replace({ path: '/' + path, query }) |
|||
}, |
|||
render: function(h) { |
|||
return h() // avoid warning message |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,12 @@ |
|||
<script> |
|||
export default { |
|||
created() { |
|||
const { params, query } = this.$route |
|||
const { path } = params |
|||
this.$router.replace({ path: '/' + path, query }) |
|||
}, |
|||
render: function(h) { |
|||
return h() // avoid warning message |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,12 @@ |
|||
<script> |
|||
export default { |
|||
created() { |
|||
const { params, query } = this.$route |
|||
const { path } = params |
|||
this.$router.replace({ path: '/' + path, query }) |
|||
}, |
|||
render: function(h) { |
|||
return h() // avoid warning message |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,11 @@ |
|||
import request from '@/utils/request' |
|||
import qs from 'qs' |
|||
|
|||
|
|||
export function selectModelName(data) { |
|||
return request({ |
|||
url: '/base/v1/basevehiclemodel/selectDownPlusByModelName', |
|||
method: 'get', |
|||
params: data |
|||
}) |
|||
} |
|||
@ -0,0 +1,12 @@ |
|||
<script> |
|||
export default { |
|||
created() { |
|||
const { params, query } = this.$route |
|||
const { path } = params |
|||
this.$router.replace({ path: '/' + path, query }) |
|||
}, |
|||
render: function(h) { |
|||
return h() // avoid warning message |
|||
} |
|||
} |
|||
</script> |
|||
@ -0,0 +1,378 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar view-title="存放地点变更申请" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow"> |
|||
{{ isSearchShow ? '隐藏查询条件' : '显示查询条件' }} |
|||
</el-button> <!--:model="listQuery"--> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="申请日期"> |
|||
<el-date-picker |
|||
v-model="listQuery.params.applyDateStart " |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
<span style="padding: 0 8px">至</span> |
|||
<el-date-picker |
|||
v-model="listQuery.params.applyDateEnd" |
|||
type="date" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="车架号"> |
|||
<el-input v-model="listQuery.params.vinNo" placeholder="请输入名称" clearable/> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="getList">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--Start 项目列表头部--> |
|||
<div class="listtop"> |
|||
<div class="tit">存放地点变更申请列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="listQuery.total" :page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" class="pagination" @pagination="loadList"/> |
|||
</div> |
|||
<!--End 项目列表头部--> |
|||
<!--Start 项目列表--> |
|||
<div class=""> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" @selection-change="handleSelectionChange"> |
|||
<el-table-column width="50px" type="selection" align="center"/> |
|||
<el-table-column width="80px" fixed label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column label="操作" fixed align="center" width="160px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"> |
|||
<el-button size="mini" type="primary" @click="handleEdit(row)">办理</el-button> |
|||
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column width="120px" prop="" label="状态" align="center"/> |
|||
<el-table-column width="160px" prop="" label="申请编号" align="center"/> |
|||
<el-table-column width="140px" prop="" label="申请日期" align="center"/> |
|||
<el-table-column width="130px" prop="" label="申请人" align="center"/> |
|||
<el-table-column width="180px" prop="vinNo" label="车架号" align="center"/> |
|||
<el-table-column width="160px" prop="" label="现存放地点" align="center"/> |
|||
<el-table-column width="160px" prop="" label="目标存放地点" align="center"/> |
|||
<el-table-column width="130px" prop="" label="经办人" align="center"/> |
|||
<el-table-column width="160px" prop="" label="申请费用" align="center"/> |
|||
<el-table-column width="180px" prop="" label="现场照片" align="center"> |
|||
<template slot-scope="{row}"> |
|||
<div class="upload_img"> |
|||
<upload ref="uploadMoreImg" v-model="imgList" :limit="1" bucket="map" @eett="getList" :upload-data="{type:'0001',modelSid: row.sid}"></upload> |
|||
</div> |
|||
<!-- <el-button size="mini" type="primary" @click="handleUpload(row)">上传</el-button>--> |
|||
<el-button size="mini" type="primary" @click="handleCheckImg(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<!--End 项目列表--> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="dataList.length > 0" |
|||
:total="listQuery.total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="loadList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 照片弹窗 --> |
|||
<el-dialog title="查看" :visible.sync="dialogImgVisible"> |
|||
<el-image v-for="item in srcList" style="width: 100px; height: 100px" :src="item" :preview-src-list="srcList"/> |
|||
</el-dialog> |
|||
<cunfangdidianbiangeng-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList"/> |
|||
<cunfangdidianbiangeng-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/anruiscm/scmwarehouse' |
|||
import { getUseOrgByUserSid, selectModelName } from '@/api/cheliang/basevehicle' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import cunfangdidianbiangengAdd from '@/views/supplychain/cunfangdidianbiangeng/cunfangdidianbiangengAdd' |
|||
import cunfangdidianbiangengInfo from '@/views/supplychain/cunfangdidianbiangeng/cunfangdidianbiangengInfo' |
|||
import upload from '../../../components/uploadFile/upload_chexing' |
|||
|
|||
export default { |
|||
name: 'cunfangdidianbiangeng', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
cunfangdidianbiangengAdd, |
|||
cunfangdidianbiangengInfo, |
|||
upload |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
tableLoading: false, |
|||
dialogImgVisible: false, |
|||
srcList: [], |
|||
imgList:[], |
|||
multipleSelection:[], |
|||
sids:[], |
|||
dataList: [], |
|||
useOrg_list: [], |
|||
modelName_list: [], |
|||
slowMachine_list: [], |
|||
useOrg: '', // 使用组织 |
|||
useOrgSid: '', // 使用组织sid |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
vinNo: '', |
|||
modelName: '', |
|||
slowMachineKey: '' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'plus', |
|||
btnKey: 'toAdd', |
|||
btnLabel: '新增' |
|||
}, |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'submit', |
|||
btnKey: 'doSubmit', |
|||
btnLabel: '提交' |
|||
}, |
|||
{ |
|||
type: 'primary', |
|||
size: 'small', |
|||
icon: 'edit', |
|||
btnKey: 'toEdit', |
|||
btnLabel: '编辑' |
|||
}, |
|||
{ |
|||
type: 'danger', |
|||
size: 'small', |
|||
icon: 'del', |
|||
btnKey: 'doDel', |
|||
btnLabel: '删除' |
|||
}, |
|||
// { |
|||
// type: 'info', |
|||
// size: 'small', |
|||
// icon: 'cross', |
|||
// btnKey: 'doClose', |
|||
// btnLabel: '关闭' |
|||
// } |
|||
] |
|||
} |
|||
}, |
|||
created() { |
|||
this.getList() |
|||
// this.getUseOrg() |
|||
this.getModelName() |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'doSubmit': |
|||
this.doSubmit() |
|||
break |
|||
case 'toEdit': |
|||
this.toEdit() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
toAdd() { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd() |
|||
}, |
|||
toEdit() { |
|||
if (this.multipleSelection.length === 0) { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择一条记录进行编辑' }) |
|||
return |
|||
} |
|||
if (this.multipleSelection.length > 1) { |
|||
this.$message({ showClose: true, type: 'error', message: '只能选择一条记录进行编辑' }) |
|||
return |
|||
} |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(this.sids[0]) |
|||
}, |
|||
doDel() { |
|||
if (this.multipleSelection.length === 0) { |
|||
this.$message({showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作'}) |
|||
return |
|||
} |
|||
const _this = this |
|||
const tip = '请确认是否删除所选 ' + this.multipleSelection.length + ' 条记录?' |
|||
this.$confirm(tip, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
const loading = this.$loading({ |
|||
lock: true, |
|||
text: 'Loading', |
|||
spinner: 'el-icon-loading', |
|||
background: 'rgba(0, 0, 0, 0.7)' |
|||
}) |
|||
req.delBySids(this.sids).then(resp => { |
|||
if (resp.success){ |
|||
loading.close() |
|||
_this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
_this.loadList() |
|||
} |
|||
}).catch(e => { |
|||
loading.close() |
|||
}) |
|||
}).catch(() => { |
|||
}) |
|||
}, |
|||
handleEdit(row) { |
|||
this.viewState = 3 |
|||
this.$refs['divadd'].showEdit(row.sid) |
|||
}, |
|||
handleCheck(row) { |
|||
console.log('详情回显', row) |
|||
this.viewState = 4 |
|||
this.$refs['divinfo'].showInfo(row) |
|||
}, |
|||
getList() { |
|||
this.listQuery.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.listQuery.params = { |
|||
useOrg: this.useOrg, |
|||
useOrgSid: this.useOrgSid, |
|||
vinNo: '', |
|||
applyDateStart: '', |
|||
applyDateEnd: '' |
|||
} |
|||
this.listQuery.params.sid = '' // sid |
|||
this.listQuery.params.name = '' // 登录名 |
|||
this.getList() |
|||
}, |
|||
loadList() { |
|||
const _this = this |
|||
this.tableLoading = true |
|||
req |
|||
.listPage(this.listQuery) |
|||
.then(resp => { |
|||
_this.tableLoading = false |
|||
const data = resp.data |
|||
_this.listQuery.total = data.total |
|||
_this.dataList = data.records |
|||
}) |
|||
.catch(() => { |
|||
_this.tableLoading = false |
|||
}) |
|||
}, |
|||
handleSelectionChange(row) { |
|||
this.multipleSelection = row |
|||
const aa = [] |
|||
row.forEach((element) => { |
|||
aa.push(element.sid) |
|||
}) |
|||
this.sids = aa |
|||
console.log('勾选的数据',this.sids) |
|||
}, |
|||
handleUpload(){ |
|||
|
|||
}, |
|||
handleCheckImg(row){ |
|||
this.dialogImgVisible = true |
|||
// this.srcList = row.vehicleModelUrls |
|||
}, |
|||
// 车型名称下拉框 |
|||
getModelName() { |
|||
selectModelName({ name: '' }).then((response) => { |
|||
if (response.code === '200') { |
|||
this.modelName_list = response.data |
|||
} |
|||
}) |
|||
}, |
|||
// 根据个人sid查询个人分公司 |
|||
getUseOrg() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getUseOrgByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.success) { |
|||
this.useOrg = res.data.name // 使用组织 |
|||
this.useOrgSid = res.data.sid // 使用组织sid |
|||
this.listQuery.params.useOrgSid = res.data.sid |
|||
this.loadList() |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.searchbtn { |
|||
border: #2cab69 1px solid; |
|||
color: #2cab69; |
|||
} |
|||
|
|||
.btn { |
|||
padding: 15px 0 15px 0; |
|||
border: 1px solid #e0e3eb; |
|||
background: white; |
|||
} |
|||
|
|||
.tab-header { |
|||
background-color: #edf1f7; |
|||
padding: 8px 20px; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
.tab-header /deep/ .el-form-item { |
|||
margin-bottom: 10px; |
|||
} |
|||
.upload_img { |
|||
display: inline-block; |
|||
padding-right: 10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,317 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</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 class="listconadd"> |
|||
<div class="title">车辆存放地点变更申请</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> |
|||
<div class="tit"> |
|||
<div class="times"> |
|||
<div> |
|||
<span>申请日期：</span> |
|||
<span>{{ temp.createDate }}</span> |
|||
</div> |
|||
<div> |
|||
<span>申请人：</span> |
|||
<span>{{ temp.staffName }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-row style="border-top: 1px solid #e0e3eb;"> |
|||
<el-col :span="3"> |
|||
<span>现存放地点</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-select v-model="temp.xian" placeholder="请选择" clearable class="addinputw"> |
|||
<el-option v-for="item in xian_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>目标存放地点</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-select v-model="temp.mu" placeholder="请选择" clearable class="addinputw"> |
|||
<el-option v-for="item in mu_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-select v-model="temp.vinNo" placeholder="请选择" filterable clearable class="addinputw"> |
|||
<el-option v-for="item in vinNo_list" :key="item.sid" :label="item.vinNo" :value="item.sid"/> |
|||
</el-select> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>变更原因</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-input v-model="temp.carModel" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>申请费用</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-input v-model="temp.carModel" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span><span class="icon">*</span>经办人</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-input v-model="temp.carModel" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>保险状态</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<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-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getPathSidByUserSid } from '@/api/cheliang/dictcommons' |
|||
import { namesDown } from '@/api/cheliang/basevehicle' |
|||
|
|||
export default { |
|||
name: "cunfangdidianbiangengAdd", |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
// --按钮菜单------- |
|||
sid: '', |
|||
datas: null, |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
xian_list:[], |
|||
mu_list:[], |
|||
imgList: [], // 附件上传 |
|||
vinNo_list:[], // 车架号 |
|||
temp: { |
|||
orderType: '01' |
|||
}, // 添加和修改 |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
vehiclePhoto: [], |
|||
rules: {} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
getType(){ |
|||
// 现存放地点 |
|||
// typeValues({ |
|||
// type: '' |
|||
// }).then((res) => { |
|||
// if (res.code === '200') { |
|||
// this.kuwei_list = res.data |
|||
// console.log('库位', this.kuwei_list) |
|||
// } |
|||
// }) |
|||
// 目标存放地点 |
|||
// typeValues({ |
|||
// type: '' |
|||
// }).then((res) => { |
|||
// if (res.code === '200') { |
|||
// this.kuwei_list = res.data |
|||
// console.log('库位', this.kuwei_list) |
|||
// } |
|||
// }) |
|||
}, |
|||
//车架号 |
|||
getCheJia() { |
|||
namesDown({ vinNo: '' }).then((response) => { |
|||
if (response.code === '200') { |
|||
this.vinNo_list = response.data |
|||
} |
|||
}) |
|||
}, |
|||
// kuweiChange(val) { |
|||
// const choosetItem = this.kuwei_list.filter((item) => item.dictKey == val) |
|||
// this.temp.dictValue = choosetItem[0].kuwei |
|||
// console.log('name:', , 'key:', ) |
|||
// }, |
|||
// kuweiChange(val) { |
|||
// const choosetItem = this.kuwei_list.filter((item) => item.dictKey == val) |
|||
// this.temp.dictValue = choosetItem[0].kuwei |
|||
// console.log('name:', , 'key:', ) |
|||
// }, |
|||
showAdd() { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'add' |
|||
this.viewTitle = '【新增】车辆存放地点变更申请' |
|||
}, |
|||
showEdit(sid) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'update' |
|||
this.viewTitle = '【修改】车辆存放地点变更申请' |
|||
// this.temp.sid = sid |
|||
// console.log('修改页面sid', this.temp.sid) |
|||
// details(sid).then((response) => { |
|||
// if (response.code === '200') { |
|||
// if (response.data.createOrg) { |
|||
// console.log('级联选择1：', response.data.useOrg) |
|||
// this.useOrgArry = response.data.createOrg |
|||
// console.log('级联选择2：', this.useOrgArry) |
|||
// } |
|||
// this.temp = response.data |
|||
// this.getLocation() |
|||
// this.getModelConfig(this.temp.modelSid) |
|||
// } |
|||
// }) |
|||
// this.getType() |
|||
// this.getZuZhi() |
|||
// this.getUseOrg() |
|||
}, |
|||
// 获得使用组织 |
|||
getUseOrg() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getUseOrgByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.success) { |
|||
this.temp.useOrgName = res.data.name |
|||
this.temp.useOrg = res.data.sid |
|||
this.temp.createOrg = res.data.sid |
|||
this.temp.createOrgName = res.data.name |
|||
this.org_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getPathSid() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getPathSidByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.listQuery.params.createOrgSId = res.data |
|||
this.useOrg = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getUrl() { |
|||
if (this.imgList.length > 0) { |
|||
console.log('imgList', this.imgList) |
|||
} else { |
|||
|
|||
} |
|||
|
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.temp = { |
|||
orderType: '01' |
|||
} |
|||
this.$emit('doback') |
|||
}, |
|||
// 提交添加数据 |
|||
handleCreate() { |
|||
console.log('this.temp.useOrg', this.useOrgArry) |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.FormLoading = true |
|||
// 只需添加和修改 |
|||
// SaveList(this.temp).then((response) => { |
|||
// this.FormLoading = false |
|||
// if (response.code === '200') { |
|||
// setChe(response.data) |
|||
// this.dialogFormVisible = false |
|||
// this.handleReturn('true') |
|||
// } else { |
|||
// this.$notify({ |
|||
// title: '提示', |
|||
// message: '添加失败', |
|||
// type: 'error', |
|||
// duration: 2000 |
|||
// }) |
|||
// } |
|||
// }) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 处理图片 |
|||
// this.temp.vehiclePhoto = [] |
|||
// if (this.vehiclePhoto_Images.length > 0) { |
|||
// for (var i = 0; i < this.vehiclePhoto_Images.length; i++) { |
|||
// var image_start = this.vehiclePhoto_Images.indexOf('/upload') + 8 |
|||
// var image_url = this.vehiclePhoto_Images.substring(image_start) |
|||
// this.temp.vehiclePhoto.push(image_url) |
|||
// } |
|||
// } |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-autocomplete { |
|||
width: 80%; |
|||
} |
|||
|
|||
.listconadd { |
|||
width: 100%; |
|||
padding: 0 240px !important; |
|||
} |
|||
|
|||
.title { |
|||
padding-top: 28px; |
|||
} |
|||
|
|||
.formadd .title { |
|||
padding: 10px !important; |
|||
} |
|||
|
|||
.yancheAdd .el-row { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
.yancheAdd .el-col { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
.tit { |
|||
margin-bottom: 30px; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
} |
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,190 @@ |
|||
<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"> |
|||
<div class="title">车辆存放地点变更申请</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|||
<div class="tit"> |
|||
<div class="times"> |
|||
<div> |
|||
<span>申请日期：</span> |
|||
<span>{{ temp.createDate }}</span> |
|||
</div> |
|||
<div> |
|||
<span>申请人：</span> |
|||
<span>{{ temp.staffName }}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<el-row style="border-top: 1px solid #e0e3eb;"> |
|||
<el-col :span="3"> |
|||
<span>现存放地点</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<span>{{temp.xian}}</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>目标存放地点</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<span>{{temp.mu}}</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<span>{{temp.vinNo}}</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>变更原因</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<span>{{temp.carModel}}</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>申请费用</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<span>{{temp.carModel}}</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span><span class="icon">*</span>经办人</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<span>{{temp.carModel}}</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>保险状态</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<span>{{temp.isTerminal}}</span> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'cunfangdidianbiangengInfo', |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
// --按钮菜单------- |
|||
sid: '', |
|||
datas: null, |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
xian_list:[], |
|||
mu_list:[], |
|||
imgList: [], // 附件上传 |
|||
vinNo_list:[], // 车架号 |
|||
temp: { |
|||
orderType: '01' |
|||
}, // 添加和修改 |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
vehiclePhoto: [], |
|||
rules: {} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
handleReturn() { |
|||
this.temp = {} |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(sid, row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'edit' |
|||
this.viewTitle = '存放地点变更申请详情' |
|||
// req.fetchBySid(sid).then((resp) => { |
|||
// const data = resp.data |
|||
// this.sid = sid |
|||
// this.temp = data |
|||
// if (this.temp.personType === '全职') { |
|||
// this.isQuit = false |
|||
// } else { |
|||
// this.isQuit = true |
|||
// } |
|||
// data.isHaveAged = this.temp.isHaveAged |
|||
// console.log('编辑回显出的数据', this.temp) |
|||
// }).catch((e) => { |
|||
// this.temp = row |
|||
// }) |
|||
}, |
|||
open(val) { |
|||
this.dialogVisible = true |
|||
this.dialogUrl = val |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-autocomplete { |
|||
width: 80%; |
|||
} |
|||
|
|||
.listconadd { |
|||
width: 100%; |
|||
padding: 0 240px !important; |
|||
} |
|||
|
|||
.title { |
|||
padding-top: 28px; |
|||
} |
|||
|
|||
.formadd .title { |
|||
padding: 10px !important; |
|||
} |
|||
|
|||
.yancheAdd .el-row { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
.yancheAdd .el-col { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
.tit { |
|||
margin-bottom: 30px; |
|||
border-bottom: 1px solid #e0e3eb; |
|||
} |
|||
.times { |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 30px 0 10px 0; |
|||
margin: 0 auto 0 auto; |
|||
width: 75%; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,247 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</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 class="listconadd"> |
|||
<div class="title">车辆入库</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|||
<el-row style="border-top: 1px solid #e0e3eb;"> |
|||
<el-col :span="3"> |
|||
<span>入库日期</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-date-picker v-model="temp.priceDate" type="date" format="yyyy-MM-dd" class="addinputw" |
|||
value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>入库人</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<span>{{temp.person}}</span> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<span>{{temp.vinNo}}</span> |
|||
</el-col> |
|||
<el-col :span="3"> |
|||
<span>库位</span> |
|||
</el-col> |
|||
<el-col :span="9"> |
|||
<el-select v-model="temp.kuwei" placeholder="请选择" filterable clearable class="addinputw"> |
|||
<el-option v-for="item in kuwei_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>附件</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<upload ref="uploadImg" v-model="imgList" :limit="1" bucket="map" :upload-data="{type:'0001'}"></upload> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getPathSidByUserSid, typeValues } from '@/api/cheliang/dictcommons.js' |
|||
import Upload from '@/components/uploadFile/uploadImg.vue' |
|||
|
|||
export default { |
|||
name: 'rukuguanliAdd', |
|||
components: { |
|||
Upload |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
// --按钮菜单------- |
|||
sid: '', |
|||
datas: null, |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
kuwei_list:[], |
|||
imgList: [], // 附件上传 |
|||
temp: { |
|||
orderType: '01' |
|||
}, // 添加和修改 |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
vehiclePhoto: [], |
|||
rules: {} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
getType(){ |
|||
// typeValues({ |
|||
// type: '' |
|||
// }).then((res) => { |
|||
// if (res.code === '200') { |
|||
// this.kuwei_list = res.data |
|||
// console.log('库位', this.kuwei_list) |
|||
// } |
|||
// }) |
|||
}, |
|||
// kuweiChange(val) { |
|||
// const choosetItem = this.kuwei_list.filter((item) => item.dictKey == val) |
|||
// this.temp.dictValue = choosetItem[0].kuwei |
|||
// console.log('name:', , 'key:', ) |
|||
// }, |
|||
showAdd() { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'add' |
|||
this.viewTitle = '【新增】车辆入库' |
|||
}, |
|||
// showEdit(sid) { |
|||
// this.$nextTick(() => { |
|||
// this.$refs['dataForm'].clearValidate() |
|||
// }) |
|||
// this.dialogStatus = 'update' |
|||
// this.viewTitle = '【修改】车辆台账' |
|||
// this.temp.sid = sid |
|||
// console.log('修改页面sid', this.temp.sid) |
|||
// details(sid).then((response) => { |
|||
// if (response.code === '200') { |
|||
// if (response.data.createOrg) { |
|||
// console.log('级联选择1：', response.data.useOrg) |
|||
// this.useOrgArry = response.data.createOrg |
|||
// console.log('级联选择2：', this.useOrgArry) |
|||
// } |
|||
// this.temp = response.data |
|||
// this.getLocation() |
|||
// this.getModelConfig(this.temp.modelSid) |
|||
// } |
|||
// }) |
|||
// this.getType() |
|||
// this.getZuZhi() |
|||
// this.getUseOrg() |
|||
// }, |
|||
// 获得使用组织 |
|||
getUseOrg() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getUseOrgByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.success) { |
|||
this.temp.useOrgName = res.data.name |
|||
this.temp.useOrg = res.data.sid |
|||
this.temp.createOrg = res.data.sid |
|||
this.temp.createOrgName = res.data.name |
|||
this.org_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getPathSid() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getPathSidByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.listQuery.params.createOrgSId = res.data |
|||
this.useOrg = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getUrl() { |
|||
if (this.imgList.length > 0) { |
|||
console.log('imgList', this.imgList) |
|||
} else { |
|||
|
|||
} |
|||
|
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.temp = { |
|||
orderType: '01' |
|||
} |
|||
this.$emit('doback') |
|||
}, |
|||
// 提交添加数据 |
|||
handleCreate() { |
|||
console.log('this.temp.useOrg', this.useOrgArry) |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.FormLoading = true |
|||
// 只需添加和修改 |
|||
// SaveList(this.temp).then((response) => { |
|||
// this.FormLoading = false |
|||
// if (response.code === '200') { |
|||
// setChe(response.data) |
|||
// this.dialogFormVisible = false |
|||
// this.handleReturn('true') |
|||
// } else { |
|||
// this.$notify({ |
|||
// title: '提示', |
|||
// message: '添加失败', |
|||
// type: 'error', |
|||
// duration: 2000 |
|||
// }) |
|||
// } |
|||
// }) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 处理图片 |
|||
// this.temp.vehiclePhoto = [] |
|||
// if (this.vehiclePhoto_Images.length > 0) { |
|||
// for (var i = 0; i < this.vehiclePhoto_Images.length; i++) { |
|||
// var image_start = this.vehiclePhoto_Images.indexOf('/upload') + 8 |
|||
// var image_url = this.vehiclePhoto_Images.substring(image_start) |
|||
// this.temp.vehiclePhoto.push(image_url) |
|||
// } |
|||
// } |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-autocomplete { |
|||
width: 80%; |
|||
} |
|||
|
|||
.listconadd { |
|||
width: 100%; |
|||
padding: 0 240px !important; |
|||
} |
|||
|
|||
.title { |
|||
padding: 28px 0; |
|||
} |
|||
|
|||
.formadd .title { |
|||
padding: 10px !important; |
|||
} |
|||
|
|||
.yancheAdd .el-row { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
.yancheAdd .el-col { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,261 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 5"> |
|||
<button-bar view-title="入库车辆管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<div class="main-content"> |
|||
<div class="switch_btn"> |
|||
<el-button class="" @click="handleInvoiceList">待入库</el-button> |
|||
<el-button :class="{btn_style:viewState === 5}">已入库</el-button> |
|||
</div> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow"> |
|||
{{ isSearchShow ? '隐藏查询条件' : '显示查询条件' }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="车架号"> |
|||
<el-input v-model="listQuery.params.vinNo" placeholder="请输入名称" clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="车型"> |
|||
<el-select v-model="listQuery.params.modelName" placeholder="请选择" filterable clearable |
|||
class="addinputw"> |
|||
<el-option v-for="item in modelName_list" :key="item.sid" :label="item.modelName" :value="item.sid"/> |
|||
</el-select> |
|||
<!-- <el-input v-model="listQuery.params.warehouseAttribute" placeholder="请输入存放地点属性" clearable/>--> |
|||
</el-form-item> |
|||
<el-form-item label="订单类型"> |
|||
<el-select v-model="listQuery.params.slowMachineKey" placeholder="请选择" clearable class="addinputw"> |
|||
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
<!-- <el-input v-model="listQuery.params.warehouseContract" placeholder="请输入负责人" clearable/>--> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="getList">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--Start 项目列表头部--> |
|||
<div class="listtop"> |
|||
<div class="tit">车辆列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="listQuery.total" :page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" class="pagination" @pagination="loadList"/> |
|||
</div> |
|||
<!--End 项目列表头部--> |
|||
<!--Start 项目列表--> |
|||
<div class=""> <!--@selection-change="handleSelectionChange"--> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|||
<!-- <el-table-column width="50px" type="selection" align="center"/>--> |
|||
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/> |
|||
<el-table-column width="180px" prop="vinNo" label="车架号" align="center"/> |
|||
<el-table-column prop="modelName" label="车型" align="center"/> |
|||
<el-table-column width="160px" prop="" label="订单类型" align="center"/> |
|||
<el-table-column width="140px" prop="" label="发车日期" align="center"/> |
|||
<el-table-column width="140px" prop="" label="验车日期" align="center"/> |
|||
<el-table-column width="140px" prop="" label="验车人" align="center"/> |
|||
<el-table-column width="140px" prop="" label="仓库" align="center"/> |
|||
<el-table-column width="140px" prop="" label="仓库管理员" align="center"/> |
|||
<el-table-column width="140px" prop="" label="实际入库日期" align="center"/> |
|||
</el-table> |
|||
</div> |
|||
<!--End 项目列表--> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="dataList.length > 0" |
|||
:total="listQuery.total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="loadList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import req from '@/api/anruiscm/scmwarehouse' |
|||
import { getUseOrgByUserSid, selectModelName } from '@/api/cheliang/basevehicle' |
|||
|
|||
export default { |
|||
name: 'rukuguanli', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 5, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
tableLoading: false, |
|||
dataList: [], |
|||
useOrg_list: [], |
|||
modelName_list: [], |
|||
slowMachine_list: [], |
|||
useOrg: '', // 使用组织 |
|||
useOrgSid: '', // 使用组织sid |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
vinNo: '', |
|||
modelName: '', |
|||
slowMachineKey: '' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
multipleSelection: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.getList() |
|||
// this.getUseOrg() |
|||
this.getModelName() |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
|
|||
// handleCheck(row) { |
|||
// this.$refs['divinfo'].showInfo(row) |
|||
// console.log('详情回显', row) |
|||
// this.viewState = 4 |
|||
// }, |
|||
handleInvoiceList() { |
|||
this.$parent.viewState = 1 |
|||
}, |
|||
getList() { |
|||
this.listQuery.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.listQuery.params = { |
|||
useOrg: this.useOrg, |
|||
useOrgSid: this.useOrgSid, |
|||
vinNo: '', |
|||
modelName: '', |
|||
slowMachineKey: '' |
|||
} |
|||
this.listQuery.params.sid = '' // sid |
|||
this.listQuery.params.name = '' // 登录名 |
|||
this.getList() |
|||
}, |
|||
loadList() { |
|||
const _this = this |
|||
this.tableLoading = true |
|||
req |
|||
.listPage(this.listQuery) |
|||
.then(resp => { |
|||
_this.tableLoading = false |
|||
const data = resp.data |
|||
_this.listQuery.total = data.total |
|||
_this.dataList = data.records |
|||
}) |
|||
.catch(() => { |
|||
_this.tableLoading = false |
|||
}) |
|||
}, |
|||
// handleSelectionChange(val) { |
|||
// this.multipleSelection = val |
|||
// console.log('点击数据', this.multipleSelection) |
|||
// }, |
|||
// 车型名称下拉框 |
|||
getModelName() { |
|||
selectModelName({ name: '' }).then((response) => { |
|||
if (response.code === '200') { |
|||
this.modelName_list = response.data |
|||
} |
|||
}) |
|||
}, |
|||
// 根据个人sid查询个人分公司 |
|||
getUseOrg() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getUseOrgByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.success) { |
|||
this.useOrg = res.data.name // 使用组织 |
|||
this.useOrgSid = res.data.sid // 使用组织sid |
|||
this.listQuery.params.useOrgSid = res.data.sid |
|||
this.loadList() |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.switch_btn { |
|||
padding: 15px 0 10px 0; |
|||
} |
|||
|
|||
.btn_style { |
|||
background-color: #018ad2; |
|||
color: white; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.searchbtn { |
|||
border: #2cab69 1px solid; |
|||
color: #2cab69; |
|||
} |
|||
|
|||
.btn { |
|||
padding: 15px 0 15px 0; |
|||
border: 1px solid #e0e3eb; |
|||
background: white; |
|||
} |
|||
|
|||
.tab-header { |
|||
background-color: #edf1f7; |
|||
padding: 8px 20px; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
.tab-header /deep/ .el-form-item { |
|||
margin-bottom: 10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,274 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<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="handleInvoiceList">已入库</el-button> |
|||
</div> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow"> |
|||
{{ isSearchShow ? '隐藏查询条件' : '显示查询条件' }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="车架号"> |
|||
<el-input v-model="listQuery.params.vinNo" placeholder="请输入名称" clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="车型"> |
|||
<el-select v-model="listQuery.params.modelName" placeholder="请选择" filterable clearable |
|||
class="addinputw"> |
|||
<el-option v-for="item in modelName_list" :key="item.sid" :label="item.modelName" :value="item.sid"/> |
|||
</el-select> |
|||
<!-- <el-input v-model="listQuery.params.warehouseAttribute" placeholder="请输入存放地点属性" clearable/>--> |
|||
</el-form-item> |
|||
<el-form-item label="订单类型"> |
|||
<el-select v-model="listQuery.params.slowMachineKey" placeholder="请选择" clearable class="addinputw"> |
|||
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
<!-- <el-input v-model="listQuery.params.warehouseContract" placeholder="请输入负责人" clearable/>--> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="getList">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--Start 项目列表头部--> |
|||
<div class="listtop"> |
|||
<div class="tit">车辆列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="listQuery.total" :page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" class="pagination" @pagination="loadList"/> |
|||
</div> |
|||
<!--End 项目列表头部--> |
|||
<!--Start 项目列表--> |
|||
<div class=""> <!--@selection-change="handleSelectionChange"--> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|||
<!-- <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" width="90px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"><!--v-show="!row.result"--> |
|||
<el-button size="mini" type="primary" @click="handleRuku(row)">入库</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column width="180px" prop="vinNo" label="车架号" align="center"/> |
|||
<el-table-column prop="modelName" label="车型" align="center"/> |
|||
<el-table-column width="160px" prop="" label="订单类型" align="center"/> |
|||
<el-table-column width="140px" prop="" label="发车日期" align="center"/> |
|||
<el-table-column width="140px" prop="" label="验车日期" align="center"/> |
|||
<el-table-column width="140px" prop="" label="验车人" align="center"/> |
|||
<el-table-column width="140px" prop="" label="仓库" align="center"/> |
|||
<el-table-column width="140px" prop="" label="仓库管理员" align="center"/> |
|||
</el-table> |
|||
</div> |
|||
<!--End 项目列表--> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="dataList.length > 0" |
|||
:total="listQuery.total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="loadList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<rukuguanli-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList"/> |
|||
<rukuguanli v-show="viewState == 5" ref="divalready" @doback="resetState"/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import req from '@/api/anruiscm/scmwarehouse' |
|||
import rukuguanliAdd from '@/views/supplychain/rukuguanli/rukuguanliAdd' |
|||
import rukuguanli from '@/views/supplychain/rukuguanli/rukuguanliAlready' |
|||
import { getUseOrgByUserSid, selectModelName } from '@/api/cheliang/basevehicle' |
|||
|
|||
export default { |
|||
name: 'rukuguanliawait', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
rukuguanliAdd, |
|||
rukuguanli |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
tableLoading: false, |
|||
dataList: [], |
|||
useOrg_list: [], |
|||
modelName_list: [], |
|||
slowMachine_list: [], |
|||
useOrg: '', // 使用组织 |
|||
useOrgSid: '', // 使用组织sid |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
vinNo: '', |
|||
modelName: '', |
|||
slowMachineKey: '' |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
multipleSelection: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.getList() |
|||
// this.getUseOrg() |
|||
this.getModelName() |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
handleRuku(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd(row) |
|||
}, |
|||
|
|||
handleCheck(row) { |
|||
this.$refs['divinfo'].showInfo(row) |
|||
console.log('详情回显', row) |
|||
this.viewState = 4 |
|||
}, |
|||
handleInvoiceList() { |
|||
this.viewState = 5 |
|||
}, |
|||
getList() { |
|||
this.listQuery.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.listQuery.params = { |
|||
useOrg: this.useOrg, |
|||
useOrgSid: this.useOrgSid, |
|||
vinNo: '', |
|||
modelName: '', |
|||
slowMachineKey: '' |
|||
} |
|||
this.listQuery.params.sid = '' // sid |
|||
this.listQuery.params.name = '' // 登录名 |
|||
this.getList() |
|||
}, |
|||
loadList() { |
|||
const _this = this |
|||
this.tableLoading = true |
|||
req |
|||
.listPage(this.listQuery) |
|||
.then(resp => { |
|||
_this.tableLoading = false |
|||
const data = resp.data |
|||
_this.listQuery.total = data.total |
|||
_this.dataList = data.records |
|||
}) |
|||
.catch(() => { |
|||
_this.tableLoading = false |
|||
}) |
|||
}, |
|||
// handleSelectionChange(val) { |
|||
// this.multipleSelection = val |
|||
// console.log('点击数据', this.multipleSelection) |
|||
// }, |
|||
// 车型名称下拉框 |
|||
getModelName() { |
|||
selectModelName({ name: '' }).then((response) => { |
|||
if (response.code === '200') { |
|||
this.modelName_list = response.data |
|||
} |
|||
}) |
|||
}, |
|||
// 根据个人sid查询个人分公司 |
|||
getUseOrg() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getUseOrgByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.success) { |
|||
this.useOrg = res.data.name // 使用组织 |
|||
this.useOrgSid = res.data.sid // 使用组织sid |
|||
this.listQuery.params.useOrgSid = res.data.sid |
|||
this.loadList() |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.switch_btn { |
|||
padding: 15px 0 10px 0; |
|||
} |
|||
|
|||
.btn_style { |
|||
background-color: #018ad2; |
|||
color: white; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.searchbtn { |
|||
border: #2cab69 1px solid; |
|||
color: #2cab69; |
|||
} |
|||
|
|||
.btn { |
|||
padding: 15px 0 15px 0; |
|||
border: 1px solid #e0e3eb; |
|||
background: white; |
|||
} |
|||
|
|||
.tab-header { |
|||
background-color: #edf1f7; |
|||
padding: 8px 20px; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
.tab-header /deep/ .el-form-item { |
|||
margin-bottom: 10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,277 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar view-title="验车管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|||
<!-- <div class="switch_btn">--> |
|||
<!-- <el-button :class="{btn_style:viewState === 1}">待验车列表</el-button>--> |
|||
<!-- <el-button class="" @click="handleInvoiceList">已验车列表</el-button>--> |
|||
<!-- </div>--> |
|||
<div class="main-content"> |
|||
<div class="searchcon"> |
|||
<el-button size="small" class="searchbtn" @click="isSearchShow = !isSearchShow">{{ isSearchShow ? '隐藏查询条件' : '显示查询条件' }} |
|||
</el-button> |
|||
<div v-show="isSearchShow" class="search"> |
|||
<el-form :inline="true" class="tab-header"> |
|||
<el-form-item label="车架号"> |
|||
<el-input v-model="listQuery.params.vinNo" placeholder="请输入名称" clearable/> |
|||
</el-form-item> |
|||
<el-form-item label="车型"> |
|||
<el-select v-model="listQuery.params.modelName" placeholder="请选择" filterable clearable class="addinputw"> |
|||
<el-option v-for="item in modelName_list" :key="item.sid" :label="item.modelName" :value="item.sid"/> |
|||
</el-select> |
|||
<!-- <el-input v-model="listQuery.params.warehouseAttribute" placeholder="请输入存放地点属性" clearable/>--> |
|||
</el-form-item> |
|||
<el-form-item label="订单类型"> |
|||
<el-select v-model="listQuery.params.slowMachineKey" placeholder="请选择" clearable class="addinputw"> |
|||
<el-option v-for="item in slowMachine_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/> |
|||
</el-select> |
|||
<!-- <el-input v-model="listQuery.params.warehouseContract" placeholder="请输入负责人" clearable/>--> |
|||
</el-form-item> |
|||
</el-form> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="getList">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--Start 项目列表头部--> |
|||
<div class="listtop"> |
|||
<div class="tit">车辆列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="listQuery.total" :page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" class="pagination" @pagination="loadList"/> |
|||
</div> |
|||
<!--End 项目列表头部--> |
|||
<!--Start 项目列表--> |
|||
<div class=""> <!--@selection-change="handleSelectionChange"--> |
|||
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|||
<!-- <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" width="160px" class-name="small-padding fixed-width"> |
|||
<template slot-scope="{row}"><!--v-show="!row.result"--> |
|||
<el-button size="mini" type="primary" @click="handleYanche(row)">验车</el-button> |
|||
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column width="200px" prop="vinNo" label="车架号" align="center"/> |
|||
<el-table-column prop="modelName" label="车型" align="center"/> |
|||
<el-table-column width="160px" prop="" label="订单类型" align="center"/> |
|||
<el-table-column width="200px" prop="" label="发车日期" align="center"/> |
|||
<el-table-column width="140px" prop="" label="验车日期" align="center"/> |
|||
<el-table-column width="140px" prop="" label="验车人" align="center"/> |
|||
<el-table-column width="140px" prop="result" label="验车结果" align="center"/> |
|||
</el-table> |
|||
</div> |
|||
<!--End 项目列表--> |
|||
<div class="pages"> |
|||
<div class="tit"/> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="dataList.length > 0" |
|||
:total="listQuery.total" |
|||
:page.sync="listQuery.current" |
|||
:limit.sync="listQuery.size" |
|||
class="pagination" |
|||
@pagination="loadList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!--End 查询和其列表部分--> |
|||
<yancheguanli-already v-show="viewState == 5" ref="divalready" @doback="resetState"/> |
|||
<!--新增修改部分组件--> |
|||
<yancheguanli-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="getList"/> |
|||
<!--详情部分组件--> |
|||
<yancheguanli-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/anruiscm/scmwarehouse' |
|||
import { getUseOrgByUserSid, selectModelName } from '@/api/cheliang/basevehicle' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import yancheguanliAlready from '@/views/supplychain/yancheguanli/yancheguanliAlready' |
|||
import yancheguanliAdd from '@/views/supplychain/yancheguanli/yancheguanliAdd' |
|||
import yancheguanliInfo from '@/views/supplychain/yancheguanli/yancheguanliInfo' |
|||
|
|||
export default { |
|||
name: 'yancheguanli', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
yancheguanliAlready, |
|||
yancheguanliAdd, |
|||
yancheguanliInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
tableLoading: false, |
|||
dataList: [], |
|||
useOrg_list:[], |
|||
modelName_list:[], |
|||
slowMachine_list:[], |
|||
useOrg: '', // 使用组织 |
|||
useOrgSid: '', // 使用组织sid |
|||
listQuery: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
vinNo:'', |
|||
modelName:'', |
|||
slowMachineKey:'', |
|||
} |
|||
}, |
|||
btnList: [ |
|||
{ |
|||
type: 'info', |
|||
size: 'small', |
|||
icon: 'cross', |
|||
btnKey: 'doClose', |
|||
btnLabel: '关闭' |
|||
} |
|||
], |
|||
multipleSelection: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.getList() |
|||
// this.getUseOrg() |
|||
this.getModelName() |
|||
}, |
|||
mounted() { |
|||
this.$refs['btnbar'].setButtonList(this.btnList) |
|||
}, |
|||
methods: { |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
btnHandle(btnKey) { |
|||
console.log('XXXXXXXXXXXXXXX ' + btnKey) |
|||
switch (btnKey) { |
|||
case 'doClose': |
|||
this.doClose() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
handleYanche(row) { |
|||
this.viewState = 2 |
|||
this.$refs['divadd'].showAdd(row) |
|||
}, |
|||
|
|||
handleCheck(row) { |
|||
this.$refs['divinfo'].showInfo(row) |
|||
console.log('详情回显', row) |
|||
this.viewState = 4 |
|||
}, |
|||
// handleInvoiceList() { |
|||
// this.viewState = 5 |
|||
// }, |
|||
getList() { |
|||
this.listQuery.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.listQuery.params = { |
|||
useOrg: this.useOrg, |
|||
useOrgSid: this.useOrgSid, |
|||
vinNo:'', |
|||
modelName:'', |
|||
slowMachineKey:'' |
|||
} |
|||
this.listQuery.params.sid = '' // sid |
|||
this.listQuery.params.name = '' // 登录名 |
|||
this.getList() |
|||
}, |
|||
loadList() { |
|||
const _this = this |
|||
this.tableLoading = true |
|||
req |
|||
.listPage(this.listQuery) |
|||
.then(resp => { |
|||
_this.tableLoading = false |
|||
const data = resp.data |
|||
_this.listQuery.total = data.total |
|||
_this.dataList = data.records |
|||
}) |
|||
.catch(() => { |
|||
_this.tableLoading = false |
|||
}) |
|||
}, |
|||
// handleSelectionChange(val) { |
|||
// this.multipleSelection = val |
|||
// console.log('点击数据', this.multipleSelection) |
|||
// }, |
|||
// 车型名称下拉框 |
|||
getModelName(){ |
|||
selectModelName({ name: '' }).then((response) => { |
|||
if (response.code === '200') { |
|||
this.modelName_list = response.data |
|||
} |
|||
}) |
|||
}, |
|||
// 根据个人sid查询个人分公司 |
|||
getUseOrg() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getUseOrgByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.success) { |
|||
this.useOrg = res.data.name // 使用组织 |
|||
this.useOrgSid = res.data.sid // 使用组织sid |
|||
this.listQuery.params.useOrgSid = res.data.sid |
|||
this.loadList() |
|||
} |
|||
}) |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.listQuery.current - 1) * this.listQuery.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
doClose() { |
|||
this.$store.dispatch('tagsView/delView', this.$route) |
|||
this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.switch_btn { |
|||
padding: 15px 0 10px 0; |
|||
} |
|||
|
|||
.btn_style { |
|||
background-color: #018ad2; |
|||
color: white; |
|||
font-weight: 600; |
|||
} |
|||
.searchbtn { |
|||
border: #2cab69 1px solid; |
|||
color: #2cab69; |
|||
} |
|||
|
|||
.btn { |
|||
padding: 15px 0 15px 0; |
|||
border: 1px solid #e0e3eb; |
|||
background: white; |
|||
} |
|||
|
|||
.tab-header { |
|||
background-color: #edf1f7; |
|||
padding: 8px 20px; |
|||
margin-bottom: 0 !important; |
|||
} |
|||
|
|||
.tab-header /deep/ .el-form-item { |
|||
margin-bottom: 10px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,276 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</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 class="listconadd"> |
|||
<div class="title">验车单</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|||
<div class="yancheAdd" style="margin-top: 5px;"> |
|||
<el-row class="yancheAdd-bor"> |
|||
<el-col :span="12" class="yancheAdd-bor"> |
|||
<el-form-item prop="reason" label="车架号："> |
|||
<el-input |
|||
v-model="temp.reason" |
|||
:disabled="temp.orderType == '01'" |
|||
placeholder="请输入车架号" |
|||
class="addinputw" |
|||
clearable |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12" class="yancheAdd-bor"> |
|||
<el-form-item prop="money" label="车型："> |
|||
<el-input |
|||
v-model="temp.money" |
|||
placeholder="请输入车型" |
|||
class="addinputw" |
|||
clearable |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="yancheAdd-bor"> |
|||
<el-col :span="12" class="yancheAdd-bor"> |
|||
<el-form-item prop="money" label="配置："> |
|||
<el-input |
|||
v-model="temp.money" |
|||
placeholder="请输入配置" |
|||
class="addinputw" |
|||
clearable |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="money" label="洗车费："> |
|||
<el-input |
|||
v-model="temp.money" |
|||
placeholder="请输入洗车费" |
|||
class="addinputw" |
|||
clearable |
|||
/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title">验车相关照片</div> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<upload ref="uploadImg" v-model="imgList01" :limit="1" bucket="map" :upload-data="{type:'0001'}"></upload> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>厂家验车单照片</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<upload ref="uploadImg" v-model="imgList02" :limit="1" bucket="map" :upload-data="{type:'0001'}"></upload> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>验车情况说明</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<el-input |
|||
type="textarea" |
|||
autosize |
|||
placeholder="请输入说明" |
|||
v-model="temp.remarks"> |
|||
</el-input> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getPathSidByUserSid } from '@/api/cheliang/dictcommons.js' |
|||
import Upload from '@/components/uploadFile/uploadImg.vue' |
|||
|
|||
export default { |
|||
name: 'yancheguanliAdd', |
|||
components: { |
|||
Upload |
|||
}, |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
// --按钮菜单------- |
|||
sid: '', |
|||
datas: null, |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
imgList01: [], // 附件上传 |
|||
imgList02: [], // 附件上传 |
|||
temp: { |
|||
orderType: '01' |
|||
}, // 添加和修改 |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
vehiclePhoto: [], |
|||
rules: {} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
showAdd() { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'add' |
|||
this.viewTitle = '验车单' |
|||
}, |
|||
// showEdit(sid) { |
|||
// this.$nextTick(() => { |
|||
// this.$refs['dataForm'].clearValidate() |
|||
// }) |
|||
// this.dialogStatus = 'update' |
|||
// this.viewTitle = '【修改】车辆台账' |
|||
// this.temp.sid = sid |
|||
// console.log('修改页面sid', this.temp.sid) |
|||
// details(sid).then((response) => { |
|||
// if (response.code === '200') { |
|||
// if (response.data.createOrg) { |
|||
// console.log('级联选择1：', response.data.useOrg) |
|||
// this.useOrgArry = response.data.createOrg |
|||
// console.log('级联选择2：', this.useOrgArry) |
|||
// } |
|||
// this.temp = response.data |
|||
// this.getLocation() |
|||
// this.getModelConfig(this.temp.modelSid) |
|||
// } |
|||
// }) |
|||
// this.getType() |
|||
// this.getZuZhi() |
|||
// this.getUseOrg() |
|||
// }, |
|||
// 获得使用组织 |
|||
getUseOrg() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getUseOrgByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.success) { |
|||
this.temp.useOrgName = res.data.name |
|||
this.temp.useOrg = res.data.sid |
|||
this.temp.createOrg = res.data.sid |
|||
this.temp.createOrgName = res.data.name |
|||
this.org_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getPathSid() { |
|||
const userSid = window.sessionStorage.getItem('userSid') |
|||
getPathSidByUserSid({ userSid: userSid }).then((res) => { |
|||
if (res.code === '200') { |
|||
this.listQuery.params.createOrgSId = res.data |
|||
this.useOrg = res.data |
|||
} |
|||
}) |
|||
}, |
|||
getUrl() { |
|||
if (this.imgList01.length > 0) { |
|||
console.log('imgList01', this.imgList01) |
|||
} else { |
|||
|
|||
} |
|||
|
|||
if (this.imgList02.length > 0) { |
|||
console.log('imgList02', this.imgList02) |
|||
} else { |
|||
|
|||
} |
|||
|
|||
}, |
|||
// ----------------------------------方法-------------------- |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.temp = { |
|||
orderType: '01' |
|||
} |
|||
this.$emit('doback') |
|||
}, |
|||
// 提交添加数据 |
|||
handleCreate() { |
|||
console.log('this.temp.useOrg', this.useOrgArry) |
|||
this.$refs['dataForm'].validate((valid) => { |
|||
if (valid) { |
|||
this.FormLoading = true |
|||
// 只需添加和修改 |
|||
// SaveList(this.temp).then((response) => { |
|||
// this.FormLoading = false |
|||
// if (response.code === '200') { |
|||
// setChe(response.data) |
|||
// this.dialogFormVisible = false |
|||
// this.handleReturn('true') |
|||
// } else { |
|||
// this.$notify({ |
|||
// title: '提示', |
|||
// message: '添加失败', |
|||
// type: 'error', |
|||
// duration: 2000 |
|||
// }) |
|||
// } |
|||
// }) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
// 处理图片 |
|||
// this.temp.vehiclePhoto = [] |
|||
// if (this.vehiclePhoto_Images.length > 0) { |
|||
// for (var i = 0; i < this.vehiclePhoto_Images.length; i++) { |
|||
// var image_start = this.vehiclePhoto_Images.indexOf('/upload') + 8 |
|||
// var image_url = this.vehiclePhoto_Images.substring(image_start) |
|||
// this.temp.vehiclePhoto.push(image_url) |
|||
// } |
|||
// } |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-autocomplete { |
|||
width: 80%; |
|||
} |
|||
|
|||
.listconadd { |
|||
width: 100%; |
|||
padding: 0 48px !important; |
|||
} |
|||
|
|||
.title { |
|||
padding: 28px 0; |
|||
} |
|||
|
|||
.formadd .title { |
|||
padding: 10px !important; |
|||
text-align: left; |
|||
} |
|||
|
|||
.yancheAdd .el-row { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
.yancheAdd .el-col { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,13 @@ |
|||
<template> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'yancheguanliAlready' |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,171 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div> |
|||
<div class="tab-header webtop"> |
|||
<div>{{ viewTitle }}</div> |
|||
<div> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<div class="title">验车单</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|||
<div class="yancheAdd" style="margin-top: 5px;"> |
|||
<el-row class="yancheAdd-bor"> |
|||
<el-col :span="12" class="yancheAdd-bor"> |
|||
<el-form-item prop="reason" label="车架号："> |
|||
<span>{{ temp.reason }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12" class="yancheAdd-bor"> |
|||
<el-form-item prop="money" label="车型："> |
|||
<span>{{ temp.money }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row class="yancheAdd-bor"> |
|||
<el-col :span="12" class="yancheAdd-bor"> |
|||
<el-form-item prop="money" label="配置："> |
|||
{{ temp.money }} |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="money" label="洗车费："> |
|||
<span>{{ temp.money }}</span> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="title">验车相关照片</div> |
|||
<el-row> |
|||
<el-col :span="24"> <!-- v-for="item in imgList01" :src="item" @click="open(item)--> |
|||
<img v-show="temp.degreeCertificate !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" |
|||
:src="temp.degreeCertificate" @click="open(temp.degreeCertificate)"> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>厂家验车单照片</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<img v-show="temp.degreeCertificate !=='' ? true : false" style="cursor:pointer;width: 178px;height: 178px;" |
|||
:src="temp.degreeCertificate" @click="open(temp.degreeCertificate)"> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="3"> |
|||
<span>验车情况说明</span> |
|||
</el-col> |
|||
<el-col :span="21"> |
|||
<span>{{temp.remarks}}</span> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<el-dialog :visible.sync="dialogVisible"> |
|||
<img width="100%" :src="dialogUrl" alt=""> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
export default { |
|||
name: 'yancheguanliInfo', |
|||
data() { |
|||
return { |
|||
viewTitle: '', |
|||
// --按钮菜单------- |
|||
sid: '', |
|||
dialogVisible:false, |
|||
datas: null, |
|||
stateId: 0, |
|||
FormLoading: false, |
|||
listLoading: false, |
|||
dialogUrl:'', |
|||
imgList01: [], // 附件上传 |
|||
imgList02: [], // 附件上传 |
|||
temp: { |
|||
orderType: '01' |
|||
}, // 添加和修改 |
|||
dialogFormVisible: false, // 添加修改对话框状态 |
|||
dialogFormShowVisible: false, // 查看对话框默认关闭状态 |
|||
dialogStatus: '', // 对话框状态 |
|||
vehiclePhoto: [], |
|||
rules: {} |
|||
// ------------------------------------ |
|||
} |
|||
}, |
|||
methods: { |
|||
handleReturn() { |
|||
this.temp = {} |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(sid, row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['dataForm'].clearValidate() |
|||
}) |
|||
this.dialogStatus = 'edit' |
|||
this.viewTitle = '验车单详情' |
|||
// req.fetchBySid(sid).then((resp) => { |
|||
// const data = resp.data |
|||
// this.sid = sid |
|||
// this.temp = data |
|||
// if (this.temp.personType === '全职') { |
|||
// this.isQuit = false |
|||
// } else { |
|||
// this.isQuit = true |
|||
// } |
|||
// data.isHaveAged = this.temp.isHaveAged |
|||
// console.log('编辑回显出的数据', this.temp) |
|||
// }).catch((e) => { |
|||
// this.temp = row |
|||
// }) |
|||
}, |
|||
open(val) { |
|||
this.dialogVisible = true |
|||
this.dialogUrl = val |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .el-autocomplete { |
|||
width: 80%; |
|||
} |
|||
|
|||
.listconadd { |
|||
width: 100%; |
|||
padding: 0 48px !important; |
|||
} |
|||
|
|||
.title { |
|||
padding: 28px 0; |
|||
} |
|||
|
|||
.formadd .title { |
|||
padding: 10px !important; |
|||
text-align: left; |
|||
} |
|||
|
|||
.yancheAdd .el-row { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
.yancheAdd .el-col { |
|||
border: 0 !important; |
|||
} |
|||
|
|||
/deep/ .el-col-3 { |
|||
text-align: right; |
|||
float: left; |
|||
font-size: 14px; |
|||
color: #606266; |
|||
line-height: 40px !important; |
|||
font-weight: 600; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,12 @@ |
|||
<script> |
|||
export default { |
|||
created() { |
|||
const { params, query } = this.$route |
|||
const { path } = params |
|||
this.$router.replace({ path: '/' + path, query }) |
|||
}, |
|||
render: function(h) { |
|||
return h() // avoid warning message |
|||
} |
|||
} |
|||
</script> |
|||
Loading…
Reference in new issue