diff --git a/packages/workOrderDashboard/index/index.css b/packages/workOrderDashboard/index/index.css new file mode 100644 index 00000000..e69de29b diff --git a/packages/workOrderDashboard/index/index.vue b/packages/workOrderDashboard/index/index.vue new file mode 100644 index 00000000..bbaa2b90 --- /dev/null +++ b/packages/workOrderDashboard/index/index.vue @@ -0,0 +1,22 @@ + + + + + diff --git a/pages.json b/pages.json index 1afe36c1..1b8a2cc4 100644 --- a/pages.json +++ b/pages.json @@ -75,7 +75,16 @@ } }] }, - + { + "root": "packages/workOrderDashboard", + "pages": [{ + "path": "index/index", + "style": { + "navigationBarTitleText": "工单台", + "usingComponents": {} + } + }] + }, { "root": "reservation", "pages": [{ diff --git a/pages/index/index.css b/pages/index/index.css index 1161f271..1da43b19 100644 --- a/pages/index/index.css +++ b/pages/index/index.css @@ -1,64 +1,9 @@ -.content { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; +.container { + background-color: #f9f9f9; } - -.logo { - height: 200rpx; - width: 200rpx; - margin-top: 200rpx; - margin-left: auto; - margin-right: auto; - margin-bottom: 50rpx; -} - -.text-area { - display: flex; - justify-content: center; -} - -.title { - font-size: 36rpx; - color: #8f8f94; -} - - -.nav-box { - box-sizing: border-box; - width: 100%; - position: relative; - /* position: fixed; */ - z-index: 2; -} - -.nav-box .nav-bar { - display: flex; - align-items: center; -} - -.nav-box .nav-bar .nav-bar-left, -.nav-box .nav-bar .nav-bar-right { +.white_container { + background: #FFFFFF; padding: 0 20rpx; - min-width: 36rpx; -} - -.nav-box .nav-bar .nav-bar-left van-icon { - vertical-align: sub; - color: #333333; -} - -.nav-box .nav-bar .nav-bar-title { - flex: 1; - text-align: center; - font-weight: 400; - font-size: 36rpx; - color: #000000; -} - -.nav-box .nav-bar-title { - margin-left: -20rpx; } .grid_Pic { @@ -67,21 +12,10 @@ margin-bottom: 20rpx; } - -.indexBg { - width: 750rpx; - height: 775rpx; - position: absolute; - top: -20rpx; - left: 0; - z-index: -1; -} - .searchBox { display: flex; align-items: center; - margin: 0 20rpx; - /* margin-top: 35rpx; */ + background-color: #FFFFFF; justify-content: space-between; } @@ -99,47 +33,6 @@ margin-right: 10rpx; } -.iptbox { - width: 480rpx; - height: 60rpx; - background: #FFFFFF; - border-radius: 100rpx; - display: flex; - align-items: center; - box-sizing: border-box; - padding: 0 15rpx; - justify-content: space-between; - font-weight: 400; - font-size: 26rpx; - color: #000000; -} - -.iptbox image { - width: 33rpx; - height: 33rpx; -} - -.map { - display: flex; - flex-direction: column; - align-items: center; - font-weight: 400; - font-size: 20rpx; - color: #222222; - margin-left: 20rpx; -} - -.map image { - width: 31rpx; - height: 31rpx; - margin-bottom: 6rpx; -} - -.searchBox_msg { - display: flex; - align-items: center; -} - .swiper { width: 710rpx; height: 300rpx; @@ -148,6 +41,10 @@ position: relative; } +.margin_top20 { + margin-top: 20rpx; +} + .cirList { position: absolute; left: 50%; @@ -205,373 +102,170 @@ } .Tit { - font-weight: bold; - font-size: 32rpx; + display: flex; + align-items: center; + padding-top: 30rpx; + margin-bottom: 35rpx; + font-weight: normal; + font-size: 36rpx; color: #222222; - margin-left: 20rpx; - margin-bottom: 40rpx; +} +.local { + max-width: 414rpx; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + +} +.Tit_desc { + padding: 0 12rpx; + height: 36rpx; + background: linear-gradient( 90deg, #FFA100 0%, #FF6A00 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + font-weight: normal; + font-size: 26rpx; + color: #FFFFFF; } .serverList { display: flex; flex-wrap: wrap; align-items: center; - margin-left: 20rpx; - margin-right: 20rpx; justify-content: space-between; } .serverItem { border-radius: 30rpx; - width: 345rpx; - height: 188rpx; + width: 208rpx; + height: 114rpx; box-sizing: border-box; - padding-top: 30rpx; - padding-left: 40rpx; - font-weight: bold; + padding-top: 11rpx; + padding-left: 13rpx; + font-weight: 600; font-size: 26rpx; color: #222222; position: relative; - margin-bottom: 20rpx; + margin-bottom: 12rpx; +} +.serverList_left { + display: block; + width: 260rpx; + height: 369rpx; + margin-right: 17rpx; +} +.serverList_right { + flex: 1; + display: flex; + flex-wrap: wrap; } .serverItem1 { background: linear-gradient(139deg, #FEF4F4 0%, #FEDCD2 100%); + margin-right: 12rpx; } .serverItem2 { - background: #F7F7F7; + background: #FFF4E5; } .serverItem3 { - background: linear-gradient(139deg, #FEFBF4 0%, #FEEFD2 100%); + background: #F1FFEC; +margin-right: 12rpx; } .serverItem4 { - background: #EFF3FF; + background: #F0FDFF; +} +.serverItem5 { +background: #EFF7FF; +margin-right: 12rpx; +} + +.serverItem6 { +background: linear-gradient( 180deg, #FFFFFF 0%, #FFEDF2 100%); } .serverItem1 image { position: absolute; - right: 13rpx; - top: 25rpx; - width: 172rpx; - height: 172rpx; + right: 12rpx; + top: 14rpx; + width: 103rpx; + height: 100rpx; } .serverItem2 image { position: absolute; - right: 12rpx; - top: 57rpx; - width: 190rpx; - height: 127rpx; + right: 6rpx; + top: 8rpx; + width: 108rpx; + height: 108rpx; } .serverItem3 image { - width: 138rpx; - height: 123rpx; + width: 116rpx; + height: 83rpx; position: absolute; - right: 30rpx; - top: 50rpx; + right: 0rpx; + top: 30rpx; } .serverItem4 image { - width: 143rpx; - height: 143rpx; + width: 130rpx; + height: 86rpx; position: absolute; - top: 37rpx; - right: 16rpx; + top: 30rpx; + right: 11rpx; } - -.List_tabList { - display: flex; - align-items: center; - margin: 0 20rpx; - margin-top: 24rpx; -} - -.List_tabItem { - font-weight: 400; - font-size: 28rpx; - color: #555555; - margin-right: 60rpx; -} - -.List_active { - font-weight: bold; - font-size: 32rpx; - color: #222222; - position: relative; -} - -.List_active::after { - width: 63rpx; - height: 10rpx; - background: #FF512A; - border-radius: 0rpx; - content: ''; +.serverItem5 image { + width: 162rpx; + height: 93rpx; position: absolute; - left: 50%; - bottom: -10rpx; - transform: translateX(-50%); + right: 0rpx; + top: 23rpx; } -.List_active::before { - content: ''; - width: 63rpx; - height: 10rpx; - background: #FF512A; - border-radius: 0rpx; - filter: blur(6.599999904632568rpx); +.serverItem6 image { + width: 72rpx; + height: 72rpx; position: absolute; - left: 50%; - bottom: -10rpx; - transform: translateX(-50%); + top: 30rpx; + right: 20rpx; } -.List { - margin: 0 20rpx; - margin-top: 30rpx; -} - -.List_Item { - padding-top: 10rpx; - padding-bottom: 30rpx; - display: flex; -} - -.List .List_Item:last-of-type .Item_msg { - border-bottom: none; -} - -.Item_img { - width: 180rpx; - height: 180rpx; - border-radius: 30rpx; - margin-right: 30rpx; -} - -.Item_msg { - flex: 1; - padding-bottom: 55rpx; - border-bottom: 1rpx solid #E6E6E6; -} - -.Item_top { - display: flex; - align-items: center; - justify-content: space-between; -} - -.Item_top_name { - font-weight: 400; - font-size: 32rpx; - color: #000000; -} - -.Item_top_apart { - font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; - font-weight: 400; - font-size: 22rpx; - color: #a8682bcc; -} - -.Item_sceond { - font-weight: 400; - font-size: 24rpx; - color: #555555; - margin-top: 15rpx; -} - -.Item_third { - display: flex; - align-items: center; - font-weight: 400; - font-size: 24rpx; - color: #999999; - margin-top: 18rpx; -} - -.Item_third image { - width: 24rpx; - height: 26rpx; - margin-right: 12rpx; -} - -.Item_fourth { - display: flex; - align-items: center; - justify-content: space-between; - margin-top: 20rpx; -} - -.Item_fourth_left { - display: flex; - align-items: center; -} - -.Item_fourth_right { - font-weight: 400; - font-size: 26rpx; +.merchant { + height: 90rpx; + line-height: 90rpx; + text-align: center; + width: 710rpx; + border-radius: 100rpx 100rpx 100rpx 100rpx; + background: linear-gradient( 91deg, #FF7658 0%, #FF370B 100%); + font-weight: normal; + font-size: 36rpx; color: #FFFFFF; - width: 150rpx; - height: 50rpx; - background: #D5AC66; - border-radius: 100rpx; - display: flex; - align-items: center; - justify-content: center; + margin-top: 28rpx; } -.Item_fourth_left1 { - width: 110rpx; - height: 40rpx; - background: rgba(255, 81, 42, 0.1); - border-radius: 100rpx; - margin-right: 4rpx; +.padding_bottom32 { + padding-bottom: 32rpx; } - -.Item_fourth_left1 { - width: 110rpx; - height: 40rpx; - background: rgba(255, 81, 42, 0.1); - border-radius: 100rpx; +.main { display: flex; - align-items: center; - justify-content: center; - font-weight: 400; - font-size: 22rpx; - color: #555555; - display: flex; - align-items: center; - justify-content: center; + flex-wrap: wrap; +} +.list_pic { + width: 345rpx; + height: 345rpx; margin-right: 20rpx; -} - -.Item_fourth_left2 { - width: 110rpx; - height: 40rpx; - background: #FFF2DA; - border-radius: 100rpx; - display: flex; - align-items: center; - justify-content: center; - font-weight: 400; - font-size: 22rpx; - background: #FFF2DA; - display: flex; - align-items: center; - justify-content: center; -} - -.Item_fourth_left1 image { - width: 24rpx; - height: 24rpx; - margin-right: 4rpx; -} - -.Item_fourth_left2 image { - width: 24rpx; - height: 24rpx; - margin-right: 4rpx; -} - -.list { - margin-top: 36rpx; -} - -.item_tit { - display: flex; - align-items: center; - justify-content: space-between; - margin: 0 20rpx; - margin-bottom: 32rpx; - margin-top: 30rpx; -} - -.item_tit_left { - font-weight: bold; - font-size: 28rpx; - color: #000000; -} - -.item_tit_right { - font-weight: 400; - font-size: 24rpx; - color: #D5AC66; - display: flex; - align-items: center; -} - -.item_tit_right image { - width: 12rpx; - height: 22rpx; - margin-left: 8rpx; -} - -.item_goodsItem { - display: flex; - align-items: center; - margin: 0 20rpx; margin-bottom: 20rpx; } - -.item_goodsItem_tit { - width: 180rpx; - height: 180rpx; - margin-right: 30rpx; - margin-left: 19rpx; +.list_pic:nth-child(2n) { + margin-right: 0; } -.item_goodsItem_name { - font-weight: 400; +.more { + font-weight: normal; font-size: 26rpx; - color: #222222; - margin-top: 20rpx; - margin-left: 10rpx; -} - -.item_goodsItem_msg { - font-weight: 400; - font-size: 22rpx; - color: #FF512A; - display: flex; - align-items: flex-end; - margin-top: 6rpx; - margin-left: 13rpx; -} - -.item_goodsItem_msg view { - font-weight: 500; - font-size: 36rpx; -} - -.item_goodsItem_msg text { - font-size: 22rpx; - color: #FF512A; -} - -.item_goodsList { - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 20rpx; -} - -.list_item { - padding-bottom: 32rpx; - border-bottom: 1rpx solid #E6E6E6; -} - -.btn { - display: inline-flex; - align-items: center; - background: rgba(255, 81, 42, 0.1); - border-radius: 100rpx; - padding: 7rpx 22rpx 7rpx 0; -} - -.mobile { - background: #FFF2DA; - margin-left: 20rpx; + color: #999999; + margin: 65rpx auto; + text-align: center; } \ No newline at end of file diff --git a/pages/index/index.vue b/pages/index/index.vue index f3581b22..b1e4e9e6 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1,135 +1,86 @@