修改样式

nasc-ui/src/views/index.vue

@@ -22,7 +22,8 @@ export default {
       getUserProfile().then(response => {
         let roles = response.data.roles;
         roles.forEach(role => {
-          if (role.roleKey === 'Worker') {
+          if (role.roleKey) {
+          // if (role.roleKey === 'Worker') {
             this.$router.push({ path: "/matter/index" }).catch(() => { });
           }
         });

nasc-ui/src/views/matter/index/index.vue

@@ -2,14 +2,14 @@
   <div class="app-container">
     <el-row :gutter="20">
       <!--部门数据-->
-      <el-col v-show="!showMatterView" :span="8" :xs="24" class="matter-content">
+      <el-col v-show="!showMatterView" style="width: 30%;" :xs="24" class="matter-content">
         <div class="head-container left-search-div">
           <el-input v-model="matterName" placeholder="请输入审查事项名称" clearable size="small" prefix-icon="el-icon-search" />
           <el-button type="primary" size="small" @click="handleSearchClick">查询</el-button>
         </div>
         <div class="head-container" style="overflow: auto; height: calc(100% - 50px);">
           <el-tree v-show="stepViewFlag" :load="loadDeptNode" :props="defaultProps" :expand-on-click-node="false"
-            ref="tree" node-key="id" lazy accordion default-expand-all highlight-current @node-click="handleNodeClick">
+            ref="tree" node-key="deptId" lazy accordion highlight-current :default-expanded-keys="defaultExpandedKeys" @node-click="handleNodeClick">
             <template slot-scope="{ node, data }">
               <span class="custom-tree-node" :class="{ 'is-dept': !data.isMatter, 'is-matter': data.isMatter }"
                 :title="data.deptName ? data.deptName : data.itemName">
@@ -31,17 +31,17 @@
           </el-tree>
         </div>
       </el-col>
-      <el-col :span="1" :xs="24" class="matter-content" style="margin-left: 10px;">
+      <el-col class="matter-content" style="margin-left: 5px; margin-right: 5px; width: 30px;">
         <i v-show="showMatterView" class="el-icon-d-arrow-right"
-           style="color: #409eff; cursor: pointer; position: absolute; top: 49%; transform: translateX(50%);"
+           style="color: #409eff; cursor: pointer; position: absolute; top: 49%; transform: translateX(-20%);"
            @click="changeView(false)"
            title="展开"></i>
         <i v-show="!showMatterView" class="el-icon-d-arrow-left"
-           style="color: #409eff; cursor: pointer; position: absolute; top: 49%; transform: translateX(50%);"
+           style="color: #409eff; cursor: pointer; position: absolute; top: 49%; transform: translateX(-20%);"
            @click="changeView(true)"
            title="收起"></i>
       </el-col>
-      <el-col :span="showMatterView ? 22 : 14" :xs="24" class="matter-content" style="margin-left: 10px;">
+      <el-col :xs="24" class="matter-content" :style="showMatterView ? 'width: calc(100% - 40px);' : 'width: calc(70% - 40px);'">
         <template v-if="preQuestionPart">
           <div class="matter-title-h" style="font-style: italic; color: #00afff; margin-bottom: -10px;" :title="currMatter.itemName">
             <i class="el-icon-collection"></i>&nbsp;&nbsp;{{ currMatter.itemName }}
@@ -84,7 +84,7 @@
                 <label style="color: #00afff;">三、材料说明</label>
                 <div class="matter-material" style="display: flex;">
                   <div style="width: 30%;">
-                    <ul class="material-list">
+                    <ul class="material-list" style="margin-right: 5px;">
                       <li v-for="item in currMaterial.materialList" @click="handleMaterialItem($event, item)"
                         class="material-item">
                         {{ item.listName }}
@@ -229,6 +229,7 @@
           label: 'deptName',
           isLeaf: 'leaf'
         },
+        defaultExpandedKeys: [ 100 ],
         treeData: [
           { deptId: 100, deptName: '南岸区', isMatter: false, children: [] },
         ],
@@ -593,8 +594,13 @@
   }
 
   .material-selected {
-    color: #4285f4;
-    text-decoration: underline;
+    color: #ffffff;
+    background-color: #82848a;
+  }
+
+  .el-button--primary.is-plain span {
+    letter-spacing: 2px;
+    line-height: 18px;
   }
 
   .custom-tree-node {
@@ -680,11 +686,6 @@
     text-overflow: ellipsis;
   }
 
-  .el-button--primary.is-plain span {
-    letter-spacing: 2px;
-    line-height: 18px;
-  }
-
   .desktop-dialog {
     height: 100% !important;
   }