领取权限小程序

src/components/userEntityGrant/claim/index.json

@@ -1 +1,9 @@
-{}
+{
+    "navigationBarTitleText": "领取权限",
+    "usingComponents": {
+      "l-notice-bar": "@oak-frontend-base/miniprogram_npm/lin-ui/notice-bar/index",
+      "l-button": "@oak-frontend-base/miniprogram_npm/lin-ui/button/index",
+      "l-list": "@oak-frontend-base/miniprogram_npm/lin-ui/list/index"
+    }
+  }
+  

src/components/userEntityGrant/claim/index.less

@@ -0,0 +1,20 @@
+/**  index.wxss  **/
+@import '../../../config/styles/mp/index.less';
+@import '../../../config/styles/mp/mixins.less';
+
+.view {
+    height: 100vh;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    background-color: @oak-bg-color-page;
+    box-sizing: border-box;
+    .safe-area-inset-bottom();
+}
+
+.btn {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    // margin: 0 10px;
+}

src/components/userEntityGrant/claim/index.xml

@@ -0,0 +1,32 @@
+<!-- index.wxml -->
+<view class="view" wx:if="{{userEntityGrant}}">
+    <block>
+        <l-notice-bar show="{{!hideTip && !isGranter && !hasClaimed}}">
+               {{t('tip')}}
+        </l-notice-bar>
+        <l-notice-bar show="{{isGranter}}">
+               {{t('isGranter')}}
+        </l-notice-bar>
+        <l-notice-bar show="{{hasClaimed}}">
+               {{t('hasClaimed')}}
+        </l-notice-bar>
+    </block>
+    <block wx:if="{{!hideInfo}}">
+        <view class="info">
+            <l-list  title="{{t('granterName')}}" right-desc="{{userEntityGrant.granter.name || userEntityGrant.granter.nickname}}" is-link="{{false}}" />
+            <l-list  title="{{expired ? t('isExpired') : t('counter')}}" right-desc="{{expired ? t('expired') : counterStr}}" is-link="{{false}}" />
+        </view>
+    </block>
+
+
+
+    <view style="flex: 1" />
+    <view class="btn">
+        <l-button 
+        type="{{isGranter || hasClaimed ? 'error' : (!expired ? 'default' : 'warning')}}"
+        disabled="{{oakExecutable !== true || !!expired || isGranter || hasClaimed}}" 
+        size="long" bind:lintap="claim">
+            {{isGranter ? t('isGranter') : ( hasClaimed ? t('hasClaimed') : (!expired ? t('userEntityGrant:action.claim') : t('expired')))}}
+        </l-button>
+    </view>
+</view>