Skip to content

G
gdtel-gztel-school-center-ui
Commit 9a748ab7 by 弓厶
Options

提交更新

parent 2cf8f310
Showing with 1045 additions and 885 deletions
src/views/school-center/hhr-report/hhrReport.vue
<template> <template>
<div class="flex-container"> <div class="flex-container">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
<a-form layout="inline"> <a-form layout="inline">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="12"> <a-col :md="6" :sm="12">
<a-form-item label="时间选择："> <a-form-item label="时间选择：">
<a-range-picker @change="onChange" /> <a-range-picker @change="onChange" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<span class="table-page-search-submitButtons" style="float: left; overflow: hidden;"> <span class="table-page-search-submitButtons" style="float: left; overflow: hidden;">
<a-col :md="4" :sm="24"> <a-col :md="4" :sm="24">
<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-col> 导出中
</span> <a-spin style="margin-left: 5px" size="small" />
</a-row> </a-button>
</a-form> </a-col>
</div> </span>
</a-row>
<!--列表--> </a-form>
<s-table :columns="columns" :data="rowdata" bordered ref="table" size="small" class="flex-filling">
</s-table>
</div> </div>
<!--列表-->
<s-table
:columns="columns"
:data="rowdata"
bordered
ref="table"
size="small"
class="flex-filling"
></s-table>
</div>
</template> </template>
<script> <script>
import STable from '@/components/table'; import STable from "@/components/table";
import {reportList,reportDownload} from "@/api/school-center/orderAPI" import { reportList, reportDownload } 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";
export default { export default {
name: "hhrReport", name: "hhrReport",
components: { components: {
STable, STable
}, },
data(){ data() {
return { return {
//下载完成状态 //下载完成状态
callback:false, callback: false,
Formtable: this.$form.createForm(this), Formtable: this.$form.createForm(this),
queryParam: { queryParam: {
startTime :'', startTime: "",
endTime :'' endTime: ""
},
columns: [
{
title: "时间",
children: [
{
title: "业务类型",
children: [
{
title: "县分",
dataIndex: "subName",
width: 80,
fixed: "left"
}, },
columns: [ {
{title: '县分', dataIndex: "schoolNum",
dataIndex: 'subName', width: 80,
width: 80, title: "学校数",
fixed : 'left' fixed: "left"
}, },
{title:'时间', {
children: [ dataIndex: "studentNum",
{title:'业务类型',children: [ width: 80,
{dataIndex: 'schoolNum', width: 80, title: '学校数'}, title: "学生数",
{dataIndex: 'studentNum', width: 80, title: '学生数'} fixed: "left"
]}
]},
{title:'本周',
children: [
{title:'新增',children: [
{dataIndex: 'newUserNumWeek', width: 80, title: '新用户'},
{dataIndex: 'newAloneNumWeek', width: 80, title: '单宽带'},
{dataIndex: 'newMixNumWeek', width: 80, title: '融合宽带'}
]},
{title:'存量',children: [
{dataIndex: 'oldUserNumWeek', width: 80, title: '老用户办理'},
{dataIndex: 'oldContinueNumWeek', width: 80, title: '老用户续约'}
]},
{title:'已竣工',children: [
{dataIndex: 'finishNewNumWeek', width: 80, title: '新增'},
{dataIndex: 'finishOldNumWeek', width: 80, title: '存量'}
]},
{dataIndex: 'sumWeek', width: 80, title: '总计'}
]},
{title:'本月',
children: [
{title:'新增',children: [
{dataIndex: 'newUserNumMonth', width: 80, title: '新用户'},
{dataIndex: 'newAloneNumMonth', width: 80, title: '单宽带'},
{dataIndex: 'newMixNumMonth', width: 80, title: '融合宽带'}
]},
{title:'存量',children: [
{dataIndex: 'oldUserNumMonth', width: 80, title: '老用户办理'},
{dataIndex: 'oldContinueNumMonth', width: 80, title: '老用户续约'}
]},
{title:'已竣工',children: [
{dataIndex: 'finishNewNumMonth', width: 80, title: '新增'},
{dataIndex: 'finishOldNumMonth', width: 80, title: '存量'}
]},
{dataIndex: 'sumMonth', width: 80, title: '总计'}
]},
{title:'累计',
children: [
{title:'新增',children: [
{dataIndex: 'newUserNumAll', width: 80, title: '新用户'},
{dataIndex: 'newAloneNumAll', width: 80, title: '单宽带'},
{dataIndex: 'newMixNumAll', width: 80, title: '融合宽带'}
]},
{title:'存量',children: [
{dataIndex: 'oldUserNumAll', width: 80, title: '老用户办理'},
{dataIndex: 'oldContinueNumAll', width: 80, title: '老用户续约'}
]},
{title:'已竣工',children: [
{dataIndex: 'finishNewNumAll', width: 80, title: '新增'},
{dataIndex: 'finishOldNumAll', width: 80, title: '存量'}
]},
{dataIndex: 'sumAll', width: 80, title: '总计'}
]}
]
,
rowdata: parameter => {
let params = {
pageNo: parameter.pageNo,
pageSize: parameter.pageSize
}
let obj = cloneObject(this.queryParam)
//表示
return reportList(Object.assign(params,obj)).then(res => {
let data = {}
if (res.state !== 'success') {
data = {
data: []
}
} else {
data = {
data: res.data
}
}
return data
})
} }
]
} }
]
}, },
methods:{ {
moment, title: "本周",
search() { children: [
this.$refs.table.refresh({search: true}) {
title: "新增",
children: [
{ dataIndex: "newUserNumWeek", width: 80, title: "新用户" },
{ dataIndex: "newAloneNumWeek", width: 80, title: "单宽带" },
{ dataIndex: "newMixNumWeek", width: 80, title: "融合宽带" }
]
}, },
//时间事件 {
onChange(date, dateString) { title: "存量",
if(dateString.length==0){ children: [
this.queryParam.startTime='' { dataIndex: "oldUserNumWeek", width: 80, title: "老用户办理" },
this.queryParam.endTime='' {
}else { dataIndex: "oldContinueNumWeek",
this.queryParam.startTime=dateString[0] width: 80,
this.queryParam.endTime=dateString[1] title: "老用户续约"
} }
]
}, },
handleSubmit() { {
this.callback=true; title: "已竣工",
var today = new Date(); children: [
today.setTime(today.getTime()); { dataIndex: "finishNewNumWeek", width: 80, title: "新增" },
var s2 = today.getFullYear()+"-" + (today.getMonth()+1) + "-" + today.getDate(); { dataIndex: "finishOldNumWeek", width: 80, title: "存量" }
exportFile(reportDownload(), "一人一码统计报表" + nowdate + ".xlsx",this.downloadstatu); ]
}, },
downloadstatu(){ { dataIndex: "sumWeek", width: 80, title: "总计" }
this.callback=false; ]
} },
{
title: "本月",
children: [
{
title: "新增",
children: [
{ dataIndex: "newUserNumMonth", width: 80, title: "新用户" },
{ dataIndex: "newAloneNumMonth", width: 80, title: "单宽带" },
{ dataIndex: "newMixNumMonth", width: 80, title: "融合宽带" }
]
},
{
title: "存量",
children: [
{
dataIndex: "oldUserNumMonth",
width: 80,
title: "老用户办理"
},
{
dataIndex: "oldContinueNumMonth",
width: 80,
title: "老用户续约"
}
]
},
{
title: "已竣工",
children: [
{ dataIndex: "finishNewNumMonth", width: 80, title: "新增" },
{ dataIndex: "finishOldNumMonth", width: 80, title: "存量" }
]
},
{ dataIndex: "sumMonth", width: 80, title: "总计" }
]
},
{
title: "累计",
children: [
{
title: "新增",
children: [
{ dataIndex: "newUserNumAll", width: 80, title: "新用户" },
{ dataIndex: "newAloneNumAll", width: 80, title: "单宽带" },
{ dataIndex: "newMixNumAll", width: 80, title: "融合宽带" }
]
},
{
title: "存量",
children: [
{ dataIndex: "oldUserNumAll", width: 80, title: "老用户办理" },
{
dataIndex: "oldContinueNumAll",
width: 80,
title: "老用户续约"
}
]
},
{
title: "已竣工",
children: [
{ dataIndex: "finishNewNumAll", width: 80, title: "新增" },
{ dataIndex: "finishOldNumAll", width: 80, title: "存量" }
]
},
{ dataIndex: "sumAll", width: 80, title: "总计" }
]
} }
],
rowdata: parameter => {
let params = {
pageNo: parameter.pageNo,
pageSize: parameter.pageSize
};
let obj = cloneObject(this.queryParam);
//表示
return reportList(Object.assign(params, obj)).then(res => {
let data = {};
if (res.state !== "success") {
data = {
data: []
};
} else {
data = {
data: res.data
};
}
return data;
});
}
};
},
methods: {
moment,
search() {
this.$refs.table.refresh({ search: true });
},
//时间事件
onChange(date, dateString) {
if (dateString.length == 0) {
this.queryParam.startTime = "";
this.queryParam.endTime = "";
} else {
this.queryParam.startTime = dateString[0];
this.queryParam.endTime = dateString[1];
}
},
handleSubmit() {
this.callback = true;
let today = new Date();
today.setTime(today.getTime());
let s2 =
today.getFullYear() +
"-" +
(today.getMonth() + 1) +
"-" +
today.getDate();
exportFile(
reportDownload(),
"一人一码统计报表" + nowdate + ".xlsx",
this.downloadstatu
);
},
downloadstatu() {
this.callback = false;
} }
}
};
</script> </script>
<style scoped> <style scoped>
</style> </style>
\ No newline at end of file
src/views/school-center/order/order.vue
<template> <template>
<div class="flex-container"> <div class="flex-container">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<!-- 搜索区域 --> <!-- 搜索区域 -->
<a-form layout="inline"> <a-form layout="inline">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="12"> <a-col :md="6" :sm="12">
<a-form-item label="时间选择："> <a-form-item label="时间选择：">
<a-range-picker @change="onChange" /> <a-range-picker @change="onChange" />
</a-form-item> </a-form-item>
</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.userType" style="width: 120px" > <a-select v-model="queryParam.userType" 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="0">新用户办理</a-select-option> <a-select-option value="0">新用户办理</a-select-option>
<a-select-option value="2">老用户续约</a-select-option> <a-select-option value="2">老用户续约</a-select-option>
<a-select-option value="3">融合办理</a-select-option> <a-select-option value="3">融合办理</a-select-option>
<a-select-option value="4">抽奖业务</a-select-option> <a-select-option value="4">抽奖业务</a-select-option>
<a-select-option value="5">单宽业务</a-select-option> <a-select-option value="5">单宽业务</a-select-option>
<a-select-option value="6">羊城通业务</a-select-option> <a-select-option value="6">羊城通业务</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</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-input placeholder="订单编号" v-model="queryParam.orderNumber"></a-input> <a-input placeholder="订单编号" v-model="queryParam.orderNumber"></a-input>
</a-form-item> </a-form-item>
</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-input placeholder="客户姓名" v-model="queryParam.customerName"></a-input> <a-input placeholder="客户姓名" v-model="queryParam.customerName"></a-input>
</a-form-item> </a-form-item>
</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-input placeholder="办理号码" v-model="queryParam.businessNumber"></a-input> <a-input placeholder="办理号码" v-model="queryParam.businessNumber"></a-input>
</a-form-item> </a-form-item>
</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-input placeholder="联系号码" v-model="queryParam.contactNumber"></a-input> <a-input placeholder="联系号码" v-model="queryParam.contactNumber"></a-input>
</a-form-item> </a-form-item>
</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-input placeholder="合伙人姓名" v-model="queryParam.hehuorenName" ></a-input> <a-input placeholder="合伙人姓名" v-model="queryParam.hehuorenName"></a-input>
</a-form-item> </a-form-item>
</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-input placeholder="合伙人学校" v-model="queryParam.hehuorenSchool" ></a-input> <a-input placeholder="合伙人学校" v-model="queryParam.hehuorenSchool"></a-input>
</a-form-item> </a-form-item>
</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.orderStatus" 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="待处理">待处理</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-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-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-select>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md="6" :sm="12"> <a-col :md="6" :sm="12">
<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" @click="handleSubmit" style="margin-left: 10px">导出中<a-spin style="margin-left: 5px" size="small"/></a-button> <a-button v-show="callback" @click="handleSubmit" style="margin-left: 10px">
<a-dropdown> 导出中
<a-menu slot="overlay" @click="handleMenuClick"> <a-spin style="margin-left: 5px" size="small" />
<a-menu-item key="1"><a-icon type="arrow-up" /> 批量处理</a-menu-item> </a-button>
<a-menu-item key="2"><a-icon type="arrow-up" /> 快递</a-menu-item> <a-dropdown>
</a-menu> <a-menu slot="overlay" @click="handleMenuClick">
<a-button style="margin-left: 8px">导入<a-icon type="down" /> </a-button> <a-menu-item key="1">
</a-dropdown> <a-icon type="arrow-up" />批量处理
</a-col> </a-menu-item>
<a-menu-item key="2">
<a-icon type="arrow-up" />快递
</a-row> </a-menu-item>
</a-form> </a-menu>
</div> <a-button style="margin-left: 8px">
导入
<!--列表--> <a-icon type="down" />
<s-table :columns="columns" :data="rowdata" bordered ref="table" size="small" class="flex-filling"> </a-button>
<!--拦截器--> </a-dropdown>
<template slot="productLastUpdateTime" slot-scope="text"> </a-col>
{{ text | dayjs}} </a-row>
</template> </a-form>
<!--拦截器--> </div>
<template slot="productCreateTime" slot-scope="text">
{{ text | dayjs}}
</template>
<template slot="text" slot-scope="text">
<p style="white-space: pre-line;">{{text}}</p>
</template>
<template slot="userType" slot-scope="text">
<p v-if="text=='1'">老用户办理</p>
<p v-if="text=='0'">新用户办理</p>
<p v-if="text=='2'">老用户续约</p>
<p v-if="text=='3'">融合办理</p>
<p v-if="text=='4'">抽奖业务</p>
<p v-if="text=='5'">单宽业务</p>
<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>
</template>
<template slot="operation" slot-scope="text, record">
<span>
<a @click="showDrawer(record)">查看</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>
</span>
</template>
</s-table>
<!----抽屉-->
<a-drawer width="1280" placement="right" :closable="false" @close="onClose" :visible="visible">
<a-form :form="orderInfo">
<a-tabs type="card">
<a-tab-pane tab="订单基本信息" key="1" activeKey>
<a-divider orientation="left">基础信息</a-divider>
<a-row>
<a-col :span="6">
<p>客户名称：{{orderInfo.customerName}}</p>
</a-col>
<a-col :span="6">
<p>卡品：{{orderInfo.kapin}}</p>
</a-col>
<a-col :span="6">
<p>用户学校：{{orderInfo.userSchool}}</p>
</a-col>
<a-col :span="6">
<p>小白卡单号：{{orderInfo.xbOrderId}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>订单完成时间：{{orderInfo.successTime | dayjs}}</p>
</a-col>
<a-col :span="6">
<p>学号：{{orderInfo.studentNumber}}</p>
</a-col>
<a-col :span="6">
<p>班级：{{orderInfo.classNumber}}</p>
</a-col>
<a-col :span="6">
<p>父母名字：{{orderInfo.parentName}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>联系电话：{{orderInfo.contactNumber}}</p>
</a-col>
<a-col :span="6">
<p>身份证号：{{orderInfo.idCard}}</p>
</a-col>
<a-col :span="6">
<p>办理号码：{{orderInfo.businessNumber}}</p>
</a-col>
<a-col :span="6">
<p>创建时间：{{orderInfo.createTime | dayjs}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>地址：{{orderInfo.address}}</p>
</a-col>
<a-col :span="6">
<p>省市县：{{orderInfo.site}}</p>
</a-col>
<a-col :span="6">
<p>资费：{{orderInfo.expenses}}</p>
</a-col>
<a-col :span="6">
<p>办理标识：{{orderInfo.identifying}}</p>
</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-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"> <s-table
<p>学生证审核状态：{{orderInfo.studentCardCheckStatus}}</p> :columns="columns"
</a-col> :data="rowdata"
<a-col :span="6"> bordered
<p>宽带订单id：{{orderInfo.kdOrderId}}</p> ref="table"
</a-col> size="small"
<a-col :span="6"> class="flex-filling"
<p>智能平台订单号：{{orderInfo.orderId}}</p> >
</a-col> <!--拦截器-->
<a-col :span="6"> <template slot="productLastUpdateTime" slot-scope="text">{{ text | dayjs}}</template>
<p>智能平台订单状态：{{orderInfo.thStatus}}</p> <!--拦截器-->
</a-col> <template slot="productCreateTime" slot-scope="text">{{ text | dayjs}}</template>
</a-row> <template slot="text" slot-scope="text">
<a-divider orientation="left">附件</a-divider> <p style="white-space: pre-line;">{{text}}</p>
<div v-show="!imgShow">无附件</div> </template>
<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">
<p>客户名称 ：{{orderInfo.customerName}}</p>
</a-col>
<a-col :span="6">
<p>联系电话 ：{{orderInfo.contactNumber}}</p>
</a-col>
<a-col :span="6">
<p>现有套餐 ：{{orderInfo.nowPackage}}</p>
</a-col>
<a-col :span="6">
<p>升级套餐 ：{{orderInfo.businessPackage}}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>受理人：{{orderInfo.acceptName}}</p>
</a-col>
<a-col :span="6">
<p>受理结果 ：{{orderInfo.acceptResult}}</p>
</a-col>
<a-col :span="6">
<p>受理意见 ：{{orderInfo.acceptComment}}</p>
</a-col>
<a-col :span="6">
<p>受理时间 ：{{orderInfo.acceptDate | dayjs}}</p>
</a-col>
</a-row>
<template slot="userType" slot-scope="text">
<p v-if="text=='1'">老用户办理</p>
<p v-if="text=='0'">新用户办理</p>
<p v-if="text=='2'">老用户续约</p>
<p v-if="text=='3'">融合办理</p>
<p v-if="text=='4'">抽奖业务</p>
<p v-if="text=='5'">单宽业务</p>
<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>
</template>
<template slot="operation" slot-scope="text, record">
<span>
<a @click="showDrawer(record)">查看</a>
<a-divider type="vertical" />
<a @click="abnormal(record.id)">设为异常单</a>
</a-tab-pane> <a-divider v-if="record.orderStatus === '待审核' " type="vertical" />
<a v-show="record.orderStatus === '待审核'" @click="reviewStudentIdCard(record)">审核学生证</a>
</span>
</template>
</s-table>
<!----抽屉-->
<a-tab-pane tab="操作日志" key="3"> <a-drawer width="1280" placement="right" :closable="false" @close="onClose" :visible="visible">
<a-list :grid="{ column: 4 }" :dataSource="title"> <a-form :form="orderInfo">
<a-list-item slot="renderItem" slot-scope="item, index"> <a-tabs type="card">
<a-card :title="item.title" :bordered="false"> <a-tab-pane tab="订单基本信息" key="1" activeKey>
<a-card-grid style="width:100%;" v-for="item in abnormalInfo"> <a-divider orientation="left">基础信息</a-divider>
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 20px"> <a-row>
<a-tooltip placement="left"> <a-col :span="6">
<template slot="title"> <p>客户名称：{{ orderInfo.customerName }}</p>
{{item[index]}} </a-col>
</template> <a-col :span="6">
{{item[index]}} <p>卡品：{{ orderInfo.kapin }}</p>
</a-tooltip> </a-col>
</div> <a-col :span="6">
</a-card-grid> <p>用户学校：{{ orderInfo.userSchool }}</p>
</a-card> </a-col>
</a-list-item> <a-col :span="6">
</a-list> <p>小白卡单号：{{ orderInfo.xbOrderId }}</p>
</a-tab-pane> </a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>订单完成时间：{{ orderInfo.successTime | dayjs }}</p>
</a-col>
<a-col :span="6">
<p>学号：{{ orderInfo.studentNumber }}</p>
</a-col>
<a-col :span="6">
<p>班级：{{ orderInfo.classNumber }}</p>
</a-col>
<a-col :span="6">
<p>父母名字：{{ orderInfo.parentName }}</p>
</a-col>
</a-row>
<a-row>
<a-col :span="6">
<p>联系电话：{{ orderInfo.contactNumber }}</p>
</a-col>
<a-col :span="6">
<p>身份证号：{{ orderInfo.idCard }}</p>
</a-col>
<a-col :span="6">
<p>办理号码：{{ orderInfo.businessNumber }}</p>
</a-col>
<a-col :span="6">
<p>创建时间：{{ orderInfo.createTime | dayjs }}</p>
</a-col>
</a-row>
</a-tabs> <a-row>
</a-form> <a-col :span="6">
</a-drawer> <p>地址：{{ orderInfo.address }}</p>
<a-modal title="批量导入" :visible="modifyvisible" @ok="createfunctionOk" @cancel="createfunctionCancel" html-type="submit" width="400px"> </a-col>
<a-row :gutter="24"> <a-col :span="6">
<a-col :md="24" :sm="12" > <p>省市县：{{ orderInfo.site }}</p>
<p style="text-align:center">{{importTile}}</p> </a-col>
</a-col> <a-col :span="6">
<p>资费：{{ orderInfo.expenses }}</p>
</a-col>
<a-col :span="6">
<p>办理标识：{{ orderInfo.identifyin }}</p>
</a-col>
</a-row> </a-row>
<import-btn :url="importUrl" <a-row>
:responseFun="doPush"> <a-col :span="12">
<a-tooltip placement="topLeft" title="导入文件" arrowPointAtCenter> <p>备注：{{ orderInfo.remarks }}</p>
<a-row :gutter="24"> </a-col>
<a-col :md="24" :sm="12" > <a-col :span="12">
<p>选择文件： <a-button type="primary">选择文件</a-button></p> <p>错误原因：{{ orderInfo.checkFail }}</p>
</a-col> </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>
<a-row :gutter="24" :v-show="KDmoBan"> <a-row>
<a-col :md="24" :sm="12" > <a-col :span="6">
<p>说明：</p> <p>宽带账号：{{ orderInfo.netNumber }}</p>
<p>1.批量导入请严格按照模版进行导入;</p> </a-col>
</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-modal>
<a-modal title="学生证审核" :visible="review" @ok="reviewOk" @cancel="reviewCancel" html-type="submit" width="1024px"> <a-row>
<div align="center"> <a-col :span="6">
<img :src="reviewStudentImg"> <p>学生证审核状态：{{ orderInfo.studentCardCheckStatus }}</p>
</a-col>
<a-col :span="6">
<p>宽带订单id：{{ orderInfo.kdOrderId }}</p>
</a-col>
<a-col :span="6">
<p>智能平台订单号：{{ orderInfo.orderId }}</p>
</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>
<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> </div>
<a-row :gutter="24" style="text-align: right"> <a-divider orientation="left">受理信息</a-divider>
<a-col :md="6" :sm="12" > <a-row>
<p>审核状态：</p> <a-col :span="6">
</a-col> <p>客户名称 ：{{ orderInfo.customerName }}</p>
<a-col :md="6" :sm="12" > </a-col>
<a-radio-group :options="options" v-model="reviewStudent.studentCardCheckStatus" /> <a-col :span="6">
</a-col> <p>联系电话 ：{{ orderInfo.contactNumber }}</p>
</a-col>
<a-col :span="6">
<p>现有套餐 ：{{ orderInfo.nowPackage }}</p>
</a-col>
<a-col :span="6">
<p>升级套餐 ：{{ orderInfo.businessPackage }}</p>
</a-col>
</a-row> </a-row>
<a-row :gutter="24" style="text-align: right"> <a-row>
<a-col :md="6" :sm="12" > <a-col :span="6">
<p>审核不通过原因：</p> <p>受理人：{{ orderInfo.acceptName }}</p>
</a-col> </a-col>
<a-col :md="12" :sm="12" > <a-col :span="6">
<a-input placeholder="审核不通过原因" v-model="reviewStudent.checkFail"></a-input> <p>受理结果 ：{{ orderInfo.acceptResult }}</p>
</a-col> </a-col>
<a-col :span="6">
<p>受理意见 ：{{ orderInfo.acceptComment }}</p>
</a-col>
<a-col :span="6">
<p>受理时间 ：{{ orderInfo.acceptDate | dayjs }}</p>
</a-col>
</a-row> </a-row>
</a-tab-pane>
</a-modal> <a-tab-pane tab="操作日志" key="3">
</div> <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="400px"
>
<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>
<a-modal
title="学生证审核"
:visible="review"
@ok="reviewOk"
@cancel="reviewCancel"
html-type="submit"
width="1024px"
>
<div align="center">
<img :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-col>
</a-row>
<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 placeholder="审核不通过原因" v-model="reviewStudent.checkFail"></a-input>
</a-col>
</a-row>
</a-modal>
</div>
</template> </template>
<script> <script>
import STable from '@/components/table'; import STable from "@/components/table";
import {orderList,download,abnormal,selectOrderHis,downloadMoBan,downloadMoBanKD,reviewStudentIdCard} from "@/api/school-center/orderAPI" import {
import {cloneObject,exportFile} from '@/utils/util'; orderList,
import moment from 'moment'; download,
import ConstantActivity from '@/constant/ConstantActivity'; abnormal,
import ImportBtn from "../../../components/sysmanage/ImportBtn"; selectOrderHis,
const options = [ downloadMoBan,
{ label: '审核通过', value: '1' }, downloadMoBanKD,
{ label: '审核不通过', value: '0' } reviewStudentIdCard
]; } from "@/api/school-center/orderAPI";
export default { import { cloneObject, exportFile } from "@/utils/util";
name: "orderView", import moment from "moment";
components: { import ConstantActivity from "@/constant/ConstantActivity";
STable, import ImportBtn from "../../../components/sysmanage/ImportBtn";
ImportBtn, const options = [
{ label: "审核通过", value: "1" },
{ label: "审核不通过", value: "0" }
];
export default {
name: "orderView",
components: {
STable,
ImportBtn
},
data() {
return {
reviewStudentImg: "",
reviewStudent: {
id: "",
checkFail: "",
studentCardCheckStatus: ""
},
options,
review: false,
imgShow: false,
imgStype: { width: "300px", heigth: "300px" },
baseUrl:
"https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/",
certificatePhoto: [],
childrenDrawer: false,
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)",
lineHeight: "24px",
display: "block",
marginBottom: "16px"
},
pStyle2: {
marginBottom: "24px"
},
queryParam: {
createTimeStart: "",
createTimeEnd: "",
userType: "",
orderNumber: "",
customerName: "",
businessNumber: "",
contactNumber: "",
hehuorenSchool: "",
hehuorenName: "",
orderStatus: ""
},
orderInfo: {},
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" }
}, },
data(){ { dataIndex: "contactNumber", width: 200, title: "联系号码" },
return { { dataIndex: "businessNumber", width: 200, title: "办理号码" },
reviewStudentImg:'', { dataIndex: "kapin", width: 200, title: "办理套餐" },
reviewStudent:{ { dataIndex: "hehuorenName", width: 200, title: "合伙人姓名" },
id:'', { dataIndex: "hehuorenSchool", width: 200, title: "合伙人学校" },
checkFail:'', { dataIndex: "hehuorenPhone", width: 200, title: "合伙人手机" },
studentCardCheckStatus:'' {
}, dataIndex: "studentCardCheckStatus",
options, width: 200,
review:false, title: "学生证审核状态",
imgShow:false, scopedSlots: { customRender: "studentCardCheckStatus" }
imgStype:{width: "300px",heigth: "300px"},
baseUrl:'https://raw.githubusercontent.com/vueComponent/ant-design-vue/master/components/vc-slick/assets/img/react-slick/',
certificatePhoto:[],
childrenDrawer: false,
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)',
lineHeight: '24px',
display: 'block',
marginBottom: '16px',
},
pStyle2: {
marginBottom: '24px',
},
queryParam: {
createTimeStart :'',
createTimeEnd :'',
userType :'',
orderNumber :'',
customerName :'',
businessNumber :'',
contactNumber :'',
hehuorenSchool :'',
hehuorenName :'',
orderStatus :''
},
orderInfo:{},
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: 'kapin', width: 200, title: '办理套餐'},
{dataIndex: 'hehuorenName', width: 200, title: '合伙人姓名'},
{dataIndex: 'hehuorenSchool', width: 200, title: '合伙人学校'},
{dataIndex: 'hehuorenPhone', width: 200, title: '合伙人手机'},
{dataIndex: 'studentCardCheckStatus', width: 200, title: '学生证审核状态',
scopedSlots: {customRender: 'studentCardCheckStatus'}
},
{
dataIndex: 'operation',
width: 250,
title: '操作',
scopedSlots: {customRender: 'operation'},
fixed: "right"
}]
,
rowdata: parameter => {
let params = {
pageNo: parameter.pageNo,
pageSize: parameter.pageSize
}
let obj = cloneObject(this.queryParam)
//表示
return orderList(Object.assign(params,obj)).then(res => {
let data = {}
if (res.state !== 'success') {
data = {
data: [],
pageSize: parameter.pageSize,
pageNo: 1,
totalCount: 0
}
} else {
data = {
data: res.data.records,
pageSize: parameter.pageSize,
pageNo: parameter.pageNo,
totalCount: res.data.total
}
}
return data
})
}
}
}, },
methods:{ {
moment, dataIndex: "operation",
handleMenuClick(e){ width: 250,
if (e.key == '1'){ title: "操作",
this.handleSubmit1() scopedSlots: { customRender: "operation" },
} fixed: "right"
if (e.key == '2'){ }
this.handleSubmit2() ],
} rowdata: parameter => {
}, let params = {
reviewStudentIdCard(res){ pageNo: parameter.pageNo,
this.reviewStudentImg=res.studenCard pageSize: parameter.pageSize
/*this.reviewStudentImg =this.baseUrl+'abstract0'+1+'.jpg'*/ };
this.reviewStudent.studentCardCheckStatus=res.studentCardCheckStatus
this.reviewStudent.checkFail=res.checkFail let obj = cloneObject(this.queryParam);
this.reviewStudent.id=res.id //表示
this.review=true return orderList(Object.assign(params, obj)).then(res => {
}, let data = {};
reviewOk(){ if (res.state !== "success") {
if(this.reviewStudent.studentCardCheckStatus == '0'){ data = {
if(this.reviewStudent.checkFail == '' || this.reviewStudent.checkFail == undefined){ data: [],
this.$notification.error({message:'审核不通过必须填写不通过原因！', description: '', duration: 4}) pageSize: parameter.pageSize,
} pageNo: 1,
}else { totalCount: 0
if(this.reviewStudent.checkFail != '' && this.reviewStudent.checkFail != undefined){ };
this.$notification.error({message:'审核通过无须填写不通过原因！', description: '', duration: 4}) } else {
} data = {
} data: res.data.records,
if(this.reviewStudent.checkFail == '' || this.reviewStudent.checkFail == undefined){ pageSize: parameter.pageSize,
this.reviewStudent.checkFail == '' pageNo: parameter.pageNo,
} totalCount: res.data.total
let obj = cloneObject(this.reviewStudent) };
reviewStudentIdCard(Object.assign(obj)).then(res => { }
if(res.state == 'success'){ return data;
this.$notification.success({message:'审核成功！', description: '', duration: 4}) });
this.search() }
}else { };
this.$notification.error({message:'审核失败！', description: '', duration: 4}) },
} methods: {
}) moment,
this.reviewClear() handleMenuClick(e) {
}, if (e.key == "1") {
reviewCancel(){ this.handleSubmit1();
this.reviewClear() }
}, if (e.key == "2") {
reviewClear(){ this.handleSubmit2();
this.reviewStudentImg='' }
this.reviewStudent.id='' },
this.reviewStudent.studentCardCheckStatus='' reviewStudentIdCard(res) {
this.reviewStudent.checkFail='' this.reviewStudentImg = res.studenCard;
this.review=false /*this.reviewStudentImg =this.baseUrl+'abstract0'+1+'.jpg'*/
}, this.reviewStudent.studentCardCheckStatus = res.studentCardCheckStatus;
pictureSize(){ this.reviewStudent.checkFail = res.checkFail;
if(this.imgStype.width=='700px'){ this.reviewStudent.id = res.id;
this.imgStype={width: "300px",heigth: "300px"} this.review = true;
}else { },
this.imgStype={width: "700px",heigth: "500px"} reviewOk() {
} if (this.reviewStudent.studentCardCheckStatus == "0") {
}, if (
getImgUrl(i) { this.reviewStudent.checkFail == "" ||
return this.certificatePhoto[i]; this.reviewStudent.checkFail == undefined
}, ) {
showChildrenDrawer() { this.$notification.error({
this.childrenDrawer = true; message: "审核不通过必须填写不通过原因！",
}, description: "",
onChildrenDrawerClose() { duration: 4
this.childrenDrawer = false; });
}, }
downloadMoBan: function () { } else {
exportFile(downloadMoBan(), "一人一码受理单.xlsx"); if (
}, this.reviewStudent.checkFail != "" &&
downloadMoBanKD: function () { this.reviewStudent.checkFail != undefined
exportFile(downloadMoBanKD(), "快递清单.xlsx"); ) {
}, this.$notification.error({
// 执行上传 message: "审核通过无须填写不通过原因！",
doPush(res) { description: "",
console.log(res) duration: 4
if (!res || !res.response) { });
this.$message.error('上传文件出错！', 10); }
return false; }
} if (
const response = res.response; this.reviewStudent.checkFail == "" ||
if (response.state !== 'success') { this.reviewStudent.checkFail == undefined
this.$message.error(response.msg ? response.msg : '上传文件出错！', 10); ) {
return false; this.reviewStudent.checkFail == "";
} }
this.$message.success('上传成功！'+response.data, 5); let obj = cloneObject(this.reviewStudent);
}, reviewStudentIdCard(Object.assign(obj)).then(res => {
createfunctionCancel(){ if (res.state == "success") {
this.modifyvisible=false; this.$notification.success({
this.clearmodel() message: "审核成功！",
}, description: "",
clearmodel(){ duration: 4
this.importTile='' });
this.YRYMmoBan=false this.search();
this.KDmoBan=false } else {
this.importUrl='' this.$notification.error({
}, message: "审核失败！",
createfunctionOk(){ description: "",
this.modifyvisible=false; duration: 4
this.clearmodel() });
}, }
handleSubmit1(){ });
this.importTile="批量导入受理单" this.reviewClear();
this.YRYMmoBan=true },
this.importUrl='manager/ciop/order/importDate' reviewCancel() {
this.modifyvisible=true; this.reviewClear();
}, },
handleSubmit2(){ reviewClear() {
this.importTile="批量导入快递清单" this.reviewStudentImg = "";
this.KDmoBan=true this.reviewStudent.id = "";
this.importUrl='manager/ciop/order/importExpressDelivery' this.reviewStudent.studentCardCheckStatus = "";
this.modifyvisible=true; this.reviewStudent.checkFail = "";
}, this.review = false;
search() { },
this.$refs.table.refresh({search: true}) pictureSize() {
}, if (this.imgStype.width == "700px") {
onClose() { this.imgStype = { width: "300px", heigth: "300px" };
this.certificatePhoto=[] } else {
this.orderInfo={ this.imgStype = { width: "700px", heigth: "500px" };
acceptResult:'', }
nowPackage:'', },
businessPackage:'', getImgUrl(i) {
acceptName:'', return this.certificatePhoto[i];
acceptComment:'', },
acceptDate:'', showChildrenDrawer() {
customerName:'', this.childrenDrawer = true;
kapin:'', },
userSchool:'', onChildrenDrawerClose() {
xbOrderId:'', this.childrenDrawer = false;
successTime:'', },
orderId:'', downloadMoBan: function() {
studentNumber:'', exportFile(downloadMoBan(), "一人一码受理单.xlsx");
classNumber:'', },
parentName:'', downloadMoBanKD: function() {
contactNumber:'', exportFile(downloadMoBanKD(), "快递清单.xlsx");
idCard:'', },
businessNumber:'', // 执行上传
createTime:'', doPush(res) {
address:'', console.log(res);
site:'', if (!res || !res.response) {
remarks:'', this.$message.error("上传文件出错！", 10);
checkFail:'', return false;
expenses:'', }
identifying:'', const response = res.response;
netNumber:'', if (response.state !== "success") {
netPassword:'', this.$message.error(response.msg ? response.msg : "上传文件出错！", 10);
giftAccount:'', return false;
giftPassword:'', }
kuaidiOrder:'', this.$message.success("上传成功！" + response.data, 5);
company:'', },
studentCardCheckStatus:'', createfunctionCancel() {
kdOrderId:'', this.modifyvisible = false;
thStatus:'' this.clearmodel();
} },
this.visible = false; clearmodel() {
}, this.importTile = "";
showDrawer(data){ this.YRYMmoBan = false;
this.certificatePhoto.push(data.idCardz) this.KDmoBan = false;
this.certificatePhoto.push(data.idCardf) this.importUrl = "";
this.certificatePhoto.push(data.idCardzs) },
this.certificatePhoto.push(data.studenCard) createfunctionOk() {
/* this.certificatePhoto.push('http://yrym.winsun-aly.com/gdtel-xyzx-hhr/images/yrym-ruanyan-logo.png') 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 });
},
onClose() {
this.certificatePhoto = [];
this.orderInfo = {
acceptResult: "",
nowPackage: "",
businessPackage: "",
acceptName: "",
acceptComment: "",
acceptDate: "",
customerName: "",
kapin: "",
userSchool: "",
xbOrderId: "",
successTime: "",
orderId: "",
studentNumber: "",
classNumber: "",
parentName: "",
contactNumber: "",
idCard: "",
businessNumber: "",
createTime: "",
address: "",
site: "",
remarks: "",
checkFail: "",
expenses: "",
identifying: "",
netNumber: "",
netPassword: "",
giftAccount: "",
giftPassword: "",
kuaidiOrder: "",
company: "",
studentCardCheckStatus: "",
kdOrderId: "",
thStatus: ""
};
this.visible = false;
},
showDrawer(data) {
this.certificatePhoto.push(data.idCardz);
this.certificatePhoto.push(data.idCardf);
this.certificatePhoto.push(data.idCardzs);
this.certificatePhoto.push(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')
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')*/ this.certificatePhoto.push('http://yrym.winsun-aly.com/gdtel-xyzx-hhr/images/yrym-ruanyan-logo.png')*/
if(this.certificatePhoto[0]==null && this.certificatePhoto[1]==null &&this.certificatePhoto[2]==null &&this.certificatePhoto[3]==null ){ if (
this.imgShow=false this.certificatePhoto[0] == null &&
}else { this.certificatePhoto[1] == null &&
this.imgShow=true this.certificatePhoto[2] == null &&
} this.certificatePhoto[3] == null
this.orderInfo={ ) {
acceptResult:data.acceptResult, this.imgShow = false;
nowPackage:data.nowPackage, } else {
businessPackage:data.businessPackage, this.imgShow = true;
acceptName:data.acceptName, }
acceptComment:data.acceptComment, this.orderInfo = {
acceptDate:data.acceptDate, acceptResult: data.acceptResult,
customerName:data.customerName, nowPackage: data.nowPackage,
kapin:data.kapin, businessPackage: data.businessPackage,
userSchool:data.userSchool, acceptName: data.acceptName,
xbOrderId:data.xbOrderId, acceptComment: data.acceptComment,
successTime:data.successTime, acceptDate: data.acceptDate,
orderId:data.orderId, customerName: data.customerName,
studentNumber:data.studentNumber, kapin: data.kapin,
classNumber:data.classNumber, userSchool: data.userSchool,
parentName:data.parentName, xbOrderId: data.xbOrderId,
contactNumber:data.contactNumber, successTime: data.successTime,
idCard:data.idCard, orderId: data.orderId,
businessNumber:data.businessNumber, studentNumber: data.studentNumber,
createTime:data.createTime, classNumber: data.classNumber,
address:data.address, parentName: data.parentName,
site:data.site, contactNumber: data.contactNumber,
remarks:data.remarks, idCard: data.idCard,
checkFail:data.checkFail, businessNumber: data.businessNumber,
expenses:data.expenses, createTime: data.createTime,
identifying:data.identifying, address: data.address,
netNumber:data.netNumber, site: data.site,
netPassword:data.netPassword, remarks: data.remarks,
giftAccount:data.giftAccount, checkFail: data.checkFail,
giftPassword:data.giftPassword, expenses: data.expenses,
kuaidiOrder:data.kuaidiOrder, identifying: data.identifying,
company:data.company, netNumber: data.netNumber,
studentCardCheckStatus:data.studentCardCheckStatus, netPassword: data.netPassword,
kdOrderId:data.kdOrderId, giftAccount: data.giftAccount,
thStatus:data.thStatus giftPassword: data.giftPassword,
} kuaidiOrder: data.kuaidiOrder,
this.selectOrderHis(data.id) company: data.company,
this.visible=true; studentCardCheckStatus: data.studentCardCheckStatus,
}, kdOrderId: data.kdOrderId,
//时间事件 thStatus: data.thStatus
onChange(date, dateString) { };
if(dateString.length==0){ this.selectOrderHis(data.id);
this.queryParam.startTime='' this.visible = true;
this.queryParam.endTime='' },
}else { //时间事件
this.queryParam.startTime=dateString[0] onChange(date, dateString) {
this.queryParam.endTime=dateString[1] if (dateString.length == 0) {
} this.queryParam.startTime = "";
}, this.queryParam.endTime = "";
handleSubmit() { } else {
if (this.callback==true){ this.queryParam.startTime = dateString[0];
this.$message.warn("正在导出中...", 5); this.queryParam.endTime = dateString[1];
} }
let downqueryParam=this.queryParam },
let nowdate = moment().format('YYYY-MM-DD'); handleSubmit() {
this.callback=true; if (this.callback == true) {
exportFile(download(downqueryParam), "订单清单" + nowdate + ".xls",this.downloadstatu); this.$message.warn("正在导出中...", 5);
}, }
downloadstatu(){ let downqueryParam = this.queryParam;
this.callback=false; let nowdate = moment().format("YYYY-MM-DD");
}, this.callback = true;
selectOrderHis(orderId){ exportFile(
selectOrderHis({orderId}).then(res => { download(downqueryParam),
let liu=res.data "订单清单" + nowdate + ".xls",
for (let i = 0; i < liu.length; i++) { this.downloadstatu
let resdate = []; );
resdate.push(liu[i]["operator"]) },
let startTime = moment(new Date(liu[i]["create_date"])).format(this.YYYY_MM_DD_HH_MI_SS); downloadstatu() {
resdate.push(startTime) this.callback = false;
resdate.push(liu[i]["status"]) },
this.abnormalInfo.push(resdate) selectOrderHis(orderId) {
} selectOrderHis({ orderId }).then(res => {
let liu = res.data;
}) for (let i = 0; i < liu.length; i++) {
}, let resdate = [];
abnormal(orderId){ resdate.push(liu[i]["operator"]);
abnormal({orderId}).then(res => { let startTime = moment(new Date(liu[i]["create_date"])).format(
if (res.state=="success") { this.YYYY_MM_DD_HH_MI_SS
this.search() );
this.$message.success( res.data, 5); resdate.push(startTime);
}else { resdate.push(liu[i]["status"]);
this.$message.error( res.data, 5); this.abnormalInfo.push(resdate);
} }
});
}) },
} abnormal(orderId) {
abnormal({ orderId }).then(res => {
if (res.state == "success") {
this.search();
this.$message.success(res.data, 5);
} else {
this.$message.error(res.data, 5);
} }
});
} }
}
};
</script> </script>
<style scoped> <style scoped>
.ant-carousel >>> .slick-dots { .ant-carousel >>> .slick-dots {
height: auto; height: auto;
} }
.ant-carousel >>> .slick-slide img { .ant-carousel >>> .slick-slide img {
border: 5px solid #fff; border: 5px solid #fff;
display: block; display: block;
margin: auto; margin: auto;
max-width: 80%; max-width: 80%;
} }
.ant-carousel >>> .slick-thumb { .ant-carousel >>> .slick-thumb {
bottom: -45px; bottom: -45px;
} }
.ant-carousel >>> .slick-thumb li { .ant-carousel >>> .slick-thumb li {
width: 60px; width: 60px;
height: 45px; height: 45px;
} }
.ant-carousel >>> .slick-thumb li img { .ant-carousel >>> .slick-thumb li img {
width: 100%; width: 100%;
height: 100%; height: 100%;
filter: grayscale(100%); filter: grayscale(100%);
} }
.ant-carousel >>> .slick-thumb li.slick-active img { .ant-carousel >>> .slick-thumb li.slick-active img {
filter: grayscale(0%); filter: grayscale(0%);
} }
</style> </style>
\ No newline at end of file
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