内部单不能修改报告

spring

2025-03-19 07a41ade45c962e93a9d449ce1be0eec52e66a6a

 src/components/equipment/equipment-acceptance.vue

@@ -2,48 +2,117 @@
  <div>
    <div>
      <div style="margin: 10px 0;text-align: right">
        <el-button size="small" type="primary" @click="handleForm('add')">新增</el-button>
        <el-button size="small" type="primary" @click="handleForm('add')"
          >新增</el-button
        >
      </div>
      <div>
        <el-table ref="yearTable" v-loading="yearTableDetailDataLoading" :data="yearTableDetailData"
                  height="calc(100vh - 18em)"
                  style="width: 100% ;">
        <el-table
          ref="yearTable"
          v-loading="yearTableDetailDataLoading"
          :data="yearTableDetailData"
          height="calc(100vh - 18em)"
          style="width: 100% ;"
        >
          <!-- 表格列 -->
          <el-table-column align="center" header-align="center" label="序号" prop="prop" type="index" width="70"></el-table-column>
          <el-table-column label="到货日期" min-width="150" prop="arrivalDate"></el-table-column>
          <el-table-column label="金额" min-width="100" prop="goldAmount"></el-table-column>
          <el-table-column label="维修单位" min-width="150" prop="maintenanceunit"></el-table-column>
          <el-table-column
            align="center"
            header-align="center"
            label="序号"
            prop="prop"
            type="index"
            width="70"
          ></el-table-column>
          <el-table-column
            label="到货日期"
            min-width="150"
            prop="arrivalDate"
          ></el-table-column>
          <el-table-column
            label="金额"
            min-width="100"
            prop="goldAmount"
          ></el-table-column>
          <el-table-column
            label="维修单位"
            min-width="150"
            prop="maintenanceunit"
          ></el-table-column>
          <!-- 操作按钮 -->
          <el-table-column align="center" label="操作" min-width="180">
            <template slot-scope="scope">
              <el-button size="small" type="text" @click="handleForm('edit',scope.row.acceptanceId)">编辑</el-button>
              <el-button size="small" type="text" @click="handleForm('view',scope.row.acceptanceId)">查看</el-button>
              <el-button size="small" type="text" @click="record(scope.row)">附件</el-button>
              <el-button size="small" type="text" @click="handleDownOne(scope.row.acceptanceId)">导出</el-button>
              <el-button size="small" style="color: #f56c6c" type="text" @click="deleteFun(scope.row.acceptanceId)">删除</el-button>
              <el-button
                size="small"
                type="text"
                @click="handleForm('edit', scope.row.acceptanceId)"
                >编辑</el-button
              >
              <el-button
                size="small"
                type="text"
                @click="handleForm('view', scope.row.acceptanceId)"
                >查看</el-button
              >
              <el-button size="small" type="text" @click="record(scope.row)"
                >附件</el-button
              >
              <el-button
                size="small"
                type="text"
                @click="handleDownOne(scope.row.acceptanceId)"
                >导出</el-button
              >
              <el-button
                size="small"
                style="color: #f56c6c"
                type="text"
                @click="deleteFun(scope.row.acceptanceId)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <el-pagination :current-page="1" :page-size="pagination1.size" :page-sizes="[10, 20, 30, 50, 100]"
                       :total="pagination1.total" layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange1"
                       @current-change="handleCurrentChange1">
        <el-pagination
          :current-page="1"
          :page-size="pagination1.size"
          :page-sizes="[10, 20, 30, 50, 100]"
          :total="pagination1.total"
          layout="->,total, sizes, prev, pager, next, jumper"
          @size-change="handleSizeChange1"
          @current-change="handleCurrentChange1"
        >
        </el-pagination>
      </div>
    </div>
    <acceptance-form v-if="applicationForm" ref="applicationForm" @closeDialog="closeDialog"></acceptance-form>
    <acceptance-form
      v-if="applicationForm"
      ref="applicationForm"
      @closeDialog="closeDialog"
    ></acceptance-form>
    <!--上传报告-->
    <el-dialog :visible.sync="filesDialogVisible" title="附件" width="80%" @closed="closeFilesLook">
    <el-dialog
      :visible.sync="filesDialogVisible"
      title="附件"
      width="80%"
      @closed="closeFilesLook"
    >
      <div style="display: flex;justify-content: space-between;">
        <el-upload ref='upload'
                   :action="fileAction"
                   :auto-upload="true"
                   :before-upload="fileBeforeUpload"
                   :data="{acceptanceId: acceptanceId}"
                   :headers="headers" :on-error="onError"
                   :on-success="handleSuccessUp"
                   :show-file-list="false"
                   accept='.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar' style="width: 80px !important;">
          <el-button size="small" style="height: 38px" type="primary">附件上传</el-button>
        <el-upload
          ref="upload"
          :action="fileAction"
          :auto-upload="true"
          :before-upload="fileBeforeUpload"
          :data="{ acceptanceId: acceptanceId }"
          :headers="headers"
          :on-error="onError"
          :on-success="handleSuccessUp"
          :show-file-list="false"
          accept=".jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar"
          style="width: 80px !important;"
        >
          <el-button size="small" style="height: 38px" type="primary"
            >附件上传</el-button
          >
        </el-upload>
      </div>
      <div>
@@ -54,16 +123,24 @@
          :highlightCurrentRow="true"
          :table-data="tableData"
          :table-loading="tableLoading"
          style="margin-top: 0.5em;">
          style="margin-top: 0.5em;"
        >
        </ZTTable>
      </div>
    </el-dialog>
    <el-dialog
      :visible.sync="lookDialogVisible"
      fullscreen
      title="查看附件" top="5vh" width="800px">
      <filePreview v-if="lookDialogVisible" :currentFile="{}"
                   :fileUrl="fileUrl" style="height: 90vh;overflow-y: auto;"/>
      title="查看附件"
      top="5vh"
      width="800px"
    >
      <filePreview
        v-if="lookDialogVisible"
        :currentFile="{}"
        :fileUrl="fileUrl"
        style="height: 90vh;overflow-y: auto;"
      />
    </el-dialog>
  </div>
</template>
@@ -72,16 +149,16 @@
import AcceptanceForm from "./acceptance-form.vue";
import ZTTable from "../caorui/ZTTable/index.vue";
import filePreview from "../tool/file-preview.vue";
import file from "../../util/file";

export default {
  name: "equipment-acceptance",
  // import 引入的组件需要注入到对象中才能使用
  components: {filePreview, ZTTable, AcceptanceForm},
  components: { filePreview, ZTTable, AcceptanceForm },
  props: {
    clickNodeVal: {
      type: Object,
      default: () => {
      }
      default: () => {}
    }
  },
  data() {
@@ -90,7 +167,7 @@
      pagination1: {
        size: 10,
        current: 1,
        total: 0,
        total: 0
      },
      yearTableDetailDataLoading: false,
      yearTableDetailData: [],
@@ -98,36 +175,36 @@
      filesDialogVisible: false,
      columnData: [
        {
          label: '文件名称',
          prop: 'fileName',
          minWidth: '150px'
          label: "文件名称",
          prop: "fileName",
          minWidth: "150px"
        },
        {
          dataType: 'action',
          minWidth: '100',
          label: '操作',
          fixed: 'right',
          dataType: "action",
          minWidth: "100",
          label: "操作",
          fixed: "right",
          operation: [
            {
              name: '预览',
              type: 'text',
              clickFun: (row) => {
                this.handleLook(row)
              name: "预览",
              type: "text",
              clickFun: row => {
                this.handleLook(row);
              }
            },
            {
              name: '下载',
              type: 'text',
              clickFun: (row) => {
                this.upload(row)
              name: "下载",
              type: "text",
              clickFun: row => {
                this.upload(row);
              }
            },
            {
              name: '删除',
              type: 'text',
              color: '#f56c6c',
              clickFun: (row) => {
                this.delete(row)
              name: "删除",
              type: "text",
              color: "#f56c6c",
              clickFun: row => {
                this.delete(row);
              }
            }
          ]
@@ -135,210 +212,252 @@
      ],
      tableData: [],
      tableLoading: false,
      acceptanceId: '', // 上传附件当前行的id
      currentInfo:{},
      acceptanceId: "", // 上传附件当前行的id
      currentInfo: {},
      lookDialogVisible: false,
      fileUrl: ''
    }
      fileUrl: ""
    };
  },
  mounted() {
    this.getYearTableDetailData(this.clickNodeVal.value)
    this.getYearTableDetailData(this.clickNodeVal.value);
  },
  // 方法集合
  methods: {
    // 查询
    getYearTableDetailData(deviceId) {
      this.yearTableDetailDataLoading = true
      this.$axios.post(this.$api.deviceAcceptance.pageDeviceAcceptance, {
        page: {
          current: this.pagination1.current,
          size: this.pagination1.size,
        },
        entity: {
          deviceId: deviceId,
        }
      }, {
        headers: {
          'Content-Type': 'application/json'
        },
        noQs: true
      }).then(res => {
        if (res.code == 200) {
          this.yearTableDetailData = res.data.records
          this.pagination1.total = res.data.total
        }
        this.yearTableDetailDataLoading = false
      }).catch(err => {
        this.yearTableDetailDataLoading = false
      })
      this.yearTableDetailDataLoading = true;
      this.$axios
        .post(
          this.$api.deviceAcceptance.pageDeviceAcceptance,
          {
            page: {
              current: this.pagination1.current,
              size: this.pagination1.size
            },
            entity: {
              deviceId: deviceId
            }
          },
          {
            headers: {
              "Content-Type": "application/json"
            },
            noQs: true
          }
        )
        .then(res => {
          if (res.code == 200) {
            this.yearTableDetailData = res.data.records;
            this.pagination1.total = res.data.total;
          }
          this.yearTableDetailDataLoading = false;
        })
        .catch(err => {
          this.yearTableDetailDataLoading = false;
        });
    },
    handleForm(type, id) {
      this.applicationForm = true
      this.applicationForm = true;
      this.$nextTick(() => {
        this.$refs.applicationForm.openDialog(type, id, this.clickNodeVal.value)
      })
        this.$refs.applicationForm.openDialog(
          type,
          id,
          this.clickNodeVal.value
        );
      });
    },
    closeDialog() {
      this.applicationForm = false
      this.getYearTableDetailData(this.clickNodeVal.value)
      this.applicationForm = false;
      this.getYearTableDetailData(this.clickNodeVal.value);
    },
    // 打开报告弹框
    record (row) {
      this.filesDialogVisible = true
      this.acceptanceId = row.acceptanceId
      this.searchTableList()
    record(row) {
      this.filesDialogVisible = true;
      this.acceptanceId = row.acceptanceId;
      this.searchTableList();
    },
    // 查询附件列表
    searchTableList () {
      this.tableLoading = true
      this.$axios.get(this.$api.deviceAcceptance.getDeviceAcceptanceFileList + '?acceptanceId=' + this.acceptanceId).then(res => {
        this.tableLoading = false
        if (res.code === 201) return
        this.tableData = res.data
      }).catch(err => {
        this.tableLoading = false
        console.log('err---', err);
      })
    searchTableList() {
      this.tableLoading = true;
      this.$axios
        .get(
          this.$api.deviceAcceptance.getDeviceAcceptanceFileList +
            "?acceptanceId=" +
            this.acceptanceId
        )
        .then(res => {
          this.tableLoading = false;
          if (res.code === 201) return;
          this.tableData = res.data;
        })
        .catch(err => {
          this.tableLoading = false;
          console.log("err---", err);
        });
    },
    // 查看文件
    handleLook(row){
      this.currentInfo = row
      this.lookDialogVisible = true
      const state = /\.(jpg|jpeg|png|gif)$/i.test(this.currentInfo.fileUrl)
    handleLook(row) {
      this.currentInfo = row;
      this.lookDialogVisible = true;
      const state = /\.(jpg|jpeg|png|gif)$/i.test(this.currentInfo.fileUrl);
      if (state) {
        this.fileUrl = this.javaApi+'/img/'+ this.currentInfo.fileUrl
        this.fileUrl = this.javaApi + "/img/" + this.currentInfo.fileUrl;
      } else {
        this.fileUrl = this.javaApi+'/word/'+ this.currentInfo.fileUrl
        this.fileUrl = this.javaApi + "/word/" + this.currentInfo.fileUrl;
      }
    },
    // 下载
    upload (row) {
      let url = '';
      if(row.type==1){
        url = this.javaApi+'/img/'+row.fileUrl
        file.downloadIamge(url,row.fileName)
      }else{
        url = this.javaApi+'/word/'+row.fileUrl
        const link = document.createElement('a');
    upload(row) {
      let url = "";
      if (row.type == 1) {
        url = this.javaApi + "/img/" + row.fileUrl;
        file.downloadIamge(url, row.fileName);
      } else {
        url = this.javaApi + "/word/" + row.fileUrl;
        const link = document.createElement("a");
        link.href = url;
        link.download = row.fileName;
        link.click();
      }
    },
    // 删除
    delete (row) {
      this.$confirm('此操作将删除该数据, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.tableLoading = true
        this.$axios.get(this.$api.deviceAcceptance.delDeviceAcceptanceFileList + '?acceptanceFileId=' + row.acceptanceFileId).then(res => {
          this.tableLoading = false
          if (res.code === 201) return
          this.$message.success('删除成功')
          this.searchTableList()
        }).catch(err => {
          this.tableLoading = false
          console.log('err---', err);
    delete(row) {
      this.$confirm("此操作将删除该数据, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.tableLoading = true;
          this.$axios
            .get(
              this.$api.deviceAcceptance.delDeviceAcceptanceFileList +
                "?acceptanceFileId=" +
                row.acceptanceFileId
            )
            .then(res => {
              this.tableLoading = false;
              if (res.code === 201) return;
              this.$message.success("删除成功");
              this.searchTableList();
            })
            .catch(err => {
              this.tableLoading = false;
              console.log("err---", err);
            });
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
      });
    },
    // 上传附件
    fileBeforeUpload(file) {
      let flag = true
      let flag = true;
      if (file.size > 1024 * 1024 * 10) {
        this.$message.error('上传文件不超过10M');
        this.$refs.upload.clearFiles()
        flag = false
        this.$message.error("上传文件不超过10M");
        this.$refs.upload.clearFiles();
        flag = false;
      }
      if (!flag) {
        return Promise.reject(flag); //正确的终止
      }
    },
    onError(err, file, fileList,type) {
      this.$message.error('上传失败')
      this.$refs.upload.clearFiles()
    onError(err, file, fileList, type) {
      this.$message.error("上传失败");
      this.$refs.upload.clearFiles();
    },
    handleSuccessUp(response, ) {
    handleSuccessUp(response) {
      this.upLoading = false;
      if (response.code == 200) {
        this.$message.success('上传成功');
        this.searchTableList()
        this.$message.success("上传成功");
        this.searchTableList();
      }
    },
    closeFilesLook () {
      this.filesDialogVisible = false
    closeFilesLook() {
      this.filesDialogVisible = false;
    },
    // 分页
    handleSizeChange1(val) {
      this.pagination1.size = val
      this.getYearTableDetailData(this.clickNodeVal.value)
      this.pagination1.size = val;
      this.getYearTableDetailData(this.clickNodeVal.value);
    },
    // 分页
    handleCurrentChange1(val) {
      this.pagination1.current = val
      this.getYearTableDetailData(this.clickNodeVal.value)
      this.pagination1.current = val;
      this.getYearTableDetailData(this.clickNodeVal.value);
    },
    // 导出
    handleDownOne(id) {
      this.outLoading = true
      this.$axios.get(this.$api.deviceAcceptance.exportDeviceAcceptance + '?acceptanceId=' + id, {
        responseType: "blob"
      }).then(res => {
        this.outLoading = false
        const blob = new Blob([res], {type: 'application/octet-stream'});
        //将Blob 对象转换成字符串
        let reader = new FileReader();
        reader.readAsText(blob, 'utf-8');
        reader.onload = () => {
          try {
            let result = JSON.parse(reader.result);
            if (result.message) {
              this.$message.error(result.message);
            } else {
              const url = URL.createObjectURL(blob);
              const link = document.createElement('a');
              link.href = url;
              link.download = '设备验收.doc';
              link.click();
              this.$message.success('导出成功')
            }
          } catch (err) {
            console.log(err);
            const url = URL.createObjectURL(blob);
            const link = document.createElement('a');
            link.href = url;
            link.download = '设备验收.doc';
            link.click();
            this.$message.success('导出成功')
      this.outLoading = true;
      this.$axios
        .get(
          this.$api.deviceAcceptance.exportDeviceAcceptance +
            "?acceptanceId=" +
            id,
          {
            responseType: "blob"
          }
        }
      })
        )
        .then(res => {
          this.outLoading = false;
          const blob = new Blob([res], { type: "application/octet-stream" });
          //将Blob 对象转换成字符串
          let reader = new FileReader();
          reader.readAsText(blob, "utf-8");
          reader.onload = () => {
            try {
              let result = JSON.parse(reader.result);
              if (result.message) {
                this.$message.error(result.message);
              } else {
                const url = URL.createObjectURL(blob);
                const link = document.createElement("a");
                link.href = url;
                link.download = "设备验收.doc";
                link.click();
                this.$message.success("导出成功");
              }
            } catch (err) {
              console.log(err);
              const url = URL.createObjectURL(blob);
              const link = document.createElement("a");
              link.href = url;
              link.download = "设备验收.doc";
              link.click();
              this.$message.success("导出成功");
            }
          };
        });
    },
    // 删除
    deleteFun(id) {
      this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$axios.get(this.$api.deviceAcceptance.delDeviceAcceptance + '?acceptanceId=' + id).then(res => {
          this.$message.success('删除成功！');
          this.getYearTableDetailData(this.clickNodeVal.value);
      this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$axios
            .get(
              this.$api.deviceAcceptance.delDeviceAcceptance +
                "?acceptanceId=" +
                id
            )
            .then(res => {
              this.$message.success("删除成功！");
              this.getYearTableDetailData(this.clickNodeVal.value);
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    }
  },
  watch: {
    // 监听点击el-tree的数据，进行数据刷新
@@ -346,20 +465,21 @@
      if (newVal.value) {
        this.getYearTableDetailData(newVal.value);
      }
    },
    }
  },
  computed: {
    headers() {
      return {
        'token': sessionStorage.getItem('token')
      }
        token: sessionStorage.getItem("token")
      };
    },
    fileAction() {
      return this.javaApi + this.$api.deviceAcceptance.uploadDeviceAcceptanceFile

      return (
        this.javaApi + this.$api.deviceAcceptance.uploadDeviceAcceptanceFile
      );
    }
  },
}
  }
};
</script>

<style scoped>