'normal'

src/pages/data/data.js

@@ -0,0 +1,96 @@
+
+
+export default {
+	departs:[
+    {
+      id: 1,
+      value: '局办公室',
+      label: '局办公室'
+    }, {
+      id: 2,
+      value: '财会中心',
+      label: '财会中心'
+    }, {
+      id: 3,
+      value: '党办',
+      label: '党办'
+    }, {
+      id: 4,
+      value: '政策法规科',
+      label: '政策法规科'
+    }, {
+      id: 5,
+      value: '建筑业科',
+      label: '建筑业科'
+    }, {
+      id: 6,
+      value: '项目中心',
+      label: '项目中心'
+    }, {
+      id: 7,
+      value: '房产保障科',
+      label: '房产保障科'
+    }, {
+      id: 8,
+      value: '市房屋交易中心',
+      label: '市房屋交易中心'
+    }, {
+      id: 9,
+      value: '城乡建设科',
+      label: '城乡建设科'
+    }, {
+      id: 10,
+      value: '11消防中心系统',
+      label: '11消防中心系统'
+    }, {
+      id: 11,
+      value: '11造价站系统',
+      label: '11造价站系统'
+    }, {
+      id: 12,
+      value: '11质安站系统',
+      label: '11质安站系统'
+    }, {
+      id: 13,
+      value: '111党办系统',
+      label: '111党办系统'
+    }, {
+      id: 14,
+      value: '财务中心系统',
+      label: '财务中心系统'
+    }, {
+      id: 15,
+      value: '城建科系统',
+      label: '城建科系统'
+    }, {
+      id: 16,
+      value: '法规科系统',
+      label: '法规科系统'
+    }, {
+      id: 17,
+      value: '房屋征收中心系统',
+      label: '房屋征收中心系统'
+    }, {
+      id: 18,
+      value: '交易中心系统',
+      label: '交易中心系统'
+    }, {
+      id: 19,
+      value: '图审系统',
+      label: '图审系统'
+    }, {
+      id: 20,
+      value: '项目中心系统',
+      label: '项目中心系统'
+    }
+  ],
+  filelist:[
+    { "value": "文件名1", "address": "部门1" },
+    { "value": "文件名2", "address": "部门2" },
+    { "value": "文件名3", "address": "部门1" },
+    { "value": "文件名4", "address": "部门2" },
+    { "value": "文件名5", "address": "部门1" },
+    { "value": "文件名6", "address": "部门2" },
+    { "value": "文件名7", "address": "部门1" }
+  ]
+}

src/pages/other/file-manage.vue

@@ -53,7 +53,7 @@
         </div>
         <el-card class="box-card" v-if="!isShowMore">
           <div slot="header" class="clearfix">
-            <span>{{ selectDepartName }} 文件分类1</span>
+            <span>{{ selectDepartName }} 法律法规规定资料</span>
             <el-button style="float: right; padding: 3px 0;color: #999;font-size: 12px;" type="text" @click="handleOpenMore(1)">更多></el-button>
           </div>
           <div v-for="o in 4" :key="o" class="text item">
@@ -68,7 +68,7 @@
         </el-card>
         <el-card class="box-card" v-if="!isShowMore">
           <div slot="header" class="clearfix">
-            <span>{{ selectDepartName }} 文件分类2</span>
+            <span>{{ selectDepartName }} 制度机制类资料</span>
             <el-button style="float: right; padding: 3px 0;color: #999;font-size: 12px;" type="text" @click="handleOpenMore(2)">更多></el-button>
           </div>
           <div v-for="o in 4" :key="o" class="text item">
@@ -83,7 +83,7 @@
         </el-card>
         <el-card class="box-card" v-if="!isShowMore">
           <div slot="header" class="clearfix">
-            <span>{{ selectDepartName }} 文件分类3</span>
+            <span>{{ selectDepartName }} 基础性数据资料</span>
             <el-button style="float: right; padding: 3px 0;color: #999;font-size: 12px;" type="text" @click="handleOpenMore(3)">更多></el-button>
           </div>
           <div v-for="o in 4" :key="o" class="text item">
