xinyilu/NurseStationOperateUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改

Browse Source
This commit is contained in:
曹辉 2023-05-25 16:43:31 +08:00
parent 9da1e4c00e
commit 870b47adae
3 changed files with 158 additions and 206 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/api/system/station.js
View File

@ -111,3 +111,11 @@ export function updatePicture(data) {
data: data
})
}
//生成二维码
export function nurseStationFriends(nurseStationId) {
return request({
url: `/system/station/nurseStationCode?nurseStationId=${nurseStationId}`,
method: 'post'
})
}

307
src/views/system/station/index.vue
View File

@ -25,16 +25,8 @@
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
@ -46,8 +38,7 @@
size="mini"
@click="handleAdd"
v-hasPermi="['system:station:add']"
>新增</el-button
>
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -58,8 +49,7 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:station:edit']"
>修改</el-button
>
>修改</el-button>
</el-col>
<el-col :span="1.5">
@ -70,14 +60,10 @@
size="mini"
@click="handledata"
v-hasPermi="['system:station:importStationInfo']"
>导入</el-button
>
>导入</el-button>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table
v-loading="loading"
@ -85,12 +71,7 @@
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="护理站编号"
align="center"
prop="nurseStationCode"
width="150"
/>
<el-table-column label="护理站编号" align="center" prop="nurseStationCode" width="150" />
<el-table-column
label="护理站名称"
align="center"
@ -99,19 +80,16 @@
/>
<el-table-column label="所属区域" align="center" prop="area">
<template slot-scope="scope">
<span>{{
<span>
{{
scope.row.areaName !== "null-null-null-null"
? scope.row.areaName
: ""
}}</span>
? scope.row.areaName
: ""
}}
</span>
</template>
</el-table-column>
<el-table-column
label="护理站地址"
align="center"
prop="address"
:show-overflow-tooltip="true"
/>
<el-table-column label="护理站地址" align="center" prop="address" :show-overflow-tooltip="true" />
<el-table-column label="护理站经度" align="center" prop="longitude" />
<el-table-column label="护理站纬度" align="center" prop="latitude" />
<el-table-column label="联系电话" align="center" prop="phone" />
@ -119,28 +97,28 @@
<el-table-column label="负责人电话" align="center" prop="dutyPhone" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column label="创建人" align="center" prop="createBy" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-loading"
@click="GenerateQRcode(scope.row)"
>生成二维码</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:station:edit']"
>修改</el-button
>
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:station:remove']"
>删除</el-button
>
>删除</el-button>
</template>
</el-table-column>
</el-table>
@ -159,28 +137,16 @@
append-to-body
:before-close="cancel"
>
<el-form
:inline="true"
ref="form"
:model="form"
:rules="rules"
label-width="120px"
>
<el-form :inline="true" ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="所属区域" prop="areaCode">
<el-select
v-model="form.provinceName"
clearable
placeholder="请选择省"
style="width: 129px"
>
<el-select v-model="form.provinceName" clearable placeholder="请选择省" style="width: 129px">
<el-option
v-for="item in provincelist"
:key="item.areaCode"
:label="item.areaName"
:value="item.areaCode"
@click.native="province(item)"
>
</el-option>
></el-option>
</el-select>
<el-select
v-model="form.cityName"
@ -194,8 +160,7 @@
:label="item.areaName"
:value="item.areaCode"
@click.native="clickcity(item)"
>
</el-option>
></el-option>
</el-select>
<el-select
v-model="form.regionName"
@ -209,8 +174,7 @@
:label="item.areaName"
:value="item.areaCode"
@click.native="clickarea(item)"
>
</el-option>
></el-option>
</el-select>
<el-select
v-model="form.streetCode"
@ -224,23 +188,14 @@
:label="item.areaName"
:value="item.areaCode"
@click.native="clickstreet(item)"
>
</el-option>
></el-option>
</el-select>
</el-form-item>
<el-form-item label="护理站名称" prop="nurseStationName">
<el-input
v-model="form.nurseStationName"
placeholder="请输入护理站名称"
maxlength="40"
/>
<el-input v-model="form.nurseStationName" placeholder="请输入护理站名称" maxlength="40" />
</el-form-item>
<el-form-item label="护理站地址" prop="address">
<el-input
v-model="form.address"
placeholder="请输入护理站地址"
maxlength="80"
/>
<el-input v-model="form.address" placeholder="请输入护理站地址" maxlength="80" />
</el-form-item>
<el-form-item label="护理站经度" prop="longitude">
<el-input
@ -259,17 +214,13 @@
/>
</el-form-item>
<el-form-item label="联系电话" prop="phone">
<el-input
v-model="form.phone"
placeholder="请输入联系电话"
maxlength="11"
/>
<el-input v-model="form.phone" placeholder="请输入联系电话" maxlength="11" />
</el-form-item>
<el-form-item label="护理机构分类" prop="classifyNameList">
<template>
<el-button
@click="clickinnerVisible()"
type=""
type
style="
width: 208px;
text-align: left;
@ -281,11 +232,10 @@
margin-top: -10px;
"
v-if="form.classifyNameList == '请选择护理站所属机构分类'"
>{{ form.classifyNameList }}</el-button
>
>{{ form.classifyNameList }}</el-button>
<el-button
@click="clickinnerVisible()"
type=""
type
style="
width: 208px;
text-align: left;
@ -296,30 +246,21 @@
margin-top: -10px;
"
v-else
>{{ form.classifyNameList }}</el-button
>
>{{ form.classifyNameList }}</el-button>
</template>
</el-form-item>
<el-form-item label="负责人" prop="dutyPerson">
<el-input
v-model="form.dutyPerson"
placeholder="请输入负责人"
maxlength="20"
/>
<el-input v-model="form.dutyPerson" placeholder="请输入负责人" maxlength="20" />
</el-form-item>
<el-form-item label="负责人电话" prop="dutyPhone">
<el-input
v-model="form.dutyPhone"
placeholder="请输入负责人联系电话"
maxlength="11"
/>
<el-input v-model="form.dutyPhone" placeholder="请输入负责人联系电话" maxlength="11" />
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input
placeholder="请输入排序"
v-model="form.sort"
oninput="value=value.replace(/[^\d]/g,'')"
maxLength="5"
maxlength="5"
/>
</el-form-item>
<el-form-item label="营业概述" prop="openingHoursDescribe">
@ -330,7 +271,7 @@
maxlength="150"
/>
</el-form-item>
<el-form-item label="上午营业时间" >
<el-form-item label="上午营业时间">
<el-time-select
style="width: 208px"
placeholder="上午营业开始时间"
@ -340,8 +281,7 @@
step: '00:30',
end: '14:00',
}"
>
</el-time-select>
></el-time-select>
<el-time-select
style="width: 208px; margin-left: 10px"
placeholder="上午营业结束时间"
@ -351,10 +291,9 @@
step: '00:30',
end: '14:30',
}"
>
</el-time-select>
></el-time-select>
</el-form-item>
<el-form-item label="下午营业时间" >
<el-form-item label="下午营业时间">
<el-time-select
style="width: 208px"
placeholder="下午营业开始时间"
@ -364,8 +303,7 @@
step: '00:30',
end: '18:00',
}"
>
</el-time-select>
></el-time-select>
<el-time-select
style="width: 208px; margin-left: 10px"
placeholder="下午营业结束时间"
@ -375,8 +313,7 @@
step: '00:30',
end: '20:00',
}"
>
</el-time-select>
></el-time-select>
</el-form-item>
<el-form-item label="护理站总概述" prop="nurseStationDescription">
<el-input
@ -395,35 +332,21 @@
v-model="form.agencyIntroduce"
></editor>
</el-form-item>
<el-form-item
label="护理站头像"
prop="stationPictureUrl"
required
style="margin-left: 10%"
>
<el-form-item label="护理站头像" prop="stationPictureUrl" required style="margin-left: 10%">
<stationAcatar
@imgUrl="imgUrl"
:img="form.stationPictureUrl"
:type="'stationPictureUrl'"
/>
</el-form-item>
<el-form-item
label="护理站简介头像"
prop="stationIntroducePcitureUrl"
style="margin-left: 10%"
>
<el-form-item label="护理站简介头像" prop="stationIntroducePcitureUrl" style="margin-left: 10%">
<stationAcatar
@imgUrl="imgUrl2"
:img="form.stationIntroducePcitureUrl"
:type="'stationIntroducePcitureUrl'"
/>
</el-form-item>
<el-form-item
label="护理站标签信息"
required
label-width="130px"
style="margin-left: 0px"
>
<el-form-item label="护理站标签信息" required label-width="130px" style="margin-left: 0px">
<el-table
ref="looknurseStationLabel"
:data="looknurseStationLabel"
@ -431,10 +354,7 @@
>
<el-table-column label="标签名称" width="190" align="center">
<template slot-scope="scope">
<el-input
v-model="scope.row.labelDescription"
maxlength="40"
></el-input>
<el-input v-model="scope.row.labelDescription" maxlength="40"></el-input>
</template>
</el-table-column>
<el-table-column label="排序" width="200" align="center">
@ -442,24 +362,18 @@
<el-input
v-model="scope.row.labelSort"
oninput="value=value.replace(/[^\d]/g,'')"
maxLength="5"
maxlength="5"
></el-input>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="120">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="addnurseStationLabelList"
>新增</el-button
>
<el-button size="mini" type="text" @click="addnurseStationLabelList">新增</el-button>
<el-button
size="mini"
type="text"
@click="delnurseStationLabelList(scope.$index, scope.row)"
>删除</el-button
>
>删除</el-button>
</template>
</el-table-column>
</el-table>
@ -480,38 +394,17 @@
>
<el-form :model="classifyquery" label-width="150px" :inline="true">
<el-form-item label="护理机构分类编码" prop="classifyCode">
<el-input
v-model="classifyquery.classifyCode"
placeholder="请输入护理机构分类编码"
/>
<el-input v-model="classifyquery.classifyCode" placeholder="请输入护理机构分类编码" />
</el-form-item>
<el-form-item label="护理机构分类名称" prop="classifyName">
<el-input
v-model="classifyquery.classifyName"
placeholder="请输入护理机构分类名称"
/>
<el-input v-model="classifyquery.classifyName" placeholder="请输入护理机构分类名称" />
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="classifylistInfo"
>搜索</el-button
>
<el-button
icon="el-icon-refresh"
size="mini"
@click="classifylistcancel"
>重置</el-button
>
<el-button type="primary" icon="el-icon-search" size="mini" @click="classifylistInfo">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="classifylistcancel">重置</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="loading"
:data="classifylist"
@cell-dblclick="setCheckedData"
>
<el-table v-loading="loading" :data="classifylist" @cell-dblclick="setCheckedData">
<el-table-column label="请选择" width="70" align="center">
<template slot-scope="scope">
<el-button
@ -527,22 +420,11 @@
circle
v-else
@click="setCheckedData(scope.row)"
>
</el-button>
></el-button>
</template>
</el-table-column>
<el-table-column
property="classifyCode"
label="护理项目分类编码"
align="center"
>
</el-table-column>
<el-table-column
property="classifyName"
label="护理项目分类名称"
align="center"
>
</el-table-column>
<el-table-column property="classifyCode" label="护理项目分类编码" align="center"></el-table-column>
<el-table-column property="classifyName" label="护理项目分类名称" align="center"></el-table-column>
</el-table>
<pagination
v-show="classifytotal > 0"
@ -562,16 +444,10 @@
height: 50px;
font-size: 15px;
"
>选择完成</el-button
>
>选择完成</el-button>
</el-dialog>
<!-- //导入 -->
<el-dialog
:title="upload.title"
:visible.sync="upload.open"
width="400px"
append-to-body
>
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
<el-upload
ref="upload"
:limit="1"
@ -585,7 +461,10 @@
drag
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__text">
将文件拖到此处，或
<em>点击上传</em>
</div>
<div class="el-upload__tip text-center" slot="tip">
<span>仅允许导入xls、xlsx格式文件。</span>
<el-link
@ -593,8 +472,7 @@
:underline="false"
style="font-size: 12px; vertical-align: baseline"
@click="importTemplate"
>下载模板</el-link
>
>下载模板</el-link>
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
@ -602,6 +480,26 @@
<el-button @click="upload.open = false">取 消</el-button>
</div>
</el-dialog>
<!-- 邀请二维码 -->
<el-dialog title="小程序二维码" :visible.sync="nurseStationFriendsshow" width="500px" append-to-body>
<div>
<el-form :inline="true" ref="form" :model="nurseStationFriendslist" label-width="130px">
<el-form-item label="护理站名称" prop="nurseStationName">
<div class="text">{{nurseStationFriendslist.nurseStationName}}</div>
</el-form-item>
<el-form-item label="护理站区域" prop="nurseStationName">
<div class="text texts">{{nurseStationFriendslist.areaName}}</div>
</el-form-item>
<el-form-item label="护理站地址" prop="nurseStationName">
<div class="text texts">{{nurseStationFriendslist.address}}</div>
</el-form-item>
</el-form>
<img style="width:400px;margin-left:25px" :src="nurseStationFriendslist.img" alt />
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="nurseStationFriendsshow=false">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
@ -609,3 +507,34 @@
import stationjs from "./stationjs";
export default stationjs;
</script>
<style>
.text {
width: 300px;
height: 40px;
line-height: 40px;
padding-left: 15px;
font-size: 14px;
border-radius: 4px;
padding: 0 15px;
color: black;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
text-align: justify;
}
.texts {
line-height: 20px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
text-align: justify;
}
</style>

49
src/views/system/station/stationjs.js
View File

@ -8,6 +8,7 @@ import {
getFirstLevelInfo,
getSecondaryLevelInfo,
updatePicture,
nurseStationFriends
} from "@/api/system/station";
import stationAcatar from "../stationAvatar/index.vue";
import { getListByUser } from "@/api/system/userlist.js";
@ -84,21 +85,25 @@ export default {
labelDescription: "",
sort: "",
idd: 1,
}, ],
},],
// 护理站信息表格数据
stationList: [{
sysAreaVOList: [{
provinceName: null,
cityName: null,
streetName: null,
}, ],
}, ],
},],
},],
nurseStationlist: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
Classifyshow: false,
nurseStationFriendslist: {
img: undefined
},
nurseStationFriendsshow: false,
afternoonOpenStartTimeStr: "",
afternoonOpenEndTimeStr: "",
//权限查询
@ -150,13 +155,13 @@ export default {
// validator: checkMobile,
trigger: "blur",
message: "请输入手机号",
}, ],
},],
dutyPhone: [{
// validator: checkMobile2,
trigger: "blur",
message: "请输入联系电话",
}, ],
},],
sort: [{ required: true, message: "排序不能为空", trigger: "blur" }],
address: [{ required: true, message: "地址不能为空", trigger: "blur" }],
longitude: [
@ -185,6 +190,16 @@ export default {
this.classifylistInfo();
},
methods: {
GenerateQRcode(row) {
this.loading = true
this.nurseStationFriendslist = row;
nurseStationFriends(row.id).then(res => {
this.nurseStationFriendslist.img =
process.env.VUE_APP_BASE_API + res.msg;
this.nurseStationFriendsshow = true;
this.loading = false
});
},
imgs(item) {
this.imgsurl.pictureUrlList.push(item);
},
@ -201,7 +216,7 @@ export default {
labelDescription: "",
sort: "",
idd: 1,
}, ];
},];
} else {
this.looknurseStationLabel.splice(index, 1);
}
@ -270,10 +285,10 @@ export default {
obj.pictureUrlList.push(this.form.stationPictureUrl);
}
if (obj.pictureUrlList.length > 0) {
updatePicture(obj).then((res) => {});
updatePicture(obj).then((res) => { });
}
if (this.imgsurl.pictureUrlList.length > 0) {
updatePicture(this.imgsurl).then((res) => {});
updatePicture(this.imgsurl).then((res) => { });
}
this.imgsurl = { pictureUrlList: [] };
this.open = false;
@ -425,7 +440,7 @@ export default {
labelDescription: "",
sort: "",
idd: 1,
}, ];
},];
this.title = "添加护理站信息";
},
/** 修改按钮操作 */
@ -488,17 +503,17 @@ export default {
}
this.imgsurl = { pictureUrlList: [] };
if (obj.pictureUrlList.length > 0) {
updatePicture(obj).then((res) => {});
updatePicture(obj).then((res) => { });
}
if (response.code == 200) {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}
}
});
} else {
addStation(this.form).then((response) => {
if (response.code==200) {
if (response.code == 200) {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
@ -515,7 +530,7 @@ export default {
const ids = row.id || this.ids;
this.$modal
.confirm("是否确认删除此护理站信息？")
.then(function() {
.then(function () {
return delStation(ids);
})
.then(() => {
@ -523,19 +538,19 @@ export default {
obj.pictureUrlList.push(row.stationIntroducePcitureUrl);
obj.pictureUrlList.push(row.stationPictureUrl);
if (obj.pictureUrlList.length > 0) {
updatePicture(obj).then((res) => {});
updatePicture(obj).then((res) => { });
}
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
.catch(() => { });
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/station/export", {
...this.getListByUserquery,
},
...this.getListByUserquery,
},
`station_${new Date().getTime()}.xlsx`
);
},