1.递交

小小儁爺

2024-08-06 95e34f7f11a54ebebbadc4a21d4f3e2af2baa9aa

 src/views/sopManager/sopDevice.vue

@@ -2,7 +2,7 @@
  <div>
    <div class="body" :style="{height:mainHeight+'px'}">
      <div class="bodyTopButtonGroup" style="justify-content: space-between;align-items: center">
        <el-button icon="el-icon-circle-plus-outline" type="primary" @click="add">文件上传</el-button>
        <el-button v-waves icon="el-icon-circle-plus-outline" type="primary" @click="add">文件上传</el-button>
        <div style="display: flex;align-items: center">
          <el-form
            ref="form"
@@ -19,8 +19,8 @@
              </el-form-item>
            </div>
          </el-form>
          <el-button type="primary" style="margin-left: 30px" icon="el-icon-search" @click="search">查询</el-button>
          <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button>
          <el-button v-waves type="primary" style="margin-left: 30px" icon="el-icon-search" @click="search">查询</el-button>
          <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">重置</el-button>
        </div>
      </div>

@@ -149,6 +149,7 @@
    </div>

    <el-dialog
      v-el-drag-dialog
      title="文件上传"
      :visible.sync="dialogVisible"
      width="800px"
@@ -227,9 +228,10 @@
              :on-exceed="handleExceed"
              :auto-upload="false"
              :multiple="false"
              accept=".mp4,.pdf,.png,.jpeg,.jpg,.svg,.txt,.xlsx,.xls"
            >
              <!--              accept=".mp4,.pdf"-->
              <el-button
                v-waves
                type="primary"
                style="width: 200px;display: flex;justify-content: center"
                icon="el-icon-upload2"
@@ -241,8 +243,9 @@
      </el-form>
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">取 消</el-button>
          <el-button v-waves @click="dialogVisibleCancel">取 消</el-button>
          <el-button
            v-waves
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
@@ -260,12 +263,15 @@
import { DeviceSopAddSeave, DeviceSopDeleteSeave, DeviceSopSearch } from '@/api/SopManager'
import { DeviceTypeSearch } from '@/api/DeviceManager'
import { EqpTypecodeSeachEqpPermissions } from '@/api/GeneralBasicData'
import waves from '@/directive/waves'
import elDragDialog from '@/directive/el-drag-dialog'

export default {
  name: 'Zzjg',
  components: {
    Pagination
  },
  directives: { waves, elDragDialog },
  data() {
    return {
      mouseHoverType: 'mouseout',
@@ -362,6 +368,7 @@
    handleExceed() {
      this.$message.info('暂不支持多文件上传！')
    },

    async devicetypecodeChange(eqptypecode) {
      const { data: res } = await EqpTypecodeSeachEqpPermissions({ eqptypecode })
      this.deviceArr = res
@@ -426,8 +433,14 @@
    // 对话框确认
    dialogVisibleConfirm() {
      console.log(this.$refs.uploadFileRef.uploadFiles[0])

      if (!this.$refs.uploadFileRef.uploadFiles[0]) {
        this.$message.info('请选择文件上传！')
        return this.$message.info('请选择文件上传！')
      }

      const isLt100M = this.$refs.uploadFileRef.uploadFiles[0].size / 1024 / 1024 <= 1024
      if (!isLt100M) {
        return this.$message.info('请检查，上传文件大小不能超过1024MB!')
      }

      this.$refs.dialogForm.validate(valid => {