Aniku_electron
/
03-add.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Add</title>
    <!-- import CSS -->
    <link rel="stylesheet" href="./static/index.css">
    <script type="text/javascript" src="./static/vue.js"></script>
    <script type="text/javascript" src="./static/index.js"></script>
</head>

<body>
    <div id="form">
        <el-form ref="form" :model="form" :rules="rules" label-width="100px" class="demo-ruleForm">
            <el-form-item label="名称" prop="name">
                <el-input v-model="form.name" placeholder="输入项目名" style="width: 50vw;"></el-input>
            </el-form-item>
            <el-form-item label="路径" prop="path" label-width="100px">
                <el-input v-model="form.path" placeholder="选择文件" style="width: 40vw;"></el-input>
                <el-button type="primary" @click="seletFolder">选择文件按<i class="el-icon-upload el-icon--right"></i>
                </el-button>
            </el-form-item>
            <el-form-item label="类型">
                <el-radio-group v-model="form.type">
                    <el-radio label="电影"></el-radio>
                    <el-radio label="动漫"></el-radio>
                    <el-radio label="电视剧"></el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="文件类型">
                <el-checkbox-group v-model="form.ftypes">
                    <el-checkbox v-for="ftype in form.file_type" :label="ftype" :key="ftype">{{ftype}}</el-checkbox>
                </el-checkbox-group>
            </el-form-item>
            <el-form-item label="设为首页">
                <el-switch v-model="form.homepage"> </el-switch>
            </el-form-item>
            <el-form-item label="备注" prop="comment">
                <el-input v-model="form.comment" placeholder="输入备注" style="width: 50vw;"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">立即创建</el-button>
                <el-button @click="cancel">取消</el-button>
            </el-form-item>
        </el-form>
    </div>
    <div id="test">
        <el-progress :text-inside="true" :stroke-width="24" :percentage="percentage" status="success"></el-progress>
    </div>

</body>

<script src="./renderer/add.js"></script>
<script>
    let num = 0;
    new Vue({
        el: test,
        data: {
            percentage: 0

        },
        watch: {
            num: function (num) {
                this.percentage = num * 10;
                console.log(num * 10);
            }
        }
    })
    // let progress = new Vue().$mount('#test');
    let timer = setInterval(function () {
        if (num == 10) {
            clearInterval(timer);
        }
        console.log(num);
        num++;
    }, 1000);
</script>

</html>