增加图像查看功能

feige

2023-12-05 d80a5794d029c8a5fe58a80464ab0e1ae097c87c

 ruoyi-ui/src/views/selfeconomy/index.vue

@@ -5,7 +5,7 @@
        <el-form-item label="日期" prop="happenTime">
          <el-date-picker
            v-model="dateRange"
            style="width: 200px;
            style="width: 240px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
@@ -117,7 +117,7 @@
              v-hasPermi="['family:note:export']"
            >导入模板下载</el-button>
          </el-col>
          <el-col :span="1.2">
          <el-col :span="1.5">

            <el-upload
              action=""
@@ -128,7 +128,7 @@
            >
              <el-button size="mini"   type="primary"
                         plain
                         icon="el-icon-plus" >导入</el-button>
                         icon="el-icon-top" >导入</el-button>
            </el-upload>
          </el-col>
          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -192,8 +192,9 @@
        <el-table-column label="备注" prop="remark" sortable width="90" align="center">
          <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
        <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
          <template slot-scope="scope" v-if="scope.row.roleId !== 1">
            <div class="button-container">
            <el-button
              size="mini"
              type="text"
@@ -221,6 +222,7 @@
              >查看详情</el-button>

            </el-dropdown>
            </div>
          </template>
        </el-table-column>
      </el-table>
@@ -406,7 +408,10 @@
        // 日期范围
        dateRange: [],
        // 数据范围选项
        fot:[".jpg",".jif"],
    // 数据范围选项
    fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
      '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],

        fileList:[
        ],
        fileListOther:[
@@ -789,7 +794,7 @@
    }
  };
  </script>
  <style>
  <style scoped="">
  .app-container{
    background-color: #FEF7FC;
  }
@@ -803,5 +808,10 @@

  }


  .el-table__cell {
    font-size: 14px; /* 设置字体大小 */
  }
  .button-container {
    display: inline-flex; /* 设置按钮容器为行内元素 */
  }
  </style>