所有图片字段需要调整

shuishen

2024-01-05 f2e4a9d500d2ae2a0ca0fe9ff8cb050c90ccaa2e

所有图片字段需要调整

 src/views/article/rotation.vue

@@ -103,10 +103,10 @@
                        span: 12,
                    },
                    {
                        width: 110,
                        label: "图片",
                        prop: "url",
                        type: "upload",
                        width: 80,
                        listType: "picture-img",
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {

 src/views/cGovernance/gridPatrolRecord.vue

@@ -120,10 +120,10 @@
                    },

                    {
                        width: 110,
                        label: "巡查图片",
                        prop: "url",
                        type: "upload",
                        width: 80,
                        listType: "picture-img",
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {

 src/views/cGovernance/gridWorkLog.vue

@@ -82,11 +82,11 @@
                        span: 24,
                    },
                    {
                        width: 110,
                        label: "图片",
                        prop: "url",
                        type: "upload",
                        labelWidth: 120,
                        width: 80,
                        listType: "picture-img",
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {

 src/views/cGovernance/punchCard.vue

@@ -101,11 +101,11 @@
                        prop: "address",
                    },
                    {
                        width: 110,
                        label: "打卡图片",
                        prop: "img",
                        type: "upload",
                        labelWidth: 120,
                        width: 80,
                        listType: "picture-img",
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {

 src/views/cGovernance/taskECall.vue

@@ -289,9 +289,9 @@
                },

                {
                    width: 110,
                    label: "现场图片",
                    prop: "imageUrls",
                    width: 80,
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",

 src/views/gzll/owners.vue

@@ -227,11 +227,11 @@
                    },

                    {
                        width: 110,
                        label: "图片",
                        prop: "imageUrl",
                        type: "upload",
                        labelWidth: 120,
                        width: 80,
                        listType: "picture-img",
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {

 src/views/owners_committee/index.vue

@@ -92,11 +92,11 @@
                        prop: "latitude",
                    },
                    {
                        width: 110,
                        label: "图片",
                        prop: "imageUrl",
                        type: "upload",
                        labelWidth: 120,
                        width: 80,
                        listType: "picture-img",
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {

 src/views/publicSecurity/components/bailReportingDetail.vue

@@ -1,224 +1,229 @@
<template>
  <div class="cur-container-box">
    <div v-if="applyType == 1">
      <div class="content-box">
        审核当前项
      </div>
      <div class="footer-btn-box">
        <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
        <el-button size="small" @click="auditPass(3)">驳 回</el-button>
      </div>
    <div class="cur-container-box">
        <div v-if="applyType == 1">
            <div class="content-box">
                审核当前项
            </div>
            <div class="footer-btn-box">
                <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
                <el-button size="small" @click="auditPass(3)">驳 回</el-button>
            </div>
        </div>

        <avue-form v-else :option="option" v-model="form">
        </avue-form>

    </div>

    <avue-form v-else :option="option" v-model="form">
    </avue-form>

  </div>
</template>
<script>
  import {
import {
    getDetail,
    update
  } from "@/api/task/bailReporting"
  import website from '@/config/website'
  export default {
    data() {
      return {
        form: {},
        applyType: '',
        option: {
          submitBtn: false,
          emptyBtn: false,
          column: [{
            // span: 10,
            label: '申请人',
            prop: 'checkUserName',
            disabled: true,
            span: 8,
          }, {
            // span: 12,
            label: '申请人手机',
            prop: 'checkTelephone',
            disabled: true,
            span: 8,
          }, {
            label: '申请位置',
            prop: 'location',
            disabled: true,
            span: 8,
          }, {
            label: '审核时间',
            prop: 'confirmTime',
            disabled: true,
            span: 8,
          }, {
            label: '审核人',
            prop: 'confirmUserName',
            disabled: true,
            span: 8,
          }, {
            label: '审核意见',
            prop: 'confirmNotion',
            disabled: true,
            span: 8,
          }, {
            label: '审核状态',
            prop: 'confirmFlag',
            disabled: true,
            span: 8,
            type: 'select',
            dicData: [{
              label: '待审核',
              value: '1'
            }, {
              label: '审核通过',
              value: '2'
            }, {
              label: '审核不通过',
              value: '3'
            }]
          }, {
            label: '申请时间',
            prop: 'applyTime',
            disabled: true,
            span: 8,
          }, {
            label: '外出原因',
            prop: 'applyName',
            disabled: true,
            span: 8,
          }, {
            label: '身份证号',
            prop: 'idCard',
            disabled: true,
            span: 8,
          }, {
            label: '位置图片',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            prop: 'locationImageUrls',
            disabled: true,
          }, {
            label: '审核人电话',
            prop: 'confirmUserTelephone',
            disabled: true,
            span: 8,
          }, {
            label: '出发-当前时间',
            prop: 'startTime',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '出发-报备位置',
            prop: 'startLocation',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '出发-位置图片',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            prop: 'startImageUrls',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '到达-当前时间',
            prop: 'reachTime',
            disabled: true,
            labelWidth: 120,
            span: 8,
          }, {
            label: '到达-报备位置',
            prop: 'reachLocation',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '到达-位置图片',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            prop: 'reachImageUrls',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '返回-当前时间',
            prop: 'returnTime',
            disabled: true,
            labelWidth: 120,
            span: 8,
          }, {
            label: '返回-报备位置',
            prop: 'returnLocation',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '返回-位置图片',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            prop: 'returnImageUrls',
            labelWidth: 120,
            disabled: true,
          }, ]
} from "@/api/task/bailReporting"
import website from '@/config/website'
export default {
    data () {
        return {
            form: {},
            applyType: '',
            option: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        // span: 10,
                        label: '申请人',
                        prop: 'checkUserName',
                        disabled: true,
                        span: 8,
                    }, {
                        // span: 12,
                        label: '申请人手机',
                        prop: 'checkTelephone',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '申请位置',
                        prop: 'location',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核时间',
                        prop: 'confirmTime',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核人',
                        prop: 'confirmUserName',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核意见',
                        prop: 'confirmNotion',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核状态',
                        prop: 'confirmFlag',
                        disabled: true,
                        span: 8,
                        type: 'select',
                        dicData: [{
                            label: '待审核',
                            value: '1'
                        }, {
                            label: '审核通过',
                            value: '2'
                        }, {
                            label: '审核不通过',
                            value: '3'
                        }]
                    }, {
                        label: '申请时间',
                        prop: 'applyTime',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '外出原因',
                        prop: 'applyName',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '身份证号',
                        prop: 'idCard',
                        disabled: true,
                        span: 8,
                    }, {
                        width: 110,
                        label: '位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'locationImageUrls',
                        disabled: true,
                    }, {
                        label: '审核人电话',
                        prop: 'confirmUserTelephone',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '出发-当前时间',
                        prop: 'startTime',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        label: '出发-报备位置',
                        prop: 'startLocation',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        width: 110,
                        label: '出发-位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'startImageUrls',
                        disabled: true,
                        labelWidth: 120,
                    }, {
                        label: '到达-当前时间',
                        prop: 'reachTime',
                        disabled: true,
                        labelWidth: 120,
                        span: 8,
                    }, {
                        label: '到达-报备位置',
                        prop: 'reachLocation',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        width: 110,
                        label: '到达-位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'reachImageUrls',
                        disabled: true,
                        labelWidth: 120,
                    }, {
                        label: '返回-当前时间',
                        prop: 'returnTime',
                        disabled: true,
                        labelWidth: 120,
                        span: 8,
                    }, {
                        label: '返回-报备位置',
                        prop: 'returnLocation',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        width: 110,
                        label: '返回-位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'returnImageUrls',
                        labelWidth: 120,
                        disabled: true,
                    },]
            }
        }
      }
    },
    methods: {
      auditPass(type) {
        update({
          confirmFlag: type,
          taskId: this.form.taskId,
          id: this.form.id
        }).then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          })
          this.$emit('colseDetail');
        })
      },
      init(data, applyType) {
        this.applyType = applyType
        this.form = {}
        this.getTaskDetail(data.id)
      },
        auditPass (type) {
            update({
                confirmFlag: type,
                taskId: this.form.taskId,
                id: this.form.id
            }).then(() => {
                this.$message({
                    type: "success",
                    message: "操作成功!",
                })
                this.$emit('colseDetail')
            })
        },
        init (data, applyType) {
            this.applyType = applyType
            this.form = {}
            this.getTaskDetail(data.id)
        },

      getTaskDetail(taskId) {
        getDetail({
          taskId: taskId
        }).then((res) => {
          this.form = res.data.data
          if (this.form.reachImageUrls) {
            this.form.reachImageUrls = website.minioUrl + this.form.reachImageUrls
          }
          if (this.form.returnImageUrls) {
            this.form.returnImageUrls = website.minioUrl + this.form.returnImageUrls
          }
          if (this.form.startImageUrls) {
            this.form.startImageUrls = website.minioUrl + this.form.startImageUrls
          }
          if (this.form.locationImageUrls) {
            this.form.locationImageUrls = website.minioUrl + this.form.locationImageUrls
          }
          // console.table(this.form)
        })
      }
        getTaskDetail (taskId) {
            getDetail({
                taskId: taskId
            }).then((res) => {
                this.form = res.data.data
                if (this.form.reachImageUrls) {
                    this.form.reachImageUrls = website.minioUrl + this.form.reachImageUrls
                }
                if (this.form.returnImageUrls) {
                    this.form.returnImageUrls = website.minioUrl + this.form.returnImageUrls
                }
                if (this.form.startImageUrls) {
                    this.form.startImageUrls = website.minioUrl + this.form.startImageUrls
                }
                if (this.form.locationImageUrls) {
                    this.form.locationImageUrls = website.minioUrl + this.form.locationImageUrls
                }
                // console.table(this.form)
            })
        }

    }
  }
}
</script>

<style lang="scss" scoped>
  .cur-container-box {
.cur-container-box {
    display: flex;
    flex-direction: column;
    width: 100%;
@@ -226,18 +231,18 @@
    overflow: hidden;

    .content-box {
      // margin: 0 4px;
      // padding: 0 16px;
      // height: 0;
      // flex: 1;
      // overflow: hidden;
      // overflow-y: auto;
        // margin: 0 4px;
        // padding: 0 16px;
        // height: 0;
        // flex: 1;
        // overflow: hidden;
        // overflow-y: auto;
    }

    .footer-btn-box {
      margin-top: 10px;
      display: flex;
      justify-content: center;
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }
  }
}
</style>

 src/views/publicSecurity/components/campusReporting.vue

@@ -1,230 +1,232 @@
<template>
  <div class="cur-container-box">
    <div v-if="applyType == 1">
      <div class="content-box">
        审核当前项
      </div>
      <div class="footer-btn-box">
        <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
        <el-button size="small" @click="auditPass(3)">驳 回</el-button>
      </div>
    </div>
    <div class="cur-container-box">
        <div v-if="applyType == 1">
            <div class="content-box">
                审核当前项
            </div>
            <div class="footer-btn-box">
                <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
                <el-button size="small" @click="auditPass(3)">驳 回</el-button>
            </div>
        </div>

    <avue-form v-else :option="option" v-model="form"></avue-form>
  </div>
        <avue-form v-else :option="option" v-model="form"></avue-form>
    </div>
</template>
<script>
  import {
import {
    getDetail,
    update
  } from "@/api/task/campusReporting"
  import website from '@/config/website'
  export default {
    data() {
      return {
        form: {},
        applyType: '',
        option: {
          submitBtn: false,
          emptyBtn: false,
          column: [{
            label: '申请人',
            prop: 'checkUserName',
            disabled: true,
          }, {
            label: '申请人手机',
            prop: 'checkTelephone',
            disabled: true,
          }, {
            label: '申请位置',
            prop: 'location',
            disabled: true,
          }, {
            label: '申请时间',
            prop: 'checkTime',
            disabled: true,
          }, {
            label: '安全通道',
            prop: 'scStatus',
            disabled: true,
          }, {
            label: '安全通道图片',
            prop: 'scImageUrls',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            disabled: true,
            labelWidth: 120,
          }, {
            label: '未成年人入住登记本照片',
            prop: 'uanImageUrls',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            disabled: true,
            labelWidth: 120,
          }, {
            label: '审核时间',
            prop: 'confirmTime',
            disabled: true,
          }, {
            label: '审核人',
            prop: 'confirmUserName',
            disabled: true,
          }, {
            label: '审核意见',
            prop: 'confirmNotion',
            disabled: true,
          }, {
            label: '审核状态',
            prop: 'confirmFlag',
            type: 'select',
            dicData: [{
              label: '待审核',
              value: '1'
            }, {
              label: '审核通过',
              value: '2'
            }, {
              label: '审核不通过',
              value: '3'
            }],
            disabled: true,
          }, {
            label: '校园名称',
            prop: 'campusName',
            disabled: true,
          }, {
            label: '消费器材数量',
            prop: 'fireFacsNums',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '消费器材状态',
            prop: 'fireFacsStatus',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '消费器材图片',
            prop: 'fireFacsImageUrls',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            disabled: true,
            labelWidth: 120,
          }, {
            label: '消防器材种类',
            prop: 'fireFacsType',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '校园周边安全巡查照片',
            prop: 'patrolImageUrls',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '学校大门是否配备防撞装置',
            prop: 'antiCollision',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '校园防撞装置照片',
            prop: 'antiCollisionImageUrls',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            disabled: true,
            labelWidth: 120,
          }, {
            label: '专职保安人数',
            prop: 'fullSoNums',
            labelWidth: 120,
            disabled: true,
          }, {
            label: '兼职保安人数',
            prop: 'partSoNums',
            labelWidth: 120,
            disabled: true,
          }, {
            label: '学校监控总数',
            prop: 'monitorNums',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '监控是否全覆盖',
            prop: 'monitorOver',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '高空抛物监控',
            prop: 'highAltitudeMonitor',
            disabled: true,
            labelWidth: 120,
          }, {
            label: '高空抛物监控照片',
            prop: 'haImageUrls',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            disabled: true,
            labelWidth: 120,
          }, ]
} from "@/api/task/campusReporting"
import website from '@/config/website'
export default {
    data () {
        return {
            form: {},
            applyType: '',
            option: {
                submitBtn: false,
                emptyBtn: false,
                column: [{
                    label: '申请人',
                    prop: 'checkUserName',
                    disabled: true,
                }, {
                    label: '申请人手机',
                    prop: 'checkTelephone',
                    disabled: true,
                }, {
                    label: '申请位置',
                    prop: 'location',
                    disabled: true,
                }, {
                    label: '申请时间',
                    prop: 'checkTime',
                    disabled: true,
                }, {
                    label: '安全通道',
                    prop: 'scStatus',
                    disabled: true,
                }, {
                    width: 110,
                    label: '安全通道图片',
                    prop: 'scImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '未成年人入住登记本照片',
                    prop: 'uanImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '审核时间',
                    prop: 'confirmTime',
                    disabled: true,
                }, {
                    label: '审核人',
                    prop: 'confirmUserName',
                    disabled: true,
                }, {
                    label: '审核意见',
                    prop: 'confirmNotion',
                    disabled: true,
                }, {
                    label: '审核状态',
                    prop: 'confirmFlag',
                    type: 'select',
                    dicData: [{
                        label: '待审核',
                        value: '1'
                    }, {
                        label: '审核通过',
                        value: '2'
                    }, {
                        label: '审核不通过',
                        value: '3'
                    }],
                    disabled: true,
                }, {
                    label: '校园名称',
                    prop: 'campusName',
                    disabled: true,
                }, {
                    label: '消费器材数量',
                    prop: 'fireFacsNums',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '消费器材状态',
                    prop: 'fireFacsStatus',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    width: 110,
                    label: '消费器材图片',
                    prop: 'fireFacsImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '消防器材种类',
                    prop: 'fireFacsType',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '校园周边安全巡查照片',
                    prop: 'patrolImageUrls',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '学校大门是否配备防撞装置',
                    prop: 'antiCollision',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '校园防撞装置照片',
                    prop: 'antiCollisionImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '专职保安人数',
                    prop: 'fullSoNums',
                    labelWidth: 120,
                    disabled: true,
                }, {
                    label: '兼职保安人数',
                    prop: 'partSoNums',
                    labelWidth: 120,
                    disabled: true,
                }, {
                    label: '学校监控总数',
                    prop: 'monitorNums',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '监控是否全覆盖',
                    prop: 'monitorOver',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '高空抛物监控',
                    prop: 'highAltitudeMonitor',
                    disabled: true,
                    labelWidth: 120,
                }, {
                    label: '高空抛物监控照片',
                    prop: 'haImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    labelWidth: 120,
                },]
            }
        }
      }
    },
    methods: {
      auditPass(type) {
        update({
          status: type,
          taskId: this.form.taskId,
          id: this.form.id
        }).then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          })
          this.$emit('colseDetail');
        })
      },
      init(data, applyType) {
        this.applyType = applyType
        this.getTaskDetail(data.id)
      },
        auditPass (type) {
            update({
                status: type,
                taskId: this.form.taskId,
                id: this.form.id
            }).then(() => {
                this.$message({
                    type: "success",
                    message: "操作成功!",
                })
                this.$emit('colseDetail')
            })
        },
        init (data, applyType) {
            this.applyType = applyType
            this.getTaskDetail(data.id)
        },

      getTaskDetail(taskId) {
        getDetail({
          taskId: taskId
        }).then((res) => {
          this.form = res.data.data
          if (this.form.haImageUrls) {
            this.form.haImageUrls = website.minioUrl + this.form.haImageUrls
          }
          if (this.form.scImageUrls) {
            this.form.scImageUrls = website.minioUrl + this.form.scImageUrls
          }
          if (this.form.antiCollisionImageUrls) {
            this.form.antiCollisionImageUrls = website.minioUrl + this.form.antiCollisionImageUrls
          }
          if (this.form.patrolImageUrls) {
            this.form.patrolImageUrls = website.minioUrl + this.form.patrolImageUrls
          }
          if (this.form.fireFacsImageUrls) {
            this.form.fireFacsImageUrls = website.minioUrl + this.form.fireFacsImageUrls
          }
        })
      }
        getTaskDetail (taskId) {
            getDetail({
                taskId: taskId
            }).then((res) => {
                this.form = res.data.data
                if (this.form.haImageUrls) {
                    this.form.haImageUrls = website.minioUrl + this.form.haImageUrls
                }
                if (this.form.scImageUrls) {
                    this.form.scImageUrls = website.minioUrl + this.form.scImageUrls
                }
                if (this.form.antiCollisionImageUrls) {
                    this.form.antiCollisionImageUrls = website.minioUrl + this.form.antiCollisionImageUrls
                }
                if (this.form.patrolImageUrls) {
                    this.form.patrolImageUrls = website.minioUrl + this.form.patrolImageUrls
                }
                if (this.form.fireFacsImageUrls) {
                    this.form.fireFacsImageUrls = website.minioUrl + this.form.fireFacsImageUrls
                }
            })
        }

    }
  }
}
</script>

