根据提供的代码，当用户选择或拍摄整改图片时，系统应该自动获取当前时间并将其填充到“整改完成时间”字段中，但实际代码 在选择图片后整改完成实际依然为页面在加载时获取到的当前时间

根据您提供的代码，确实存在一个问题：当用户选择或拍摄整改图片时，系统并没有正确地将当前时间填充到“整改完成时间”字段中。目前，“整改完成时间”字段显示的是页面加载时的时间，而不是选择或拍摄图片时的时间。

### 问题分析
1. **`currentDateTime` 计算属性**：这个计算属性会在每次组件重新渲染时计算当前时间，并显示在界面上。但它并不会影响 `editableData.CORRE_FINTIME` 的值。
2. **`afterRead` 方法**：在这个方法中，虽然有获取当前时间的逻辑，并且将时间赋值给了 `editableData.CORRE_FINTIME`，但由于 `currentDateTime` 是一个计算属性，它不会实时更新 `editableData.CORRE_FINTIME` 的显示值。

### 解决方案
为了确保在选择或拍摄图片时，`editableData.CORRE_FINTIME` 能够正确更新并在界面上显示最新的时间，可以在 `afterRead` 方法中直接更新 `editableData.CORRE_FINTIME` 并强制界面重新渲染。

### 修改后的代码

<template>
  <div class="container">
    <div v-if="dataLoaded" class="form-container">
      <!-- 表单部分 -->
      <u-form @submit.prevent="updateData">
        <div class="form-group">
          <label for="DANGER_PIC">隐患图片:</label>
          <img :src="editableData.DANGER_PIC" alt="隐患图片" class="danger-pic" />
        </div>
        <div class="form-group">
          <label for="DANGER_GRADE">隐患等级:</label>
          <input id="DANGER_GRADE" v-model="editableData.DANGER_GRADE" type="text" disabled />
        </div>
        <div class="form-group">
          <label for="DANGER_DESC">隐患描述:</label>
          <input id="DANGER_DESC" v-model="editableData.DANGER_DESC" type="text" disabled />
        </div>
        <div class="form-group">
          <label for="CORRE_DDL">整改完成时间:</label>
          <span>{{ editableData.CORRE_FINTIME }}</span>
        </div>
        <u-form-item class="upload" label="整改图片" prop="upload">
          <u-upload :fileList="fileList" :previewFullImage="true" @afterRead="afterRead" @delete="deletePic" :maxCount="1" width="80" height="80"></u-upload>
          <u-button type="primary" @click="takePhoto">拍照上传</u-button>
        </u-form-item>
        <!-- 提交按钮（如果需要修改数据，可以启用并提交） -->
        <button type="submit" @click.prevent="handleSubmit" class="submit-button">保存</button>
      </u-form>
    </div>
  </div>
</template>

<script>
import request from '@/utils/request';
import { getToken } from '@/utils/auth';

