yz3456
2024-07-21 6669c680f79663fc220935d61c3f3f6eee078e7c
ruoyi-ui/src/views/clean/index.vue
@@ -65,7 +65,7 @@
        </el-form-item>
      </el-form>
      <el-row :gutter="10" class="mb8">
      <el-row :gutter="10" class="mb8" v-if="userId != 2">
        <el-col :span="1.5">
          <el-button
            type="primary"
@@ -170,7 +170,7 @@
              ></div>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
        <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2">
          <template slot-scope="scope" v-if="scope.row.roleId !== 1">
            <div class="button-container">
              <el-button
@@ -257,7 +257,7 @@
         :on-change="handleChange"
         :auto-upload="false"
         ref="upload"
          >
            <i slot="default" class="el-icon-plus"></i>
            <div slot="file" slot-scope="{ file }">
@@ -292,7 +292,7 @@
                 style="margin-left: 10px"
                 size="small"
                 type="success"
                 @click="picUpload"
               >上传到服务器</el-button>
          <h4 class="form-header">其他附件 </h4>
@@ -309,13 +309,52 @@
            :http-request="requestUpload1"
            :show-file-list="true"
          >
<!--
<!--
            <el-button type="primary">点击上传</el-button>
            <div v-if="uploading" class="upload-status">正在上传...</div> -->
            <template #tip>
            <!-- <template #tip>
              <div class="el-upload__tip">
              </div>
            </template>
          </el-upload> -->
          <i slot="default" class="el-icon-plus"></i>
            <div slot="file" slot-scope="{file}">
              <!-- 添加video元素用于显示视频 -->
              <video
                v-if="file.url.includes('.mp4')"
                class="el-upload-list__item-thumbnail"
                :src="file.url"
                style="width: 147px; height: 147px"
                fit="cover"
              ></video>
              <img v-else
                   class="el-upload-list__item-thumbnail"
                   src="../../assets/images/deviceLis.png"
                   alt=""
                   style="width: 100%; height: 100%"
                   fit="cover"></img>
              <span class="el-upload-list__item-actions">
                   <span class="el-upload-list__item-name">{{ file.name }}</span>
                        <!-- <span
                          class="el-upload-list__item-preview"
                          @click="handleFileCardPreview(file)"
                        >
                          <i class="el-icon-zoom-in"></i>
                        </span> -->
                        <span
                          class="el-upload-list__item-delete"
                          @click="handleRemoveFile(file)"
                        >
                          <i class="el-icon-delete"></i>
                        </span>
                  </span>
            </div>
          </el-upload>
    <el-button
                style="margin-left: 10px"
@@ -343,7 +382,7 @@
  <script>
  import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
  import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
import {getInfo} from "@/api/login";
  //在system/note/index.js中导入接口函数
@@ -354,6 +393,7 @@
    dicts: ['sys_normal_disable'],
    data() {
      return {
        userId: undefined,
        // 遮罩层
        disabled: false,
@@ -386,7 +426,7 @@
        // 数据范围选项
      fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
        '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],
        fileList:[
        ],
      fileList1:[],
@@ -477,10 +517,16 @@
    created() {
      this.getList();
      this.getCateInfor()
      this.getInfo()
    },
    methods: {
    //
      getInfo(){
            console.log('-----------------')
            getInfo().then(response=>{
              console.log(response.user.roles[0].roleId,'roleID')
              this.userId = response.user.roles[0].roleId
            })
          },
    getSrc1(kind) {
    if (kind === 0) {
      return '保洁'
@@ -551,7 +597,7 @@
             this.$delete(this.fileList,i);
                  this.$delete(this.uploadFileList,i);
                  }
        }
      },
@@ -586,7 +632,7 @@
            deptCheckStrictly: true,
            remark: undefined
          };
        this.resetForm("form");
        this.resetForm("elForm");
      },
      /** 搜索按钮操作 */
      handleQuery() {
@@ -641,10 +687,10 @@
        {
          if(this.fileListOther[i].url==file.url)
          {
            this.$delete(this.fileListOther,i);
            this.$delete(this.uploadFileList1,i);
            }
        }
      },
@@ -677,7 +723,7 @@
      },
    handleChange(file, fileList1) {
       //定义一个全局数组uploadFileList来做存储
     // this.uploadFileList.push(file.raw);
      console.log("=========5555=========")
     this.uploadFileList.push(file.raw);
@@ -689,7 +735,7 @@
    },
    handleChange1(file, fileOtherList1) {
       //定义一个全局数组uploadFileList来做存储
     // this.uploadFileList.push(file.raw);
      console.log("=========5555=========")
     this.uploadFileList1.push(file.raw);
@@ -700,7 +746,7 @@
    },
    fileUpload(){
    //   var file = params.file;
       var formData = new FormData();
       //this.$refs.upload1.submit();
       // formData.append('uploadFile', file);
@@ -710,18 +756,18 @@
       }
       this.uploadFileList1.forEach((elem)=>{
          formData.append("files", elem)
       })
       let _this = this
       this.uploading = true;
       uploadPic(formData).then(response => {
       _this.uploadFileList1 = []
       _this.formDat.url = _this.formDat.url+","+response.fileNames
       _this.$modal.msgSuccess("文件上传成功!");
         })
    },
    picUpload()
    {
@@ -736,7 +782,7 @@
    //console.log(this.uploadFileList)
       this.uploadFileList.forEach((elem)=>{
          formData.append("files", elem)
       })
       //alert(90)
       let _this = this
@@ -747,11 +793,11 @@
        //alert( _this.formDat.url)
         _this.uploadFileList = []
         _this.$modal.msgSuccess("图片上传成功");
      });
    },
    requestUpload(params) {
   //  this.uploadFileList.push(params.file);
    },
    requestUpload1(params)