Skip to content

P
pet-business-web
Commit 7c7bf8bf authored by v_liuhuaizhi's avatar v_liuhuaizhi
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents 68bf3a0a 4427adc2
Hide whitespace changes
Inline Side-by-side
Showing with 535 additions and 0 deletions
src/router/index.js
View file @ 7c7bf8bf
......@@ -104,6 +104,36 @@ export const constantRoutes = [
}
]
},
// 设备
{
path: '/equipment-management',
component: Layout,
hidden: true,
permissions: ['*:*:*'],
children: [
{
path: 'equipment-management',
props: true,
component: () => import('@/views/equipment-management/equipment-management/equipment-management'),
name: 'EquipmentManagement',
meta: { title: '设备管理', icon: 'date' }
},
{
path: 'use-management',
props: true,
component: () => import('@/views/equipment-management/use-management/use-management'),
name: 'UseManagement',
meta: { title: '使用管理', icon: 'table' }
},
{
path: 'use-details/:id',
props: true,
component: () => import('@/views/equipment-management/use-management/use-details'),
name: 'UseDetails',
meta: { title: '使用详情', icon: 'table', activeMenu: '/use-details' }
}
]
},
// 文章
{
path: '/article-management',
......
src/views/equipment-management/equipment-management/equipment-management.vue 0 → 100644
View file @ 7c7bf8bf
<template>
<div class="app-container">
设备管理
</div>
</template>
<script>
export default {
name: 'EquipmentManagement'
}
</script>
src/views/equipment-management/use-management/use-details.vue 0 → 100644
View file @ 7c7bf8bf
<template>
<div class="app-container">
<div style="background-color: #fff;height: 100%;margin: 64px 10px;">
<div style="display: flex;margin: 20px;">
<div class="tip1" />
<div style="padding-top: 3px;padding-left: 18px;color: #666666; font-weight: 500; font-size: 16px;">设备信息</div>
</div>
<div style="padding-left: 100px;width: 90%">
<el-form :model="form" label-width="100px">
<el-row>
<el-col :span="8">
<el-form-item label="设备名称" prop="deviceName">
<span>{{form.deviceName}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="设备ID" prop="ruleId">
<span>{{ form.ruleId }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="医院自有设备" prop="hospitalName">
<span>{{ form.hospitalName }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="负责人" prop="responsiblePerson">
<span>{{ phone || '--' }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号" prop="phone">
<span>{{ phone || '--' }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="设备类型" prop="wardType">
<el-select v-model="form.wardType" placeholder="请选择病房类型" style="width: 250px">
<el-option
v-for="dict in dict.type.ward_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="预约方式" prop="position">
<el-input v-model.trim="form.position" placeholder="请输入位置" :maxlength="20" style="width: 250px" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="上午开始时间" prop="createTime">
<span> {{ createTime }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="上午结束时间" prop="wardPrice">
<el-input-number
v-model="form.wardPrice"
controls-position="right"
:min="0"
style="width: 250px"
/>
元
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="权重">
<span> {{ createTime }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="创建时间" prop="createTime">
<span> {{ createTime }}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="设备状态" prop="createTime">
<span> {{ createTime }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="createTime">
<span> {{ createTime }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="支持服务地区" prop="createTime">
<span> {{ createTime }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="支持检查类型" prop="createTime">
<span> {{ createTime }}</span>
</el-form-item>
</el-col>
</el-row>
<div style="display: flex;left: -76px;position: relative">
<div class="tip1" />
<div style="padding-top: 3px;padding-left: 18px;color: #666666; font-weight: 500; font-size: 16px;">宠物信息</div>
</div>
<el-row>
<el-col :span="8">
<el-form-item label="宠物昵称">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物ID">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物品种">
<span>{{}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="宠物性别">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物年龄">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="宠物体重">
<span>{{}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="宠物毛色">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="绝育情况">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="疫苗情况">
<span>{{}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="宠物保险">
<span>{{}}</span>
</el-form-item>
</el-col>
</el-row>
<div style="display: flex;left: -76px;position: relative">
<div class="tip1" />
<div style="padding-top: 3px;padding-left: 18px;color: #666666; font-weight: 500; font-size: 16px;">宠主信息</div>
</div>
<el-row>
<el-col :span="8">
<el-form-item label="宠主姓名">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用户ID">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="手机号">
<span>{{}}</span>
</el-form-item>
</el-col>
</el-row>
<div style="display: flex;left: -76px;position: relative">
<div class="tip1" />
<div style="padding-top: 3px;padding-left: 18px;color: #666666; font-weight: 500; font-size: 16px;">设备使用信息</div>
</div>
<el-row>
<el-col :span="8">
<el-form-item label="检查项目">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="缴费金额">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="缴费状态">
<span>{{}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="使用日期">
<span>{{}}</span>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="使用时间">
<span>{{}}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<div style="padding-left: 100px;width: 90%">
<el-button style="width: 98px;height: 32px;" icon="el-icon-back" class="resetBtn" @click="cancel">返 回</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'UseDetails',
data() {
return {
// 详情表单
form: {}
}
}
}
</script>
<style scoped>
::v-deep.app-container {
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
}
.tip1 {
height: 30px;
border-left: 5px solid #5bb647;
}
</style>
src/views/equipment-management/use-management/use-management.vue 0 → 100644
View file @ 7c7bf8bf
<template>
<div class="app-container">
<el-form :model="queryParams" size="small" :inline="true" >
<el-form-item prop="deviceCode">
<el-input
v-model.trim="queryParams.deviceCode"
placeholder="请输入设备名称/ID"
clearable
/>
</el-form-item>
<el-form-item prop="status">
<el-select v-model="queryParams.checkTypeList" placeholder="检查项目" multiple collapse-tags clearable>
<el-option
v-for="dict in dict.type.exam_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="status">
<el-select v-model="queryParams.checkTypeList" placeholder="宠物保险" multiple collapse-tags clearable>
<el-option
v-for="dict in dict.type.exam_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="status">
<el-select v-model="queryParams.status" placeholder="设备当前状态" collapse-tags clearable>
<el-option
v-for="dict in dict.type.device_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="sortedColumn" clearable value-key="id" placeholder="请选择排序方式" @change="handleSort">
<el-option
v-for="item in sortedList"
:key="item.id"
:label="item.sortedColumn"
:value="item"
/>
</el-select>
</el-form-item>
</el-form>
<el-row>
<el-col :span="12" style="padding-bottom: 20px;">
<el-button
icon="el-icon-top-left"
class="fourWordsBtn"
@click="selectAll()">选择全部
</el-button>
<el-button
v-hasPermi="['system:manage:export']"
icon="el-icon-top-right"
class="fourWordsBtn"
@click="reverseSelect(userList)"
>反向选择
</el-button>
<el-button
v-hasPermi="['system:ward:export']"
class="fourWordsBtn"
icon="el-icon-bottom-left"
@click="handleExport"
>批量导出
</el-button>
</el-col>
<el-col :span="12" style="padding-bottom: 20px;">
<div style="width: 100%;text-align: end;">
<el-button class="queryBtn" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" class="resetBtn" @click="resetQuery">重置</el-button>
</div>
</el-col>
</el-row>
<el-table v-loading="loading" :data="userList" border @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="50" />
<el-table-column label="设备ID" align="center" prop="deviceCode" />
<el-table-column label="检查项目" align="center" prop="deviceName" />
<el-table-column label="宠物昵称" align="center" prop="deviceType">
<template slot-scope="scope">
<dict-tag :options="dict.type.device_type" :value="scope.row.deviceType" />
</template>
</el-table-column>
<el-table-column label="宠物保险" align="center" prop="checkType" :show-overflow-tooltip="true">
<template slot-scope="scope">
<dict-tag :options="dict.type.exam_type" :value="scope.row.checkTypeArr" />
</template>
</el-table-column>
<el-table-column label="宠主姓名" align="center" prop="isPrivate">
<template slot-scope="scope">
<span v-if="scope.row.isPrivate === '1'">是</span>
<span v-else-if="scope.row.isPrivate === '0'">否</span>
</template>
</el-table-column>
<el-table-column label="宠主手机号" align="center" prop="status">
<template slot-scope="scope">
<dict-tag :options="dict.type.device_status" :value="scope.row.status" />
</template>
</el-table-column>
<el-table-column label="检查日期" align="center" prop="deviceName" />
<el-table-column label="检查时间" align="center" prop="deviceName" />
<el-table-column label="缴费金额" align="center" prop="deviceName" />
<el-table-column label="设备当前状态" align="center" prop="deviceName" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="success"
icon="el-icon-document"
style="width: 50px; border-radius: 6px 6px 6px 6px;border: 1px solid rgb(123, 213, 102);"
plain
@click="detailsUse(scope.row)"
>详情</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
export default {
name: 'UseManagement',
dicts: ['exam_type', 'device_status'],
data() {
return {
// 下拉框双向绑定值
sortedColumn: '',
// 排序规则
sortedList: [
{
id: '1',
collation: 'asc',
sortedColumn: '按检查时间升序',
nameColumn: 'create_time'
},
{
id: '2',
collation: 'desc',
sortedColumn: '按检查时间降序',
nameColumn: 'create_time'
},
{
id: '3',
collation: 'asc',
sortedColumn: '按预约时间升序',
nameColumn: 'create_time'
},
{
id: '4',
collation: 'desc',
sortedColumn: '按预约时间降序',
nameColumn: 'create_time'
}
],
total: 0,
// 模糊查询
queryParams: {
pageNum: 1,
pageSize: 10
},
// 宠物保险下拉框
petInsure: [
{
value: null,
label: '全部'
},
{
value: '1',
label: '已购保险'
},
{
value: '0',
label: '未购保险'
}
],
userList: [
{ id: 1, deviceCode: '1' }
]
}
},
methods: {
// 去详情页
detailsUse(row) {
this.$router.push({
name: 'UseDetails',
params: {
id: row.id
}
})
},
// 设备状态 value 和label 的转换
showStatus(date) {
if (date === null) {
return null
} else if (date === '1') {
return '• 可使用'
} else if (date === '2') {
return '• 维护中'
} else if (date === '3') {
return '• 设备下架'
}
}
}
}
</script>
<style scoped>
::v-deep.app-container{
background-color:#ffffff;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment