添加系统维护

hanbaoshan

2020-07-29 0876e51d0f968ce38a048a78f9ebafcb8841f9bc

 src/pages/settings/components/BasicSetting.vue

@@ -5,6 +5,7 @@
      v-model="activeName"
      v-loading="loading"
      :element-loading-text="loadingText"
      type="card"
    >
      <!-- 本机信息 -->
      <el-tab-pane label="本机信息" name="first">
@@ -17,6 +18,7 @@
          class="menu-css"
          @open="menuOpen"
          @close="menuClose"
          
        >
          <!-- 本机信息 -->
          <el-submenu index="0">
@@ -351,34 +353,25 @@
        <cluster-management></cluster-management>
      </el-tab-pane>
      <el-tab-pane label="外部网络" name="fourth">
        <el-row :gutter="20">
          <el-col :span="10">
            <div>
              <div class="flex-box">
                <div style="line-height:32px;">
                  <el-radio v-model="ipServer.diyOrLocalIP" :label="1">设置外部IP</el-radio>
                  <el-radio v-model="ipServer.diyOrLocalIP" :label="0">选用本机IP</el-radio>
                </div>
                <div class="ml10" style="width:205px;">
                  <ip-input :ip="ipServer.ip" @on-blur="ipServer.ip = arguments[0]"></ip-input>
                </div>
              </div>
              <div class="flex-box p5" >
                <span style="line-height:32px;">域名</span>
                <div style="margin-left:14px;width:205px;">
                  <el-input size="small" style v-model="ipServer.localhost"></el-input>
                </div>
              </div>
              <div class="flex-box" >
                <span style="line-height:32px;">本地文件端口</span>
                <div style="margin-left:14px;width:205px;">
                  <el-input size="small" style v-model="ipServer.localFilePort"></el-input>
                </div>
              </div>
            </div>
          </el-col>
          <!-- <el-col :span="14">
            <div>
        <div class="flex-box">
          <label>设置外部IP</label>
          <div style="width:300px;">
            <ip-input :ip="ipServer.ip" @on-blur="ipServer.ip = arguments[0]"></ip-input>
          </div>
          <el-checkbox label="选用本机IP" size="small" style="margin-left: 20px"></el-checkbox>
        </div>
        <div class="flex-box">
          <label>域名</label>
          <el-input size="small"  v-model="ipServer.localhost"></el-input>
        </div>
        <div class="flex-box">
          <label>本地文件端口</label>
          <el-input size="small"  v-model="ipServer.localFilePort"></el-input>
        </div>
        <div class="mt15 save-btn" style="width:460px; margin-bottom:20px; float:left;">
          <el-button type="primary" @click="submitResource" size="small">保存</el-button>
        </div>
        <div>
              <el-table
                :data="ipServer.fileTable"
                border
@@ -416,11 +409,6 @@
                </el-table-column>
              </el-table>
            </div>
          </el-col>-->
        </el-row>
        <div class="mt15 save-btn" style="width:1000px;float:left;">
          <el-button type="primary" @click="submitResource" size="small">保存</el-button>
        </div>
      </el-tab-pane>
      <el-tab-pane label="权限管理" name="user" >
        <authority-management v-if="activeName === 'user'"></authority-management>
@@ -1088,7 +1076,7 @@
  height: 100%;
  .el-form {
    width: 1000px;
    margin-top: 30px;
    
    // margin-left: -80px;
    .el-form-item {
      text-align: left;
@@ -1148,49 +1136,7 @@
    font-weight: 600;
    background-color: #e4e6ed;
  }
  #e-basic-setting {
    .el-tabs__header {
      border: 0px solid #dcdfe6;
      .el-tabs__item {
        padding: 5px 50px;
        height: 50px;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #222222;
        text-align: center;
        border: 0px solid transparent;
      }
      .el-tabs__item:nth-child(2) {
        padding-left: 50px;
      }
      .el-tabs__item:last-child {
        padding-right: 50px;
      }
      .el-tabs__item.is-active {
        color: #ff7733;
        font-weight: bold;
        // border-right-color: #fff;
        // border-left-color: #fff;
      }
      .el-tabs__item:not(.is-disabled):hover {
        color: #ff7733;
      }
    }
    .el-tabs__active-bar {
      background-color: #ff7733;
    }
    .xiangqin-label {
      text-align: left;
      width: 85px;
      font-size: 14px;
      line-height: 30px;
    }
    .xiangqing-info {
      text-align: left;
      font-size: 14px;
      line-height: 30px;
    }
  }
 

  #cut_min_duration {
    .el-slider__bar {
@@ -1272,6 +1218,16 @@
}
</style>
<style lang="scss" scoped>
.flex-box{
  display: flex;
  height: 50px;
  label{
    width: 120px;
  } 
  .el-input{
    width: 300px;
  }
}
.menu-css,
.el-menu {
  border-right: none;
@@ -1280,7 +1236,7 @@
  margin: 0;
  padding-left: 0;
  background-color: #ffffff;

  
  .tree-font {
    font-family: PingFangSC-Medium;
    font-size: 14px;