<style lang="scss" scoped>
  .cur-container-box {
.cur-container-box {
    display: flex;
    flex-direction: column;
    width: 100%;
@@ -232,18 +234,18 @@
    overflow: hidden;

    .content-box {
      margin: 0 4px;
      padding: 0 16px;
      height: 0;
      flex: 1;
      overflow: hidden;
      overflow-y: auto;
        margin: 0 4px;
        padding: 0 16px;
        height: 0;
        flex: 1;
        overflow: hidden;
        overflow-y: auto;
    }

    .footer-btn-box {
      margin-top: 10px;
      display: flex;
      justify-content: center;
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }
  }
}
</style>

 src/views/publicSecurity/components/hotelReporting.vue

@@ -1,282 +1,284 @@
<template>
  <div class="cur-container-box">
    <div v-if="applyType == 1">
      <div class="content-box">
        审核当前项
      </div>
      <div class="footer-btn-box">
        <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
        <el-button size="small" @click="auditPass(3)">驳 回</el-button>
      </div>
    </div>
    <div class="cur-container-box">
        <div v-if="applyType == 1">
            <div class="content-box">
                审核当前项
            </div>
            <div class="footer-btn-box">
                <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
                <el-button size="small" @click="auditPass(3)">驳 回</el-button>
            </div>
        </div>

    <avue-form v-else :option="option" v-model="form"></avue-form>
  </div>
        <avue-form v-else :option="option" v-model="form"></avue-form>
    </div>
