From b5c6e17f2e9cb10ed323c1adfa2e449bab307134 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期五, 17 一月 2025 15:15:12 +0800
Subject: [PATCH] 考核结果路由跳转、工单详情权限
---
src/views/screen/components/select-item/index.vue | 167 ++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 116 insertions(+), 51 deletions(-)
diff --git a/src/views/screen/components/select-item/index.vue b/src/views/screen/components/select-item/index.vue
index 53a40cd..f93947a 100644
--- a/src/views/screen/components/select-item/index.vue
+++ b/src/views/screen/components/select-item/index.vue
@@ -1,25 +1,58 @@
<template>
<div class="select-container">
- <div class="type-select">
+ <div class="tabs-box">
+ <el-tabs v-model="activeName" @tab-click="handleClick">
+ <el-tab-pane
+ v-for="item in testData1"
+ :label="item.name"
+ :name="item.value"
+ ></el-tab-pane>
+ </el-tabs>
+ </div>
+ <!-- <div class="type-select">
<div class="select-label">鏁版嵁婧�</div>
- <el-select v-model="typeValue" popper-class="type-select" class="select-style" @change="setConfig">
- <el-option v-for="item in testData1" :key="item.name" :label="item.name" :value="item.value" />
+ <el-select
+ v-model="typeValue"
+ popper-class="type-select"
+ class="select-style"
+ @change="setConfig"
+ >
+ <el-option
+ v-for="item in testData1"
+ :key="item.name"
+ :label="item.name"
+ :value="item.value"
+ />
</el-select>
- </div>
-
- <div class="local-select">
+ </div> -->
+ <!-- <div class="local-select">
<div class="select-label">鍦板尯</div>
- <el-select v-model="localValue" popper-class="type-select" class="select-style" @change="setConfig">
- <el-option v-for="item in testData2" :key="item.name" :label="item.name" :value="item.value" />
+ <el-select
+ v-model="localValue"
+ popper-class="type-select"
+ class="select-style"
+ @change="setConfig"
+ >
+ <el-option
+ v-for="item in testData2"
+ :key="item.name"
+ :label="item.name"
+ :value="item.value"
+ />
</el-select>
- </div>
-
+ </div> -->
<div class="date-select">
<div class="select-label">鏃ユ湡</div>
- <el-date-picker v-model="dateValue" type="daterange" range-separator="鑷�" start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡" value-format="yyyy-MM-dd" @change="setConfig" />
+ <el-date-picker
+ v-model="dateValue"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ value-format="yyyy-MM-dd"
+ @change="setConfig"
+ />
</div>
-
</div>
</template>
@@ -30,68 +63,70 @@
typeValue: 1,
localValue: 1,
dateValue: new Date(),
+ activeName: 1,
+
testData1: [
{
- name: '鐪佸巺鏁版嵁',
- value: 1
- },
- {
- name: '甯傚眬鏁版嵁',
- value: 2
- },
- {
- name: '鍏畨閮ㄦ暟鎹�',
- value: 3
- }
- ],
- testData2: [
- {
- name: '瀵岄『鍘�',
+ name: "鐪佸巺鏁版嵁",
value: 1,
},
{
- name: '鑽ｅ幙',
+ name: "甯傚眬鏁版嵁",
value: 2,
},
{
- name: '楂樻柊鍖�',
+ name: "鍏畨閮ㄦ暟鎹�",
+ value: 3,
+ },
+ ],
+ testData2: [
+ {
+ name: "瀵岄『鍘�",
+ value: 1,
+ },
+ {
+ name: "鑽ｅ幙",
+ value: 2,
+ },
+ {
+ name: "楂樻柊鍖�",
value: 3,
},
{
- name: '鑷祦浜曞尯',
+ name: "鑷祦浜曞尯",
value: 4,
},
{
- name: '璐′簳鍖�',
+ name: "璐′簳鍖�",
value: 5,
},
{
- name: '澶у畨鍖�',
+ name: "澶у畨鍖�",
value: 6,
},
{
- name: '娌挎哗鍖�',
+ name: "娌挎哗鍖�",
value: 7,
},
- ]
- }
+ ],
+ };
},
methods: {
- setConfig() {
-
- }
- }
-}
+ setConfig() {},
+ handleClick() {},
+ },
+};
</script>
<style lang="scss" scoped>
.select-container {
position: absolute;
- top: 40px;
- left: 20px;
+ top: 0px;
+ left: 0px;
display: flex;
align-items: center;
-
+ justify-content: space-between;
+ width: 90%;
.select-label {
font-size: 20px;
margin-right: 10px;
@@ -124,21 +159,51 @@
display: flex;
align-items: center;
width: 320px;
+ margin-top: -15px;
+ }
+}
+::v-deep .tabs-box {
+ margin-top: 5px;
+ width: 40%;
+ .el-tabs__item {
+ color: #ffffff !important;
+ font-size: 20px;
+ }
+ .is-active {
+ color: #66b5ff !important;
+ background: url("../../../../assets/images/screen/button1.png");
+ background-size: cover !important;
+ background-repeat: no-repeat !important;
+ background-position: center center !important;
}
}
::v-deep .el-input__inner {
background: rgba(67, 102, 155, 0.4) !important;
- color: #4481DD;
- border-color: #4481DD !important;
+ color: #4481dd;
+ border-color: #4481dd !important;
}
::v-deep .date-select .el-range-input {
background-color: transparent !important;
- color: #4481DD;
+ color: #4481dd;
}
::v-deep .date-select .el-date-editor .el-range-separator {
- color: #4481DD !important;
+ color: #4481dd !important;
}
-
-
-</style>
\ No newline at end of file
+// }
+/* 鍘绘帀tabs鏍囩鏍忎笅鐨勪笅鍒掔嚎 */
+::v-deep .el-tabs__nav-wrap::after {
+ position: static !important;
+ /* background-color: #fff; */
+}
+/* 涓嬪垝绾垮垏鎹㈤珮浜� */
+::v-deep .el-tabs__active-bar {
+ background-color: #4481dd;
+}
+::v-deep .el-tabs__item {
+ margin: 5px 30px;
+ padding: 0px 25px !important;
+ border-radius: 5px;
+ background: url("../../../../assets/images/screen/button.png");
+}
+</style>
--
Gitblit v1.8.0