Skip to content

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

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

parent 8599859b
Showing with 175 additions and 41 deletions
src/api/school-center/orderAPI.js
import {postAction,downFilePost} from '@/api/manage'
const prefix = '/manager/ciop';
const prefix = '/manager/ciop/';
//订单
let orderList = (params) => postAction(prefix + "/order/list" , params);
let download = (params) => downFilePost(prefix + "/order/download/" , params);
let orderList = (params) => postAction(prefix + "order/list" , 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 reportDownload = (params) => postAction(prefix + "/order/outputHhrOrder",params);
let reportList = (params) => postAction(prefix + "order/getHhrOrderInfo",params);
let reportDownload = (params) => postAction(prefix + "order/outputHhrOrder",params);
export {
orderList,
download,
selectOrderHis,
abnormal,
downloadMoBan,
downloadMoBanKD,
reportList,
reportDownload
}
src/constant/ConstantActivity.js
......@@ -12,13 +12,11 @@ let Frequency = {
let title =[
{
title: '当前操作',},
{
title: '处理人',},
{
title: '处理时间',},
{
title: '回复信息',}
title: '订单状态',}
];
export default {
......
src/views/school-center/order/order.vue
......@@ -56,7 +56,7 @@
</a-col>
<a-col :md="4" :sm="12">
<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="1">待提交</a-select-option>
<a-select-option value="4">归档</a-select-option>
......@@ -72,6 +72,8 @@
<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" 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-form>
</div>
......@@ -106,11 +108,17 @@
<template slot="operation" slot-scope="text, record">
<span>
<a @click="showDrawer(record)">查看</a>
<a-divider type="vertical"/>
<a @click="abnormal(record.id)">设为异常单</a>
</span>
</template>
</s-table>
<!----抽屉-->
<a-drawer width="640" placement="right" :closable="false" @close="onClose" :visible="visible">
<a-drawer width="1024" placement="right" :closable="false" @close="onClose" :visible="visible">
<a-form :form="orderInfo">
<a-tabs type="card">
<a-tab-pane tab="订单基本信息" key="1" activeKey>
<p :style="pStyle">基础信息</p>
<a-row>
<a-col :span="12">
......@@ -122,33 +130,27 @@
</a-row>
<a-row>
<a-col :span="12">
<p>用户学校：{{orderInfo.school}}</p>
<p>用户学校：{{orderInfo.userSchool}}</p>
</a-col>
<a-col :span="12">
<p>小白卡单号：{{orderInfo.xbOrderId | dayjs}}</p>
<p>小白卡单号：{{orderInfo.xbOrderId}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>订单完成时间：{{orderInfo.successTime}}</p>
<p>订单完成时间：{{orderInfo.successTime | dayjs}}</p>
</a-col>
<a-col :span="12">
<p>预制卡单号：{{orderInfo.yzOrderId}}</p>
<p>学号：{{orderInfo.studentNumber}}</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>
<p>班级：{{orderInfo.classNumber}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>父母名字：{{orderInfo.parentName}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
......@@ -163,7 +165,7 @@
<p>办理号码：{{orderInfo.businessNumber}}</p>
</a-col>
<a-col :span="12">
<p>创建时间：{{orderInfo.createTime}}</p>
<p>创建时间：{{orderInfo.createTime | dayjs}}</p>
</a-col>
</a-row>
......@@ -218,7 +220,7 @@
</a-row>
<a-row>
<a-col :span="12">
<p>智能平台订单号：{{orderInfo.znOrderNumber}}</p>
<p>智能平台订单号：{{orderInfo.orderId}}</p>
</a-col>
<a-col :span="12">
<p>智能平台订单状态：{{orderInfo.thStatus}}</p>
......@@ -230,28 +232,86 @@
</a-col>
</a-row>
<a-divider />
</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-row>
<import-btn :url="importUrl"
:responseFun="doPush">
<a-tooltip placement="topLeft" title="导入文件" arrowPointAtCenter>
<a-row :gutter="24">
<a-col :md="24" :sm="12" >
<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-row>
<a-row :gutter="24" :v-show="KDmoBan">
<a-col :md="24" :sm="12" >
<p>说明：</p>
<p>1.批量导入请严格按照模版进行导入;</p>
</a-col>
</a-row>
</a-modal>
</div>
</template>
<script>
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 moment from 'moment';
import ConstantActivity from '@/constant/ConstantActivity';
import ImportBtn from "../../../components/sysmanage/ImportBtn";
export default {
name: "orderView",
components: {
STable,
ImportBtn,
},
data(){
return {
//下载完成状态
YRYMmoBan:false,
KDmoBan:false,
importUrl:'',
importTile:'',
modifyvisible:false,
title: ConstantActivity.title,
callback:false,
Formtable: this.$form.createForm(this),
visible: false,
abnormalInfo:[],
pStyle: {
fontSize: '16px',
color: 'rgba(0,0,0,0.85)',
......@@ -278,16 +338,15 @@
columns: [
{dataIndex: 'customerName', 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: 'businessNumber', width: 200, title: '办理号码'},
{dataIndex: 'businessPackage', width: 200, title: '办理套餐'},
{dataIndex: 'kapin', width: 200, title: '办理套餐'},
{dataIndex: 'hehuorenName', width: 200, title: '合伙人姓名'},
{dataIndex: 'hehuorenSchool', 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: '学生证审核状态',
scopedSlots: {customRender: 'studentCardCheckStatus'}
},
......@@ -331,6 +390,51 @@
},
methods:{
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() {
this.$refs.table.refresh({search: true})
},
......@@ -338,12 +442,12 @@
this.orderInfo={
customerName:'',
kapin:'',
school:'',
userSchool:'',
xbOrderId:'',
successTime:'',
yzOrderId:'',
no:'',
class:'',
orderId:'',
studentNumber:'',
classNumber:'',
parentName:'',
contactNumber:'',
idCard:'',
......@@ -363,7 +467,6 @@
company:'',
studentCardCheckStatus:'',
kdOrderId:'',
znOrderNumber:'',
thStatus:''
}
this.visible = false;
......@@ -372,12 +475,12 @@
this.orderInfo={
customerName:data.customerName,
kapin:data.kapin,
school:data.school,
userSchool:data.userSchool,
xbOrderId:data.xbOrderId,
successTime:data.successTime,
yzOrderId:data.yzOrderId,
no:data.no,
class:data.class,
orderId:data.orderId,
studentNumber:data.studentNumber,
classNumber:data.classNumber,
parentName:data.parentName,
contactNumber:data.contactNumber,
idCard:data.idCard,
......@@ -397,9 +500,9 @@
company:data.company,
studentCardCheckStatus:data.studentCardCheckStatus,
kdOrderId:data.kdOrderId,
znOrderNumber:data.znOrderNumber,
thStatus:data.thStatus
}
this.selectOrderHis(data.id)
this.visible=true;
},
//时间事件
......@@ -420,6 +523,30 @@
},
downloadstatu(){
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