scrq-hd/.svn/pristine/d5/d52a95a32bfcc916e653aedcb268e6deffa7da0b.svn-base

<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryParams" :inline="true">
      <el-form-item label="工艺文件名称" prop="name" label-width="100px">
        <el-input
          v-model="queryParams.name"
          placeholder="工艺文件名称"
          :clearable="true"
          size="small"
        />
      </el-form-item>
      <el-form-item label="附件原名称" prop="originalName">
        <el-input
          v-model="queryParams.originalName"
          placeholder="模板名称"
          :clearable="true"
          size="small"
        />
      </el-form-item>

      <el-form-item>
        <el-button
          type="primary"
          icon="el-icon-search"
          size="mini"
          @click="getList"
          >搜索</el-button
        >
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
          >重置</el-button
        >
      </el-form-item>
    </el-form>

    <el-table
      v-loading="loading"
      highlight-current-row
      :data="tableData"
      height="400px"
      border
      ref="tableToggle"
      class="tableStyle"
      @row-dblclick="handleDbClick"
    >
      <el-table-column align="center" type="index" label="序号" width="50">
      </el-table-column>

      <el-table-column label="文件预览" width="80">
        <template slot-scope="scope">
          <i
            style="color: blue; text-decoration: underline; cursor: pointer"
            @click="view(scope.$index, scope.row)"
            >查看详情</i
          >
        </template>
      </el-table-column>
      <el-table-column
        prop="name"
        align="center"
        label="工艺文件名称"
        width="150"
      >
      </el-table-column>
      <el-table-column
        prop="originalName"
        align="center"
        label="附件原名称"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="routeName"
        align="center"
        label="工艺路线名称"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="operationName"
        min-width="150"
        align="center"
        label="工序名称"
      >
      </el-table-column>
      <el-table-column prop="url" align="center" label="文件路径" width="280">
      </el-table-column>
      <el-table-column prop="remark" align="center" label="备注" width="180">
      </el-table-column>
      <el-table-column
        prop="createBy"
        align="center"
        label="创建人"
        width="150"
      >
      </el-table-column>
      <el-table-column
        prop="createDt"
        align="center"
        label="创建时间"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="updateBy"
        align="center"
        label="修改人"
        width="150"
      >
      </el-table-column>
      <el-table-column
        prop="updateDt"
        align="center"
        label="修改时间"
        width="180"
      >
      </el-table-column>
    </el-table>
    <el-pagination
      style="margin-top: 10px"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange2"
      :current-page="currentPage"
      :page-sizes="[10, 20, 50, 100, 200, 500, 1000]"
      :page-size="pageSize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total"
    >
    </el-pagination>
  </div>
</template>

<script>
import {  getConfigKey  } from "@/api/system/config";

export default {
  props: {
    layerid: {
      type: String,
      default: "",
    },
    lydata: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      tableData: [],
      queryParams: {
        name: undefined,
        originalName: null,
      },
      loading: false,
      pageSize: 50,
      currentPage: 1,
      queryData: null,
      total: null,
      btnShow: true,
    };
  },
  created() {
    this.getList();
  },
  mounted() {},
  methods: {
    handleCurrentChange2(val) {
      this.currentPage = val;
      this.getList();
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.getList();
    },
    resetQuery() {
      this.queryData = null;

      this.queryParams = {};

      this.getList();
    },
    handleDbClick(row) {
      this.$parent.selectProdInfo(row);
      this.$layer.close(this.layerid);
    },
  async view(index, row) {
      console.log("rrrr1643", row);
      if (row.url) {
        //从系统参数里面取
        let Base64 = require("js-base64").Base64;
        let onlinePreviewUrl;
        let res1=await getConfigKey("preview_prefix")//预览前缀 
        let preview_prefix=res1.msg
        getConfigKey("onlinePreviewUrl")
          .then((res) => {
            onlinePreviewUrl =
              res.msg || "http://192.168.5.59:8012/onlinePreview";
            window.open(
              onlinePreviewUrl +
                "?url=" +
                encodeURIComponent(Base64.encode(preview_prefix+row.url))
            );
          })
          .catch((err) => {
            onlinePreviewUrl = "http://192.168.5.59:8012/onlinePreview";
            window.open(
              onlinePreviewUrl +
                "?url=" +
                encodeURIComponent(Base64.encode(row.url))
            );
          });
      } else {
        this.$message.info("未上传文件！");
      }
    },
    getList() {
      this.loading = true;
      const params = {
        pageSize: this.pageSize,
        pageNo: this.currentPage,
        name: this.queryParams.name,
        originalName: this.queryParams.originalName,
      };
      this.$docManage.getList(params).then((resp) => {
        if (resp.data.code === 200) {
          this.tableData = resp.data.data.data;
          this.total = resp.data.data.recordsTotal;
        } else {
          this.$message.error(resp.data.msg);
        }
        this.loading = false;
      });
    },
   
  },
};
</script>

<style lang="scss" scoped>
</style>