我在页面A的X页中查看某一行的详细内容，详细内容是新的一个页面B，当我在页面B点击确认或返回时，如何返回到页面A的X页呢。
页面A：
<script>

$(document).ready(function () {
    $("#table_list").bootstrapTable({method:"POST"...});
    $('#table_list').bootstrapTable('hideColumn', 'roleId');
}
function viewDetail(id) {     window.location.href='${appServer}/service/purchase/transferPlan/clientConfirmDetail.htm?id='+id;
}

</script>
页面B按钮:

    <div class="footer-btn" v-if="!isView">
        <button type="button" class="btn btn-info" v-on:click="submitForm()">提交</button>
        <button type="button" class="btn btn-info" v-on:click="cancel">返回</button>
    </div>
    
            methods: {
        submitForm: function(){
            var _this = this;
            var isSuccess = this.validatePlan();
            if (!isSuccess){
                return false;
            }
            var planAttach = $('.file-container a:eq(0)');
            if (_this.clientFile && !planAttach.text()){
                layer.alert("必须上传客户收货确认函！");
                return false;
            }
            var index = layer.confirm("确定提交？", {
                btn: ['确定','取消'] //按钮
            }, function(){
                _this.submitDefinePlan();
            }, function(){
                layer.close(index);
            });
        },            
        cancel: function(){    window.location.href="${appServer}/service/purchase/transferPlan/clientConfirmReceiptList.htm";
        },