|
@@ -15,31 +15,23 @@
|
|
|
label-width="100px"
|
|
|
ref="form"
|
|
|
>
|
|
|
- <el-form-item prop="">
|
|
|
-
|
|
|
+ <el-form-item prop="">
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="广告" prop="advurl" align="center">
|
|
|
-
|
|
|
- <template slot-scope="scope">
|
|
|
- <div v-if="scope.row.advurl">
|
|
|
- <el-button
|
|
|
- type="success"
|
|
|
- plain
|
|
|
- @click="playVideo(scope.row.advurl)"
|
|
|
- ref="btn"
|
|
|
- size="mini"
|
|
|
- >
|
|
|
- 播 放
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- <div v-else>暂无视频</div>
|
|
|
- </template>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+ <el-form-item label="广告" prop="advUrl" align="center">
|
|
|
+ <div v-if="equipment.advUrl">
|
|
|
+ <el-button
|
|
|
+ type="success"
|
|
|
+ plain
|
|
|
+ @click="playVideo()"
|
|
|
+ ref="btn"
|
|
|
+ size="mini"
|
|
|
+ >
|
|
|
+ 播 放
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div v-else>暂无视频</div>
|
|
|
|
|
|
<fileUpload :acceptSize="20*1024*1024" :auto-upload="true" :limit="1" :fileOtherData="this.videoFileData"
|
|
|
@fileLengthVaild="fileLengthVaild" @setIdAndUrl="setIdAndSubmit" ref="fileRef">
|
|
@@ -48,9 +40,6 @@
|
|
|
</fileUpload>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
-
|
|
|
-
|
|
|
- 地址{{ equipment }}
|
|
|
<div class="dialog-footer" slot="footer">
|
|
|
<el-button @click="isVisible = false" plain type="warning">{{
|
|
|
$t("common.cancel")
|
|
@@ -61,17 +50,23 @@
|
|
|
}}
|
|
|
</el-button>
|
|
|
</div>
|
|
|
+
|
|
|
+ <play-adv
|
|
|
+ title="广告预览" :dialog-visible="playAdvDialog.isVisible"
|
|
|
+ :type="playAdvDialog.type"
|
|
|
+ @close="playAdvClose" ref="playAdv"
|
|
|
+ />
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import {validMobile} from "@/utils/my-validate";
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
import fileUpload from "@/components/zuihou/fileUpload"
|
|
|
import productionResourceApi from "@/api/Productionresource.js"
|
|
|
+import playAdv from "./playAdv"
|
|
|
|
|
|
export default {
|
|
|
name: "advEdit",
|
|
|
- components: {fileUpload},
|
|
|
+ components: {fileUpload, playAdv},
|
|
|
props: {
|
|
|
dialogVisible: {
|
|
|
type: Boolean,
|
|
@@ -84,10 +79,15 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- // accept: "image/jpeg, image/gif, image/png",
|
|
|
+ playAdvDialog: {
|
|
|
+ isVisible: false,
|
|
|
+ type: "playAdv"
|
|
|
+ },
|
|
|
accept: "video/mp4, video/ogg, video/flv,video/avi,video/wmv,video/rmvb,video/mov",
|
|
|
// remoteStationLoading: false,
|
|
|
equipment: this.initEquipment(),
|
|
|
+ dialogPlay: false,
|
|
|
+ playVidoUrl: "",
|
|
|
screenWidth: 0,
|
|
|
width: this.initWidth(),
|
|
|
videoFileData: {
|
|
@@ -98,65 +98,7 @@ export default {
|
|
|
imgFileTotal: 0,
|
|
|
// 上传成功数
|
|
|
successNum: 0,
|
|
|
- enums: {
|
|
|
- Sex: {}
|
|
|
- },
|
|
|
- dicts: {
|
|
|
- NATION: {},
|
|
|
- POSITION_STATUS: {},
|
|
|
- EDUCATION: {},
|
|
|
- },
|
|
|
- rules: {
|
|
|
- account: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: this.$t("rules.require"),
|
|
|
- trigger: "blur"
|
|
|
- },
|
|
|
- {
|
|
|
- min: 1,
|
|
|
- max: 255,
|
|
|
- message: this.$t("rules.range4to10"),
|
|
|
- trigger: "blur"
|
|
|
- },
|
|
|
- {
|
|
|
- validator: (rule, value, callback) => {
|
|
|
- if (!this.user.id) {
|
|
|
-
|
|
|
- callback();
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
- },
|
|
|
- trigger: "blur"
|
|
|
- }
|
|
|
- ],
|
|
|
- email: {
|
|
|
- type: "email",
|
|
|
- message: this.$t("rules.email"),
|
|
|
- trigger: "blur"
|
|
|
- },
|
|
|
- mobile: {
|
|
|
- validator: (rule, value, callback) => {
|
|
|
- if (value !== "" && !validMobile(value)) {
|
|
|
- callback(this.$t("rules.mobile"));
|
|
|
- } else {
|
|
|
- callback();
|
|
|
- }
|
|
|
- },
|
|
|
- trigger: "blur"
|
|
|
- },
|
|
|
- sex: {
|
|
|
- required: true,
|
|
|
- message: this.$t("rules.require"),
|
|
|
- trigger: "change"
|
|
|
- },
|
|
|
- status: {
|
|
|
- required: true,
|
|
|
- message: this.$t("rules.require"),
|
|
|
- trigger: "blur"
|
|
|
- }
|
|
|
- }
|
|
|
+ rules: {}
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -193,6 +135,16 @@ export default {
|
|
|
advUrl: "",
|
|
|
};
|
|
|
},
|
|
|
+ playVideo() {
|
|
|
+ this.playAdvDialog.isVisible = true;
|
|
|
+ this.$refs.playAdv.setAdvUrl(this.equipment.advUrl)
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ playAdvClose() {
|
|
|
+ this.playAdvDialog.isVisible = false
|
|
|
+ },
|
|
|
+
|
|
|
|
|
|
// 附件长度校验
|
|
|
fileLengthVaild(data) {
|
|
@@ -224,16 +176,13 @@ export default {
|
|
|
|
|
|
setAdv(val) {
|
|
|
const vm = this;
|
|
|
- // if (val) {
|
|
|
- // vm.equipment = {...val};
|
|
|
- //
|
|
|
- // }
|
|
|
vm.equipment.id = val['id'];
|
|
|
vm.equipment.advUrl = val['advUrl'];
|
|
|
- console.log()
|
|
|
+ vm.playVidoUrl = val['advUrl'];
|
|
|
vm.videoFileData.bizId = vm.equipment["id"];
|
|
|
vm.$nextTick(() => {
|
|
|
vm.$refs.fileRef.init({
|
|
|
+ id: "",
|
|
|
bizId: vm.equipment["id"],
|
|
|
bizType: vm.videoFileData.bizType,
|
|
|
fileUrl: vm.equipment["advUrl"],
|
|
@@ -258,6 +207,8 @@ export default {
|
|
|
isSingle: true,
|
|
|
isDetail: false
|
|
|
});
|
|
|
+ this.initEquipment()
|
|
|
+ this.playVidoUrl = "";
|
|
|
},
|
|
|
submitForm() {
|
|
|
const vm = this;
|
|
@@ -273,27 +224,8 @@ export default {
|
|
|
|
|
|
editSubmit() {
|
|
|
const vm = this;
|
|
|
- // if (vm.type === "add") {
|
|
|
- // vm.save();
|
|
|
- // } else {
|
|
|
- // vm.update();
|
|
|
- // }
|
|
|
vm.update();
|
|
|
},
|
|
|
- // save() {
|
|
|
- // const vm = this;
|
|
|
- // userApi.save(this.user).then(response => {
|
|
|
- // const res = response.data;
|
|
|
- // if (res.isSuccess) {
|
|
|
- // vm.isVisible = false;
|
|
|
- // vm.$message({
|
|
|
- // message: vm.$t("tips.createSuccess"),
|
|
|
- // type: "success"
|
|
|
- // });
|
|
|
- // vm.$emit("success");
|
|
|
- // }
|
|
|
- // });
|
|
|
- // },
|
|
|
update() {
|
|
|
productionResourceApi.updateAdv(this.equipment).then(response => {
|
|
|
const res = response.data;
|