Min5203
4 years ago
10 changed files with 175 additions and 65 deletions
@ -0,0 +1,113 @@ |
|||||
|
<template> |
||||
|
<theme> |
||||
|
<view class="bg-white rounded-md"> |
||||
|
<view class="p-3 flex justify-between" @click="iconRef = !iconRef"> |
||||
|
<span class="relative p-1"> |
||||
|
<u-badge :is-dot="true" is-center></u-badge> |
||||
|
{{ nameRef }} |
||||
|
</span> |
||||
|
<u-icon name="arrow-right" v-show="!iconRef"></u-icon> |
||||
|
<u-icon name="arrow-down" v-show="iconRef"></u-icon> |
||||
|
</view> |
||||
|
<view class="p-3 pt-0" v-show="iconRef"> |
||||
|
<!-- 提交人和时间信息 --> |
||||
|
<view class="text-gray-400"> |
||||
|
<span class="mr-2">{{ submitter }}</span> <span> {{ timeRef }}</span> |
||||
|
</view> |
||||
|
<!-- 提交的链接信息 --> |
||||
|
<view class="w-64 break-all text-blue-400 py-2"> http://192.168.0.99/gateway/defaultwbs/swagger-ui.html </view> |
||||
|
<!-- 审核人信息 --> |
||||
|
<view class="text-gray-400"> 审核 </view> |
||||
|
<view class="px-2"> |
||||
|
<!-- 当前审核人（自己） --> |
||||
|
<view class="mt-3"> |
||||
|
<span class="text-sm mr-4">冯教授</span> |
||||
|
<u-button size="mini" shape="circle" class="btn mr-4" type="primary" @click="approved">通过</u-button> |
||||
|
<u-button size="mini" shape="circle" class="btn" type="error" @click="rebut">驳回</u-button> |
||||
|
</view> |
||||
|
<!-- 其他审核人 --> |
||||
|
<view class="mt-3 text-sm flex justify-between"> |
||||
|
<view> |
||||
|
<view class="pb-2">薇薇安</view> |
||||
|
<view class="pb-2 text-gray-400">赞，很棒！</view> |
||||
|
<view class="text-gray-400">12/28 12:55</view> |
||||
|
</view> |
||||
|
<view> |
||||
|
<view>已通过</view> |
||||
|
<!-- TODO:圆形进度条 --> |
||||
|
<view> |
||||
|
<!-- <u-circle-progress active-color="#FA8C16" :percent="80" width="90" border-width="7" class="mt-2"> |
||||
|
<view class="u-progress-content"> |
||||
|
<view class="progressDot text-white text-center">80</view> |
||||
|
</view> |
||||
|
</u-circle-progress> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="mt-3 text-sm flex justify-between"> |
||||
|
<view> 周亮</view> |
||||
|
<view>待审核</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 审核通过的modal --> |
||||
|
<u-mask :show="approvedModal" @click="approvedModal = false"> |
||||
|
<view class="warp"> |
||||
|
<view class="rect2" @tap.stop> |
||||
|
<!-- 通过modal的标题 --> |
||||
|
<view class="text-center my-7 font-semibold"> 审核通过 </view> |
||||
|
<!-- 通过modal的进步器和滑动选择器 --> |
||||
|
<view class="flex justify-between mx-5"> |
||||
|
<u-number-box v-model="score" size="30" input-width="50"></u-number-box> |
||||
|
<view class="w-32 pt-4"> |
||||
|
<u-slider v-model="score" active-color="#34D399"></u-slider> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view> |
||||
|
<u-input :border="true" class="m-5" placeholder="请输入通过建议" type="textarea"></u-input> |
||||
|
</view> |
||||
|
<view class="flex justify-around h-12 mt-7 justify-self-stretch boxModalBorder"> |
||||
|
<view class="leading-12 flex-1 text-center deleteModalBorder"> 取消 </view> |
||||
|
<view class="text-blue-700 leading-12 flex-1 text-center"> 确定 </view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</u-mask> |
||||
|
</view> |
||||
|
</theme> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { ref } from 'vue'; |
||||
|
|
||||
|
const nameRef = ref('入职插件V0.8原型输出'); |
||||
|
const iconRef = ref(false); |
||||
|
const submitter = ref('黛西'); |
||||
|
const timeRef = ref('12/28 15:55'); |
||||
|
const approvedModal = ref(false); |
||||
|
const score = ref(1); |
||||
|
|
||||
|
function approved() { |
||||
|
// console.log('通过') |
||||
|
approvedModal.value = true; |
||||
|
} |
||||
|
|
||||
|
function rebut() { |
||||
|
console.log('驳回'); |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.btn { |
||||
|
height: 1.4rem; |
||||
|
line-height: 1.4rem; |
||||
|
} |
||||
|
.progressDot { |
||||
|
width: 50rpx; |
||||
|
height: 50rpx; |
||||
|
border-radius: 50%; |
||||
|
line-height: 50rpx; |
||||
|
background-color: #fa8c16; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue