| | |
|---|
| | | <el-tab-pane v-for="item in typeList" :label="item.label" :name="item.id"> </el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | <el-empty v-if="imgObjList.length == 0" description="暂无记录" /> |
|---|
| | | <div class="imgs"> |
|---|
| | | <el-scrollbar v-else class="imgs"> |
|---|
| | | <el-image |
|---|
| | | v-for="(img, i) in imgObjList" |
|---|
| | | :class="[Boolean(img.isSelect) ? 'selected' : 'noActive', 'image']" |
|---|
| | |
|---|
| | | lazy |
|---|
| | | @click="onSelect(img, i)" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </el-scrollbar> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | if (this.defaultFile == undefined || this.defaultFile == null) { |
|---|
| | | this.defaultFile = []; |
|---|
| | | } |
|---|
| | | this.initImgUrlList(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | |
|---|
| | | if (this.readonly) { |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | img.isSelect = !Boolean(img.isSelect); |
|---|
| | | img.isSelect = !img.isSelect; |
|---|
| | | }, |
|---|
| | | sendSelectedImg(isOk) { |
|---|
| | | let result = []; |
|---|
| | | if (!Boolean(isOk)) { |
|---|
| | | if (!isOk) { |
|---|
| | | this.$emit('selectPhonoEvent', result); |
|---|
| | | } |
|---|
| | | for (const item of this.imgPathsDataSourceCopy) { |
|---|
| | |
|---|
| | | } */ |
|---|
| | | |
|---|
| | | .imgs { |
|---|
| | | height: 650px; |
|---|
| | | height: 50vh; |
|---|
| | | width: 90%; |
|---|
| | | min-height: 100px !important; |
|---|
| | | /* border-style:solid; |
|---|
| | |
|---|
| | | padding: 5px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__body { |
|---|
| | | ::v-deep .el-dialog__body { |
|---|
| | | height: 60vh; |
|---|
| | | padding: 10px calc(var(--el-dialog-padding-primary) + 10px) !important; |
|---|
| | | } |
|---|
| | | </style> |
|---|
