diff --git a/src/api/manage.js b/src/api/manage.js
index 8dfe773..124e071 100644
--- a/src/api/manage.js
+++ b/src/api/manage.js
@@ -105,7 +105,6 @@ export function getFileAction(url, parameter) {
     headers: signHeader
   })
 }
-
 //deleteAction
 export function deleteAction(url, parameter) {
   return axios({
diff --git a/src/components/page/GlobalLayout.vue b/src/components/page/GlobalLayout.vue
index 6bd687b..c3614e7 100644
--- a/src/components/page/GlobalLayout.vue
+++ b/src/components/page/GlobalLayout.vue
@@ -720,6 +720,50 @@
           border-left: 0;
         }
       }
+      .ant-menu-submenu{
+        background: rgba(58, 236, 240, .22) !important;
+        border-bottom: none !important;
+        margin-right: 10px;
+        height: 30px;
+        line-height: 30px;
+        padding: 0 16px;
+        letter-spacing: 2px;
+        position: relative;
+        &-title {
+          color: #c9f6f6;
+          font-weight: bold;
+          font-family: BookmanOldStyle;
+          padding: 0;
+        }
+        &-active,
+        &-selected {
+          > a {
+            color: #2affdf !important;
+          }
+
+          &::before,
+          &::after {
+            border-color: #0cecca !important;
+          }
+        }
+        &::before,
+        &::after {
+          content: '';
+          position: absolute;
+          border: 2px solid #569e9e;
+          width: 7px;
+          height: 30px;
+          top: 0;
+        }
+        &::before {
+          left: 0;
+          border-right: 0;
+        }
+        &::after {
+          right: 0;
+          border-left: 0;
+        }
+      }
     }
   }
   .global-content {
@@ -785,4 +829,30 @@
       }
     }
   }
+  .ant-menu-submenu-popup .ant-menu-item{
+    display: block !important;
+    width: 100%;
+    padding: 0 16px !important;
+    height: 32px !important;
+    line-height: 32px !important;
+    color: #fff;
+    font-family: Arial;
+    margin-bottom: 0 !important;
+  }
+  .ant-menu-submenu-popup .ant-menu{
+    height: auto;
+    width: 220px;
+    position: absolute;
+    left: -16px;
+    a{
+      color: white;
+      &:hover{
+        color: white;
+      }
+    }
+  }
+  .ant-menu-submenu-popup{
+    position: relative;
+  }
+  
 </style>
\ No newline at end of file
diff --git a/src/views/system/DataBase.vue b/src/views/system/DataBase.vue
index a36a1bb..62b038b 100644
--- a/src/views/system/DataBase.vue
+++ b/src/views/system/DataBase.vue
@@ -17,7 +17,7 @@
       :loading="loading"
       @change="handleTableChange"
       :selectedRowKeys.sync="selectedRowKeys"
-      :scroll="{ x: true, y: 'calc(100vh - 410px)' }"
+      :scroll="{ x: true, y: 'calc(100vh - 415px)' }"
     >
       <template slot="index" slot-scope="{ index }">
         {{ index + 1 }}
