Skip to content

G
gdtel-gztel-school-center-ui
Commit a32b3543 by 彭祥礼
Options

订单页面调整

parent 967cc8ac
Showing with 81 additions and 70 deletions
src/views/school-center/order/order.vue
......@@ -7,7 +7,7 @@
<a-row :gutter="24">
<a-col :md="6" :sm="12">
<a-form-item label="时间选择：">
<a-range-picker @change="onChange" format="YYYY-MM" />
<a-range-picker @change="onChange" format="YYYY-MM"/>
</a-form-item>
</a-col>
<a-col :md="4" :sm="12">
......@@ -82,15 +82,17 @@
<a-dropdown>
<a-menu slot="overlay" @click="handleMenuClick">
<a-menu-item key="1">
<a-icon type="arrow-up" />受理单
<a-icon type="arrow-up"/>
受理单
</a-menu-item>
<a-menu-item key="2">
<a-icon type="arrow-up" />快递
<a-icon type="arrow-up"/>
快递
</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px">
导入
<a-icon type="down" />
<a-icon type="down"/>
</a-button>
</a-dropdown>
</a-col>
......@@ -126,17 +128,19 @@
<p v-if="text=='6'">羊城通业务</p>
</template>
<template slot="studentCardCheckStatus" slot-scope="text">
<p v-if="text=='0'">未审核</p>
<p v-if="text=='1'">已审核</p>
<p v-if="text=='0'">审核不通过</p>
<p v-if="text=='1'">审核通过</p>
<p v-if="text==null">待审核</p>
</template>
<template slot="operation" slot-scope="text, record">
<span>
<a @click="showDrawer(record)">查看</a>
<a-divider type="vertical" />
<a-divider type="vertical"/>
<a @click="abnormal(record.id)">设为异常单</a>
<a-divider type="vertical"/>
<a v-show="record.studentCardCheckStatus == null" @click="reviewStudentIdCard(record)">审核学生证</a>
<a-divider v-if="record.orderStatus === '待审核' " type="vertical" />
<a v-show="record.orderStatus === '待审核'" @click="reviewStudentIdCard(record)">审核学生证</a>
<a-divider v-if="record.orderStatus === '待审核' " type="vertical"/>
</span>
</template>
</s-table>
......@@ -246,10 +250,10 @@
<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)" />
<img :src="getImgUrl(props.i)"/>
</a>
<div @click="pictureSize" v-for="item in certificatePhoto.length">
<img :style="imgStype" :src="certificatePhoto[item - 1]" />
<img :style="imgStype" :src="certificatePhoto[item - 1]"/>
</div>
</a-carousel>
</div>
......@@ -289,9 +293,7 @@
<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"
>
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 20px">
<a-tooltip placement="left">
<template slot="title">{{item[index]}}</template>
{{ item[index] }}
......@@ -359,14 +361,14 @@
width="1024px"
>
<div align="center">
<img :src="reviewStudentImg" />
<van-image width="100" height="100" :src="reviewStudentImg" />
</div>
<a-row :gutter="24" style="text-align: right">
<a-col :md="6" :sm="12">
<p>审核状态：</p>
</a-col>
<a-col :md="6" :sm="12">
<a-radio-group :options="options" v-model="reviewStudent.studentCardCheckStatus" />
<a-radio-group :options="options" v-model="reviewStudent.studentCardCheckStatus"/>
</a-col>
</a-row>
<a-row :gutter="24" style="text-align: right">
......@@ -382,8 +384,8 @@
</template>
<script>
import STable from "@/components/table";
import {
import STable from "@/components/table";
import {
orderList,
download,
abnormal,
......@@ -391,16 +393,20 @@ import {
downloadMoBan,
downloadMoBanKD,
reviewStudentIdCard
} 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";
const options = [
{ label: "审核通过", value: "1" },
{ label: "审核不通过", value: "0" }
];
export default {
} 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";
import Vue from 'vue';
import { Image as VanImage } from 'vant';
Vue.use(VanImage);
const options = [
{label: "审核通过", value: "1"},
{label: "审核不通过", value: "0"}
];
export default {
name: "orderView",
components: {
STable,
......@@ -418,7 +424,7 @@ export default {
options,
review: false,
imgShow: false,
imgStype: { width: "300px", heigth: "300px" },
imgStype: {width: "300px", heigth: "300px"},
baseUrl:
"https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/",
certificatePhoto: [],
......@@ -442,7 +448,7 @@ export default {
pStyle2: {
marginBottom: "24px"
},
apis:'',
apis: '',
queryParam: {
createTimeStart: "",
createTimeEnd: "",
......@@ -457,39 +463,39 @@ export default {
},
orderInfo: {},
columns: [
{ dataIndex: "customerName", width: 120, title: "客户姓名", fixed: "left" },
{ dataIndex: "orderNumber", width: 180, title: "订单编号", fixed: "left" },
{ dataIndex: "orderStatus", width: 100, title: "订单状态" },
{dataIndex: "customerName", width: 120, title: "客户姓名", fixed: "left"},
{dataIndex: "orderNumber", width: 180, title: "订单编号", fixed: "left"},
{dataIndex: "orderStatus", width: 100, title: "订单状态"},
{
dataIndex: "studentCardCheckStatus",
width: 100,
title: "学生证状态",
scopedSlots: { customRender: "studentCardCheckStatus" }
scopedSlots: {customRender: "studentCardCheckStatus"}
},
{ dataIndex: "businessPackage", width: 180, title: "升级套餐" },
{dataIndex: "businessPackage", width: 180, title: "升级套餐"},
{
dataIndex: "userType",
width: 100,
title: "订单类型",
scopedSlots: { customRender: "userType" }
scopedSlots: {customRender: "userType"}
},
{ dataIndex: "contactNumber", width: 200, title: "联系号码" },
{ dataIndex: "businessNumber", width: 200, title: "办理号码" },
{ dataIndex: "kapin", width: 200, title: "办理套餐" },
{ dataIndex: "hehuorenSchool", width: 220, title: "合伙人学校" },
{ dataIndex: "hehuorenName", width: 150, title: "合伙人姓名" },
{ dataIndex: "hehuorenPhone", width: 150, title: "合伙人手机" },
{dataIndex: "contactNumber", width: 200, title: "联系号码"},
{dataIndex: "businessNumber", width: 200, title: "办理号码"},
{dataIndex: "kapin", width: 200, title: "办理套餐"},
{dataIndex: "hehuorenSchool", width: 220, title: "合伙人学校"},
{dataIndex: "hehuorenName", width: 150, title: "合伙人姓名"},
{dataIndex: "hehuorenPhone", width: 150, title: "合伙人手机"},
{
dataIndex: "operation",
width: 200,
width: 220,
title: "操作",
scopedSlots: { customRender: "operation" },
scopedSlots: {customRender: "operation"},
fixed: "right"
}
],
rowdata: parameter => {
const env = process.env.NODE_ENV; //获取当前环境
if(env === 'development'){ //测试环境默认添加前缀
if (env === 'development') { //测试环境默认添加前缀
this.apis = '/api/';
}
let params = {
......@@ -534,7 +540,7 @@ export default {
}
},
reviewStudentIdCard(res) {
this.reviewStudentImg =this.apis + res.studenCard;
this.reviewStudentImg = this.apis + res.studenCard;
/*this.reviewStudentImg =this.baseUrl+'abstract0'+1+'.jpg'*/
this.reviewStudent.studentCardCheckStatus = res.studentCardCheckStatus;
this.reviewStudent.checkFail = res.checkFail;
......@@ -602,9 +608,9 @@ export default {
},
pictureSize() {
if (this.imgStype.width == "700px") {
this.imgStype = { width: "300px", heigth: "300px" };
this.imgStype = {width: "300px", heigth: "300px"};
} else {
this.imgStype = { width: "700px", heigth: "500px" };
this.imgStype = {width: "700px", heigth: "500px"};
}
},
getImgUrl(i) {
......@@ -616,10 +622,10 @@ export default {
onChildrenDrawerClose() {
this.childrenDrawer = false;
},
downloadMoBan: function() {
downloadMoBan: function () {
exportFile(downloadMoBan(), "一人一码受理单.xlsx");
},
downloadMoBanKD: function() {
downloadMoBanKD: function () {
exportFile(downloadMoBanKD(), "快递清单.xlsx");
},
// 执行上传
......@@ -663,7 +669,7 @@ export default {
this.modifyvisible = true;
},
search() {
this.$refs.table.refresh({ search: true });
this.$refs.table.refresh({search: true});
},
onClose() {
this.certificatePhoto = [];
......@@ -706,10 +712,10 @@ export default {
this.visible = false;
},
showDrawer(data) {
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.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('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')
......@@ -803,7 +809,7 @@ export default {
);
},*/
selectOrderHis(orderId) {
selectOrderHis({ orderId }).then(res => {
selectOrderHis({orderId}).then(res => {
let liu = res.data;
for (let i = 0; i < liu.length; i++) {
let resdate = [];
......@@ -818,7 +824,7 @@ export default {
});
},
abnormal(orderId) {
abnormal({ orderId }).then(res => {
abnormal({orderId}).then(res => {
if (res.state == "success") {
this.search();
this.$message.success(res.data, 5);
......@@ -828,32 +834,37 @@ export default {
});
}
}
};
};
</script>
<style scoped>
.ant-carousel >>> .slick-dots {
.ant-carousel >>> .slick-dots {
height: auto;
}
.ant-carousel >>> .slick-slide img {
}
.ant-carousel >>> .slick-slide img {
border: 5px solid #fff;
display: block;
margin: auto;
max-width: 80%;
}
.ant-carousel >>> .slick-thumb {
}
.ant-carousel >>> .slick-thumb {
bottom: -45px;
}
.ant-carousel >>> .slick-thumb li {
}
.ant-carousel >>> .slick-thumb li {
width: 60px;
height: 45px;
}
.ant-carousel >>> .slick-thumb li img {
}
.ant-carousel >>> .slick-thumb li img {
width: 100%;
height: 100%;
filter: grayscale(100%);
}
.ant-carousel >>> .slick-thumb li.slick-active img {
}
.ant-carousel >>> .slick-thumb li.slick-active img {
filter: grayscale(0%);
}
}
</style>
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