|
|
|
@ -0,0 +1,101 @@ |
|
|
|
<template> |
|
|
|
<div class="p-1 index-page"> |
|
|
|
<qn-title required type="form" size="md" title="测试@qn/c中的qn-title组件"></qn-title> |
|
|
|
<div class="select-text bg-gradient-to-r from-green-400 to-blue-500"> |
|
|
|
{{ msg }} |
|
|
|
</div> |
|
|
|
<div class="flex justify-between m-1"> |
|
|
|
<nut-button type="info" shape="square" @click="testLogin">测试登录</nut-button> |
|
|
|
<nut-button type="primary" @click="testMenu">测试登录后的接口</nut-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { reactive, toRefs, ref, onMounted, onUnmounted } from 'vue' |
|
|
|
import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro' |
|
|
|
import { type } from '@qnjs/shared' |
|
|
|
import { random, debounce } from 'lodash-es' |
|
|
|
|
|
|
|
import { |
|
|
|
yyt_ob_CfobAdminApi_getLoginInfoUsingGET |
|
|
|
} from '@/qnApi' |
|
|
|
import Qn from '@qnjs/qn' |
|
|
|
|
|
|
|
const { log } = console |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'Home', |
|
|
|
// 调用生命周期函数，方式一 |
|
|
|
mounted() { |
|
|
|
log('home>>>mounted') |
|
|
|
}, |
|
|
|
onReady() { |
|
|
|
log('home onReady') |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
log('home onShow') |
|
|
|
}, |
|
|
|
onHide() { |
|
|
|
log('home onHide') |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
testLogin() { |
|
|
|
Qn.$http({ |
|
|
|
url: `/cloud-factory-operation-backend/admin/login`, |
|
|
|
data: { |
|
|
|
username: 'liuji@qniao.cn', |
|
|
|
password: 'qn123456', |
|
|
|
$configs: { |
|
|
|
$isFormData: true, |
|
|
|
$isWithTotalHttpResponse: true |
|
|
|
} |
|
|
|
}, |
|
|
|
method: 'POST' |
|
|
|
}).then(res => { |
|
|
|
if (res && res.statusCode === 200 && res.data && res.data.code === 200) { |
|
|
|
const token = res.header.authorization |
|
|
|
Qn.setToken(token) |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
}, |
|
|
|
setup() { |
|
|
|
const msg = ref('测试 tailwind') |
|
|
|
|
|
|
|
// 调用生命周期函数，方式二 |
|
|
|
// onMounted(function() { |
|
|
|
// eventCenter.once(getCurrentInstance().router.onShow, function() { |
|
|
|
// log('index onShow from eventCenter: ', ) |
|
|
|
// }) |
|
|
|
// eventCenter.once(getCurrentInstance().router.onReady, function() { |
|
|
|
// log('index onReady from eventCenter: ', ) |
|
|
|
// }) |
|
|
|
// eventCenter.once(getCurrentInstance().router.onHide, function() { |
|
|
|
// log('index onHide from eventCenter: ', ) |
|
|
|
// }) |
|
|
|
// }) |
|
|
|
|
|
|
|
log('use type in @qn/shared example: ', type(1)) |
|
|
|
log('use random in lodash-es example: ', random(0, 100)) |
|
|
|
|
|
|
|
onUnmounted(() => { |
|
|
|
log('index onUnmounted') |
|
|
|
}) |
|
|
|
|
|
|
|
// 防抖、防重复点击，1s后接口调用 |
|
|
|
const testMenu = debounce(yyt_ob_CfobAdminApi_getLoginInfoUsingGET, 1000) |
|
|
|
|
|
|
|
return { |
|
|
|
msg, |
|
|
|
testMenu |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
.index-page { |
|
|
|
padding: 0px; |
|
|
|
} |
|
|
|
</style> |
xpz2018
4 years ago
