Compare commits
2 Commits
51922734ba
...
c47dba53d9
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c47dba53d9 | ||
|
|
e44d018f20 |
BIN
src/assets/imgs/jsc.png
Normal file
BIN
src/assets/imgs/jsc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
BIN
src/assets/imgs/sjzt.png
Normal file
BIN
src/assets/imgs/sjzt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
BIN
src/assets/imgs/szls.png
Normal file
BIN
src/assets/imgs/szls.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
src/assets/imgs/wlzt.png
Normal file
BIN
src/assets/imgs/wlzt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
src/assets/imgs/znbb.png
Normal file
BIN
src/assets/imgs/znbb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
@@ -254,6 +254,9 @@ const initTable = async () => {
|
|||||||
amountFieds.value[item.isAmount]=config
|
amountFieds.value[item.isAmount]=config
|
||||||
tableOption.value.showSummary=true
|
tableOption.value.showSummary=true
|
||||||
}
|
}
|
||||||
|
if(item.width){
|
||||||
|
config.width=item.width
|
||||||
|
}
|
||||||
if(item.isDimension=='Y'){
|
if(item.isDimension=='Y'){
|
||||||
dimensionFields.value[config.prop]=config
|
dimensionFields.value[config.prop]=config
|
||||||
hideFeilds.value[config.prop]=item.isHideDimension
|
hideFeilds.value[config.prop]=item.isHideDimension
|
||||||
|
|||||||
@@ -14,10 +14,34 @@
|
|||||||
<!-- 账号登录 -->
|
<!-- 账号登录 -->
|
||||||
<LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
|
<LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</Transition>
|
</Transition>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="tags">
|
||||||
|
<div class="module cockpit">
|
||||||
|
<img :src="jsc"/>
|
||||||
|
驾驶舱
|
||||||
|
</div>
|
||||||
|
<div class="module iot">
|
||||||
|
<img :src="wlzt"/>
|
||||||
|
物联中台
|
||||||
|
</div>
|
||||||
|
<div class="module data-center">
|
||||||
|
<img :src="sjzt"/>
|
||||||
|
数据中台
|
||||||
|
</div>
|
||||||
|
<div class="module report">
|
||||||
|
<img :src="znbb"/>
|
||||||
|
智能报表
|
||||||
|
</div>
|
||||||
|
<div class="module digital-twin">
|
||||||
|
<img :src="szls"/>
|
||||||
|
数字孪生
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
@@ -28,6 +52,11 @@ import { LocaleDropdown } from '@/layout/components/LocaleDropdown'
|
|||||||
import { useWindowSize } from '@vueuse/core'
|
import { useWindowSize } from '@vueuse/core'
|
||||||
import { LoginForm } from './components'
|
import { LoginForm } from './components'
|
||||||
import * as loginAnimation from '@/assets/json/login_left.json'
|
import * as loginAnimation from '@/assets/json/login_left.json'
|
||||||
|
import jsc from '@/assets/imgs/jsc.png'
|
||||||
|
import sjzt from '@/assets/imgs/sjzt.png'
|
||||||
|
import szls from '@/assets/imgs/szls.png'
|
||||||
|
import wlzt from '@/assets/imgs/wlzt.png'
|
||||||
|
import znbb from '@/assets/imgs/znbb.png'
|
||||||
|
|
||||||
// import { useRoute } from 'vue-router';
|
// import { useRoute } from 'vue-router';
|
||||||
import localImage from '@/assets/imgs/background.jpg'
|
import localImage from '@/assets/imgs/background.jpg'
|
||||||
@@ -100,4 +129,68 @@ $prefix-cls: #{$namespace}-login;
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%) scale(0.7, 0.6);
|
transform: translate(-50%, -50%) scale(0.7, 0.6);
|
||||||
}
|
}
|
||||||
|
.tags{
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
|
grid-template-rows: auto auto;
|
||||||
|
gap: 20px;
|
||||||
|
|
||||||
|
width: 1000px;
|
||||||
|
position:absolute;
|
||||||
|
left:790px;
|
||||||
|
bottom:40px;
|
||||||
|
.module {
|
||||||
|
border-radius: 4px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 600;
|
||||||
|
padding: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.module img {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.module.iot,
|
||||||
|
.module.data-center,
|
||||||
|
.module.report,
|
||||||
|
.module.digital-twin {
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 50px; /* 图标和文字之间的间距 */
|
||||||
|
img{
|
||||||
|
margin:0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* 驾驶舱:深蓝色渐变 */
|
||||||
|
.module.cockpit {
|
||||||
|
grid-row: 1 / 3;
|
||||||
|
img {
|
||||||
|
width: 140px;
|
||||||
|
height: 140px;
|
||||||
|
}
|
||||||
|
background: linear-gradient(180deg, rgba(109, 147, 245, 0.75), rgba(7,38,111, 0.75));
|
||||||
|
}
|
||||||
|
/* 物联中台:中蓝色渐变 */
|
||||||
|
.module.iot {
|
||||||
|
background: linear-gradient(180deg, rgba(130, 156, 223, 0.75), rgba(7,38,111, 0.75));
|
||||||
|
}
|
||||||
|
/* 数据中台:青绿色渐变 */
|
||||||
|
.module.data-center {
|
||||||
|
background: linear-gradient(180deg, rgba(46, 192, 182, 0.75), rgba(40, 180, 170, 0.75));
|
||||||
|
}
|
||||||
|
/* 智能报表:绿色渐变 */
|
||||||
|
.module.report {
|
||||||
|
background: linear-gradient(180deg, rgba(77, 212, 122, 0.75), rgba(60, 180, 100, 0.75));
|
||||||
|
}
|
||||||
|
/* 数字孪生:浅蓝色渐变 */
|
||||||
|
.module.digital-twin {
|
||||||
|
background: linear-gradient(180deg, rgba(111, 181, 235, 0.75), rgba(60, 140, 200, 0.75));
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -152,6 +152,8 @@ const infoColumn = {
|
|||||||
parentFieldName: { title: '父字段名称', width: 120, editRender: { name: 'LowSelect', dicData: [], filterable: true,allowCreate:true, clearable: true } },
|
parentFieldName: { title: '父字段名称', width: 120, editRender: { name: 'LowSelect', dicData: [], filterable: true,allowCreate:true, clearable: true } },
|
||||||
labelI18n: { title: '国际化配置', width: 140, editRender: { name: 'LowMonacoEditorInput', events: {} } },
|
labelI18n: { title: '国际化配置', width: 140, editRender: { name: 'LowMonacoEditorInput', events: {} } },
|
||||||
fieldType: { title: '字段类型', minWidth: 100, editRender: { name: 'LowSelect', verifyEdit: true, dicData: dicObj.fieldType, dicObj: getDicObj('fieldType') } },
|
fieldType: { title: '字段类型', minWidth: 100, editRender: { name: 'LowSelect', verifyEdit: true, dicData: dicObj.fieldType, dicObj: getDicObj('fieldType') } },
|
||||||
|
width: { title: '列宽', width: 120, align: "center", editRender: { name: 'LowInput', verifyEdit: true } },
|
||||||
|
|
||||||
isFixedColumn: { title: '固定列', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
|
isFixedColumn: { title: '固定列', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
|
||||||
fixedColumnValue: { title: '固定列内容', width: 110, align: "center", editRender: { name: 'LowButton', disabled: (row) => row.isFixedColumn !== 'Y', buttonText: '配置内容', buttonType: 'primary', buttonSize: 'small', events: {} } },
|
fixedColumnValue: { title: '固定列内容', width: 110, align: "center", editRender: { name: 'LowButton', disabled: (row) => row.isFixedColumn !== 'Y', buttonText: '配置内容', buttonType: 'primary', buttonSize: 'small', events: {} } },
|
||||||
queryIsDb: { title: '接口查询', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
|
queryIsDb: { title: '接口查询', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
|
||||||
|
|||||||
Reference in New Issue
Block a user