djz236
3 years ago
10 changed files with 1412 additions and 38 deletions
@ -0,0 +1,59 @@ |
|||
import request from '@/utils/request' |
|||
// 外采申请表
|
|||
export default { |
|||
|
|||
// 查询分页列表
|
|||
listPage: function(params) { |
|||
return request({ |
|||
url: '/base/baseoutsourcingapplication/listPage', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 保存新增记录
|
|||
saveOrUpdate: function(params) { |
|||
return request({ |
|||
url: '/base/baseoutsourcingapplication/save', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 通过sid删除一条或多条记录
|
|||
delBySids: function(params) { |
|||
return request({ |
|||
url: '/base/baseoutsourcingapplication/delBySids', |
|||
method: 'delete', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 通过sid查询一条记录
|
|||
fetchBySid: function(sid) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplication/fetchDetailsBySid/' + sid |
|||
}) |
|||
}, |
|||
// 提交
|
|||
doSubmit: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplication/doSubmit', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 导入
|
|||
importExcel: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplication/importExcel', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 导出
|
|||
exportExcel: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplication/exportExcel', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
import request from '@/utils/request' |
|||
// 外采申请车辆列表
|
|||
export default { |
|||
|
|||
// 查询分页列表
|
|||
listPage: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplicationvehicle/listPage', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 保存新增记录
|
|||
saveOrUpdate: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplicationvehicle/save', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 通过sid删除一条或多条记录
|
|||
delBySids: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplicationvehicle/delBySids', |
|||
method: 'delete', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 通过sid查询一条记录
|
|||
fetchBySid: function(sid) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplicationvehicle/fetchDetailsBySid/' + sid |
|||
}) |
|||
}, |
|||
// 提交
|
|||
doSubmit: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplicationvehicle/doSubmit', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 导入
|
|||
importExcel: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplicationvehicle/importExcel', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
}, |
|||
// 导出
|
|||
exportExcel: function(params) { |
|||
return request({ |
|||
url: '/base/v1/baseoutsourcingapplicationvehicle/exportExcel', |
|||
method: 'post', |
|||
data: params |
|||
}) |
|||
} |
|||
} |
|||
@ -1,38 +0,0 @@ |
|||
import Layout from '@/layout' |
|||
|
|||
const codemenu = [{ |
|||
path: '/zifangxinxi', |
|||
component: Layout, |
|||
redirect: '/zifangxinxi', |
|||
meta: { |
|||
title: '资方信息' |
|||
}, |
|||
children: [{ |
|||
path: '/zifangxinxi/zifangxinxi', |
|||
component: () => |
|||
import('@/views/zifang/zifangxinxi/zifangxinxi.vue'), |
|||
name: 'zifangxinxi', |
|||
meta: { |
|||
title: '资方信息' |
|||
} |
|||
}] |
|||
}, |
|||
{ |
|||
path: '/zifangzhengce', |
|||
component: Layout, |
|||
redirect: '/zifangzhengce', |
|||
meta: { |
|||
title: '资方政策' |
|||
}, |
|||
children: [{ |
|||
path: '/zifangzhengce/zifangzhengce', |
|||
component: () => |
|||
import('@/views/zifang/zifangzhengce/zifangzhengce.vue'), |
|||
name: 'zifangzhengce', |
|||
meta: { |
|||
title: '资方政策' |
|||
} |
|||
}] |
|||
} |
|||
] |
|||
export default codemenu |
|||
@ -0,0 +1,325 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar view-title="外采申请表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<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="queryParams.params.applicationCode" placeholder="请输入申请编号" clearable /></el-form-item> |
|||
<el-form-item label="申请人姓名"><el-input v-model="queryParams.params.createByName" placeholder="请输入申请人姓名" clearable /></el-form-item> |
|||
<el-form-item label="申请日期"><el-input v-model="queryParams.params.applicationDate" placeholder="请输入申请日期" clearable /></el-form-item> |
|||
<el-form-item label="外采类型value"><el-input v-model="queryParams.params.externalMiningTypeValue" placeholder="请输入外采类型value" clearable /></el-form-item> |
|||
<el-form-item label="采购单位名称"><el-input v-model="queryParams.params.purchasingUnitName" placeholder="请输入采购单位名称" clearable /></el-form-item> |
|||
<el-form-item label="车型名称"><el-input v-model="queryParams.params.modelName" placeholder="请输入车型名称" clearable /></el-form-item> |
|||
<el-form-item label="常用配置名称"><el-input v-model="queryParams.params.configName" placeholder="请输入常用配置名称" clearable /></el-form-item> |
|||
<el-form-item label="采购价格"><el-input v-model="queryParams.params.purchasePrice" placeholder="请输入采购价格" clearable /></el-form-item> |
|||
<el-form-item label="销售指导价"><el-input v-model="queryParams.params.guidedPrice" placeholder="请输入销售指导价" clearable /></el-form-item> |
|||
<el-form-item label="厂家合同价"><el-input v-model="queryParams.params.manufactorSettlementPrice" placeholder="请输入厂家合同价" clearable /></el-form-item> |
|||
<el-form-item label="费用名称"><el-input v-model="queryParams.params.expenseName" placeholder="请输入费用名称" clearable /></el-form-item> |
|||
<el-form-item label="费用金额合计"><el-input v-model="queryParams.params.totalExpenseAmount" placeholder="请输入费用金额合计" clearable /></el-form-item> |
|||
<el-divider /> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="dosearch">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!-- Start 项目列表头部 --> |
|||
<div class="listtop"> |
|||
<div class="tit">外采申请表列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" /> |
|||
</div> |
|||
<!-- End 项目列表头部 --> |
|||
|
|||
<!-- Start 项目列表 --> |
|||
<div class="listcon"> |
|||
<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" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column prop="applicationCode" label="申请编号" align="center" /> |
|||
<el-table-column prop="createByName" label="申请人姓名" align="center" /> |
|||
<el-table-column prop="applicationDate" label="申请日期" align="center" /> |
|||
<el-table-column prop="externalMiningTypeValue" label="外采类型value" align="center" /> |
|||
<el-table-column prop="purchasingUnitName" label="采购单位名称" align="center" /> |
|||
<el-table-column prop="modelName" label="车型名称" align="center" /> |
|||
<el-table-column prop="configName" label="常用配置名称" align="center" /> |
|||
<el-table-column prop="purchasePrice" label="采购价格" align="center" /> |
|||
<el-table-column prop="guidedPrice" label="销售指导价" align="center" /> |
|||
<el-table-column prop="manufactorSettlementPrice" label="厂家合同价" align="center" /> |
|||
<el-table-column prop="num" label="台数" align="center" /> |
|||
<el-table-column prop="deposit" label="订金" align="center" /> |
|||
<el-table-column prop="expenseName" label="费用名称" align="center" /> |
|||
<el-table-column prop="totalExpenseAmount" label="费用金额合计" align="center" /> |
|||
<el-table-column prop="orgSid" label="部门sid" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
<!-- End 项目列表 --> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="dataList.length > 0" |
|||
:total="queryParams.total" |
|||
:page.sync="queryParams.current" |
|||
:limit.sync="queryParams.size" |
|||
class="pagination" |
|||
@pagination="loadList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<!-- End 查询和其列表部分 --> |
|||
|
|||
<!-- 新增修改部分组件 --> |
|||
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> |
|||
|
|||
<!-- 详情部分组件 --> |
|||
<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import divAdd from './baseoutsourcingapplicationAdd' |
|||
import divInfo from './baseoutsourcingapplicationInfo' |
|||
|
|||
export default { |
|||
name: 'BaseOutsourcingApplicationIndex', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
divAdd, |
|||
divInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: false, |
|||
tableLoading: false, |
|||
dataList: [], |
|||
queryParams: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
sids: [], // 用于导出的时候保存已选择SID |
|||
applicationCode: '', // 申请编号 |
|||
createByName: '', // 申请人姓名 |
|||
applicationDate: '', // 申请日期 |
|||
externalMiningTypeKey: '', // 外采类型key |
|||
externalMiningTypeValue: '', // 外采类型value |
|||
purchasingUnitSid: '', // 采购单位sid |
|||
purchasingUnitName: '', // 采购单位名称 |
|||
modelSid: '', // 车型sid |
|||
modelName: '', // 车型名称 |
|||
configName: '', // 常用配置名称 |
|||
purchasePrice: '', // 采购价格 |
|||
guidedPrice: '', // 销售指导价 |
|||
manufactorSettlementPrice: '', // 厂家合同价 |
|||
num: '', // 台数 |
|||
deposit: '', // 订金 |
|||
expenseName: '', // 费用名称 |
|||
totalExpenseAmount: '', // 费用金额合计 |
|||
orgSid: '' // 部门sid |
|||
} |
|||
}, |
|||
multipleSelection: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.loadList() |
|||
}, |
|||
methods: { |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'toEdit': |
|||
this.toEdit() |
|||
break |
|||
case 'doSubmit': |
|||
this.doSubmit() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'doImport': |
|||
this.doImport() |
|||
break |
|||
case 'doExport': |
|||
this.doExport() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
toAdd(row) { |
|||
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 |
|||
const row = this.multipleSelection[0] |
|||
this.$refs['divadd'].showEdit(row) |
|||
}, |
|||
doSubmit(row) { |
|||
// 提交的代码 |
|||
this.btndisabled = true |
|||
req |
|||
.doSubmit(this.queryParams.params) |
|||
.then(resp => { |
|||
console.log(resp) |
|||
this.btndisabled = false |
|||
if (resp.success) { |
|||
// 加提交后的逻辑 |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
this.btndisabled = false |
|||
}) |
|||
}, |
|||
doDel(row) { |
|||
if (this.multipleSelection.length === 0) { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' }) |
|||
return |
|||
} |
|||
const _this = this |
|||
const sids = [] |
|||
this.multipleSelection.forEach(row => { |
|||
sids.push(row.sid) |
|||
}) |
|||
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(sids) |
|||
.then(resp => { |
|||
loading.close() |
|||
if (resp.success) { |
|||
_this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
_this.loadList() |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
loading.close() |
|||
}) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
doImport(row) { |
|||
// 导入的代码 |
|||
req |
|||
.importExcel(this.queryParams.params) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
console.log(resp) |
|||
} |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
doExport(row) { |
|||
// 导出的代码 |
|||
const sids = [] |
|||
this.multipleSelection.forEach(row => { |
|||
sids.push(row.sid) |
|||
}) |
|||
this.queryParams.params.sids = sids |
|||
req |
|||
.exportExcel(this.queryParams.params) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
var map = resp.data |
|||
const fileName = map.filename // 导出文件名 |
|||
// // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性 |
|||
// // IE10以上支持blob但是依然不支持download |
|||
const link = document.createElement('a') // 创建a标签 |
|||
link.download = fileName // a标签添加属性 |
|||
link.style.display = 'none' |
|||
link.href = map.downurl |
|||
document.body.appendChild(link) |
|||
link.click() // 执行下载 |
|||
URL.revokeObjectURL(link.href) // 释放url |
|||
document.body.removeChild(link) // 释放标签 |
|||
} |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
dosearch() { |
|||
this.queryParams.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.queryParams.params = {} |
|||
this.queryParams.params.sid = '' // sid |
|||
this.queryParams.params.name = '' // 登录名 |
|||
this.dosearch() |
|||
}, |
|||
loadList() { |
|||
const _this = this |
|||
this.tableLoading = true |
|||
req |
|||
.listPage(this.queryParams) |
|||
.then(resp => { |
|||
_this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
_this.queryParams.total = data.total |
|||
_this.dataList = data.records |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
_this.tableLoading = false |
|||
}) |
|||
}, |
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
toInfo(row) { |
|||
this.$refs['divinfo'].showInfo(row) |
|||
this.viewState = 4 |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,325 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 标题按钮部分开始 --> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>{{ viewTitle }}</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
<!-- end 添加修改按钮 --> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<!-- 标题按钮部分结束 --> |
|||
<!-- Start 新增修改部分 --> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd"> |
|||
<div class="wlInfo"><span>外采申请表</span></div> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>申请编号</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="applicationCode"><el-input v-model="formobj.applicationCode" placeholder="申请编号" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>申请人姓名</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="createByName"><el-input v-model="formobj.createByName" placeholder="申请人姓名" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>申请日期</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="applicationDate"><el-input v-model="formobj.applicationDate" placeholder="申请日期" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>外采类型key</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="externalMiningTypeKey"><el-input v-model="formobj.externalMiningTypeKey" placeholder="外采类型key" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>外采类型value</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="externalMiningTypeValue"><el-input v-model="formobj.externalMiningTypeValue" placeholder="外采类型value" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>采购单位sid</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="purchasingUnitSid"><el-input v-model="formobj.purchasingUnitSid" placeholder="采购单位sid" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>采购单位名称</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="purchasingUnitName"><el-input v-model="formobj.purchasingUnitName" placeholder="采购单位名称" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>车型sid</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="modelSid"><el-input v-model="formobj.modelSid" placeholder="车型sid" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>车型名称</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="modelName"><el-input v-model="formobj.modelName" placeholder="车型名称" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>常用配置名称</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="configName"><el-input v-model="formobj.configName" placeholder="常用配置名称" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>采购价格</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="purchasePrice"><el-input v-model="formobj.purchasePrice" placeholder="采购价格" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>销售指导价</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="guidedPrice"><el-input v-model="formobj.guidedPrice" placeholder="销售指导价" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>厂家合同价</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="manufactorSettlementPrice"><el-input v-model="formobj.manufactorSettlementPrice" placeholder="厂家合同价" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>台数</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="num"><el-input v-model="formobj.num" placeholder="台数" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>订金</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="deposit"><el-input v-model="formobj.deposit" placeholder="订金" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>费用名称</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="expenseName"><el-input v-model="formobj.expenseName" placeholder="费用名称" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>费用金额合计</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="totalExpenseAmount"><el-input v-model="formobj.totalExpenseAmount" placeholder="费用金额合计" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>部门sid</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="orgSid"><el-input v-model="formobj.orgSid" placeholder="部门sid" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- End 添加修改部分 --> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication' |
|||
export default { |
|||
name: 'BaseOutsourcingApplicationAdd', |
|||
data() { |
|||
return { |
|||
submitdisabled: false, |
|||
viewTitle: '', |
|||
formobj: { |
|||
id: '', |
|||
sid: '', |
|||
applicationCode: '', // 申请编号 |
|||
createByName: '', // 申请人姓名 |
|||
applicationDate: '', // 申请日期 |
|||
externalMiningTypeKey: '', // 外采类型key |
|||
externalMiningTypeValue: '', // 外采类型value |
|||
purchasingUnitSid: '', // 采购单位sid |
|||
purchasingUnitName: '', // 采购单位名称 |
|||
modelSid: '', // 车型sid |
|||
modelName: '', // 车型名称 |
|||
configName: '', // 常用配置名称 |
|||
purchasePrice: '', // 采购价格 |
|||
guidedPrice: '', // 销售指导价 |
|||
manufactorSettlementPrice: '', // 厂家合同价 |
|||
num: '', // 台数 |
|||
deposit: '', // 订金 |
|||
expenseName: '', // 费用名称 |
|||
totalExpenseAmount: '', // 费用金额合计 |
|||
orgSid: '' // 部门sid |
|||
}, |
|||
rules: { |
|||
applicationCode: [{ required: true, message: '申请编号不能为空', trigger: 'blur' }], // 申请编号 |
|||
createByName: [{ required: true, message: '申请人姓名不能为空', trigger: 'blur' }], // 申请人姓名 |
|||
applicationDate: [{ required: true, message: '申请日期不能为空', trigger: 'blur' }], // 申请日期 |
|||
externalMiningTypeKey: [{ required: true, message: '外采类型key不能为空', trigger: 'blur' }], // 外采类型key |
|||
externalMiningTypeValue: [{ required: true, message: '外采类型value不能为空', trigger: 'blur' }], // 外采类型value |
|||
purchasingUnitSid: [{ required: true, message: '采购单位sid不能为空', trigger: 'blur' }], // 采购单位sid |
|||
purchasingUnitName: [{ required: true, message: '采购单位名称不能为空', trigger: 'blur' }], // 采购单位名称 |
|||
modelSid: [{ required: true, message: '车型sid不能为空', trigger: 'blur' }], // 车型sid |
|||
modelName: [{ required: true, message: '车型名称不能为空', trigger: 'blur' }], // 车型名称 |
|||
configName: [{ required: true, message: '常用配置名称不能为空', trigger: 'blur' }], // 常用配置名称 |
|||
purchasePrice: [{ required: true, message: '采购价格不能为空', trigger: 'blur' }], // 采购价格 |
|||
guidedPrice: [{ required: true, message: '销售指导价不能为空', trigger: 'blur' }], // 销售指导价 |
|||
manufactorSettlementPrice: [{ required: true, message: '厂家合同价不能为空', trigger: 'blur' }], // 厂家合同价 |
|||
num: [{ required: true, message: '台数不能为空', trigger: 'blur' }], // 台数 |
|||
deposit: [{ required: true, message: '订金不能为空', trigger: 'blur' }], // 订金 |
|||
expenseName: [{ required: true, message: '费用名称不能为空', trigger: 'blur' }], // 费用名称 |
|||
totalExpenseAmount: [{ required: true, message: '费用金额合计不能为空', trigger: 'blur' }], // 费用金额合计 |
|||
orgSid: [{ required: true, message: '部门sid不能为空', trigger: 'blur' }] // 部门sid |
|||
} |
|||
} |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj.id = '' |
|||
this.formobj.sid = '' // SID |
|||
|
|||
this.applicationCode = '' // 申请编号 |
|||
this.createByName = '' // 申请人姓名 |
|||
this.applicationDate = '' // 申请日期 |
|||
this.externalMiningTypeKey = '' // 外采类型key |
|||
this.externalMiningTypeValue = '' // 外采类型value |
|||
this.purchasingUnitSid = '' // 采购单位sid |
|||
this.purchasingUnitName = '' // 采购单位名称 |
|||
this.modelSid = '' // 车型sid |
|||
this.modelName = '' // 车型名称 |
|||
this.configName = '' // 常用配置名称 |
|||
this.purchasePrice = '' // 采购价格 |
|||
this.guidedPrice = '' // 销售指导价 |
|||
this.manufactorSettlementPrice = '' // 厂家合同价 |
|||
this.num = '' // 台数 |
|||
this.deposit = '' // 订金 |
|||
this.expenseName = '' // 费用名称 |
|||
this.totalExpenseAmount = '' // 费用金额合计 |
|||
this.orgSid = '' // 部门sid |
|||
|
|||
this.$refs['form_obj'].resetFields() |
|||
this.$emit('doback') |
|||
}, |
|||
showAdd() { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.viewTitle = '【新增】外采申请表' |
|||
}, |
|||
showEdit(row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.viewTitle = '【修改】外采申请表' |
|||
const _this = this |
|||
req |
|||
.fetchBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.sucess) { |
|||
const vdata = resp.data |
|||
_this.formobj.id = vdata.id |
|||
_this.formobj.sid = vdata.sid // SID |
|||
|
|||
_this.formobj.applicationCode = vdata.applicationCode // 申请编号 |
|||
_this.formobj.createByName = vdata.createByName // 申请人姓名 |
|||
_this.formobj.applicationDate = vdata.applicationDate // 申请日期 |
|||
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // 外采类型key |
|||
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // 外采类型value |
|||
_this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // 采购单位sid |
|||
_this.formobj.purchasingUnitName = vdata.purchasingUnitName // 采购单位名称 |
|||
_this.formobj.modelSid = vdata.modelSid // 车型sid |
|||
_this.formobj.modelName = vdata.modelName // 车型名称 |
|||
_this.formobj.configName = vdata.configName // 常用配置名称 |
|||
_this.formobj.purchasePrice = vdata.purchasePrice // 采购价格 |
|||
_this.formobj.guidedPrice = vdata.guidedPrice // 销售指导价 |
|||
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice // 厂家合同价 |
|||
_this.formobj.num = vdata.num // 台数 |
|||
_this.formobj.deposit = vdata.deposit // 订金 |
|||
_this.formobj.expenseName = vdata.expenseName // 费用名称 |
|||
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount // 费用金额合计 |
|||
_this.formobj.orgSid = vdata.orgSid // 部门sid |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
this.formobj = row |
|||
}) |
|||
}, |
|||
saveOrUpdate() { |
|||
const _this = this |
|||
this.$refs['form_obj'].validate(valid => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req |
|||
.saveOrUpdate(this.formobj) |
|||
.then(resp => { |
|||
this.submitdisabled = false |
|||
if (resp.success) { |
|||
_this.$message({ showClose: true, type: 'success', message: resp.msg }) |
|||
_this.handleReturn('true') |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
@ -0,0 +1,142 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 标题按钮部分开始 --> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>外采申请表详情</div> |
|||
<!-- start 详情按钮 --> |
|||
<div><el-button itype="info" size="small" @click="handleReturn()">返回</el-button></div> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<!-- 标题按钮部分结束 --> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd"> |
|||
<div class="wlInfo"><span>外采申请表</span></div> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">申请编号</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.applicationCode }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">申请人姓名</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.createByName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">申请日期</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.applicationDate }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">外采类型key</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.externalMiningTypeKey }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">外采类型value</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.externalMiningTypeValue }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">采购单位sid</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasingUnitSid }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">采购单位名称</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasingUnitName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">车型sid</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.modelSid }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">车型名称</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.modelName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">常用配置名称</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.configName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">采购价格</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.purchasePrice }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">销售指导价</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.guidedPrice }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">厂家合同价</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.manufactorSettlementPrice }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">台数</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.num }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">订金</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.deposit }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">费用名称</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.expenseName }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">费用金额合计</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.totalExpenseAmount }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">部门sid</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.orgSid }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplication' |
|||
export default { |
|||
name: 'BaseOutsourcingApplicationInfo', |
|||
data() { |
|||
return { |
|||
formobj: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
handleReturn() { |
|||
this.formobj = {} |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(row) { |
|||
req |
|||
.fetchBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
const vdata = resp.data |
|||
_this.formobj.id = vdata.id |
|||
_this.formobj.sid = vdata.sid // SID |
|||
_this.formobj.applicationCode = vdata.applicationCode // 申请编号 |
|||
_this.formobj.createByName = vdata.createByName // 申请人姓名 |
|||
_this.formobj.applicationDate = vdata.applicationDate // 申请日期 |
|||
_this.formobj.externalMiningTypeKey = vdata.externalMiningTypeKey // 外采类型key |
|||
_this.formobj.externalMiningTypeValue = vdata.externalMiningTypeValue // 外采类型value |
|||
_this.formobj.purchasingUnitSid = vdata.purchasingUnitSid // 采购单位sid |
|||
_this.formobj.purchasingUnitName = vdata.purchasingUnitName // 采购单位名称 |
|||
_this.formobj.modelSid = vdata.modelSid // 车型sid |
|||
_this.formobj.modelName = vdata.modelName // 车型名称 |
|||
_this.formobj.configName = vdata.configName // 常用配置名称 |
|||
_this.formobj.purchasePrice = vdata.purchasePrice // 采购价格 |
|||
_this.formobj.guidedPrice = vdata.guidedPrice // 销售指导价 |
|||
_this.formobj.manufactorSettlementPrice = vdata.manufactorSettlementPrice // 厂家合同价 |
|||
_this.formobj.num = vdata.num // 台数 |
|||
_this.formobj.deposit = vdata.deposit // 订金 |
|||
_this.formobj.expenseName = vdata.expenseName // 费用名称 |
|||
_this.formobj.totalExpenseAmount = vdata.totalExpenseAmount // 费用金额合计 |
|||
_this.formobj.orgSid = vdata.orgSid // 部门sid |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
_this.formobj = row |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
@ -0,0 +1,291 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div v-show="viewState == 1"> |
|||
<button-bar view-title="外采申请车辆列表" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|||
<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="外采申请单sid"><el-input v-model="queryParams.params.outAppSid" placeholder="请输入外采申请单sid" clearable /></el-form-item> |
|||
<el-form-item label="车架号"><el-input v-model="queryParams.params.VIN" placeholder="请输入车架号" clearable /></el-form-item> |
|||
<el-divider /> |
|||
<div class="btn" style="text-align: center;"> |
|||
<el-button type="primary" @click="dosearch">查询</el-button> |
|||
<el-button type="primary" @click="resetQuery">重置</el-button> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<!-- Start 项目列表头部 --> |
|||
<div class="listtop"> |
|||
<div class="tit">外采申请车辆列表列表</div> |
|||
<pageye v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList" /> |
|||
</div> |
|||
<!-- End 项目列表头部 --> |
|||
|
|||
<!-- Start 项目列表 --> |
|||
<div class="listcon"> |
|||
<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" label="序号" type="index" :index="indexMethod" align="center" /> |
|||
<el-table-column label="SID" align="center"> |
|||
<template slot-scope="scope"> |
|||
<span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.sid }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="outAppSid" label="外采申请单sid" align="center" /> |
|||
<el-table-column prop="VIN" label="车架号" align="center" /> |
|||
</el-table> |
|||
</div> |
|||
<!-- End 项目列表 --> |
|||
<div class="pages"> |
|||
<div class="tit" /> |
|||
<!-- 翻页 --> |
|||
<pagination |
|||
v-show="dataList.length > 0" |
|||
:total="queryParams.total" |
|||
:page.sync="queryParams.current" |
|||
:limit.sync="queryParams.size" |
|||
class="pagination" |
|||
@pagination="loadList" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<!-- End 查询和其列表部分 --> |
|||
|
|||
<!-- 新增修改部分组件 --> |
|||
<div-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> |
|||
|
|||
<!-- 详情部分组件 --> |
|||
<div-info v-show="viewState == 4" ref="divinfo" @doback="resetState" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplicationvehicle' |
|||
import ButtonBar from '@/components/ButtonBar' |
|||
import Pagination from '@/components/pagination' |
|||
import pageye from '@/components/pagination/pageye' |
|||
import divAdd from './baseoutsourcingapplicationvehicleAdd' |
|||
import divInfo from './baseoutsourcingapplicationvehicleInfo' |
|||
|
|||
export default { |
|||
name: 'BaseOutsourcingApplicationVehicleIndex', |
|||
components: { |
|||
ButtonBar, |
|||
Pagination, |
|||
pageye, |
|||
divAdd, |
|||
divInfo |
|||
}, |
|||
data() { |
|||
return { |
|||
btndisabled: false, |
|||
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|||
isSearchShow: true, |
|||
tableLoading: false, |
|||
dataList: [], |
|||
queryParams: { |
|||
current: 1, |
|||
size: 10, |
|||
total: 0, |
|||
params: { |
|||
sids: [], // 用于导出的时候保存已选择SID |
|||
outAppSid: '', // 外采申请单sid |
|||
VIN: '' // 车架号 |
|||
} |
|||
}, |
|||
multipleSelection: [] |
|||
} |
|||
}, |
|||
created() { |
|||
this.loadList() |
|||
}, |
|||
methods: { |
|||
resetState() { |
|||
this.viewState = 1 |
|||
}, |
|||
btnHandle(btnKey) { |
|||
switch (btnKey) { |
|||
case 'toAdd': |
|||
this.toAdd() |
|||
break |
|||
case 'toEdit': |
|||
this.toEdit() |
|||
break |
|||
case 'doSubmit': |
|||
this.doSubmit() |
|||
break |
|||
case 'doDel': |
|||
this.doDel() |
|||
break |
|||
case 'doImport': |
|||
this.doImport() |
|||
break |
|||
case 'doExport': |
|||
this.doExport() |
|||
break |
|||
default: |
|||
break |
|||
} |
|||
}, |
|||
toAdd(row) { |
|||
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 |
|||
const row = this.multipleSelection[0] |
|||
this.$refs['divadd'].showEdit(row) |
|||
}, |
|||
doSubmit(row) { |
|||
// 提交的代码 |
|||
this.btndisabled = true |
|||
req |
|||
.doSubmit(this.queryParams.params) |
|||
.then(resp => { |
|||
console.log(resp) |
|||
this.btndisabled = false |
|||
if (resp.success) { |
|||
// 加提交后的逻辑 |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
this.btndisabled = false |
|||
}) |
|||
}, |
|||
doDel(row) { |
|||
if (this.multipleSelection.length === 0) { |
|||
this.$message({ showClose: true, type: 'error', message: '请选择至少一条记录进行删除操作' }) |
|||
return |
|||
} |
|||
const _this = this |
|||
const sids = [] |
|||
this.multipleSelection.forEach(row => { |
|||
sids.push(row.sid) |
|||
}) |
|||
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(sids) |
|||
.then(resp => { |
|||
loading.close() |
|||
if (resp.success) { |
|||
_this.$message({ type: 'success', message: resp.msg, showClose: true }) |
|||
_this.loadList() |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
loading.close() |
|||
}) |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
doImport(row) { |
|||
// 导入的代码 |
|||
req |
|||
.importExcel(this.queryParams.params) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
console.log(resp) |
|||
} |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
doExport(row) { |
|||
// 导出的代码 |
|||
const sids = [] |
|||
this.multipleSelection.forEach(row => { |
|||
sids.push(row.sid) |
|||
}) |
|||
this.queryParams.params.sids = sids |
|||
req |
|||
.exportExcel(this.queryParams.params) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
var map = resp.data |
|||
const fileName = map.filename // 导出文件名 |
|||
// // 对于<a>标签，只有 Firefox 和 Chrome（内核） 支持 download 属性 |
|||
// // IE10以上支持blob但是依然不支持download |
|||
const link = document.createElement('a') // 创建a标签 |
|||
link.download = fileName // a标签添加属性 |
|||
link.style.display = 'none' |
|||
link.href = map.downurl |
|||
document.body.appendChild(link) |
|||
link.click() // 执行下载 |
|||
URL.revokeObjectURL(link.href) // 释放url |
|||
document.body.removeChild(link) // 释放标签 |
|||
} |
|||
}) |
|||
.catch(() => {}) |
|||
}, |
|||
dosearch() { |
|||
this.queryParams.current = 1 |
|||
this.loadList() |
|||
}, |
|||
resetQuery() { |
|||
this.queryParams.params = {} |
|||
this.queryParams.params.sid = '' // sid |
|||
this.queryParams.params.name = '' // 登录名 |
|||
this.dosearch() |
|||
}, |
|||
loadList() { |
|||
const _this = this |
|||
this.tableLoading = true |
|||
req |
|||
.listPage(this.queryParams) |
|||
.then(resp => { |
|||
_this.tableLoading = false |
|||
if (resp.success) { |
|||
const data = resp.data |
|||
_this.queryParams.total = data.total |
|||
_this.dataList = data.records |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
_this.tableLoading = false |
|||
}) |
|||
}, |
|||
handleSelectionChange(val) { |
|||
this.multipleSelection = val |
|||
}, |
|||
// 序号 |
|||
indexMethod(index) { |
|||
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|||
var pageindex = index + 1 + pagestart |
|||
return pageindex |
|||
}, |
|||
toInfo(row) { |
|||
this.$refs['divinfo'].showInfo(row) |
|||
this.viewState = 4 |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
</style> |
|||
@ -0,0 +1,133 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 标题按钮部分开始 --> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>{{ viewTitle }}</div> |
|||
<!-- start 添加修改按钮 --> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button> |
|||
<el-button type="info" size="small" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
<!-- end 添加修改按钮 --> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<!-- 标题按钮部分结束 --> |
|||
<!-- Start 新增修改部分 --> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" :rules="rules" label-position="right" class="formadd"> |
|||
<div class="wlInfo"><span>外采申请车辆列表</span></div> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>外采申请单sid</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="outAppSid"><el-input v-model="formobj.outAppSid" placeholder="外采申请单sid" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb"> |
|||
<span><span class="icon">*</span>车架号</span> |
|||
</el-col> |
|||
<el-col :span="8" class="trightb"> |
|||
<el-form-item prop="VIN"><el-input v-model="formobj.VIN" placeholder="车架号" class="addinputw" clearable /></el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
<!-- End 添加修改部分 --> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplicationvehicle' |
|||
export default { |
|||
name: 'BaseOutsourcingApplicationVehicleAdd', |
|||
data() { |
|||
return { |
|||
submitdisabled: false, |
|||
viewTitle: '', |
|||
formobj: { |
|||
id: '', |
|||
sid: '', |
|||
outAppSid: '', // 外采申请单sid |
|||
VIN: '' // 车架号 |
|||
}, |
|||
rules: { |
|||
outAppSid: [{ required: true, message: '外采申请单sid不能为空', trigger: 'blur' }], // 外采申请单sid |
|||
VIN: [{ required: true, message: '车架号不能为空', trigger: 'blur' }] // 车架号 |
|||
} |
|||
} |
|||
}, |
|||
created() {}, |
|||
methods: { |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.formobj.id = '' |
|||
this.formobj.sid = '' // SID |
|||
|
|||
this.outAppSid = '' // 外采申请单sid |
|||
this.VIN = '' // 车架号 |
|||
|
|||
this.$refs['form_obj'].resetFields() |
|||
this.$emit('doback') |
|||
}, |
|||
showAdd() { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.viewTitle = '【新增】外采申请车辆列表' |
|||
}, |
|||
showEdit(row) { |
|||
this.$nextTick(() => { |
|||
this.$refs['form_obj'].clearValidate() |
|||
}) |
|||
this.viewTitle = '【修改】外采申请车辆列表' |
|||
const _this = this |
|||
req |
|||
.fetchBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.sucess) { |
|||
const vdata = resp.data |
|||
_this.formobj.id = vdata.id |
|||
_this.formobj.sid = vdata.sid // SID |
|||
|
|||
_this.formobj.outAppSid = vdata.outAppSid // 外采申请单sid |
|||
_this.formobj.VIN = vdata.VIN // 车架号 |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
this.formobj = row |
|||
}) |
|||
}, |
|||
saveOrUpdate() { |
|||
const _this = this |
|||
this.$refs['form_obj'].validate(valid => { |
|||
if (valid) { |
|||
this.submitdisabled = true |
|||
req |
|||
.saveOrUpdate(this.formobj) |
|||
.then(resp => { |
|||
this.submitdisabled = false |
|||
if (resp.success) { |
|||
_this.$message({ showClose: true, type: 'success', message: resp.msg }) |
|||
_this.handleReturn('true') |
|||
} else { |
|||
// 根据resp.code进行异常情况处理 |
|||
} |
|||
}) |
|||
.catch(() => { |
|||
this.submitdisabled = false |
|||
}) |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
@ -0,0 +1,62 @@ |
|||
<template> |
|||
<div> |
|||
<!-- 标题按钮部分开始 --> |
|||
<div class="tab-header webtop"> |
|||
<!-- 标题 --> |
|||
<div>外采申请车辆列表详情</div> |
|||
<!-- start 详情按钮 --> |
|||
<div><el-button itype="info" size="small" @click="handleReturn()">返回</el-button></div> |
|||
<!-- end 详情按钮 --> |
|||
</div> |
|||
<!-- 标题按钮部分结束 --> |
|||
<div class="listconadd"> |
|||
<el-form ref="form_obj" :model="formobj" label-position="right" class="formadd"> |
|||
<div class="wlInfo"><span>外采申请车辆列表</span></div> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">外采申请单sid</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.outAppSid }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="4" class="tleftb">车架号</el-col> |
|||
<el-col :span="8" class="trightb"><el-form-item prop="useOrg"><span>{{ formobj.VIN }}</span></el-form-item></el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import req from '@/api/baseoutsourcingapplication/baseoutsourcingapplicationvehicle' |
|||
export default { |
|||
name: 'BaseOutsourcingApplicationVehicleInfo', |
|||
data() { |
|||
return { |
|||
formobj: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
handleReturn() { |
|||
this.formobj = {} |
|||
this.$emit('doback') |
|||
}, |
|||
showInfo(row) { |
|||
req |
|||
.fetchBySid(row.sid) |
|||
.then(resp => { |
|||
if (resp.success) { |
|||
const vdata = resp.data |
|||
_this.formobj.id = vdata.id |
|||
_this.formobj.sid = vdata.sid // SID |
|||
_this.formobj.outAppSid = vdata.outAppSid // 外采申请单sid |
|||
_this.formobj.VIN = vdata.VIN // 车架号 |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
_this.formobj = row |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
Loading…
Reference in new issue