<template>
    <div class="formula history systemManage">
        <!-- 系统管理 -->
        <div class="page-content">
            <div class="table-title">
                <img src="../../assets/image/set.png" alt="" />
                管理
            </div>
            <div class="manage-sel">
                <div @click="manageSel=0" :class="manageSel==0?'active':''"><img src="../../assets/image/user.png" alt="">系统信息修改</div>
                <div @click="manageSel=1" :class="manageSel==1?'active':''"><img src="../../assets/image/compose.png" alt="">登录名称修改</div>
            </div>
            <!-- 系统信息修改 -->
            <div class="manage-content manage-content-form scroll" v-if="manageSel==0">
                <div class="manage-input">
                    <div>项目标头文字</div>
                    <input type="text" placeholder="输入项目标头文字" v-model="form.title">
                </div>
                <div class="manage-html">
                    <div>标头文字预贤</div>
                    <div class="html">
                        <div :style="form.style">{{ form.title }}</div>
                    </div>
                </div>
                <div class="manage-btn">保存</div>
            </div>
            <!-- 登录名称修改 -->
            <div class="manage-content manage-content-input" v-if="manageSel==1">
                <div class="manage-input">
                    <div>登录名</div>
                    <input type="text" placeholder="输入登录名" >
                </div>
                  <div class="manage-input">
                    <div>昵称</div>
                    <input type="text" placeholder="输入昵称" >
                </div>
                <div class="manage-btn">保存</div>
            </div>
        </div>
    </div>
  </template>
  <script>
  export default {
    data(){
        return {
            manageSel:0,
            form:{
                title:'智慧农业数字李生系统3.0版本 (西安邮电-西安交大联合开发)',

            }
        }
    },
    mounted(){},
    methods:{},
  
  }
  </script>
  <style lang="scss">
  
  </style>
  
  