|
|
@ -1,99 +1,87 @@ |
|
|
|
<template> |
|
|
|
<div class="g-main"> |
|
|
|
<div class="m-search"> |
|
|
|
<el-form :inline="true" ref="ref_searchform" :label-width="'100px'"> |
|
|
|
<div> |
|
|
|
<el-form-item label="名称"> |
|
|
|
<el-input v-model.trim="formData.name" size="small" class="item_width_1" clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="类型"> |
|
|
|
<el-select v-model="formData.type" placeholder="请选择" clearable> |
|
|
|
<el-option v-for="item in formData.optionstype" :key="item.value" :label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<div class="g-main"> |
|
|
|
<div class="m-search"> |
|
|
|
<el-form :inline="true" ref="ref_searchform" :label-width="'100px'"> |
|
|
|
<div> |
|
|
|
<el-form-item label="名称"> |
|
|
|
<el-input v-model.trim="formData.name" size="small" class="item_width_1" clearable placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="类型"> |
|
|
|
<el-select v-model="formData.type" placeholder="请选择" clearable> |
|
|
|
<el-option v-for="item in formData.optionstype" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="block"> |
|
|
|
<div style="display: flex; justify-content: flex-end;"> |
|
|
|
<el-button style="margin-left:10px" class="diy-button--blue" size="small" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left:10px" class="diy-button--white" size="small" |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div class="m-table"> |
|
|
|
<el-button style="" class="diy-button--add" size="small" @click="handleAdd">新增</el-button> |
|
|
|
<el-button style="" class="diy-button--add" size="small" @click="handleExportModule()">下载模板</el-button> |
|
|
|
<el-button class="diy-button--white" size="small"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" action="uploadUlr" |
|
|
|
:limit="1" :accept="'.xls,.xlsx'" :with-credentials="true" :show-file-list="false" |
|
|
|
:auto-upload="true" :on-progress="handleProgress" :on-success="handleExcelSuccess" |
|
|
|
:before-upload="beforeExcelUpload" :http-request="uploadHttpRequest"> |
|
|
|
导入 |
|
|
|
</el-upload> |
|
|
|
</el-button> |
|
|
|
<el-table class="table" :data="tableData" border style="width: 100%"> |
|
|
|
<el-table-column label="序号" header-align="center" align="center" type="index" |
|
|
|
width="80"></el-table-column> |
|
|
|
<el-table-column prop="agencyName" header-align="center" align="center" label="所属组织" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="type" header-align="center" align="center" label="类型" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.type === 0 ? '实践站' : scope.row.type === 1 ? '实践点' : '其他' }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" header-align="center" align="center" label="名称" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" header-align="center" align="center" label="地址" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="linkman" header-align="center" align="center" label="联系人" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="linkPhone" header-align="center" align="center" label="联系电话" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column prop="operator" header-align="center" align="center" label="办公时间" |
|
|
|
<div class="block"> |
|
|
|
<div style="display: flex; justify-content: flex-end;"> |
|
|
|
<el-button style="margin-left:10px" class="diy-button--blue" size="small" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left:10px" class="diy-button--white" size="small" |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<div class="m-table"> |
|
|
|
<el-button style="" class="diy-button--add" size="small" @click="handleAdd">新增</el-button> |
|
|
|
<el-button style="" class="diy-button--add" size="small" @click="handleExportModule()">下载模板</el-button> |
|
|
|
<el-button class="diy-button--white" size="small"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" action="uploadUlr" :limit="1" |
|
|
|
:accept="'.xls,.xlsx'" :with-credentials="true" :show-file-list="false" :auto-upload="true" |
|
|
|
:on-progress="handleProgress" :on-success="handleExcelSuccess" :before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
导入 |
|
|
|
</el-upload> |
|
|
|
</el-button> |
|
|
|
<el-table class="table" :data="tableData" border style="width: 100%"> |
|
|
|
<el-table-column label="序号" header-align="center" align="center" type="index" width="80"></el-table-column> |
|
|
|
<el-table-column prop="agencyName" header-align="center" align="center" label="所属组织" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="type" header-align="center" align="center" label="类型" :show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ scope.row.type === 0 ? '实践站' : scope.row.type === 1 ? '实践点' : '其他' }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" header-align="center" align="center" label="名称" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="address" header-align="center" align="center" label="地址" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="linkman" header-align="center" align="center" label="联系人" :show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="linkPhone" header-align="center" align="center" label="联系电话" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column prop="operator" header-align="center" align="center" label="办公时间" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> --> |
|
|
|
<el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" |
|
|
|
class="operate"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" |
|
|
|
@click="handleDetail(scope.row)">查看</el-button> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" |
|
|
|
@click="handleEdit(scope.row)">修改</el-button> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" |
|
|
|
@click="handleDel(scope.row)">删除</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" :page-sizes="[10, 20, 50]" :page-size="pageSize" |
|
|
|
layout="sizes, prev, pager, next, total" :total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
<el-dialog :visible.sync="showAdd" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" |
|
|
|
width="850px" top="10vh" class="dialog-h" @closed="showAddClose"> |
|
|
|
<add ref="ref_form" v-if="showAdd" @showAddClose="showAddClose" /> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog x :visible.sync="showInfo" :close-on-click-modal="false" :close-on-press-escape="false" title="查看" |
|
|
|
width="850px" top="10vh" class="dialog-h" @closed="showInfoClose"> |
|
|
|
<info v-if="showInfo" :VolunteerList="fmData" ref="ref_form" @showInfoClose="showInfoClose" /> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
<el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" class="operate"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleDetail(scope.row)">查看</el-button> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleEdit(scope.row)">修改</el-button> |
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleDel(scope.row)">删除</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div> |
|
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" |
|
|
|
:page-sizes="[10, 20, 50]" :page-size="pageSize" layout="sizes, prev, pager, next, total" :total="total"> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
<el-dialog :visible.sync="showAdd" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" |
|
|
|
width="850px" top="10vh" class="dialog-h" @closed="showAddClose"> |
|
|
|
<add ref="ref_form" v-if="showAdd" @showAddClose="showAddClose" /> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog x :visible.sync="showInfo" :close-on-click-modal="false" :close-on-press-escape="false" title="查看" |
|
|
|
width="850px" top="10vh" class="dialog-h" @closed="showInfoClose"> |
|
|
|
<info v-if="showInfo" :VolunteerList="fmData" ref="ref_form" @showInfoClose="showInfoClose" /> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|