Skip to content

G
gdtel-gztel-school-center-ui
Commit 80e91b2a by 陈浩建
Options

一人一码订单页面调整

parent 757ea28e
Showing with 406 additions and 95 deletions
src/api/school-center/orderAPI.js
......@@ -7,10 +7,12 @@ let download = (params) => postAction(prefix + "order/download" , params);
//返回订单历史状态
let selectOrderHis = (params) => postAction(prefix +"order/selectOrderHis" , params);
let reviewStudentIdCard = (params) => postAction(prefix +"order/reviewStudentIdCard" , params);
let abnormal = (params) => postAction(prefix +"order/abnormal" , params);
let abnormal = (params) => postAction(prefix +"order/setAbnormal" , params);
let downloadMoBan = (params) => downFilePost(prefix + "order/downloadMoBan" , params);
let downloadMoBanKD = (params) => downFilePost(prefix + "order/downloadMoBanKD" , params);
let downloadMoBanYZK = (params) => downFilePost(prefix + "order/downloadMoBanYZK" , params);
let editOrder = (params) => downFilePost(prefix + "order/editOrder" , params);
//报表
let reportList = (params) => postAction(prefix + "order/getHhrOrderInfo",params);
......@@ -26,5 +28,6 @@ export {
downloadMoBanYZK,
reportList,
reviewStudentIdCard,
reportDownload
reportDownload,
editOrder
}
src/views/school-center/order/order.vue
......@@ -150,115 +150,144 @@
</template>
<template slot="operation" slot-scope="text, record">
<span>
<a @click="showDrawer(record)">查看</a>
<a @click="showDrawer(record,'1')">查看</a>
<a-divider type="vertical"/>
<a @click="abnormal(record.id)">设为异常单</a>
<a-divider v-if="record.orderStatus === '待审核' " type="vertical"/>
<a v-show="record.orderStatus === '待审核'" @click="reviewStudentIdCard(record)">审核学生证</a>
<a-divider type="vertical"/>
<a @click="showDrawer(record,'2')">编辑</a>
</span>
</template>
</s-table>
<!----抽屉-->
<!--抽屉 查看-->
<a-drawer width="1280" placement="right" :closable="false" @close="onClose" :visible="visible">
<a-form :form="orderInfo">
<a-form :form="orderInfo" layout="inline">
<a-tabs type="card">
<a-tab-pane tab="订单基本信息" key="1" activeKey>
<a-tab-pane tab="订单编辑" key="1" activeKey>
<a-divider orientation="left">基础信息</a-divider>
<a-row>
<a-col :span="6">
<p>客户名称：{{ orderInfo.customerName }}</p>
<a-form-item label="客户名称：">
<p>{{ orderInfo.customerName }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>卡品：{{ orderInfo.kapin }}</p>
<a-form-item label="卡品：">
<p>{{ orderInfo.kapin }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>用户学校：{{ orderInfo.userSchool }}</p>
<a-form-item label="用户学校：">
<p>{{ orderInfo.userSchool }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>小白卡单号：{{ orderInfo.xbOrderId }}</p>
<a-form-item label="小白卡单号：">
<p>{{ orderInfo.xbOrderId }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>订单完成时间：{{ orderInfo.successTime | dayjs }}</p>
<a-form-item label="资费：">
<p>{{ orderInfo.expenses }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>学号：{{ orderInfo.studentNumber }}</p>
<a-form-item label="办理号码：">
<p>{{ orderInfo.businessNumber }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>班级：{{ orderInfo.classNumber }}</p>
<a-form-item label="创建时间：">
<p>{{ orderInfo.createTime | dayjs }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>父母名字：{{ orderInfo.parentName }}</p>
<a-form-item label="订单完成时间：">
<p>{{ orderInfo.successTime | dayjs }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>联系电话：{{ orderInfo.contactNumber }}</p>
<a-form-item label="学号：">
<p>{{ orderInfo.studentNumber }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>身份证号：{{ orderInfo.idCard }}</p>
<a-form-item label="班级：">
<p>{{ orderInfo.classNumber }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>办理号码：{{ orderInfo.businessNumber }}</p>
<a-form-item label="父母名字：">
<p>{{ orderInfo.parentName }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>创建时间：{{ orderInfo.createTime | dayjs }}</p>
<a-form-item label="身份证号：">
<p>{{ orderInfo.idCard }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>地址：{{ orderInfo.address }}</p>
<a-form-item label="地址：">
<p>{{ orderInfo.address }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>省市县：{{ orderInfo.site }}</p>
<a-form-item label="省市县：">
<p>{{ orderInfo.site }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>资费：{{ orderInfo.expenses }}</p>
<a-form-item label="联系电话：">
<p>{{ orderInfo.contactNumber }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>办理标识：{{ orderInfo.identifyin }}</p>
<a-form-item label="订单状态：">
<p>{{ orderInfo.orderStatus }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<p>备注：{{ orderInfo.remarks }}</p>
</a-col>
<a-col :span="12">
<p>错误原因：{{ orderInfo.checkFail }}</p>
<a-form-item label="备注：">
<p>{{ orderInfo.remarks }}</p>
</a-form-item>
</a-col>
</a-row>
<!-- <a-row>-->
<!-- <a-col :span="6">-->
<!-- <p>宽带账号：{{ orderInfo.netNumber }}</p>-->
<!-- </a-col>-->
<!-- <a-col :span="6">-->
<!-- <p>宽带密码：{{ orderInfo.netPassword }}</p>-->
<!-- </a-col>-->
<!-- <a-col :span="6">-->
<!-- <p>奖品账号：{{ orderInfo.giftAccount }}</p>-->
<!-- </a-col>-->
<!-- <a-col :span="6">-->
<!-- <p>奖品密码：{{ orderInfo.giftPassword }}</p>-->
<!-- </a-col>-->
<!-- </a-row>-->
<a-row>
<a-col :span="6">
<p>学生证审核状态：{{ orderInfo.studentCardCheckStatus }}</p>
<a-form-item label="学生证审核状态：">
<p>{{ orderInfo.studentCardCheckStatus }}</p>
</a-form-item>
</a-col>
<!-- <a-col :span="6">-->
<!-- <p>宽带订单id：{{ orderInfo.kdOrderId }}</p>-->
<!-- </a-col>-->
<a-col :span="6">
<p>预制卡订单号：{{ orderInfo.orderId }}</p>
<a-form-item label="预制卡订单号：">
<p>{{ orderInfo.orderId }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="办理标识：">
<p>{{ orderInfo.identifyin }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="错误原因：">
<p>{{ orderInfo.checkFail }}</p>
</a-form-item>
</a-col>
<!-- <a-col :span="6">-->
<!-- <p>智能平台订单状态：{{ orderInfo.thStatus }}</p>-->
<!-- </a-col>-->
</a-row>
<a-divider orientation="left">附件</a-divider>
<div v-show="!imgShow">无附件</div>
......@@ -275,50 +304,49 @@
<a-divider orientation="left">受理信息</a-divider>
<a-row>
<a-col :span="6">
<p>客户名称 ：{{ orderInfo.customerName }}</p>
<a-form-item label="客户名称：">
<p>{{ orderInfo.customerName }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>联系电话 ：{{ orderInfo.contactNumber }}</p>
<a-form-item label="联系电话：">
<p>{{ orderInfo.contactNumber }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>现有套餐 ：{{ orderInfo.nowPackage }}</p>
<a-form-item label="现有套餐：">
<p>{{ orderInfo.nowPackage }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>升级套餐 ：{{ orderInfo.businessPackage }}</p>
<a-form-item label="升级套餐：">
<p>{{ orderInfo.businessPackage }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>受理人：{{ orderInfo.acceptName }}</p>
<a-form-item label="受理人：">
<p>{{ orderInfo.acceptName }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>受理结果 ：{{ orderInfo.acceptResult }}</p>
<a-form-item label="受理结果：">
<p>{{ orderInfo.acceptResult }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>受理意见 ：{{ orderInfo.acceptComment }}</p>
<a-form-item label="受理意见：">
<p>{{ orderInfo.acceptComment }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<p>受理时间 ：{{ orderInfo.acceptDate | dayjs }}</p>
<a-form-item label="受理时间：">
<p>{{ orderInfo.acceptDate | dayjs }}</p>
</a-form-item>
</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>
......@@ -399,6 +427,231 @@
</a-col>
</a-row>
</a-modal>
<a-modal
title="置为异常单"
:visible="setAbnormal"
@ok="setAbnormalOk"
@cancel="setAbnormalCancel"
html-type="submit"
width="1024px"
>
<a-row :gutter="24" style="text-align: right">
<a-col :md="6" :sm="12">
<p>置为异常单原因：</p>
</a-col>
<a-col :md="12" :sm="12">
<a-input type="hidden" placeholder="获取id" v-model="setAbnormalStr.orderId"></a-input>
<a-input placeholder="置为异常单原因" v-model="setAbnormalStr.errorMsg"></a-input>
</a-col>
</a-row>
</a-modal>
<!--抽屉 编辑-->
<a-drawer width="1280" placement="right" :closable="false" @close="onClose" :visible="edit">
<a-form :form="orderInfo" layout="inline">
<a-input type="hidden" placeholder="学号" v-text="orderInfo.id" v-model="orderInfo.id"></a-input>
<a-tabs type="card">
<a-tab-pane tab="订单编辑" key="1" activeKey>
<a-divider orientation="left">基础信息</a-divider>
<a-row>
<a-col :span="6">
<a-form-item label="客户名称：">
<p>{{ orderInfo.customerName }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="卡品：">
<p>{{ orderInfo.kapin }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="用户学校：">
<p>{{ orderInfo.userSchool }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="小白卡单号：">
<p>{{ orderInfo.xbOrderId }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<a-form-item label="资费：">
<p>{{ orderInfo.expenses }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="办理号码：">
<p>{{ orderInfo.businessNumber }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="创建时间：">
<p>{{ orderInfo.createTime | dayjs }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="订单完成时间：">
<p>{{ orderInfo.successTime | dayjs }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<a-form-item label="学号：">
<a-input placeholder="学号" v-text="orderInfo.studentNumber" v-model="orderInfo.studentNumber"></a-input>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="班级：">
<a-input placeholder="班级" v-text="orderInfo.classNumber" v-model="orderInfo.classNumber"></a-input>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="父母名字：">
<a-input placeholder="父母名字" v-text="orderInfo.parentName" v-model="orderInfo.parentName"></a-input>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="身份证号：">
<a-input placeholder="身份证号" v-text="orderInfo.idCard" v-model="orderInfo.idCard"></a-input>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<a-form-item label="地址：">
<a-input placeholder="地址" v-text="orderInfo.address" v-model="orderInfo.address"></a-input>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="省市县：">
<a-input placeholder="省市县" v-text="orderInfo.site" v-model="orderInfo.site"></a-input>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="联系电话：">
<a-input placeholder="联系电话" v-text="orderInfo.contactNumber" v-model="orderInfo.contactNumber"></a-input>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="订单状态：">
<a-select :value="orderInfo.orderStatus" v-model="orderInfo.orderStatus">
<a-select-option value>请选择</a-select-option>
<a-select-option value="待处理">待处理</a-select-option>
<a-select-option value="待选号">待选号</a-select-option>
<a-select-option value="待识别">待识别</a-select-option>
<a-select-option value="待活体">待活体</a-select-option>
<a-select-option value="审核中">审核中</a-select-option>
<a-select-option value="待审核">待配送</a-select-option>
<a-select-option value="待审核">待审核</a-select-option>
<a-select-option value="待受理">待受理</a-select-option>
<a-select-option value="已发货">已发货</a-select-option>
<a-select-option value="已完成">已完成</a-select-option>
<a-select-option value="异常单">异常单</a-select-option>
</a-select>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="12">
<a-form-item label="备注：">
<a-input placeholder="备注" v-text="orderInfo.remarks" v-model="orderInfo.remarks"></a-input>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<a-form-item label="学生证审核状态：">
<p>{{ orderInfo.studentCardCheckStatus }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="预制卡订单号：">
<p>{{ orderInfo.orderId }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="办理标识：">
<p>{{ orderInfo.identifyin }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="错误原因：">
<p>{{ orderInfo.checkFail }}</p>
</a-form-item>
</a-col>
</a-row>
<a-divider orientation="left">附件</a-divider>
<div v-show="!imgShow">无附件</div>
<div v-show="imgShow" style="margin-bottom: 50px">
<a-carousel arrows dotsClass="slick-dots slick-thumb">
<a slot="customPaging" slot-scope="props">
<img :src="getImgUrl(props.i)"/>
</a>
<div @click="pictureSize" v-for="item in certificatePhoto.length">
<img :style="imgStype" :src="certificatePhoto[item - 1]"/>
</div>
</a-carousel>
</div>
<a-divider orientation="left">受理信息</a-divider>
<a-row>
<a-col :span="6">
<a-form-item label="客户名称：">
<p>{{ orderInfo.customerName }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="联系电话：">
<p>{{ orderInfo.contactNumber }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="现有套餐：">
<p>{{ orderInfo.nowPackage }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="升级套餐：">
<p>{{ orderInfo.businessPackage }}</p>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<a-form-item label="受理人：">
<p>{{ orderInfo.acceptName }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="受理结果：">
<p>{{ orderInfo.acceptResult }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="受理意见：">
<p>{{ orderInfo.acceptComment }}</p>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item label="受理时间：">
<p>{{ orderInfo.acceptDate | dayjs }}</p>
</a-form-item>
</a-col>
</a-row>
<a-divider></a-divider>
<a-row>
<a-button @click="editOk()" type="primary">保存</a-button>&nbsp;
<a-button @click="onClose()" type="primary">取消</a-button>&nbsp;
</a-row>
</a-tab-pane>
</a-tabs>
</a-form>
</a-drawer>
</div>
</template>
......@@ -412,7 +665,8 @@
downloadMoBan,
downloadMoBanKD,
downloadMoBanYZK,
reviewStudentIdCard
reviewStudentIdCard,
editOrder
} from "../../../api/school-center/orderAPI";
import {cloneObject, exportFile} from "@/utils/util";
import moment from "moment";
......@@ -452,6 +706,12 @@
importUrl: "",
importTile: "",
modifyvisible: false,
setAbnormal:false,
setAbnormalStr: {
orderId:"",
errorMsg: "",
},
edit:false,
title: ConstantActivity.title,
Formtable: this.$form.createForm(this),
visible: false,
......@@ -560,7 +820,7 @@
}
},
reviewStudentIdCard(res) {
this.reviewStudentImg = this.apis + res.studenCard;
this.reviewStudentImg = this.apis + res.studentCard;
/*this.reviewStudentImg =this.baseUrl+'abstract0'+1+'.jpg'*/
this.reviewStudent.studentCardCheckStatus = res.studentCardCheckStatus;
this.reviewStudent.checkFail = res.checkFail;
......@@ -626,6 +886,59 @@
this.reviewStudent.checkFail = "";
this.review = false;
},
abnormal(orderId) {
this.setAbnormal = true;
this.setAbnormalStr.orderId = orderId;
},
setAbnormalOk(){
if(this.setAbnormalStr.errorMsg.length<3){
this.$notification.error({
message: "请输入不小于三个字的操作结果",
description: "",
duration: 4
});
}else{
let setAbnormalStr = this.setAbnormalStr;
abnormal(setAbnormalStr).then(res => {
if (res.state == "success") {
this.search();
this.$message.success(res.data, 5);
} else {
this.$message.error(res.msg, 5);
}
this.setAbnormalClear();
});
}
},
setAbnormalCancel(){
this.setAbnormalClear();
},
setAbnormalClear(){
this.setAbnormalStr.orderId = "";
this.setAbnormalStr.errorMsg = "";
this.setAbnormal = false;
},
editOk(){
let orderInfo = this.orderInfo;
editOrder(orderInfo).then(res => {
console.log(res);
if (res.state == "success") {
this.$notification.success({
message: "编辑成功！",
description: "",
duration: 4
});
this.search();
} else {
this.$notification.error({
message: "编辑失败！",
description: "",
duration: 4
});
}
});
this.onClose();
},
pictureSize() {
if (this.imgStype.width == "700px") {
this.imgStype = {width: "300px", heigth: "300px"};
......@@ -704,6 +1017,7 @@
onClose() {
this.certificatePhoto = [];
this.orderInfo = {
id:"",
acceptResult: "",
nowPackage: "",
businessPackage: "",
......@@ -737,15 +1051,16 @@
company: "",
studentCardCheckStatus: "",
kdOrderId: "",
thStatus: ""
orderStatus: ""
};
this.visible = false;
this.edit = false;
},
showDrawer(data) {
showDrawer(data,type) {
this.certificatePhoto.push(this.apis + data.idCardz);
this.certificatePhoto.push(this.apis + data.idCardf);
this.certificatePhoto.push(this.apis + data.idCardzs);
this.certificatePhoto.push(this.apis + data.studenCard);
this.certificatePhoto.push(this.apis + data.studentCard);
/* this.certificatePhoto.push('http://yrym.winsun-aly.com/gdtel-xyzx-hhr/images/yrym-ruanyan-logo.png')
this.certificatePhoto.push('http://yrym.winsun-aly.com/gdtel-xyzx-hhr/images/yrym-ruanyan-logo.png')
this.certificatePhoto.push('http://yrym.winsun-aly.com/gdtel-xyzx-hhr/images/yrym-ruanyan-logo.png')
......@@ -761,6 +1076,7 @@
this.imgShow = true;
}
this.orderInfo = {
id:data.id,
acceptResult: data.acceptResult,
nowPackage: data.nowPackage,
businessPackage: data.businessPackage,
......@@ -794,12 +1110,15 @@
company: data.company,
studentCardCheckStatus: data.studentCardCheckStatus,
kdOrderId: data.kdOrderId,
thStatus: data.thStatus
orderStatus: data.orderStatus
};
this.selectOrderHis(data.id);
if(type == 1){
this.visible = true;
}else if(type == 2) {
this.edit = true;
}
},
//时间事件
onChange(date, dateString) {
if (dateString.length == 0) {
......@@ -829,6 +1148,7 @@
} else {
this.$message.error(res.msg, 5);
}
})
/* if (this.callback == true) {
this.$message.warn("正在导出中...", 5);
......@@ -850,6 +1170,7 @@
);
},*/
selectOrderHis(orderId) {
this.abnormalInfo = [];
selectOrderHis({orderId}).then(res => {
let liu = res.data;
for (let i = 0; i < liu.length; i++) {
......@@ -864,19 +1185,6 @@
}
});
},
abnormal(orderId) {
if (confirm("是否设为异常单！")) {
abnormal({orderId}).then(res => {
if (res.state == "success") {
this.search();
this.$message.success(res.data, 5);
} else {
this.$message.error(res.msg, 5);
}
});
}
}
}
};
</script>
......
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