前端-医院管理之医院列表实现

return request({

url:/admin/cmn/dict/findChildData/${id},

method:‘get’

})

}

}

3、添加组件

=====================================================================

创建/views/hospital/hospital/list.vue组件

初始化：

表单：

<el-select

v-model=“searchObj.provinceCode”

placeholder=“请选择省”

@change=“provinceChanged”>

<el-option

v-for=“item in provinceList”

:key=“item.id”

:label=“item.name”

:value=“item.id”/>

<el-select

v-model=“searchObj.cityCode”

placeholder=“请选择市”

@change=“cityChanged”>

<el-option

v-for=“item in cityList”

:key=“item.id”

:label=“item.name”

:value=“item.id”/>

<el-button type=“primary” icon=“el-icon-search” @click=“fetchData()”>查询

<el-button type=“default” @click=“resetData()”>清空

<el-table v-loading=“listLoading” :data=“list”

border

fit

highlight-current-row>

<el-table-column

label=“序号”

width=“60”

align=“center”>

{{ (page - 1) * limit + scope.$index + 1 }}

{{ scope.row.status === 0 ? ‘未上线’ : ‘已上线’ }}

<el-pagination

:current-page=“page”

:total=“total”

:page-size=“limit”

:page-sizes=“[5, 10, 20, 30, 40, 50, 100]”

style=“padding: 30px 0; text-align: center;”

layout=“sizes, prev, pager, next, jumper, ->, total, slot”

@current-change=“fetchData”

@size-change=“changeSize”

/>

方法：