|
|
@@ -1,5 +1,15 @@
|
|
|
<template>
|
|
|
<hc-card>
|
|
|
+ <template #header>
|
|
|
+ <hc-new-switch :datas="tabTab" :keys="tabKey" :round="false" size="default" @change="tabChange" />
|
|
|
+ <div class="ml-3 w-40">
|
|
|
+ <el-select v-model="searchForm.key1" filterable block placeholder="选择工区">
|
|
|
+ <el-option label="工区1" value="1" />
|
|
|
+ <el-option label="工区2" value="2" />
|
|
|
+ <el-option label="工区3" value="3" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<div class="relative h-full flex">
|
|
|
<div id="hc_tree_card">
|
|
|
<hc-card-item scrollbar>
|
|
|
@@ -73,6 +83,18 @@ const setSplitRef = () => {
|
|
|
})
|
|
|
}
|
|
|
|
|
|
+//类型tab数据和相关处理
|
|
|
+const tabKey = ref('key1')
|
|
|
+const tabTab = ref([
|
|
|
+ { key: 'key1', name: '普通变更' },
|
|
|
+ { key: 'key2', name: '工区变更' },
|
|
|
+])
|
|
|
+
|
|
|
+const tabChange = (item) => {
|
|
|
+ tabKey.value = item?.key
|
|
|
+ console.log(item)
|
|
|
+}
|
|
|
+
|
|
|
//数据格式
|
|
|
const treeProps = {
|
|
|
label: 'name',
|
