From 7257363fabc7b4f11fb5dfa1a553b1bc6f89bd02 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期一, 29 七月 2024 16:14:39 +0800
Subject: [PATCH] 检验任务-k检验值输入不进去
---
src/components/view/a6-device.vue | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 105 insertions(+), 3 deletions(-)
diff --git a/src/components/view/a6-device.vue b/src/components/view/a6-device.vue
index 1b660a4..2ea9f0b 100644
--- a/src/components/view/a6-device.vue
+++ b/src/components/view/a6-device.vue
@@ -2,17 +2,87 @@
<div class="device-page">
<div class="device-left">
<el-input placeholder="杈撳叆璁惧鍚嶇О" suffix-icon="el-icon-search" v-model="search" size="small"
- style="margin-bottom: 5px;" clearable></el-input>
+ @keyup.enter="handleSearch"
+ style="margin-bottom: 5px;" clearable @change="handleSearch"></el-input>
+ <ul v-loading="loading">
+ <li v-for="(item,index) in 28" :title="item" :class="{active:index==current}" @click="getCurrentDevice(item,index)">璁惧鍒楄〃璁惧鍒楄〃璁惧鍒楄〃璁惧鍒楄〃</li>
+ </ul>
</div>
- <div class="device-right"></div>
+ <div class="device-right">
+ <el-radio-group v-model="currentPage" size="small">
+ <el-radio-button :label="item.id" v-for="(item,index) in tabList" :key="index"
+ size="small">{{ item.title }}</el-radio-button>
+ </el-radio-group>
+ <div class="device-right-content">
+ <component :is="currentPage"></component>
+ </div>
+ </div>
</div>
</template>
<script>
+import operationOverview from '../do/a6-device/operation-overview.vue';
export default {
+ components:{
+ operationOverview,
+ },
data(){
return {
- search:''
+ search:'',
+ current:0,
+ loading:false,
+ tabList:[
+ {
+ id:'operationOverview',
+ title:'璁惧杩愯鎬昏',
+ },
+ {
+ id:1,
+ title:'璁惧妗ｆ',
+ },
+ {
+ id:2,
+ title:'璁惧楠屾敹',
+ },
+ {
+ id:3,
+ title:'璁惧鏍″噯',
+ },
+ {
+ id:4,
+ title:'璁惧鏍告煡',
+ },
+ {
+ id:5,
+ title:'璁惧缁存姢',
+ },
+ {
+ id:6,
+ title:'璁惧鍊熺敤',
+ },
+ {
+ id:7,
+ title:'璁惧鏁呴殰',
+ },
+ {
+ id:8,
+ title:'浣跨敤璁板綍',
+ },
+ {
+ id:9,
+ title:'璁惧鍋滅敤/鍚敤',
+ },
+ ],
+ currentPage:'operationOverview'
+ }
+ },
+ methods:{
+ handleSearch(m){
+ // this.loading = true;
+ },
+ getCurrentDevice(item,index){
+ this.current = index;
+ this.currentPage = 'operationOverview';
}
}
}
@@ -31,10 +101,42 @@
background: #fff;
margin-right: 10px;
border-radius: 16px;
+ box-sizing: border-box;
+ padding: 10px 16px;
+}
+.device-left ul{
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ font-size: 14px;
+ color: #999999;
+ cursor: pointer;
+ margin-top: 10px;
+ height: calc(100% - 46px);
+ overflow-y: scroll;
+}
+.device-left ul li{
+ white-space: nowrap; /* 绂佹鎹㈣ */
+ overflow: hidden; /* 闅愯棌婧㈠嚭鐨勬枃鏈� */
+ text-overflow: ellipsis; /* 鐢ㄧ渷鐣ュ彿琛ㄧず婧㈠嚭鐨勬枃鏈� */
+ padding: 3px 0;
+
+}
+.device-left ul li:hover{
+ color: #3A7BFA;
+}
+.device-left ul li.active{
+ color: #3A7BFA;
}
.device-right{
background: #fff;
flex: 1;
border-radius: 16px;
+ box-sizing: border-box;
+ padding: 10px 16px;
+}
+.device-right-content{
+ margin-top: 10px;
+ height: calc(100% - 42px);
}
</style>
--
Gitblit v1.9.3