From 732c21e92f07ea055b014d123e58b7d4b984039c Mon Sep 17 00:00:00 2001
From: panqihua <panqihua@melt.icu>
Date: Sat, 21 Jan 2023 02:31:20 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE-=E5=90=AF=E5=8A=A8=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/platform/config/launch_page.vue | 51 +++++++++++++++++++++++
 src/views/platform/public/upload_img.vue  | 33 +++++++++++++++
 2 files changed, 84 insertions(+)
 create mode 100644 src/views/platform/config/launch_page.vue
 create mode 100644 src/views/platform/public/upload_img.vue

diff --git a/src/views/platform/config/launch_page.vue b/src/views/platform/config/launch_page.vue
new file mode 100644
index 0000000..3d52feb
--- /dev/null
+++ b/src/views/platform/config/launch_page.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="app-container">
+    <el-form>
+      <el-form-item label="启动页" class="title">
+        <upload-img @file:change="launch" :limit="1"></upload-img>
+      </el-form-item>
+      <el-form-item label="我要入驻" class="title">
+        <upload-img @file:change="join" :limit="1"></upload-img>
+      </el-form-item>
+    </el-form>
+    <div class="text-center">
+      <el-button type="primary">保存</el-button>
+      <el-button>重置</el-button>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import UploadImg from '@/views/platform/public/upload_img'
+
+export default {
+  name: 'launch_page',
+  components: { UploadImg },
+  data() {
+    return {
+      form: {
+        launchImg: undefined,
+        joinImg: undefined
+      }
+    }
+  },
+  methods: {
+    launch(file, fileList) {
+      this.form.launchImg = file
+    },
+    join(file, fileList) {
+      this.form.joinImg = file
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.title {
+  color: rgba(16, 16, 16, 1);
+  font-size: 14px;
+  text-align: left;
+  font-family: SourceHanSansSC-regular;
+}
+</style>
diff --git a/src/views/platform/public/upload_img.vue b/src/views/platform/public/upload_img.vue
new file mode 100644
index 0000000..ef9715b
--- /dev/null
+++ b/src/views/platform/public/upload_img.vue
@@ -0,0 +1,33 @@
+<template>
+  <el-upload :on-remove="onChange" :file-list="imgList" :on-change="onChange"
+             list-type="picture" action="#" :auto-upload="false" :limit="limit">
+    <i class="el-icon-plus" v-if="imgList.length <limit"></i>
+  </el-upload>
+</template>
+
+<script>
+export default {
+  name: 'upload_img',
+  props: {
+    /* 限制上传文件数 */
+    limit: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      imgList: []
+    }
+  },
+  methods: {
+    onChange(file, fileList) {
+      this.imgList = fileList
+      this.$emit('file:change', file, fileList)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>