mirror of
https://github.com/silenty4ng/k5web
synced 2025-01-15 16:22:44 +00:00
Compare commits
No commits in common. "030a17fddbbf6d45a3f681f76c8d0eb70d2ad1d4" and "3e7bb8e3adccede25a00bb27c95e01374326b660" have entirely different histories.
030a17fddb
...
3e7bb8e3ad
4 changed files with 16 additions and 94 deletions
|
|
@ -3,17 +3,7 @@
|
|||
<Breadcrumb :items="[$t('menu.workshop'), $t('menu.channel')]" />
|
||||
<a-row :gutter="20" align="stretch">
|
||||
<a-col :span="24">
|
||||
<a-card class="general-card">
|
||||
<template #title>
|
||||
<div style="display: flex; gap: 1rem; align-items: flex-end;">
|
||||
{{ $t('menu.channel') }}
|
||||
<t-input size="small" style="width: 200px;" v-model="state.title" @enter="searchIt">
|
||||
<template #suffixIcon>
|
||||
<search-icon :style="{ cursor: 'pointer' }" @click="searchIt"/>
|
||||
</template>
|
||||
</t-input>
|
||||
</div>
|
||||
</template>
|
||||
<a-card class="general-card" :title="$t('menu.channel')">
|
||||
<template #extra>
|
||||
<div style="margin-right: 20px;">
|
||||
<template v-if="userStore.name">
|
||||
|
|
@ -115,7 +105,6 @@
|
|||
import { RefreshIcon } from 'tdesign-icons-vue-next';
|
||||
import axios from 'axios';
|
||||
import { Message } from '@arco-design/web-vue';
|
||||
import { SearchIcon } from 'tdesign-icons-vue-next';
|
||||
|
||||
const appStore = useAppStore();
|
||||
const userStore = useUserStore();
|
||||
|
|
@ -131,8 +120,7 @@
|
|||
myList: any,
|
||||
total: number,
|
||||
page: number,
|
||||
nowpage: any,
|
||||
title: string
|
||||
nowpage: any
|
||||
} = reactive({
|
||||
binaryFile: undefined,
|
||||
loading: false,
|
||||
|
|
@ -142,8 +130,7 @@
|
|||
myList: [],
|
||||
total: 0,
|
||||
page: 1,
|
||||
nowpage: [],
|
||||
title: ''
|
||||
nowpage: []
|
||||
})
|
||||
|
||||
const formData = reactive({
|
||||
|
|
@ -158,7 +145,7 @@
|
|||
|
||||
const loadit = async (page: any) => {
|
||||
state.page = page.current
|
||||
const resp : any = await axios.get("https://k5ws.vicicode.cn/api/channel/index?server=1&limit=12&page=" + page.current + "&title=" + state.title + "&t=" + Date.now())
|
||||
const resp : any = await axios.get("https://k5ws.vicicode.cn/api/channel/index?server=1&limit=12&page=" + page.current + "&t=" + Date.now())
|
||||
state.total = resp.data.total
|
||||
state.nowpage = resp.data.list
|
||||
}
|
||||
|
|
@ -250,9 +237,6 @@ const iDownload = (url: any, name: any) => {
|
|||
})
|
||||
}
|
||||
|
||||
const searchIt = () => {
|
||||
loadit({current: 1})
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
|
|
|
|||
|
|
@ -3,17 +3,7 @@
|
|||
<Breadcrumb :items="[$t('menu.workshop'), $t('menu.firmware')]" />
|
||||
<a-row :gutter="20" align="stretch">
|
||||
<a-col :span="24">
|
||||
<a-card class="general-card">
|
||||
<template #title>
|
||||
<div style="display: flex; gap: 1rem; align-items: flex-end;">
|
||||
{{ $t('menu.firmware') }}
|
||||
<t-input size="small" style="width: 200px;" v-model="state.title" @enter="searchIt">
|
||||
<template #suffixIcon>
|
||||
<search-icon :style="{ cursor: 'pointer' }" @click="searchIt"/>
|
||||
</template>
|
||||
</t-input>
|
||||
</div>
|
||||
</template>
|
||||
<a-card class="general-card" :title="$t('menu.firmware')">
|
||||
<template #extra>
|
||||
<div style="margin-right: 20px;">
|
||||
<template v-if="userStore.name">
|
||||
|
|
@ -115,7 +105,6 @@
|
|||
import { RefreshIcon } from 'tdesign-icons-vue-next';
|
||||
import axios from 'axios';
|
||||
import { Message } from '@arco-design/web-vue';
|
||||
import { SearchIcon } from 'tdesign-icons-vue-next';
|
||||
|
||||
const appStore = useAppStore();
|
||||
const userStore = useUserStore();
|
||||
|
|
@ -131,8 +120,7 @@
|
|||
myList: any,
|
||||
total: number,
|
||||
page: number,
|
||||
nowpage: any,
|
||||
title: string
|
||||
nowpage: any
|
||||
} = reactive({
|
||||
binaryFile: undefined,
|
||||
loading: false,
|
||||
|
|
@ -142,8 +130,7 @@
|
|||
myList: [],
|
||||
total: 0,
|
||||
page: 1,
|
||||
nowpage: [],
|
||||
title: ''
|
||||
nowpage: []
|
||||
})
|
||||
|
||||
const formData = reactive({
|
||||
|
|
@ -158,7 +145,7 @@
|
|||
|
||||
const loadit = async (page: any) => {
|
||||
state.page = page.current
|
||||
const resp : any = await axios.get("https://k5ws.vicicode.cn/api/firmware/index?server=1&limit=12&page=" + page.current + "&title=" + state.title + "&t=" + Date.now())
|
||||
const resp : any = await axios.get("https://k5ws.vicicode.cn/api/firmware/index?server=1&limit=12&page=" + page.current + "&t=" + Date.now())
|
||||
state.total = resp.data.total
|
||||
state.nowpage = resp.data.list
|
||||
}
|
||||
|
|
@ -250,9 +237,6 @@
|
|||
})
|
||||
}
|
||||
|
||||
const searchIt = () => {
|
||||
loadit({current: 1})
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
|
|
|
|||
|
|
@ -3,17 +3,7 @@
|
|||
<Breadcrumb :items="[$t('menu.workshop'), $t('menu.image')]" />
|
||||
<a-row :gutter="20" align="stretch">
|
||||
<a-col :span="24">
|
||||
<a-card class="general-card">
|
||||
<template #title>
|
||||
<div style="display: flex; gap: 1rem; align-items: flex-end;">
|
||||
{{ $t('menu.image') }}
|
||||
<t-input size="small" style="width: 200px;" v-model="state.title" @enter="searchIt">
|
||||
<template #suffixIcon>
|
||||
<search-icon :style="{ cursor: 'pointer' }" @click="searchIt"/>
|
||||
</template>
|
||||
</t-input>
|
||||
</div>
|
||||
</template>
|
||||
<a-card class="general-card" :title="$t('menu.image')">
|
||||
<template #extra>
|
||||
<div style="margin-right: 20px;">
|
||||
<template v-if="userStore.name">
|
||||
|
|
@ -125,7 +115,6 @@
|
|||
import axios from 'axios';
|
||||
import { Message } from '@arco-design/web-vue';
|
||||
import { RefreshIcon } from 'tdesign-icons-vue-next';
|
||||
import { SearchIcon } from 'tdesign-icons-vue-next';
|
||||
|
||||
const appStore = useAppStore();
|
||||
const userStore = useUserStore();
|
||||
|
|
@ -142,8 +131,7 @@
|
|||
total: number,
|
||||
page: number,
|
||||
nowpage: any,
|
||||
dropzoneActive: boolean,
|
||||
title: string
|
||||
dropzoneActive: boolean
|
||||
} = reactive({
|
||||
binaryFile: undefined,
|
||||
loading: false,
|
||||
|
|
@ -154,8 +142,7 @@
|
|||
total: 0,
|
||||
page: 1,
|
||||
nowpage: [],
|
||||
dropzoneActive: false,
|
||||
title: ''
|
||||
dropzoneActive: false
|
||||
})
|
||||
|
||||
const dragEnter = (event: any) => {
|
||||
|
|
@ -209,7 +196,7 @@
|
|||
|
||||
const loadit = async (page: any) => {
|
||||
state.page = page.current
|
||||
const resp : any = await axios.get("https://k5ws.vicicode.cn/api/image/index?server=1&limit=24&page=" + page.current + "&title=" + state.title + "&t=" + Date.now())
|
||||
const resp : any = await axios.get("https://k5ws.vicicode.cn/api/image/index?server=1&limit=24&page=" + page.current + "&t=" + Date.now())
|
||||
state.total = resp.data.total
|
||||
state.nowpage = resp.data.list
|
||||
}
|
||||
|
|
@ -288,10 +275,6 @@
|
|||
}
|
||||
});
|
||||
}
|
||||
|
||||
const searchIt = () => {
|
||||
loadit({current: 1})
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
|
|
|
|||
|
|
@ -14,8 +14,6 @@
|
|||
</table>
|
||||
</div>
|
||||
<br>
|
||||
色彩阈值：<t-slider v-model="state.threshold" :max="256" style="width: 200px;" @change-end="changeThreshold" />
|
||||
<br>
|
||||
<a-space>
|
||||
<a-button @click="selectFile">{{ $t('tool.selectImage') }}</a-button>
|
||||
<a-button :disabled="state.matrix.length < 64" @click="negativeIt">{{ $t('image.negative') }}</a-button>
|
||||
|
|
@ -41,16 +39,12 @@ const state : {
|
|||
binaryFile: any,
|
||||
loading: boolean,
|
||||
matrix: any,
|
||||
mousedown: boolean,
|
||||
threshold: number,
|
||||
cache: any
|
||||
mousedown: boolean
|
||||
} = reactive({
|
||||
binaryFile: undefined,
|
||||
loading: false,
|
||||
matrix: [],
|
||||
mousedown: false,
|
||||
threshold: 128,
|
||||
cache: undefined
|
||||
mousedown: false
|
||||
})
|
||||
|
||||
const route = useRoute();
|
||||
|
|
@ -96,11 +90,10 @@ const useImg = (url: string) => {
|
|||
const ctx = canvas.getContext('2d');
|
||||
ctx?.drawImage(img, 0, 0, 128, 64);
|
||||
const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height).data;
|
||||
state.cache = imageData;
|
||||
function getPixel(x: any, y: any) {
|
||||
const index = y * 128 + x;
|
||||
const i = index * 4;
|
||||
return imageData[i] + imageData[i + 1] + imageData[i + 2] > state.threshold * 3 ? 0 : 1;
|
||||
return imageData[i] + imageData[i + 1] + imageData[i + 2] > 128 * 3 ? 0 : 1;
|
||||
}
|
||||
|
||||
const matrix = [];
|
||||
|
|
@ -134,11 +127,10 @@ const selectFile = () => {
|
|||
const ctx = canvas.getContext('2d');
|
||||
ctx?.drawImage(img, 0, 0, 128, 64);
|
||||
const imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height).data;
|
||||
state.cache = imageData;
|
||||
function getPixel(x: any, y: any) {
|
||||
const index = y * 128 + x;
|
||||
const i = index * 4;
|
||||
return imageData[i] + imageData[i + 1] + imageData[i + 2] > state.threshold * 3 ? 0 : 1;
|
||||
return imageData[i] + imageData[i + 1] + imageData[i + 2] > 128 * 3 ? 0 : 1;
|
||||
}
|
||||
|
||||
const matrix = [];
|
||||
|
|
@ -222,27 +214,6 @@ const flashIt = async () => {
|
|||
state.loading = false
|
||||
}
|
||||
|
||||
const changeThreshold = () => {
|
||||
const imageData = state.cache;
|
||||
function getPixel(x: any, y: any) {
|
||||
const index = y * 128 + x;
|
||||
const i = index * 4;
|
||||
return imageData[i] + imageData[i + 1] + imageData[i + 2] > state.threshold * 3 ? 0 : 1;
|
||||
}
|
||||
|
||||
const matrix = [];
|
||||
|
||||
for (let y = 0; y < 64; y++) {
|
||||
matrix.push([])
|
||||
matrix[y] = []
|
||||
for (let x = 0; x < 128; x++) {
|
||||
const pixel = !getPixel(x, y);
|
||||
matrix[y][x] = pixel ? '#fff' : '#000';
|
||||
}
|
||||
}
|
||||
|
||||
state.matrix = matrix
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
|
|
|
|||
Loading…
Reference in a new issue