Skip to content

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

提交更新

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