From 3a154bdb0a5aaa2c0ac3eac95a6ba747068bd454 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 13 一月 2026 10:00:37 +0800
Subject: [PATCH] 优化
---
admin/src/components/business/OperaCategoryJkBannerWindow.vue | 121 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 121 insertions(+), 0 deletions(-)
diff --git a/admin/src/components/business/OperaCategoryJkBannerWindow.vue b/admin/src/components/business/OperaCategoryJkBannerWindow.vue
new file mode 100644
index 0000000..76e4ca9
--- /dev/null
+++ b/admin/src/components/business/OperaCategoryJkBannerWindow.vue
@@ -0,0 +1,121 @@
+<template>
+ <GlobalWindow :title="title" :visible.sync="visible" :confirm-working="isWorking" width="600px" @close="close" @confirm="confirm">
+ <el-form :model="form" ref="form" :rules="rules">
+ <el-form-item label="骞垮憡鍚嶇О" prop="name">
+ <el-input v-model="form.name" placeholder="璇疯緭鍏ュ箍鍛婂悕绉�" v-trim />
+ </el-form-item>
+ <el-form-item label="骞垮憡鍥�" prop="imgurl">
+ <div class="upload_wrap">
+ <UploadFaceImg :file="{ 'imgurlfull': form.imgurlFull, 'imgurl': form.imgurl }" :uploadData="uploadData" :auto-crop=" { width: 500, height: 800 }"
+ @uploadSuccess="uploadAvatarSuccess" @uploadEnd="isUploading = false" @uploadBegin="isUploading = true" />
+ </div>
+ </el-form-item>
+ <el-form-item label="鎺掑簭鐮侊紙闄嶅簭锛�" prop="sortnum">
+ <el-input type="number" v-model="form.sortnum" placeholder="璇疯緭鍏ユ帓搴忕爜" v-trim />
+ </el-form-item>
+ <el-form-item label="澶囨敞" prop="remark">
+ <el-input type="textarea" v-model="form.remark" placeholder="璇疯緭鍏ュ娉�" v-trim />
+ </el-form-item>
+ </el-form>
+ </GlobalWindow>
+</template>
+
+<script>
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import UploadFaceImg from '@/components/common/UploadFaceImg'
+import ImageCropper from '@/components/common/ImageCropper'
+export default {
+ name: 'OperaCategoryFileWindow',
+ extends: BaseOpera,
+ components: { GlobalWindow ,UploadFaceImg,ImageCropper},
+ data () {
+ return {
+ // 琛ㄥ崟鏁版嵁
+ form: {
+ name: '',
+ type: 3,
+ imgurl: null,
+ imgurlFull: null,
+ sortnum: null,
+ remark: null,
+ },
+ isUploading: false,
+ uploadData: {
+ folder: 'banners'
+ },
+ // 楠岃瘉瑙勫垯
+ rules: {
+ name: [
+ { required: true, message: '璇疯緭鍏ュ箍鍛婂悕绉�', trigger: 'blur' },
+ ],
+ imgurl: [
+ { required: true, message: '璇蜂笂浼犲箍鍛婂浘', trigger: 'blur' },
+ ]
+ },
+ dataList: []
+ }
+ },
+ created () {
+ this.config({
+ api: '/business/category',
+ 'field.id': 'id'
+ })
+ },
+ methods: {
+ // 涓婁紶鍥剧墖
+ uploadAvatarSuccess(file) {
+ this.form.imgurl = file.imgurl
+ this.form.imgurlFull = file.imgurlfull
+ },
+ open (title, target) {
+ this.title = title
+ this.form.imgurlFull = ''
+ this.visible = true
+ // 鏂板缓缁勭粐
+ if (target == null) {
+ this.$nextTick(() => {
+ this.$refs.form.resetFields()
+ this.form[this.configData['field.id']] = null
+ this.form.type = 3
+ })
+
+ return
+ }
+ // 缂栬緫
+ this.$nextTick(() => {
+ for (const key in this.form) {
+ this.form[key] = target[key]
+ }
+ })
+ },
+ }
+}
+</script>
+<style lang="scss" scoped>
+.upload_wrap {
+ display: flex;
+ align-items: center;
+
+ .avatar-uploader {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ ::v-deep .avatar {
+ max-width: 90px;
+ max-height: 90px;
+ }
+
+ .content {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ font-size: 12px;
+ color: #999999;
+ margin-left: 12px;
+ line-height: 24px;
+ }
+}
+</style>
--
Gitblit v1.9.3