fix:项目初始化

2025-06-10 17:11:41 +07:00
commit db9bffd2c5
713 changed files with 159746 additions and 0 deletions
@@ -0,0 +1,155 @@
+<template>
+  <el-dialog :title="title" :visible.sync="Visible" width="800px" center class="ac-dialog" :close-on-click-modal="false" @close="close">
+    <el-form :rules="rules" :inline="true" :model="form" ref="ruleForm" class="demo-form-inline" label-width="120px" label-position="right">
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="选集名称">
+            <el-input v-model="form.name" placeholder="请输入名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="是否启用">
+            <el-switch v-model="form.status" active-color="#13ce66"></el-switch>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="排序">
+            <el-input v-model.number="form.rank" placeholder="请输入排序" />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="12" :sm="12" :md="12" :lg="12" :xl="12">
+          <el-form-item label="视频所属位置" >
+            <el-select placeholder="请选择视频所属位置" clearable v-model="form.location" >
+              <el-option :key="item.value" :label="item.label" :value="item.value" v-for="item in videoLocationList" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
+          <el-form-item label="头像">
+            <UploadImg @changeImgUrl="changeAvatarUrl" :img="form.avatar"></UploadImg>
+          </el-form-item>
+        </el-col>
+        <el-col :lg="12" :md="12" :sm="12" :xl="12" :xs="12">
+          <el-form-item label="背景图">
+            <UploadImg @changeImgUrl="changeBackUrl" :img="form.background"></UploadImg>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :lg="24" :md="24" :sm="24" :xl="24" :xs="24">
+          <el-form-item label="详细描述">
+            <el-input v-model="form.desc" placeholder="请输入详细描述" type="textarea" style="width: 420px" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="Visible = false"> 取 消 </el-button>
+      <el-button type="primary" @click="submit('ruleForm')"> 确 定 </el-button>
+    </div>
+  </el-dialog>
+</template>
+<script>
+import {
+  mediaepisodeAdd,
+  mediaepisodeUpdate
+} from '@/api/videoManagement/mediagpisode'
+import UploadImg from '@/components/UploadImg/index'
+import { changeMoneyYuan, changeMoneyFen } from '@/filters/index'
+import {
+  contentTypeList,videoLocationList
+} from '@/filters/mediaLibrary/videoList'
+
+export default {
+  name: 'AddOrEdit',
+  props: ['data'],
+  components: {
+    UploadImg
+  },
+  data() {
+    return {
+      Visible: true,
+      title: '',
+      contentTypeList:contentTypeList(),
+      videoLocationList:videoLocationList(),
+      // 表单数据
+      form: {
+        background: undefined,
+        name: undefined, // 名称
+        price: undefined,
+        status: true, // 是否启用
+        avatar: undefined,
+        desc: undefined,
+        objectIds: [],
+        rank: undefined,
+        location:undefined
+      },
+      rules: {}
+    }
+  },
+
+  mounted() {
+    this.title = this.data.title
+    if (this.title === '编辑') {
+      this.form = { ...this.data.data }
+      this.form.price = changeMoneyYuan(this.form.price)
+    }
+  },
+  methods: {
+    // TODO:新增选集列表数据
+    add(data) {
+      mediaepisodeAdd(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('新增成功')
+          this.Visible = false
+        } else {
+          this.$message.error('新增失败')
+        }
+      })
+    },
+
+    // TODO:编辑选集列表数据
+    update(data) {
+      mediaepisodeUpdate(data).then((res) => {
+        if (res.code === 200) {
+          this.$message.success('更新成功')
+          this.Visible = false
+        } else {
+          this.$message.error('更新失败')
+        }
+      })
+    },
+    changeAvatarUrl(data) {
+      this.form.avatar = data
+    },
+    changeBackUrl(data) {
+      this.form.background = data
+    },
+    // 提交按钮
+    submit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.form.price = changeMoneyFen(this.form.price)
+          if (this.title === '新增') {
+            this.add(this.form)
+          } else if (this.title === '编辑') {
+            this.update(this.form)
+          }
+        } else {
+          return false
+        }
+      })
+    },
+
+    // 关闭编辑
+    close() {
+      this.$emit('close')
+    }
+  }
+}
+</script>
+