From ccedc2e714c01d51f8eb986c6549ea701811f4bb Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期六, 08 十月 2022 18:07:44 +0800
Subject: [PATCH] 新增运营管理中基础设置的违规违建类型添加,添加一些取消按钮的实现
---
src/components/filePictrue/index.vue | 86 ++++++++++++++++++++++--------------------
1 files changed, 45 insertions(+), 41 deletions(-)
diff --git a/src/components/filePictrue/index.vue b/src/components/filePictrue/index.vue
index 7690f8b..8b65250 100644
--- a/src/components/filePictrue/index.vue
+++ b/src/components/filePictrue/index.vue
@@ -3,17 +3,15 @@
<div class="file-tell">
<div class="tell-title">涓婃姤</div>
<div class="tell-show">
- <el-upload class="upload-demo" :show-file-list="false" action="http://42.193.1.25:8082/sccg/file/medias"
- :headers="getToken()" multiple :limit="50">
- <div class="my-demo">
- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
- alt="">
- <div class="tip">
- <div>銆愬浘鐗囩被鍨嬨�戜笂鎶�</div>
- <div>銆愪笂鎶ユ椂闂淬��2022-09-08 14:23:34</div>
- </div>
+ <div class="my-demo">
+ <!-- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
+ alt=""> -->
+ <img class="img" :src="imgSource[0].url" alt="">
+ <div class="tip">
+ <div>銆愬浘鐗囩被鍨嬨�戜笂鎶�</div>
+ <div>銆愪笂鎶ユ椂闂淬��2022-09-08 14:23:34</div>
</div>
- </el-upload>
+ </div>
<img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
alt="">
</div>
@@ -21,17 +19,15 @@
<div class="file-deal">
<div class="tell-title">澶勭疆</div>
<div class="tell-show">
- <el-upload class="upload-demo" :show-file-list="false" action="http://42.193.1.25:8082/sccg/file/medias"
- :headers="getToken()" multiple :limit="50">
- <div class="my-demo">
- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
- alt="">
- <div class="tip">
- <div>銆愬浘鐗囩被鍨嬨�戝缃�</div>
- <div>銆愪笂鎶ユ椂闂淬��2022-09-08 14:23:34</div>
- </div>
+ <div class="my-demo">
+ <!-- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
+ alt=""> -->
+ <img class="img" :src="imgSource[1].url" alt="">
+ <div class="tip">
+ <div>銆愬浘鐗囩被鍨嬨�戝缃�</div>
+ <div>銆愪笂鎶ユ椂闂淬��2022-09-08 14:23:34</div>
</div>
- </el-upload>
+ </div>
<img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
alt="">
</div>
@@ -42,8 +38,14 @@
export default {
data() {
return {
-
+ imgSource: []
}
+ },
+ props: ['filesPictureVo'],
+ created() {
+ console.log(this.filesPictureVo);
+ const { filesPictureVo: { imageResources: mysource } } = this;
+ this.imgSource = mysource;
},
methods: {
// 鑾峰彇token
@@ -61,33 +63,35 @@
.file-picture {
padding-top: 50px;
- .file-tell,.file-deal {
+ .file-tell,
+ .file-deal {
.tell-title {
line-height: 40px;
}
.tell-show {
display: flex;
-
- .upload-demo {
- height: 159px;
-
- .my-demo {
- position: relative;
- height: 100%;
- }
-
- .tip {
- div {
- line-height: 20px;
- }
-
- text-align: left;
- position: absolute;
- bottom: 80px;
- }
- }
}
}
+
+ .my-demo {
+ position: relative;
+ height: 159px;
+ }
+
+ .tip {
+ div {
+ line-height: 20px;
+ }
+
+ text-align: left;
+ position: absolute;
+ bottom: 0px;
+ }
+
+ .img {
+ width: 226px;
+ height: 159px;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0