|
@ -4,25 +4,22 @@ |
|
|
<el-form :inline="true" ref="ref_searchform" :label-width="'100px'"> |
|
|
<el-form :inline="true" ref="ref_searchform" :label-width="'100px'"> |
|
|
<div> |
|
|
<div> |
|
|
<el-form-item label="类型"> |
|
|
<el-form-item label="类型"> |
|
|
<el-select v-model="formData.tyep" placeholder="请选择" clearable> |
|
|
<el-cascader v-model="this.formData.type" @change="handleChangeAgency" :options="options1" |
|
|
<el-option v-for="item in formData.optionstype" :key="item.value" :label="item.label" |
|
|
:disabled="showdisabled" :props="{ |
|
|
:value="item.value"> |
|
|
emitPath: false, |
|
|
</el-option> |
|
|
multiple: false, |
|
|
</el-select> |
|
|
}"></el-cascader> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="名称"> |
|
|
<el-form-item label="名称"> |
|
|
<el-input v-model.trim="formData.name" size="small" class="item_width_1" clearable |
|
|
<el-input v-model.trim="formData.name" size="small" class="item_width_1" clearable placeholder="请输入"> |
|
|
placeholder="请输入"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="位置"> |
|
|
<el-form-item label="位置"> |
|
|
<el-input v-model.trim="formData.address" size="small" class="item_width_1" clearable |
|
|
<el-input v-model.trim="formData.address" size="small" class="item_width_1" clearable placeholder="请输入"> |
|
|
placeholder="请输入"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="标签"> |
|
|
<el-form-item label="标签"> |
|
|
<el-input v-model.trim="formData.tags" size="small" class="item_width_1" clearable |
|
|
<el-input v-model.trim="formData.tags" size="small" class="item_width_1" clearable placeholder="请输入"> |
|
|
placeholder="请输入"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
@ -41,57 +38,47 @@ |
|
|
<el-button style="" class="diy-button--add" size="small" @click="handleAdd">新增</el-button> |
|
|
<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 style="" class="diy-button--add" size="small" @click="handleExportModule()">下载模板</el-button> |
|
|
<el-button class="diy-button--white" size="small"> |
|
|
<el-button class="diy-button--white" size="small"> |
|
|
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" action="uploadUlr" |
|
|
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" action="uploadUlr" :limit="1" |
|
|
:limit="1" :accept="'.xls,.xlsx'" :with-credentials="true" :show-file-list="false" |
|
|
:accept="'.xls,.xlsx'" :with-credentials="true" :show-file-list="false" :auto-upload="true" |
|
|
:auto-upload="true" :on-progress="handleProgress" :on-success="handleExcelSuccess" |
|
|
:on-progress="handleProgress" :on-success="handleExcelSuccess" :before-upload="beforeExcelUpload" |
|
|
:before-upload="beforeExcelUpload" :http-request="uploadHttpRequest"> |
|
|
:http-request="uploadHttpRequest"> |
|
|
导入 |
|
|
导入 |
|
|
</el-upload> |
|
|
</el-upload> |
|
|
</el-button> |
|
|
</el-button> |
|
|
<el-table class="table" :data="tableData" border style="width: 100%"> |
|
|
<el-table class="table" :data="tableData" border style="width: 100%"> |
|
|
<el-table-column label="序号" header-align="center" align="center" type="index" |
|
|
<el-table-column label="序号" header-align="center" align="center" type="index" width="80"></el-table-column> |
|
|
width="80"></el-table-column> |
|
|
|
|
|
<el-table-column prop="agencyName" header-align="center" align="center" label="所属组织" |
|
|
<el-table-column prop="agencyName" header-align="center" align="center" label="所属组织" |
|
|
:show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="typeName" header-align="center" align="center" label="类型" |
|
|
<el-table-column prop="typeName" header-align="center" align="center" label="类型" :show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
<!-- <template slot-scope="scope"> |
|
|
<!-- <template slot-scope="scope"> |
|
|
<span>{{ scope.row.enabled === 1 ? '关闭' : '显示' }}</span> |
|
|
<span>{{ scope.row.enabled === 1 ? '关闭' : '显示' }}</span> |
|
|
</template> --> |
|
|
</template> --> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="name" header-align="center" align="center" label="名称" |
|
|
<el-table-column prop="name" header-align="center" align="center" label="名称" :show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="address" header-align="center" align="center" label="位置" |
|
|
<el-table-column prop="address" header-align="center" align="center" label="位置" :show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="linkman" header-align="center" align="center" label="联系人" |
|
|
<el-table-column prop="linkman" header-align="center" align="center" label="联系人" :show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="linkPhone" header-align="center" align="center" label="联系电话" |
|
|
<el-table-column prop="linkPhone" header-align="center" align="center" label="联系电话" |
|
|
:show-overflow-tooltip="true"> |
|
|
:show-overflow-tooltip="true"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="tags" header-align="center" align="center" label="标签" :show-overflow-tooltip="true"> |
|
|
<el-table-column prop="tags" header-align="center" align="center" label="标签" :show-overflow-tooltip="true"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="remark" header-align="center" align="center" label="备注":show-overflow-tooltip="true"> |
|
|
<el-table-column prop="remark" header-align="center" align="center" label="备注" :show-overflow-tooltip="true"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" |
|
|
<el-table-column label="操作" fixed="right" width="250" header-align="center" align="center" class="operate"> |
|
|
class="operate"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" |
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleDetail(scope.row)">查看</el-button> |
|
|
@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" |
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" @click="handleDel(scope.row)">删除</el-button> |
|
|
@click="handleEdit(scope.row)">修改</el-button> |
|
|
|
|
|
<el-button type="text" style="color:#1C6AFD;" size="small" |
|
|
|
|
|
@click="handleDel(scope.row)">删除</el-button> |
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<div> |
|
|
<div> |
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo" |
|
|
:current-page.sync="pageNo" :page-sizes="[10, 20, 50]" :page-size="pageSize" |
|
|
:page-sizes="[10, 20, 50]" :page-size="pageSize" layout="sizes, prev, pager, next, total" :total="total"> |
|
|
layout="sizes, prev, pager, next, total" :total="total"> |
|
|
|
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
</div> |
|
|
</div> |
|
|
<el-dialog :visible.sync="showAdd" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" |
|
|
<el-dialog :visible.sync="showAdd" :close-on-click-modal="false" :close-on-press-escape="false" :title="formTitle" |
|
@ -127,7 +114,7 @@ export default { |
|
|
|
|
|
|
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
options:[ |
|
|
options1:[ |
|
|
{ |
|
|
{ |
|
|
|
|
|
|
|
|
"children": [ |
|
|
"children": [ |
|
@ -306,7 +293,7 @@ export default { |
|
|
formTitle:"", |
|
|
formTitle:"", |
|
|
formData: { |
|
|
formData: { |
|
|
name:"", |
|
|
name:"", |
|
|
tyep:"", |
|
|
type:"", |
|
|
tags:"", |
|
|
tags:"", |
|
|
address:"", |
|
|
address:"", |
|
|
|
|
|
|
|
@ -350,6 +337,11 @@ export default { |
|
|
this.getTableData(); |
|
|
this.getTableData(); |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
//获取类型 |
|
|
|
|
|
handleChangeAgency(val) { |
|
|
|
|
|
console.log(val); |
|
|
|
|
|
this.formData.type = val; |
|
|
|
|
|
}, |
|
|
// 获取生活圈类型 |
|
|
// 获取生活圈类型 |
|
|
async getLifeType () { |
|
|
async getLifeType () { |
|
|
const url = "/sys/dict/data/dictlist" |
|
|
const url = "/sys/dict/data/dictlist" |
|
@ -450,7 +442,7 @@ if (code === 0) { |
|
|
this.tableData = data.list; |
|
|
this.tableData = data.list; |
|
|
|
|
|
|
|
|
this.tableData.forEach(item => { |
|
|
this.tableData.forEach(item => { |
|
|
this.options.forEach(item1 => { |
|
|
this.options1.forEach(item1 => { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (Array.isArray(item1.children)) { |
|
|
if (Array.isArray(item1.children)) { |
|
|