update: 运维管理、数据采集卡片列表去掉背景图片
This commit is contained in:
parent
2e0b45b444
commit
c0f2ebfa47
|
@ -310,15 +310,6 @@ const handleSearch = (e: any) => {
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.card-item-content {
|
.card-item-content {
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
||||||
.card-item-content-title-a {
|
|
||||||
// color: #000 !important;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 16px;
|
|
||||||
overflow: hidden; //超出的文本隐藏
|
|
||||||
text-overflow: ellipsis; //溢出用省略号显示
|
|
||||||
white-space: nowrap; //溢出不换行
|
|
||||||
}
|
|
||||||
.card-item-content-box {
|
.card-item-content-box {
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -56,7 +56,7 @@ const unSelectKeys = ref();
|
||||||
const handleOk = async () => {
|
const handleOk = async () => {
|
||||||
const data: any = await formTableRef.value?.validate().catch(() => {});
|
const data: any = await formTableRef.value?.validate().catch(() => {});
|
||||||
if (!data) return;
|
if (!data) return;
|
||||||
const list = data.map((item: any) => {
|
const list: any = data.map((item: any) => {
|
||||||
return {
|
return {
|
||||||
name: item.name,
|
name: item.name,
|
||||||
provider: 'OPC_UA',
|
provider: 'OPC_UA',
|
||||||
|
|
|
@ -34,11 +34,6 @@
|
||||||
:value="slotProps"
|
:value="slotProps"
|
||||||
:actions="getActions(slotProps)"
|
:actions="getActions(slotProps)"
|
||||||
v-bind="slotProps"
|
v-bind="slotProps"
|
||||||
:class="
|
|
||||||
slotProps.state.value === 'disabled'
|
|
||||||
? 'tableCardDisabled'
|
|
||||||
: 'tableCardEnabled'
|
|
||||||
"
|
|
||||||
:status="slotProps.state.value"
|
:status="slotProps.state.value"
|
||||||
:statusText="slotProps.state.text"
|
:statusText="slotProps.state.text"
|
||||||
:statusNames="{
|
:statusNames="{
|
||||||
|
@ -361,18 +356,6 @@ const handleSearch = (e: any) => {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tableCardDisabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-diaabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tableCardEnabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-enabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-item-content {
|
.card-item-content {
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
.card-item-content-box {
|
.card-item-content-box {
|
||||||
|
|
|
@ -281,17 +281,6 @@ const handleSearch = (e: any) => {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.tableCardDisabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-diaabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tableCardEnabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-enabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-item-content {
|
.card-item-content {
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
|
@ -33,11 +33,6 @@
|
||||||
:value="slotProps"
|
:value="slotProps"
|
||||||
:actions="getActions(slotProps, 'card')"
|
:actions="getActions(slotProps, 'card')"
|
||||||
v-bind="slotProps"
|
v-bind="slotProps"
|
||||||
:class="
|
|
||||||
slotProps.state.value === 'disabled'
|
|
||||||
? 'tableCardDisabled'
|
|
||||||
: 'tableCardEnabled'
|
|
||||||
"
|
|
||||||
:status="slotProps.state.value"
|
:status="slotProps.state.value"
|
||||||
:statusText="slotProps.state.text"
|
:statusText="slotProps.state.text"
|
||||||
:statusNames="{
|
:statusNames="{
|
||||||
|
@ -386,29 +381,8 @@ const handleSearch = (e: any) => {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.tableCardDisabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-diaabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tableCardEnabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-enabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-item-content {
|
.card-item-content {
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
||||||
.card-item-content-title-a {
|
|
||||||
// color: #000 !important;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 16px;
|
|
||||||
overflow: hidden; //超出的文本隐藏
|
|
||||||
text-overflow: ellipsis; //溢出用省略号显示
|
|
||||||
white-space: nowrap; //溢出不换行
|
|
||||||
}
|
|
||||||
.card-item-content-box {
|
.card-item-content-box {
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -35,11 +35,6 @@
|
||||||
:value="slotProps"
|
:value="slotProps"
|
||||||
:actions="getActions(slotProps)"
|
:actions="getActions(slotProps)"
|
||||||
v-bind="slotProps"
|
v-bind="slotProps"
|
||||||
:class="
|
|
||||||
slotProps.state.value === 'disabled'
|
|
||||||
? 'tableCardDisabled'
|
|
||||||
: 'tableCardEnabled'
|
|
||||||
"
|
|
||||||
:status="slotProps.state.value"
|
:status="slotProps.state.value"
|
||||||
:statusText="slotProps.state.text"
|
:statusText="slotProps.state.text"
|
||||||
:statusNames="{
|
:statusNames="{
|
||||||
|
@ -272,18 +267,6 @@ const handleSearch = (e: any) => {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.tableCardDisabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-diaabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tableCardEnabled {
|
|
||||||
width: 100%;
|
|
||||||
background: url('/images/access-config-enabled.png') no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-item-content {
|
.card-item-content {
|
||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue