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

upload

parent 07cdec82
...@@ -42,8 +42,8 @@ export default { ...@@ -42,8 +42,8 @@ export default {
search:{ search:{
dBeginDate:Util.dateFormat(new Date(),'yyyy-MM-01'), dBeginDate:Util.dateFormat(new Date(),'yyyy-MM-01'),
dEndDate:Util.dateFormat(new Date(),'yyyy-MM-dd'), dEndDate:Util.dateFormat(new Date(),'yyyy-MM-dd'),
// page:1, page:1,
// per_page:30, per_page:20,
sStatus:'全部' sStatus:'全部'
}, },
list:[], list:[],
...@@ -162,9 +162,9 @@ export default { ...@@ -162,9 +162,9 @@ export default {
await this.getHdr(); await this.getHdr();
}); });
//滚动加载 //滚动加载
// this.global.$on('scrollTable',async ()=>{ this.global.$on('scrollTable',async ()=>{
// this.getHdr(true); this.getHdr(true);
// }) })
//点击表格列触发 //点击表格列触发
this.global.$on('clickTd',async(res)=>{ this.global.$on('clickTd',async(res)=>{
this.row = this.list[res.trIndex]; this.row = this.list[res.trIndex];
...@@ -182,8 +182,8 @@ export default { ...@@ -182,8 +182,8 @@ export default {
}) })
}, },
async getHdr(flag){ async getHdr(flag){
if(!this.search.searchvalue){ if(this.search.per_page < 20){
this.$vux.toast.text('请输入订单号查询!', 'middle') this.$vux.toast.text('已加载全部数据!', 'middle')
return false; return false;
} }
let data = Util.deepClone(this.search); let data = Util.deepClone(this.search);
...@@ -202,13 +202,14 @@ export default { ...@@ -202,13 +202,14 @@ export default {
postData.push({key:key,value:value + ' 23:59:59' || ''}) postData.push({key:key,value:value + ' 23:59:59' || ''})
}else if(key == 'searchvalue'){ }else if(key == 'searchvalue'){
postData.push({key:'searchname',value:value}) postData.push({key:'searchname',value:value})
}else{
postData.push({key:key,value:value || ''})
} }
} }
let res = await this.request('getTipProcessProgress',{ let res = await this.request('getTipProcessProgress',{
data:postData, data:postData,
params:{} params:{
page:this.search.page,
per_page:this.search.per_page
}
},'加载中') },'加载中')
// if(res.length > 0){ // if(res.length > 0){
...@@ -226,13 +227,13 @@ export default { ...@@ -226,13 +227,13 @@ export default {
}else{ }else{
this.list = res; this.list = res;
} }
// this.search.page++; this.search.page++;
// this.search.per_page = res.table.length; this.search.per_page = res.length;
// } // }
}, },
cleanSearch(){ cleanSearch(){
// this.search.page = 1; this.search.page = 1;
// this.search.per_page = 30; this.search.per_page = 20;
this.list = []; this.list = [];
}, },
async routerToDetail(){ async routerToDetail(){
......
...@@ -42,8 +42,8 @@ export default { ...@@ -42,8 +42,8 @@ export default {
search:{ search:{
dBeginDate:Util.dateFormat(new Date(),'yyyy-MM-01'), dBeginDate:Util.dateFormat(new Date(),'yyyy-MM-01'),
dEndDate:Util.dateFormat(new Date(),'yyyy-MM-dd'), dEndDate:Util.dateFormat(new Date(),'yyyy-MM-dd'),
// page:1, page:1,
// per_page:30, per_page:30,
sStatus:'全部' sStatus:'全部'
}, },
list:[], list:[],
...@@ -156,9 +156,9 @@ export default { ...@@ -156,9 +156,9 @@ export default {
await this.getHdr(); await this.getHdr();
}); });
//滚动加载 //滚动加载
// this.global.$on('scrollTable',async ()=>{ this.global.$on('scrollTable',async ()=>{
// this.getHdr(true); this.getHdr(true);
// }) })
//点击表格列触发 //点击表格列触发
this.global.$on('clickTd',async(res)=>{ this.global.$on('clickTd',async(res)=>{
this.row = this.list[res.trIndex]; this.row = this.list[res.trIndex];
...@@ -176,8 +176,8 @@ export default { ...@@ -176,8 +176,8 @@ export default {
}) })
}, },
async getHdr(flag){ async getHdr(flag){
if(!this.search.searchvalue){ if(this.search.per_page < 30){
this.$vux.toast.text('请输入订单号查询!', 'middle') this.$vux.toast.text('已加载全部数据!', 'middle')
return false; return false;
} }
let data = Util.deepClone(this.search); let data = Util.deepClone(this.search);
...@@ -196,13 +196,14 @@ export default { ...@@ -196,13 +196,14 @@ export default {
postData.push({key:'end_date',value:value + ' 23:59:59' || ''}) postData.push({key:'end_date',value:value + ' 23:59:59' || ''})
}else if(key == 'searchvalue'){ }else if(key == 'searchvalue'){
postData.push({key:'searchname',value:value}) postData.push({key:'searchname',value:value})
}else{
postData.push({key:key,value:value || ''})
} }
} }
let res = await this.request('getTipProcurementProgress',{ let res = await this.request('getTipProcurementProgress',{
data:postData, data:postData,
params:{} params:{
page:this.search.page,
per_page:this.search.per_page
}
},'加载中') },'加载中')
// if(res.length > 0){ // if(res.length > 0){
...@@ -218,13 +219,13 @@ export default { ...@@ -218,13 +219,13 @@ export default {
}else{ }else{
this.list = res; this.list = res;
} }
// this.search.page++; this.search.page++;
// this.search.per_page = res.table.length; this.search.per_page = res.length;
// } // }
}, },
cleanSearch(){ cleanSearch(){
// this.search.page = 1; this.search.page = 1;
// this.search.per_page = 30; this.search.per_page = 30;
this.list = []; this.list = [];
}, },
async routerToDetail(){ async routerToDetail(){
......
<style lang="less" > <style lang="less" >
@import url("../../../styles/common.less");
#tiipOperateCustomDetail{ #tiipOperateCustomDetail{
height:100%; height:100%;
background:#eef4fe; background:#eef4fe;
...@@ -14,7 +16,10 @@ ...@@ -14,7 +16,10 @@
<template> <template>
<div id="tiipOperateCustomDetail"> <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> <customerTable :showFooter="true" :columns="columns" :list="list" :tableStyle="tableStyle"></customerTable>
</div> </div>
</div> </div>
...@@ -43,7 +48,8 @@ export default { ...@@ -43,7 +48,8 @@ export default {
}, },
type:'custom', type:'custom',
page:1, page:1,
per_page:50 per_page:50,
chart:null,
} }
}, },
computed:{ computed:{
...@@ -53,18 +59,19 @@ export default { ...@@ -53,18 +59,19 @@ export default {
}) })
}, },
async mounted(){ async mounted(){
window.d = this;
}, },
async activated(){ async activated(){
window.d = this;
this.page = 1; this.page = 1;
this.per_page = 50; this.per_page = 50;
this.type = this.$route.params.type; this.type = this.$route.params.type;
if(this.hdr.sType == '采购'){ if(this.hdr.sType == '采购'){
this.$store.dispatch("CAHNGE_META_INFO", {title:(this.type == 'custom' ? '采购' : '产品') + '订单列表'}); this.$store.dispatch("CAHNGE_META_INFO", {title:(this.type == 'custom' ? '采购' : '产品') + '订单列表'});
}else if(this.hdr.sType == '加工'){ }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' ? '加工' : '产品') + '订单列表'});
}else if(this.hdr.sType == '检验'){ }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 == '采购退货'){ }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' ? '采购退货' : '产品') + '订单列表'});
}else if(this.hdr.sType == "客户索赔"){ }else if(this.hdr.sType == "客户索赔"){
...@@ -230,6 +237,47 @@ export default { ...@@ -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{ }else{
this.columns = [ this.columns = [
{ {
...@@ -261,6 +309,23 @@ export default { ...@@ -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(); await this.getData();
this.global.$off('clickTd'); this.global.$off('clickTd');
...@@ -319,6 +384,31 @@ export default { ...@@ -319,6 +384,31 @@ export default {
}) })
}, },
methods:{ 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){ async getData(flag){
if(this.per_page < 50){ if(this.per_page < 50){
this.$vux.toast.text('已加载全部数据!', 'middle') this.$vux.toast.text('已加载全部数据!', 'middle')
...@@ -331,7 +421,7 @@ export default { ...@@ -331,7 +421,7 @@ export default {
{key:"end_date",value:this.hdr.end_date}, {key:"end_date",value:this.hdr.end_date},
]; ];
if(this.type == 'custom'){ 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}); postData.push({key:"upbProviderGUID",value:this.customerItem.upbProviderGUID});
if(this.hdr.sType == '采购退货' || this.hdr.sType == '加工回修'){ if(this.hdr.sType == '采购退货' || this.hdr.sType == '加工回修'){
postData[0].value = 'Abnormal early warning-customer-sOrder' postData[0].value = 'Abnormal early warning-customer-sOrder'
...@@ -342,12 +432,20 @@ export default { ...@@ -342,12 +432,20 @@ export default {
}else if(this.hdr.sType == '客户索赔' || this.hdr.sType == '超期应收'){ }else if(this.hdr.sType == '客户索赔' || this.hdr.sType == '超期应收'){
postData[0].value = 'Abnormal early warning-customer-sOrder' postData[0].value = 'Abnormal early warning-customer-sOrder'
postData.push({key:"upbCustomerGUID",value:this.customerItem.ufiCheckItemGUID}); 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{ }else{
postData.push({key:"upbCustomerGUID",value:this.customerItem.upbCustomerGUID}); postData.push({key:"upbCustomerGUID",value:this.customerItem.upbCustomerGUID});
if(this.hdr.sType == '销售退货' || this.hdr.sType == '疵品汇总'){ if(this.hdr.sType == '销售退货' || this.hdr.sType == '疵品汇总'){
postData[0].value = 'Abnormal early warning-customer-sOrder' 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{ }else{
postData.push({key:"sSampleMaterialNo",value:this.customerItem.sSampleMaterialNo}) postData.push({key:"sSampleMaterialNo",value:this.customerItem.sSampleMaterialNo})
} }
...@@ -389,6 +487,62 @@ export default { ...@@ -389,6 +487,62 @@ export default {
let result = await this.request('getBoss',{data:postData,params:{}},'加载中',{}); let result = await this.request('getBoss',{data:postData,params:{}},'加载中',{});
this.$store.dispatch('saveKanbanOrderDetail',result); this.$store.dispatch('saveKanbanOrderDetail',result);
this.$router.push({name:'orderDetailsIndex'}) 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:{ 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