From 32ec691abab0c837f34ce2c4908a40a10b9dbec7 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 29 七月 2022 17:20:15 +0800
Subject: [PATCH] 1.优化项目2.综合看板静态页面初步实现
---
src/components/ImportPicker/index.vue | 136 ++++++++++++++++++++++++++-------------------
1 files changed, 79 insertions(+), 57 deletions(-)
diff --git a/src/components/ImportPicker/index.vue b/src/components/ImportPicker/index.vue
index 1b42c4b..186af18 100644
--- a/src/components/ImportPicker/index.vue
+++ b/src/components/ImportPicker/index.vue
@@ -3,6 +3,7 @@
:visible.sync="visible"
:title="title"
:code="code"
+ :close-on-click-modal="false"
@close="$emit('update:shows', false)"
>
<div>
@@ -19,13 +20,13 @@
<p>2. 璇峰嬁璋冩暣瀵煎叆妯＄増涓瓧娈电殑宸﹀彸椤哄簭鎴栨柊澧瀞heet椤�</p>
</div>
- <div v-if="div2 && div2_state === "300"">
+ <div v-if="div2 && div2_state === '301'">
<p><span class="gth_icon">!</span>鏂囦欢涓湁<span style="color:red">{{ error_list.length }}</span>鏉￠敊璇暟鎹紝璇蜂慨鏀瑰悗閲嶆柊瀵煎叆</p>
<el-table class="table" :data="error_list" :header-cell-style="{background:'#f5f5f5'}">
- <el-table-column label="搴忓彿" prop="Seq" />
- <el-table-column label="琛屽彿" prop="RoeNumber" />
- <el-table-column label="閿欒瀛楁" prop="ErrorField" />
- <el-table-column label="閿欒璇︽儏" prop="ErrorCont" />
+ <el-table-column label="搴忓彿" prop="Seq" width="50" />
+ <!-- <el-table-column label="琛屽彿" prop="RoeNumber" />-->
+ <el-table-column label="閿欒瀛楁" prop="ErrorField" min-width="150" />
+ <el-table-column label="閿欒璇︽儏" prop="ErrorCont" min-width="300" />
</el-table>
</div>
<div v-if="div2 && div2_state === '200'" style="position:relative;margin-top:100px;">
@@ -38,7 +39,7 @@
<h3>涓婁紶鏂囦欢</h3>
<el-upload
style="display: inline-block;"
- action="/apis/importexcel/ExcelModelCheck"
+ :action="baseUrl==='/api/'?'/api/importexcel/ExcelModelCheck':'/apis/importexcel/ExcelModelCheck'"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeUpload"
@@ -56,8 +57,10 @@
<li>
<div class="progress_bar bar-color-a" />
<div :class="{'progress_bar':true, 'bar-color-b':true,'position_div':true,'cg':cg1,'sb':sb1}" />
- <div v-if="json1 === 200" class="mt"><img src="@/assets/images/succ.png" class="img_position">鏂囦欢涓婁紶 (鎴愬姛)</div>
- <div v-if="json1 === 300" class="mt"><img src="@/assets/images/sbbbb_icon.png" class="img_position">鏂囦欢涓婁紶 (澶辫触)</div>
+ <!-- <div v-if="json1 === '200'" class="mt"><img src="@/assets/images/succ.png" class="img_position">鏂囦欢涓婁紶 (鎴愬姛)</div>-->
+ <div v-if="json1 === '200'" class="mt"><img src="@/assets/images/succ.png" class="img_position">{{ message1 }}</div>
+ <!-- <div v-if="json1 === '300'" class="mt"><img src="@/assets/images/sbbbb_icon.png" class="img_position">鏂囦欢涓婁紶 (澶辫触)</div>-->
+ <div v-if="json1 === '300'" class="mt"><img src="@/assets/images/sbbbb_icon.png" class="img_position">{{ message1 }}</div>
<div v-if="json1=== null" class="mt">鏂囦欢涓婁紶锛堝緟鏍￠獙锛�</div>
</li>
<!-- <li >
@@ -69,8 +72,8 @@
<li>
<div class="progress_bar bar-color-a" />
<div :class="{'progress_bar':true, 'bar-color-b':true,'position_div':true,'cg':cg2,'sb':sb2}" />
- <div v-if="json2 === 200" class="mt"><img src="@/assets/images/succ.png" class="img_position">妯＄増鏍￠獙 (鎴愬姛)</div>
- <div v-if="json2 === 300" class="mt"><img src="@/assets/images/sbbbb_icon.png" class="img_position">妯＄増鏍￠獙 (澶辫触)</div>
+ <div v-if="json2 === '200'" class="mt"><img src="@/assets/images/succ.png" class="img_position">{{ message2 }}</div>
+ <div v-if="json2 === '300'" class="mt"><img src="@/assets/images/sbbbb_icon.png" class="img_position">{{ message2 }}</div>
<div v-if="json2 === null" class="mt">妯＄増鏍￠獙锛堝緟鏍￠獙锛�</div>
</li>
<!-- <li v-if="json2 === 300">
@@ -87,8 +90,8 @@
<li>
<div class="progress_bar bar-color-a" />
<div :class="{'progress_bar':true, 'bar-color-b':true,'position_div':true,'cg':cg3,'sb':sb3}" />
- <div v-if="json3 === 200" class="mt"><img src="@/assets/images/succ.png" class="img_position">鏁版嵁閲忔牎楠� (鎴愬姛)</div>
- <div v-if="json3 === 300" class="mt"><img src="@/assets/images/sbbbb_icon.png" class="img_position">鏁版嵁閲忔牎楠� (澶辫触)</div>
+ <div v-if="json3 === '200'" class="mt"><img src="@/assets/images/succ.png" class="img_position">{{ message3 }}</div>
+ <div v-if="json3 === '300'" class="mt"><img src="@/assets/images/sbbbb_icon.png" class="img_position">{{ message3 }}</div>
<div v-if="json3 === null" class="mt">鏁版嵁閲忔牎楠岋紙寰呮牎楠岋級</div>
</li>
<!-- <li v-if="json3 === 300">
@@ -112,7 +115,7 @@
<p>瀵煎叆澶辫触锛屽け璐ョ殑鍘熷洜鏄瘂{ error_message }}锛�</p>
</div>
</div>
- <span slot="footer" class="dialog-footer">
+ <span slot="footer" class="dialog-footer" style="display: flex;">
<el-button v-if="button_text !="瀹屾垚"" @click="colos()">鍙� 娑�</el-button>
<el-button
type="primary"
@@ -125,7 +128,7 @@
</template>
<script>
-import { DownLoadExcel, ExcelModelCheck } from '@/api/Excel'
+import { DownLoadExcel, ExcelCheckData, ExcelImportSubmit, ExcelModelCheck } from '@/api/Excel'
export default {
props: {
@@ -160,6 +163,10 @@
},
data() {
return {
+ message1: '',
+ message2: '',
+ message3: '',
+ getDataing: false,
cg1: false,
sb1: false,
cg2: false,
@@ -188,7 +195,8 @@
json3: '',
mnList: [],
error_list: [],
- button_text: '涓嬩竴姝�'
+ button_text: '涓嬩竴姝�',
+ baseUrl: ''
}
},
@@ -196,6 +204,9 @@
shows() {
this.visible = this.shows
}
+ },
+ mounted() {
+ this.baseUrl = process.env.VUE_APP_BASE_API
},
methods: {
newDataFunc() {
@@ -218,6 +229,7 @@
FileCode: code,
FileName: this.file_name
}
+
if (this.num === 0) {
this.div1 = false
this.div2 = true
@@ -232,34 +244,33 @@
}
},
ExcelImportSubmit(data) {
- // all.ExcelImportSubmit(data).then((res) => {
- // if (res.statusCode === '200') {
- // this.div3 = true
- // this.num += 2
- // this.button_text = '瀹屾垚'
- // this.disState = false
- // } else {
- // this.num += 1
- // this.div3_sb = true
- // this.disState = true
- // this.error_message = res.message
- // }
- // })
+ ExcelImportSubmit(data).then((res) => {
+ if (res.code === '200') {
+ this.div3 = true
+ this.num += 2
+ this.button_text = '瀹屾垚'
+ this.disState = false
+ } else {
+ this.num += 1
+ this.div3_sb = true
+ this.disState = true
+ this.error_message = res.Message
+ }
+ })
},
ExcelCheckData(data) {
- // all.ExcelCheckData(data).then((res) => {
- // this.div2_state = res.StuCode
- // setTimeout(() => {
- // this.cg4 = true
- // }, 2000)
- // this.error_list = res.list
- // this.total_num = res.Count
- // if (res.StuCode === '200') {
- // this.disState = false
- // }
- // })
- ExcelModelCheck(data).then(res => {
+ ExcelCheckData(data).then((res) => {
+ this.div2_state = res.code
+ setTimeout(() => {
+ this.cg4 = true
+ }, 2000)
+ this.error_list = res.list
+
+ this.total_num = res.Count
+ if (res.code === '200') {
+ this.disState = false
+ }
})
},
beforeUpload(file) {
@@ -279,7 +290,7 @@
this.cg3 = false
this.sb3 = false
setTimeout(() => {
- if (res.json1.statusCode === 200) {
+ if (res.json1.code === '200') {
this.cg1 = true
} else {
this.sb1 = true
@@ -289,10 +300,11 @@
}
}, 500)
setTimeout(() => {
- this.json1 = res.json1.statusCode
+ this.json1 = res.json1.code
+ this.message1 = res.json1.Message
this.json2 = null
this.json3 = null
- if (res.json2.statusCode === 200) {
+ if (res.json2.code === '200') {
this.cg2 = true
} else {
this.sb2 = true
@@ -301,35 +313,41 @@
}
}, 2000)
setTimeout(() => {
- this.json2 = res.json2.statusCode
+ this.json2 = res.json2.code
+ this.message2 = res.json2.Message
this.json3 = null
- if (res.json3.statusCode === 200) {
- this.cg3 = true
- } else {
- this.sb3 = true
- this.json3 = null
- this.button_name = '鏇存柊鏂囦欢'
+ if (res.json3 !== null) {
+ if (res.json3.code === '200') {
+ this.cg3 = true
+ } else {
+ this.sb3 = true
+ this.json3 = null
+ this.button_name = '鏇存柊鏂囦欢'
+ }
}
}, 4000)
setTimeout(() => {
- this.json3 = res.json3.statusCode
+ if (res.json3 !== null) {
+ this.json3 = res.json3.code
+ this.message3 = res.json3.Message
+ }
}, 6000)
- // if(res.json1.statusCode === 300){
+ // if(res.json1.code === 300){
// this.json2 = null
// this.json3 =null
// this.button_name = '鏇存柊鏂囦欢'
// }else{
- // this.json2 = res.json2.statusCode
+ // this.json2 = res.json2.code
// }
- // if(res.json2.statusCode === 300){
+ // if(res.json2.code === 300){
// this.json3 =null
// this.button_name = '鏇存柊鏂囦欢'
// }else{
- // this.json3 = res.json3.statusCode
+ // this.json3 = res.json3.code
// }
setTimeout(() => {
- if (this.json1 === 200 && this.json2 === 200 && this.json3 === 200) {
+ if (this.json1 === '200' && this.json2 === '200' && this.json3 === '200') {
this.disState = false
}
}, 7000)
@@ -342,7 +360,11 @@
// window.location.href = res
// })
DownLoadExcel(data).then(res => {
- window.location.href = res
+ // console.log(res.data)
+ // console.log(process.env.VUE_APP_BASE_API, 8989899)
+ // console.log(process.env.VUE_APP_BASE_API_FILE)
+ // console.log(window.location.origin + res.data)
+ window.location.href = process.env.VUE_APP_BASE_API_FILE + res.data
})
}
}
--
Gitblit v1.9.3