Browse Source

fix:修改弹窗样式宽度

master
123456 3 years ago
parent
commit
f52428e155
  1. 8
      src/views/modules/plugins/point/icpointnucleicmonitoring-add-or-update.vue
  2. 132
      src/views/modules/plugins/point/icpointnucleicmonitoring.vue
  3. 9
      src/views/modules/plugins/point/icpointvaccinesinoculation-add-or-update.vue
  4. 130
      src/views/modules/plugins/point/icpointvaccinesinoculation.vue

8
src/views/modules/plugins/point/icpointnucleicmonitoring-add-or-update.vue

@ -1,5 +1,5 @@
<template> <template>
<div> <div style="height:600px;overflow:auto;padding: 20px;" class="form-class">
<el-form <el-form
:model="dataForm" :model="dataForm"
:rules="dataRule" :rules="dataRule"
@ -427,4 +427,10 @@ export default {
text-align: center; text-align: center;
margin: auto; margin: auto;
} }
.form-class .el-input{
width: 75%;
}
.form-class .el-textarea{
width: 75%!important;
}
</style> </style>

132
src/views/modules/plugins/point/icpointnucleicmonitoring.vue

@ -90,12 +90,15 @@
>导入核酸检测点数据</el-button >导入核酸检测点数据</el-button
> >
</el-upload> </el-upload>
<el-button style="float:left;margin-left:10px" <el-button
class="diy-button--reset" style="float: left; margin-left: 10px"
size="small" class="diy-button--reset"
@click="handleExport">导出</el-button> size="small"
@click="handleExport"
>导出</el-button
>
<!--<el-button class="diy-button&#45;&#45;reset" style="float:left;margin-left:10px"--> <!--<el-button class="diy-button&#45;&#45;reset" style="float:left;margin-left:10px"-->
<!--size="small" @click="exportHandle()">{{ $t('export') }}</el-button>--> <!--size="small" @click="exportHandle()">{{ $t('export') }}</el-button>-->
<el-button <el-button
style="margin-left: 15px" style="margin-left: 15px"
class="diy-button--more" class="diy-button--more"
@ -167,7 +170,7 @@
type="text" type="text"
size="small" size="small"
@click="addOrUpdateHandle(scope.row.id, '修改')" @click="addOrUpdateHandle(scope.row.id, '修改')"
>{{ scope.row.longitude === null ? '待完善' : '修改' }}</el-button >{{ scope.row.longitude === null ? "待完善" : "修改" }}</el-button
> >
<el-button <el-button
type="text" type="text"
@ -196,6 +199,9 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
:destroy-on-close="true" :destroy-on-close="true"
width="850px"
top="5vh"
custom-class="dialog-h"
> >
<add-or-update <add-or-update
ref="addOrUpdate" ref="addOrUpdate"
@ -239,7 +245,7 @@ export default {
getDataListIsPage: true, getDataListIsPage: true,
deleteURL: "/epmetuser/icPointNucleicMonitoring", deleteURL: "/epmetuser/icPointNucleicMonitoring",
deleteIsBatch: true, deleteIsBatch: true,
// exportURL: '/epmetuser/icPointNucleicMonitoring/export' // exportURL: '/epmetuser/icPointNucleicMonitoring/export'
}, },
dataForm: { dataForm: {
name: "", name: "",
@ -263,66 +269,61 @@ export default {
this.getFormInfo(); this.getFormInfo();
}, },
methods: { methods: {
async handleDelete (id) { async handleDelete(id) {
this.$confirm("确认删除?", "提示", {
this.$confirm("确认删除?", "提示", { confirmButtonText: "确定",
confirmButtonText: "确定", cancelButtonText: "取消",
cancelButtonText: "取消", type: "warning",
type: "warning" })
}) .then(() => {
.then(() => { this.deleteNat(id);
this.deleteNat(id) })
}) .catch((err) => {
.catch(err => { if (err == "cancel") {
if (err == "cancel") {
}
});
},
async deleteNat (id) {
const url = "/epmetuser/icPointNucleicMonitoring/delete"
let params = [id]
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message({
type: "success",
message: "删除成功"
});
this.getDataList()
} else {
this.$message.error(msg)
} }
}, });
// },
async handleExport () { async deleteNat(id) {
let title = '核酸检测点' const url = "/epmetuser/icPointNucleicMonitoring/delete";
let params = [id];
const url = "/epmetuser/icPointNucleicMonitoring/point-export" const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
app.ajax.exportFilePost( this.$message({
url, type: "success",
this.dataForm, message: "删除成功",
(data, rspMsg) => { });
this.getDataList();
} else {
this.$message.error(msg);
}
},
//
async handleExport() {
let title = "核酸检测点";
this.download(data, title + '.xlsx') const url = "/epmetuser/icPointNucleicMonitoring/point-export";
},
(rspMsg, data) => {
this.$message.error(rspMsg);
}
);
}, app.ajax.exportFilePost(
// url,
resetSearch () { this.dataForm,
this.dataForm = { (data, rspMsg) => {
name: '', this.download(data, title + ".xlsx");
mobile: '', },
orgId: '' (rspMsg, data) => {
} this.$message.error(rspMsg);
this.pageNo = 1 }
this.orgIds = [] );
}, },
//
resetSearch() {
this.dataForm = {
name: "",
mobile: "",
orgId: "",
};
this.pageNo = 1;
this.orgIds = [];
},
// //
handleSendNotice() { handleSendNotice() {
this.sendNoticeFormShow = true; this.sendNoticeFormShow = true;
@ -506,4 +507,7 @@ export default {
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
} }
.dialog-h >>> .el-dialog__body{
overflow: scroll;
}
</style> </style>

9
src/views/modules/plugins/point/icpointvaccinesinoculation-add-or-update.vue

@ -1,5 +1,5 @@
<template> <template>
<div> <div style="height:600px;overflow:auto;padding: 20px;" class="form-class">
<el-form <el-form
:model="dataForm" :model="dataForm"
:rules="dataRule" :rules="dataRule"
@ -532,4 +532,11 @@ export default {
text-align: center; text-align: center;
margin: auto; margin: auto;
} }
.form-class .el-input{
width: 75%;
}
.form-class .el-textarea{
width: 75%!important;
}
</style> </style>

130
src/views/modules/plugins/point/icpointvaccinesinoculation.vue

@ -82,10 +82,13 @@
>导入疫苗接种点数据</el-button >导入疫苗接种点数据</el-button
> >
</el-upload> </el-upload>
<el-button style="float:left;margin-left:10px" <el-button
class="diy-button--reset" style="float: left; margin-left: 10px"
size="small" class="diy-button--reset"
@click="handleExport">导出</el-button> size="small"
@click="handleExport"
>导出</el-button
>
<el-button <el-button
style="margin-left: 15px" style="margin-left: 15px"
class="diy-button--more" class="diy-button--more"
@ -187,7 +190,7 @@
type="text" type="text"
size="small" size="small"
@click="addOrUpdateHandle(scope.row.id, '修改')" @click="addOrUpdateHandle(scope.row.id, '修改')"
>{{ scope.row.longitude === null ? '待完善' : '修改' }}</el-button >{{ scope.row.longitude === null ? "待完善" : "修改" }}</el-button
> >
<el-button <el-button
type="text" type="text"
@ -216,6 +219,9 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
:destroy-on-close="true" :destroy-on-close="true"
width="850px"
top="5vh"
custom-class="dialog-h"
> >
<add-or-update <add-or-update
ref="addOrUpdate" ref="addOrUpdate"
@ -268,7 +274,7 @@ export default {
sendNoticeFormShow: false, sendNoticeFormShow: false,
noticeVisible: false, noticeVisible: false,
noticeOrigin: "4", noticeOrigin: "4",
dialogTitle: '', dialogTitle: "",
}; };
}, },
components: { components: {
@ -279,64 +285,59 @@ export default {
this.noticeFun(); this.noticeFun();
}, },
methods: { methods: {
async handleDelete (id) { async handleDelete(id) {
this.$confirm("确认删除?", "提示", {
this.$confirm("确认删除?", "提示", { confirmButtonText: "确定",
confirmButtonText: "确定", cancelButtonText: "取消",
cancelButtonText: "取消", type: "warning",
type: "warning" })
}) .then(() => {
.then(() => { this.deleteNat(id);
this.deleteNat(id) })
}) .catch((err) => {
.catch(err => { if (err == "cancel") {
if (err == "cancel") {
}
});
},
async deleteNat (id) {
const url = "/epmetuser/icPointVaccinesInoculation/delete"
let params = [id]
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.$message({
type: "success",
message: "删除成功"
});
this.getDataList()
} else {
this.$message.error(msg)
} }
}, });
// },
async handleExport () { async deleteNat(id) {
let title = '疫苗接种点' const url = "/epmetuser/icPointVaccinesInoculation/delete";
let params = [id];
const url = "/epmetuser/icPointVaccinesInoculation/point-export" const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
app.ajax.exportFilePost( this.$message({
url, type: "success",
this.dataForm, message: "删除成功",
(data, rspMsg) => { });
this.getDataList();
} else {
this.$message.error(msg);
}
},
//
async handleExport() {
let title = "疫苗接种点";
this.download(data, title + '.xlsx') const url = "/epmetuser/icPointVaccinesInoculation/point-export";
},
(rspMsg, data) => {
this.$message.error(rspMsg);
}
);
}, app.ajax.exportFilePost(
// url,
resetSearch () { this.dataForm,
this.dataForm = { (data, rspMsg) => {
name: '', this.download(data, title + ".xlsx");
mobile: '' },
} (rspMsg, data) => {
this.pageNo = 1 this.$message.error(rspMsg);
}, }
);
},
//
resetSearch() {
this.dataForm = {
name: "",
mobile: "",
};
this.pageNo = 1;
},
// //
handleSendNotice() { handleSendNotice() {
this.sendNoticeFormShow = true; this.sendNoticeFormShow = true;
@ -357,7 +358,7 @@ export default {
.catch(() => {}); .catch(() => {});
}, },
// / // /
addOrUpdateHandle(id,title) { addOrUpdateHandle(id, title) {
this.dialogTitle = title; this.dialogTitle = title;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.addOrUpdate.dataForm.id = id; this.$refs.addOrUpdate.dataForm.id = id;
@ -368,7 +369,7 @@ export default {
// //
closeDialog() { closeDialog() {
this.addOrUpdateVisible = false; this.addOrUpdateVisible = false;
this.dialogTitle = ''; this.dialogTitle = "";
}, },
handleExportModule() { handleExportModule() {
let title = "疫苗接种点模板"; let title = "疫苗接种点模板";
@ -490,4 +491,7 @@ export default {
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
} }
.dialog-h{
overflow: scroll;
}
</style> </style>

Loading…
Cancel
Save