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

修改

Browse Source
This commit is contained in:
曹辉 2023-03-06 10:28:08 +08:00
parent 5d28818c39
commit 5b38b79616
1 changed files with 96 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

268
src/views/system/groupQrCodeInfo/index.vue
View File

@ -25,31 +25,18 @@
/> />
</el-form-item> </el-form-item>
<el-form-item label="客服类型" prop="customerServiceType"> <el-form-item label="客服类型" prop="customerServiceType">
<el-select <el-select clearable v-model="queryParams.customerServiceType" placeholder="请选择客服类型">
clearable
v-model="queryParams.customerServiceType"
placeholder="请选择客服类型"
>
<el-option <el-option
v-for="item in option" v-for="item in option"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> ></el-option>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
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-item>
</el-form> </el-form>
@ -62,8 +49,7 @@
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:groupQrCodeInfo:add']" v-hasPermi="['system:groupQrCodeInfo:add']"
>新增</el-button >新增</el-button>
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -74,8 +60,7 @@
:disabled="single" :disabled="single"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:groupQrCodeInfo:edit']" v-hasPermi="['system:groupQrCodeInfo:edit']"
>修改</el-button >修改</el-button>
>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -86,8 +71,7 @@
:disabled="multiple" :disabled="multiple"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:groupQrCodeInfo:remove']" v-hasPermi="['system:groupQrCodeInfo:remove']"
>删除</el-button >删除</el-button>
>
</el-col> </el-col>
<!-- <el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
@ -99,11 +83,8 @@
v-hasPermi="['system:groupQrCodeInfo:export']" v-hasPermi="['system:groupQrCodeInfo:export']"
>导出</el-button >导出</el-button
> >
</el-col> --> </el-col>-->
<right-toolbar <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row> </el-row>
<el-table <el-table
@ -117,28 +98,20 @@
<el-table-column label="群名称" align="center" prop="groupName" /> <el-table-column label="群名称" align="center" prop="groupName" />
<el-table-column label="群编号" align="center" prop="groupCode" /> <el-table-column label="群编号" align="center" prop="groupCode" />
<!-- <el-table-column label="群二维码存放路径" align="center" prop="groupQrCodeUrl" /> --> <!-- <el-table-column label="群二维码存放路径" align="center" prop="groupQrCodeUrl" /> -->
<el-table-column <el-table-column label="客服类型" align="center" prop="customerServiceType">
label="客服类型"
align="center"
prop="customerServiceType"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ {{
scope.row.customerServiceType == "NURSE_AGENCY_CUSTOMER" scope.row.customerServiceType == "NURSE_AGENCY_CUSTOMER"
? "护理机构客服" ? "护理机构客服"
: "" : ""
}} }}
{{ {{
scope.row.customerServiceType == "SYSTEM_CUSTOMER" ? "系统客服" : "" scope.row.customerServiceType == "SYSTEM_CUSTOMER" ? "系统客服" : ""
}} }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="展示顺序" align="center" prop="groupSort" /> <el-table-column label="展示顺序" align="center" prop="groupSort" />
<el-table-column <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
@ -146,16 +119,14 @@
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:groupQrCodeInfo:edit']" v-hasPermi="['system:groupQrCodeInfo:edit']"
>修改</el-button >修改</el-button>
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:groupQrCodeInfo:remove']" v-hasPermi="['system:groupQrCodeInfo:remove']"
>删除</el-button >删除</el-button>
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -178,7 +149,7 @@
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="群名称" prop="groupName"> <el-form-item label="群名称" prop="groupName">
<el-input <el-input
maxLength="50" maxlength="50"
style="width: 225px" style="width: 225px"
v-model="form.groupName" v-model="form.groupName"
placeholder="请输入群名称" placeholder="请输入群名称"
@ -192,18 +163,13 @@
/> />
</el-form-item> </el-form-item>
<el-form-item label="客服类型" prop="customerServiceType"> <el-form-item label="客服类型" prop="customerServiceType">
<el-select <el-select style="width: 225px" v-model="form.customerServiceType" placeholder="请选择客服类型">
style="width: 225px"
v-model="form.customerServiceType"
placeholder="请选择客服类型"
>
<el-option <el-option
v-for="item in option" v-for="item in option"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> ></el-option>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -224,8 +190,7 @@
color: #c0c4cc; color: #c0c4cc;
" "
v-if="form.nurseStationName == '请选择所属护理站'" v-if="form.nurseStationName == '请选择所属护理站'"
>{{ form.nurseStationName }}</el-button >{{ form.nurseStationName }}</el-button>
>
<el-button <el-button
type type
style=" style="
@ -238,8 +203,7 @@
" "
@click="ParamsStation(false)" @click="ParamsStation(false)"
v-else v-else
>{{ form.nurseStationName }}</el-button >{{ form.nurseStationName }}</el-button>
>
</template> </template>
</el-form-item> </el-form-item>
<el-form-item label="展示顺序" prop="groupSort"> <el-form-item label="展示顺序" prop="groupSort">
@ -248,7 +212,7 @@
v-model.number="form.groupSort" v-model.number="form.groupSort"
placeholder="请输入群二维码展示顺序" placeholder="请输入群二维码展示顺序"
oninput="value=value.replace(/[^\d]/g,'')" oninput="value=value.replace(/[^\d]/g,'')"
maxLength="5" maxlength="5"
/> />
</el-form-item> </el-form-item>
<!-- </div> --> <!-- </div> -->
@ -273,7 +237,7 @@
prop="groupQrCodeInfoDTOList[0].groupName" prop="groupQrCodeInfoDTOList[0].groupName"
> >
<el-input <el-input
maxLength="50" maxlength="50"
style="width: 225px" style="width: 225px"
v-model="item.groupName" v-model="item.groupName"
placeholder="请输入群名称" placeholder="请输入群名称"
@ -284,11 +248,7 @@
prop="groupQrCodeInfoDTOList[0].groupQrCodeUrl" prop="groupQrCodeInfoDTOList[0].groupQrCodeUrl"
:rules="rules.groupQrCodeInfoDTOList.groupQrCodeUrl" :rules="rules.groupQrCodeInfoDTOList.groupQrCodeUrl"
> >
<stationAcatar <stationAcatar @imgUrl="imgUrl" :img="item.groupQrCodeUrl" :type="'groupQrCodeUrl'" />
@imgUrl="imgUrl"
:img="item.groupQrCodeUrl"
:type="'groupQrCodeUrl'"
/>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="客服类型" label="客服类型"
@ -305,8 +265,7 @@
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> ></el-option>
</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -329,8 +288,7 @@
color: #c0c4cc; color: #c0c4cc;
" "
v-if="item.nurseStationName == '请选择所属护理站'" v-if="item.nurseStationName == '请选择所属护理站'"
>{{ item.nurseStationName }}</el-button >{{ item.nurseStationName }}</el-button>
>
<el-button <el-button
type type
style=" style="
@ -343,8 +301,7 @@
" "
@click="ParamsStation(true)" @click="ParamsStation(true)"
v-else v-else
>{{ item.nurseStationName }}</el-button >{{ item.nurseStationName }}</el-button>
>
</template> </template>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -355,7 +312,7 @@
<el-input <el-input
style="width: 225px" style="width: 225px"
oninput="value=value.replace(/[^\d]/g,'')" oninput="value=value.replace(/[^\d]/g,'')"
maxLength="5" maxlength="5"
v-model.number="item.groupSort" v-model.number="item.groupSort"
placeholder="请输入群二维码展示顺序" placeholder="请输入群二维码展示顺序"
/> />
@ -376,42 +333,19 @@
append-to-body append-to-body
:before-close="clicknurseStationshow" :before-close="clicknurseStationshow"
> >
<el-form <el-form ref="form" :model="getListByUserquery" label-width="110px" :inline="true">
ref="form"
:model="getListByUserquery"
label-width="110px"
:inline="true"
>
<el-form-item label="护理站编码" prop="nurseStationCode"> <el-form-item label="护理站编码" prop="nurseStationCode">
<el-input <el-input v-model="getListByUserquery.nurseStationCode" placeholder="请输入护理站编码" />
v-model="getListByUserquery.nurseStationCode"
placeholder="请输入护理站编码"
/>
</el-form-item> </el-form-item>
<el-form-item label="护理站名称" prop="nurseStationName"> <el-form-item label="护理站名称" prop="nurseStationName">
<el-input <el-input v-model="getListByUserquery.nurseStationName" placeholder="请输入护理站名称" />
v-model="getListByUserquery.nurseStationName"
placeholder="请输入护理站名称"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button type="primary" icon="el-icon-search" size="mini" @click="info">搜索</el-button>
type="primary" <el-button icon="el-icon-refresh" size="mini" @click="stationcancel">重置</el-button>
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-item>
</el-form> </el-form>
<el-table <el-table v-loading="loading" :data="nurseStationlist" @cell-dblclick="choicestationid">
v-loading="loading"
:data="nurseStationlist"
@cell-dblclick="choicestationid"
>
<el-table-column label="请选择" width="70" align="center"> <el-table-column label="请选择" width="70" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -430,21 +364,9 @@
></el-button> ></el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column property="nurseStationCode" label="护理站编码" align="center"></el-table-column>
property="nurseStationCode" <el-table-column property="nurseStationName" label="护理站名称" align="center"></el-table-column>
label="护理站编码" <el-table-column property="phone" label="联系电话" align="center"></el-table-column>
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 <el-table-column
property="address" property="address"
label="护理站地址" label="护理站地址"
@ -471,7 +393,7 @@ import {
getGroupQrCodeInfo, getGroupQrCodeInfo,
delGroupQrCodeInfo, delGroupQrCodeInfo,
addGroupQrCodeInfo, addGroupQrCodeInfo,
updateGroupQrCodeInfo, updateGroupQrCodeInfo
} from "@/api/system/groupQrCodeInfo"; } from "@/api/system/groupQrCodeInfo";
import stationAcatar from "../stationAvatar/index.vue"; import stationAcatar from "../stationAvatar/index.vue";
import { updatePicture } from "@/api/system/station"; import { updatePicture } from "@/api/system/station";
@ -486,18 +408,18 @@ export default {
ids: [], ids: [],
getListByUserquery: { getListByUserquery: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10
}, },
nurseStationlist: [], nurseStationlist: [],
option: [ option: [
{ {
value: "NURSE_AGENCY_CUSTOMER", value: "NURSE_AGENCY_CUSTOMER",
label: "护理机构客服", label: "护理机构客服"
}, },
{ {
value: "SYSTEM_CUSTOMER", value: "SYSTEM_CUSTOMER",
label: "系统客服", label: "系统客服"
}, }
], ],
value: "", value: "",
// 非单个禁用 // 非单个禁用
@ -524,7 +446,7 @@ export default {
groupCode: null, groupCode: null,
groupQrCodeUrl: null, groupQrCodeUrl: null,
customerServiceType: null, customerServiceType: null,
groupSort: null, groupSort: null
}, },
nurseStationshow: false, nurseStationshow: false,
stationidIndex: "", stationidIndex: "",
@ -535,7 +457,7 @@ export default {
form: { form: {
groupQrCodeInfoDTOList: [], groupQrCodeInfoDTOList: [],
nurseStationId: null, nurseStationId: null,
nurseStationName: "请选择所属护理站", nurseStationName: "请选择所属护理站"
}, },
homenumber: false, homenumber: false,
// deletNewImgs: [], // deletNewImgs: [],
@ -547,66 +469,66 @@ export default {
{ {
required: true, required: true,
message: "请输入名称", message: "请输入名称",
trigger: "blur", trigger: "blur"
}, }
], ],
groupSort: [ groupSort: [
{ {
required: true, required: true,
message: "请输入排序", message: "请输入排序",
trigger: "blur", trigger: "blur"
}, }
], ],
groupQrCodeUrl: [ groupQrCodeUrl: [
{ {
required: true, required: true,
message: "请选择上传图片", message: "请选择上传图片",
trigger: "blur", trigger: "blur"
}, }
], ],
customerServiceType: [ customerServiceType: [
{ {
required: true, required: true,
message: "请选择客服类型", message: "请选择客服类型",
trigger: "blur", trigger: "blur"
}, }
], ],
nurseStationId: [ nurseStationId: [
{ required: true, message: "请选择所属护理站", trigger: "blur" }, { required: true, message: "请选择所属护理站", trigger: "blur" }
], ]
}, },
groupName: [ groupName: [
{ {
required: true, required: true,
message: "请输入名称", message: "请输入名称",
trigger: "blur", trigger: "blur"
}, }
], ],
groupSort: [ groupSort: [
{ {
required: true, required: true,
message: "请输入排序", message: "请输入排序",
trigger: "blur", trigger: "blur"
}, }
], ],
groupQrCodeUrl: [ groupQrCodeUrl: [
{ {
required: true, required: true,
message: "请选择上传图片", message: "请选择上传图片",
trigger: "blur", trigger: "blur"
}, }
], ],
customerServiceType: [ customerServiceType: [
{ {
required: true, required: true,
message: "请选择客服类型", message: "请选择客服类型",
trigger: "blur", trigger: "blur"
}, }
], ],
nurseStationId: [ nurseStationId: [
{ required: true, message: "请选择所属护理站", trigger: "blur" }, { required: true, message: "请选择所属护理站", trigger: "blur" }
], ]
}, }
}; };
}, },
created() { created() {
@ -623,10 +545,8 @@ export default {
// this.form.groupQrCodeInfoDTOList[0].nurseStationId = item.id; // this.form.groupQrCodeInfoDTOList[0].nurseStationId = item.id;
this.form.groupQrCodeInfoDTOList[0].nurseStationName = this.form.groupQrCodeInfoDTOList[0].nurseStationName =
item.nurseStationName; item.nurseStationName;
this.form.nurseStationId = item.id; this.form.groupQrCodeInfoDTOList[0].nurseStationId = item.id;
} }
this.nurseStationshow = false; this.nurseStationshow = false;
this.stationcancel(); this.stationcancel();
}, },
@ -634,7 +554,7 @@ export default {
stationcancel() { stationcancel() {
this.getListByUserquery = { this.getListByUserquery = {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10
}; };
this.info(); this.info();
}, },
@ -644,14 +564,18 @@ export default {
}, },
//所属护理站页面 //所属护理站页面
ParamsStation(item) { ParamsStation(item) {
console.log(item,this.form.nurseStationId,'打印this.queryParams.nurseStationId') console.log(
item,
this.form.nurseStationId,
"打印this.queryParams.nurseStationId"
);
this.info(); this.info();
this.stationidIndex = this.form.nurseStationId ; this.stationidIndex = this.form.nurseStationId;
this.nurseStationshow = true; this.nurseStationshow = true;
}, },
//护理站list //护理站list
info() { info() {
getListByUser(this.getListByUserquery).then((res) => { getListByUser(this.getListByUserquery).then(res => {
this.nurseStationlist = res.rows; this.nurseStationlist = res.rows;
this.total4 = res.total; this.total4 = res.total;
}); });
@ -664,14 +588,14 @@ export default {
imgUrl(imgUrl) { imgUrl(imgUrl) {
console.log(this.form); console.log(this.form);
// this.$set(this.form,"groupQrCodeInfoDTOList",[]) // this.$set(this.form,"groupQrCodeInfoDTOList",[])
this.form.groupQrCodeInfoDTOList.forEach((e) => { this.form.groupQrCodeInfoDTOList.forEach(e => {
this.$set(e, "groupQrCodeUrl", imgUrl); this.$set(e, "groupQrCodeUrl", imgUrl);
}); });
}, },
/** 查询在线客服列表 */ /** 查询在线客服列表 */
getList() { getList() {
this.loading = true; this.loading = true;
listGroupQrCodeInfo(this.queryParams).then((response) => { listGroupQrCodeInfo(this.queryParams).then(response => {
this.groupQrCodeInfoList = response.rows; this.groupQrCodeInfoList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
@ -685,18 +609,18 @@ export default {
obj.pictureUrlList.push(this.form.groupQrCodeUrl); obj.pictureUrlList.push(this.form.groupQrCodeUrl);
} }
console.log(obj); console.log(obj);
updatePicture(obj).then((res) => { updatePicture(obj).then(res => {
this.editopen = false; this.editopen = false;
}); });
} }
if (this.open) { if (this.open) {
var obj = { pictureUrlList: [] }; var obj = { pictureUrlList: [] };
if (this.form.groupQrCodeInfoDTOList) { if (this.form.groupQrCodeInfoDTOList) {
this.form.groupQrCodeInfoDTOList.forEach((e) => { this.form.groupQrCodeInfoDTOList.forEach(e => {
obj.pictureUrlList.push(e.groupQrCodeUrl); obj.pictureUrlList.push(e.groupQrCodeUrl);
}); });
} }
updatePicture(obj).then((res) => { updatePicture(obj).then(res => {
this.open = false; this.open = false;
}); });
this.imgsurl = { pictureUrlList: [] }; this.imgsurl = { pictureUrlList: [] };
@ -715,9 +639,9 @@ export default {
groupQrCodeUrl: null, groupQrCodeUrl: null,
customerServiceType: null, customerServiceType: null,
groupSort: null, groupSort: null,
nurseStationName: "请选择所属护理站", nurseStationName: "请选择所属护理站"
}, }
], ]
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -733,7 +657,7 @@ export default {
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id); this.ids = selection.map(item => item.id);
this.single = selection.length !== 1; this.single = selection.length !== 1;
this.multiple = !selection.length; this.multiple = !selection.length;
}, },
@ -748,9 +672,9 @@ export default {
groupSort: null, groupSort: null,
customerServiceType: null, customerServiceType: null,
nurseStationName: "请选择所属护理站", nurseStationName: "请选择所属护理站",
groupQrCodeUrl: null, groupQrCodeUrl: null
}, }
], ]
}; };
this.open = true; this.open = true;
@ -761,7 +685,7 @@ export default {
// this.form.nurseStationId = response.data.nurseStationId; // this.form.nurseStationId = response.data.nurseStationId;
this.reset(); this.reset();
const id = row.id || this.ids; const id = row.id || this.ids;
getGroupQrCodeInfo(id).then((response) => { getGroupQrCodeInfo(id).then(response => {
console.log(response.data); console.log(response.data);
this.form = response.data; this.form = response.data;
@ -775,14 +699,14 @@ export default {
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
this.$refs["form"].validate((valid) => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateGroupQrCodeInfo(this.form).then((response) => { updateGroupQrCodeInfo(this.form).then(response => {
if (this.form.groupQrCodeUrl != this.imgone) { if (this.form.groupQrCodeUrl != this.imgone) {
var obj = { pictureUrlList: [] }; var obj = { pictureUrlList: [] };
obj.pictureUrlList.push(this.imgone); obj.pictureUrlList.push(this.imgone);
updatePicture(obj).then((res) => {}); updatePicture(obj).then(res => {});
} }
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
@ -790,7 +714,7 @@ export default {
this.getList(); this.getList();
}); });
} else { } else {
addGroupQrCodeInfo(this.form).then((response) => { addGroupQrCodeInfo(this.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
@ -804,7 +728,7 @@ export default {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$modal this.$modal
.confirm('是否确认删除在线客服编号为"' + ids + '"的数据项？') .confirm('是否确认删除在线客服编号为"' + ids + '"的数据项？')
.then(function () { .then(function() {
return delGroupQrCodeInfo(ids); return delGroupQrCodeInfo(ids);
}) })
.then(() => { .then(() => {
@ -818,11 +742,11 @@ export default {
this.download( this.download(
"system/groupQrCodeInfo/export", "system/groupQrCodeInfo/export",
{ {
...this.queryParams, ...this.queryParams
}, },
`groupQrCodeInfo_${new Date().getTime()}.xlsx` `groupQrCodeInfo_${new Date().getTime()}.xlsx`
); );
}, }
}, }
}; };
</script> </script>