Skip to content

G
gdtel-gztel-school-center-ui
Commit 36c8d526 by 黄森林
Options

订单管理受理单导入，快递清单导入功能

parent 8599859b
Showing with 274 additions and 140 deletions
src/api/school-center/orderAPI.js
import {postAction,downFilePost} from '@/api/manage' import {postAction,downFilePost} from '@/api/manage'
const prefix = '/manager/ciop'; const prefix = '/manager/ciop/';
//订单 //订单
let orderList = (params) => postAction(prefix + "/order/list" , params); let orderList = (params) => postAction(prefix + "order/list" , params);
let download = (params) => downFilePost(prefix + "/order/download/" , params); let download = (params) => downFilePost(prefix + "order/download" , params);
//返回订单历史状态
let selectOrderHis = (params) => postAction(prefix +"order/selectOrderHis" , params);
let abnormal = (params) => postAction(prefix +"order/abnormal" , params);
let downloadMoBan = (params) => downFilePost(prefix + "order/downloadMoBan" , params);
let downloadMoBanKD = (params) => downFilePost(prefix + "order/downloadMoBanKD" , params);
//报表 //报表
let reportList = (params) => postAction(prefix + "/order/getHhrOrderInfo",params); let reportList = (params) => postAction(prefix + "order/getHhrOrderInfo",params);
let reportDownload = (params) => postAction(prefix + "/order/outputHhrOrder",params); let reportDownload = (params) => postAction(prefix + "order/outputHhrOrder",params);
export { export {
orderList, orderList,
download, download,
selectOrderHis,
abnormal,
downloadMoBan,
downloadMoBanKD,
reportList, reportList,
reportDownload reportDownload
} }
src/constant/ConstantActivity.js
...@@ -12,13 +12,11 @@ let Frequency = { ...@@ -12,13 +12,11 @@ let Frequency = {
let title =[ let title =[
{ {
title: '当前操作',},
{
title: '处理人',}, title: '处理人',},
{ {
title: '处理时间',}, title: '处理时间',},
{ {
title: '回复信息',} title: '订单状态',}
]; ];
export default { export default {
......
src/views/school-center/order/order.vue
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
</a-col> </a-col>
<a-col :md="4" :sm="12"> <a-col :md="4" :sm="12">
<a-form-item label="状态："> <a-form-item label="状态：">
<a-select v-model="queryParam.status" style="width: 120px" > <a-select v-model="queryParam.orderStatus" style="width: 120px" >
<a-select-option value="">请选择</a-select-option> <a-select-option value="">请选择</a-select-option>
<a-select-option value="1">待提交</a-select-option> <a-select-option value="1">待提交</a-select-option>
<a-select-option value="4">归档</a-select-option> <a-select-option value="4">归档</a-select-option>
...@@ -72,6 +72,8 @@ ...@@ -72,6 +72,8 @@
<a-button @click="search()" type="primary">查询</a-button> <a-button @click="search()" type="primary">查询</a-button>
<a-button v-show="!callback" @click="handleSubmit" style="margin-left: 10px">导出</a-button> <a-button v-show="!callback" @click="handleSubmit" style="margin-left: 10px">导出</a-button>
<a-button v-show="callback" style="margin-left: 10px">导出中<a-spin style="margin-left: 5px" size="small"/></a-button> <a-button v-show="callback" style="margin-left: 10px">导出中<a-spin style="margin-left: 5px" size="small"/></a-button>
<a-button @click="handleSubmit1" style="margin-left: 10px">批量处理</a-button>
<a-button @click="handleSubmit2" style="margin-left: 10px">快递</a-button>
</a-row> </a-row>
</a-form> </a-form>
</div> </div>
...@@ -106,152 +108,210 @@ ...@@ -106,152 +108,210 @@
<template slot="operation" slot-scope="text, record"> <template slot="operation" slot-scope="text, record">
<span> <span>
<a @click="showDrawer(record)">查看</a> <a @click="showDrawer(record)">查看</a>
<a-divider type="vertical"/>
<a @click="abnormal(record.id)">设为异常单</a>
</span> </span>
</template> </template>
</s-table> </s-table>
<!----抽屉--> <!----抽屉-->
<a-drawer width="640" placement="right" :closable="false" @close="onClose" :visible="visible">
<p :style="pStyle">基础信息</p>
<a-row>
<a-col :span="12">
<p>客户名称：{{orderInfo.customerName}}</p>
</a-col>
<a-col :span="12">
<p>卡品：{{orderInfo.kapin}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>用户学校：{{orderInfo.school}}</p>
</a-col>
<a-col :span="12">
<p>小白卡单号：{{orderInfo.xbOrderId | dayjs}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>订单完成时间：{{orderInfo.successTime}}</p>
</a-col>
<a-col :span="12">
<p>预制卡单号：{{orderInfo.yzOrderId}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>学号：{{orderInfo.no}}</p>
</a-col>
<a-col :span="12">
<p>班级：{{orderInfo.class}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>父母名字：{{orderInfo.parentName}}</p>
</a-col>
</a-row> <a-drawer width="1024" placement="right" :closable="false" @close="onClose" :visible="visible">
<a-row> <a-form :form="orderInfo">
<a-col :span="12"> <a-tabs type="card">
<p>联系电话：{{orderInfo.contactNumber}}</p> <a-tab-pane tab="订单基本信息" key="1" activeKey>
</a-col> <p :style="pStyle">基础信息</p>
<a-col :span="12"> <a-row>
<p>身份证号：{{orderInfo.idCard}}</p> <a-col :span="12">
</a-col> <p>客户名称：{{orderInfo.customerName}}</p>
</a-row> </a-col>
<a-row> <a-col :span="12">
<a-col :span="12"> <p>卡品：{{orderInfo.kapin}}</p>
<p>办理号码：{{orderInfo.businessNumber}}</p> </a-col>
</a-col> </a-row>
<a-col :span="12"> <a-row>
<p>创建时间：{{orderInfo.createTime}}</p> <a-col :span="12">
</a-col> <p>用户学校：{{orderInfo.userSchool}}</p>
</a-row> </a-col>
<a-col :span="12">
<p>小白卡单号：{{orderInfo.xbOrderId}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>订单完成时间：{{orderInfo.successTime | dayjs}}</p>
</a-col>
<a-col :span="12">
<p>学号：{{orderInfo.studentNumber}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>班级：{{orderInfo.classNumber}}</p>
</a-col>
<a-col :span="12">
<p>父母名字：{{orderInfo.parentName}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>联系电话：{{orderInfo.contactNumber}}</p>
</a-col>
<a-col :span="12">
<p>身份证号：{{orderInfo.idCard}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>办理号码：{{orderInfo.businessNumber}}</p>
</a-col>
<a-col :span="12">
<p>创建时间：{{orderInfo.createTime | dayjs}}</p>
</a-col>
</a-row>
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<p>地址：{{orderInfo.address}}</p> <p>地址：{{orderInfo.address}}</p>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<p>省市县：{{orderInfo.site}}</p> <p>省市县：{{orderInfo.site}}</p>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<p>备注：{{orderInfo.remarks}}</p> <p>备注：{{orderInfo.remarks}}</p>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<p>错误原因：{{orderInfo.checkFail}}</p> <p>错误原因：{{orderInfo.checkFail}}</p>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<p>资费：{{orderInfo.expenses}}</p> <p>资费：{{orderInfo.expenses}}</p>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<p>办理标识：{{orderInfo.identifying}}</p> <p>办理标识：{{orderInfo.identifying}}</p>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<p>宽带账号：{{orderInfo.netNumber}}</p> <p>宽带账号：{{orderInfo.netNumber}}</p>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<p>宽带密码：{{orderInfo.netPassword}}</p> <p>宽带密码：{{orderInfo.netPassword}}</p>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<p>奖品账号：{{orderInfo.giftAccount}}</p> <p>奖品账号：{{orderInfo.giftAccount}}</p>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<p>奖品密码：{{orderInfo.giftPassword}}</p> <p>奖品密码：{{orderInfo.giftPassword}}</p>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="12"> <a-col :span="12">
<p>学生证审核状态：{{orderInfo.studentCardCheckStatus}}</p> <p>学生证审核状态：{{orderInfo.studentCardCheckStatus}}</p>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<p>宽带订单id：{{orderInfo.kdOrderId}}</p> <p>宽带订单id：{{orderInfo.kdOrderId}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>智能平台订单号：{{orderInfo.orderId}}</p>
</a-col>
<a-col :span="12">
<p>智能平台订单状态：{{orderInfo.thStatus}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>附件：</p>
</a-col>
</a-row>
</a-tab-pane>
<a-tab-pane tab="流程跟踪" key="3">
<a-list :grid="{ column: 4 }" :dataSource="title">
<a-list-item slot="renderItem" slot-scope="item, index">
<a-card :title="item.title" :bordered="false">
<a-card-grid style="width:100%;" v-for="item in abnormalInfo">
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 20px">
<a-tooltip placement="left">
<template slot="title">
{{item[index]}}
</template>
{{item[index]}}
</a-tooltip>
</div>
</a-card-grid>
</a-card>
</a-list-item>
</a-list>
</a-tab-pane>
</a-tabs>
</a-form>
</a-drawer>
<a-modal title="批量导入" :visible="modifyvisible" @ok="createfunctionOk" @cancel="createfunctionCancel" html-type="submit" width="1024px">
<a-row :gutter="24">
<a-col :md="24" :sm="12" >
<p style="text-align:center">{{importTile}}</p>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <import-btn :url="importUrl"
<a-col :span="12"> :responseFun="doPush">
<p>智能平台订单号：{{orderInfo.znOrderNumber}}</p> <a-tooltip placement="topLeft" title="导入文件" arrowPointAtCenter>
</a-col> <a-row :gutter="24">
<a-col :span="12"> <a-col :md="24" :sm="12" >
<p>智能平台订单状态：{{orderInfo.thStatus}}</p> <p>选择文件： <a-button type="primary">选择文件</a-button></p>
</a-col>
</a-row>
</a-tooltip>
</import-btn>
<a-row :gutter="24" >
<a-col :md="24" :sm="12" >
<p v-show="YRYMmoBan">模板下载： <a-button type="primary" @click="downloadMoBan">一人一码受理单模板</a-button></p>
<p v-show="KDmoBan">模板下载： <a-button type="primary" @click="downloadMoBanKD">快递清单模板</a-button></p>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row :gutter="24" :v-show="KDmoBan">
<a-col :span="12"> <a-col :md="24" :sm="12" >
<p>附件：</p> <p>说明：</p>
<p>1.批量导入请严格按照模版进行导入;</p>
</a-col> </a-col>
</a-row> </a-row>
<a-divider /> </a-modal>
</a-drawer>
</div> </div>
</template> </template>
<script> <script>
import STable from '@/components/table'; import STable from '@/components/table';
import {orderList,download} from "@/api/school-center/orderAPI" import {orderList,download,abnormal,selectOrderHis,downloadMoBan,downloadMoBanKD} from "@/api/school-center/orderAPI"
import {cloneObject,exportFile} from '@/utils/util'; import {cloneObject,exportFile} from '@/utils/util';
import moment from 'moment'; import moment from 'moment';
import ConstantActivity from '@/constant/ConstantActivity';
import ImportBtn from "../../../components/sysmanage/ImportBtn";
export default { export default {
name: "orderView", name: "orderView",
components: { components: {
STable, STable,
ImportBtn,
}, },
data(){ data(){
return { return {
//下载完成状态 YRYMmoBan:false,
KDmoBan:false,
importUrl:'',
importTile:'',
modifyvisible:false,
title: ConstantActivity.title,
callback:false, callback:false,
Formtable: this.$form.createForm(this), Formtable: this.$form.createForm(this),
visible: false, visible: false,
abnormalInfo:[],
pStyle: { pStyle: {
fontSize: '16px', fontSize: '16px',
color: 'rgba(0,0,0,0.85)', color: 'rgba(0,0,0,0.85)',
...@@ -278,16 +338,15 @@ ...@@ -278,16 +338,15 @@
columns: [ columns: [
{dataIndex: 'customerName', width: 200, title: '客户姓名'}, {dataIndex: 'customerName', width: 200, title: '客户姓名'},
{dataIndex: 'orderNumber', width: 200, title: '订单编号'}, {dataIndex: 'orderNumber', width: 200, title: '订单编号'},
{dataIndex: 'businessPackage', width: 200, title: '升级套餐'},
{dataIndex: 'orderStatus', width: 200, title: '订单状态'},
{dataIndex: 'userType', width: 200, title: '订单类型',scopedSlots: {customRender: 'userType'}},
{dataIndex: 'contactNumber', width: 200, title: '联系号码'}, {dataIndex: 'contactNumber', width: 200, title: '联系号码'},
{dataIndex: 'businessNumber', width: 200, title: '办理号码'}, {dataIndex: 'businessNumber', width: 200, title: '办理号码'},
{dataIndex: 'businessPackage', width: 200, title: '办理套餐'}, {dataIndex: 'kapin', width: 200, title: '办理套餐'},
{dataIndex: 'hehuorenName', width: 200, title: '合伙人姓名'}, {dataIndex: 'hehuorenName', width: 200, title: '合伙人姓名'},
{dataIndex: 'hehuorenSchool', width: 200, title: '合伙人学校'}, {dataIndex: 'hehuorenSchool', width: 200, title: '合伙人学校'},
{dataIndex: 'hehuorenPhone', width: 200, title: '合伙人手机'}, {dataIndex: 'hehuorenPhone', width: 200, title: '合伙人手机'},
{dataIndex: 'packageId', width: 200, title: '现有套餐'},
{dataIndex: 'businessPackage', width: 200, title: '升级套餐'},
{dataIndex: 'orderStatus', width: 200, title: '订单状态'},
{dataIndex: 'userType', width: 200, title: '订单类型',scopedSlots: {customRender: 'userType'}},
{dataIndex: 'studentCardCheckStatus', width: 200, title: '学生证审核状态', {dataIndex: 'studentCardCheckStatus', width: 200, title: '学生证审核状态',
scopedSlots: {customRender: 'studentCardCheckStatus'} scopedSlots: {customRender: 'studentCardCheckStatus'}
}, },
...@@ -331,6 +390,51 @@ ...@@ -331,6 +390,51 @@
}, },
methods:{ methods:{
moment, moment,
downloadMoBan: function () {
exportFile(downloadMoBan(), "一人一码受理单.xlsx");
},
downloadMoBanKD: function () {
exportFile(downloadMoBanKD(), "快递清单.xlsx");
},
// 执行上传
doPush(res) {
console.log(res)
if (!res || !res.response) {
this.$message.error('上传文件出错！', 10);
return false;
}
const response = res.response;
if (response.state !== 'success') {
this.$message.error(response.msg ? response.msg : '上传文件出错！', 10);
return false;
}
this.$message.success('上传成功！'+response.data, 5);
},
createfunctionCancel(){
this.modifyvisible=false;
this.clearmodel()
},
clearmodel(){
this.importTile=''
this.YRYMmoBan=false
this.KDmoBan=false
},
createfunctionOk(){
this.modifyvisible=false;
this.clearmodel()
},
handleSubmit1(){
this.importTile="批量导入受理单"
this.YRYMmoBan=true
this.importUrl='manager/ciop/order/importDate'
this.modifyvisible=true;
},
handleSubmit2(){
this.importTile="批量导入快递清单"
this.KDmoBan=true
this.importUrl='manager/ciop/order/importExpressDelivery'
this.modifyvisible=true;
},
search() { search() {
this.$refs.table.refresh({search: true}) this.$refs.table.refresh({search: true})
}, },
...@@ -338,12 +442,12 @@ ...@@ -338,12 +442,12 @@
this.orderInfo={ this.orderInfo={
customerName:'', customerName:'',
kapin:'', kapin:'',
school:'', userSchool:'',
xbOrderId:'', xbOrderId:'',
successTime:'', successTime:'',
yzOrderId:'', orderId:'',
no:'', studentNumber:'',
class:'', classNumber:'',
parentName:'', parentName:'',
contactNumber:'', contactNumber:'',
idCard:'', idCard:'',
...@@ -363,7 +467,6 @@ ...@@ -363,7 +467,6 @@
company:'', company:'',
studentCardCheckStatus:'', studentCardCheckStatus:'',
kdOrderId:'', kdOrderId:'',
znOrderNumber:'',
thStatus:'' thStatus:''
} }
this.visible = false; this.visible = false;
...@@ -372,12 +475,12 @@ ...@@ -372,12 +475,12 @@
this.orderInfo={ this.orderInfo={
customerName:data.customerName, customerName:data.customerName,
kapin:data.kapin, kapin:data.kapin,
school:data.school, userSchool:data.userSchool,
xbOrderId:data.xbOrderId, xbOrderId:data.xbOrderId,
successTime:data.successTime, successTime:data.successTime,
yzOrderId:data.yzOrderId, orderId:data.orderId,
no:data.no, studentNumber:data.studentNumber,
class:data.class, classNumber:data.classNumber,
parentName:data.parentName, parentName:data.parentName,
contactNumber:data.contactNumber, contactNumber:data.contactNumber,
idCard:data.idCard, idCard:data.idCard,
...@@ -397,9 +500,9 @@ ...@@ -397,9 +500,9 @@
company:data.company, company:data.company,
studentCardCheckStatus:data.studentCardCheckStatus, studentCardCheckStatus:data.studentCardCheckStatus,
kdOrderId:data.kdOrderId, kdOrderId:data.kdOrderId,
znOrderNumber:data.znOrderNumber,
thStatus:data.thStatus thStatus:data.thStatus
} }
this.selectOrderHis(data.id)
this.visible=true; this.visible=true;
}, },
//时间事件 //时间事件
...@@ -420,6 +523,30 @@ ...@@ -420,6 +523,30 @@
}, },
downloadstatu(){ downloadstatu(){
this.callback=false; this.callback=false;
},
selectOrderHis(orderId){
selectOrderHis({orderId}).then(res => {
let liu=res.data
for (let i = 0; i < liu.length; i++) {
let resdate = [];
resdate.push(liu[i]["operator"])
let startTime = moment(new Date(liu[i]["create_date"])).format(this.YYYY_MM_DD_HH_MI_SS);
resdate.push(startTime)
resdate.push(liu[i]["status"])
this.abnormalInfo.push(resdate)
}
})
},
abnormal(orderId){
abnormal({orderId}).then(res => {
if (res.state=="success") {
this.$message.success( res.data, 5);
}else {
this.$message.error( res.data, 5);
}
})
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment