系统样式调整：修复中心权限，系统中心页面样式

src/views/system/UserList.vue

@@ -6,14 +6,14 @@
       <a-form layout="inline" @keyup.enter.native="searchQuery">
         <a-row :gutter="24">
 
-          <a-col :md="6" :sm="12">
-            <a-form-item label="账号">
+          <a-col :md="5" :sm="12">
+            <a-form-item label="用户账号">
               <!--<a-input placeholder="请输入账号查询" v-model="queryParam.username"></a-input>-->
               <j-input placeholder="输入账号模糊查询" v-model="queryParam.username"></j-input>
             </a-form-item>
           </a-col>
 
-          <a-col :md="6" :sm="8">
+          <a-col :md="5" :sm="8">
             <a-form-item label="性别">
               <a-select  v-model="queryParam.sex" placeholder="请选择性别">
                 <a-select-option value="">请选择</a-select-option>
@@ -22,7 +22,7 @@
               </a-select>
             </a-form-item>
           </a-col>
-          <a-col :md="6" :sm="8">
+          <a-col :md="4" :sm="8">
             <a-form-item label="所属">
               <a-select v-model="queryParam.orgCode" placeholder="请选择">
                 <a-select-option value="">请选择</a-select-option>
@@ -32,19 +32,19 @@
             </a-form-item>
           </a-col>
           <template v-if="toggleSearchStatus">
-            <a-col :md="6" :sm="8">
+            <a-col :md="5" :sm="8">
               <a-form-item label="真实名字">
                 <a-input placeholder="请输入真实名字" v-model="queryParam.realname"></a-input>
               </a-form-item>
             </a-col>
 
-            <a-col :md="6" :sm="8">
+            <a-col :md="5" :sm="8">
               <a-form-item label="手机号码">
                 <a-input placeholder="请输入手机号码查询" v-model="queryParam.phone"></a-input>
               </a-form-item>
             </a-col>
 
-            <a-col :md="6" :sm="8">
+            <a-col :md="5" :sm="8">
               <a-form-item label="用户状态">
                 <a-select v-model="queryParam.status" placeholder="请选择">
                   <a-select-option value="">请选择</a-select-option>
@@ -55,7 +55,7 @@
             </a-col>
           </template>
 
-          <a-col :md="6" :sm="8">
+          <a-col :md="5" :sm="8">
             <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
               <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
               <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>

src/views/system/systemIndex.vue

@@ -0,0 +1,97 @@
+<!--系统管理 只展示给修复中心用户-->
+<template>
+  <div class="content-div">
+    <a-card class="info-submit" :bordered="false">
+        <a-radio-group v-model="defaultValue" button-style="solid" @change="changeContent">
+          <a-radio-button v-for="(item, index) in menus" :key="item.action" :value="item.value" :name="item.value">
+            {{ item.describe }}
+          </a-radio-button>
+        </a-radio-group>
+    </a-card>
+    <a-card :bordered="false">
+      <!--用户管理-->
+      <user-list v-show="'yhgl' == defaultValue"></user-list>
+      <!--部门管理-->
+      <depart-list v-show="'bmgl' == defaultValue"></depart-list>
+    </a-card>
+  </div>
+</template>
+
+
+<script>
+import userList from './UserList.vue'
+import departList from './DepartList.vue'
+
+
+
+export default {
+  name: 'landInfo',
+  components: {
+    userList,
+    departList,
+
+
+  },
+  data() {
+    return {
+      defaultValue: '',
+      menus: [],
+
+    }
+  },
+  created() {
+    this.menus = this.$store.state.menu.menuList['xtgl'];
+    this.defaultValue = this.menus.length > 0 ? this.menus[0].value : '';
+    console.log("system...", this.menus);
+  },
+  methods: {
+    changeContent(key) {
+      console.log(key);
+    },
+  }
+
+}
+</script>
+
+<style scoped>
+.content-div {
+  height: 100%;
+}
+.ant-card:not(:last-child) {
+  margin-bottom: 10px;
+}
+.ant-card:last-child {
+  height: calc(100% - 70px);
+  overflow-y: auto;
+}
+</style>
+<style lang="less" scoped>
+.info-submit {
+  & ::v-deep > .ant-card-body {
+    padding: 14px 24px;
+  }
+  &::v-deep .ant-radio-button-wrapper {
+    //border: 1px solid ;
+    border-radius: 4px;
+    padding-left: 25px;
+    padding-right: 25px;
+    //border-left: 1px;
+    border: 1px solid @primary-color;
+    margin-left: 15px;
+    color: @primary-color;
+  }
+  & /deep/ .ant-radio-button-wrapper:not(:first-child)::before {
+    width: 0px;
+  }
+  & .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+    color: #fff;
+  }
+}
+.content-div {
+  &::v-deep .ant-card:last-child .ant-card-body {
+    padding: 10px 24px 0;
+  }
+
+}
+
+</style>