From 4e15d4f17ab7c3517c0e58e3816c44cb47c31603 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=88=B1=7E=E6=B5=B7=7E=E7=88=B1=E6=B5=B7=E7=88=B1?= =?UTF-8?q?=E6=B5=B7=7E=E5=8F=B3?= <1828712314@qq.com> Date: Thu, 15 May 2025 09:32:21 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=96=87=E4=BB=B6=E9=A2=84?= =?UTF-8?q?=E8=A7=88=E6=89=93=E4=B8=8D=E5=BC=80=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- manifest.json | 156 ++--- sub/task/detail.vue | 1550 +++++++++++++++++++++++-------------------- 2 files changed, 895 insertions(+), 811 deletions(-) diff --git a/manifest.json b/manifest.json index 15cc01d..5bb445d 100644 --- a/manifest.json +++ b/manifest.json @@ -1,79 +1,79 @@ { - "name" : "智慧生态", - "appid" : "__UNI__CECFD0D", - "description" : "", - "versionName" : "1.0.0", - "versionCode" : 1, - "transformPx" : false, - "app-plus" : { - "usingComponents" : true, - "nvueCompiler" : "uni-app", - "splashscreen" : { - "alwaysShowBeforeRender" : true, - "waiting" : true, - "autoclose" : true, - "delay" : 0 - }, - "modules" : {}, - "distribute" : { - "android" : { - "permissions" : [ - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "", - "" - ] - }, - "ios" : {}, - "sdkConfigs" : {} - } - }, - "quickapp" : {}, - "mp-weixin" : { - "appid" : "wx6d80755768234f3b", - "setting" : { - "urlCheck" : false, - "es6" : true, - "minified" : true, - "postcss" : true - }, - "optimization" : { - "subPackages" : true - }, - "usingComponents" : true, - "lazyCodeLoading" : "requiredComponents", - "permission" : { - "scope.record" : { - "desc" : "用于语音输入" - }, - "scope.userLocation" : { - "desc" : "获取企业位置" - } - }, - "requiredPrivateInfos" : [ "getLocation", "chooseLocation" ] - }, - "vueVersion" : "2", - "h5" : { - "template" : "static/index.html", - "devServer" : { - "port" : 9090, - "https" : false - }, - "title" : "nature-secure-miniapp", - "router" : { - "mode" : "hash", - "base" : "./" - } - } -} + "name": "智慧生态", + "appid": "__UNI__CECFD0D", + "description": "", + "versionName": "1.0.0", + "versionCode": 1, + "transformPx": false, + "app-plus": { + "usingComponents": true, + "nvueCompiler": "uni-app", + "splashscreen": { + "alwaysShowBeforeRender": true, + "waiting": true, + "autoclose": true, + "delay": 0 + }, + "modules": {}, + "distribute": { + "android": { + "permissions": [ + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "", + "" + ] + }, + "ios": {}, + "sdkConfigs": {} + } + }, + "quickapp": {}, + "mp-weixin": { + "appid": "wx6d80755768234f3b", + "setting": { + "urlCheck": false, + "es6": true, + "minified": true, + "postcss": true + }, + "optimization": { + "subPackages": true + }, + "usingComponents": true, + "lazyCodeLoading": "requiredComponents", + "permission": { + "scope.record": { + "desc": "用于语音输入" + }, + "scope.userLocation": { + "desc": "获取企业位置" + } + }, + "requiredPrivateInfos": ["getLocation", "chooseLocation"] + }, + "vueVersion": "2", + "h5": { + "template": "static/index.html", + "devServer": { + "port": 9090, + "https": false + }, + "title": "nature-secure-miniapp", + "router": { + "mode": "hash", + "base": "./" + } + } +} \ No newline at end of file diff --git a/sub/task/detail.vue b/sub/task/detail.vue index 4953d1e..0c00c41 100644 --- a/sub/task/detail.vue +++ b/sub/task/detail.vue @@ -1,740 +1,824 @@ \ No newline at end of file +.detail-container { + position: relative; + color: $cs-color-grey; + + .box { + margin: 12px; + background-color: #fff; + border-radius: $cs-border-radius; + padding: 16px; + } + + .detail { + display: flex; + flex-flow: column nowrap; + gap: 12px; + position: relative; + overflow: hidden; + + .audit { + position: absolute; + right: 0; + top: 0; + transform: translateX(58rpx) translateY(24rpx) rotateZ(45deg); + transform-origin: 50% 50%; + } + + .file-list { + border-radius: 4px; + background: var(--LightMode-Grey-Grey-100, #f9f9f9); + padding: 8rpx 16rpx; + display: flex; + flex-wrap: wrap; + gap: 24rpx; + width: 100%; + .file { + display: flex; + flex-flow: row nowarp; + gap: 8rpx; + cursor: pointer; + align-items: center; + .name { + color: var(--LightMode-Grey-Grey-900, #071437); + font-family: 'PingFang SC'; + font-size: 26rpx; + font-style: normal; + font-weight: 400; + line-height: 160%; + text-decoration-line: underline; + text-decoration-style: solid; + text-decoration-skip-ink: auto; + text-decoration-thickness: auto; + text-underline-offset: auto; + text-underline-position: from-font; + } + } + } + } + + .record { + background-color: #fff; + display: flex; + padding: 24rpx 32rpx; + align-items: center; + border-radius: var(--Number-8px, 8px); + border: 2rpx solid var(--LightMode-Grey-Grey-100, #f9f9f9); + margin: 24rpx; + margin-top: 0; + position: relative; + overflow: hidden; + + .audit { + position: absolute; + right: 0; + top: 0; + transform-origin: 50% 50%; + transform: translateX(64rpx) translateY(18rpx) rotateZ(45deg); + } + + .select { + width: 44rpx; + height: 44rpx; + border: 4rpx solid $cs-color-main; + border-radius: 12rpx; + display: flex; + align-items: center; + justify-content: center; + transition: 0.2s all; + margin-right: 32rpx; + } + + .disable { + width: 44rpx; + height: 44rpx; + border: 4rpx solid #dbdfe9; + margin-right: 32rpx; + border-radius: 100%; + position: relative; + + &::after { + content: ''; + position: absolute; + inset: 0; + border-left: 4rpx solid #dbdfe9; + transform-origin: 0 50%; + transform: translateX(calc(50% - 2rpx)) rotateZ(45deg); + } + } + + .isSelect { + background-color: $cs-color-main; + } + + .info { + font-size: 26rpx; + + .name { + font-size: 32rpx; + font-weight: 600; + color: #071437; + margin-bottom: 8rpx; + white-space: nowrap; + text-overflow: ellipsis; + width: 480rpx; + overflow: hidden; + } + } + + &:active { + background-color: $cs-color-touch; + } + } + + .btn-box { + width: 100%; + display: flex; + align-items: center; + justify-content: center; + padding-bottom: 30px; + position: fixed; + bottom: 0; + left: 0; + } + + .confirm-btn { + background-color: $cs-color-main; + padding: 12px 40px; + color: #fff; + font-size: 16px; + font-weight: 600; + border-radius: 120px; + } + + .header { + display: flex; + flex-flow: column nowrap; + justify-content: center; + align-items: center; + gap: 4px; + + .row-1 { + font-size: 16px; + font-weight: 600; + color: #071437; + + .num { + color: $cs-color-main; + padding: 0 4px; + } + } + + .row-2 { + color: $cs-color-grey; + } + } + + .staff-list { + width: 70vw; + display: flex; + flex-flow: row wrap; + gap: 12px; + max-height: 30vh; + overflow-y: scroll; + + .staff { + width: calc(50% - 6px); + padding: 12px; + border-radius: 6px; + border: 1px solid var(--select-color, #dbdfe9); + position: relative; + gap: 8px; + display: flex; + + .info { + .name { + font-size: 30rpx; + font-weight: bold; + } + + .dept { + color: $cs-color-grey; + } + } + + .isSelect { + position: absolute; + right: 0; + top: 0; + width: 30px; + height: 30px; + background-image: linear-gradient( + 45deg, + rgba(255, 255, 255, 0) 50%, + var(--select-color, #f1f1f4) 50% + ); + display: flex; + justify-content: flex-end; + align-items: flex-start; + } + } + } +} + +.options-container { + overflow: hidden; + margin: 12px; + border-radius: 8px; + transition: 0.1s all; + display: flex; + padding: 0 12px; + flex-flow: row nowrap; + justify-content: center; + align-items: center; + background-color: #fff; + border-bottom: 1px solid #f1f1f4; + color: #071437; + + ::v-deep .van-dropdown-menu { + background-color: transparent; + box-shadow: none; + --dropdown-menu-title-font-size: 13px; + --dropdown-menu-title-text-color: #071437; + + .van-dropdown-menu__item { + flex: 0; + + .van-dropdown-menu__title { + width: 80px; + } + } + } +} + +.isTop { + margin: 12px 0; + border-radius: 0px; +} + +::v-deep .u-popup__content { + border-radius: 32rpx; +} +