init
This commit is contained in:
@@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<view class="wrap home">
|
||||
<u-navbar :is-back="false" title-color="#ffffff" :background="navbarBg" title="首页">
|
||||
<view class="slot-wrap">
|
||||
<u-input style="color: #ffffff;" v-model="currentProjectName" :clearable="false" type="select"
|
||||
placeholder="请选择项目" @click="handleShowProjectSelect" />
|
||||
</view>
|
||||
</u-navbar>
|
||||
<view class="home-icons">
|
||||
|
||||
<view class="home-icon" @click="handleScan">
|
||||
<u-icon name="saoyisao" custom-prefix="nbd-icon" :size="68" color="#ffffff" />
|
||||
<text>扫一扫</text>
|
||||
</view>
|
||||
<view class="home-icon">
|
||||
<u-icon name="daiban" custom-prefix="nbd-icon" :size="68" color="#ffffff" />
|
||||
<text>待办</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="home-hj">
|
||||
<view class="hj-title">项目管道实时预制率</view>
|
||||
<view class="hj-content">
|
||||
<view class="hj-row">
|
||||
<view class="hj-cell">
|
||||
<text class="hj-label">工厂焊接一次合格率</text>
|
||||
<text class="hj-value">99.5%</text>
|
||||
</view>
|
||||
<view class="hj-cell">
|
||||
<text class="hj-label">现场焊接一次合格率</text>
|
||||
<text class="hj-value">0%</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="hj-row">
|
||||
<view class="hj-cell">
|
||||
<text class="hj-label">工厂预制进度</text>
|
||||
<text class="hj-value hj-sub">49229.500/286639.000 DIN</text>
|
||||
</view>
|
||||
<view class="hj-cell">
|
||||
<text class="hj-label">现场焊接进度</text>
|
||||
<text class="hj-value hj-sub">5906.500/84951.000 DIN</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="hj-row">
|
||||
<view class="hj-cell">
|
||||
<text class="hj-label">工厂焊工功效</text>
|
||||
<text class="hj-value">252 DIN/天</text>
|
||||
</view>
|
||||
<view class="hj-cell">
|
||||
<text class="hj-label">现场焊接功效</text>
|
||||
<text class="hj-value">95 DIN/天</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="hj-footer">
|
||||
<text class="hj-footer-label">项目管道实时预制率 (包含工厂和现场的预制口)</text>
|
||||
<text class="hj-footer-value">13%</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<nbd-select-project v-model="showProject" :select-id="currentProject?.ProjectId" :list="projectList"
|
||||
label-key="ProjectName" value-key="ProjectId" @confirm="handleConfirmProject" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
reqProjectByUserId
|
||||
} from '@/api/user.js'
|
||||
import {
|
||||
computed,
|
||||
reactive,
|
||||
ref
|
||||
} from 'vue'
|
||||
import {
|
||||
useUserStore
|
||||
} from '@/store';
|
||||
import {
|
||||
storeToRefs
|
||||
} from 'pinia';
|
||||
|
||||
const userStore = useUserStore()
|
||||
const {
|
||||
setProjectList,
|
||||
setCurrentProject
|
||||
} = userStore
|
||||
const {
|
||||
userInfo,
|
||||
projectList,
|
||||
currentProject
|
||||
} = storeToRefs(userStore)
|
||||
const navbarBg = reactive({
|
||||
backgroundColor: "var(--u-type-primary)"
|
||||
})
|
||||
const showProject = ref(false)
|
||||
|
||||
const currentProjectName = computed(()=>currentProject.value?.ProjectName||'')
|
||||
|
||||
const handleShowProjectSelect = () => {
|
||||
reqProjectByUserId(userInfo.value.PersonId).then(res => {
|
||||
setProjectList(res.data)
|
||||
showProject.value = true
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 项目列表点击确认
|
||||
*/
|
||||
const handleConfirmProject = (item)=>{
|
||||
setCurrentProject(item)
|
||||
showProject.value = false
|
||||
}
|
||||
|
||||
/**
|
||||
* 扫一扫
|
||||
*/
|
||||
const handleScan = ()=>{
|
||||
uni.scanCode({
|
||||
onlyFromCamera: true,
|
||||
success (res) {
|
||||
console.log('条码类型：' + res.scanType);
|
||||
console.log('条码内容：' + res.result);
|
||||
},
|
||||
fail(err) {
|
||||
console.log("扫码失败了====>",err)
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,33 @@
|
||||
<template>
|
||||
<view class="wrap login">
|
||||
<view class="sys-name">
|
||||
施工管理系统
|
||||
</view>
|
||||
|
||||
<view class="login-form">
|
||||
<u-form :model="form" ref="uFormRef">
|
||||
<u-form-item prop="account" >
|
||||
<template #leftIcon>
|
||||
<u-icon name="account" size="32" />
|
||||
</template>
|
||||
<u-input v-model="loginForm.account" placeholder="请输入账号" /></u-form-item>
|
||||
<u-form-item prop="password">
|
||||
<template #leftIcon>
|
||||
<u-icon name="lock" size="32" />
|
||||
</template>
|
||||
<u-input v-model="loginForm.password" type="password" :password-icon="true" placeholder="请输入密码" />
|
||||
</u-form-item>
|
||||
<view class="u-margin-top-60">
|
||||
<u-button type="primary" :loading="loading" @click="fetchLogin">登录</u-button>
|
||||
</view>
|
||||
</u-form>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive } from 'vue';
|
||||
import { useUserStore } from '@/store';
|
||||
const userStore = useUserStore();
|
||||
const {loginForm, fetchLogin} = userStore;
|
||||
</script>
|
||||
Reference in New Issue
Block a user