页面完善
This commit is contained in:
24kycj
@@ -0,0 +1,318 @@
|
||||
<template>
|
||||
<div class="container_box">
|
||||
<!-- 头部 -->
|
||||
<tab-bar :active="3"></tab-bar>
|
||||
<!-- 内容 -->
|
||||
<div class="form_box">
|
||||
<div class="form_item">
|
||||
<div class="flex_box form_title">
|
||||
<div class="flex_box flex_col">
|
||||
<div class="form_title_text">系统配置</div>
|
||||
<div class="form_title_line"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_content">
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">LogLevel</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_select">
|
||||
<el-select v-model="form.LogLevel" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in levelList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="form_text">记录日志等级，建议用户设置为INFO</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">AutoRetryTimes</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_select">
|
||||
<el-select v-model="form.AutoRetryTimes" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in timesList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="form_text">作业失败后重试次数，默认0为不重试</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">TaskDir</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_input">
|
||||
<el-input border="none" v-model="form.TaskDir" placeholder="请输入"></el-input>
|
||||
</div>
|
||||
<div class="form_text">自动作业文件路径</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">SharedDir</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_input">
|
||||
<el-input border="none" v-model="form.SharedDir" placeholder="请输入"></el-input>
|
||||
</div>
|
||||
<div class="form_text">作业缓存路径，存放作业中临时生成的内容文件、标签、合并图片、字段数据等</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">RejectConfig</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_switch">
|
||||
<el-switch active-color="#07C160" inactive-color="#aaa" v-model="form.RejectConfig"></el-switch>
|
||||
</div>
|
||||
<div class="form_text">出卡盒配置。默认勾选为正常出卡，取消勾选则从Reject出卡盒出卡</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">StopOnFailure</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_switch">
|
||||
<el-switch active-color="#07C160" inactive-color="#aaa" v-model="form.StopOnFailure"></el-switch>
|
||||
</div>
|
||||
<div class="form_text">作业失败后停止接受任务，默认不勾选</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">KeepCombinedImage</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_switch">
|
||||
<el-switch active-color="#07C160" inactive-color="#aaa" v-model="form.KeepCombinedImage"></el-switch>
|
||||
</div>
|
||||
<div class="form_text">是否保留作业临时图片和字段数据</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">CleanTaskFile</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_switch">
|
||||
<el-switch active-color="#07C160" inactive-color="#aaa" v-model="form.CleanTaskFile"></el-switch>
|
||||
</div>
|
||||
<div class="form_text">是否清除作业临时文件</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box form_option">
|
||||
<div class="form_label">UploadSharedDir</div>
|
||||
<div class="flex_box form_val">
|
||||
<div class="form_switch">
|
||||
<el-switch active-color="#07C160" inactive-color="#aaa" v-model="form.UploadSharedDir"></el-switch>
|
||||
</div>
|
||||
<div class="form_text">启用作业缓存路径，勾选后作业内容会先拷贝到缓存路径后再拷贝到存储卡</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex_box flex_row_center footer_btns">
|
||||
<el-button type="primary" class="footer_submit" @click="workSubmit">提交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
import TabBar from '@/components/tabBar/tabBar.vue';
|
||||
|
||||
export default {
|
||||
name: 'manage',
|
||||
components: { TabBar },
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
LogLevel: 'INFO',
|
||||
AutoRetryTimes: '2',
|
||||
TaskDir: 'D:\PrintTasks',
|
||||
SharedDir: 'D:\CardSoonRepo',
|
||||
RejectConfig: true,
|
||||
StopOnFailure: false,
|
||||
KeepCombinedImage: true,
|
||||
CleanTaskFile: false,
|
||||
UploadSharedDir: false,
|
||||
},
|
||||
levelList: [
|
||||
{
|
||||
label: 'TRACE',
|
||||
value: 'TRACE'
|
||||
},
|
||||
{
|
||||
label: 'DEBUG',
|
||||
value: 'DEBUG'
|
||||
},
|
||||
{
|
||||
label: 'INFO',
|
||||
value: 'INFO'
|
||||
},
|
||||
{
|
||||
label: 'WARNING',
|
||||
value: 'WARNING'
|
||||
},
|
||||
{
|
||||
label: 'ERROR',
|
||||
value: 'ERROR'
|
||||
},
|
||||
{
|
||||
label: 'FATAL',
|
||||
value: 'FATAL'
|
||||
}
|
||||
],
|
||||
timesList: [
|
||||
{
|
||||
label: '0',
|
||||
value: '0'
|
||||
},
|
||||
{
|
||||
label: '1',
|
||||
value: '1'
|
||||
},
|
||||
{
|
||||
label: '2',
|
||||
value: '2'
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['name', 'roles'])
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style rel="stylesheet/scss" lang="scss" scoped>
|
||||
.container_box {
|
||||
.form_box {
|
||||
padding: 0 32px;
|
||||
.form_item {
|
||||
padding: 10px 0;
|
||||
.form_title {
|
||||
border-bottom: 2px solid #E1F5E5;
|
||||
.form_title_text {
|
||||
font-weight: 500;
|
||||
font-size: 25px;
|
||||
color: #000000;
|
||||
line-height: 37px;
|
||||
}
|
||||
.form_title_line {
|
||||
width: 100%;
|
||||
height: 6px;
|
||||
background: #98E8A6;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
.form_content {
|
||||
padding: 10px 0;
|
||||
.form_option {
|
||||
padding: 16px 0;
|
||||
}
|
||||
.form_label {
|
||||
width: 300px;
|
||||
font-weight: 500;
|
||||
font-size: 19px;
|
||||
color: #000000;
|
||||
}
|
||||
.form_val {
|
||||
.form_input {
|
||||
width: 300px;
|
||||
height: 42px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #98E8A6;
|
||||
overflow: hidden;
|
||||
::v-deep {
|
||||
.el-input__inner {
|
||||
width: 360px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
font-size: 19px;
|
||||
color: #000000;
|
||||
}
|
||||
.el-input__icon {
|
||||
font-size: 20px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
.el-button {
|
||||
width: 140px;
|
||||
height: 40px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
background: #00C325;
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form_switch {
|
||||
width: 300px;
|
||||
.el-switch {
|
||||
zoom: 1.4;
|
||||
}
|
||||
}
|
||||
|
||||
.form_select {
|
||||
width: 300px;
|
||||
height: 42px;
|
||||
background: #FFFFFF;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #98E8A6;
|
||||
.el-select {
|
||||
width: 100%;
|
||||
padding-left: 10px;
|
||||
::v-deep {
|
||||
.el-input__inner {
|
||||
border: none;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
font-size: 20px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
color: #000000;
|
||||
}
|
||||
.el-input__icon {
|
||||
font-size: 20px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.form_text {
|
||||
font-weight: 500;
|
||||
font-size: 19px;
|
||||
color: #000000;
|
||||
padding-left: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer_btns {
|
||||
height: 80px;
|
||||
.footer_submit {
|
||||
width: 166px;
|
||||
height: 45px;
|
||||
background: #00C325;
|
||||
border-radius: 4px;
|
||||
font-weight: 500;
|
||||
font-size: 19px;
|
||||
color: #FFFFFF;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user