| 
					
				 | 
			
			
				@@ -0,0 +1,155 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div class="other-container" style="margin-top: 178px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <IHeader /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div style="padding-top: 10px;background: #FFF;margin-top:20px;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-card class="box-card"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <div slot="header" class="clearfix"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <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,index) in restaurants" :key="o.id" class="text item"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <div style="display: inline-block;width: 100%;"  > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-link target="_blank" download="下载文件名"  :href="require('@/icons/img/logo-apple.png')" :underline="false"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span class="oneline" > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  {{ (index+1)}} 、 {{o.title|filterTitle}} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-link> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <!-- <span class="fr" style="color: #b4b4b4;">{{o.createAt }}</span> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-button class="fr" type="text"  @click="applyDoc()"> 审核通过 </el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <span style="clear: both;"></span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-pagination 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :current-page="1" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :page-size="10" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :page-sizes="[10, 30, 50, 100]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :style="{float:'center',padding:'20px'}" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :total="total" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          layout="total, sizes, prev, pager, next, jumper" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ></el-pagination> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-card> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-dialog title="申请材料" center :visible.sync="dialogFormVisible"  > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <h3> 本材料非公开,需要向对应科室申请</h3> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="dialog-footer" slot="footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="warning" size="medium" style="width: 100px; padding: 10px; margin: 20px;" @click="dialogFormVisible=false">取 消</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="primary" size="medium" style="width: 100px; padding: 10px; margin: 20px;" @click="dialogFormVisible=false">确认申请</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-dialog> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <IFooter /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import IHeader from "./components/IHeader"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import IFooter from "./components/IFooter"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import glIcon from '@/icons/img/2016smyjj_gl_icon.jpg' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import data  from '../data/data.js' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import {getHotArticalList,getArticalList,getApplyArticalList}  from '@/api/article' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  name: 'application', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    IHeader, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    IFooter 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      dialogFormVisible: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      glIcon: glIcon, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      list: data.departs, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      total: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      page:1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      size: 20, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      searchDepartId: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      restaurants: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      state3: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      selectDepartId:1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      selectDepartName: '', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      category:'', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      isShowMore: false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getApplyArticalList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  filters:{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    filterTitle(val){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if( val.length > 35) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return val.substr(0,32)+"..." 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }else{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        return val 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    getApplyArticalList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      getApplyArticalList( {} ).then( res=>{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.restaurants = res.data.list 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.total = res.data.total 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        console.log("getHotArticalList", res) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-breadcrumb{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    display: inline-block; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding-left: 10px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .box-card{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin-bottom: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .my-autocomplete { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    li { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      line-height: normal; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      padding: 7px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .name { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        text-overflow: ellipsis; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        overflow: hidden; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .addr { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        font-size: 12px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        color: #b4b4b4; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      .highlighted .addr { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        color: #ddd; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-card__body .text{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin: 5px 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-button--medium{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: #303133 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-card{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    color: #1890ff; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-card__header{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    padding: 15px 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .el-menu-vertical-demo:not(.el-menu--collapse) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    width: 200px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    min-height: 400px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .oneline { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    line-height: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    white-space: nowrap; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    overflow: hidden; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    text-overflow: ellipsis; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |