# myxb-mall-java

**Repository Path**: cathy1994/myxb-mall-java

## Basic Information

- **Project Name**: myxb-mall-java
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-30
- **Last Updated**: 2025-02-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 主色调

-   蓝色 #4B93FA
-   红色 #f3262a

### 页面命名-供应商端

-   Login                       登录
-   Home                        首页

-   PictureClassify             我的图库-图片分类
-   PictureList                 我的图库-图片列表
-   NewsClass                   文章管理-文章分类
-   NewsList                    文章管理-文章列表
-   NewsAdd                     文章管理-文章添加
-   NewsEdit                    文章管理-文章编辑
-   ManageRole                  设置-账号权限-角色管理
-   ManageRoleEdit              设置-账号权限-角色-编辑角色
-   ManageRoleAdd               设置-账号权限-角色-添加角色
-   ManagementUser              设置-账号权限-系统管理员
-   NoticeList                  消息列表
-   NoticeDetail                消息详情

-   Page404                     404 页面
-   Page403                     403 页面


### 域名


### 接口


### ftp


### 第三方


### UI



### 小程序


### 备注

```html
<!-- 只能输入数字和小数 oninput="value=value.replace(/[^\d.]/g,'')" -->
<el-input v-model.trim="ruleNewsForm.sort" oninput="value=value.replace(/[^\d.]/g,'')" clearable placeholder="请输入排序" />
```

### 上传图片

```html
<el-upload
    ref="uploadRef"
    v-loading="imgLoading"
    class="prize-upload"
    :action="actionImgUrl()"
    :http-request="uploadImg"
    list-type="picture-card"
    :multiple="false"
    :on-remove="handleRemove"
    :before-upload="beforeAvatarUpload"
    :on-change="fileChange"
    :on-preview="handlePreview"
>
    <el-icon color="#999">
        <upload-filled />
    </el-icon>
</el-upload>
```

```js
// mixins
const succList = ref([]) // 成功之后图片数组
const imgLoading = ref(false)
// 上传
function uploadImg() {
    imgLoading.value = true
    let data = new FormData()
    data.append("file", fileList.value[0])
    proxy.$axios
        .post("file/aliyunupload", data)
        .then((res) => {
            fileList.value = []
            imgLoading.value = false
            if (res.data.code == 0) {
                succList.value.push(res.data.data)
            } else {
                proxy.$message({message:res.data.msg,type:"error"})
            }
        })
        .catch((err) => {
            imgLoading.value = false
        })
}

// 移除图片
function handleRemove(file, fileArr) {
    fileList.value = []
    succList.value = []
}

return { succList, imgLoading }

// 页面
const uploadRef = ref(null)
const { succList, imgLoading, imgVisible, dialogImageUrl, handlePreview, actionImgUrl, uploadImg, handleRemove, beforeAvatarUpload, fileChange } =
    UploadImg()

const closeDialogImg = () => {
    succList.value = []
    img_name.value = ""
    uploadRef.value.clearFiles() // 清除已上传文件
    dialogImg.value = false
}
```