修改系統小卡輪播圖圖片的底色 | table篩選功能更新
This commit is contained in:
parent
b48717f091
commit
0bbd86f241
@ -161,7 +161,7 @@ watch(
|
|||||||
<div :class="withStyle ? 'content-box' : 'py-5'">
|
<div :class="withStyle ? 'content-box' : 'py-5'">
|
||||||
<div class="content-decoration">
|
<div class="content-decoration">
|
||||||
<slot name="beforeTable"></slot>
|
<slot name="beforeTable"></slot>
|
||||||
<form ref="form " class="overflow-x-auto">
|
<form ref="form" class="overflow-x-auto">
|
||||||
<table
|
<table
|
||||||
:class="
|
:class="
|
||||||
twMerge(
|
twMerge(
|
||||||
|
@ -73,11 +73,11 @@ const getProgressValue = (group) => {
|
|||||||
<img src="@ASSET/img/state-ul.svg" />
|
<img src="@ASSET/img/state-ul.svg" />
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<div class="mark">
|
<div class="mark">
|
||||||
<span>{{ group[0].value }}</span>
|
<span class="w-10">{{ group[0].value }}</span>
|
||||||
<span
|
<span
|
||||||
><img class="w-[50px]" src="@ASSET/img/state-ul-text.svg" />
|
><img class="w-[50px]" src="@ASSET/img/state-ul-text.svg" />
|
||||||
</span>
|
</span>
|
||||||
<span>{{ group[1].value }}</span>
|
<span class="w-10">{{ group[1].value }}</span>
|
||||||
</div>
|
</div>
|
||||||
<progress
|
<progress
|
||||||
class="progress [&::-webkit-progress-value]:bg-red-600 [&::-moz-progress-bar]:bg-red-600"
|
class="progress [&::-webkit-progress-value]:bg-red-600 [&::-moz-progress-bar]:bg-red-600"
|
||||||
|
@ -43,9 +43,9 @@ const specOptions = computed(() => {
|
|||||||
return options.value.find(({ selected }) => selected)?.spec || [];
|
return options.value.find(({ selected }) => selected)?.spec || [];
|
||||||
});
|
});
|
||||||
|
|
||||||
onMounted(() => {
|
// onMounted(() => {
|
||||||
getOption();
|
// getOption();
|
||||||
});
|
// });
|
||||||
|
|
||||||
const openModal = () => {
|
const openModal = () => {
|
||||||
graph_add_item.showModal();
|
graph_add_item.showModal();
|
||||||
|
@ -130,8 +130,8 @@ const getNewFilename = async (e) => {
|
|||||||
});
|
});
|
||||||
getData(res);
|
getData(res);
|
||||||
} else if (
|
} else if (
|
||||||
e.target.value !== "" &&
|
e?.target.value !== "" &&
|
||||||
e.target.value !== selectedItem.value?.title
|
e?.target.value !== selectedItem.value?.title
|
||||||
) {
|
) {
|
||||||
// 編輯
|
// 編輯
|
||||||
const res = await updateSideBarTreeName({
|
const res = await updateSideBarTreeName({
|
||||||
|
@ -26,7 +26,7 @@ watch(
|
|||||||
<font-awesome-icon
|
<font-awesome-icon
|
||||||
:icon="['fas', 'chevron-left']"
|
:icon="['fas', 'chevron-left']"
|
||||||
size="lg"
|
size="lg"
|
||||||
class="text-[#a5abb1]"
|
class="text-[#1b1b1b]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -35,7 +35,7 @@ watch(
|
|||||||
<font-awesome-icon
|
<font-awesome-icon
|
||||||
:icon="['fas', 'chevron-right']"
|
:icon="['fas', 'chevron-right']"
|
||||||
size="lg"
|
size="lg"
|
||||||
class="text-[#a5abb1]"
|
class="text-[#1b1b1b]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -49,7 +49,8 @@ watch(
|
|||||||
/* For demo */
|
/* For demo */
|
||||||
:deep(.slick-slide) {
|
:deep(.slick-slide) {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #1d2429;
|
background: #c5c5c5;
|
||||||
|
height: 400px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -57,8 +58,6 @@ watch(
|
|||||||
width: 25px;
|
width: 25px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
color: #fff;
|
|
||||||
background-color: rgba(31, 45, 61, 0.11);
|
|
||||||
transition: ease all 0.3s;
|
transition: ease all 0.3s;
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
Loading…
Reference in New Issue
Block a user