wudingsheng
/
zh_wms-code-platform


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="../../css/index.css">
    <!-- import Vue before Element -->
    <script src="../../js/vue.js"></script>
    <!-- import JavaScript -->
    <script src="../../js/index.js"></script>
    <script src="../../js/axios.js"></script>
</head>
<body>
<div id="app" v-cloak>
    <div style="padding: 20px;">
        <div>
            <div class="commonCss">
                <el-form :inline="true" :model="formInline" class="demo-form-inline">
                    <el-form-item label="出入库单编号">
                        <el-input v-model="formInline.orderCode" placeholder="入库单编号"></el-input>
                    </el-form-item>
                    <el-form-item label="出入库类型">
                        <el-select v-model="formInline.taskType" placeholder="请选择" :clearable="true">
                            <el-option
                                    v-for="item in taskTypeOptions"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="queryClick()">查询</el-button>
                    </el-form-item>
                </el-form>
            </div>
            <el-table ref="singleTable" :data="migrationResultList" v-loading="loading" :border=true
                      tooltip-effect="dark"
                      highlight-current-row max-height="500" style="width: 100%;"
                      :default-sort="{prop: 'createDate', order: 'descending'}">

                <el-table-column prop="inOutCode" label="出入库单编号" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="taskCode" label="出入库任务编号" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="taskType" label="任务类型" :show-overflow-tooltip="true">
                    <template slot-scope="{ row }">
                        <el-tag >
                            {{ getTaskTypeText(row.taskType) }}
                        </el-tag>
                    </template>
                </el-table-column>
                <el-table-column prop="status" label="状态" :show-overflow-tooltip="true">
                    <template slot-scope="{ row }">
                        <el-tag >
                            {{ getTypeText(row.status) }}
                        </el-tag>
                    </template>
                </el-table-column>
                <el-table-column prop="startPosition" label="开始位置" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="endPosition" label="结束位置" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="vectorCode" label="托盘" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="errorInfo" label="异常原因" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="startTime" label="开始时间" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="endTime" label="结束时间" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="remarks" label="备注" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column label="操作" :show-overflow-tooltip="true" width="200px">
                    <template #default="scope">
                        <!-- 这里放置操作按钮 -->
                        <div class="button-group">
                            <el-button type="primary" @click="getList(scope.row)" icon="el-icon-edit">子任务</el-button>
                        </div>
                    </template>
                </el-table-column>

            </el-table>


            <el-dialog
                    title="子任务列表"
                    :visible.sync="dialogVisible"
                    :before-close="handleClose" width="80%">
                    <el-table ref="singleTable" :data="subList" v-loading="loading" :border=true
                              tooltip-effect="dark"
                              highlight-current-row max-height="500" style="width: 100%;"
                              :default-sort="{prop: 'createDate', order: 'descending'}"
                              >
                        <el-table-column prop="childTaskCode" label="子任务编号" :show-overflow-tooltip="true"></el-table-column>
                        <el-table-column prop="childTaskType" label="任务类型" :show-overflow-tooltip="true">
                            <template slot-scope="{ row }">
                                <el-tag >
                                    {{ getTaskTypeText(row.childTaskType) }}
                                </el-tag>
                            </template>
                        </el-table-column>
                        <el-table-column prop="status" label="状态" :show-overflow-tooltip="true">
                            <template slot-scope="{ row }">
                                <el-tag >
                                    {{ getTypeText(row.status) }}
                                </el-tag>
                            </template>
                        </el-table-column>
                        <el-table-column prop="startPosition" label="开始位置" :show-overflow-tooltip="true"></el-table-column>
                        <el-table-column prop="endPosition" label="结束位置" :show-overflow-tooltip="true"></el-table-column>
                        <el-table-column prop="vectorCode" label="托盘" :show-overflow-tooltip="true"></el-table-column>
                        <el-table-column prop="errorInfo" label="异常原因" :show-overflow-tooltip="true"></el-table-column>
                        <el-table-column prop="startTime" label="开始时间" :show-overflow-tooltip="true"></el-table-column>
                        <el-table-column prop="endTime" label="结束时间" :show-overflow-tooltip="true"></el-table-column>
                    </el-table>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisible = false">取 消</el-button>
                    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
                  </span>
            </el-dialog>
            <div class="pagination-block">
                <el-pagination :current-page="currentPage" :page-sizes="pageSizes" :total="total"
                               :page-size="currentPageSize"
                               layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
                               @current-change="handleCurrentChange"/>
            </div>
        </div>
    </div>
</div>
</body>


<script type="module">
    new Vue({
        el: '#app',
        data: function () {
            return {
                migrationResultList: [],
                taskTypeOptions: [],
                subList: [],
                name: '',
                createDate: '',
                currentPage: 1,
                total: 0,
                currentPageSize: 10,
                pageSizes: [10, 50, 100, 200, 300],
                loading: false,
                formInline: {
                    inOutCode: '',
                    taskType:''
                },
                dialogVisible:false,
            }
        },
        created() {
            console.log("初始化")
            this.queryClick();
            this.getDic();
        },
        methods: {
            handleSizeChange(pageSize, total) {
                this.currentPage = 1;
                this.currentPageSize = pageSize;
                this.queryClick();
            },
            handleCurrentChange(page) {
                this.currentPage = page;
                this.queryClick();
            },
            clear() {
                this.ylCard = '';
                this.master = '';
            },
            queryClick() {
                this.loading = true;

                axios.get('/wInventoryTransactionTask', {
                    params: {
                        inOutCode: this.formInline.inOutCode,
                        taskType: this.formInline.taskType,
                        page: this.currentPage,  // 分页参数
                        size: this.currentPageSize,  // 分页参数
                    }
                })
                    .then(response => {
                        console.log(response)
                        this.migrationResultList = response.data.list;
                        this.total = response.data.total;
                        // 处理响应
                        this.loading = false;
                    })
                    .catch(error => {
                        // 处理错误
                    });

            }, getTypeText(status) {
                switch (status) {
                    case -1:
                        return "已取消"; // 第二种类型的文本
                    case 0:
                        return "待执行"; // 第二种类型的文本
                    case 1:
                        return '执行中'; // 第三种类型的文本
                    case 2:
                        return '完成'; // 第四种类型的文本
                    case 4:
                        return '入库异常'; // 第四种类型的文本
                    default:
                        return ""
                }

            }, getTaskTypeText(status) {
                switch (status) {
                    case 1:
                        return "出库";
                    case 2:
                        return "入库";
                    case 3:
                        return "移库";
                    default:
                        return "";
                }


            },add(){
                window.location.href = "add.html";
            },edit(row){
                window.location.href = "edit.html?id="+row.id;
            },getList(row){
                axios.get('/wInventoryTransactionChildTask/list/'+row.id, {
                })
                    .then(response => {
                        if(response.data.success){
                            this.dialogVisible=true;
                            this.subList=response.data.data;
                        }
                    })
                    .catch(error => {
                        // 处理错误
                    });
            },handleClose(done) {
                done();
                /* this.$confirm('确认关闭？')
                     .then(_ => {


                     })
                     .catch(_ => {});*/
            }, getDic() {
                axios.post('/Dic/list', {
                    'dicCode': 'taskType'
                })
                    .then(response => {
                        console.log(response)
                        this.taskTypeOptions = response.data;
                    })
                    .catch(error => {
                        // 处理错误
                    });

            }
        }

    })
</script>

</html>