Commit d32da70b authored by 张锡奇's avatar 张锡奇

upload

parent 07cdec82
......@@ -42,8 +42,8 @@ export default {
search:{
dBeginDate:Util.dateFormat(new Date(),'yyyy-MM-01'),
dEndDate:Util.dateFormat(new Date(),'yyyy-MM-dd'),
// page:1,
// per_page:30,
page:1,
per_page:20,
sStatus:'全部'
},
list:[],
......@@ -162,9 +162,9 @@ export default {
await this.getHdr();
});
//滚动加载
// this.global.$on('scrollTable',async ()=>{
// this.getHdr(true);
// })
this.global.$on('scrollTable',async ()=>{
this.getHdr(true);
})
//点击表格列触发
this.global.$on('clickTd',async(res)=>{
this.row = this.list[res.trIndex];
......@@ -182,8 +182,8 @@ export default {
})
},
async getHdr(flag){
if(!this.search.searchvalue){
this.$vux.toast.text('请输入订单号查询!', 'middle')
if(this.search.per_page < 20){
this.$vux.toast.text('已加载全部数据!', 'middle')
return false;
}
let data = Util.deepClone(this.search);
......@@ -202,13 +202,14 @@ export default {
postData.push({key:key,value:value + ' 23:59:59' || ''})
}else if(key == 'searchvalue'){
postData.push({key:'searchname',value:value})
}else{
postData.push({key:key,value:value || ''})
}
}
let res = await this.request('getTipProcessProgress',{
data:postData,
params:{}
params:{
page:this.search.page,
per_page:this.search.per_page
}
},'加载中')
// if(res.length > 0){
......@@ -226,13 +227,13 @@ export default {
}else{
this.list = res;
}
// this.search.page++;
// this.search.per_page = res.table.length;
this.search.page++;
this.search.per_page = res.length;
// }
},
cleanSearch(){
// this.search.page = 1;
// this.search.per_page = 30;
this.search.page = 1;
this.search.per_page = 20;
this.list = [];
},
async routerToDetail(){
......
......@@ -42,8 +42,8 @@ export default {
search:{
dBeginDate:Util.dateFormat(new Date(),'yyyy-MM-01'),
dEndDate:Util.dateFormat(new Date(),'yyyy-MM-dd'),
// page:1,
// per_page:30,
page:1,
per_page:30,
sStatus:'全部'
},
list:[],
......@@ -156,9 +156,9 @@ export default {
await this.getHdr();
});
//滚动加载
// this.global.$on('scrollTable',async ()=>{
// this.getHdr(true);
// })
this.global.$on('scrollTable',async ()=>{
this.getHdr(true);
})
//点击表格列触发
this.global.$on('clickTd',async(res)=>{
this.row = this.list[res.trIndex];
......@@ -176,8 +176,8 @@ export default {
})
},
async getHdr(flag){
if(!this.search.searchvalue){
this.$vux.toast.text('请输入订单号查询!', 'middle')
if(this.search.per_page < 30){
this.$vux.toast.text('已加载全部数据!', 'middle')
return false;
}
let data = Util.deepClone(this.search);
......@@ -196,13 +196,14 @@ export default {
postData.push({key:'end_date',value:value + ' 23:59:59' || ''})
}else if(key == 'searchvalue'){
postData.push({key:'searchname',value:value})
}else{
postData.push({key:key,value:value || ''})
}
}
let res = await this.request('getTipProcurementProgress',{
data:postData,
params:{}
params:{
page:this.search.page,
per_page:this.search.per_page
}
},'加载中')
// if(res.length > 0){
......@@ -218,13 +219,13 @@ export default {
}else{
this.list = res;
}
// this.search.page++;
// this.search.per_page = res.table.length;
this.search.page++;
this.search.per_page = res.length;
// }
},
cleanSearch(){
// this.search.page = 1;
// this.search.per_page = 30;
this.search.page = 1;
this.search.per_page = 30;
this.list = [];
},
async routerToDetail(){
......
<style lang="less" >
@import url("../../../styles/common.less");
#tiipOperateCustomDetail{
height:100%;
background:#eef4fe;
......@@ -14,7 +16,10 @@
<template>
<div id="tiipOperateCustomDetail">
<div class="Table">
<div class="iCard" style="margin-bottom:8px;height:100%;" v-show="hdr.sType == '检验' && type == 'material'">
<div ref='chart' style="width:100%;height:100%;"/>
</div>
<div class="Table" v-show="hdr.sType == '检验'">
<customerTable :showFooter="true" :columns="columns" :list="list" :tableStyle="tableStyle"></customerTable>
</div>
</div>
......@@ -43,7 +48,8 @@ export default {
},
type:'custom',
page:1,
per_page:50
per_page:50,
chart:null,
}
},
computed:{
......@@ -53,18 +59,19 @@ export default {
})
},
async mounted(){
window.d = this;
},
async activated(){
window.d = this;
this.page = 1;
this.per_page = 50;
this.type = this.$route.params.type;
if(this.hdr.sType == '采购'){
this.$store.dispatch("CAHNGE_META_INFO", {title:(this.type == 'custom' ? '采购' : '产品') + '订单列表'});
}else if(this.hdr.sType == '加工'){
this.$store.dispatch("CAHNGE_META_INFO", {title:(this.type == 'custom' ? '加工' : '产品') + '订单列表'});
}else if(this.hdr.sType == '检验'){
this.$store.dispatch("CAHNGE_META_INFO", {title:(this.type == 'custom' ? '检验' : '产品') + '订单列表'});
this.$store.dispatch("CAHNGE_META_INFO", {title:(this.type == 'custom' ? '检验-客户' : (this.type == 'provider' ? '检验-加工商' : '检验-产品')) + '订单列表'});
}else if(this.hdr.sType == '采购退货'){
this.$store.dispatch("CAHNGE_META_INFO", {title:(this.type == 'custom' ? '采购退货' : '产品') + '订单列表'});
}else if(this.hdr.sType == "客户索赔"){
......@@ -230,6 +237,47 @@ export default {
}
}
]
}else if(this.hdr.sType == '检验'){
this.columns = [
{
width:'25%',
name:'订单号',
align:'center',
field:'sOrderNo',
render: (h,params) => {
return h('span',{
style: {
'text-decoration':'underline',
'color':'#2d8cf0'
},
on:{
'click':async()=>{
await this.getDetail(1,this.hdr.sType,params.row.sOrderNo);
}
}
},params.row.sOrderNo)
}
},
{
width:'30%',
name:'检验数量',
align:'center',
field:'nQty',
color:'#42A071'
},
{
width:'20%',
name:'正品数',
align:'center',
field:'nGoodQty',
},
{
width:'25%',
name:'总扣分',
align:'center',
field:'nPoint',
}
]
}else{
this.columns = [
{
......@@ -261,6 +309,23 @@ export default {
]
}
if(this.hdr.sType == '检验' && this.type == 'material'){
this.$nextTick(async ()=>{
await this.init()
})
await this.getMaterialData();
window.onresize = ()=> {
var resizeWorldMapContainer = ()=> {
this.$refs['chart'].style.width = window.innerWidth+'px';
this.$refs['chart'].style.height = window.innerHeight+'px';
};
//重置容器高宽
resizeWorldMapContainer();
this.chart.resize();
};
return false;
}
await this.getData();
this.global.$off('clickTd');
......@@ -319,6 +384,31 @@ export default {
})
},
methods:{
async init(){
this.chart = await this.$echarts.init(this.$refs.chart)
this.chart.getZr().on("click",v=>{
if(v.target){
this.select(v.target.dataIndex)
}else{
this.select(-1)
}
})
},
select(index){
this.selectIndex=index
this.list.forEach((v,i)=>{
this.chart.dispatchAction({
type:"downplay",
seriesIndex:i
})
})
if(index>=0){
this.chart.dispatchAction({
type:"highlight",
dataIndex:index
})
}
},
async getData(flag){
if(this.per_page < 50){
this.$vux.toast.text('已加载全部数据!', 'middle')
......@@ -331,7 +421,7 @@ export default {
{key:"end_date",value:this.hdr.end_date},
];
if(this.type == 'custom'){
if(this.hdr.sType == '采购退货' || this.hdr.sType == '采购' || this.hdr.sType == '加工' || this.hdr.sType == '检验' || this.hdr.sType == '收货' || this.hdr.sType == '成品入库' || this.hdr.sType == '加工回修'){
if(this.hdr.sType == '采购退货' || this.hdr.sType == '采购' || this.hdr.sType == '加工' || this.hdr.sType == '收货' || this.hdr.sType == '成品入库' || this.hdr.sType == '加工回修'){
postData.push({key:"upbProviderGUID",value:this.customerItem.upbProviderGUID});
if(this.hdr.sType == '采购退货' || this.hdr.sType == '加工回修'){
postData[0].value = 'Abnormal early warning-customer-sOrder'
......@@ -342,12 +432,20 @@ export default {
}else if(this.hdr.sType == '客户索赔' || this.hdr.sType == '超期应收'){
postData[0].value = 'Abnormal early warning-customer-sOrder'
postData.push({key:"upbCustomerGUID",value:this.customerItem.ufiCheckItemGUID});
}else if(this.hdr.sType == '检验'){
postData[0].value = 'Operation gai sType-customer-sOrder'
postData.push({key:"upbCustomerGUID",value:this.customerItem.upbCustomerGUID});
}else{
postData.push({key:"upbCustomerGUID",value:this.customerItem.upbCustomerGUID});
if(this.hdr.sType == '销售退货' || this.hdr.sType == '疵品汇总'){
postData[0].value = 'Abnormal early warning-customer-sOrder'
}
}
}else if(this.type == 'provider'){
if(this.hdr.sType == '检验'){
postData[0].value = 'Operation gai sType-customer-sOrder'
postData.push({key:"upbProviderGUID",value:this.customerItem.upbProviderGUID});
}
}else{
postData.push({key:"sSampleMaterialNo",value:this.customerItem.sSampleMaterialNo})
}
......@@ -389,6 +487,62 @@ export default {
let result = await this.request('getBoss',{data:postData,params:{}},'加载中',{});
this.$store.dispatch('saveKanbanOrderDetail',result);
this.$router.push({name:'orderDetailsIndex'})
},
async getMaterialData(){
this.list = this.customerItem;
this.colorList=new Util.Colors(this.list.length).rgbArray()
this.all=0
this.list.forEach(v=> this.all+=v.nPoint )
this.all=Math.round(this.all*100)/100
this.list.forEach(v=>{
v.percent=Math.round(v.nPoint/this.all*10000)/100
})
this.chart.setOption({
tooltip:{
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)",
},
color:this.colorList.map(v=>v.hex),
legend: {
orient: 'vertical',
top: 10,
left: 10,
data: this.list.map(x=>x.sDefectNameCN)
},
series:[
{
name:'访问来源',
type: 'pie',
radius: '55%',
center: ['50%', '50%'],
label: {
normal: {
show: false,
position: 'center',
formatter(v){
return v.name+"\n"+v.value+"\n("+v.percent+"%)";
},
},
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
},
data: this.list.map(v=>{
return{
name:v.sDefectNameCN,
value:v.nPoint
}
}),
}
],
})
}
},
components:{
......
This diff is collapsed.
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