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

销售订单页面（部分）

master
Zhao Qiqi 3 years ago
parent
41ab03704e
commit
74e04fc753
2 changed files with 1714 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 634
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
  2. 1087
      anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue

634
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdan.vue
View File

@ -1,13 +1,641 @@
<template>
<div class="app-container">
<div v-show="visible">
<div class="tab-header webtop">
<div>销售订单管理</div>
<div>
<el-button type="primary" size="small" @click="handleCreate()">新增</el-button>
<el-button type="danger" size="small" @click="handleDelete()">删除</el-button>
<el-button type="primary" size="small" :disabled="isableSub" @click="handleSubmit()">提交</el-button>
<el-button type="primary" size="small">打印</el-button>
<el-button type="primary" size="small">提交金融方案</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<div class="webcon">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<el-form-item label="部门名称" class="searchlist">
<el-input v-model="listQuery.params.orgName" placeholder="请填写" clearable class="filter-item"/>
<!-- <el-select v-model="listQuery.params.orgName" class="filter-item" clearable placeholder="请选择">
<el-option :value="listQuery.params.orgName" style="height: auto">
<el-tree ref="tree" :data="treedata" default-expand-all show-checkbox check-strictly node-key="sid" highlight-current :props="defaultProps" @check-change="handleCheckChange" />
</el-option>
</el-select> -->
</el-form-item>
<el-form-item label="业务员姓名" class="searchlist">
<el-input v-model="listQuery.params.staffName" placeholder="" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="客户名称" class="searchlist">
<el-input v-model="listQuery.params.customerName" placeholder="" clearable class="filter-item"/>
</el-form-item>
<el-form-item label="单据日期" class="searchlist">
<el-date-picker v-model="listQuery.params.createDateStart" class="filter-item-time" type="date"
value-format="yyyy-MM-dd" placeholder="请选择"/>
<label>至</label>
<el-date-picker v-model="listQuery.params.createDateEnd" class="filter-item-time" type="date"
value-format="yyyy-MM-dd" placeholder="请选择"/>
</el-form-item>
<el-form-item label="支付方式" class="searchlist">
<el-select v-model="listQuery.params.payType" class="filter-item" clearable placeholder="请选择">
<el-option v-for="item2 in payTypeList" :key="item2.dictKey" :label="item2.dictValue"
:value="item2.dictValue"/>
</el-select>
</el-form-item>
<el-form-item label="车型名称" class="searchlist">
<el-input v-model="listQuery.params.modelName" placeholder="" clearable class="filter-item"/>
</el-form-item>
<div class="searchbtns">
<el-button type="primary" @click="handleFilter">查询</el-button>
<el-button type="primary" @click="handleReset">重置</el-button>
</div>
</el-form>
</div>
</div>
<div class="listtop">
<div class="tit">销售订单列表</div>
<!-- 翻页分页 -->
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border fit highlight-current-row
style="width: 100%;" @selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column width="160px" label="操作" align="center">
<template slot-scope="scope">
<div class="searchbtns">
<el-button size="small" type="primary" :disabled="scope.row.nodeState == ''?false:true"
@click="changeNodeState(scope.row)">办理
</el-button>
<el-button size="small" type="primary" :disabled="scope.row.nodeState == ''?false:true"
@click="handleCheck(scope.row)">查看
</el-button>
<!-- <el-button size="small" type="primary" @click="printContract(scope.row)">打印合同</el-button>-->
</div>
</template>
</el-table-column>
<el-table-column label="状态" align="center">
<template slot-scope="scope">
<span>{{ scope.row.nodeState }}</span>
</template>
</el-table-column>
<el-table-column prop="jc" label="订单编号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.billNo }}</span>
</template>
</el-table-column>
<el-table-column label="制单日期" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createDate }}</span>
</template>
</el-table-column>
<el-table-column label="客户名称" align="center">
<template slot-scope="scope">
<span>{{ scope.row.customerName }}</span>
</template>
</el-table-column>
<el-table-column label="联系电话" align="center">
<template slot-scope="scope">
<span>{{ scope.row.mobile }}</span>
</template>
</el-table-column>
<el-table-column label="品牌" align="center">
<template slot-scope="scope">
<span>{{ scope.row.brandName }}</span>
</template>
</el-table-column>
<el-table-column label="单台成交价" align="center">
<template slot-scope="scope">
<span>{{ scope.row.single_price }}</span>
</template>
</el-table-column>
<el-table-column label="数量" align="center">
<template slot-scope="scope">
<span>{{ scope.row.quantity }}</span>
</template>
</el-table-column>
<el-table-column label="支付方式" align="center">
<template slot-scope="scope">
<span>{{ scope.row.payType }}</span>
</template>
</el-table-column>
<el-table-column label="订金(元)" align="center">
<template slot-scope="scope">
<span>{{ scope.row.deposit }}</span>
</template>
</el-table-column>
<el-table-column label="是否保险" align="center">
<template slot-scope="scope">
<span>{{ scope.row.isInsurance}}</span>
</template>
</el-table-column>
<!-- <el-table-column label="部门名称" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.orgName }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="业务员" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.staffName }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="提车方式" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.saleType }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="FL(元)" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.fl }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="车型名称" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.modelName }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="开票价格" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ scope.row.single_invoice_price }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="销售合同" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span class="bluezi" @click="xiaoshouhetong(scope.row)">{{ scope.row.contractNum }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="总金融方案" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span class="bluezi" @click="handleCheckxiaodai(row)">{{ scope.row.name }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
</div>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<!--新增修改部分组件-->
<div-add @handleReturn="visible = true" ref="divadd" @doback="resetState" @reloadlist="getList"/>
<!--详情部分组件-->
<div-info @handleReturn="visible = true" ref="dingdanxinxiinfo" @doback="resetState"/>
<!-- <dingdanxinxi-add ref="addAndUpdate" @handleReturn="visible=true" @created="dataCreated" @updated="dataUpdated" />
<dingdanxinxi-info ref="openInfo" @handleReturn="visible = true" /> -->
<!--消贷业务金融方案详情预览-->
<!-- <xiaodaijinrongfangan-info v-show="xiaodaijinrongfanganInfoShow" @noClickclose="noClickclose"/>-->
<!-- 合同编辑-->
<!-- <hetongdanganguanliInfo ref="hetongdanganguanli-Info" @handleReturn="visible = true"/> -->
<!-- 打印合同 -->
<!-- <divPrint ref="divPrint" @doback="resetState"/>-->
</div>
</template>
<script>
export default {
name: "xiaoshoudingdan"
import {
getPageList,
getListOrg,
deleteByids,
dictType
} from '@/api/salesManagement/orderManagement'
import {submitSales, updateSales} from '@/api/portal/workFlow'
import {loginDetails} from '@/api/dictcommons/basemanufacturer'
import {getStorage} from '@/utils/auth'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import divAdd from './xiaoshoudingdanAdd.vue'
import divInfo from './xiaoshoudingdanInfo.vue'
// import divPrint from './dayinxiangshezhi.vue'
// import xiaodaijinrongfanganInfo from '../../xiaodaijinrongfangan/xiaodaijinrongfanganinfo.vue'
// import hetongdanganguanliInfo from '@/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue'
export default {
name: 'xiaoshoudingdan',
components: {
Pagination,
pageye,
divAdd,
divInfo,
// divPrint,
// xiaodaijinrongfanganInfo,
// hetongdanganguanliInfo
},
data() {
return {
isableSub: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
xiaodaijinrongfanganInfoShow: false,
hetongdanganguanliAddShow: false,
userSid: '',
treedata: [],
payTypeList: [],
saleTypeList: [],
isSearchShow: false,
searchxianshitit: '隐藏查询条件',
// 查询 -----------
tableKey: 0,
addOrUpdatetypes: '',
list: [
{
name: '2345',
contractNum: '2222'
}
],
sids: [],
defaultProps: {
children: 'children',
label: 'name'
},
total: 1,
listLoading: false,
listQuery: {
current: 1,
size: 20,
params: {
customerName: '',
modelName: '',
orgName: '',
payType: '',
saleType: '',
staffName: ''
}
},
temp: {
contactMobile: '1'
}, // 添加和修改
nodeState: '', // 节点状态
submitDto: {
businessSid: '',
userSid: window.sessionStorage.getItem('userSid')
},
updateDto: {
nodeState: '',
sid: ''
},
visible: true
// ------------------------------------
}
},
computed: {},
created() {
// 加载列表
this.getList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
init() {
},
// ----------功能打开开始--------
resetState() {
this.visible = true
this.getList()
},
xiaoshouhetong(row) {
console.log('9511', row)
this.visible = false
this.$refs['hetongdanganguanli-Info'].showOrderHeTong(row.sid)
},
// 打开查看详情
handleCheck(row) {
this.visible = false
this.$refs['dingdanxinxiinfo'].showInfo(row.billNo)
},
// 打开添加
handleCreate(row) {
this.visible = false
this.$refs['divadd'].showAdd()
},
// 办理
changeNodeState(row) {
if (row.nodeState == '') {
this.visible = false
this.$refs['divadd'].showEdit(row.sid)
}
},
printContract(row) {
this.visible = false
this.$refs['divPrint'].showInfo(row)
},
// ----------功能打开结束--------
// ----------功能打开下一级页面开始--------
noClickclose() {
this.xiaodaijinrongfanganInfoShow = false
this.hetongdanganguanliAddShow = false
this.viewState = 1
},
// 打开消贷业务详情
handleCheckxiaodai() {
this.viewState = false
this.xiaodaijinrongfanganInfoShow = true
this.hetongdanganguanliAddShow = false
},
// ----------功能打开下一级页面结束--------
// 重置
handleReset() {
this.listQuery.params.customerName = ''
this.listQuery.params.modelName = ''
this.listQuery.params.orgName = ''
this.listQuery.params.payType = ''
this.listQuery.params.saleType = ''
this.listQuery.params.staffName = ''
this.listQuery.params.createDateEnd = ''
this.listQuery.params.createDateStart = ''
// // this.getList()
},
// 返回
handleReturn() {
this.$router.go(-1)
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
// 部门 treedata
getOrgList() {
getListOrg().then((response) => {
if (response.code === '200' && response.data) {
this.treedata = response.data[0].children
this.getpayTypeList()
}
})
},
// 支付方式 purchaseType
getpayTypeList() {
dictType({
type: 'purchaseType',
}).then((response) => {
if (response.code === '200' && response.data) {
this.payTypeList = response.data
this.getpaySaleList()
}
})
},
// 提车方式 saleType
getpaySaleList() {
dictType({
type: 'saleType'
}).then((response) => {
if (response.code === '200' && response.data) {
this.saleTypeList = response.data
}
})
},
// 查询列表信息
getList() {
this.listLoading = true
getPageList(this.listQuery).then((response) => {
this.listLoading = false
if (
response.code === '200' &&
response.data &&
response.data.total > 0
) {
this.list = response.data.records
this.total = response.data.total
this.getHuoquyonghu()
} else {
this.list = []
this.total = 0
}
})
},
handleCheckChange(data, checked, node) {
this.listQuery.params.orgName = data.name
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
// 勾选
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
console.log(element.sid)
// setuser(this.sids)
})
this.sids = aa
const bb = []
row.forEach((element) => {
bb.push(element.nodeState)
console.log(element.nodeState)
if (element.nodeState !== '') {
this.isableSub = true
} else if (element.nodeState == '') {
this.isableSub = false
}
})
},
// 获取用户信息
getHuoquyonghu() {
var token = getStorage()
loginDetails(token).then((response) => {
if (response.code === '200') {
this.userSid = response.data.sid
this.getOrgList()
}
})
},
// 提交审核
handleSubmit() {
if (this.sids.length == 1) {
this.$confirm('是否确定提交该业务', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.submitDto.businessSid = this.sids[0]
submitSales(this.submitDto).then((response) => {
if (response.code === '200') {
this.updateDto.nodeState = response.data.nodeState
this.$notify({
title: '提示',
message: '添加成功',
type: 'success',
duration: 2000
})
// 更新审批 状态
this.updateDto.sid = this.sids[0]
updateSales(this.updateDto).then((response) => {
if (response.code === '200') {
this.$notify({
title: '提示',
message: '更新成功',
type: 'success',
duration: 2000
})
this.getList()
} else {
this.$notify({
title: '更新失败',
message: response.msg,
type: 'error'
})
}
})
} else {
this.$notify({
title: '添加失败',
message: response.msg,
type: 'error'
})
}
})
})
} else if (this.sids.length == 0) {
this.$notify({
title: '您还未选择，请选择数据！！！',
type: 'error'
})
} else if (this.sids.length > 1) {
this.$notify({
title: '您选择的数据过多，请选择一条数据编辑！！',
type: 'error'
})
}
},
// 提交
// submitOrder() {
// submitOrder(this.userSid, this.sids.join(',')).then((response) => {
// if (response.code === '200') {
// this.$notify({
// title: '提示',
// message: '删除成功',
// type: 'success',
// duration: 2000,
// })
// this.getList()
// } else {
// this.$notify({
// title: '删除失败',
// message: response.msg,
// type: 'error',
// })
// }
// })
// },
// 根据本行ID删除数据
handleDelete() {
if (this.sids.length === 0) {
this.$notify({
title: '提示',
message: '没有选择!!',
type: 'warning',
duration: 2000
})
return
}
deleteByids(this.sids.join(',')).then((response) => {
if (response.code === '200') {
this.$notify({
title: '提示',
message: '删除成功',
type: 'success',
duration: 2000
})
this.getList()
} else {
this.$notify({
title: '删除失败',
message: response.msg,
type: 'error'
})
}
})
},
// 导出
handleDaoChu(row) {
this.$confirm('确定要导出数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
// .then(() => {
// const tempData = Object.assign({}, row) // copy obj
// // console.log('测试删除ID' + JSON.stringify(tempData.id))
// delServiceType(tempData.id).then(response => {
// if (response.code === 20000) {
// // console.log('测试删除' + JSON.stringify(response))
// this.$notify({
// title: '提示',
// message: '导出成功',
// type: 'success',
// duration: 2000
// })
// this.getList()
// } else {
// this.$notify({
// title: '失败',
// message: response.msg,
// type: 'error'
// })
// }
// })
// })
// .catch(() => {
// this.$message({
// type: 'info',
// message: '已取消'
// })
// })
},
// 添加修改返回
AddUpdateReturn() {
this.visible = true
},
// 添加保存完成
dataCreated() {
this.visible = true
this.getList()
},
// 修改保存完成
dataUpdated() {
this.visible = true
this.getList()
}
}
}
</script>
<style scoped>
.filter-item {
padding: 0 10px;
width: 220px;
display: inline-block;
}
/* .filter-item-time {
padding: 0 10px;
width: 300px;
display: inline-block;
} */
/* .listcon{height: calc(100vh - 550px);overflow-y: auto;overflow-x: hidden;} */
</style>

1087
anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/xiaoshoudingdan/xiaoshoudingdanAdd.vue
View File

File diff suppressed because it is too large
Write Preview
Loading…
Cancel
Save