feige
2025-01-02 43e1199ca0c75787fb6b52bef7d595abd115ceab
ruoyi-ui/src/views/note/memo.vue
@@ -4,7 +4,7 @@
    <el-button class="button1" size="mini" type="text"  @click="handleAdd"  v-hasPermi="['system:role:add']">
      <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn> </el-button>
    <el-table v-loading="loading" :data="memoList"  @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;width: 60%;">
    <el-table v-loading="loading" border :data="memoList"  @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2;  border-radius: 14px 14px 14px 14px;width: 60%;">
      <el-table-column  label="序号" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="150"/>
      <el-table-column label="时间" prop="happenTime" sortable width="180px" align="center">
@@ -45,7 +45,7 @@
      style="background: #FEF7FC;"
    />
    <el-dialog :title="isEdit1 ? '编辑' : '新增'" :visible.sync="open" width="900px" append-to-body>
    <el-dialog :title="isEdit1 ? '编辑' : '新增'" :visible.sync="open" width="900px" append-to-body @close='closeFn'>
      <el-col >
        <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
@@ -130,24 +130,25 @@
          </template>
          <i v-if="true" 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"
                 style="width: 147px; height: 147px"
              fit="fill"
            ></video>
            <img v-else
                 class="el-upload-list__item-thumbnail"
                 :src="file.url"
                 src="../../assets/images/deviceLis.png"
                 alt=""
                 style="width: 100%; height: 100%"
                 style="width: 147px; height: 147px"
                 fit="cover">
            <span class="el-upload-list__item-actions">
                 <span class="el-upload-list__item-name">{{ file.name }}</span>
                 <span class="el-upload-list__item-name">{{file.name}}</span>
                      <span
                        class="el-upload-list__item-preview"
                        @click="handleFileCardPreview(file)"
@@ -168,17 +169,21 @@
                        <i class="el-icon-delete"></i>
                      </span>
                </span>
               <!-- <div style="height: 50px;">
                {{file.name}}
                </div> -->
            <!-- <div style="position:absolute; z-index:2; left:0px; top:70%">{{file.name}}</div> -->
          </div>
        </el-upload>
<el-button
                style="margin-left: 10px"
                size="small"
                type="success"
                @click="fileUpload"
              >上传到服务器</el-button>
        <el-button
          style="margin-left: 10px;"
          size="small"
          type="success"
          @click="fileUpload"
        >上传到服务器</el-button>
        </el-form>
      </el-col>
@@ -194,7 +199,7 @@
    <!-- 查看详情弹窗 -->
    <el-dialog title="详情" :visible.sync="open2" width="900px" append-to-body>
    <el-dialog title="详情" :visible.sync="open2" width="900px" append-to-body @close='closeFn'>
          <el-col >
            <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">
@@ -283,7 +288,7 @@
              ></video>
              <img v-else
                   class="el-upload-list__item-thumbnail"
                   :src="file.url"
                   src="../../assets/images/deviceLis.png"
                   alt=""
                   style="width: 100%; height: 100%"
                   fit="cover">
@@ -402,7 +407,7 @@
      // 数据范围选项
     // 数据范围选项
     fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
       '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],
       '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng','.M4A'],
      fileList:[
      ],
      fileList1:[],
@@ -473,6 +478,10 @@
  },
  methods: {
    closeFn(){
      this.fileList = []
      this.fileListOther = []
    },
    //  弹窗
    handleShow(scope){
@@ -502,6 +511,8 @@
       _this.formDat.url = _this.formDat.url+","+response.fileNames
       _this.$modal.msgSuccess("文件上传成功!");
         })
            // const cid = this.$route.params && this.$route.params.id;
            // this.getList(2007,cid);
    },
    // 查看文件
@@ -509,7 +520,7 @@
      this.dialogFileUrl = file.url;
      if(this.dialogFileUrl.includes("47.93.189.255")==true)
        this.dialogFileUrl = this.dialogFileUrl.replace("47.93.189.255","www.bendudu.com")
      //alert(this.dialogFileUrl)
      alert(this.dialogFileUrl)
      const Base64 = require('js-base64').Base64
      this.desurl = process.env.VUE_APP_BASE_OTHER_API+"preview/"+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
@@ -1084,7 +1095,7 @@
.button1 {
  background:center no-repeat url('../../assets/icons/add1.png') ;
  /* margin-left: 69.5vw; */
  margin-left: 780px;
  margin-left: 650px;
}
.button_delete {