# fangchan-pc

**Repository Path**: cathy1994/fangchan-pc

## Basic Information

- **Project Name**: fangchan-pc
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-09
- **Last Updated**: 2024-10-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 主色调


### 页面命名-前置仓-城市端

-   Login                    登录
-   Home                     首页

-   PictureClassify          我的图库-图片分类
-   PictureList              我的图库-图片列表

-   NewsClass                文章管理-文章分类
-   NewsList                 文章管理-文章列表
-   NewsUpdate               文章管理-文章添加/编辑

-   NoticeList               消息列表
-   NoticeDetail             消息详情

-   Page404                  404 页面
-   Page403                  403 页面

### 域名



正式域名：   账号：

云存储：https://imgzh.kmmyxb.cn/


### 接口

https://docs.apipost.cn/preview/392a1842c3d5028d/57b4edd9d694ca1a
密码：myxb

【wangeditor富文本编辑器官方文档】
https://www.wangeditor.com/

### ftp



### 备注
``` 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
}
```