| | |
| | | <div class="t-card_item"> |
| | | 整改图片 |
| | | <div> |
| | | <!-- <el-button @click="chosePicFromAnyPic">从任意图片选取</el-button> --> |
| | | <!-- <el-button type="primary" @click="chosePicFromLedgerPic">从台账选取</el-button> --> |
| | | <el-button @click="choseChangePic">从文件夹选取</el-button> |
| | | <el-button @click="choseChangePic" :disabled="fileList.length >= 3">从文件夹选取</el-button> |
| | | </div> |
| | | </div> |
| | | <el-upload |
| | |
| | | :disabled="readonly" |
| | | accept="image/*" |
| | | > |
| | | <template #trigger v-if="fileList.length < 3 && !readonly"> |
| | | <el-button |
| | | v-if="fileList.length < 3" |
| | | type="primary" |
| | | id="uploadBtnId" |
| | | style="display: none" |
| | |
| | | <el-icon> |
| | | <Plus /> |
| | | </el-icon> |
| | | </template> |
| | | <template #tip> |
| | | <div style="color: #f56c6c">最少上传一张图片,最多选择三张图片</div> |
| | | </template> |
| | | </el-upload> |
| | | <div class="flex-div"> |
| | | <el-button type="primary" @click="onSubmit">保存</el-button> |
| | | <el-button @click="this.$emit('submited', false)">取消</el-button> |
| | | </div> |
| | | <ArbitraryPhoto |
| | | :max-select="3" |
| | | :max-select="maxSelectImgCount - fileList.length" |
| | | v-if="anyPhotoDialog" |
| | | v-model:dialog-visible="anyPhotoDialog" |
| | | @selectByAnyPhonoEvent="handleSelectedAnyPhono" |
| | | @submit="handleSelectedAnyPhono" |
| | | :subtask="subtask" |
| | | :defaultFile="fileList" |
| | | ref="arbitraryPhotoRef" |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | // 图片选择最大数量 |
| | | maxSelectImgCount: 3, |
| | | previewDialogImageUrl: '', |
| | | previewDialogVisible: false, |
| | | fileList: [], |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | ::v-deep .el-upload--picture-card { |
| | | border: 0 !important; |
| | | } |
| | | </style> |