prepare
This commit is contained in:
Julian Freeman
221
src/App.vue
Normal file
221
src/App.vue
Normal file
@@ -0,0 +1,221 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, watch } from "vue";
|
||||
import { open } from "@tauri-apps/plugin-dialog";
|
||||
import { invoke } from "@tauri-apps/api/core";
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { Document, VideoPlay, CircleCheck } from '@element-plus/icons-vue';
|
||||
|
||||
// Navigation
|
||||
const activeMenu = ref("preparation");
|
||||
|
||||
// Preparation Data
|
||||
const workingDir = ref("");
|
||||
const templateDir = ref("");
|
||||
const selectedDate = ref<Date | null>(new Date());
|
||||
const currentDir = ref("");
|
||||
const videoNamePrefix = ref("");
|
||||
|
||||
// Actions
|
||||
const selectWorkingDir = async () => {
|
||||
const selected = await open({
|
||||
directory: true,
|
||||
multiple: false,
|
||||
});
|
||||
if (selected) {
|
||||
workingDir.value = selected as string;
|
||||
}
|
||||
};
|
||||
|
||||
const selectTemplateDir = async () => {
|
||||
const selected = await open({
|
||||
directory: true,
|
||||
multiple: false,
|
||||
});
|
||||
if (selected) {
|
||||
templateDir.value = selected as string;
|
||||
}
|
||||
};
|
||||
|
||||
const selectCurrentDir = async () => {
|
||||
const selected = await open({
|
||||
directory: true,
|
||||
multiple: false,
|
||||
});
|
||||
if (selected) {
|
||||
currentDir.value = selected as string;
|
||||
}
|
||||
};
|
||||
|
||||
const handleCopy = async () => {
|
||||
if (!workingDir.value || !templateDir.value || !selectedDate.value) {
|
||||
ElMessage.error("请填写完整信息（工作目录、模板目录、日期）");
|
||||
return;
|
||||
}
|
||||
|
||||
const date = selectedDate.value;
|
||||
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
||||
const dd = String(date.getDate()).padStart(2, '0');
|
||||
const folderName = `${mm}${dd}视频`;
|
||||
|
||||
try {
|
||||
const newPath = await invoke<string>("copy_directory", {
|
||||
templatePath: templateDir.value,
|
||||
targetPath: workingDir.value,
|
||||
newFolderName: folderName,
|
||||
});
|
||||
|
||||
ElMessage.success("目录拷贝并重命名成功！");
|
||||
|
||||
// Update Section 2
|
||||
currentDir.value = newPath;
|
||||
// Auto-update prefix is handled by watcher
|
||||
} catch (error) {
|
||||
ElMessage.error(`错误: ${error}`);
|
||||
}
|
||||
};
|
||||
|
||||
// Reactivity for Current Directory
|
||||
watch(currentDir, (newPath) => {
|
||||
if (!newPath) return;
|
||||
|
||||
// Check if path ends with "ddmm视频"
|
||||
// Robust split for Windows/Unix paths
|
||||
const dirName = newPath.split(/[/\\]/).pop();
|
||||
|
||||
if (!dirName) return;
|
||||
|
||||
const regex = /^(\d{2})(\d{2})视频$/; // matches mmdd视频
|
||||
const match = dirName.match(regex);
|
||||
|
||||
if (match) {
|
||||
const mm = match[1];
|
||||
const dd = match[2];
|
||||
const year = new Date().getFullYear();
|
||||
// Format: AI-yyyyddmm-
|
||||
videoNamePrefix.value = `AI-${year}${mm}${dd}-`;
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<el-container class="layout-container" style="height: 100vh">
|
||||
<el-aside width="200px" style="background-color: #fff; border-right: 1px solid #dcdfe6;">
|
||||
<el-menu
|
||||
:default-active="activeMenu"
|
||||
class="el-menu-vertical-demo"
|
||||
@select="(index: string) => activeMenu = index"
|
||||
style="border-right: none;"
|
||||
>
|
||||
<el-menu-item index="preparation">
|
||||
<el-icon><Document /></el-icon>
|
||||
<span>准备</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="review">
|
||||
<el-icon><VideoPlay /></el-icon>
|
||||
<span>审核</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="check">
|
||||
<el-icon><CircleCheck /></el-icon>
|
||||
<span>检查</span>
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</el-aside>
|
||||
|
||||
<el-main>
|
||||
<div v-if="activeMenu === 'preparation'">
|
||||
<h2>准备工作</h2>
|
||||
|
||||
<el-card class="box-card" shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>新建任务</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-form label-position="top">
|
||||
<el-form-item label="工作目录">
|
||||
<el-input v-model="workingDir" placeholder="请选择工作目录" readonly>
|
||||
<template #append>
|
||||
<el-button @click="selectWorkingDir">选择</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="分类模板">
|
||||
<el-input v-model="templateDir" placeholder="请选择分类模板" readonly>
|
||||
<template #append>
|
||||
<el-button @click="selectTemplateDir">选择</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="日期">
|
||||
<el-date-picker
|
||||
v-model="selectedDate"
|
||||
type="date"
|
||||
placeholder="选择日期"
|
||||
format="YYYY-MM-DD"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="handleCopy" style="width: 100%">拷贝并重命名</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-divider />
|
||||
|
||||
<el-card class="box-card" shadow="hover">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>当前任务</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-form label-position="top">
|
||||
<el-form-item label="当前目录">
|
||||
<el-input v-model="currentDir" placeholder="请选择或生成目录" readonly>
|
||||
<template #append>
|
||||
<el-button @click="selectCurrentDir">选择</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="文件前缀">
|
||||
<el-input v-model="videoNamePrefix" placeholder="AI-yyyyddmm-" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
|
||||
<div v-else-if="activeMenu === 'review'">
|
||||
<h2>审核</h2>
|
||||
<el-empty description="功能待定" />
|
||||
</div>
|
||||
|
||||
<div v-else-if="activeMenu === 'check'">
|
||||
<h2>检查</h2>
|
||||
<el-empty description="功能待定" />
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
|
||||
background-color: #f0f2f5;
|
||||
}
|
||||
.layout-container {
|
||||
height: 100vh;
|
||||
}
|
||||
.box-card {
|
||||
max-width: 800px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user