</template>
<script>
  import {
import {
    getDetail,
    update
  } from "@/api/task/hotelReporting"
  import website from '@/config/website'
  export default {
    data() {
      return {
        form: {},
        applyType: '',
        option: {
          submitBtn: false,
          emptyBtn: false,
          column: [{
              label: '酒店名称',
              prop: 'hotelName',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '申请时间',
              prop: 'checkTime',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '申请人',
              prop: 'checkUserName',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '申请人手机',
              prop: 'checkTelephone',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '申请位置',
              prop: 'location',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '灭火器数量',
              prop: 'fireNums',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '灭火器状态',
              prop: 'fireStatus',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '灭火器图片',
              prop: 'fireImageUrls',
              fileType: 'img',
              type: "upload",
              listType: "picture-card",
              dataType: "string",
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '安全通道状态',
              prop: 'scStatus',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '安全通道图片',
              prop: 'scImageUrls',
              fileType: 'img',
              type: "upload",
              listType: "picture-card",
              dataType: "string",
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '技防设施有无',
              prop: 'pfFlag',
              disabled: true,
              span: 8,
              labelWidth: 120,
            }, {
              label: '技防设施名称',
              prop: 'pfName',
              disabled: true,
              span: 8,
              labelWidth: 120,
              type: 'select',
              dicData: [{
                  label: '有',
                  value: '1'
} from "@/api/task/hotelReporting"
import website from '@/config/website'
export default {
    data () {
        return {
            form: {},
            applyType: '',
            option: {
                submitBtn: false,
                emptyBtn: false,
                column: [{
                    label: '酒店名称',
                    prop: 'hotelName',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '申请时间',
                    prop: 'checkTime',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '申请人',
                    prop: 'checkUserName',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '申请人手机',
                    prop: 'checkTelephone',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '申请位置',
                    prop: 'location',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '灭火器数量',
                    prop: 'fireNums',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '灭火器状态',
                    prop: 'fireStatus',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    width: 110,
                    label: '灭火器图片',
                    prop: 'fireImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '安全通道状态',
                    prop: 'scStatus',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    width: 110,
                    label: '安全通道图片',
                    prop: 'scImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '技防设施有无',
                    prop: 'pfFlag',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '技防设施名称',
                    prop: 'pfName',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                    type: 'select',
                    dicData: [{
                        label: '有',
                        value: '1'
                    },
                    {
                        label: '无',
                        value: '2'
                    }
                    ]
                },
                {
                  label: '无',
                  value: '2'
                }
              ]
            },
            {
              label: '技防设施照片',
              prop: 'pfImageUrls',
              fileType: 'img',
              type: "upload",
              listType: "picture-card",
              dataType: "string",
              disabled: true,
              span: 8,
              labelWidth: 120,
            },
            {
              label: '接待未成年人需要做到五个必须',
              prop: 'fiveMust',
              disabled: true,
              span: 8,
              labelWidth: 120,
              type: 'select',
              dicData: [{
                  label: "必须询问同住人员身份关系情况，并记录备查",
                  value: '1'
                    label: '技防设施照片',
                    prop: 'pfImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },
                {
                  label: "必须立即向公安机关报告可以情况，并及时联系未成年人的父母获取其他监护人，同时采取相应安全保护措施",
                  value: '2'
                    label: '接待未成年人需要做到五个必须',
                    prop: 'fiveMust',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                    type: 'select',
                    dicData: [{
                        label: "必须询问同住人员身份关系情况，并记录备查",
                        value: '1'
                    },
                    {
                        label: "必须立即向公安机关报告可以情况，并及时联系未成年人的父母获取其他监护人，同时采取相应安全保护措施",
                        value: '2'
                    },
                    {
                        label: "必须查验入住未成年人身份，并如实登记报送相关信息",
                        value: '3'
                    },
                    {
                        label: "必须询问未成年父母或者其他监护人的联系方式并记录备查",
                        value: '4'
                    },
                    {
                        label: "必须加强安全巡查和访客管理，预防针对未成年人的不法侵害",
                        value: '5'
                    },
                    {
                        label: "以上皆未做到",
                        value: '6'
                    }
                    ]
                },
                {
                  label: "必须查验入住未成年人身份，并如实登记报送相关信息",
                  value: '3'
                    label: '未成年人入住登记本照片',
                    prop: 'uanImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },
                {
                  label: "必须询问未成年父母或者其他监护人的联系方式并记录备查",
                  value: '4'
                    label: '是否完全实名制登记',
                    prop: 'realName',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },
                {
                  label: "必须加强安全巡查和访客管理，预防针对未成年人的不法侵害",
                  value: '5'
                    label: '确认时间',
                    prop: 'confirmTime',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },
                {
                  label: "以上皆未做到",
                  value: '6'
                }
              ]
            },
            {
              label: '未成年人入住登记本照片',
              prop: 'uanImageUrls',
              fileType: 'img',
              type: "upload",
              listType: "picture-card",
              dataType: "string",
              disabled: true,
              span: 8,
              labelWidth: 120,
            },
            {
              label: '是否完全实名制登记',
              prop: 'realName',
              disabled: true,
              span: 8,
              labelWidth: 120,
            },
            {
              label: '确认时间',
              prop: 'confirmTime',
              disabled: true,
              span: 8,
              labelWidth: 120,
            },
            {
              label: '确认用户',
              prop: 'confirmUserName',
              disabled: true,
              span: 8,
              labelWidth: 120,
            },
            {
              label: '安全通道有无',
              prop: 'scFlag',
              disabled: true,
              span: 8,
              labelWidth: 120,
                    label: '确认用户',
                    prop: 'confirmUserName',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },
                {
                    label: '安全通道有无',
                    prop: 'scFlag',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,

            },
            {
              label: '审核意见',
              prop: 'confirmNotion',
              disabled: true,
              span: 8,
              labelWidth: 120,
            },
            {
              label: '审核状态',
              prop: 'confirmFlag',
              type: 'select',
              dicData: [{
                label: '待审核',
                value: '1'
              }, {
                label: '审核通过',
                value: '2'
              }, {
                label: '审核不通过',
                value: '3'
              }],
              disabled: true,
              span: 8,
              labelWidth: 120,
            },
          ]
                },
                {
                    label: '审核意见',
                    prop: 'confirmNotion',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },
                {
                    label: '审核状态',
                    prop: 'confirmFlag',
                    type: 'select',
                    dicData: [{
                        label: '待审核',
                        value: '1'
                    }, {
                        label: '审核通过',
                        value: '2'
                    }, {
                        label: '审核不通过',
                        value: '3'
                    }],
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },
                ]
            }
        }
      }
    },
    methods: {
      auditPass(type) {
        update({
          status: type,
          taskId: this.form.taskId,
          id: this.form.id
        }).then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          })
          this.$emit('colseDetail');
        })
      },
      init(data, applyType) {
        this.applyType = applyType
        this.getTaskDetail(data.id)
      },
        auditPass (type) {
            update({
                status: type,
                taskId: this.form.taskId,
                id: this.form.id
            }).then(() => {
                this.$message({
                    type: "success",
                    message: "操作成功!",
                })
                this.$emit('colseDetail')
            })
        },
        init (data, applyType) {
            this.applyType = applyType
            this.getTaskDetail(data.id)
        },

      getTaskDetail(taskId) {
        getDetail({
          taskId: taskId
        }).then((res) => {
          this.form = res.data.data
          if (this.form.uanImageUrls) {
            this.form.uanImageUrls = website.minioUrl + this.form.uanImageUrls
          }
          if (this.form.pfImageUrls) {
            this.form.pfImageUrls = website.minioUrl + this.form.pfImageUrls
          }
          if (this.form.scImageUrls) {
            this.form.scImageUrls = website.minioUrl + this.form.scImageUrls
          }
          if (this.form.fireImageUrls) {
            this.form.fireImageUrls = website.minioUrl + this.form.fireImageUrls
          }
        getTaskDetail (taskId) {
            getDetail({
                taskId: taskId
            }).then((res) => {
                this.form = res.data.data
                if (this.form.uanImageUrls) {
                    this.form.uanImageUrls = website.minioUrl + this.form.uanImageUrls
                }
                if (this.form.pfImageUrls) {
                    this.form.pfImageUrls = website.minioUrl + this.form.pfImageUrls
                }
                if (this.form.scImageUrls) {
                    this.form.scImageUrls = website.minioUrl + this.form.scImageUrls
                }
                if (this.form.fireImageUrls) {
                    this.form.fireImageUrls = website.minioUrl + this.form.fireImageUrls
                }

        })
      }
            })
        }

    }
  }
}
</script>

