From d0be57c51de4ed3bf6e8d9a68242f24a5716e65d Mon Sep 17 00:00:00 2001
From: zhangyanpeng <bob.zhang@highdatas.com>
Date: 星期三, 06 五月 2020 19:34:51 +0800
Subject: [PATCH] 添加修改密码功能
---
src/views/list.vue | 154 ++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 144 insertions(+), 10 deletions(-)
diff --git a/src/views/list.vue b/src/views/list.vue
index 397bf70..3f83ec0 100644
--- a/src/views/list.vue
+++ b/src/views/list.vue
@@ -6,9 +6,12 @@
<el-button type="primary" @click="addProject">鏂板缓椤圭洰</el-button>
<el-button type="primary" v-if="editShow" @click="editProject">缂栬緫椤圭洰</el-button>
<el-button type="primary" @click="showDetail">鏌ョ湅璇︽儏</el-button>
+ <el-button type="primary" @click="download">瀵煎嚭timeline</el-button>
</div>
-
+ <div style="width: 0px; height: 0px;">
+ <iframe ref="frame_export" style="width: 0px; height: 0px; border: 0px;"></iframe>
+ </div>
<el-form label-width="80px" :inline="true" :label-position="labelPosition" :model="formInline" class="form-inline">
<el-form-item label="椤圭洰鍚嶇О">
<el-input v-model="formInline.name" placeholder="椤圭洰鍚嶇О"></el-input>
@@ -49,7 +52,7 @@
v-loading="loading_table"
size="small"
:data="tableData"
- header-cell-style="width: 100%; text-align: center;"
+ :header-cell-style="{'width': '100%', 'text-align': 'center'}"
:row-class-name="tableRowClassName">
<el-table-column type="index" width="50"> </el-table-column>
<el-table-column prop="name" label="椤圭洰鍚嶇О" width="120" show-overflow-tooltip>
@@ -68,8 +71,20 @@
</el-table-column>
<el-table-column prop="endTime" label="缁撴潫鏃堕棿" width="100" align="center" :formatter="dateFormat_" >
</el-table-column>
-
<el-table-column prop="desp" label="椤圭洰鎻忚堪" show-overflow-tooltip></el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" width="300">
+ <template v-slot="{row}">
+ <el-row>
+ <el-tooltip class="item" effect="dark" content="棰勮" placement="top">
+ <el-button type="primary" icon=" el-icon-view" circle @click="viewHT(row)"></el-button>
+ </el-tooltip>
+ <el-tooltip class="item" effect="dark" content="涓婁紶鎶ヤ环鍚堝悓" placement="top">
+ <el-button type="success" icon="el-icon-upload2" circle @click="uploadHT(row)"></el-button>
+ </el-tooltip>
+ </el-row>
+ </template>
+ </el-table-column>
+
</el-table>
<div style="text-align: right; background-color: #fff;">
<el-pagination
@@ -85,21 +100,71 @@
<el-dialog v-if="dialog_2" @close="Cancel2" width="70%" top="50px" :visible.sync="dialog_2" append-to-body>
<prodetail @closeNewProject="closeDetail" v-bind:rowData="detailData" ref="newProject2_"></prodetail>
</el-dialog>
+
+ <el-dialog custom-class="z_master_dialog" title="鏂囦欢涓婁紶" v-if="dialog_upload" :visible.sync="dialog_upload" width="500px" append-to-body>
+ <div style="width: 100%; padding-top: 24px; height: 300px; text-align: center;">
+ <el-upload
+ :show-file-list='true'
+ class="upload-demo"
+ ref="upload"
+ :action="upload_url"
+ :headers= "upload_headers"
+ :data="upload_data"
+ :on-preview="handlePreview"
+ :on-success="uploadSuccess"
+ :on-remove="handleRemove"
+ :before-upload="beforeAvatarUpload"
+ :auto-upload="false">
+ <el-button slot="trigger" size="small" type="primary">閫夊彇鏂囦欢</el-button>
+ <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">涓婁紶鍒版湇鍔″櫒</el-button>
+ <div slot="tip" class="el-upload__tip">鍙兘涓婁紶PDF鏂囦欢</div>
+ </el-upload>
+
+ </div>
+ </el-dialog>
+
+ <el-dialog v-if="dialog_pdf" :visible.sync="dialog_pdf" top="10px" width="80%">
+ <div style="height: 500px; width: 100%; overflow: overlay;">
+ <pdf :src="pdfUrl" :page="currentPage"
+ @num-pages="pageCount=$event"
+ @page-loaded="currentPage=$event"
+ @loaded="loadPdfHandler"
+ ref="wrapper" class="pdf"></pdf>
+ </div>
+
+ <div style="">
+ <el-button size="small" @click="changePdfPage(0)">涓婁竴椤�</el-button>
+ <el-button size="small" @click="changePdfPage(1)">涓嬩竴椤�</el-button>
+ </div>
+
+ </el-dialog>
+
</div>
</template>
<script>
import newProject from '../components/popup/newProject.vue'
import prodetail from '../components/popup/prodetail.vue'
+ import pdf from 'vue-pdf'
export default {
components: {
newProject,
- prodetail
+ prodetail,
+
+ pdf
},
data() {
return {
editShow: true,
+ upload_url: "",
+ upload_type: "",
+ upload_headers: {},
+ upload_data: {},
+
+ pdfUrl: "",
+ currentPage: 1,
+ pageCount: 0,
loading_table: false,
query: "",
@@ -107,6 +172,8 @@
detailData:undefined,
dialog_1: false,
dialog_2: false,
+ dialog_upload: false,
+ dialog_pdf: false,
pagenum: 1,
pagesize: 15,
total: 0,
@@ -127,6 +194,73 @@
this.assign = localStorage.getItem('assign');
},
methods: {
+ download() {
+ if(!this.selected.id || this.selected.status == "edit"){
+ this.$message({message:'銆愭湭寮�濮嬨�戠姸鎬佷笉鑳戒笅杞�', type: 'warning'});
+ return;
+ }
+ this.$refs.frame_export.src = "/api/api/file/timeline/" + this.selected.id;
+ },
+ viewHT(row) {
+ this.pdfUrl = "/api/api/file/downloadPath?path=" + row.attachment;
+ this.dialog_pdf = true;
+ /* let url = "/api/file/downloadPath";
+ let params = {
+ path: row.attachment
+ };
+ this.$axios.get(url, {
+ params
+ }).then(data_ => {
+
+ }).catch(error => {
+
+ }) */
+ },
+ loadPdfHandler (e) {
+ this.currentPage = 1 // 鍔犺浇鐨勬椂鍊欏厛鍔犺浇绗竴椤�
+ },
+ changePdfPage(val) {
+ if(val === 0 && this.currentPage > 1) {
+ this.currentPage--;
+ }
+ if(val === 1 && this.currentPage < this.pageCount) {
+ this.currentPage++;
+ }
+ },
+
+ uploadHT(row) {
+ /* this.upload_data = {
+ id: row.id
+ }; */
+ this.upload_url = "/api/api/file/schemeUpload/" + row.id;
+ this.dialog_upload = true;
+ },
+ submitUpload() {
+ this.$refs.upload.submit();
+ },
+ beforeAvatarUpload(file) {
+ let FileName = file.name;
+ let index1=FileName.lastIndexOf(".");
+ let index2=FileName.length;
+ let suffix=FileName.substring(index1, index2);//鍚庣紑鍚�
+ const isSQL = suffix === '.pdf';
+
+ if (!isSQL) {
+ this.$message.error('鍙兘涓婁紶.pdf鏂囦欢');
+ }
+ return isSQL;
+ },
+ handleRemove(file, fileList) {
+ window.console.log(file, fileList);
+ },
+ handlePreview(file) {
+ window.console.log(file);
+ },
+ uploadSuccess() {
+ this.dialog_upload = false;
+ this.query_();
+ },
+
Cancel() {
this.dialog_1 = false;
this.query_();
@@ -140,7 +274,6 @@
},
showDetail() {
if(!this.selected){
-
this.$message({message:'璇烽�変腑涓�鏉℃湭鍚姩鐨勯」鐩�', type: 'warning'});
return;
}
@@ -191,15 +324,15 @@
params
})
.then(data_ => {
- // console.log(data_);
+ window.console.log(data_);
let clientHeight = document.documentElement.clientHeight;
let tableHeight_ = clientHeight - 60 - 20 - 60 - 62 - 48 - 48 - 20;
this.$refs.data_table.$el.getElementsByClassName('el-table__body-wrapper')[0].style['height'] = tableHeight_ - 10 + "px";// - header_height
this.$refs.data_table.$el.getElementsByClassName('el-table__body-wrapper')[0].style['min-height'] = tableHeight_ - 10 + "px";
this.$refs.data_table.$el.getElementsByClassName('el-table__body-wrapper')[0].style['overflow'] = "overlay";
- this.tableData = data_.data.data.records; //缁檛ableData璧嬪��
- this.total = data_.data.data.total;
+ this.tableData = data_.data.data.datas.records; //缁檛ableData璧嬪��
+ this.total = data_.data.data.datas.total;
this.loading_table = false;
}).catch(error => {
// console.log(error);
@@ -260,9 +393,10 @@
}
- },closeNewProject() {
+ },
+ closeNewProject() {
this.dialog_1 = false;
- query_();
+ this.query_();
},
}
--
Gitblit v1.8.0