export default {
  data() {
    return {
      data: null,
      editableData: {},
      fileList: [],
      dataLoaded: false,
      selectedRecordId: null, // 用于存储从上一个页面传递的记录ID
    };
  },
  methods: {
    takePhoto() {
      uni.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
        sourceType: ['camera'], // 只能选择拍照
        success: (res) => {
          const tempFilePaths = res.tempFilePaths;
          this.fileList = [
            // 更新 fileList
            { url: tempFilePaths[0], status: 'success', message: '' }
          ];
          // 保存图片到相册
          uni.saveImageToPhotosAlbum({
            filePath: tempFilePaths[0],
            success: function () {
              uni.showToast({ title: '已保存到相册', icon: 'success' });
            },
            fail: function (err) {
              uni.showToast({ title: '保存失败，请检查权限设置', icon: 'none' });
              console.error('保存图片到相册失败:', err);
            }
          });
        }
      });
    },
    async afterRead(event) {
      let lists = [].concat(event.file);
      let fileListLen = this[`fileList${event.name}`].length;
      lists.map((item) => {
        this[`fileList${event.name}`].push({
          ...item,
          status: 'uploading',
          message: '上传中'
        });
      });
      for (let i = 0; i < lists.length; i++) {
        const result = await this.uploadFilePromise(lists[i].url);
        let parsedResult = JSON.parse(result);
        let item = this[`fileList${event.name}`][fileListLen];
        this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
          status: 'success',
          message: '',
          url: parsedResult.data
        }));
        fileListLen++;
      }
      // 获取当前时间并格式化
      const now = new Date();
      const currentDateTime = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`;
      // 将当前时间赋值给 editableData.CORRE_FINTIME
      this.editableData.CORRE_FINTIME = currentDateTime;
      console.log(this.fileList);
    },
    deletePic(e) {
      this['fileList'].splice(0, 1);
    },
    uploadFilePromise(url) {
      const header = { 'Authorization': `Bearer ${getToken()}` };
      return new Promise((resolve, reject) => {
        uni.uploadFile({
          url: 'http://10.118.50.18:8001/api/danger_rectify_record/upload',
          filePath: url,
          header: header,
          name: 'fileinput',
          success: (res) => {
            console.log('Upload success:', res);
            resolve(res.data);
          },
          fail: (err) => {
            console.error('Upload failed:', err);
            reject(err);
          }
        });
      });
    },
    fetchData() {
      const params = {
        page: 1,
        rows: 30,
        sort: "DANGER_R_ID",
        order: "desc",
        wheres: JSON.stringify([
          { name: "ORDER_STATUS", value: "1" },
          { name: "DANGER_R_ID", value: this.selectedRecordId }
        ])
      };
      request({
        url: '/api/danger_rectify_record/getPageData',
        method: 'POST',
        header: { 'content-type': 'application/json', 'Authorization': `Bearer ${getToken()}` },
        data: params,
        dataType: 'json'
      }).then(response => {
        this.data = response;
        if (this.data.rows.length > 0) {
          this.editableData = { ...this.data.rows[0] };
        }
        this.dataLoaded = true;
      }).catch(error => {
        console.error(error);
        uni.showToast({ title: '请求失败', icon: 'none' });
      });
    },
    handleSubmit() {
      console.log(this.editableData);
      const mainData = {};
      if (this.fileList.length !== 0) {
        mainData.CORRE_FINPIC = this.fileList[0].url; // 使用 fileList 中的路径
      }
      if (this.editableData.CORRE_FINTIME !== '' && this.editableData.CORRE_FINTIME !== null) {
        mainData.CORRE_FINTIME = this.editableData.CORRE_FINTIME;
      } else if (this.editableData.CORRE_FINTIME === '' || this.editableData.CORRE_FINTIME === null) {
        mainData.CORRE_FINTIME = '2024-11-15 09:50:32';
      }
      mainData.DANGER_R_ID = this.editableData.DANGER_R_ID;
      mainData.ORDER_STATUS = 2;
      console.log(mainData);
      request({
        url: '/api/Rectification/update',
        method: 'POST',
        header: { 'content-type': 'application/json', 'Authorization': `Bearer ${getToken()}` },
        data: { mainData },
        dataType: 'json'
      }).then(response => {
        console.log(response);
        uni.showToast({ title: '更新成功', icon: 'success' });
      }).catch(error => {
        console.error(error);
        uni.showToast({ title: '更新失败', icon: 'none' });
      });
    }
  },
  computed: {
    formattedData() {
      return this.data ? JSON.stringify(this.data, null, 2) : '';
    }
  },
  onLoad(options) {
    this.selectedRecordId = options.recordId;
    this.fetchData();
  },
  mounted() {
    this.fetchData();
  }
};
</script>

<style lang="scss">
.container {
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
}

.form-container {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
}

.form-group {
  display: flex;
  align-items: center;
  margin-bottom: 15px;

  label {
    width: 120px;
    font-weight: bold;
    margin-right: 10px;
  }

  input[type="text"] {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

  span {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
}

.submit-button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;

  &:hover {
    background-color: #0056b3;
  }
}
</style>

### 关键改动点
1. **模板中的 `CORRE_DDL` 字段**：将 `<span>{{ currentDateTime }}</span>` 改为 `<span>{{ editableData.CORRE_FINTIME }}</span>`，以便显示 `editableData.CORRE_FINTIME` 的值。
2. **`afterRead` 方法**：在该方法中获取当前时间并赋值给 `editableData.CORRE_FINTIME`，这样可以确保在选择或拍摄图片时，时间会被正确更新。

通过这些改动，您可以确保在用户选择或拍摄整改图片时，系统能够正确获取当前时间并填充到“整改完成时间”字段中。