修改家大事记 的图片文件上传 直调接口

linwenling

2023-09-26 a4db210c069cd45448067fffb39f070e9d119bb9

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

@@ -6,7 +6,10 @@
            v-model="queryParams.kind"
            placeholder="所有类型"
            clearable
            style="width: 240px"
            style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
          >
            <el-option
              v-for="dict in typeOptions"
@@ -20,7 +23,10 @@
              v-model="queryParams.suitable"
              placeholder="请输入适用人"
              clearable
              style="width: 240px"
              style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
@@ -29,7 +35,10 @@
              v-model="queryParams.type"
              placeholder="请输入类别"
              clearable
              style="width: 240px"
              style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
@@ -38,7 +47,10 @@
              v-model="queryParams.method"
              placeholder="请输入保洁方法"
              clearable
              style="width: 240px"
              style="width: 200px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
@@ -125,13 +137,16 @@
          </el-table-column>
       <el-table-column label="适用人" prop="suitable" sortable :show-overflow-tooltip="true" width="150" />
        <el-table-column label="类别" prop="type" sortable width="100" />
        <el-table-column label="保洁方法" prop="method" sortable width="100" />
        <el-table-column label="材料存放地" prop="location" sortable width="120" />
        <el-table-column label="放置地点" prop="place" sortable width="100" />
        <el-table-column label="发生时间" prop="happenTime" sortable width="100" align="center">
        <el-table-column label="保洁方法" prop="method" sortable width="120" />
        <el-table-column label="材料存放地" prop="location" sortable width="150" />
        <el-table-column label="放置地点" prop="place" sortable width="120" />
        <el-table-column label="发生时间" prop="happenTime" sortable width="150" align="center">
          <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template>
        </el-table-column>
        <el-table-column label="备注" prop="remark" sortable width="100" />
        <el-table-column label="是否是本家庭记录" prop="ownData" sortable width="150px" >
          <template slot-scope="scope">{{scope.row.ownData === 0 ? '否': '是'}}</template>
        </el-table-column>
        <el-table-column label="电子文件" prop="url" width="180" align="center">

          <template slot-scope="scope" >
@@ -236,8 +251,7 @@
            :http-request="requestUpload"
            :file-list="fileList"
          >
            <div v-if="uploading" class="upload-status">正在上传...</div>
            <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
            <i  slot="default" class="el-icon-plus"></i>
            <div slot="file" slot-scope="{file}">
              <img
                class="el-upload-list__item-thumbnail"
@@ -279,6 +293,7 @@
            :show-file-list="true"
          >
            <el-button type="primary">点击上传</el-button>
            <div v-if="uploading" class="upload-status">正在上传...</div>
            <template #tip>
              <div class="el-upload__tip">
              </div>
@@ -647,7 +662,7 @@
      /** 删除按钮操作 */
      handleDelete(row) {
        const Ids = row.id || this.ids;
        this.$modal.confirm('是否确认删除资产编号为"' + Ids + '"的数据项？').then(function() {
        this.$modal.confirm('是否确认删除所选数据项？').then(function() {
          return delClean(Ids);
        }).then(() => {
          this.getList();