feat: 页面统一样式的修改，编辑假数据

mock/index.js

@@ -6,8 +6,9 @@ const user = require('./user')
 const role = require('./role')
 const article = require('./article')
 const search = require('./remote-search')
+const setting = require('./setting')
 
-const mocks = [...task]
+const mocks = [...task,...setting]
 
 // for front mock
 // please use it cautiously, it will redefine XMLHttpRequest,

mock/setting.js

+module.exports = [
+  // get tasklist
+  {
+    url: '/standard-list',
+    type: 'get',
+    response: config => {
+      const query = config.query
+      let temp = []
+      if (query.type === '1') {
+        temp = [
+          {
+            category: '体系审查',
+            section: '5.1',
+            request:
+              '车辆制造商应具备车辆全生命周期的汽车信息安全管理体系。注：车辆全生命周期包括车辆的开发阶段、生产阶段及后生产阶段。',
+            resultYes: '车辆制造商具备车辆全生命周期的汽车信息安全管理体系',
+            resultNO: '车辆制造商不具备车辆全生命周期的汽车信息安全管理体系',
+            createTime: '@datetime'
+          },
+          {
+            category: '体系审查',
+            section: '5.3',
+            request:
+              '汽车信息安全管理体系应包括以下内容。建立企业内部管理汽车信息安全的过程',
+            resultYes: '汽车信息安全管理体系包括以下内容',
+            resultNO: '汽车信息安全管理体系不包括以下所有内容。',
+            createTime: '@datetime'
+          }
+        ]
+      } else {
+        temp = [
+          {
+            category: '车型检验',
+            section: '7.1.1.1',
+            request:
+              '车端具备远程控制功能的系统、授权的第三方应用等外部连接系统不应存在由汽车行业权威漏洞平台6个月前公布且未经处置的高危及以上的安全漏洞。注1：汽车行业权威漏洞平台如车联网产品专用漏洞库NVDB-CAVD等政府主管部门认可的其他漏洞平台。注2：处置包括消除漏洞、制定减缓措施等方式。',
+            resultYes:
+              '车端具备远程控制功能的系统、授权的第三方应用等外部连接系统不存在由汽车行业权威漏洞平台6个月前公布且未经处置的高危及以上的安全漏洞。',
+            resultNO:
+              '端具备远程控制功能的系统、授权的第三方应用等外部连接系统存在由汽车行业权威漏洞平台6个月前公布且未经处置的高危及以上的安全漏洞。',
+            way: '测试人员应使用漏洞扫描工具对车辆外部连接系统进行漏洞扫描，并将测试结果与汽车行业权威漏洞平台6个月前公布的高危及以上的安全漏洞清单和车辆生产企业提供的车辆外部连接系统漏洞处置方案进行比对，测试车辆是否满足7.1.1.1的要求',
+            object: [
+              {
+                text: '①远控系统对应的通信零件 （TBOX、IVI外部连接系统）',
+                scene: [
+                  {
+                    text: 'TBOX-蜂窝以太网接口'
+                  },
+                  {
+                    text: 'TBOX 固件'
+                  },
+                  {
+                    text: 'WiFi AP接口'
+                  },
+                  {
+                    text: 'WiFi Client接口'
+                  },
+                  {
+                    text: '车载信息交互系统固件'
+                  }
+                ]
+              },
+              {
+                text: '②车载信息交互系统中第三方应用软件包',
+                scene: [
+                    {
+                      text: 'TBOX-蜂窝以太网接口'
+                    },
+                ]
+              }
+            ]
+          },
+          {
+            category: '车型检验',
+            section: '7.1.2.4',
+            request: '应对车端具备远程控制功能的系统进行完整性验证。',
+            resultYes: 'xxxxxxxxxxxxxxx',
+            resultNO: 'xxxxxxxxxxxxxxx',
+            way: '测试人员根据车辆生产企业提供的车辆远程控制功能系统完整性校验功能的证明文件，检查车辆是否满足7.1.2.4的要求。',
+            object: [],
+            scene: []
+          }
+        ]
+      }
+
+      return {
+        rows: temp,
+        code: 200,
+        total: 10
+      }
+    }
+  }
+]

src/components/Page/standard.vue

 <template>
   <div class="page-data">
-    <div class="page-title">
+    <!-- <div class="page-title">
       <span class="header">{{ $route.meta.title }}</span>