<style lang="scss" scoped>
  .cur-container-box {
.cur-container-box {
    display: flex;
    flex-direction: column;
    width: 100%;
@@ -284,18 +286,18 @@
    overflow: hidden;

    .content-box {
      margin: 0 4px;
      padding: 0 16px;
      height: 0;
      flex: 1;
      overflow: hidden;
      overflow-y: auto;
        margin: 0 4px;
        padding: 0 16px;
        height: 0;
        flex: 1;
        overflow: hidden;
        overflow-y: auto;
    }

    .footer-btn-box {
      margin-top: 10px;
      display: flex;
      justify-content: center;
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }
  }
}
</style>

 src/views/publicSecurity/components/labelReporting.vue

@@ -1,185 +1,186 @@
<template>
  <div class="cur-container-box">
    <div v-if="applyType == 1">
      <div class="content-box">
        审核当前项
      </div>
      <div class="footer-btn-box">
        <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
        <el-button size="small" @click="auditPass(3)">驳 回</el-button>
      </div>
    </div>
    <div class="cur-container-box">
        <div v-if="applyType == 1">
            <div class="content-box">
                审核当前项
            </div>
            <div class="footer-btn-box">
                <el-button type="primary" size="small" @click="auditPass(2)">通 过</el-button>
                <el-button size="small" @click="auditPass(3)">驳 回</el-button>
            </div>
        </div>

    <avue-form v-else :option="option" v-model="form"></avue-form>
  </div>
        <avue-form v-else :option="option" v-model="form"></avue-form>
    </div>