@@ -98,7 +98,7 @@
         </el-card>
         <el-card class="box-card" v-if="isShowMore">
           <div slot="header" class="clearfix">
-            <span>{{ selectDepartName }} 文件分类所有文件</span>
+            <span>{{ selectDepartName }} 其他类</span>
             <el-button style="float: right; padding: 3px 0;color: #999;font-size: 12px;" type="text" @click="handleCloseMore">返回</el-button>
           </div>
           <div v-for="o in 20" :key="o" class="text item">
@@ -121,87 +121,7 @@
 import IHeader from "./components/IHeader";
 import IFooter from "./components/IFooter";
 import glIcon from '@/icons/img/2016smyjj_gl_icon.jpg'
-const options = [{
-  id: 1,
-  value: '1办公室系统',
-  label: '1办公室系统'
-}, {
-  id: 2,
-  value: '1房产保障科系统',
-  label: '1房产保障科系统'
-}, {
-  id: 3,
-  value: '1建筑业系统',
-  label: '1建筑业系统'
-}, {
-  id: 4,
-  value: '1节水站系统',
-  label: '1节水站系统'
-}, {
-  id: 5,
-  value: '1人才中心系统',
-  label: '1人才中心系统'
-}, {
-  id: 6,
-  value: '1人事科系统',
-  label: '1人事科系统'
-}, {
-  id: 7,
-  value: '1审批科系统',
-  label: '1审批科系统'
-}, {
-  id: 8,
-  value: '1住房保障中心系统',
-  label: '1住房保障中心系统'
-}, {
-  id: 9,
-  value: '11燃管站系统',
-  label: '11燃管站系统'
-}, {
-  id: 10,
-  value: '11消防中心系统',
-  label: '11消防中心系统'
-}, {
-  id: 11,
-  value: '11造价站系统',
-  label: '11造价站系统'
-}, {
-  id: 12,
-  value: '11质安站系统',
-  label: '11质安站系统'
-}, {
-  id: 13,
-  value: '111党办系统',
-  label: '111党办系统'
-}, {
-  id: 14,
-  value: '财务中心系统',
-  label: '财务中心系统'
-}, {
-  id: 15,
-  value: '城建科系统',
-  label: '城建科系统'
-}, {
-  id: 16,
-  value: '法规科系统',
-  label: '法规科系统'
-}, {
-  id: 17,
-  value: '房屋征收中心系统',
-  label: '房屋征收中心系统'
-}, {
-  id: 18,
-  value: '交易中心系统',
-  label: '交易中心系统'
-}, {
-  id: 19,
-  value: '图审系统',
-  label: '图审系统'
-}, {
-  id: 20,
-  value: '项目中心系统',
-  label: '项目中心系统'
-}];
+import data  from '../data/data.js'
 export default {
   name: 'application',
   components: {
@@ -211,26 +131,22 @@ export default {
   data() {
     return {
       glIcon: glIcon,
-      list: [],
+      list: data.departs,
       searchDepartId: "",
       restaurants: [],
       state3: '',
       selectDepartId:1,
-      selectDepartName: '1办公室系统',
+      selectDepartName: '局办公室',
       isShowMore: false
     }
   },
-  created() {
-    this.list = options
-  },
   mounted() {
     this.restaurants = this.loadAll();
   },
   watch: {
     selectDepartId: function(newDepartId, oldDepartId) {
       let that = this
-      console.log("selectDepartId", newDepartId, oldDepartId)
-      options.filter(function(item){
+      this.list.filter(function(item){
         if(item.id == newDepartId){
           that.selectDepartName = item.value
         }
@@ -250,15 +166,7 @@ export default {
       };
     },
     loadAll() {
-      return [
-        { "value": "文件名1", "address": "部门1" },
-        { "value": "文件名2", "address": "部门2" },
-        { "value": "文件名3", "address": "部门1" },
-        { "value": "文件名4", "address": "部门2" },
-        { "value": "文件名5", "address": "部门1" },
-        { "value": "文件名6", "address": "部门2" },
-        { "value": "文件名7", "address": "部门1" }
-      ];
+      return data.filelist;
     },
     querySearchAsync(queryString, cb) {
       var restaurants = this.restaurants;