From 9dd11bd6a971e13aa74ad7a8994f9710edb42590 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期二, 25 二月 2025 15:05:51 +0800
Subject: [PATCH] 修改导出
---
src/views/structural/capabilityAndLaboratory/laboratory/index.vue | 257 ++++++++++-----------------------------------------
1 files changed, 50 insertions(+), 207 deletions(-)
diff --git a/src/views/structural/capabilityAndLaboratory/laboratory/index.vue b/src/views/structural/capabilityAndLaboratory/laboratory/index.vue
index 820d8d2..5e33081 100644
--- a/src/views/structural/capabilityAndLaboratory/laboratory/index.vue
+++ b/src/views/structural/capabilityAndLaboratory/laboratory/index.vue
@@ -3,103 +3,50 @@
<div>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
<el-form-item label="璧勮川鍚嶇О" prop="name">
- <el-select
- v-model="queryParams.name"
- placeholder="閫夋嫨璧勮川鍚嶇О"
- size="small"
- @change="refreshTable()"
- >
- <el-option
- v-for="dict in dict.type.cnas_method_qualification"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- >
+ <el-select v-model="queryParams.name" placeholder="閫夋嫨璧勮川鍚嶇О" size="small" @change="refreshTable()">
+ <el-option v-for="dict in dict.type.cnas_method_qualification" :key="dict.value" :label="dict.label"
+ :value="dict.value">
{{ dict.label }}
</el-option>
</el-select>
</el-form-item>
<el-form-item>
- <el-button
- type="primary"
- icon="el-icon-search"
- size="mini"
- @click="refreshTable"
- >鏌� 璇�</el-button
- >
- <el-button icon="el-icon-refresh" size="mini" @click="refresh"
- >閲� 缃�</el-button
- >
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button>
</el-form-item>
</el-form>
</div>
<div>
<el-row class="title">
<el-col :span="12" style="text-align: left">
- <el-radio-group
- v-model="radio"
- @input="selectorSwitch"
- size="medium"
- fill="#409EFF"
- >
+ <el-radio-group v-model="radio" @input="selectorSwitch" size="medium" fill="#409EFF">
<el-radio-button :label="0">璧勮川鏄庣粏</el-radio-button>
<el-radio-button :label="1">璧勮川鎬昏</el-radio-button>
</el-radio-group>
</el-col>
<el-col :span="12" style="text-align: right" v-if="radio === 0">
- <el-button size="small" type="primary" @click="openAdd"
- >璧勮川鏇存柊</el-button
- >
- <el-button size="small" icon="el-icon-delete" @click="handleDel"
- >鍒犻櫎</el-button
- >
+ <el-button size="small" type="primary" @click="openAdd">璧勮川鏇存柊</el-button>
+ <el-button size="small" icon="el-icon-delete" @click="handleDel">鍒犻櫎</el-button>
</el-col>
</el-row>
</div>
<div v-if="radio === 0">
- <lims-table
- :tableData="tableData"
- :column="column"
- :isSelection="true"
- :handleSelectionChange="handleSelectionChange"
- @pagination="pagination"
- :height="'calc(100vh - 300px)'"
- :page="page"
- :tableLoading="tableLoading"
- ></lims-table>
+ <lims-table :tableData="tableData" :column="column" :isSelection="true"
+ :handleSelectionChange="handleSelectionChange" @pagination="pagination" :height="'calc(100vh - 300px)'"
+ :page="page" :tableLoading="tableLoading"></lims-table>
</div>
- <div
- class="table"
- v-if="radio === 1"
- v-loading="pageLoading"
- @scroll="scrollFn"
- >
+ <div class="table" v-if="radio === 1" v-loading="pageLoading" @scroll="scrollFn">
<el-row :gutter="16">
- <el-col
- :span="8"
- v-for="(m, i) in list"
- :key="i"
- :xs="24"
- :sm="12"
- :md="8"
- :lg="8"
- :xl="6"
- style="margin-bottom: 16px"
- >
+ <el-col :span="8" v-for="(m, i) in list" :key="i" :xs="24" :sm="12" :md="8" :lg="8" :xl="6"
+ style="margin-bottom: 16px">
<div class="table-item">
- <el-image
- style="
+ <el-image style="
width: 102px;
height: 102px;
margin-right: 20px;
border-radius: 16px;
- "
- :src="javaApi + '/img/' + m.imageUrl"
- >
- <div
- slot="error"
- class="image-error"
- style="
+ " :src="javaApi + '/img/' + m.imageUrl">
+ <div slot="error" class="image-error" style="
width: 100px;
height: 100px;
border-radius: 16px;
@@ -107,18 +54,11 @@
align-items: center;
justify-content: center;
border: 1px solid #eeeeee;
- "
- >
- <i
- class="el-icon-picture-outline"
- style="font-size: 30px; color: #666666"
- ></i>
+ ">
+ <i class="el-icon-picture-outline" style="font-size: 30px; color: #666666"></i>
</div>
</el-image>
- <div
- class="table-item-right"
- style="flex: 1; font-size: 12px; color: #666666"
- >
+ <div class="table-item-right" style="flex: 1; font-size: 12px; color: #666666">
<p style="line-height: 26px">
璧勮川鍚嶇О锛�<span style="color: #3a7bfa">{{ m.name }}</span>
</p>
@@ -126,168 +66,76 @@
<p style="line-height: 26px">鍒版湡鏃堕棿锛歿{ m.expireTime }}</p>
<p>
<span>鐘舵�侊細</span>
- <el-tag
- :type="m.state === 0 ? 'danger' : 'success'"
- size="small"
- >{{ m.state === 0 ? "澶辨晥" : "鏈夋晥" }}</el-tag
- >
+ <el-tag :type="m.state === 0 ? 'danger' : 'success'" size="small">{{ m.state === 0 ? "澶辨晥" : "鏈夋晥"
+ }}</el-tag>
</p>
</div>
</div>
</el-col>
</el-row>
- <div
- v-if="list.length < 1 && !pageLoading && !isLoding"
- style="
+ <div v-if="list.length < 1 && !pageLoading && !isLoding" style="
color: #909399;
font-size: 14px;
text-align: center;
margin-top: 200px;
- "
- >
+ ">
鏆傛棤鏁版嵁
</div>
<div v-if="list.length > 0">
- <el-button
- v-if="isLoding"
- type="text"
- style="display: flex; margin: 0 auto; color: #909399"
- >
+ <el-button v-if="isLoding" type="text" style="display: flex; margin: 0 auto; color: #909399">
<i class="el-icon-loading" style="font-size: 20px"></i>
</el-button>
- <el-button
- type="text"
- v-if="finishLoding"
- style="display: flex; margin: 0 auto; color: #909399"
- >宸茬粡娌℃湁鏇村鍟</el-button
- >
+ <el-button type="text" v-if="finishLoding"
+ style="display: flex; margin: 0 auto; color: #909399">宸茬粡娌℃湁鏇村鍟</el-button>
</div>
</div>
- <el-dialog
- title="璧勮川鏇存柊"
- :visible.sync="qualificationsConnectVisible"
- width="400px"
- >
- <el-form
- ref="formDataRef"
- :model="formData"
- label-position="right"
- :rules="formDataRules"
- label-width="78px"
- >
+ <el-dialog title="璧勮川鏇存柊" :visible.sync="qualificationsConnectVisible" width="400px">
+ <el-form ref="formDataRef" :model="formData" label-position="right" :rules="formDataRules" label-width="78px">
<el-form-item label="璧勮川鍚嶇О" prop="name">
- <el-select
- v-model="formData.name"
- placeholder="璇烽�夋嫨"
- style="width: 100%"
- size="small"
- clearable
- >
- <el-option
- v-for="dict in dict.type.cnas_method_qualification"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- >
+ <el-select v-model="formData.name" placeholder="璇烽�夋嫨" style="width: 100%" size="small" clearable>
+ <el-option v-for="dict in dict.type.cnas_method_qualification" :key="dict.value" :label="dict.label"
+ :value="dict.value">
{{ dict.label }}
</el-option>
</el-select>
</el-form-item>
<el-form-item label="璧勮川缂栫爜" prop="code">
- <el-input
- size="small"
- placeholder="璇疯緭鍏�"
- clearable
- v-model="formData.code"
- ></el-input>
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="formData.code"></el-input>
</el-form-item>
<el-form-item label="棰佸彂鏈烘瀯" prop="organization">
- <el-input
- size="small"
- placeholder="璇疯緭鍏�"
- clearable
- v-model="formData.organization"
- ></el-input>
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="formData.organization"></el-input>
</el-form-item>
<el-form-item label="璧勮川璇存槑" prop="explanation">
- <el-input
- size="small"
- placeholder="璇疯緭鍏�"
- clearable
- v-model="formData.explanation"
- ></el-input>
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="formData.explanation"></el-input>
</el-form-item>
<el-form-item label="棰佸彂鏃堕棿" prop="dateOfIssuance">
- <el-date-picker
- style="width: 100%"
- v-model="formData.dateOfIssuance"
- type="datetime"
- size="small"
- format="yyyy-MM-dd HH:mm:ss"
- value-format="yyyy-MM-dd HH:mm:ss"
- clearable
- placeholder="閫夋嫨鏃ユ湡"
- >
+ <el-date-picker style="width: 100%" v-model="formData.dateOfIssuance" type="datetime" size="small"
+ format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable placeholder="閫夋嫨鏃ユ湡">
</el-date-picker>
</el-form-item>
<el-form-item label="鍒版湡鏃堕棿" prop="expireTime">
- <el-date-picker
- style="width: 100%"
- v-model="formData.expireTime"
- type="datetime"
- size="small"
- format="yyyy-MM-dd HH:mm:ss"
- value-format="yyyy-MM-dd HH:mm:ss"
- clearable
- placeholder="閫夋嫨鏃ユ湡"
- >
+ <el-date-picker style="width: 100%" v-model="formData.expireTime" type="datetime" size="small"
+ format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" clearable placeholder="閫夋嫨鏃ユ湡">
</el-date-picker>
</el-form-item>
<el-form-item label="璧勮川鍥剧墖">
- <el-upload
- ref="upload"
- :action="uploadAction"
- :on-success="(m) => handleSuccessUpImg(m, 'imageUrl')"
- accept="image/jpg,image/jpeg,image/png"
- :multiple="false"
- :limit="1"
- :headers="headers"
- :on-change="beforeUpload"
- :on-error="onError"
- >
- <el-button slot="trigger" size="small" type="primary"
- >閫夊彇鍥剧墖</el-button
- >
+ <el-upload ref="upload" :action="uploadAction" :on-success="(m) => handleSuccessUpImg(m, 'imageUrl')"
+ accept="image/jpg,image/jpeg,image/png" :multiple="false" :limit="1" :headers="headers"
+ :on-change="beforeUpload" :on-error="onError">
+ <el-button slot="trigger" size="small" type="primary">閫夊彇鍥剧墖</el-button>
</el-upload>
</el-form-item>
<el-form-item label="璧勮川闄勪欢">
- <el-upload
- ref="upload1"
- :action="uploadAction"
- :on-success="(m) => handleSuccessUpImg(m, 'fileUrl')"
- accept="image/jpg,image/jpeg,image/png,application/pdf,.doc,.docx"
- :headers="headers"
- :multiple="false"
- :limit="1"
- :on-change="beforeUpload1"
- :on-error="onError1"
- >
- <el-button slot="trigger" size="small" type="primary"
- >閫夊彇鏂囦欢</el-button
- >
+ <el-upload ref="upload1" :action="uploadAction" :on-success="(m) => handleSuccessUpImg(m, 'fileUrl')"
+ accept="image/jpg,image/jpeg,image/png,application/pdf,.doc,.docx" :headers="headers" :multiple="false"
+ :limit="1" :on-change="beforeUpload1" :on-error="onError1">
+ <el-button slot="trigger" size="small" type="primary">閫夊彇鏂囦欢</el-button>
</el-upload>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
- <el-button @click="qualificationsConnectVisible = false"
- >鍙� 娑�</el-button
- >
- <el-button
- type="primary"
- @click="confirmQualifications"
- :loading="loading"
- >纭� 瀹�</el-button
- >
+ <el-button @click="qualificationsConnectVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="confirmQualifications" :loading="loading">纭� 瀹�</el-button>
</span>
</el-dialog>
</div>
@@ -480,12 +328,6 @@
},
// 璧勮川鏄庣粏闄勪欢涓嬭浇
handleDownLoad(row) {
- // let url = row.fileUrl;
- // const link = document.createElement('a');
- // link.href = this.javaApi + '/img/'+ url;
- // document.body.appendChild(link);
- // link.target = '_blank';
- // link.click();
const url = process.env.VUE_APP_BASE_API + "/img/" + row.fileUrl;
this.$download.saveAs(url, row.fileUrl);
},
@@ -595,6 +437,7 @@
line-height: 40px;
margin-bottom: 10px;
}
+
.table-item {
border-radius: 8px 8px 8px 8px;
box-shadow: 4px 4px 8px 0px rgba(51, 51, 51, 0.04);
--
Gitblit v1.9.3