<template>
    <PageHeader :title="title">
    </PageHeader>
    <div style="margin-top: 20px">
        <Row>
            <Col span="12" style="text-align: center;">
                <a target="_blank" href="http://192.168.11.185:8080/view/%E5%A4%96%E9%83%A8%E5%8F%AF%E8%AE%BF%E9%97%AE%EF%BC%88%E7%94%A8%E4%BA%8E%E5%88%9B%E5%8D%95%EF%BC%89/job/%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83%E5%88%9B%E5%8D%95/"> 生产环境造单（完善客户信息+证件审核）</a>
            </Col>
            <Col span="12">
            <Button @click="copyUser()" style="display: inline;margin-right: 10px;">复制账号</Button>
            <Button @click="copyPass()" style="display: inline;">复制密码</Button>
            </Col>
        </Row>
    </div>
</template>

<script setup>
import { ref,getCurrentInstance } from 'vue'

import useClipboard from 'vue-clipboard3';

const { proxy, ctx } = getCurrentInstance()

let Message = proxy.$Message

const { toClipboard } = useClipboard();

const page_id = ref(22)
const title = ref("生产环境造单")

async function copyUser(){
    const text="admin0001"
    await toClipboard(text)
    Message.success("复制成功")

}

async function copyPass(){
    const text="123456"
    await toClipboard(text)
    Message.success("复制成功")
}


</script>

<style>
.vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vertical-center-modal .ivu-modal {
    top: 0;
}
</style>