初始化仓库

components/t-emp/t-emp.vue

@@ -0,0 +1,75 @@
+<template>
+	<uni-card class="empInfo" margin="0" padding="12px" :border="false">
+		<uni-row class="name-row">
+			<span class="empName">{{ empName }}</span>
+			<!-- <uni-tag :circle="true" v-if="eqpName !== '/' || stationTitle !== '/'" text="工作中" type="success" class="status-tag" /> -->
+		</uni-row>
+		<uni-row>
+			<span class="deptName">{{ deptName }}</span>
+		</uni-row>
+		<uni-icons class="emp-icon" type="person" size="100" />
+	</uni-card>
+</template>
+
+<script>
+	export default {
+		name:"t-emp",
+		data() {
+			return {
+				empName: this.$store.state.employee.empName,
+				empCode: this.$store.state.employee.empCode,
+				deptName: this.$store.state.employee.deptName
+			};
+		},
+	}
+</script>
+
+<style lang="scss" scoped>
+.empInfo {
+	width: 100%;
+	flex: 0 0 auto;
+	background: linear-gradient(135deg, #1e5799 0%, #207cca 100%);
+	border-radius: 10px !important;
+	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
+
+	.name-row {
+		display: flex;
+		align-items: center;
+		margin-bottom: 8px;
+	}
+
+	.empName {
+		color: #fff;
+		font-size: 28px !important;
+		font-weight: 600;
+		line-height: 1.4;
+		margin-right: 12px;
+	}
+
+	.deptName {
+		color: rgba(255, 255, 255, 0.9);
+		font-size: 20px;
+		line-height: 1.4;
+	}
+
+	.status-tag {
+		padding: 2px 10px;
+		background-color: #e1f3d8;
+		color: #78c54a;
+		border-radius: 20px !important;
+		border: none;
+		font-size: 16px;
+		font-weight: 600;
+		height: 28px;
+		line-height: 28px;
+		vertical-align: middle;
+	}
+
+	.emp-icon {
+		position: absolute;
+		right: -20px;
+		bottom: 20px;
+		color: #233979 !important;
+	}
+}
+</style>