From 03c1ffc86409d939875af372795b5d37cbe07d1f Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期六, 22 六月 2024 14:39:36 +0800
Subject: [PATCH] Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx
---
qiye/record/details.vue | 481 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 481 insertions(+), 0 deletions(-)
diff --git a/qiye/record/details.vue b/qiye/record/details.vue
new file mode 100644
index 0000000..b283999
--- /dev/null
+++ b/qiye/record/details.vue
@@ -0,0 +1,481 @@
+<template>
+ <view>
+ <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
+ <template slot="center">
+ <view style="color: white;">鎵ф硶淇℃伅</view>
+ </template>
+ </u-navbar>
+ <view class="donw-box"></view>
+ <view class="page-main">
+ <view class="title">
+ 宸茶瘎浠�
+ </view>
+ <view class="wbox">
+ <view class="item">
+ <view class="k">
+ 鎵ф硶绫诲瀷
+ </view>
+ <view class="v">
+ 鍙告硶妫�鏌�
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶浜�
+ </view>
+ <view class="v">
+ 鍒樻娆�
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶閮ㄩ棬
+ </view>
+ <view class="v">
+ 鍐滀笟灞�
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 浼佷笟
+ </view>
+ <view class="v">
+ 姹夊涵閰掑簵
+ </view>
+ </view>
+ </view>
+ <view style="height: 20rpx;"></view>
+ <view class="wbox">
+ <view class="item">
+ <view class="k">
+ 鎵ф硶涓婚
+ </view>
+ <view class="v">
+ 姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠�
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶杩囩▼
+ </view>
+ </view>
+ <view class="imgbox">
+ <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
+ <img src="/static/i02.png" class="more" alt="" />
+ <img src="/static/i03.png" class="more" alt="" />
+ <img src="/static/i04.png" class="more" alt="" />
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶缁撴灉
+ </view>
+ <view class="v" style="color: #EB4746;">
+ 鍋滀笟鏁撮】
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶鏃堕棿
+ </view>
+ <view class="v">
+ 2024-10-10 16:24
+ </view>
+ </view>
+ </view>
+ <view style="height: 20rpx;"></view>
+ <view class="wbox2">
+ <view class="t">
+ 鎵ф硶璇勪环
+ </view>
+ <view class="sbox">
+ <view class="t2">
+ 鏈鎵ф硶杩樻弧鎰忕▼搴�
+ </view>
+ <view class="xbox">
+ <view @click="daxing(1)">
+ <img src="/static/qiye/xing1.png" alt="" />
+ <view>
+ 寰堢碂绯�
+ </view>
+ </view>
+ <view @click="daxing(2)">
+ <img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="xing==2?'hei':''">
+ 涓嶆弧鎰�
+ </view>
+ </view>
+ <view @click="daxing(3)">
+ <img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="xing==3?'hei':''">
+ 涓�鑸埇
+ </view>
+ </view>
+ <view @click="daxing(4)">
+ <img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="xing==4?'hei':''">
+ 婊℃剰
+ </view>
+ </view>
+ <view @click="daxing(5)">
+ <img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="xing==5?'hei':''">
+ 闈炲父婊℃剰
+ </view>
+ </view>
+ </view>
+ <view class="line"></view>
+ </view>
+ <view class="sbox">
+ <view class="t2">
+ 杩欐槸涓�涓崟閫夐鐨勯骞诧紵
+ </view>
+ <u-radio-group v-model="value">
+ <u-radio name="orange">閫変腑</u-radio>
+ <u-radio name="1" :disabled="true">鏈�変腑</u-radio>
+ </u-radio-group>
+ <view class="line"></view>
+ </view>
+ <view class="sbox">
+ <view class="t2">
+ 瀵规垜浠殑璇勪环
+ </view>
+ <view class="pjbox">
+ 杩欐鎵ф硶闈炲父濂斤紝闈炲父濂斤紝杩欐鎵ф硶闈炲父濂斤紝闈炲父濂借繖娆℃墽娉曢潪甯稿ソ锛岄潪甯稿ソ
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="bottom">
+ <view class="one" v-if="type==1">
+ <view class="b1" @click="open()">
+ 鎶曡瘔
+ </view>
+ </view>
+ <view class="two" v-if="type==2">
+ <view class="b2" @click="open()">
+ 鎶曡瘔
+ </view>
+ <view class="b3">
+ 鎴戣璇勪环
+ </view>
+ </view>
+ </view>
+ <u-popup :show="show" @close="close" mode="bottom" round="10" closeable>
+ <view class="page-box">
+ <view class="title1">
+ 浼佷笟鎶曡瘔
+ </view>
+ <view class="border"></view>
+ <view class="padding">
+ <view class="font">
+ 鎶曡瘔涓婚
+ </view>
+ <view>
+ <u-radio-group placement="row">
+ <u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio>
+ <u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio>
+ </u-radio-group>
+ </view>
+ <view class="font">
+ 鎶曡瘔鍐呭
+ </view>
+ <view class="margin-top">
+ <u-textarea placeholder="璇疯緭鍏�..."></u-textarea>
+ </view>
+ </view>
+ <view class="down">
+ <view class="enter" @entery="entery">鎻愪氦</view>
+ </view>
+ </view>
+ </u-popup>
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ xing: 5,
+ value: 'orange',
+ type: 2,
+ show: false,
+ list: [{
+ //todo 璇锋眰鎺ュ彛
+ value: '1',
+ label: '姹�'
+ },
+ {
+ value: '2',
+ label: '婀�'
+ }
+ ],
+ }
+ },
+ methods: {
+ daxing(a) {
+ this.xing = a
+ },
+ imgclick(url) {
+ uni.previewImage({
+ urls: [url]
+ })
+ },
+ open() {
+ this.show = true
+ },
+ close() {
+ this.show = false
+ this.$emit('cancel')
+ },
+ entery() {
+ this.$emit('entery')
+ },
+
+ }
+ }
+</script>
+
+<style>
+ page {
+ background: #F4F4F4;
+ }
+</style>
+<style lang="scss" scoped>
+ .page-main {
+ position: relative;
+ top: -380rpx;
+ }
+
+ .donw-box {
+ width: 100%;
+ height: 380rpx;
+ flex-shrink: 0;
+ background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
+ }
+
+ .wbox {
+ background: #fff;
+ border-radius: 5px;
+ padding: 24rpx;
+ box-sizing: border-box;
+ margin: 0 32rpx;
+
+ .item {
+ display: flex;
+ margin-bottom: 20rpx;
+ font-size: 30rpx;
+
+ .k {
+ color: #7E8596;
+ width: 30%;
+
+ }
+
+ .v {
+ color: #202D44;
+ width: 70%;
+
+ }
+ }
+
+ .item:last-child {
+ margin-bottom: 0;
+ }
+
+ .imgbox {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ border-radius: 10rpx;
+
+ img {
+ width: 198rpx;
+ height: 198rpx;
+ margin-bottom: 20rpx;
+
+ }
+ }
+ }
+
+ .title {
+ color: #ffffff;
+ font-size: 44rpx;
+ font-weight: bold;
+ padding-left: 32rpx;
+ margin-top: 24rpx;
+ margin-bottom: 24rpx;
+
+ }
+
+ .wbox2 {
+ background: #fff;
+ border-radius: 5px;
+ box-sizing: border-box;
+ margin: 0 32rpx;
+
+ .t {
+ padding: 24rpx;
+ border-bottom: 1px solid #EEEEEE;
+ color: #202d44;
+ font-size: 36rpx;
+ font-weight: bold;
+ }
+
+ .sbox {
+ padding: 24rpx;
+
+ .line {
+ border-bottom: 1px dashed #f1f1f1;
+ margin-top: 32rpx;
+ }
+
+ .xbox {
+ display: flex;
+ margin-top: 36rpx;
+ justify-content: space-between;
+
+ img {
+ width: 74rpx;
+ height: 74rpx;
+ }
+
+ >view {
+ text-align: center;
+ font-size: 28rpx;
+ color: #C3C6CD;
+ }
+ }
+ }
+ }
+
+ .pjbox {
+ background: #F4F4F4;
+ border-radius: 5px;
+ margin: 10rpx 0;
+ padding: 24rpx;
+ color: #202d44;
+ font-size: 32rpx;
+
+ }
+
+ /deep/ .u-radio-group {
+ margin-top: 20rpx;
+
+ .u-radio {
+ margin-right: 20rpx;
+ }
+ }
+
+ .hei {
+ color: #202D44;
+ }
+
+ .bottom {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ left: 0;
+ height: 132rpx;
+ background: #fff;
+
+ .one {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+
+ .b1 {
+ width: 686rpx;
+ height: 88rpx;
+ border-radius: 10px;
+ background: #F7F7F7;
+ line-height: 88rpx;
+ text-align: center;
+ }
+ }
+
+ .two {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
+
+ .b2 {
+ width: 146rpx;
+ height: 88rpx;
+ border-radius: 10px;
+ background: #F7F7F7;
+ line-height: 88rpx;
+ text-align: center;
+ margin-right: 18rpx;
+ }
+
+ .b3 {
+ width: 524rpx;
+ height: 88rpx;
+ border-radius: 10px;
+ background: #1171E0;
+ line-height: 88rpx;
+ text-align: center;
+ color: #fff;
+ }
+ }
+ }
+
+ .page-box {
+ padding: 24rpx 0;
+ .font{
+ color: #4a4e60;
+ font-size: 32rpx;
+ margin-top: 20rpx;
+ }
+ .title1 {
+ font-size: 36rpx;
+ font-weight: 700;
+ padding: 0 32rpx;
+ border-bottom: 2rpx solid #F4F4F4;
+ padding-bottom: 24rpx;
+ }
+
+ .padding {
+ padding: 0 24rpx;
+ }
+
+ .margin-top {
+ margin-top: 20rpx;
+ }
+
+ .down {
+ padding: 34rpx 30rpx 30rpx;
+ display: flex;
+ justify-content: space-between;
+
+ >view {
+ display: inline-block;
+ }
+
+ .button {
+ padding: 20rpx 40rpx;
+ background: #F7F7F7;
+ border-radius: 20rpx;
+ }
+
+ .enter {
+ width: 100%;
+ background: #1171E0;
+ color: white;
+ border-radius: 20rpx;
+ padding: 20rpx 40rpx;
+ text-align: center;
+ }
+ }
+ }
+
+ /deep/ .u-textarea {
+ background-color: #F4F4F4;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1