From d60f2ca80ddbe1846fb7ad9fd1f1e2fb01c372fe Mon Sep 17 00:00:00 2001
From: 黄何裕 <1053952480@qq.com>
Date: 星期一, 22 七月 2024 09:20:27 +0800
Subject: [PATCH] 处理工单下发代码冲突
---
src/views/screen/components/select-item/index.vue | 193 +++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 188 insertions(+), 5 deletions(-)
diff --git a/src/views/screen/components/select-item/index.vue b/src/views/screen/components/select-item/index.vue
index f458ad6..9a6d6bf 100644
--- a/src/views/screen/components/select-item/index.vue
+++ b/src/views/screen/components/select-item/index.vue
@@ -1,15 +1,198 @@
<template>
<div class="select-container">
-
+ <div class="tabs-box">
+ <el-button v-for="item in testData1" class="transparent-button">{{ item.name }} </el-button>
+ <!-- <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>
+ <el-button>
+
+ </el-button>
+ </div> -->
+ </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>
+ </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>
+ </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"
+ />
+ </div>
</div>
</template>
<script>
- export default {
-
- }
+export default {
+ data() {
+ return {
+ typeValue: 1,
+ localValue: 1,
+ dateValue: new Date(),
+ activeName: 1,
+
+ testData1: [
+ {
+ name: "鐪佸巺鏁版嵁",
+ value: 1,
+ },
+ {
+ name: "甯傚眬鏁版嵁",
+ value: 2,
+ },
+ {
+ name: "鍏畨閮ㄦ暟鎹�",
+ value: 3,
+ },
+ ],
+ testData2: [
+ {
+ name: "瀵岄『鍘�",
+ value: 1,
+ },
+ {
+ name: "鑽ｅ幙",
+ value: 2,
+ },
+ {
+ name: "楂樻柊鍖�",
+ value: 3,
+ },
+ {
+ name: "鑷祦浜曞尯",
+ value: 4,
+ },
+ {
+ name: "璐′簳鍖�",
+ value: 5,
+ },
+ {
+ name: "澶у畨鍖�",
+ value: 6,
+ },
+ {
+ name: "娌挎哗鍖�",
+ value: 7,
+ },
+ ],
+ };
+ },
+ methods: {
+ setConfig() {},
+ handleClick() {},
+ },
+};
</script>
<style lang="scss" scoped>
+.select-container {
+ position: absolute;
+ top: 10px;
+ left: 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 90%;
+ .select-label {
+ font-size: 20px;
+ margin-right: 10px;
+ color: #2375f0;
+ flex-shrink: 0;
+ }
-</style>
\ No newline at end of file
+ .local-label {
+ font-size: 20px;
+ margin-right: 10px;
+ color: #2375f0;
+ flex-shrink: 0;
+ }
+
+ .type-select {
+ display: flex;
+ align-items: center;
+ margin-right: 20px;
+ width: 200px;
+ }
+
+ .local-select {
+ display: flex;
+ align-items: center;
+ margin-right: 20px;
+ width: 200px;
+ }
+
+ .date-select {
+ display: flex;
+ align-items: center;
+ width: 320px;
+ }
+}
+::v-deep .tabs-box {
+ width: 40%;
+ .el-tabs__item {
+ color: #ffffff !important;
+ }
+ .is-active {
+ color: #4481dd !important;
+ }
+}
+::v-deep .el-input__inner {
+ background: rgba(67, 102, 155, 0.4) !important;
+ color: #4481dd;
+ border-color: #4481dd !important;
+}
+
+::v-deep .date-select .el-range-input {
+ background-color: transparent !important;
+ color: #4481dd;
+}
+::v-deep .date-select .el-date-editor .el-range-separator {
+ color: #4481dd !important;
+}
+.transparent-button {
+ background-color: transparent;
+ border-color: #23f0ed;
+ color: #0d6adb; /* 杩欓噷璁剧疆鎸夐挳鏂囧瓧棰滆壊 */
+
+}
+</style>
--
Gitblit v1.8.0