|
@@ -3,235 +3,159 @@ import { BottomOperateComp } from '../common/component/BottomOperateComp';
|
|
|
import router from '@ohos.router'
|
|
|
import { TaskComp } from '../common/component/TaskComp'
|
|
|
import { Warehousing}from '../common/component/Warehousing'
|
|
|
-
|
|
|
import { SmartFactoryCard}from '../common/component/SmartFactoryCard'
|
|
|
+@CustomDialog
|
|
|
+struct login {
|
|
|
+ @Link textValue: string
|
|
|
+ @Link inputValue: string
|
|
|
+ controller: CustomDialogController
|
|
|
+ cancel: () => void
|
|
|
+ confirm: () => void
|
|
|
+ build() {
|
|
|
+ Column() {
|
|
|
+ Text('退出登录')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontColor('#e6000000')
|
|
|
+ .fontSize(px2vp(53))
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .width('100%')
|
|
|
+ .height('30%')
|
|
|
+ Text('是否返回登录页?')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .width('100%')
|
|
|
+ .height('30%')
|
|
|
+ Row({space:10}){
|
|
|
+ Text('取消')
|
|
|
+ .width('40%')
|
|
|
+ .borderRadius(21)
|
|
|
+ .height('70%')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .backgroundColor('#0f000000')
|
|
|
+ .fontColor('#0A59F7')
|
|
|
+ .onClick(()=>{
|
|
|
+ this.controller.close()
|
|
|
+ })
|
|
|
+ Text('确认')
|
|
|
+ .width('40%')
|
|
|
+ .height('70%')
|
|
|
+ .borderRadius(21)
|
|
|
+ .backgroundColor('#0A59F7')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontColor('#ffff')
|
|
|
+ .onClick(()=>{
|
|
|
+ this.controller.close()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ .width('100%')
|
|
|
+ .justifyContent(FlexAlign.Center)
|
|
|
+ .height('30%')
|
|
|
+
|
|
|
+
|
|
|
+ }.width('25%')
|
|
|
+ .height('20%')
|
|
|
+ .borderRadius(15)
|
|
|
+ .backgroundColor('#ffff')
|
|
|
+ }
|
|
|
+}
|
|
|
+@CustomDialog
|
|
|
+struct shutdown {
|
|
|
+ @Link shutdownTransparency:number
|
|
|
+ @Link textValue: string
|
|
|
+ @Link inputValue: string
|
|
|
+ controller: CustomDialogController
|
|
|
+ cancel: () => void
|
|
|
+ confirm: () => void
|
|
|
+ build() {
|
|
|
+ Column() {
|
|
|
+ Row(){
|
|
|
+ Image($r('app.media.restart'))
|
|
|
+ .width(px2vp(107))
|
|
|
+ .height(px2vp(107))
|
|
|
+ .onClick(()=>{
|
|
|
+ this.shutdownTransparency=0
|
|
|
+ this.controller.close()
|
|
|
+ })
|
|
|
+ Blank()
|
|
|
+ Image($r('app.media.shutdown'))
|
|
|
+ .width(px2vp(107))
|
|
|
+ .height(px2vp(107))
|
|
|
+ .onClick(()=>{
|
|
|
+ this.shutdownTransparency=0
|
|
|
+ this.controller.close()
|
|
|
+ })
|
|
|
+
|
|
|
+ }.width('100%')
|
|
|
+ .height('50%')
|
|
|
+ Row(){
|
|
|
+ Text('重启')
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .fontSize(px2vp(27))
|
|
|
+ .width(px2vp(107))
|
|
|
+ .height(px2vp(107))
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontColor('#FFFFFF')
|
|
|
+
|
|
|
+ Blank()
|
|
|
+ Text('关机')
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .fontSize(px2vp(27))
|
|
|
+ .width(px2vp(107))
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .height(px2vp(107))
|
|
|
+ .fontColor('#FFFFFF')
|
|
|
+
|
|
|
+ }.width('100%')
|
|
|
+ .height('30%')
|
|
|
+
|
|
|
+
|
|
|
+ }.width('20%')
|
|
|
+ .height('20%')
|
|
|
+ .borderRadius(15)
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
@Entry
|
|
|
@Component
|
|
|
struct Index {
|
|
|
+ @State avatarFrame:boolean=false
|
|
|
scroller: Scroller = new Scroller()
|
|
|
+ @State shutdownTransparency:number=0
|
|
|
@State YanSe: number = 0
|
|
|
@State carswitch:number=0
|
|
|
private isHomePage: boolean = true
|
|
|
- aboutToDisappear(){
|
|
|
- console.log('testTag', '===='+px2vp(19));
|
|
|
- }
|
|
|
+ @State textValue: string = ''
|
|
|
+ @State inputValue: string = ''
|
|
|
+ loginDialogController: CustomDialogController = new CustomDialogController({
|
|
|
+ builder:login({
|
|
|
+ textValue: $textValue,
|
|
|
+ inputValue: $inputValue,
|
|
|
+ }),
|
|
|
+ alignment: DialogAlignment.Center,
|
|
|
+ autoCancel:false,
|
|
|
+ customStyle:true
|
|
|
+})
|
|
|
+ shutdownDialogController: CustomDialogController = new CustomDialogController({
|
|
|
+ builder:shutdown({
|
|
|
+ textValue: $textValue,
|
|
|
+ inputValue: $inputValue,
|
|
|
+ shutdownTransparency:this.shutdownTransparency
|
|
|
+ }),
|
|
|
+ alignment: DialogAlignment.Center,
|
|
|
+ autoCancel:false,
|
|
|
+ customStyle:true
|
|
|
+ })
|
|
|
+
|
|
|
build() {
|
|
|
- Row() {
|
|
|
- Column() {
|
|
|
- TitleStateComp({ isHomePage: this.isHomePage })
|
|
|
- Row() {
|
|
|
- // Column() {
|
|
|
- // Swiper() {
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- // Text('任务')
|
|
|
- // .width('90%')
|
|
|
- // .height('20%')
|
|
|
- // .fontSize($r('app.float.title_font_size'))
|
|
|
- // Row() {
|
|
|
- // }
|
|
|
- // .width('60%')
|
|
|
- // .height('60%')
|
|
|
- // }
|
|
|
- // .backgroundImage($r('app.media.KAPIAN'))
|
|
|
- // .backgroundImageSize({ width: '100%', height: '100%' })
|
|
|
- // .width('100%')
|
|
|
- // .height('100%')
|
|
|
- //
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- // Text('库存统计')
|
|
|
- // .fontColor('#ffff')
|
|
|
- // .width('90%')
|
|
|
- // .height('16%')
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // .fontSize($r('app.float.title_font_size'))
|
|
|
- // Row({ space: 15 }) {
|
|
|
- // Blank()
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- //
|
|
|
- // Row() {
|
|
|
- // Stack() {
|
|
|
- // DataPanel({ values: [60], max: 100, type: DataPanelType.Circle })
|
|
|
- // .width('100%').height('100%')
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- // Text('75').fontSize(50).fontColor('#182431')
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // }
|
|
|
- //
|
|
|
- // Text('%')
|
|
|
- // .fontSize(40)
|
|
|
- // .opacity(0.6)
|
|
|
- // .position({ x: 180, y: 100 })
|
|
|
- // }.margin({ right: 44 })
|
|
|
- // }
|
|
|
- // .width('100%')
|
|
|
- // .height('70%')
|
|
|
- //
|
|
|
- // Row() {
|
|
|
- // Column() {
|
|
|
- // Text('75')
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // .fontSize(50)
|
|
|
- // Text('已载料箱')
|
|
|
- //
|
|
|
- // }.width('50%')
|
|
|
- // .height('100%')
|
|
|
- //
|
|
|
- // Divider().vertical(true)
|
|
|
- // Column() {
|
|
|
- // Text('100')
|
|
|
- // .fontSize(50)
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // Text('空箱数')
|
|
|
- //
|
|
|
- // }.width('50%')
|
|
|
- // .height('100%')
|
|
|
- //
|
|
|
- // }
|
|
|
- // .width('100%')
|
|
|
- // .height('30%')
|
|
|
- // }.width('46%')
|
|
|
- // .borderRadius(15)
|
|
|
- // .backgroundColor('#e6ffffff')
|
|
|
- // .height('100%')
|
|
|
- //
|
|
|
- // Column({ space: 10 }) {
|
|
|
- // Column() {
|
|
|
- // Row() {
|
|
|
- // Text('电子元件')
|
|
|
- // .fontSize(18)
|
|
|
- // Blank()
|
|
|
- // Text('52/100')
|
|
|
- // .fontSize(20)
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // }
|
|
|
- // .height('40%')
|
|
|
- // .width('90%')
|
|
|
- //
|
|
|
- // DataPanel({ values: [52], max: 100, type: DataPanelType.Line })
|
|
|
- // .width('90%').height('20%')
|
|
|
- // }
|
|
|
- // .width('100%')
|
|
|
- // .justifyContent(FlexAlign.Center)
|
|
|
- // .borderRadius(15)
|
|
|
- // .backgroundColor('#e6ffffff')
|
|
|
- // .height('23%')
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- // Row() {
|
|
|
- // Text('电路板')
|
|
|
- // .fontSize(20)
|
|
|
- // Blank()
|
|
|
- // Text('19/50')
|
|
|
- // .fontSize(20)
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // }
|
|
|
- // .width('90%')
|
|
|
- // .height('40%')
|
|
|
- //
|
|
|
- // DataPanel({ values: [19], max: 50, type: DataPanelType.Line })
|
|
|
- // .width('90%').height('20%')
|
|
|
- // }
|
|
|
- // .width('100%')
|
|
|
- // .justifyContent(FlexAlign.Center)
|
|
|
- // .borderRadius(15)
|
|
|
- // .backgroundColor('#e6ffffff')
|
|
|
- // .height('23%')
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- // Row() {
|
|
|
- // Text('结构件')
|
|
|
- // .fontSize(20)
|
|
|
- //
|
|
|
- // Blank()
|
|
|
- // Text('73/100')
|
|
|
- // .fontSize(20)
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // }
|
|
|
- // .width('90%')
|
|
|
- // .height('40%')
|
|
|
- //
|
|
|
- // DataPanel({ values: [73], max: 100, type: DataPanelType.Line })
|
|
|
- // .width('90%').height('20%')
|
|
|
- //
|
|
|
- //
|
|
|
- // }
|
|
|
- // .width('100%')
|
|
|
- // .justifyContent(FlexAlign.Center)
|
|
|
- // .borderRadius(15)
|
|
|
- // .height('23%')
|
|
|
- // .backgroundColor('#e6ffffff')
|
|
|
- // .borderRadius(15)
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- // Row() {
|
|
|
- // Text('辅助材料')
|
|
|
- // .fontSize(20)
|
|
|
- //
|
|
|
- // Blank()
|
|
|
- // Text('64/70')
|
|
|
- // .fontSize(20)
|
|
|
- // .fontWeight(FontWeight.Medium)
|
|
|
- // }
|
|
|
- // .width('90%')
|
|
|
- // .height('40%')
|
|
|
- //
|
|
|
- // DataPanel({ values: [64], max: 70, type: DataPanelType.Line })
|
|
|
- // .width('90%').height('20%')
|
|
|
- //
|
|
|
- //
|
|
|
- // }
|
|
|
- // .width('100%')
|
|
|
- // .justifyContent(FlexAlign.Center)
|
|
|
- // .borderRadius(15)
|
|
|
- // .backgroundColor('#e6ffffff')
|
|
|
- // .height('23%')
|
|
|
- //
|
|
|
- // }.width('46%')
|
|
|
- // .borderRadius(10)
|
|
|
- // .height('100%')
|
|
|
- //
|
|
|
- // Blank()
|
|
|
- //
|
|
|
- // }
|
|
|
- // .width('100%')
|
|
|
- // .height('80%')
|
|
|
- // }
|
|
|
- // .backgroundImage($r('app.media.KaPian2'))
|
|
|
- // .backgroundImageSize({ width: '100%', height: '100%' })
|
|
|
- // .width('100%')
|
|
|
- // .height('100%')
|
|
|
- //
|
|
|
- // Column() {
|
|
|
- // Row() {
|
|
|
- // TaskComp({isHomePage: this.isHomePage})
|
|
|
- // }
|
|
|
- // .width('60%')
|
|
|
- // .height('60%')
|
|
|
- // }
|
|
|
- // .backgroundImage($r('app.media.KAPIAN'))
|
|
|
- // .backgroundImageSize({ width: '100%', height: '100%' })
|
|
|
- // .width('100%')
|
|
|
- // .height('100%')
|
|
|
- // }
|
|
|
- // .width('103%')
|
|
|
- // .height('95%')
|
|
|
- // .autoPlay(false)
|
|
|
- // .vertical(true)
|
|
|
- // .indicator(false)
|
|
|
- // .borderRadius(15)
|
|
|
- // .border({ width: 1, color: '#ffff' })
|
|
|
- //
|
|
|
- // }
|
|
|
- // .width('50%')
|
|
|
- // .height('70%')
|
|
|
- // .backgroundColor('#fff')
|
|
|
- // .justifyContent(FlexAlign.End)
|
|
|
- // .borderRadius(15)
|
|
|
- Flex({ wrap: FlexWrap.Wrap }) {
|
|
|
+ Stack(){
|
|
|
+ Row() {
|
|
|
+ Column() {
|
|
|
+ TitleStateComp({ isHomePage: this.isHomePage })
|
|
|
+ .onClick(()=>{
|
|
|
+ this.avatarFrame=!this.avatarFrame
|
|
|
+ })
|
|
|
+ Row() {
|
|
|
+
|
|
|
+ Flex({ wrap: FlexWrap.Wrap }) {
|
|
|
Column(){
|
|
|
TaskComp({isHomePage: this.isHomePage})
|
|
|
Text('生产操作')
|
|
@@ -239,170 +163,217 @@ struct Index {
|
|
|
.margin({top:5})
|
|
|
.fontWeight(FontWeight.Medium)
|
|
|
.fontColor($r('app.color.robot_set_card_white'))
|
|
|
- }
|
|
|
- .height('40%')
|
|
|
- .width('32%')
|
|
|
+ }
|
|
|
+ .height('40%')
|
|
|
+ .width('32%')
|
|
|
|
|
|
- Column(){
|
|
|
- Warehousing()
|
|
|
- Text('智能仓储')
|
|
|
- .margin({top:5})
|
|
|
- .fontSize(px2vp(27))
|
|
|
- .fontWeight(FontWeight.Medium)
|
|
|
- .fontColor($r('app.color.robot_set_card_white'))
|
|
|
+ Column(){
|
|
|
+ Warehousing()
|
|
|
+ Text('智能仓储')
|
|
|
+ .margin({top:5})
|
|
|
+ .fontSize(px2vp(27))
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .fontColor($r('app.color.robot_set_card_white'))
|
|
|
+ }
|
|
|
+ .height('40%')
|
|
|
+ .width('32%')
|
|
|
+ .margin({left:10})
|
|
|
+ .onClick(()=>{
|
|
|
+ router.pushUrl({
|
|
|
+ url:'pages/Storage'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ Column(){
|
|
|
+ SmartFactoryCard()
|
|
|
+ Text('智汇工厂')
|
|
|
+ .margin({top:5})
|
|
|
+ .fontSize(px2vp(27))
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .fontColor($r('app.color.robot_set_card_white'))
|
|
|
+ }
|
|
|
+ .height('40%')
|
|
|
+ .width('32%')
|
|
|
+ .margin({left:10})
|
|
|
+ .onClick(()=>{
|
|
|
+ router.pushUrl({
|
|
|
+ url:'pages/SmartFactory'
|
|
|
+ })
|
|
|
+ })
|
|
|
}
|
|
|
- .height('40%')
|
|
|
- .width('32%')
|
|
|
- .margin({left:10})
|
|
|
- .onClick(()=>{
|
|
|
+ .width('100%')
|
|
|
+ .height('100%')
|
|
|
+ }
|
|
|
+ .justifyContent(FlexAlign.Center)
|
|
|
+ .width('100%')
|
|
|
+ .height('68%')
|
|
|
+ Row({ space: 10 }) {
|
|
|
+ Text().width('1%')
|
|
|
+ Column({ space: 10 }) {
|
|
|
+ Image($r("app.media.shezhi"))
|
|
|
+ .width('60%')
|
|
|
+ .height('60%')
|
|
|
+ .borderRadius(15)
|
|
|
+ Text('设置')
|
|
|
+ .width('100%')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontSize(16)
|
|
|
+ .fontColor('#ffff')
|
|
|
+ }
|
|
|
+ .width('10%')
|
|
|
+ .justifyContent(FlexAlign.Center)
|
|
|
+ .backdropBlur(13)
|
|
|
+ .height('90%')
|
|
|
+ .borderRadius(15)
|
|
|
+ .backgroundColor('#4d000000')
|
|
|
+ .onClick(() => {
|
|
|
router.pushUrl({
|
|
|
- url:'pages/Storage'
|
|
|
+ url: 'pages/SetPage'
|
|
|
})
|
|
|
})
|
|
|
- Column(){
|
|
|
- SmartFactoryCard()
|
|
|
- Text('智汇工厂')
|
|
|
- .margin({top:5})
|
|
|
- .fontSize(px2vp(27))
|
|
|
- .fontWeight(FontWeight.Medium)
|
|
|
- .fontColor($r('app.color.robot_set_card_white'))
|
|
|
+ Column({ space: 10 }) {
|
|
|
+ Image($r('app.media.cangchu'))
|
|
|
+ .width('60%')
|
|
|
+ .height('60%')
|
|
|
+ .borderRadius(15)
|
|
|
+ Text('智能仓储')
|
|
|
+ .width('100%')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontSize(16)
|
|
|
+ .fontColor('#ffff')
|
|
|
}
|
|
|
- .height('40%')
|
|
|
- .width('32%')
|
|
|
- .margin({left:10})
|
|
|
- .onClick(()=>{
|
|
|
+ .width('10%')
|
|
|
+ .justifyContent(FlexAlign.Center)
|
|
|
+ .height('90%')
|
|
|
+ .borderRadius(15)
|
|
|
+ .backgroundColor('#4d000000')
|
|
|
+ .onClick(() => {
|
|
|
router.pushUrl({
|
|
|
- url:'pages/SmartFactory'
|
|
|
+ url: 'pages/Storage'
|
|
|
})
|
|
|
})
|
|
|
- }
|
|
|
- .width('100%')
|
|
|
- .height('100%')
|
|
|
- }
|
|
|
- .justifyContent(FlexAlign.Center)
|
|
|
- .width('100%')
|
|
|
- .height('68%')
|
|
|
- Row({ space: 10 }) {
|
|
|
- Text().width('1%')
|
|
|
- Column({ space: 10 }) {
|
|
|
- Image($r("app.media.shezhi"))
|
|
|
- .width('60%')
|
|
|
- .height('60%')
|
|
|
- .borderRadius(15)
|
|
|
- Text('设置')
|
|
|
- .width('100%')
|
|
|
- .textAlign(TextAlign.Center)
|
|
|
- .fontSize(16)
|
|
|
- .fontColor('#ffff')
|
|
|
- }
|
|
|
- .width('10%')
|
|
|
- .justifyContent(FlexAlign.Center)
|
|
|
- .backdropBlur(13)
|
|
|
- .height('90%')
|
|
|
- .borderRadius(15)
|
|
|
- .backgroundColor('#4d000000')
|
|
|
- .onClick(() => {
|
|
|
- router.pushUrl({
|
|
|
- url: 'pages/SetPage'
|
|
|
- })
|
|
|
- })
|
|
|
- Column({ space: 10 }) {
|
|
|
- Image($r('app.media.cangchu'))
|
|
|
- .width('60%')
|
|
|
- .height('60%')
|
|
|
- .borderRadius(15)
|
|
|
- Text('智能仓储')
|
|
|
- .width('100%')
|
|
|
- .textAlign(TextAlign.Center)
|
|
|
- .fontSize(16)
|
|
|
- .fontColor('#ffff')
|
|
|
- }
|
|
|
- .width('10%')
|
|
|
- .justifyContent(FlexAlign.Center)
|
|
|
- .height('90%')
|
|
|
- .borderRadius(15)
|
|
|
- .backgroundColor('#4d000000')
|
|
|
- .onClick(() => {
|
|
|
- router.pushUrl({
|
|
|
- url: 'pages/Storage'
|
|
|
- })
|
|
|
- })
|
|
|
- Column({ space: 10 }) {
|
|
|
- Image($r('app.media.jiqiren'))
|
|
|
- .width('60%')
|
|
|
- .height('60%')
|
|
|
- .borderRadius(15)
|
|
|
- Text('机器人调试')
|
|
|
- .width('100%')
|
|
|
- .textAlign(TextAlign.Center)
|
|
|
- .fontSize(16)
|
|
|
- .fontColor('#ffff')
|
|
|
- }
|
|
|
- .width('10%')
|
|
|
- .justifyContent(FlexAlign.Center)
|
|
|
- .height('90%')
|
|
|
- .borderRadius(15)
|
|
|
- .backgroundColor('#4d000000')
|
|
|
- .onClick(() => {
|
|
|
- router.pushUrl({
|
|
|
- url: 'pages/RobotDebug'
|
|
|
+ Column({ space: 10 }) {
|
|
|
+ Image($r('app.media.jiqiren'))
|
|
|
+ .width('60%')
|
|
|
+ .height('60%')
|
|
|
+ .borderRadius(15)
|
|
|
+ Text('机器人调试')
|
|
|
+ .width('100%')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontSize(16)
|
|
|
+ .fontColor('#ffff')
|
|
|
+ }
|
|
|
+ .width('10%')
|
|
|
+ .justifyContent(FlexAlign.Center)
|
|
|
+ .height('90%')
|
|
|
+ .borderRadius(15)
|
|
|
+ .backgroundColor('#4d000000')
|
|
|
+ .onClick(() => {
|
|
|
+ router.pushUrl({
|
|
|
+ url: 'pages/RobotDebug'
|
|
|
+ })
|
|
|
})
|
|
|
- })
|
|
|
|
|
|
- Column({ space: 10 }) {
|
|
|
- Image($r('app.media.gongxu'))
|
|
|
- .width('60%')
|
|
|
- .height('60%')
|
|
|
- .borderRadius(15)
|
|
|
- Text('工序操作')
|
|
|
- .width('100%')
|
|
|
- .textAlign(TextAlign.Center)
|
|
|
- .fontSize(16)
|
|
|
- .fontColor('#ffff')
|
|
|
+ Column({ space: 10 }) {
|
|
|
+ Image($r('app.media.gongxu'))
|
|
|
+ .width('60%')
|
|
|
+ .height('60%')
|
|
|
+ .borderRadius(15)
|
|
|
+ Text('工序操作')
|
|
|
+ .width('100%')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontSize(16)
|
|
|
+ .fontColor('#ffff')
|
|
|
|
|
|
- }
|
|
|
- .width('10%')
|
|
|
- .justifyContent(FlexAlign.Center)
|
|
|
- .height('90%')
|
|
|
- .borderRadius(15)
|
|
|
- .backgroundColor('#4d000000')
|
|
|
- .onClick(() => {
|
|
|
- router.pushUrl({
|
|
|
- url: 'pages/process/ProcessHome'
|
|
|
+ }
|
|
|
+ .width('10%')
|
|
|
+ .justifyContent(FlexAlign.Center)
|
|
|
+ .height('90%')
|
|
|
+ .borderRadius(15)
|
|
|
+ .backgroundColor('#4d000000')
|
|
|
+ .onClick(() => {
|
|
|
+ router.pushUrl({
|
|
|
+ url: 'pages/process/ProcessHome'
|
|
|
+ })
|
|
|
})
|
|
|
- })
|
|
|
|
|
|
- Column({ space: 10 }) {
|
|
|
- Image($r('app.media.baobiao'))
|
|
|
- .width('60%')
|
|
|
- .height('60%')
|
|
|
- .borderRadius(15)
|
|
|
- Text('统计报表')
|
|
|
- .width('100%')
|
|
|
- .textAlign(TextAlign.Center)
|
|
|
- .fontSize(16)
|
|
|
- .fontColor('#ffff')
|
|
|
+ Column({ space: 10 }) {
|
|
|
+ Image($r('app.media.baobiao'))
|
|
|
+ .width('60%')
|
|
|
+ .height('60%')
|
|
|
+ .borderRadius(15)
|
|
|
+ Text('统计报表')
|
|
|
+ .width('100%')
|
|
|
+ .textAlign(TextAlign.Center)
|
|
|
+ .fontSize(16)
|
|
|
+ .fontColor('#ffff')
|
|
|
|
|
|
+ }
|
|
|
+ .width('10%')
|
|
|
+ .justifyContent(FlexAlign.Center)
|
|
|
+ .height('90%')
|
|
|
+ .borderRadius(15)
|
|
|
+ .backgroundColor('#4d000000')
|
|
|
}
|
|
|
- .width('10%')
|
|
|
- .justifyContent(FlexAlign.Center)
|
|
|
- .height('90%')
|
|
|
- .borderRadius(15)
|
|
|
- .backgroundColor('#4d000000')
|
|
|
+ .width('100%')
|
|
|
+ .height('16%')
|
|
|
+ BottomOperateComp({ isHomePage: this.isHomePage })
|
|
|
}
|
|
|
+ .backgroundImage($r('app.media.BG'))
|
|
|
+ .backgroundImageSize({ width: '100%', height: '100%' })
|
|
|
.width('100%')
|
|
|
- .height('16%')
|
|
|
-
|
|
|
- BottomOperateComp({ isHomePage: this.isHomePage })
|
|
|
+ .height('100%')
|
|
|
}
|
|
|
- .backgroundImage($r('app.media.BG'))
|
|
|
- .backgroundImageSize({ width: '100%', height: '100%' })
|
|
|
- .width('100%')
|
|
|
.height('100%')
|
|
|
+ .width('100%')
|
|
|
+ if (this.avatarFrame){
|
|
|
+ Column(){
|
|
|
+ Text('个人设置')
|
|
|
+ .height('33%')
|
|
|
+ .fontSize(px2vp(32))
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .fontColor('#e6000000')
|
|
|
+ Divider()
|
|
|
+ Text('退出登录')
|
|
|
+ .height('33%')
|
|
|
+ .fontSize(px2vp(32))
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .fontColor('#e6000000')
|
|
|
+ .onClick(()=>{
|
|
|
+ this.loginDialogController.open()
|
|
|
+ })
|
|
|
+ Divider()
|
|
|
+ Text('开关/重启')
|
|
|
+ .height('33%')
|
|
|
+ .fontSize(px2vp(32))
|
|
|
+ .fontWeight(FontWeight.Medium)
|
|
|
+ .fontColor('#e6000000')
|
|
|
+ .onClick(()=>{
|
|
|
+ this.shutdownTransparency=1
|
|
|
+ this.shutdownDialogController.open()
|
|
|
+ this.avatarFrame=!this.avatarFrame
|
|
|
+ })
|
|
|
+
|
|
|
+ }.width('15%')
|
|
|
+ .height('25%')
|
|
|
+ .backgroundColor('#ffff')
|
|
|
+ .margin({top:'4%',right:'1%'})
|
|
|
+ .borderRadius(21)
|
|
|
+ }
|
|
|
+ if (this.shutdownTransparency===1){
|
|
|
+ Column(){
|
|
|
+
|
|
|
+ }.width('100%')
|
|
|
+ .backgroundColor('#cc000000')
|
|
|
+ .height('100%')
|
|
|
+ //.opacity(0.8)
|
|
|
+ .blur(30)
|
|
|
+ }
|
|
|
}
|
|
|
+ .alignContent(Alignment.TopEnd)
|
|
|
.height('100%')
|
|
|
- }
|
|
|
+ .width('100%')
|
|
|
|
|
|
+ }
|
|
|
// 动画效果
|
|
|
pageTransition() {
|
|
|
// 设置1ms是为了使延时生效
|