-    </div>
+    </div> -->
     <div class="page-box">
       <el-card class="box-card" shadow="never">
         <template v-if="$slots.tab && $slots.tab.length">
@@ -33,7 +33,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .page-box {
-  padding: 1.5rem 2rem;
+  // padding: 1.5rem 2rem;
   font-size: 16px;
 }
 

src/layout/components/Navbar.vue

@@ -16,9 +16,9 @@
     <top-nav v-if="topNav" id="topMenu-container" class="topMenu-container" />
 
     <div class="right-menu">
-      <template>
+      <!-- <template>
         <message-waring></message-waring>
-      </template>
+      </template> -->
 
       <el-dropdown
         class="avatar-container right-menu-item hover-effect"
@@ -51,14 +51,14 @@ import TopNav from '@/components/TopNav'
 import Hamburger from '@/components/Hamburger'
 
 import QuickNew from '@/components/QuickNew'
-import MessageWaring from '@/components/MessageWaring'
+// import MessageWaring from '@/components/MessageWaring'
 export default {
   components: {
     Breadcrumb,
     TopNav,
     Hamburger,
-    QuickNew,
-    MessageWaring
+    QuickNew
+    // MessageWaring
   },
   computed: {
     ...mapGetters(['sidebar', 'avatar', 'device']),
@@ -102,7 +102,7 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
-  height: 90px;
+  height: 80px;
   overflow: hidden;
   position: relative;
   background: #fff;

src/main.js

@@ -49,10 +49,8 @@ import DictData from '@/components/DictData'
 
 import TalkItem from '@/components/TalkItem'
 // 使用mock模拟接口调用
-if (process.env.NODE_ENV === 'development') {
-  const { mockXHR } = require('../mock')
-  mockXHR()
-}
+const { mockXHR } = require('../mock')
+mockXHR()
 
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts

src/mixins/page.js

@@ -48,13 +48,21 @@ export default {
         url: this.listUrl,
         method: 'get',
         params: this.queryParams
-      }).then(res => {
-        if (res.code === 200) {
-          this.tableData = res.rows
-          this.total = res.total
-        }
-        this.loading = false
       })
+        .then(res => {
+          if (res.code === 200) {
+            this.tableData = res.rows
+            console.log(res.rows);
+            this.total = res.total
+          }
+          this.loading = false
+        })
+        .catch(error => {
+          if (res.msg) {
+            this.$message.error(res.msg)
+          }
+          this.loading = false
+        })
     }
   }
 }

src/views/setting/standard/index.vue

@@ -87,20 +87,33 @@
         v-if="Number(queryParams.type) === 1"
         label="标准分类"
         min-width="200"
+        prop="category"
         align="center"
       >
       </el-table-column>
-      <el-table-column label="标准章节" min-width="200" align="center">
+      <el-table-column
+        prop="section"
+        label="标准章节"
+        min-width="200"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column label="标准要求" min-width="200" align="center">
+      <el-table-column
+        prop="request"
+        label="标准要求"
+        min-width="200"
+        align="center"
+      >
       </el-table-column>
       <el-table-column
+        prop="resultYes"
         label="检验结果描述（符合）"
         min-width="200"
         align="left"
       >
       </el-table-column>
       <el-table-column
+        prop="resultNO"
         label="检验结果描述（不符合）"
         min-width="200"
         align="left"
@@ -108,6 +121,7 @@
       </el-table-column>
       <el-table-column
         v-if="Number(queryParams.type) === 2"
+        prop="way"
         label="标准测试方法"
         min-width="200"
         align="center"
@@ -115,6 +129,7 @@
       </el-table-column>
       <el-table-column
         v-if="Number(queryParams.type) === 2"
+        prop="object"
         label="对象"
         min-width="200"
         align="left"
@@ -122,6 +137,7 @@
       </el-table-column>
       <el-table-column
         v-if="Number(queryParams.type) === 2"
+        prop="scene"
         label="场景"
         min-width="200"
         align="left"
@@ -194,7 +210,7 @@ export default {
   dicts: ['sys_detailed_classification'],
   data() {
     return {
-      listUrl: '/system/role/list',
+      listUrl: '/standard-list',
       showSearch: true,
       tableData: [],
       queryParams: { type: 1 },