</template>
<script>
  import {
import {
    getDetail,
    update
  } from "@/api/task/labelReporting"
  import website from '@/config/website'
  export default {
    data() {
      return {
        form: {},
        applyType: '',
        option: {
          submitBtn: false,
          emptyBtn: false,
          column: [{
            label: '房屋名称',
            prop: 'houseName',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '手机号',
            prop: 'phoneNumber',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '对象电话',
            prop: 'transactionObjectTel',
            disabled: true,
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '交易金额',
            prop: 'transactionMoney',
            disabled: true,
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '物品数量',
            prop: 'goodsNums',
            disabled: true,
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '发生时间',
            prop: 'happenTime',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '审核时间',
            prop: 'confirmTime',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '位置',
            prop: 'localtion',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '审核意见',
            prop: 'confirmNotion',
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '审核状态',
            prop: 'confirmFlag',
            type: 'select',
            dicData: [{
              label: '待审核',
              value: '1'
            }, {
              label: '审核通过',
              value: '2'
            }, {
              label: '审核不通过',
              value: '3'
            }],
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '交易对象',
            prop: 'transactionObject',
            disabled: true,
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '交易过程',
            prop: 'transactionProcess',
            disabled: true,
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '物品照片',
            prop: 'goodsImageUrls',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            disabled: true,
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, {
            label: '身份证图片',
            prop: 'imageUrls',
            fileType: 'img',
            type: "upload",
            listType: "picture-card",
            dataType: "string",
            disabled: true,
            span: 8,
            labelWidth: 120,
          }, ]
} from "@/api/task/labelReporting"
import website from '@/config/website'
export default {
    data () {
        return {
            form: {},
            applyType: '',
            option: {
                submitBtn: false,
                emptyBtn: false,
                column: [{
                    label: '房屋名称',
                    prop: 'houseName',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '手机号',
                    prop: 'phoneNumber',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '对象电话',
                    prop: 'transactionObjectTel',
                    disabled: true,
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '交易金额',
                    prop: 'transactionMoney',
                    disabled: true,
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '物品数量',
                    prop: 'goodsNums',
                    disabled: true,
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '发生时间',
                    prop: 'happenTime',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '审核时间',
                    prop: 'confirmTime',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '位置',
                    prop: 'localtion',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '审核意见',
                    prop: 'confirmNotion',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '审核状态',
                    prop: 'confirmFlag',
                    type: 'select',
                    dicData: [{
                        label: '待审核',
                        value: '1'
                    }, {
                        label: '审核通过',
                        value: '2'
                    }, {
                        label: '审核不通过',
                        value: '3'
                    }],
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '交易对象',
                    prop: 'transactionObject',
                    disabled: true,
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '交易过程',
                    prop: 'transactionProcess',
                    disabled: true,
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '物品照片',
                    prop: 'goodsImageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    width: 110,
                    label: '身份证图片',
                    prop: 'imageUrls',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                },]
            }
        }
      }
    },
    methods: {
      auditPass(type) {
        update({
          status: type,
          taskId: this.form.taskId,
          id: this.form.id
        }).then(() => {
          this.$message({
            type: "success",
            message: "操作成功!",
          })
          this.$emit('colseDetail');
        })
      },
      init(data, applyType) {
        this.applyType = applyType
        this.getTaskDetail(data.id)
      },
        auditPass (type) {
            update({
                status: type,
                taskId: this.form.taskId,
                id: this.form.id
            }).then(() => {
                this.$message({
                    type: "success",
                    message: "操作成功!",
                })
                this.$emit('colseDetail')
            })
        },
        init (data, applyType) {
            this.applyType = applyType
            this.getTaskDetail(data.id)
        },

      getTaskDetail(taskId) {
        getDetail({
          taskId: taskId
        }).then((res) => {
          this.form = res.data.data
          if (this.form.imageUrls) {
            this.form.imageUrls = website.minioUrl + this.form.imageUrls
          }
          if (this.form.goodsImageUrls) {
            this.form.goodsImageUrls = website.minioUrl + this.form.goodsImageUrls
          }
        getTaskDetail (taskId) {
            getDetail({
                taskId: taskId
            }).then((res) => {
                this.form = res.data.data
                if (this.form.imageUrls) {
                    this.form.imageUrls = website.minioUrl + this.form.imageUrls
                }
                if (this.form.goodsImageUrls) {
                    this.form.goodsImageUrls = website.minioUrl + this.form.goodsImageUrls
                }

        })
      }
            })
        }

    }
  }
}
</script>

<style lang="scss" scoped>
  .cur-container-box {
.cur-container-box {
    display: flex;
    flex-direction: column;
    width: 100%;
@@ -187,18 +188,18 @@
    overflow: hidden;

    .content-box {
      margin: 0 4px;
      padding: 0 16px;
      height: 0;
      flex: 1;
      overflow: hidden;
      overflow-y: auto;
        margin: 0 4px;
        padding: 0 16px;
        height: 0;
        flex: 1;
        overflow: hidden;
        overflow-y: auto;
    }

    .footer-btn-box {
      margin-top: 10px;
      display: flex;
      justify-content: center;
        margin-top: 10px;
        display: flex;
        justify-content: center;
    }
  }
}
</style>

 src/views/task/index.vue

@@ -112,9 +112,9 @@
                        labelWidth: 110,
                    },
                    {
                        width: 110,
                        label: "图片",
                        prop: "imageUrls",
                        width: 80,
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",

 src/views/task/reportForRepairs.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-12-14 17:10:00
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-01-05 15:46:34
 * @LastEditTime: 2024-01-05 18:00:15
 * @FilePath: \jczz_web\src\views\task\reportForRepairs.vue
 * @Description:
 *
@@ -225,7 +225,7 @@
                    },

                    {
                        width: 160,
                        width: 110,
                        label: "图片",
                        prop: "imageUrls",
                        type: "upload",
@@ -329,10 +329,10 @@
                },

                {
                    width: 110,
                    fileType: 'img',
                    label: "图片",
                    prop: "imageList",
                    width: 80,
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",