ligaode
4 months ago
118 changed files with 1303 additions and 263 deletions
@ -0,0 +1,322 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<button-bar ref="btnbar" view-title="车辆业务档案" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
||||
|
<div class="main-content"> |
||||
|
<div class="searchcon"> |
||||
|
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
||||
|
{{ searchxianshitit }} |
||||
|
</el-button> |
||||
|
<div v-show="isSearchShow" class="search"> |
||||
|
<el-form :inline="true" class="tab-header"> |
||||
|
<el-form-item label="分公司"> |
||||
|
<el-input v-model="queryParams.params.orgName" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="销售部门"> |
||||
|
<el-input v-model="queryParams.params.sellDept" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="销售专员"> |
||||
|
<el-input v-model="queryParams.params.staffName" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="销售订单编号"> |
||||
|
<el-input v-model="queryParams.params.saleOrderNo" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="买卖合同编号"> |
||||
|
<el-input v-model="queryParams.params.contractNo" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="付款方式"> |
||||
|
<el-select v-model="queryParams.params.payType" placeholder="请选择"> |
||||
|
<el-option v-for="(item,i) in payTypeList" :key="i" :label="item.dictValue" :value="item.dictKey"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="业务类型"> |
||||
|
<el-select v-model="queryParams.params.businessType" placeholder="请选择"> |
||||
|
<el-option v-for="(item,i) in busTypeList" :key="i" :label="item.dictValue" :value="item.dictKey"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户名称"> |
||||
|
<el-input v-model="queryParams.params.customerName" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="客户电话"> |
||||
|
<el-input v-model="queryParams.params.customerPhone" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="车架号"> |
||||
|
<el-input v-model="queryParams.params.vinNo" 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.invoiceTitle" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="开票类型"> |
||||
|
<el-select v-model="queryParams.params.invoiceType" placeholder="请选择"> |
||||
|
<el-option v-for="(item,i) in invoiceTypeList" :key="i" :label="item.dictValue" :value="item.dictKey"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="出库日期"> |
||||
|
<el-date-picker v-model="queryParams.params.deliveryStartData" type="date" placeholder="选择日期" |
||||
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> |
||||
|
</el-date-picker>至 |
||||
|
<el-date-picker v-model="queryParams.params.deliveryEndData" type="date" placeholder="选择日期" |
||||
|
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;"> |
||||
|
</el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="业务状态"> |
||||
|
<el-select v-model="queryParams.params.businessStatus" placeholder="请选择"> |
||||
|
<el-option v-for="(item,i) in businessStatusList" :key="i" :label="item.dictValue" |
||||
|
:value="item.dictKey"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="欠款金额 > "> |
||||
|
<el-input v-model="queryParams.params.arrearsMoney" placeholder="" clearable /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="btn" style="text-align: center;"> |
||||
|
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button> |
||||
|
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Start 项目列表头部 --> |
||||
|
<div class="listtop"> |
||||
|
<div class="tit">车辆业务档案列表</div> |
||||
|
</div> |
||||
|
<!-- End 项目列表头部 --> |
||||
|
<!-- Start 项目列表 --> |
||||
|
<div class=""> |
||||
|
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
||||
|
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
||||
|
<el-table-column fixed label="操作" align="center" width="80"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="vinNo" label="车架号" align="center" width="120" /> |
||||
|
<el-table-column prop="modelName" label="车型" align="center" width="220" /> |
||||
|
<el-table-column label="销售订单编号" align="center" width="180"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span class="bluezi" @click="handleCheck(scope.row)">{{scope.row.saleOrderNo}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="contractNo" label="买卖合同编号" align="center" width="130" /> |
||||
|
<el-table-column prop="payType" label="付款方式" align="center" width="150" /> |
||||
|
<el-table-column prop="businessType" label="业务类型" align="center" width="100" /> |
||||
|
<el-table-column prop="customerName" label="客户名称" align="center" width="100" /> |
||||
|
<el-table-column prop="customerName" label="客户电话" align="center" width="120" /> |
||||
|
<el-table-column prop="salePrice" label="销售合同价" align="center" width="120" /> |
||||
|
<el-table-column prop="invoiceTitle" label="开票单位" align="center" width="220" /> |
||||
|
<el-table-column prop="invoiceType" label="开票类型" align="center" width="120" /> |
||||
|
<el-table-column prop="outBoundDate" label="出库日期" align="center" width="100" /> |
||||
|
<el-table-column prop="paymentAmount" label="交款金额" align="center" width="100" /> |
||||
|
<el-table-column prop="arrearsMoney" label="欠款金额" align="center" width="100" /> |
||||
|
<el-table-column prop="businessStatus" label="业务状态" align="center" width="100" /> |
||||
|
<el-table-column prop="orgName" label="分公司" align="center" width="150" /> |
||||
|
<el-table-column prop="sellDept" label="销售部门" align="center" width="220" /> |
||||
|
<el-table-column prop="staffName" label="销售专员" align="center" width="100" /> |
||||
|
|
||||
|
</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> |
||||
|
</div> |
||||
|
<!-- End 查询和其列表部分 --> |
||||
|
<!-- 新增修改部分组件 --> |
||||
|
<divInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" @reloadlist="loadList" /> |
||||
|
<dingdanInfo v-show="viewState == 5" ref="dingdanInfo" @doback="resetState" @reloadlist="loadList" /> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import req from '@/api/vehicleBusinessFileManagement/vehicleBusinessFileManagement.js' |
||||
|
import ButtonBar from '@/components/ButtonBar' |
||||
|
import Pagination from '@/components/pagination' |
||||
|
import pageye from '@/components/pagination/pageye' |
||||
|
import divInfo from './vehicleBusinessFileManagementInfo.vue' |
||||
|
import dingdanInfo from '@/components/publicPage/dingdanInfo' |
||||
|
import { |
||||
|
typeValues, |
||||
|
getTypeValueList |
||||
|
} from '@/api/dictcommons/dictcommons' |
||||
|
export default { |
||||
|
components: { |
||||
|
ButtonBar, |
||||
|
Pagination, |
||||
|
pageye, |
||||
|
divInfo, |
||||
|
dingdanInfo |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
btndisabled: false, |
||||
|
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
||||
|
isSearchShow: false, |
||||
|
searchxianshitit: '显示查询条件', |
||||
|
tableLoading: false, |
||||
|
dataList: [], |
||||
|
btnList: [{ |
||||
|
type: 'info', |
||||
|
size: 'small', |
||||
|
icon: 'cross', |
||||
|
btnKey: 'doClose', |
||||
|
btnLabel: '关闭' |
||||
|
}], |
||||
|
queryParams: { |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0, |
||||
|
params: { |
||||
|
"deptName": "", |
||||
|
"createByName": "", |
||||
|
"billNo": "", |
||||
|
"createStartTime": "", |
||||
|
"createEndTime": "", |
||||
|
"finishStartTime": "", |
||||
|
"finishEndTime": "", |
||||
|
"sourceBillNo": "", |
||||
|
"userSid": "", |
||||
|
"orgPath": "", |
||||
|
"menuUrl": "", |
||||
|
"warehouseTypeKey": "01" |
||||
|
} |
||||
|
}, |
||||
|
sids: [], |
||||
|
selectionList: [], |
||||
|
busTypeList: [], |
||||
|
payTypeList: [], |
||||
|
invoiceTypeList: [], |
||||
|
businessStatusList: [], |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$refs['btnbar'].setButtonList(this.btnList) |
||||
|
}, |
||||
|
created() { |
||||
|
this.loadList() |
||||
|
|
||||
|
typeValues({ |
||||
|
type: 'wms_busType' |
||||
|
}).then((res) => { |
||||
|
if (res.success) { |
||||
|
this.busTypeList = res.data |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
handleCheck(row) { |
||||
|
this.viewState = 5 |
||||
|
this.$refs['dingdanInfo'].showInfo({ |
||||
|
sid: row.saleOrderSid |
||||
|
}) |
||||
|
}, |
||||
|
// 搜索条件效果 |
||||
|
clicksearchShow() { |
||||
|
this.isSearchShow = !this.isSearchShow |
||||
|
if (this.isSearchShow) { |
||||
|
this.searchxianshitit = '隐藏查询条件' |
||||
|
} else { |
||||
|
this.searchxianshitit = '显示查询条件' |
||||
|
} |
||||
|
}, |
||||
|
btnHandle(btnKey) { |
||||
|
switch (btnKey) { |
||||
|
// case 'doDel': |
||||
|
// this.doDel() |
||||
|
// break |
||||
|
// case 'toAdd': |
||||
|
// this.toAdd() |
||||
|
// break |
||||
|
case 'doClose': |
||||
|
this.doClose() |
||||
|
break |
||||
|
default: |
||||
|
break |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
loadList() { |
||||
|
this.tableLoading = true |
||||
|
this.queryParams.params.userSid = window.sessionStorage.getItem('userSid') |
||||
|
this.queryParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath') |
||||
|
this.queryParams.params.menuUrl = this.$route.path |
||||
|
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进行异常情况处理 |
||||
|
this.dataList = [] |
||||
|
this.queryParams.total = 0 |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.tableLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 序号 |
||||
|
indexMethod(index) { |
||||
|
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
||||
|
var pageindex = index + 1 + pagestart |
||||
|
return pageindex |
||||
|
}, |
||||
|
dosearch() { |
||||
|
this.queryParams.current = 1 |
||||
|
this.loadList() |
||||
|
}, |
||||
|
resetQuery() { |
||||
|
this.queryParams = { |
||||
|
current: 1, |
||||
|
size: 10, |
||||
|
total: 0, |
||||
|
params: { |
||||
|
"deptName": "", |
||||
|
"createByName": "", |
||||
|
"billNo": "", |
||||
|
"createStartTime": "", |
||||
|
"createEndTime": "", |
||||
|
"finishStartTime": "", |
||||
|
"finishEndTime": "", |
||||
|
"sourceBillNo": "", |
||||
|
"userSid": "", |
||||
|
"orgPath": "", |
||||
|
"menuUrl": "", |
||||
|
"warehouseTypeKey": "01" |
||||
|
} |
||||
|
} |
||||
|
this.loadList() |
||||
|
}, |
||||
|
|
||||
|
doClose() { |
||||
|
this.$store.dispatch('tagsView/delView', this.$route) |
||||
|
this.$router.go(-1) |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
|
||||
|
toRelevancy(row) { |
||||
|
this.viewState = 4 |
||||
|
this.$refs['divInfo'].showInfo(row) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -1,8 +1,188 @@ |
|||||
<template> |
<template> |
||||
|
<div class="app-container"> |
||||
|
<div v-show="viewState == 1"> |
||||
|
<div class="tab-header webtop"> |
||||
|
<!-- 标题 --> |
||||
|
<div>车辆业务档案详情</div> |
||||
|
<!-- start 添加修改按钮 --> |
||||
|
<div> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="listconadd"> |
||||
|
|
||||
|
<el-form ref="form_obj" :model="formobj" class="formaddcopy02"> |
||||
|
<el-row class="first_row"> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">销售订单号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.saleOrderNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">买卖合同号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.contractNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">业务类型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.businessType }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">分公司</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.orgName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">销售部门</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.sellDept }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">销售专员</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.staffName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">车架号</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.vinNo }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="16"> |
||||
|
<div class="span-sty">车型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.modelName }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">销售合同价</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.salePrice }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">开票单位</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.invoiceTitle }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">开票类型</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.invoiceType }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">客户名称</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.customerPhone }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">客户电话</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.customerPhone }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="8"> |
||||
|
<div class="span-sty">身份证号码</div> |
||||
|
<el-form-item><span class="addinputInfo">{{ saleOrderInfo.remarks }}</span></el-form-item> |
||||
|
</el-col> |
||||
|
|
||||
|
</el-row> |
||||
|
|
||||
|
<div class="title titleOne"> |
||||
|
<div>销售订单附件</div> |
||||
|
</div> |
||||
|
<el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;"> |
||||
|
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
||||
|
<el-table-column fixed label="文件名称" prop="goodsSpuName" align="center" /> |
||||
|
<el-table-column label="上传日期" prop="goodsSkuCode" align="center" /> |
||||
|
<el-table-column label="上传人" prop="goodsSkuCode" align="center" /> |
||||
|
</el-table> |
||||
|
|
||||
|
</el-form> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import req from '@/api/vehicleBusinessFileManagement/vehicleBusinessFileManagement.js' |
||||
|
export default { |
||||
|
components: {}, |
||||
|
data() { |
||||
|
return { |
||||
|
viewState: 1, |
||||
|
listLoading: false, |
||||
|
submitdisabled: false, |
||||
|
formobj: {}, |
||||
|
saleOrderInfo: {} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
indexMethod(index) { |
||||
|
return index + 1 |
||||
|
}, |
||||
|
|
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.$emit('doback') |
||||
|
}, |
||||
|
|
||||
|
showInfo(row) { |
||||
|
var params = { |
||||
|
sid: row.sid |
||||
|
} |
||||
|
|
||||
|
this.saleOrderInfo = row |
||||
|
|
||||
|
console.log('projectDailySave--e:', row) |
||||
|
|
||||
|
|
||||
|
req.init(row.sid) |
||||
|
.then(resp => { |
||||
|
if (resp.success) { |
||||
|
this.formobj = resp.data |
||||
|
} |
||||
|
}) |
||||
|
.catch(e => { |
||||
|
this.formobj = {} |
||||
|
}) |
||||
|
}, |
||||
|
showEdit(row) { |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
resetState() { |
||||
|
this.viewState = 1 |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
</script> |
</script> |
||||
|
<style scoped> |
||||
|
.span-sty { |
||||
|
width: 130px !important; |
||||
|
} |
||||
|
|
||||
|
.addinputInfo { |
||||
|
margin-left: 120px !important; |
||||
|
} |
||||
|
|
||||
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
||||
|
margin-left: 120px !important; |
||||
|
width: calc(100% - 115px); |
||||
|
} |
||||
|
|
||||
|
.first_row { |
||||
|
border-top: 1px solid #E0E3EB; |
||||
|
} |
||||
|
|
||||
|
|
||||
<style> |
.titleOne { |
||||
</style> |
padding: 7px; |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
</style> |
||||
|
|||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue