From b5f084460e9e639358fbf91056a86be8d0a5c4b2 Mon Sep 17 00:00:00 2001
From: yaolonglong <yaolonglong15@163.com>
Date: 星期四, 09 十月 2025 20:18:57 +0800
Subject: [PATCH] 获取验证码功能
---
pages/message/details.vue | 363 ++++++++++++++++++++++++++-------------------------
1 files changed, 188 insertions(+), 175 deletions(-)
diff --git a/pages/message/details.vue b/pages/message/details.vue
index 110fc55..d5c056a 100644
--- a/pages/message/details.vue
+++ b/pages/message/details.vue
@@ -1,188 +1,201 @@
<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="wbox">
- <view class="item">
- <view class="k">
- 鎵ф硶绫诲瀷
- </view>
- <view class="v">
- {{type}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶浜�
- </view>
- <view class="v">
- {{msg.executeUser}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶閮ㄩ棬
- </view>
- <view class="v">
- {{msg.executeDeptName}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 浼佷笟
- </view>
- <view class="v">
- {{msg.companyName}}
- </view>
- </view>
- </view>
- <view style="height: 20rpx;"></view>
- <view class="wbox">
- <view class="item">
- <view class="k">
- 鎵ф硶涓婚
- </view>
- <view class="v">
- {{msg.enforceReason}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶杩囩▼
- </view>
- </view>
- <view class="imgbox">
- <img v-for="(item,index) in img" :key="index" :src="item" class="more" alt="" @click="imgclick(item)" />
-
- <!-- <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
+ <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="wbox">
+ <view class="item">
+ <view class="k">
+ 妫�鏌ユ柟寮�
+ </view>
+ <view class="v">
+ {{type}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶浜�
+ </view>
+ <view class="v">
+ {{msg.executeUser}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶閮ㄩ棬
+ </view>
+ <view class="v">
+ {{msg.executeDeptName}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 浼佷笟
+ </view>
+ <view class="v">
+ {{msg.companyName}}
+ </view>
+ </view>
+ </view>
+ <view style="height: 20rpx;"></view>
+ <view class="wbox">
+ <view class="item">
+ <view class="k">
+ 鎵ф硶涓婚
+ </view>
+ <view class="v">
+ {{msg.enforceReason}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶杩囩▼
+ </view>
+ </view>
+ <view class="imgbox">
+ <img v-for="(item,index) in img" :key="index" :src="item" class="more" alt="" @click="imgclick(item)" />
+
+ <!-- <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;">
- {{msg.regionReason}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶鏃堕棿
- </view>
- <view class="v">
- {{msg.executeTime}}
- </view>
- </view>
- </view>
- </view>
-
- </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶缁撴灉
+ </view>
+ <view class="v" style="color: #EB4746;">
+ {{msg.regionReason}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶鏃堕棿
+ </view>
+ <view class="v">
+ {{msg.executeTime}}
+ </view>
+ </view>
+ </view>
+ </view>
+
+ </view>
</template>
<script>
- import { order } from '@/api/index.js'
- import { getDicts } from '@/api/data.js'
- import { config } from '@/common/config'
-
- export default {
- data() {
- return {
- msg:{},
- type:'',
- img:[],
- baseUrl: config.baseUrl
-
- }
- },
- onLoad(options) {
- this.getdata(options.id)
- },
- methods: {
- getdata(id){
- order(id).then(val => {
- this.msg = val.data.data
- let arr = this.msg.regionImgs.split(",");
- for(let i = 0;i<arr.length;i++){
- this.img.push(this.baseUrl+arr[i])
- }
- console.log(this.img)
- getDicts('enforce_type').then(val => {
- const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
- this.type = value.dictLabel
- })
- })
- },
- imgclick(url){
- uni.previewImage({
- urls: [url]
- })
- }
- }
- }
+ import {
+ order
+ } from '@/api/index.js'
+ import {
+ getDicts
+ } from '@/api/data.js'
+ import {
+ config
+ } from '@/common/config'
+
+ export default {
+ data() {
+ return {
+ msg: {},
+ type: '',
+ img: [],
+ baseUrl: config.baseUrl
+
+ }
+ },
+ onLoad(options) {
+ this.getdata(options.id)
+ },
+ methods: {
+ getdata(id) {
+ order(id).then(val => {
+ this.msg = val.data.data
+ let arr = this.msg.regionImgs.split(",");
+ for (let i = 0; i < arr.length; i++) {
+ this.img.push(this.baseUrl + arr[i])
+ }
+ console.log(this.img)
+ getDicts('enforce_type').then(val => {
+ const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
+ this.type = value.dictLabel
+ })
+ })
+ },
+ imgclick(url) {
+ uni.previewImage({
+ urls: [url]
+ })
+ }
+ }
+ }
</script>
<style>
- page{
- background: #F4F4F4;
- }
-
+ 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;
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- grid-gap: 10rpx;
- border-radius: 10rpx;
- img{
- width: 198rpx;
- height: 198rpx;
- margin-bottom: 20rpx;
- border-radius: 10rpx;
- }
- }
- }
+ .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;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 10rpx;
+ border-radius: 10rpx;
+
+ img {
+ width: 198rpx;
+ height: 198rpx;
+ margin-bottom: 20rpx;
+ border-radius: 10rpx;
+ }
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1