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 | 365 ++++++++++++++++++++++++++++++++--------------------
1 files changed, 225 insertions(+), 140 deletions(-)
diff --git a/policy/applyRecordDetails/applyRecordDetails.vue b/policy/applyRecordDetails/applyRecordDetails.vue
index d5e093b..773e099 100644
--- a/policy/applyRecordDetails/applyRecordDetails.vue
+++ b/policy/applyRecordDetails/applyRecordDetails.vue
@@ -1,133 +1,144 @@
<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">
- 宸茬粨鏉�
- </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>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶瀵硅薄</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶鏃堕棿</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶鏃堕棿</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶绫诲瀷</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶浜哄憳</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鎵ф硶閮ㄩ棬</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">闅忚浜哄憳鏁伴噺</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鏄惁閫氱煡浼佷笟</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">鐢宠鏃堕棿</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">褰撳墠鐘舵��</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- </view>
- </view>
- <view class="base-card">
- <view class="title">
- <text>鎵ф硶鍐呭</text>
- </view>
- <view class="view-content">
- 鐏伀鍣ㄤ娇鐢細涓嶅悓绫诲瀷鐨勭伃鐏櫒閫傜敤浜庝笉鍚岀绫荤殑鐏伨锛屽浜屾哀鍖栫⒊鐏伀鍣ㄩ�傜敤浜庡浐浣撱�佹恫浣撱�佹皵浣撳拰甯︾數璁惧鐏伨锛屽共绮夌伃鐏櫒鍚屾牱閫傜敤浜庡绉嶇伀鐏剧被鍨嬨�備娇鐢ㄦ椂搴斿厛鎷旀帀淇濋櫓閿�锛岀劧鍚庣瀯鍑嗙伀鐒版牴閮ㄨ繘琛屽柗灏勩��
- 娑堥槻鏍撲娇鐢細浣跨敤娑堥槻鏍撴椂锛屽簲纭繚鑷冲皯鏈�3浜哄弬涓庯紝鍏朵腑2浜烘彙绱ф按鏋紝1浜鸿礋璐ｅ紑鍚榾闂ㄣ�備娇鐢ㄥ墠搴旀鏌ユ按甯﹀強鎺ュご鏄惁瀹屽ソ锛岄伩鍏嶆壄鎶橈紝骞剁‘淇濇按甯︿笌姘存灙姝ｇ‘杩炴帴銆�
- 闃茬伀鎺柦锛氬寘鎷絾涓嶉檺浜庝笉涔变涪鐑熻拏銆佷笉绉佹媺涔辨帴鐢电嚎銆佷笉瓒呰礋鑽蜂娇鐢ㄧ數鍣ㄣ�佸畾鏈熸鏌ョ數绾垮拰鐢靛櫒璁惧鏄惁鑰佸寲鎴栫牬鎹熴�佸涓笉瀛樻斁鏄撶噧鏄撶垎鐗╁搧绛夈��
- 鐏伨閫冪敓锛氬彂鐢熺伀鐏炬椂锛屽簲杩呴�熷垽鏂伀鍔挎潵婧愶紝閫夋嫨涓庣伀婧愮浉鍙嶇殑鏂瑰悜閫冪敓銆傚垏鍕夸娇鐢ㄧ數姊�冪敓锛屽簲閫氳繃瀹夊叏閫氶亾鎾ょ銆傞�冪敓杩囩▼涓簲淇濇寔浣庡Э鍔匡紝鐢ㄦ箍姣涘肪鎺╂姢鍙ｉ蓟锛屽噺灏戝惛鍏ユ湁姣掔儫闆俱��
- 鎶ヨ鍜岃嚜鏁戯細鍙戠幇鐏儏鍚庯紝搴旂珛鍗虫嫧鎵撯��119鈥濈伀璀︾數璇濇姤璀︼紝骞惰缁嗚鏄庣伀鐏惧湴鐐广�佺伀鍔垮ぇ灏忕瓑淇℃伅銆傚湪绛夊緟鏁戞彺鏃讹紝搴斿敖閲忎繚鎸佸喎闈欙紝閲囧彇姝ｇ‘鐨勮嚜鏁戞帾鏂斤紝濡備娇鐢ㄧ伃鐏櫒銆佹秷闃叉爴绛夈��
- </view>
- </view>
- <view class="base-card">
+ <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>
<view class="view-form">
- <view class="view-form-item">
- <view class="label">瀹℃壒缁撴灉</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">瀹℃壒浜�</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">瀹℃壒閮ㄩ棬</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- <view class="view-form-item">
- <view class="label">瀹℃壒鏃堕棿</view>
- <view>24骞�5鏈堜唤娑堥槻绐佸嚮妫�鏌�</view>
- </view>
- </view>
- </view>
- <view class="base-card">
- <view class="title">
- <text>鎵ф硶鍥剧墖</text>
- </view>
- <view class="view-image">
- <image src="https://picsum.photos/200/300" mode="widthFix"></image>
- <image src="https://picsum.photos/200/300" mode="widthFix"></image>
- <image src="https://picsum.photos/200/300" mode="widthFix"></image>
- <image src="https://picsum.photos/200/300" mode="widthFix"></image>
- <image src="https://picsum.photos/200/300" mode="widthFix"></image>
-
- </view>
- </view>
- <view class="base-card">
- <view class="title">
- <text>鎵ф硶杩涘害</text>
- </view>
- <view class="view-step">
- <view class="step-content">
- <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image>
- <view class="top-title">
- 鎻愪氦鐢宠
+ <view v-for="(item,index) in judgeDetails" :key="index">
+ <view class="view-form-item">
+ <view class="label">瀹℃壒缁撴灉</view>
+ <view v-if="item.checkStatus == 1" style="color: #3EB47A;">閫氳繃</view>
+ <view v-else style="color: red">鎷掔粷</view>
</view>
- <view class="down-tips">
- <view>鎻愪氦浜猴細<text>鏋楀皬闆�</text></view>
- <view class="time">2024-06-07 12:14</view>
+ <view class="view-form-item">
+ <view class="label">瀹℃壒浜�</view>
+ <view>{{item.checkUser}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">瀹℃壒閮ㄩ棬</view>
+ <view>{{item.checkDeptName}}</view>
+ </view>
+ <view class="view-form-item">
+ <view class="label">瀹℃壒鏃堕棿</view>
+ <view>{{item.checkTime}}</view>
</view>
</view>
- <view class="step-content">
+ </view>
+ </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">
- 鎻愪氦鐢宠
+ 瀹℃壒閫氳繃
</view>
<view class="down-tips">
<view>鎻愪氦浜猴細<text>鏋楀皬闆�</text></view>
@@ -135,7 +146,7 @@
</view>
</view>
<view class="step-content none">
- <!-- <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image> -->
+ <image class="icon" src="/static/policy/icon.png" mode="widthFix"></image>
<image src="/static/policy/refject.png" mode="widthFix" class="icon"></image>
<view class="top-title">
鎻愪氦鐢宠
@@ -144,30 +155,104 @@
<view>鎻愪氦浜猴細<text>鏋楀皬闆�</text></view>
<view class="time">2024-06-07 12:14</view>
</view>
- </view>
- </view>
- </view>
- </view>
- </view>
+ </view> -->
+ </view>
+ </view>
+ </view>
+ </view>
</template>
<script>
- export default {
- data() {
- return {
-
- }
- },
- methods: {
-
- }
- }
+ 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