|
|
@@ -46,7 +46,13 @@
|
|
|
<!-- 评论图片 -->
|
|
|
<el-form-item :label="this.$i18n.t('productComm.pics')" prop="userName">
|
|
|
<div v-if="!pics">{{$t("productComm.no")}}</div>
|
|
|
- <imgs-upload v-model="pics" :disabled="true" :modal="false" :prompt="false" />
|
|
|
+ <span v-for="pic in picUrlArr">
|
|
|
+ <video style="width: 150px;height: 150px" :src="resourcesUrl + pic" v-if="pic.slice(pic.lastIndexOf('.') + 1) !== 'jpg' && pic.slice(pic.lastIndexOf('.') + 1) !== 'png'" controls="controls"></video>
|
|
|
+ <el-image @click="previewPic(pic.indexOf('poster') != -1? resourcesUrl + pic.substring(7, pic.length) : resourcesUrl + pic)" style="margin-left: 20px;width: 150px;height: 150px"
|
|
|
+ :src="pic.indexOf('poster') != -1? resourcesUrl + pic.substring(7, pic.length) : resourcesUrl + pic"
|
|
|
+ v-if="pic.slice(pic.lastIndexOf('.') + 1) === 'jpg' || pic.slice(pic.lastIndexOf('.') + 1) === 'png'"></el-image>
|
|
|
+ </span>
|
|
|
+<!-- <imgs-upload v-for="pic in picUrlArr" v-model="pic" :disabled="true" :modal="false" :prompt="false" />-->
|
|
|
</el-form-item>
|
|
|
<!-- 是否匿名 -->
|
|
|
<el-form-item :label="this.$i18n.t('productComm.isAnonymous')" size="mini" prop="isAnonymous">
|
|
|
@@ -73,7 +79,11 @@
|
|
|
<div class="default-btn" @click="visible = false">{{$t("crud.filter.cancelBtn")}}</div>
|
|
|
<div class="default-btn primary-btn" v-if="isEdit" @click="dataFormSubmit()">{{$t("crud.filter.submitBtn")}}</div>
|
|
|
</span>
|
|
|
+ <el-dialog :visible.sync="previewPicDialogVisible" :modal="false" title="图片预览" width="30%" top="3vh">
|
|
|
+ <el-image :src="previewPicUrl" alt="" style="width: 100%; height: 100%"/>
|
|
|
+ </el-dialog>
|
|
|
</el-dialog>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -89,6 +99,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
return {
|
|
|
+ previewPicUrl: null,
|
|
|
+ previewPicDialogVisible: false,
|
|
|
isEdit: false,
|
|
|
visible: false,
|
|
|
dataForm: {
|
|
|
@@ -109,6 +121,7 @@ export default {
|
|
|
status: 1
|
|
|
},
|
|
|
pics: '',
|
|
|
+ picUrlArr: [],
|
|
|
dataRule: {
|
|
|
replyContent: [{validator: validateReplyContent}]
|
|
|
},
|
|
|
@@ -134,6 +147,7 @@ export default {
|
|
|
}).then(({ data }) => {
|
|
|
this.dataForm = data
|
|
|
var imgs = ''
|
|
|
+ this.picUrlArr = this.dataForm.picsArray
|
|
|
this.dataForm.picsArray.forEach(element => {
|
|
|
imgs = imgs + element + ','
|
|
|
})
|
|
|
@@ -164,7 +178,11 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
- }
|
|
|
+ },
|
|
|
+ previewPic(pic){
|
|
|
+ this.previewPicUrl = pic
|
|
|
+ this.previewPicDialogVisible = true;
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|