tianyunperfect
/
web-base--


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>生成命令页面</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.0/theme-chalk/index.css">
</head>
<body>
<div id="app" class="container">
    <h1>生成命令页面</h1>
    <el-form ref="form" :model="formData" label-width="100px">
        <el-form-item label="Tag名称">
            <el-input v-model="formData.tagname"></el-input>
        </el-form-item>
        <el-form-item label="备注">
            <el-input v-model="formData.remark"></el-input>
        </el-form-item>
        <el-form-item label="选择仓库">
            <el-checkbox-group v-model="formData.selectedRepos">
                <el-checkbox v-for="repo in repos" :label="repo.value" :key="repo.value">{{repo.name}}</el-checkbox>
            </el-checkbox-group>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="generateCommand">生成命令</el-button>
        </el-form-item>
        <el-form-item>
            <label for="command">生成的命令:</label>
            <pre id="command">{{ command }}</pre>
        </el-form-item>
    </el-form>
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.16/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.0/index.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            formData: {
                tagname: '',
                remark: '',
                selectedRepos: []
            },
            repos: [
                { name: '模型manager', value: '/path/to/repo1' },
                { name: '模型worker', value: '/path/to/repo2' }
            ],
            command: ''
        },
        methods: {
            generateCommand() {
                this.command = `tag_service.sh ${this.formData.selectedRepos.join(",")} ${this.formData.tagname} "${this.formData.remark}"`;
            }
        }
    });
</script>
</body>
</html>