|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="body-container">
|
|
|
- <CardItem v-for="item in mokeData" :key="item.id" :name="item.name" :imgSrc="item.imgSrc" :height="200">
|
|
|
+ <CardItem v-for="item in moke_data" :key="item.id" :name="item.name" :img_src="item.img_src" :height="200">
|
|
|
<template #description> {{ item.desc }}> </template>
|
|
|
<template #settings>
|
|
|
<a-switch v-model="item.online">
|
|
|
@@ -8,7 +8,7 @@
|
|
|
<template #unchecked> 下线 </template>
|
|
|
</a-switch>
|
|
|
</template>
|
|
|
- <template #labels v-if="item.hasLabel">
|
|
|
+ <template #labels v-if="item.has_label">
|
|
|
<div class="label-btn">
|
|
|
<icon-subscribe />
|
|
|
<div>添加标签</div>
|
|
|
@@ -38,78 +38,78 @@ import intelligentFrame6 from '../../assets/image/management/intelligent-frame6.
|
|
|
import intelligentFrame7 from '../../assets/image/management/intelligent-frame7.png';
|
|
|
import intelligentFrame8 from '../../assets/image/management/intelligent-frame8.png';
|
|
|
|
|
|
-const mokeData = ref([
|
|
|
+const moke_data = ref([
|
|
|
{
|
|
|
id: 1,
|
|
|
name: '智能问答',
|
|
|
- imgSrc: intelligentFrame1,
|
|
|
+ img_src: intelligentFrame1,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: false,
|
|
|
- hasLabel: false
|
|
|
+ has_label: false
|
|
|
},
|
|
|
{
|
|
|
id: 2,
|
|
|
name: '智能客服',
|
|
|
- imgSrc: intelligentFrame2,
|
|
|
+ img_src: intelligentFrame2,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: false,
|
|
|
- hasLabel: true
|
|
|
+ has_label: true
|
|
|
},
|
|
|
{
|
|
|
id: 3,
|
|
|
name: '继题组卷',
|
|
|
- imgSrc: intelligentFrame3,
|
|
|
+ img_src: intelligentFrame3,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: true,
|
|
|
- hasLabel: false
|
|
|
+ has_label: false
|
|
|
},
|
|
|
{
|
|
|
id: 4,
|
|
|
name: '小数绘图',
|
|
|
- imgSrc: intelligentFrame4,
|
|
|
+ img_src: intelligentFrame4,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: true,
|
|
|
- hasLabel: true
|
|
|
+ has_label: true
|
|
|
},
|
|
|
{
|
|
|
id: 5,
|
|
|
name: '材据分析',
|
|
|
- imgSrc: intelligentFrame5,
|
|
|
+ img_src: intelligentFrame5,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: true,
|
|
|
- hasLabel: false
|
|
|
+ has_label: false
|
|
|
},
|
|
|
{
|
|
|
id: 6,
|
|
|
name: '报告自动生成 ',
|
|
|
- imgSrc: intelligentFrame6,
|
|
|
+ img_src: intelligentFrame6,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: true,
|
|
|
- hasLabel: false
|
|
|
+ has_label: false
|
|
|
},
|
|
|
{
|
|
|
id: 7,
|
|
|
name: '文档创作',
|
|
|
- imgSrc: intelligentFrame7,
|
|
|
+ img_src: intelligentFrame7,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: false,
|
|
|
- hasLabel: true
|
|
|
+ has_label: true
|
|
|
},
|
|
|
{
|
|
|
id: 8,
|
|
|
name: '设备检测',
|
|
|
- imgSrc: intelligentFrame8,
|
|
|
+ img_src: intelligentFrame8,
|
|
|
desc: '极目新闻记者了解到,这些患者都有一些共同的习惯:经常把未吃完的食物放在桌上敞着',
|
|
|
user: 'admin',
|
|
|
online: true,
|
|
|
- hasLabel: true
|
|
|
+ has_label: true
|
|
|
}
|
|
|
]);
|
|
|
</script>
|
|
|
@@ -120,15 +120,15 @@ const mokeData = ref([
|
|
|
flex-wrap: wrap;
|
|
|
align-content: flex-start;
|
|
|
gap: 20px;
|
|
|
- height: calc(100% - 80px);
|
|
|
overflow: auto;
|
|
|
+ height: calc(100% - 80px);
|
|
|
}
|
|
|
.label-btn {
|
|
|
display: flex;
|
|
|
gap: 10px;
|
|
|
+ padding: 8px 16px;
|
|
|
background-color: var(--color-neutral-3);
|
|
|
font-size: 12px;
|
|
|
- padding: 8px 16px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.bottom {
|