tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更换logo

Browse Source 
Former-commit-id: 01401f1e9ba211c29e0baa6c224db93f88796d6c
This commit is contained in:
郝先瑞
2022-05-15 00:06:22 +08:00
parent 4205db37f0
commit de34583621
6 changed files with 78 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/dashboard/components/Project/index.vue
View File

@@ -51,8 +51,8 @@
<el-link
target="_blank"
type="warning"
href="http://youlaitech.gitee.io/youlai-mall"
>官方文档(完善中..)</el-link
href="https://www.youlai.tech/"
>官方文档</el-link
>
</el-col>
<el-col :span="6">
@@ -95,7 +95,7 @@
<script lang="ts">
export default {
name: 'index',
name: 'index'
};
</script>

20
src/views/error-page/401.vue
View File

@@ -1,7 +1,7 @@
<!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
<script lang="ts">
export default {
name: 'Page401',
name: 'Page401'
};
</script>
@@ -10,16 +10,14 @@ import { reactive, toRefs } from 'vue';
import { useRouter } from 'vue-router';
const state = reactive({
errGif: new URL(
`../../assets/401_images/401.gif`,
import.meta.url).href,
errGif: new URL(`../../assets/401_images/401.gif`, import.meta.url).href,
ewizardClap:
'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
dialogVisible: false,
})
dialogVisible: false
});
const { errGif, ewizardClap, dialogVisible } = toRefs(state)
const { errGif, ewizardClap, dialogVisible } = toRefs(state);
const router = useRouter();
@@ -53,7 +51,12 @@ function back() {
</ul>
</el-col>
<el-col :span="12">
<img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream." />
<img
:src="errGif"
width="313"
height="428"
alt="Girl has dropped her ice cream."
/>
</el-col>
</el-row>
<el-dialog v-model="dialogVisible" title="随便看">
@@ -62,7 +65,6 @@ function back() {
</div>
</template>
<style lang="scss" scoped>
.errPage-container {
width: 800px;

35
src/views/error-page/404.vue
View File

@@ -1,32 +1,51 @@
<!-- setup 无法设置组件名称，组件名称keepAlive必须 -->
<script lang="ts">
export default {
name: 'Page404',
name: 'Page404'
};
</script>
<script setup lang="ts">
function message() {
return 'The webmaster said that you can not enter this page...';
}
</script>
<template>
<div class="wscn-http404-container">
<div class="wscn-http404">
<div class="pic-404">
<img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404" />
<img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404" />
<img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404" />
<img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404" />
<img
class="pic-404__parent"
src="@/assets/404_images/404.png"
alt="404"
/>
<img
class="pic-404__child left"
src="@/assets/404_images/404_cloud.png"
alt="404"
/>
<img
class="pic-404__child mid"
src="@/assets/404_images/404_cloud.png"
alt="404"
/>
<img
class="pic-404__child right"
src="@/assets/404_images/404_cloud.png"
alt="404"
/>
</div>
<div class="bullshit">
<div class="bullshit__oops">OOPS!</div>
<div class="bullshit__info">
All rights reserved
<a style="color: #20a0ff" href="https://wallstreetcn.com" target="_blank">wallstreetcn</a>
<a
style="color: #20a0ff"
href="https://wallstreetcn.com"
target="_blank"
>wallstreetcn</a
>
</div>
<div class="bullshit__headline">{{ message }}</div>
<div class="bullshit__info">

32
src/views/pms/goods/components/GoodsInfo.vue
View File

@@ -53,10 +53,7 @@
<single-upload v-model="item.url" :show-close="true" />
<div v-if="item.url">
<el-link
type="danger"
class="button"
v-if="item.main == true"
<el-link type="danger" class="button" v-if="item.main == true"
>商品主图</el-link
>
<el-link
@@ -64,7 +61,8 @@
class="button"
v-else
@click="changeMainPicture(index)"
>设为主图</el-link>
>设为主图</el-link
>
</div>
<div v-else>
@@ -105,15 +103,15 @@ const dataFormRef = ref(ElForm);
const props = defineProps({
modelValue: {
type: Object,
default: () => {},
},
default: () => {}
}
});
const goodsInfo: any = computed({
get: () => props.modelValue,
set: (value) => {
set: value => {
emit('update:modelValue', value);
},
}
});
const state = reactive({
@@ -124,14 +122,14 @@ const state = reactive({
{ url: undefined, main: false },
{ url: undefined, main: false },
{ url: undefined, main: false },
{ url: undefined, main: false },
{ url: undefined, main: false }
] as Array<any>,
rules: {
name: [{ required: true, message: '请填写商品名称', trigger: 'blur' }],
originPrice: [{ required: true, message: '请填写原价', trigger: 'blur' }],
price: [{ required: true, message: '请填写现价', trigger: 'blur' }],
brandId: [{ required: true, message: '请选择商品品牌', trigger: 'blur' }],
},
brandId: [{ required: true, message: '请选择商品品牌', trigger: 'blur' }]
}
});
const { brandOptions, pictures, rules } = toRefs(state);
@@ -144,7 +142,7 @@ function loadData() {
if (goodsId) {
const mainPicUrl = goodsInfo.value.picUrl;
if (mainPicUrl) {
state.pictures.filter((item) => item.main)[0].url = mainPicUrl;
state.pictures.filter(item => item.main)[0].url = mainPicUrl;
}
const subPicUrls = goodsInfo.value.subPicUrls;
if (subPicUrls && subPicUrls.length > 0) {
@@ -177,14 +175,14 @@ function handleNext() {
if (valid) {
// 商品图片
const mainPicUrl = state.pictures
.filter((item) => item.main == true && item.url)
.map((item) => item.url);
.filter(item => item.main == true && item.url)
.map(item => item.url);
if (mainPicUrl && mainPicUrl.length > 0) {
goodsInfo.value.picUrl = mainPicUrl[0];
}
const subPicUrl = state.pictures
.filter((item) => item.main == false && item.url)
.map((item) => item.url);
.filter(item => item.main == false && item.url)
.map(item => item.url);
if (subPicUrl && subPicUrl.length > 0) {
goodsInfo.value.subPicUrls = subPicUrl;
}