探索配置 | 环境配置 | 故障提单 | 模板配置
<template>
<div style='position: relative; height: 280px'>
<t-card :bordered='false'>
<t-form
:data='formData'
:rules='FORM_RULES'
label-align='top'
:label-width='100'
@reset='onReset'
@submit='onSubmit'
>
<div class='form-basic-container'>
<div class='form-basic-item'>
<div class='form-basic-container-title'>模板信息【UUID:{{template.template_uuid}}】</div>
<t-form-item label='模板名' name='templateTitle'>
<t-input v-model='formData.templateTitle' :style='{ width: '322px' }' />
</t-form-item>
<t-form-item label='模板描述' name='templateDescription'>
<t-textarea v-model='formData.templateDescription' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='模板描述' />
</t-form-item>
<pre><code> <div id='探索配置' class='form-basic-container-title' style='font-size: 28px; margin-bottom: 0px;'>探索配置</div>
<div class='form-basic-item'>
<!-- 表单内容 -->
<t-row class='row-gap' :gutter='[16, 24]'>
<t-col :span='12'>
<div id='探索范围配置' class='form-basic-container-title' style='font-size: 24px;'>探索范围配置</div>
<t-form-item label='控件白名单' name='controlWhitelist'>
<t-textarea v-model='formData.controlWhitelist' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='控件白名单' />
</t-form-item>
<t-form-item label='控件黑名单' name='controlBlacklist'>
<t-textarea v-model='formData.controlBlacklist' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='控件黑名单' />
</t-form-item>
<t-form-item label='界面白名单' name='interfaceWhitelist'>
<t-textarea v-model='formData.interfaceWhitelist' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='界面白名单' />
</t-form-item>
<t-form-item label='界面黑名单' name='interfaceBlacklist'>
<t-textarea v-model='formData.interfaceBlacklist' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='界面黑名单' />
</t-form-item>
</t-col>
</t-row>
<t-row class='row-gap' :gutter='[16, 24]'>
<t-col :span='12'>
<div id='定时操作配置' class='form-basic-container-title' style='font-size: 24px;'>定时操作配置</div>
<t-form-item label='开始时' name='controlWhitelist'>
<t-textarea v-model='formData.controlWhitelist' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='开始时' />
</t-form-item>
<t-form-item label='定时操作' name='controlBlacklist'>
<t-textarea v-model='formData.controlBlacklist' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='定时操作' />
</t-form-item>
<t-form-item label='结束时' name='interfaceWhitelist'>
<t-textarea v-model='formData.interfaceWhitelist' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='结束时' />
</t-form-item>
</t-col>
</t-row>
<t-row class='row-gap' :gutter='[16, 24]'>
<t-col :span='12'>
<div id='预设通用配置' class='form-basic-container-title' style='font-size: 24px;'>预设通用配置</div>
<t-form-item label='登录方式' name='login_method'>
<t-radio-group v-model='formData.login_method'>
<t-radio value='0'>微信登录</t-radio>
<t-radio value='1'>QQ登录</t-radio>
</t-radio-group>
</t-form-item>
<t-form-item label='账号-密码' name='controlWhitelist'>
<t-textarea v-model='formData.Accounts' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='请输入账号密码' />
</t-form-item>
</t-col>
</t-row>
<t-row class='row-gap' :gutter='[16, 24]'>
<t-col :span='12'>
<div id='AI配置' class='form-basic-container-title' style='font-size: 24px;' >AI配置</div>
<t-form-item label='AI生成配置' name='AIGenConfig'>
<t-textarea v-model='formData.AIGenConfig' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='Al生成配置' />
</t-form-item>
<t-form-item label='AI引导操作' name='AIBootOpera'>
<t-textarea v-model='formData.AIBootOpera' :autosize='{ minRows: 3, maxRows: 5 }' placeholder='AI引导操作' />
</t-form-item>
</t-col>
</t-row>
</div>
<div id='环境配置' class='form-basic-container-title' style='font-size: 28px; margin-bottom: 20px;'>环境配置</div>
<t-form-item label='弱网配置' name='networkConfig' ref='弱网配置'>
<t-input v-model='formData.networkConfig' :style='{ width: '322px' }' placeholder='弱网配置' />
</t-form-item>
<div id='数据回收配置' class='form-basic-container-title' style='font-size: 28px; margin-bottom: 20px;'>数据回收配置</div>
<div id='截图频率' style='font-size: 16px; margin-bottom: 20px;'>截图频率</div>
<t-form-item label='操作时' prop='DurOperation'>
<t-input v-model='formData.DurOperation' style='width: 322px; font-size: 14px;' placeholder='操作时' />
</t-form-item>
<t-form-item label='定时频率' prop='TimingFrequency'>
<t-input v-model='formData.TimingFrequency' style='width: 322px; font-size: 14px;' placeholder='定时频率' />
</t-form-item>
<div id='故障监控方式' style='font-size: 16px; margin-bottom: 20px;'>故障监控方式</div>
<t-form-item label='系统日志监控' prop='SystemLogMonitoring'>
<t-input v-model='formData.SystemLogMonitoring' style='width: 322px; font-size: 14px;' placeholder='系统日志监控' />
</t-form-item>
<t-form-item label='ilogs查找' prop='IlogsSearch'>
<t-input v-model='formData.IlogsSearch' style='width: 322px; font-size: 14px;' placeholder='uin 配置' />
</t-form-item>
<div id='故障提单配置' class='form-basic-container-title' style='font-size: 28px; margin-bottom: 20px;'>故障提单配置</div>
<div id='提单模板' style='font-size: 16px; margin-bottom: 20px;'>提单模板</div>
<t-form-item label='tapd' prop='tapd'>
<t-input v-model='formData.tapd' style='width: 322px; font-size: 14px;' placeholder='tapd' />
</t-form-item>
<t-form-item label='提单人' prop='Presenter'>
<t-input v-model='formData.Presenter' style='width: 322px; font-size: 14px;' placeholder='提单人' />
</t-form-item>
<t-form-item label='关注人' prop='FollowPeople'>
<t-input v-model='formData.FollowPeople' style='width: 322px; font-size: 14px;' placeholder='关注人' />
</t-form-item>
<t-form-item label='内容' prop='Content'>
<t-input v-model='formData.Content' style='width: 322px; font-size: 14px;' placeholder='内容' />
</t-form-item>
<div id='提单过滤' style='font-size: 16px; margin-bottom: 20px;'>提单过滤</div>
<t-form-item label='重复单聚类' prop='DuplicateOrderClustering'>
<t-input v-model='formData.DuplicateOrderClustering' style='width: 322px; font-size: 14px;' placeholder='重复单聚类' />
</t-form-item>
<t-form-item label='非重点故障过滤' prop='NonkeyFaultFiltering'>
<t-input v-model='formData.NonkeyFaultFiltering' style='width: 322px; font-size: 14px;' placeholder='非重点故障过滤' />
</t-form-item>
</div>
</div>
<div class='form-submit-container'>
<div class='form-submit-sub'>
<div class='form-submit-left'>
<t-button theme='primary' class='form-submit-confirm' type='submit'> 提交 </t-button>
<t-button type='reset' class='form-submit-cancel' theme='default' variant='base'> 取消 </t-button>
</div>
</div>
</div>
</t-form>
<t-anchor :affixProps='{ offsetTop: 100 }' style=' margin: -20px;' size='medium'>
<t-anchor-item :href=''#探索配置'' title='探索配置' style='margin-bottom: 10px;'>
</t-anchor-item>
<t-anchor-item :href=''#环境配置'' title='环境配置' style='margin-bottom: 10px;'>
<t-anchor-item :href=''#弱网'' title='弱网' style='margin-bottom: 10px;margin-top: 10px;'></t-anchor-item>
</t-anchor-item>
</t-anchor>
</code></pre>
</t-card>
</div>
</template>
<script>
export default {
methods: {
scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
}
};
</script>
<style>
.back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 100px;
height: 40px;
background-color: #ccc;
color: #fff;
text-align: center;
line-height: 40px;
cursor: pointer;
}
</style>
<template>
<div style='position: relative; height: 280px'>
<!-- 页面内容 -->
<div v-if='showBackToTop' class='back-to-top' @click='scrollToTop'>
返回顶部
</div>
<!-- 返回顶部控件 -->
</div>
</template>
<script>
export default {
data() {
return {
showBackToTop: false
}
},
mounted() {
window.addEventListener('scroll', this.handleScroll);
},
beforeDestroy() {
window.removeEventListener('scroll', this.handleScroll);
},
methods: {
handleScroll() {
this.showBackToTop = window.scrollY > 100;
},
scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
}
};
</script>
<style>
.back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
width: 100px;
height: 40px;
background-color: #ccc;
color: #fff;
text-align: center;
line-height: 40px;
cursor: pointer;
}
</style>
原文地址: https://www.cveoy.top/t/topic/qzdu 著作权归作者所有。请勿转载和采集!