BST_bigScreen/src/views/ProductionOrderList/Dispatchlist/confirm.vue

<template>
    <div>
        <FullPage 
        title='派工单详情列表' 
        :list='list'
        @init='init'
        @searchData='init' 
        :logList='logList'
        @selectTable='selectTable'
        @changePage='changePage'
        @changeSize='changeSize'
        :tableColums='tableColums'
        :tableData='tableData'
        :pageIndex='pageIndex'
        :pageSize='pageSize'
        :total='total'
        >   
            <div slot='titleButton'>
                <Button @click="back" style="margin-right:10px;">返回</Button>
                <Button @click="finish(selectIds,1)" type="success"  ghost>批量完成</Button>
            </div>

            <template slot='set' slot-scope='{row}'>
                <div>
                    <a class="map-margin" @click="goOriginalPage(row)">原材料预算</a>
                    <a v-if="row.state != 3" class="map-margin" style="color:#32C800" @click="finish(row,1)">完成</a>
                    <a class="map-margin"  @click="goDetial(row,1)">查看详情</a>
                </div>
            </template>
        </FullPage>
    </div>
</template>

<script>
export default {
    data(){
        return {
            type:1,
            logList:[{title:'系统单号',value:'10998765'}],
            tableColums:[
                {type:'selection',fixed:'left',width:'90',align:'center'},
                {title:'工序分类',align:'center',minWidth:150,key:'basic_title'},
                {title:'工序',align:'center',minWidth:150,key:'procedure_title'},
                {title:'班组信息',align:'center',minWidth:150,key:'username'},
                {title:'完工状态',align:'center',minWidth:100,
                    render:(h,params)=>h('span',{},params.row.state == 3 ? '已完工' : '未完工')
                },
                {title:'完工百分比',align:'center',minWidth:120,
                    render(h,params){
                        return h('span',{},parseInt(params.row.complete_rate*100)+'%')
                    },
                },
                {title:'派工时间',align:'center',minWidth:200,
                    render:(h,params)=>h('span',{},this.func.replaceDate(params.row.produce_time*1))
                },
                {title:'操作',align:'center',slot:'set',fixed:'right',width:'250'},
            ],
            tableData:[{residential_name:'dlaskdsad',state:0,id:99}],
            pageIndex:1,
            pageSize:10,
            total:0,
            selectIds:[],
            proxyObj:{order_no:this.$route.query.order_no},
            produces:[],
            users:[],
        }
    },
    created(){
        this.axios('/api/procedure_index').then(res=>this.produces = res.data.data)
        this.axios('/api/employee_list').then(res=>this.users = res.data)
    },
    computed:{
        list(){
            const array = [
                {title:'工序',filterable:true,name:'Select',value:'',serverName:'produce_id',optionName:'title',optionValue:'id',option:this.produces},
                {title:'班组信息',filterable:true,name:'Select',value:'',optionName:'nickname',optionValue:'id',serverName:'user_id',option:this.users},
                {title:'完工状态',name:'Select',value:'',serverName:'produce',option:[
                    {label:'未完工',value:1},
                    {label:'已完工',value:3},
                ]},
                {title:'派工时间',name:'Input',start_server:'start_time',end_server:'end_time',start_value:'',end_value:'',isDate:true,serverName:'id2',start_placeholder:'开始日期',end_placeholder:'结束日期'},
            ]
            return array
        }
    },
    methods:{
        init(row){
            this.pageIndex = 1
            row.page_size = this.pageSize
            row.page_index = this.pageIndex
            Object.assign(row,this.$route.query)
            this.getData(row)
        },
        back(){
            this.$router.go(-1)
        },
        getData(row){
            row.page_size = this.pageSize
            row.page_index = this.pageIndex
            this.axios('/api/orders_dispatch_produce_list',{params:row}).then(res=>{
                if(res.code == 200){
                    this.tableData = res.data.list;
                    this.logList = res.data.detail;
                    this.total = res.data.total
                }
            })
        },
        postData(data,type){
            let url = type == 1 ? '/api/orders_dispatch_confirm' : '/api/orders_plan_cancer'
            this.axios.post(url,data).then(res=>{
                if(res.code == 200){
                    this.$Message.success(res.msg);
                    this.getData(this.$route.query)
                }
            })
        },
        finish(row,type){
            if(!row||row.length<1){return this.$Message.warning('请至少选择一项')}
            let params = {
                order_no:Array.isArray(row) ? row.reduce((pre,cur,n)=>`${pre}${cur.order_no}${n==row.length-1 ? '' : ','}`,'') : row.order_no,
                produce_id:Array.isArray(row) ? row.reduce((pre,cur,n)=>`${pre}${cur.produce_id}${n==row.length-1 ? '' : ','}`,'') : row.produce_id,
                produce_time:Array.isArray(row) ? row.reduce((pre,cur,n)=>`${pre}${cur.produce_time}${n==row.length-1 ? '' : ','}`,'') : row.produce_time,
            }
            this.confirmDelete({
                content:'是否手动操作此订单生产完成',
                title:'生产完成',
                type:'primary',
                then:()=>{
                    this.postData(params,type)
                },
                cancel:()=>{}
            })
        },
        selectTable(e){
            this.selectIds = e;
        },
        changePage(e){
            this.pageIndex = e;
            this.proxyObj.page_index = this.pageIndex;
            this.getData(this.proxyObj)
        },
        changeSize(e){
            this.pageSize = e;
            this.proxyObj.page_size = this.page_size;
            this.getData(this.proxyObj)
        },
        goDetial(row){
            this.$router.push({
                path:'/cms/productionorderlist/dispatchlist/details',
                query:{
                    order_no:this.$route.query.order_no,
                    produce_id:row.produce_id,
                    produce_time:row.produce_time
                }
            })
        },
        goOriginalPage(row){
            this.$router.push({
                path:'/cms/rawmateria/index',
                query:{
                    order_no:row.order_no,
                    type:9,
                    residential_name:row.residential_name,
                    produce_id:row.produce_id,
                    produce_time:row.produce_time

                }
            })
        },
    }
}
</script>

<style lang="scss" scoped>
.log-list{display: flex;flex-wrap:wrap;padding:10px 0;}
</style>