diff --git a/src/views/system/DefaultNuclide/AlarmRule.vue b/src/views/system/DefaultNuclide/AlarmRule.vue
new file mode 100644
index 0000000..f793756
--- /dev/null
+++ b/src/views/system/DefaultNuclide/AlarmRule.vue
@@ -0,0 +1,340 @@
+<template>
+  <div style="height: 100%;">
+    <div class="header">
+      <a-button type="primary" @click="handleAdd">
+          <img src="@/assets/images/global/add.png" alt="" />
+          Edit
+        </a-button>
+    </div>
+    <!-- 列表 -->
+    <div>
+      <custom-table
+        size="middle"
+        rowKey="id"
+        :columns="columns"
+        :list="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        @change="handleTableChange"
+        :scroll="{ y: 'calc(100vh - 370px)' }"
+      >
+        <template slot="index" slot-scope="{ index }">
+          {{ index + 1 }}
+        </template>
+        <template slot="roles" slot-scope="{ text }">
+          <span v-for="role of text" :key="role.id">
+            {{ role.roleName }}
+          </span>
+        </template>
+      </custom-table>
+    </div>
+    <!-- 列表结束 -->
+    <a-modal 
+      title='Edit'
+      :width="845" 
+      v-model="visible" 
+      @ok="handleOk" 
+      destroy-on-close
+    >
+      <a-spin :spinning="spinning">
+        <div class="group-assign">
+          <a-transfer
+            :dataSource="dataList"
+            :target-keys="targetKeys"
+            show-search
+            :render="item => item.title"
+            :operations="['Assign', 'Remove']"
+            :titles="['Total Nuclides', 'User Nuclides']"
+            @change="handleChange"
+            @search="handleSearch"
+          >
+          </a-transfer>
+        </div>
+      </a-spin>
+      <template slot="footer">
+        <slot name="custom-footer"></slot>
+        <a-space class="operators" :size="20">
+          <a-button type="success" @click="handleOk" >Save</a-button>
+          <a-button type="warn" @click="onCancel">Cancel</a-button>
+        </a-space>
+      </template>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { getAction } from '@/api/manage'
+const columns = [
+  {
+    title: 'NO',
+    align: 'left',
+    width: 170,
+    scopedSlots: {
+      customRender: 'index'
+    },
+    customHeaderCell: () => {
+      return {
+        style: {
+          'padding-left': '60px !important'
+        }
+      }
+    },
+    customCell: () => {
+      return {
+        style: {
+          'padding-left': '60px !important'
+        }
+      }
+    }
+  },
+  {
+    title: 'NUCLIDE NAME',
+    align: 'left',
+    dataIndex: 'nuclideName'
+  },
+  {
+    title: 'CREATE TIME',
+    align: 'left',
+    dataIndex: 'createTime'
+  },
+]
+export default {
+  data() {
+    return {
+      columns,
+      dataSource: [],
+      url: {
+        list: '/sys/defaultNuclide/findPage',
+      },
+      ipagination:{
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          const { current, pageSize } = this.ipagination
+          return `Total ${total} items　Page ${current} / ${Math.ceil(total / pageSize)}`
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      loading: false,
+      targetKeys: [],
+      visible: false,
+      dataList: [],
+      spinning: false
+    }
+  },
+  mounted () {
+    this.getRulesList();
+  },
+  methods: {
+    getRulesList() {
+      this.loading = true
+      let params = {
+        pageNo: this.ipagination.current,
+        pageSize: this.ipagination.pageSize,
+        useType: 2
+      }
+      getAction(this.url.list, params).then(res => {
+        this.loading = false
+        if (res.success) {
+          this.dataSource = res.result.records
+          this.ipagination.total = res.result.total
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+        
+      })
+    },
+    handleTableChange(pagination, filters, sorter) {
+      this.ipagination.current = pagination.current
+      this.ipagination.pageSize = pagination.pageSize
+      this.getRulesList();
+    },
+    handleAdd() {
+      this.visible = true
+      this.spinning = true
+      this.getNuclideListAll()
+      this.getNuclideList()
+    },
+    getNuclideListAll() {
+      getAction("/gardsNuclLib/allName").then(res => {
+        this.spinning = false
+        if (res.success) {
+          if (res.result.length > 0) {
+            this.dataList = res.result.map((item,index) => {
+              return {
+                key: item,
+                title: item
+              }
+            })
+          } else {
+            this.dataList = []
+          }
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+      })
+    },
+    getNuclideList() {
+      getAction("/sys/defaultNuclide/allName",{useType:2}).then(res => {
+        if (res.success) {
+          if (res.result.length > 0) {
+            this.targetKeys = res.result.map(item => item)
+          } else {
+            this.targetKeys = []
+          }
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+      })
+    },
+    handleChange(targetKeys, direction, moveKeys) {
+      this.targetKeys= targetKeys;
+    },
+    handleSearch(dir, value) {
+      console.log('search:', dir, value)
+    },
+    handleOk() {
+      let params = {
+        nuclideNames: this.targetKeys,
+        useType: 2
+      }
+      getAction("/sys/defaultNuclide/add",params).then(res => {
+        this.visible = false
+        if (res.success) {
+          this.$message.success(res.message)
+          this.getRulesList()
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+      })
+    },
+    onCancel() {
+      this.visible = false
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.header{
+  height: 54px;
+  border-top: 1px solid rgba(12, 235, 201, 0.3);
+  border-bottom: 1px solid rgba(12, 235, 201, 0.3);
+  display: flex;
+  align-items: center;
+  background-color: rgba(12, 235, 201, 0.05);
+  padding: 0 10px;
+  margin-bottom: 18px;
+}
+.operators {
+  width: 100%;
+  justify-content: center;
+  .ant-btn {
+    width: 92px;
+  }
+}
+.group-assign{
+  position: relative;
+  width: 690px;
+  margin: 0 auto;
+  .ant-transfer {
+    margin-bottom: 10px;
+    ::v-deep {
+      .ant-transfer-list {
+        width: 291px;
+        height: 411px;
+        padding-top: 0;
+        &-header {
+          height: 37px;
+          &-selected {
+            span:first-child {
+              display: none;
+            }
+          }
+          &-title {
+            left: 16px;
+          }
+        }
+        &-body{
+          height: calc(100% - 37px);
+        }
+        &-content {
+          &-item {
+            &:hover {
+              background-color: transparent;
+            }
+          }
+        }
+  
+        &:last-child {
+          height: 411px;
+          position: relative;
+          // top: 35px;
+        }
+      }
+  
+      .ant-transfer-operation {
+        .ant-btn {
+          width: 92px;
+          height: 26px;
+          padding: 0;
+          .anticon {
+            display: none;
+          }
+          span {
+            margin-left: 0;
+          }
+          &:first-child {
+            margin-bottom: 52px;
+            &::after {
+              display: inline-block;
+              margin-left: 13px;
+              content: '';
+              width: 18px;
+              height: 10px;
+              background: url(~@/assets/images/system/transfer-right.png) no-repeat;
+              background-size: contain;
+            }
+          }
+          &:nth-child(2) {
+            &::before {
+              display: inline-block;
+              margin-right: 6px;
+              content: '';
+              width: 18px;
+              height: 10px;
+              background: url(~@/assets/images/system/transfer-left.png) no-repeat;
+              background-size: contain;
+              position: static;
+              opacity: initial;
+            }
+          }
+        }
+      }
+      .ant-transfer-list-header{
+        position: relative;
+        .ant-checkbox-wrapper{
+          position: absolute;
+          right: 10px;
+        }
+      }
+      .ant-transfer-list-content-item{
+        position: relative;
+        .ant-checkbox-wrapper{
+          position: absolute;
+          right: 10px;
+        }
+      }
+      .ant-transfer-list-content-item-text{
+        padding-left: 22px;
+      }
+    }
+  }
+}
+/deep/.ant-modal-title{
+  letter-spacing: 1px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/DefaultNuclide/AutoProcess.vue b/src/views/system/DefaultNuclide/AutoProcess.vue
new file mode 100644
index 0000000..cacf284
--- /dev/null
+++ b/src/views/system/DefaultNuclide/AutoProcess.vue
@@ -0,0 +1,406 @@
+<template>
+  <div style="height: 100%;">
+    <div class="header">
+      <div>
+        <span class="item-label">Nuclide Type</span>
+        <a-select 
+          style="width: 180px;display: inline-block;" 
+          v-model="type" 
+          :options="typeOptions" 
+          show-arrow 
+          allowClear
+          placeholder="select..." 
+          @change="onTypeChange"
+        >
+          <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
+        </a-select>
+      </div>
+      <a-button type="primary" @click="handleAdd">
+        <img src="@/assets/images/global/add.png" alt="" />
+        Edit
+      </a-button>
+    </div>
+    <!-- 列表 -->
+    <div>
+      <custom-table
+        size="middle"
+        rowKey="id"
+        :columns="columns"
+        :list="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        @change="handleTableChange"
+        :scroll="{ y: 'calc(100vh - 370px)' }"
+      >
+        <template slot="index" slot-scope="{ index }">
+          {{ index + 1 }}
+        </template>
+        <template slot="roles" slot-scope="{ text }">
+          <span v-for="role of text" :key="role.id">
+            {{ role.roleName }}
+          </span>
+        </template>
+      </custom-table>
+    </div>
+    <!-- 列表结束 -->
+    <a-modal 
+      title='Edit'
+      :width="845" 
+      v-model="visible" 
+      @ok="handleOk" 
+      destroy-on-close
+    >
+      <a-spin :spinning="spinning">
+        <div style="padding-left: 52px;margin-bottom: 20px;">
+          <span class="item-label">Nuclide Type</span>
+          <a-select 
+            style="width: 180px;display: inline-block;" 
+            v-model="currType" 
+            :options="typeOptions" 
+            show-arrow 
+            allowClear
+            placeholder="select..." 
+            @change="onCurrTypeChange"
+          >
+            <img slot="suffixIcon" src="@/assets/images/global/select-down.png" alt="" />
+          </a-select>
+        </div>
+        <div class="group-assign">
+          <a-transfer
+            :dataSource="dataList"
+            :target-keys="targetKeys"
+            show-search
+            :render="item => item.title"
+            :operations="['Assign', 'Remove']"
+            :titles="['Total Nuclides', 'User Nuclides']"
+            @change="handleChange"
+            @search="handleSearch"
+          >
+          </a-transfer>
+        </div>
+      </a-spin>
+      <template slot="footer">
+        <slot name="custom-footer"></slot>
+        <a-space class="operators" :size="20">
+          <a-button type="success" @click="handleOk" >Save</a-button>
+          <a-button type="warn" @click="onCancel">Cancel</a-button>
+        </a-space>
+      </template>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { getAction } from '@/api/manage'
+const columns = [
+  {
+    title: 'NO',
+    align: 'left',
+    width: 170,
+    scopedSlots: {
+      customRender: 'index'
+    },
+    customHeaderCell: () => {
+      return {
+        style: {
+          'padding-left': '60px !important'
+        }
+      }
+    },
+    customCell: () => {
+      return {
+        style: {
+          'padding-left': '60px !important'
+        }
+      }
+    }
+  },
+  {
+    title: 'NUCLIDE NAME',
+    align: 'left',
+    dataIndex: 'nuclideName'
+  },
+  {
+    title: 'NUCLIDE TYPE',
+    align: 'left',
+    dataIndex: 'nuclideType'
+  },
+  {
+    title: 'CREATE TIME',
+    align: 'left',
+    dataIndex: 'createTime'
+  },
+]
+export default {
+  data() {
+    return {
+      columns,
+      dataSource: [],
+      url: {
+        list: '/sys/defaultNuclide/findPage',
+      },
+      ipagination:{
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          const { current, pageSize } = this.ipagination
+          return `Total ${total} items　Page ${current} / ${Math.ceil(total / pageSize)}`
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      loading: false,
+      typeOptions: [
+        {
+          label: "P",
+          value: "P"
+        },
+        {
+          label: "G",
+          value: "G"
+        }
+      ],
+      type: undefined,
+      currType: "P",
+      targetKeys: [],
+      visible: false,
+      dataList: [],
+      spinning: false
+    }
+  },
+  mounted () {
+    this.getAuroPeocessList();
+  },
+  methods: {
+    getAuroPeocessList() {
+      this.loading = true
+      let params = {
+        pageNo: this.ipagination.current,
+        pageSize: this.ipagination.pageSize,
+        useType: 1,
+        nuclideType: this.type || ""
+      }
+      getAction(this.url.list, params).then(res => {
+        this.loading = false
+        if (res.success) {
+          this.dataSource = res.result.records
+          this.ipagination.total = res.result.total
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+        
+      })
+    },
+    handleTableChange(pagination, filters, sorter) {
+      this.ipagination.current = pagination.current
+      this.ipagination.pageSize = pagination.pageSize
+      this.getAuroPeocessList();
+    },
+    onTypeChange(val) {
+      this.type = val
+      this.getAuroPeocessList();
+    },
+    onCurrTypeChange(val) {
+      this.currType = val
+      this.getNuclideList()
+    },
+    handleAdd() {
+      this.visible = true
+      this.spinning = true
+      this.getNuclideListAll()
+      this.getNuclideList()
+    },
+    getNuclideListAll() {
+      getAction("/gardsNuclLib/allName").then(res => {
+        this.spinning = false
+        if (res.success) {
+          if (res.result.length > 0) {
+            this.dataList = res.result.map((item,index) => {
+              return {
+                key: item,
+                title: item
+              }
+            })
+          } else {
+            this.dataList = []
+          }
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+      })
+    },
+    getNuclideList() {
+      getAction("/sys/defaultNuclide/allName",{useType:1,nuclideType: this.currType}).then(res => {
+        if (res.success) {
+          if (res.result.length > 0) {
+            this.targetKeys = res.result.map(item => item)
+          } else {
+            this.targetKeys = []
+          }
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+      })
+    },
+    handleChange(targetKeys, direction, moveKeys) {
+      console.log(targetKeys, direction, moveKeys);
+      this.targetKeys= targetKeys;
+    },
+    handleSearch(dir, value) {
+      console.log('search:', dir, value)
+    },
+    handleOk() {
+      let params = {
+        nuclideNames: this.targetKeys,
+        nuclideType: this.currType,
+        useType: 1
+      }
+      getAction("/sys/defaultNuclide/add",params).then(res => {
+        this.visible = false
+        if (res.success) {
+          this.$message.success(res.message)
+          this.getAuroPeocessList()
+        } else {
+          this.$message.warning("This operation fails. Contact your system administrator")
+        }
+      })
+    },
+    onCancel() {
+      this.visible = false
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.header{
+  height: 54px;
+  border-top: 1px solid rgba(12, 235, 201, 0.3);
+  border-bottom: 1px solid rgba(12, 235, 201, 0.3);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: rgba(12, 235, 201, 0.05);
+  padding: 0 10px;
+  margin-bottom: 18px;
+}
+.item-label{
+  display: inline-block;
+  font-size: 16px;
+  font-family: ArialMT;
+  color: #ade6ee;
+  line-height: 32px;
+  height: 32px;
+  margin-right: 10px;
+}
+.operators {
+  width: 100%;
+  justify-content: center;
+  .ant-btn {
+    width: 92px;
+  }
+}
+.group-assign{
+  position: relative;
+  width: 690px;
+  margin: 0 auto;
+  .ant-transfer {
+    margin-bottom: 10px;
+    ::v-deep {
+      .ant-transfer-list {
+        width: 291px;
+        height: 411px;
+        padding-top: 0;
+        &-header {
+          height: 37px;
+          &-selected {
+            span:first-child {
+              display: none;
+            }
+          }
+          &-title {
+            left: 16px;
+          }
+        }
+        &-body{
+          height: calc(100% - 37px);
+        }
+        &-content {
+          &-item {
+            &:hover {
+              background-color: transparent;
+            }
+          }
+        }
+  
+        &:last-child {
+          height: 411px;
+          position: relative;
+          // top: 35px;
+        }
+      }
+  
+      .ant-transfer-operation {
+        .ant-btn {
+          width: 92px;
+          height: 26px;
+          padding: 0;
+          .anticon {
+            display: none;
+          }
+          span {
+            margin-left: 0;
+          }
+          &:first-child {
+            margin-bottom: 52px;
+            &::after {
+              display: inline-block;
+              margin-left: 13px;
+              content: '';
+              width: 18px;
+              height: 10px;
+              background: url(~@/assets/images/system/transfer-right.png) no-repeat;
+              background-size: contain;
+            }
+          }
+          &:nth-child(2) {
+            &::before {
+              display: inline-block;
+              margin-right: 6px;
+              content: '';
+              width: 18px;
+              height: 10px;
+              background: url(~@/assets/images/system/transfer-left.png) no-repeat;
+              background-size: contain;
+              position: static;
+              opacity: initial;
+            }
+          }
+        }
+      }
+      .ant-transfer-list-header{
+        position: relative;
+        .ant-checkbox-wrapper{
+          position: absolute;
+          right: 10px;
+        }
+      }
+      .ant-transfer-list-content-item{
+        position: relative;
+        .ant-checkbox-wrapper{
+          position: absolute;
+          right: 10px;
+        }
+      }
+      .ant-transfer-list-content-item-text{
+        padding-left: 22px;
+      }
+    }
+  }
+}
+/deep/.ant-modal-title{
+  letter-spacing: 1px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/RoleUserList.vue b/src/views/system/RoleUserList.vue
index 5fde23f..9c0175b 100644
--- a/src/views/system/RoleUserList.vue
+++ b/src/views/system/RoleUserList.vue
@@ -39,7 +39,7 @@
             :pagination="ipagination"
             :loading="loading"
             :rowSelection="{ selectedRowKeys: selectedRowKeys1, onChange: onSelectChange1, type: 'radio' }"
-            :scroll="{ y: 'calc(100vh - 365px)' }"
+            :scroll="{ y: 'calc(100vh - 370px)' }"
             @change="handleTableChange"
           >
             <span slot="action" slot-scope="text, record">
diff --git a/src/views/system/UserList.vue b/src/views/system/UserList.vue
index 926a368..f91a695 100644
--- a/src/views/system/UserList.vue
+++ b/src/views/system/UserList.vue
@@ -33,7 +33,7 @@
         :loading="loading"
         @change="handleTableChange"
         :selectedRowKeys.sync="selectedRowKeys"
-        :scroll="{ y: 'calc(100vh - 365px)' }"
+        :scroll="{ y: 'calc(100vh - 370px)' }"
       >
         <template slot="index" slot-scope="{ index }">
           {{ index + 1 }}