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-04 10:09:54 +08:00
parent 851fdb9f4c
commit 8f62562256
2 changed files with 113 additions and 245 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

355
src/views/system/poser/index.vue
View File

@ -9,14 +9,18 @@
label-width="110px"
>
<el-form-item label="护理站名称" prop="nurseStationId">
<el-button type class="stationbtn" @click="ParamsStation(true)">
{{ queryParams.nurseStationName }}
</el-button>
<el-button
type
class="stationbtn"
@click="ParamsStation(true)"
>{{ queryParams.nurseStationName }}</el-button>
</el-form-item>
<el-form-item label="护理项目" prop="nurseItemId" label-width="100px">
<el-button type class="stationbtn" @click="ParamsStationxm(true)">
{{ queryParams.nurseItemName }}
</el-button>
<el-button
type
class="stationbtn"
@click="ParamsStationxm(true)"
>{{ queryParams.nurseItemName }}</el-button>
</el-form-item>
<el-form-item label="海报名称" prop="poserName">
<el-input
@ -27,11 +31,7 @@
/>
</el-form-item>
<el-form-item label="海报所属模块" prop="moduleType">
<el-select
v-model="queryParams.moduleType"
placeholder="请选择"
style="width: 208px"
>
<el-select v-model="queryParams.moduleType" placeholder="请选择" style="width: 208px">
<el-option
v-for="item in options"
:key="item.value"
@ -49,16 +49,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">
@ -70,8 +62,7 @@
size="mini"
@click="handleAdd"
v-hasPermi="['system:poser:add']"
>新增</el-button
>
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -82,8 +73,7 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:poser:edit']"
>修改</el-button
>
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -94,8 +84,7 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:poser:remove']"
>删除</el-button
>
>删除</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
@ -108,56 +97,37 @@
>导出</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"
:data="poserList"
@selection-change="handleSelectionChange"
>
<el-table v-loading="loading" :data="poserList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="所属护理站"
align="center"
prop="nurseStationName"
/>
<el-table-column
label="所属护理项目"
align="center"
prop="nurseItemName"
/>
<el-table-column label="所属护理站" align="center" prop="nurseStationName" />
<el-table-column label="所属护理项目" align="center" prop="nurseItemName" />
<el-table-column label="海报名称" align="center" prop="poserName" />
<el-table-column label="海报编号" align="center" prop="poserCode" />
<el-table-column label="海报所属模块" align="center" prop="moduleType">
<template slot-scope="scope">
{{
scope.row.moduleType == "NURSE_AGENCY_MODULE" ? "护理机构模块" : ""
scope.row.moduleType == "NURSE_AGENCY_MODULE" ? "护理机构模块" : ""
}}
{{
scope.row.moduleType == "NURSE_ITEM_MODULE" ? "护理项目模块" : ""
scope.row.moduleType == "NURSE_ITEM_MODULE" ? "护理项目模块" : ""
}}
{{
scope.row.moduleType == "HEALTH_CONSUTION_MODULE"
? "健康咨询模块"
: ""
scope.row.moduleType == "HEALTH_CONSUTION_MODULE"
? "健康咨询模块"
: ""
}}
{{ scope.row.moduleType == "HOME_PAGE_MODULE" ? "首页模块" : "" }}
{{
scope.row.moduleType == "NURSE_AGENCY_INTRODUCE_MODULE"
? "护理机构轮播图"
: ""
scope.row.moduleType == "NURSE_AGENCY_INTRODUCE_MODULE"
? "护理机构轮播图"
: ""
}}
</template>
</el-table-column>
<el-table-column label="海报显示顺序" align="center" prop="poserSort" />
<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"
@ -165,16 +135,14 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:poser:edit']"
>修改</el-button
>
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:poser:remove']"
>删除</el-button
>
>删除</el-button>
</template>
</el-table-column>
</el-table>
@ -193,19 +161,9 @@
:before-close="cancel"
append-to-body
>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="110px"
:inline="true"
>
<el-form ref="form" :model="form" :rules="rules" label-width="110px" :inline="true">
<el-form-item label="海报名称" prop="poserName">
<el-input
v-model="form.poserName"
placeholder="请输入海报名称"
maxlength="50"
/>
<el-input v-model="form.poserName" placeholder="请输入海报名称" maxlength="50" />
</el-form-item>
<el-form-item label="海报所属模块" prop="moduleType">
@ -254,8 +212,7 @@
color: #c0c4cc;
"
v-if="form.nurseStationName == '请选择所属护理站'"
>{{ form.nurseStationName }}</el-button
>
>{{ form.nurseStationName }}</el-button>
<el-button
type
style="
@ -269,8 +226,7 @@
@click="ParamsStation(false)"
:disabled="isEditFlag"
v-else
>{{ form.nurseStationName }}</el-button
>
>{{ form.nurseStationName }}</el-button>
</template>
</el-form-item>
<el-form-item
@ -293,8 +249,7 @@
"
@click="ParamsStationxm(false)"
v-if="form.nurseItemName == '请选择所属护理项目'"
>{{ form.nurseItemName }}</el-button
>
>{{ form.nurseItemName }}</el-button>
<el-button
:disabled="isEditFlag"
type
@ -308,16 +263,11 @@
"
@click="ParamsStationxm(false)"
v-else
>{{ form.nurseItemName }}</el-button
>
>{{ form.nurseItemName }}</el-button>
</template>
</el-form-item>
<!-- <el-form-item label="海报图片" prop="posterPictureUrl"> -->
<el-table
label-width="50px"
style="margin-top: 20px"
:data="form.posterPictureUrlLists"
>
<el-table label-width="50px" style="margin: 20px 0 30px" :data="form.posterPictureUrlLists">
<el-table-column label="图片" align="center" width="300">
<template slot-scope="scope">
<el-form-item
@ -382,25 +332,14 @@
},
]"
>
<el-input
v-model="scope.row.jumpLink"
placeholder="请输入跳转链接"
style="widt h:250px"
></el-input>
<el-input v-model="scope.row.jumpLink" placeholder="请输入跳转链接" style="widt h:250px"></el-input>
</el-form-item>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="250">
<template slot-scope="scope">
<el-button size="mini" type="text" @click="addPictureUrl"
>新增</el-button
>
<el-button
size="mini"
type="text"
@click="delPictureUrl(scope.row)"
>删除</el-button
>
<el-button size="mini" type="text" @click="addPictureUrl">新增</el-button>
<el-button size="mini" type="text" @click="delPictureUrl(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
@ -445,42 +384,19 @@
append-to-body
:before-close="clicknurseStationshow"
>
<el-form
ref="form"
:model="getListByUserquery"
label-width="110px"
:inline="true"
>
<el-form ref="form" :model="getListByUserquery" label-width="110px" :inline="true">
<el-form-item label="护理站编码" prop="nurseStationCode">
<el-input
v-model="getListByUserquery.nurseStationCode"
placeholder="请输入护理站编码"
/>
<el-input v-model="getListByUserquery.nurseStationCode" placeholder="请输入护理站编码" />
</el-form-item>
<el-form-item label="护理站名称" prop="nurseStationName">
<el-input
v-model="getListByUserquery.nurseStationName"
placeholder="请输入护理站名称"
/>
<el-input v-model="getListByUserquery.nurseStationName" placeholder="请输入护理站名称" />
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="info"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="stationcancel"
>重置</el-button
>
<el-button type="primary" icon="el-icon-search" size="mini" @click="info">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="stationcancel">重置</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="loading"
:data="nurseStationlist"
@cell-dblclick="choicestationid"
>
<el-table v-loading="loading" :data="nurseStationlist" @cell-dblclick="choicestationid">
<el-table-column label="请选择" width="70" align="center">
<template slot-scope="scope">
<el-button
@ -499,21 +415,9 @@
></el-button>
</template>
</el-table-column>
<el-table-column
property="nurseStationCode"
label="护理站编码"
align="center"
></el-table-column>
<el-table-column
property="nurseStationName"
label="护理站名称"
align="center"
></el-table-column>
<el-table-column
property="phone"
label="联系电话"
align="center"
></el-table-column>
<el-table-column property="nurseStationCode" label="护理站编码" align="center"></el-table-column>
<el-table-column property="nurseStationName" label="护理站名称" align="center"></el-table-column>
<el-table-column property="phone" label="联系电话" align="center"></el-table-column>
<el-table-column
property="address"
label="护理站地址"
@ -540,38 +444,17 @@
>
<el-form :model="nurseItemquery" label-width="150px" :inline="true">
<el-form-item label="护理项目编码" prop="nurseItemCode">
<el-input
v-model="nurseItemquery.nurseItemCode"
placeholder="请输入护理项目编码"
/>
<el-input v-model="nurseItemquery.nurseItemCode" placeholder="请输入护理项目编码" />
</el-form-item>
<el-form-item label="护理项目名称" prop="nurseItemName">
<el-input
v-model="nurseItemquery.nurseItemName"
placeholder="请输入护理项目名称"
/>
<el-input v-model="nurseItemquery.nurseItemName" placeholder="请输入护理项目名称" />
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="nurseItemlistInfo"
>搜索</el-button
>
<el-button
icon="el-icon-refresh"
size="mini"
@click="nurseItemlistcancel"
>重置</el-button
>
<el-button type="primary" icon="el-icon-search" size="mini" @click="nurseItemlistInfo">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="nurseItemlistcancel">重置</el-button>
</el-form-item>
</el-form>
<el-table
v-loading="loading"
:data="nurseItemlist"
@cell-dblclick="choicenurseItem"
>
<el-table v-loading="loading" :data="nurseItemlist" @cell-dblclick="choicenurseItem">
<el-table-column label="请选择" width="70" align="center">
<template slot-scope="scope">
<el-button
@ -590,27 +473,11 @@
></el-button>
</template>
</el-table-column>
<el-table-column
label="所属护理站"
align="center"
prop="nurseStationName"
/>
<el-table-column label="所属护理站" align="center" prop="nurseStationName" />
<!-- <el-table-column label="护理类型" align="center" prop="nurseTypeName" /> -->
<el-table-column
label="护理项目编号"
align="center"
prop="nurseItemCode"
/>
<el-table-column
label="护理项目名称"
align="center"
prop="nurseItemName"
/>
<el-table-column
label="护理项目分类名称"
align="center"
prop="nurseItemName"
/>
<el-table-column label="护理项目编号" align="center" prop="nurseItemCode" />
<el-table-column label="护理项目名称" align="center" prop="nurseItemName" />
<el-table-column label="护理项目分类名称" align="center" prop="nurseItemName" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column label="创建人" align="center" prop="createBy" />
</el-table>
@ -635,7 +502,7 @@ import {
getListByUser,
updatePoser,
updatePicture,
selectPosterImageJump,
selectPosterImageJump
} from "@/api/system/poser";
import { list } from "@/api/system/nurseItem";
import stationAcatar from "../stationAvatar/index.vue";
@ -649,7 +516,7 @@ export default {
loading: true,
getListByUserquery: {
pageNum: 1,
pageSize: 10,
pageSize: 10
},
nurseStationlist: [],
nurseStationshow: false,
@ -685,7 +552,7 @@ export default {
pageNum: 1,
pageSize: 10,
nurseItemCode: null,
nurseItemName: null,
nurseItemName: null
},
// 查询参数
queryParams: {
@ -702,7 +569,7 @@ export default {
moduleType: null,
poserSort: null,
jumpLink: null,
jumpType: null,
jumpType: null
},
// 表单参数
form: {
@ -716,55 +583,55 @@ export default {
nurseStationId: null,
nurseStationName: "请选择所属护理站",
nurseItemName: "请选择所属护理项目",
nurseItemId: null,
nurseItemId: null
},
imgsurl: { pictureUrlList: [] },
// 表单校验
rules: {
moduleType: [
{ required: true, message: "请选择海报所属模块", trigger: "blur" },
{ required: true, message: "请选择海报所属模块", trigger: "blur" }
],
poserName: [
{ required: true, message: "请输入海报名称", trigger: "blur" },
{ required: true, message: "请输入海报名称", trigger: "blur" }
],
nurseStationId: [
{ required: true, message: "请选择所属护理站", trigger: "blur" },
{ required: true, message: "请选择所属护理站", trigger: "blur" }
],
posterIntroduce: [
{ required: true, message: "请输入海报简介", trigger: "blur" },
{ required: true, message: "请输入海报简介", trigger: "blur" }
],
posterVideoUrl: [
{ required: true, message: "请选择海报视频", trigger: "blur" },
{ required: true, message: "请选择海报视频", trigger: "blur" }
],
poserSort: [
{ required: true, message: "请输入海报顺序", trigger: "blur" },
{ required: true, message: "请输入海报顺序", trigger: "blur" }
],
nurseItemId: [
{ required: true, message: "请选择所属护理项目", trigger: "blur" },
],
{ required: true, message: "请选择所属护理项目", trigger: "blur" }
]
},
options: [
{
value: "NURSE_AGENCY_MODULE",
label: "护理机构模块",
label: "护理机构模块"
},
{
value: "NURSE_ITEM_MODULE",
label: "护理项目模块",
label: "护理项目模块"
},
{
value: "HEALTH_CONSUTION_MODULE",
label: "健康咨询模块",
label: "健康咨询模块"
},
{
value: "HOME_PAGE_MODULE",
label: "首页模块",
label: "首页模块"
},
{
value: "NURSE_AGENCY_INTRODUCE_MODULE",
label: "护理机构轮播图",
},
label: "护理机构轮播图"
}
],
objitem: [],
jumpTypes: [],
@ -781,10 +648,10 @@ export default {
isShowUploadVideo: false,
//显示上传按钮
videoForm: {
showVideoPath: "", //回显的变量
showVideoPath: "" //回显的变量
},
// 存储新上传的图片数组
deletNewImgs: [],
deletNewImgs: []
};
},
created() {
@ -799,7 +666,7 @@ export default {
},
//类型字典
PosterImageJump() {
selectPosterImageJump().then((res) => {
selectPosterImageJump().then(res => {
this.jumpTypes = res.data;
});
},
@ -810,15 +677,17 @@ export default {
if (this.form.posterPictureUrlLists.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.form.posterPictureUrlLists =
this.form.posterPictureUrlLists.filter((e) => e.idd != item.idd);
this.form.posterPictureUrlLists = this.form.posterPictureUrlLists.filter(
e => e.idd != item.idd
);
}
} else if (!item.idd && item.id) {
if (this.form.posterPictureUrlLists.length == 1) {
this.$message.error("最后一条不可删除");
} else {
this.form.posterPictureUrlLists =
this.form.posterPictureUrlLists.filter((e) => e.id != item.id);
this.form.posterPictureUrlLists = this.form.posterPictureUrlLists.filter(
e => e.id != item.id
);
}
}
},
@ -830,7 +699,7 @@ export default {
jumpType: null,
idd: this.idd,
jumpLink: null,
jumpDictId: null,
jumpDictId: null
};
if (this.form.posterPictureUrlLists.length >= 5) {
this.$message.error("最多新增5条");
@ -866,13 +735,13 @@ export default {
pageNum: 1,
pageSize: 10,
nurseItemCode: null,
nurseItemName: null,
nurseItemName: null
};
this.nurseItemlistInfo();
},
//搜索
nurseItemlistInfo() {
list(this.nurseItemquery).then((res) => {
list(this.nurseItemquery).then(res => {
this.nurseItemlist = res.rows;
this.nurseItemtotal = res.total;
});
@ -907,7 +776,7 @@ export default {
},
//护理站list
info() {
getListByUser(this.getListByUserquery).then((res) => {
getListByUser(this.getListByUserquery).then(res => {
this.nurseStationlist = res.rows;
this.total4 = res.total;
});
@ -922,7 +791,7 @@ export default {
stationcancel() {
this.getListByUserquery = {
pageNum: 1,
pageSize: 10,
pageSize: 10
};
this.info();
},
@ -961,7 +830,7 @@ export default {
/** 查询泉医到家系统海报模块信息（包含咨询简介信息）列表 */
getList() {
this.loading = true;
listPoser(this.queryParams).then((response) => {
listPoser(this.queryParams).then(response => {
this.poserList = response.rows;
this.total = response.total;
this.loading = false;
@ -971,12 +840,12 @@ export default {
cancel() {
var obj = { pictureUrlList: [] };
if (this.form.posterPictureUrlLists) {
this.form.posterPictureUrlLists.forEach((e) => {
this.form.posterPictureUrlLists.forEach(e => {
obj.pictureUrlList.push(e.posterPictureUrl);
});
}
if (obj.pictureUrlList.length > 0) {
updatePicture({ pictureUrlList: this.deletNewImgs }).then((res) => {
updatePicture({ pictureUrlList: this.deletNewImgs }).then(res => {
this.open = false;
});
}
@ -996,8 +865,8 @@ export default {
jumpType: null,
idd: this.idd,
jumpLink: null,
jumpDictId: null,
},
jumpDictId: null
}
],
moduleType: null,
id: null,
@ -1008,7 +877,7 @@ export default {
nurseStationName: "请选择所属护理站",
nurseStationId: null,
nurseItemName: "请选择所属护理项目",
nurseItemId: null,
nurseItemId: null
};
this.deletNewImgs = [];
this.resetForm("form");
@ -1021,22 +890,22 @@ export default {
resetQuery() {
this.nurseItemquery = {
pageNum: 1,
pageSize: 10,
pageSize: 10
};
this.stationid = "";
this.nurseitemid = "";
this.queryParams = {
pageNum: 1,
pageSize: 10,
pageSize: 10
};
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.nurseStationId);
this.itemids = selection.map((item) => item.nurseItemId);
this.Types = selection.map((item) => item.moduleType);
this.ids = selection.map(item => item.nurseStationId);
this.itemids = selection.map(item => item.nurseItemId);
this.Types = selection.map(item => item.moduleType);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
@ -1052,7 +921,7 @@ export default {
const id = row.nurseStationId || this.ids;
const itemid = row.nurseItemId || this.itemids;
const type = row.moduleType || this.Types;
getPoser(type, id, itemid).then((response) => {
getPoser(type, id, itemid).then(response => {
this.form = response.data;
if (response.data.goodAttributeDetailsLists) {
this.goodDetailsLists = response.data.goodAttributeDetailsLists;
@ -1064,15 +933,15 @@ export default {
},
/** 提交按钮 */
submitForm() {
this.form.posterPictureUrlLists.forEach((e) => {
this.form.posterPictureUrlLists.forEach(e => {
if (!e.jumpType || e.jumpType == "") {
e.jumpDictId = null;
}
});
this.$refs["form"].validate((valid) => {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updatePoser(this.form).then((response) => {
updatePoser(this.form).then(response => {
if (response.code == 200) {
this.$modal.msgSuccess("修改成功");
this.open = false;
@ -1080,7 +949,7 @@ export default {
}
});
} else {
addPoser(this.form).then((response) => {
addPoser(this.form).then(response => {
if (response.code == 200) {
this.$modal.msgSuccess("新增成功");
this.open = false;
@ -1105,7 +974,7 @@ export default {
}
this.$modal
.confirm("是否确认删除？")
.then(function () {
.then(function() {
return delPoser(nurseStationIds, moduleTypes, nurseItemIds);
})
.then(() => {
@ -1119,12 +988,12 @@ export default {
this.download(
"system/poser/export",
{
...this.queryParams,
...this.queryParams
},
`poser_${new Date().getTime()}.xlsx`
);
},
},
}
}
};
</script>
<style lang="scss" scoped>

3
src/views/system/trainingAvatar/index.vue
View File

@ -117,6 +117,7 @@ export default {
};
},
created() {
console.log(this.tovideo);
this.uploadbtn = true;
this.filedata.type = this.type;
this.items = this.item;
@ -127,7 +128,6 @@ export default {
watch: {
tovideo: {
handler(newimg, oldimg) {
console.log(newimg, oldimg);
this.uploadbtn = true;
this.videoForm.showVideoPath = baseurl + this.tovideo;
this.video.VideoPath = baseurl + this.tovideo;
@ -157,7 +157,6 @@ export default {
}
},
loadJsonFromFile(file, fileList) {
console.log(file);
const reader = new FileReader();
this.previews.data = file.raw;
this.videoForm.showVideoPath = URL.createObjectURL(file.raw);