From b5f084460e9e639358fbf91056a86be8d0a5c4b2 Mon Sep 17 00:00:00 2001
From: yaolonglong <yaolonglong15@163.com>
Date: 星期四, 09 十月 2025 20:18:57 +0800
Subject: [PATCH] 获取验证码功能
---
policy/applyRecordDetails/applyRecordDetails.vue | 388 +++++++++++++++++++++++++++++--------------------------
1 files changed, 205 insertions(+), 183 deletions(-)
diff --git a/policy/applyRecordDetails/applyRecordDetails.vue b/policy/applyRecordDetails/applyRecordDetails.vue
index 45668b8..773e099 100644
--- a/policy/applyRecordDetails/applyRecordDetails.vue
+++ b/policy/applyRecordDetails/applyRecordDetails.vue
@@ -1,88 +1,88 @@
<template>
- <view>
- <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
- <template slot="center">
- <view style="color: white;">鐢宠璇︽儏</view>
- </template>
- </u-navbar>
- <view class="top-content"></view>
- <view class="main-page">
- <view class="status">
- {{mapStatus[details.orderStatus]}}
- </view>
- <view class="base-card">
- <view class="title">
- <text>鍩烘湰淇℃伅</text>
- </view>
- <view class="view-form">
- <view class="view-form-item">
- <view class="label">鎵ф硶涓婚</view>
- <view>{{details.enforceReason}}</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶瀵硅薄</view>
- <view>{{details.companyName}}</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶鏃堕棿</view>
- <view>{{details.planTime}}</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶绫诲瀷</view>
- <view>{{typeList}}</view>
- </view>
-
- <view v-if="!details.executeUser">
- <view class="view-form-item">
- <view class="label">鎵ф硶浜哄憳</view>
- <view>{{details.applyUser}}</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶閮ㄩ棬</view>
- <view>{{details.applyDeptName}}</view>
- </view>
- </view>
- <view v-else>
- <view class="view-form-item">
- <view class="label">鎵ф硶浜哄憳</view>
- <view>{{details.executeUser}}</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶閮ㄩ棬</view>
- <view>{{details.executeDeptName}}</view>
- </view>
- </view>
- <view class="view-form-item" style="margin-top: 20rpx;">
- <view class="label">闅忚浜哄憳</view>
- <view>
- <view style="margin-bottom: 20rpx;"v-for="(item,index) in details.peers" :key="index">
- {{item.peerUser}}({{item.peerDeptName}})
- </view>
- </view>
- </view>
- <view class="view-form-item">
- <view class="label">鏄惁閫氱煡浼佷笟</view>
- <view>{{details.isNoticeCompany == 0 ? '鍚�': '鏄�'}}</view>
- </view>
- <view class="view-form-item">
- <view class="label">鐢宠鏃堕棿</view>
- <view>{{details.applyTime}}</view>
- </view>
- <view class="view-form-item">
- <view class="label">褰撳墠鐘舵��</view>
- <view>{{mapStatus[details.orderStatus]}}</view>
- </view>
- </view>
- </view>
- <view class="base-card">
- <view class="title">
- <text>鎵ф硶鍐呭</text>
- </view>
- <view class="view-content">
- {{ details.regionReason }}
- </view>
- </view>
- <view class="base-card" v-if="judgeDetails.length">
+ <view>
+ <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
+ <template slot="center">
+ <view style="color: white;">鐢宠璇︽儏</view>
+ </template>
+ </u-navbar>
+ <view class="top-content"></view>
+ <view class="main-page">
+ <view class="status">
+ {{mapStatus[details.orderStatus]}}
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>鍩烘湰淇℃伅</text>
+ </view>
+ <view class="view-form">
+ <view class="view-form-item">
+ <view class="label">鎵ф硶涓婚</view>
+ <view>{{details.enforceReason}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶瀵硅薄</view>
+ <view>{{details.companyName}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶鏃堕棿</view>
+ <view>{{details.planTime || details.planMonth || ''}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">妫�鏌ユ柟寮�</view>
+ <view>{{typeList}}</view>
+ </view>
+
+ <template v-if="!details.executeUser">
+ <view class="view-form-item">
+ <view class="label">鎵ф硶浜哄憳</view>
+ <view>{{details.applyUser || ''}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶閮ㄩ棬</view>
+ <view>{{details.applyDeptName || details.applyDeptNames || ''}}</view>
+ </view>
+ </template>
+ <template v-else>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶浜哄憳</view>
+ <view>{{details.executeUser}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鎵ф硶閮ㄩ棬</view>
+ <view>{{details.executeDeptName}}</view>
+ </view>
+ </template>
+ <view class="view-form-item">
+ <view class="label">闅忚浜哄憳</view>
+ <view>
+ <view v-for="(item,index) in details.peers" :key="index">
+ {{item.peerUser}}({{item.peerDeptName}})
+ </view>
+ </view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鏄惁閫氱煡浼佷笟</view>
+ <view>{{details.isNoticeCompany == 0 ? '鍚�': '鏄�'}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">鐢宠鏃堕棿</view>
+ <view>{{details.applyTime}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">褰撳墠鐘舵��</view>
+ <view>{{mapStatus[details.orderStatus]}}</view>
+ </view>
+ </view>
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>鎵ф硶鍐呭</text>
+ </view>
+ <view class="view-content">
+ {{ details.enforceContent }}
+ </view>
+ </view>
+ <!-- <view class="base-card" v-if="judgeDetails.length">
<view class="title">
<text>瀹℃壒鎯呭喌</text>
</view>
@@ -107,34 +107,35 @@
</view>
</view>
</view>
- </view>
- <view class="base-card" v-if="details.orderStatus == 3 || details.orderStatus == 4">
- <view class="title">
- <text>鎵ф硶鍥剧墖</text>
- </view>
- <view class="view-image">
- <image :src="baseUrl+item" mode="widthFix" v-for="(item,index) in details.regionImgs" :key="index"></image>
-
- </view>
- </view>
- <view class="base-card">
- <view class="title">
- <text>鎵ф硶杩涘害</text>
- </view>
- <view class="view-step">
- <view class="step-content" :class="{none: index == nodeList.length - 1}" v-for="(item,index) in nodeList" :key="index">
- <image class="icon" src="/static/policy/icon.png" mode="widthFix" v-if="!item.nodeReason"></image>
- <image src="/static/policy/refject.png" mode="widthFix" class="icon" v-else></image>
- <view class="top-title">
- {{item.nodeName}}
- </view>
- <view class="down-tips">
- <view class="u-line-1 submit-per">鎻愪氦浜猴細<text>{{item.nodeUser}}</text></view>
- <view class="time">{{item.nodeTime}}</view>
- </view>
-
- </view>
- <!-- <view class="step-content">
+ </view> -->
+ <view class="base-card"
+ v-if="(details.orderStatus == 3 || details.orderStatus == 4) && details.regionImgs && details.regionImgs.length">
+ <view class="title">
+ <text>鎵ф硶鍥剧墖</text>
+ </view>
+ <view class="view-image">
+ <image :src="baseUrl+item" @click="previewImage(details.regionImgs, index)" mode="aspectFill"
+ v-for="(item,index) in details.regionImgs" :key="index"></image>
+ </view>
+ </view>
+ <view class="base-card">
+ <view class="title">
+ <text>鎵ф硶杩涘害</text>
+ </view>
+ <view class="view-step">
+ <view class="step-content" :class="{none: index == nodeList.length - 1}" v-for="(item,index) in nodeList"
+ :key="index">
+ <image class="icon" src="/static/policy/icon.png" mode="widthFix" v-if="!item.nodeReason"></image>
+ <image src="/static/policy/refject.png" mode="widthFix" class="icon" v-else></image>
+ <view class="top-title">
+ {{item.nodeName}}
+ </view>
+ <view class="down-tips">
+ <view class=" submit-per" v-if="item.nodeUser">鎻愪氦浜猴細<text>{{item.nodeUser}}</text></view>
+ <view class="time">{{item.nodeTime}}</view>
+ </view>
+ </view>
+ <!-- <view class="step-content">
<image class="icon" src="/static/policy/icon.png" mode="widthFix"></image>
<view class="top-title">
瀹℃壒閫氳繃
@@ -155,82 +156,103 @@
<view class="time">2024-06-07 12:14</view>
</view>
</view> -->
- </view>
- </view>
- </view>
- </view>
+ </view>
+ </view>
+ </view>
+ </view>
</template>
<script>
- import {
- orderDetails,
- orderNodeList,
- enforceLogList
- } from '@/api/policy.js'
- import { getDicts } from '@/api/data.js'
- import { config } from '@/common/config'
- export default {
- data() {
- return {
- details: {},
- nodeList: [],
- mapStatus: {
- 1: '寰呭鎵�',
- 2: "寰呮墽琛�",
- 3: "寰呬笂鎶�",
- '-1':"宸叉嫆缁�",
- 4: "宸茬粨鏉�"
- },
- typeList: '',
- judgeDetails: [],
- baseUrl: config.baseUrl
- }
- },
- onLoad(options) {
- this.getDetails(options.id)
- this.orderNodeList(options.id)
- this.enforceLogList(options.id)
-
- },
- methods: {
- getDetails(orderId) {
- orderDetails({
- orderId
- }).then(val => {
- this.details = val.data.data
- if(this.details.regionImgs){
- this.details.regionImgs = this.details.regionImgs.split(",")
- }
- this.getDicts()
- })
- },
- // 鑺傜偣
- orderNodeList(orderId) {
- orderNodeList({orderId}).then(val => {
- this.nodeList = val.data.data
- })
- },
- // 鐢宠璁板綍
- enforceLogList(orderId) {
- enforceLogList({orderId}).then(val => {
- // console.log(val.data.rows)
- this.judgeDetails = val.data.rows
- })
- },
- getDicts() {
- getDicts('enforce_type').then(val => {
- const value = val.data.data.find(item => item.dictCode == this.details.enforceType)
- this.typeList = value.dictLabel
- })
- }
- }
- }
+ import {
+ orderDetails,
+ orderNodeList,
+ enforceLogList
+ } from '@/api/policy.js'
+ import {
+ getDicts
+ } from '@/api/data.js'
+ import {
+ config
+ } from '@/common/config'
+ export default {
+ data() {
+ return {
+ details: {},
+ nodeList: [],
+ mapStatus: {
+ 1: '寰呭鎵�',
+ 2: "寰呮墽琛�",
+ 3: "寰呬笂鎶�",
+ '-1': "宸叉嫆缁�",
+ 4: "宸蹭笂鎶�",
+ 5: "浼佷笟宸插幓浜�"
+ },
+ typeList: '',
+ judgeDetails: [],
+ baseUrl: config.baseUrl
+ }
+ },
+ onLoad(options) {
+ this.getDetails(options.id)
+ this.orderNodeList(options.id)
+ this.enforceLogList(options.id)
+ if (options.setTitle) {
+ uni.setNavigationBarTitle({
+ title: ''
+ })
+ }
+ },
+ methods: {
+ getDetails(orderId) {
+ orderDetails({
+ orderId
+ }).then(val => {
+ this.details = val.data.data
+ if (this.details.regionImgs) {
+ this.details.regionImgs = this.details.regionImgs.split(",")
+ }
+ this.getDicts()
+ })
+ },
+ // 鑺傜偣
+ orderNodeList(orderId) {
+ orderNodeList({
+ orderId
+ }).then(val => {
+ this.nodeList = val.data.data
+ })
+ },
+ // 鐢宠璁板綍
+ enforceLogList(orderId) {
+ enforceLogList({
+ orderId
+ }).then(val => {
+ // console.log(val.data.rows)
+ this.judgeDetails = val.data.rows
+ })
+ },
+ getDicts() {
+ getDicts('enforce_type').then(val => {
+ const value = val.data.data.find(item => item.dictCode == this.details.enforceType)
+ this.typeList = value.dictLabel
+ })
+ },
+ previewImage(list, index) {
+ const data = list.map(item => this.baseUrl + item)
+ console.log(data)
+ uni.previewImage({
+ urls: data,
+ current: index
+ })
+ }
+ }
+ }
</script>
<style>
- page {
- background-color: #F4F4F4;
- }
+ page {
+ background-color: #F4F4F4;
+ }
</style>
<style lang="scss" scoped>
- @import "./applyRecordDetails.scss";
+ @import "./applyRecordDetails.scss";
</style>
\ No newline at end of file
--
Gitblit v1.9.1