sync

mock/dict.js

@@ -12,7 +12,7 @@ module.exports = [
           records: [
             { 'id': 1, 'value': '1', 'label': 'Type1', 'sort': 1 },
             { 'id': 2, 'value': '2', 'label': 'Type2', 'sort': 2 },
-            { 'id': 3, 'value': '3', 'label': 'Type3', 'sort': 3 },
+            { 'id': 3, 'value': '3', 'label': '派出所常用系统', 'sort': 3 },
             { 'id': 4, 'value': '4', 'label': 'Type4', 'sort': 4 }
           ]
         }

mock/system.js

@@ -9,21 +9,21 @@ module.exports = [
         data: {
           total: 44,
           records: [
-            { 'id': '0', 'businessName': 'bizName0', 'businessCode': 'code0', 'appId': 'appCode0', 'systemName': 'systemName0' },
-            { 'id': '1', 'businessName': 'bizName1', 'businessCode': 'code1', 'appId': 'appCode1', 'systemName': 'systemName1' },
-            { 'id': '2', 'businessName': 'bizName2', 'businessCode': 'code2', 'appId': 'appCode2', 'systemName': 'systemName2' },
-            { 'id': '3', 'businessName': 'bizName3', 'businessCode': 'code3', 'appId': 'appCode3', 'systemName': 'systemName3' },
-            { 'id': '4', 'businessName': 'bizName4', 'businessCode': 'code4', 'appId': 'appCode4', 'systemName': 'systemName4' },
-            { 'id': '5', 'businessName': 'bizName5', 'businessCode': 'code5', 'appId': 'appCode5', 'systemName': 'systemName5' },
-            { 'id': '6', 'businessName': 'bizName6', 'businessCode': 'code6', 'appId': 'appCode6', 'systemName': 'systemName6' },
-            { 'id': '7', 'businessName': 'bizName7', 'businessCode': 'code7', 'appId': 'appCode7', 'systemName': 'systemName7' },
-            { 'id': '8', 'businessName': 'bizName8', 'businessCode': 'code8', 'appId': 'appCode8', 'systemName': 'systemName8' },
-            { 'id': '9', 'businessName': 'bizName9', 'businessCode': 'code9', 'appId': 'appCode9', 'systemName': 'systemName9' },
-            { 'id': '10', 'businessName': 'bizName10', 'businessCode': 'code0', 'appId': 'appCode0', 'systemName': 'systemName10' },
-            { 'id': '11', 'businessName': 'bizName11', 'businessCode': 'code1', 'appId': 'appCode1', 'systemName': 'systemName11' },
-            { 'id': '12', 'businessName': 'bizName12', 'businessCode': 'code2', 'appId': 'appCode2', 'systemName': 'systemName12' },
-            { 'id': '13', 'businessName': 'bizName13', 'businessCode': 'code3', 'appId': 'appCode3', 'systemName': 'systemName13' },
-            { 'id': '14', 'businessName': 'bizName14', 'businessCode': 'code4', 'appId': 'appCode4', 'systemName': 'systemName14' }
+            { 'id': '0', 'systemName': 'system1', 'appType': 1, 'deptName': 'dept0', 'url': 'http://system1.com', 'icon': 'el-icon-plus' },
+            { 'id': '1', 'systemName': 'system2', 'appType': 2, 'deptName': 'dept1', 'url': 'http://system2.com', 'icon': 'el-icon-plus' },
+            { 'id': '2', 'systemName': 'system3', 'appType': 3, 'deptName': 'dept2', 'url': 'http://system3.com', 'icon': 'el-icon-plus' },
+            { 'id': '3', 'systemName': 'system4', 'appType': 4, 'deptName': 'dept3', 'url': 'http://system4.com', 'icon': 'el-icon-plus' },
+            { 'id': '4', 'systemName': 'system5', 'appType': 1, 'deptName': 'dept4', 'url': 'http://system5.com', 'icon': 'el-icon-plus' },
+            { 'id': '5', 'systemName': 'system6', 'appType': 2, 'deptName': 'dept5', 'url': 'http://system6.com', 'icon': 'el-icon-plus' },
+            { 'id': '6', 'systemName': 'system7', 'appType': 4, 'deptName': 'dept6', 'url': 'http://system7.com', 'icon': 'el-icon-plus' },
+            { 'id': '7', 'systemName': 'system8', 'appType': 4, 'deptName': 'dept7', 'url': 'http://system8.com', 'icon': 'el-icon-plus' },
+            { 'id': '8', 'systemName': 'system9', 'appType': 3, 'deptName': 'dept8', 'url': 'http://system9.com', 'icon': 'el-icon-plus' },
+            { 'id': '9', 'systemName': 'system10', 'appType': 4, 'deptName': 'dept9', 'url': 'http://system10.com', 'icon': 'el-icon-plus' },
+            { 'id': '10', 'systemName': 'system11', 'appType': 1, 'deptName': 'dept10', 'url': 'http://system11.com', 'icon': 'el-icon-plus' },
+            { 'id': '11', 'systemName': 'system12', 'appType': 1, 'deptName': 'dept11', 'url': 'http://system12.com', 'icon': 'el-icon-plus' },
+            { 'id': '12', 'systemName': 'system13', 'appType': 3, 'deptName': 'dept12', 'url': 'http://system13.com', 'icon': 'el-icon-plus' },
+            { 'id': '13', 'systemName': 'system14', 'appType': 2, 'deptName': 'dept13', 'url': 'http://system14.com', 'icon': 'el-icon-plus' },
+            { 'id': '14', 'systemName': 'system15', 'appType': 4, 'deptName': 'dept14', 'url': 'http://system15.com', 'icon': 'el-icon-plus' }
           ]
         }
       }
@@ -39,15 +39,15 @@ module.exports = [
         data: {
           total: 44,
           records: [
-            { 'id': '0', 'businessName': 'bizName0', 'businessCode': 'code0', 'appId': 'appCode0', 'systemName': 'systemName0' },
-            { 'id': '3', 'businessName': 'bizName3', 'businessCode': 'code3', 'appId': 'appCode3', 'systemName': 'systemName3' },
-            { 'id': '4', 'businessName': 'bizName4', 'businessCode': 'code4', 'appId': 'appCode4', 'systemName': 'systemName4' },
-            { 'id': '5', 'businessName': 'bizName5', 'businessCode': 'code5', 'appId': 'appCode5', 'systemName': 'systemName5' },
-            { 'id': '16', 'businessName': 'bizName16', 'businessCode': 'code6', 'appId': 'appCode6', 'systemName': 'systemName16' },
-            { 'id': '9', 'businessName': 'bizName9', 'businessCode': 'code9', 'appId': 'appCode9', 'systemName': 'systemName9' },
-            { 'id': '10', 'businessName': 'bizName10', 'businessCode': 'code0', 'appId': 'appCode0', 'systemName': 'systemName10' },
-            { 'id': '17', 'businessName': 'bizName17', 'businessCode': 'code1', 'appId': 'appCode1', 'systemName': 'systemName17' },
-            { 'id': '18', 'businessName': 'bizName18', 'businessCode': 'code2', 'appId': 'appCode2', 'systemName': 'systemName18' }
+            { 'id': '0', 'systemName': 'systemName', 'businessCode': 'code0', 'appId': 'appCode0', 'systemName': 'systemName0' },
+            { 'id': '3', 'systemName': 'systemName', 'businessCode': 'code3', 'appId': 'appCode3', 'systemName': 'systemName3' },
+            { 'id': '4', 'systemName': 'systemName', 'businessCode': 'code4', 'appId': 'appCode4', 'systemName': 'systemName4' },
+            { 'id': '5', 'systemName': 'systemName', 'businessCode': 'code5', 'appId': 'appCode5', 'systemName': 'systemName5' },
+            { 'id': '16', 'systemName': 'systemName', 'businessCode': 'code6', 'appId': 'appCode6', 'systemName': 'systemName16' },
+            { 'id': '9', 'systemName': 'systemName', 'businessCode': 'code9', 'appId': 'appCode9', 'systemName': 'systemName9' },
+            { 'id': '10', 'systemName': 'systemName', 'businessCode': 'code0', 'appId': 'appCode0', 'systemName': 'systemName10' },
+            { 'id': '17', 'systemName': 'systemName', 'businessCode': 'code1', 'appId': 'appCode1', 'systemName': 'systemName17' },
+            { 'id': '18', 'systemName': 'systemName', 'businessCode': 'code2', 'appId': 'appCode2', 'systemName': 'systemName18' }
           ]
         }
       }

src/styles/headertop.scss

@@ -2,7 +2,6 @@ $headerTextColor: #ffffff;
 
 #app {
   .header-container {
-    display: none;
     position: fixed;
     top: 0;
     left: 0;

src/views/home/Business.vue

@@ -31,7 +31,7 @@ import BusinessEdit from './components/BusinessEdit'
 
 import { fetchDictData } from '@/api/dict'
 import { isNull } from '@/utils/convert'
-import { fetchTableList } from '@/api/biz'
+import { fetchMyBizList } from '@/api/biz'
 
 export default {
   name: 'HomeBusiness',
@@ -102,7 +102,7 @@ export default {
         }
         promises.push(
           new Promise((resolve, reject) => {
-            fetchTableList(params).then(response => {
+            fetchMyBizList(params).then(response => {
               debugger
               if (!isNull(response.data) && !isNull(response.data.records)) {
                 this.bizData[type.value] = response.data.records

src/views/system/index.vue

@@ -11,11 +11,11 @@
     </el-card>
     <div class="system-box">
       <div class="list-filter">
-        <el-form ref="filterForm" :model="formData" inline label-width="100px">
+        <el-form ref="filterForm" :model="formData" inline>
           <el-form-item label="name">
             <el-input v-model="formData.systemName" class="filter-item" clearable />
           </el-form-item>
-          <el-form-item label="dept">
+          <el-form-item label="deptdeptdept">
             <el-input v-model="formData.deptName" class="filter-item" clearable />
           </el-form-item>
           <el-form-item>
@@ -30,7 +30,7 @@
           <el-button type="primary">Upload</el-button>
         </div>
         <div class="system-item-box">
-          <div v-for="item in tableData" :key="item.id">
+          <div v-for="item in tableData" :key="item.id" class="system-item">
             <div>
               <span>{{ item.appType }}</span>
               <el-button type="text">detail</el-button>
@@ -66,7 +66,7 @@ export default {
       tableData: [],
       // filter
       formData: {
-        appType: null,
+        appType: '',
         systemName: '',
         deptName: ''
       },
@@ -163,19 +163,45 @@ export default {
     width: 300px;
     margin-right: 5px;
 
+    .el-radio-group {
+      width: 100%;
+    }
     .el-radio-button {
       display: block;
     }
 
-    ::v-deep .el-radio-button__inner {
-      width: 100%;
-      border: 0;
-      text-align: left;
+    ::v-deep {
+      .el-card__body {
+        padding: 20px 0;
+      }
+
+      .el-radio-button__inner {
+        width: 100%;
+        border: 0;
+        text-align: left;
+      }
+      .el-radio-button__orig-radio:checked + .el-radio-button__inner {
+        background-color: #ebf2fd;
+        color: #0056dd;
+      }
     }
   }
   .system-box {
     width: 100%;
   }
+  .system-item-box {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .system-item {
+    width: 380px;
+    height: 150px;
+    border: 1px solid rgba(0,0,0,0.09);
+    border-radius: 4px;
+    margin-right: 16px;
+    margin-bottom: 16px;
+  }
+
 }
 </style>