| | |
| | | <template> |
| | | <div class="updateUser"> |
| | | <el-form label-position="right" label-width="150px" :model="videoData" :rules="rules" :disabled="isDisabled" ref="user"> |
| | | <el-form-item prop="belongToId" label="所属事件编号"> |
| | | <el-input v-model="videoData.belongToId"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="eventSource" label="事件来源"> |
| | | <el-input v-model="videoData.eventSource"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="category" label="问题类别"> |
| | | <el-input v-model="videoData.category"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="type" label="类型"> |
| | | <el-select v-model="videoData.type"> |
| | | <el-option v-for="item in getResourceType()" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item prop="regionName" label="社区名称"> |
| | | <el-input v-model="videoData.regionName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="id" label="视频Id"> |
| | | <el-input v-model="videoData.id"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="url" label="视频" min-width="8"> |
| | | <template v-if="videoList" > |
| | | <div class="video-cover" v-for="video in videoList" :key="video"> |
| | |
| | | class="avatar-uploader" |
| | | action="" |
| | | ref="image" |
| | | limit="4" |
| | | :limit="4" |
| | | :show-file-list="false" |
| | | :auto-upload="true" |
| | | :http-request="videoUpload"> |
| | |
| | | delete params.eventSource; |
| | | delete params.id; |
| | | params.belongToId = +params.belongToId; |
| | | params.type="03" |
| | | if (this.isUpdate && !this.dialogData) { |
| | | videoManagement.addVideoResource(params) |
| | | .then(() => { |
| | |
| | | <style lang="scss" scoped> |
| | | .updateUser { |
| | | border-radius: 1px; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | background-color: #ffffff; |
| | | opacity: .6; |
| | | .video-delete-icon { |
| | | display: inline; |
| | | display: block; |
| | | opacity: 1; |
| | | } |
| | | } |
| | | |
| | | .video-delete-icon { |
| | | position: relative; |
| | | position: absolute; |
| | | color: red; |
| | | left: calc(100% - 150px); |
| | | top: calc(100% - 95px); |
| | | left: calc(100% - 160px); |
| | | top: calc(100% - 150px); |
| | | z-index: 2; |
| | | height: 14px; |
| | | font-size: 24px; |
| | | display: none; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .updateUser::v-deep .el-input__inner { |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | |