报事报修完善

shuishen

2024-01-02 a4569ea73dc80eb4f413b0a606f421f82f245973

报事报修完善

 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: 2023-12-29 10:36:08
 * @LastEditTime: 2024-01-02 10:14:01
 * @FilePath: \jczz_web\src\views\task\reportForRepairs.vue
 * @Description:
 *
@@ -12,9 +12,10 @@
<template>
  <basic-container>
    <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" @row-del="rowDel"
      v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen"
      @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
            v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave"
            :before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset"
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad">
      <template slot="confirmFlag" slot-scope="{row}">
        <el-tag size="small" :type="showConfirmFlag(row.confirmFlag).type">
          {{ showConfirmFlag(row.confirmFlag).text }}
@@ -67,14 +68,26 @@
      </template>

      <template slot-scope="scope" slot="menu">
        <el-button type="text" icon="el-icon-chat-dot-square" :disabled="scope.row.confirmFlag === 3"
                <el-button v-if="permission.report_for_repairs_details" size="small" type="text"
                    icon="el-icon-document-remove" @click="rowExpansion(scope.row)">
                    详情
                </el-button>

                <el-button v-if="permission.report_for_repairs_reply" size="small" type="text"
                    icon="el-icon-chat-dot-square" :disabled="scope.row.confirmFlag === 3"
          @click="replyBtnClick(scope.row)">
          回复
        </el-button>

        <el-button type="text" icon="el-icon-document-copy" :disabled="scope.row.confirmFlag === 3"
                <el-button v-if="permission.report_for_repairs_turn_over" size="small" type="text"
                    icon="el-icon-document-copy" :disabled="scope.row.confirmFlag === 3"
          @click="turnOverBtnClick(scope.row)">
          移交
                </el-button>

                <el-button v-if="permission.report_for_repairs_del" size="small" type="text" icon="el-icon-delete"
                    @click="rowDel(scope.row)">
                    删除
        </el-button>
      </template>

@@ -89,9 +102,10 @@
      <avue-form ref="replyForm" :option="replyOption" v-model="replyForm" @submit="handleSubmit"
        @reset-change="handleReset">
        <template slot-scope="{row}" slot="videoList">
          <el-upload class="video-uploader" action="/api/blade-resource/oss/endpoint/put-file" :file-list="fileList"
            :headers="updateHeader" :show-file-list="true" :limit="1" :on-change="getFile" :on-exceed="handleExceed"
            :on-success="uploadVideoProcess" :before-upload="beforeUploadVideo" :before-remove="beforeRemove">
                    <el-upload class="video-uploader" action="/api/blade-resource/oss/endpoint/put-file"
                        :file-list="fileList" :headers="updateHeader" :show-file-list="true" :limit="1" :on-change="getFile"
                        :on-exceed="handleExceed" :on-success="uploadVideoProcess" :before-upload="beforeUploadVideo"
                        :before-remove="beforeRemove">
            <el-button size="small" type="primary">点击上传</el-button>
            <div slot="tip" class="el-upload__tip">上传视频只能是 mp4 格式，且大小不能超过 50MB</div>
          </el-upload>
@@ -99,7 +113,8 @@
      </avue-form>
    </el-dialog>

    <el-dialog title="转交" append-to-body :visible.sync="turnOverPopup" center @close="popupClose">
        <el-dialog title="转交" class="turn-over-popup" append-to-body :visible.sync="turnOverPopup" center
            @close="popupClose">
      <avue-form ref="turnOverForm" :option="turnOverOption" v-model="turnOverForm" @submit="turnOverHandleSubmit"
        @reset-change="turnOverHandleReset"></avue-form>
    </el-dialog>
@@ -141,6 +156,9 @@
        datetime: "",
        selectionList: [],
        option: {
                viewBtn: false,
                editBtn: false,
                delBtn: false,
          index: false,
          selection: false,
          expand: true,
@@ -150,10 +168,9 @@
          tip: false,
          searchShow: true,
          searchMenuSpan: 3,
          menuWidth: 350,
                menuWidth: 272,
          border: true,
          //stripe:true,
          viewBtn: true,
          // excelBtn: true,
          dialogClickModal: false,
          column: [{
@@ -334,7 +351,7 @@
            // },

            {
              span: 14,
                        span: 24,
              label: "人员类型",
              prop: "peopleType",
              type: 'select',
@@ -354,7 +371,7 @@
            },

            {
              span: 14,
                        span: 24,
              label: "指定人员",
              prop: "transferUserId",
              type: 'select',
@@ -533,6 +550,10 @@
      }
    },
    methods: {
        rowExpansion (row) {
            this.$refs.crud.toggleRowExpansion(row)
        },

      popupClose() {
        this.$refs.replyForm && this.$refs.replyForm.resetForm()
        this.$refs.turnOverForm && this.$refs.turnOverForm.resetForm()