elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat:添加部分事件

master
123456 3 years ago
parent
5e105edaac
commit
5f9f601ab3
5 changed files with 234 additions and 181 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/mixins/view-module.js
  2. 5
      src/views/modules/plugins/point/icpointnucleicmonitoring-add-or-update.vue
  3. 223
      src/views/modules/plugins/point/icpointnucleicmonitoring.vue
  4. 1
      src/views/modules/plugins/point/icpointvaccinesinoculation-add-or-update.vue
  5. 178
      src/views/modules/plugins/point/icpointvaccinesinoculation.vue

8
src/mixins/view-module.js
View File

@ -102,14 +102,6 @@ export default {
this.page = 1 this.page = 1
this.query() this.query()
}, },
// 新增 / 修改
addOrUpdateHandle (id) {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.dataForm.id = id
this.$refs.addOrUpdate.init()
})
},
// 删除 // 删除
deleteHandle (id) { deleteHandle (id) {
if (this.mixinViewModuleOptions.deleteIsBatch && !id && this.dataListSelections.length <= 0) { if (this.mixinViewModuleOptions.deleteIsBatch && !id && this.dataListSelections.length <= 0) {

5
src/views/modules/plugins/point/icpointnucleicmonitoring-add-or-update.vue
View File

@ -96,7 +96,7 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="submit"> <div class="submit">
<el-button @click="visible = false">{{ $t("cancel") }}</el-button> <el-button @click="closeSubmit">{{ $t("cancel") }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ <el-button type="primary" @click="dataFormSubmitHandle()">{{
$t("confirm") $t("confirm")
}}</el-button> }}</el-button>
@ -207,6 +207,9 @@ export default {
this.initMap(); this.initMap();
}, },
methods: { methods: {
closeSubmit(){
this.$emit('closeDialog')
},
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap() { initMap() {
// 定义地图中心点坐标 // 定义地图中心点坐标

223
src/views/modules/plugins/point/icpointnucleicmonitoring.vue
View File

@ -6,48 +6,61 @@
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataList()" @keyup.enter.native="getDataList()"
> >
<!--<el-form-item label="所属组织名称" prop="orgName">--> <!--<el-form-item label="所属组织名称" prop="orgName">-->
<!--<el-select v-model="dataForm.orgName" placeholder="所属组织名称">--> <!--<el-select v-model="dataForm.orgName" placeholder="所属组织名称">-->
<!--<el-option--> <!--<el-option-->
<!--ref="org"--> <!--ref="org"-->
<!--v-for="item in organizationList"--> <!--v-for="item in organizationList"-->
<!--:key="item.orgId"--> <!--:key="item.orgId"-->
<!--:label="item.orgName"--> <!--:label="item.orgName"-->
<!--:value="item.orgId"--> <!--:value="item.orgId"-->
<!--&gt;--> <!--&gt;-->
<!--</el-option>--> <!--</el-option>-->
<!--</el-select>--> <!--</el-select>-->
<!--</el-form-item>--> <!--</el-form-item>-->
<el-form-item label="所属组织名称" prop="orgName" label-width="130px"> <el-form-item label="所属组织名称" prop="orgName" label-width="130px">
<el-cascader <el-cascader
ref="org" ref="org"
v-model="orgIds" v-model="orgIds"
:options="organizationList" :options="organizationList"
:props="{ checkStrictly: false, multiple: false, emitPath: true }" :props="{ checkStrictly: false, multiple: false, emitPath: true }"
style="width:200px" style="width: 200px"
clearable clearable
@change="orgChangeHandle" @change="orgChangeHandle"
> >
</el-cascader> </el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="核酸检测点名称" prop="name"> <el-form-item label="核酸检测点名称" prop="name">
<el-input v-model="dataForm.name" placeholder="核酸检测点名称" clearable></el-input> <el-input
v-model="dataForm.name"
placeholder="核酸检测点名称"
clearable
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="咨询电话" prop="mobile"> <el-form-item label="咨询电话" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="咨询电话" clearable></el-input> <el-input
v-model="dataForm.mobile"
placeholder="咨询电话"
clearable
></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--search" @click="getDataList()">{{ $t("query") }}</el-button> <el-button class="diy-button--search" @click="getDataList()">{{
$t("query")
}}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--add" type="primary" @click="addOrUpdateHandle()">{{ <el-button
$t("add") class="diy-button--add"
}}</el-button> type="primary"
@click="addOrUpdateHandle()"
>{{ $t("add") }}</el-button
>
</el-form-item> </el-form-item>
<!--<el-form-item>--> <!--<el-form-item>-->
<!--<el-button type="danger" @click="deleteHandle()">{{--> <!--<el-button type="danger" @click="deleteHandle()">{{-->
<!--$t("deleteBatch")--> <!--$t("deleteBatch")-->
<!--}}</el-button>--> <!--}}</el-button>-->
<!--</el-form-item>--> <!--</el-form-item>-->
</el-form> </el-form>
</div> </div>
@ -168,7 +181,7 @@
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<el-dialog <el-dialog
:visible.sync="addOrUpdateVisible" :visible.sync="addOrUpdateVisible"
:title="!dataForm.id ? $t('add') : $t('update')" :title="!updateId ? $t('add') : $t('update')"
: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"
@ -177,6 +190,7 @@
v-if="addOrUpdateVisible" v-if="addOrUpdateVisible"
ref="addOrUpdate" ref="addOrUpdate"
@refreshDataList="getDataList" @refreshDataList="getDataList"
@closeDialog="closeDialog"
></add-or-update> ></add-or-update>
</el-dialog> </el-dialog>
</div> </div>
@ -199,50 +213,64 @@ export default {
dataForm: { dataForm: {
name: "", name: "",
mobile: "", mobile: "",
orgId: "" orgId: "",
}, },
organizationList: [], organizationList: [],
orgIds:[] orgIds: [],
updateId: null,
}; };
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,
}, },
created(){ created() {
this.getFormInfo() this.getFormInfo();
}, },
methods: { methods: {
// 获取所属组织列表 // 新增 / 修改
getFormInfo() { addOrUpdateHandle(id) {
this.$http this.updateId = id;
.post(`/gov/org/agency/getOrgTreeListByCustomerId`) this.$nextTick(() => {
.then(({ data: res }) => { this.$refs.addOrUpdate.dataForm.id = id;
if (res.code !== 0) { this.$refs.addOrUpdate.init();
return this.$message.error(res.msg); });
} this.addOrUpdateVisible = true;
this.organizationList = res.data; },
this.deleteChildren(this.organizationList) // 关闭弹窗
}) closeDialog() {
.catch(() => {}); this.addOrUpdateVisible = false;
}, this.uploadId = null;
deleteChildren(arr) { },
let childs = arr // 获取所属组织列表
for (let i = childs.length; i--; i > 0) { getFormInfo() {
if (childs[i].children) { this.$http
if (childs[i].children.length) { .post(`/gov/org/agency/getOrgTreeListByCustomerId`)
this.deleteChildren(childs[i].children) .then(({ data: res }) => {
} else { if (res.code !== 0) {
delete childs[i].children return this.$message.error(res.msg);
} }
} this.organizationList = res.data;
} this.deleteChildren(this.organizationList);
return arr })
}, .catch(() => {});
orgChangeHandle () { },
this.dataForm.orgId = this.orgIds[this.orgIds.length-1] deleteChildren(arr) {
console.log(this.dataForm) let childs = arr;
for (let i = childs.length; i--; i > 0) {
}, if (childs[i].children) {
if (childs[i].children.length) {
this.deleteChildren(childs[i].children);
} else {
delete childs[i].children;
}
}
}
return arr;
},
orgChangeHandle() {
this.dataForm.orgId = this.orgIds[this.orgIds.length - 1];
console.log(this.dataForm);
},
handleExportModule() { handleExportModule() {
let title = "核酸检测点模板"; let title = "核酸检测点模板";
let url = "/epmetuser/icPointNucleicMonitoring/exporttemplate"; let url = "/epmetuser/icPointNucleicMonitoring/exporttemplate";
@ -260,31 +288,30 @@ export default {
} }
); );
}, },
// 下载文件 // 下载文件
download (data, fileName) { download(data, fileName) {
if (!data) { if (!data) {
return return;
} }
var csvData = new Blob([data])
if (window.navigator && window.navigator.msSaveOrOpenBlob) { var csvData = new Blob([data]);
window.navigator.msSaveOrOpenBlob(csvData, fileName);
}
// for Non-IE (chrome, firefox etc.)
else {
var a = document.createElement('a');
document.body.appendChild(a);
a.style = 'display: none';
var url = window.URL.createObjectURL(csvData);
a.href = url;
a.download = fileName;
a.click();
a.remove();
window.URL.revokeObjectURL(url);
}
}, if (window.navigator && window.navigator.msSaveOrOpenBlob) {
window.navigator.msSaveOrOpenBlob(csvData, fileName);
}
// for Non-IE (chrome, firefox etc.)
else {
var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
var url = window.URL.createObjectURL(csvData);
a.href = url;
a.download = fileName;
a.click();
a.remove();
window.URL.revokeObjectURL(url);
}
},
// 上传文件之前的钩子 // 上传文件之前的钩子
beforeUpload(file) { beforeUpload(file) {
this.files = file; this.files = file;
@ -317,7 +344,7 @@ export default {
}); });
//清空上传列表 //清空上传列表
this.$refs['upload'].clearFiles(); this.$refs["upload"].clearFiles();
let url = ""; let url = "";
let fileFormData = new FormData(); let fileFormData = new FormData();
@ -325,7 +352,10 @@ export default {
url = "/epmetuser/icPointNucleicMonitoring/pointImport"; url = "/epmetuser/icPointNucleicMonitoring/pointImport";
window.app.ajax.post2(url,fileFormData,(data, rspMsg) => { window.app.ajax.post2(
url,
fileFormData,
(data, rspMsg) => {
if (data.code === 0 && data.msg == "success") { if (data.code === 0 && data.msg == "success") {
// this.$message.success('导入成功') // this.$message.success('导入成功')
} else { } else {
@ -338,7 +368,6 @@ export default {
// this.$message.error(rspMsg) // this.$message.error(rspMsg)
} }
this.loadTable(); this.loadTable();
}, },
(rspMsg, data) => {}, (rspMsg, data) => {},
{ headers: { "Content-Type": "multipart/form-data" } } { headers: { "Content-Type": "multipart/form-data" } }

1
src/views/modules/plugins/point/icpointvaccinesinoculation-add-or-update.vue
View File

@ -253,7 +253,6 @@ export default {
}, },
}, },
mounted() { mounted() {
console.log(document.getElementById("map_app"));
this.getFormInfo(); this.getFormInfo();
this.initMap(); this.initMap();
}, },

178
src/views/modules/plugins/point/icpointvaccinesinoculation.vue
View File

@ -7,23 +7,36 @@
@keyup.enter.native="getDataList()" @keyup.enter.native="getDataList()"
> >
<el-form-item label="疫苗接种点名称" prop="name"> <el-form-item label="疫苗接种点名称" prop="name">
<el-input v-model="dataForm.name" placeholder="核酸检测点名称" clearable></el-input> <el-input
v-model="dataForm.name"
placeholder="核酸检测点名称"
clearable
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="咨询电话" prop="mobile"> <el-form-item label="咨询电话" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="咨询电话" clearable></el-input> <el-input
v-model="dataForm.mobile"
placeholder="咨询电话"
clearable
></el-input>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--search" @click="getDataList()">{{ $t("query") }}</el-button> <el-button class="diy-button--search" @click="getDataList()">{{
$t("query")
}}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--add" type="primary" @click="addOrUpdateHandle()">{{ <el-button
$t("add") class="diy-button--add"
}}</el-button> type="primary"
@click="addOrUpdateHandle()"
>{{ $t("add") }}</el-button
>
</el-form-item> </el-form-item>
<!--<el-form-item>--> <!--<el-form-item>-->
<!--<el-button type="danger" @click="deleteHandle()">{{--> <!--<el-button type="danger" @click="deleteHandle()">{{-->
<!--$t("deleteBatch")--> <!--$t("deleteBatch")-->
<!--}}</el-button>--> <!--}}</el-button>-->
<!--</el-form-item>--> <!--</el-form-item>-->
</el-form> </el-form>
</div> </div>
@ -77,10 +90,10 @@
width="50" width="50"
></el-table-column> ></el-table-column>
<!--<el-table-column--> <!--<el-table-column-->
<!--prop="orgName"--> <!--prop="orgName"-->
<!--label="所属组织名称"--> <!--label="所属组织名称"-->
<!--header-align="center"--> <!--header-align="center"-->
<!--align="center"--> <!--align="center"-->
<!--&gt;</el-table-column>--> <!--&gt;</el-table-column>-->
<el-table-column <el-table-column
prop="name" prop="name"
@ -173,7 +186,7 @@
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<el-dialog <el-dialog
:visible.sync="addOrUpdateVisible" :visible.sync="addOrUpdateVisible"
:title="!dataForm.id ? $t('add') : $t('update')" :title="!updateId ? $t('add') : $t('update')"
: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"
@ -181,6 +194,7 @@
<add-or-update <add-or-update
ref="addOrUpdate" ref="addOrUpdate"
@refreshDataList="getDataList" @refreshDataList="getDataList"
@closeDialog="closeDialog"
></add-or-update> ></add-or-update>
</el-dialog> </el-dialog>
</div> </div>
@ -201,15 +215,30 @@ export default {
deleteIsBatch: true, deleteIsBatch: true,
}, },
dataForm: { dataForm: {
name: "", name: "",
mobile: "" mobile: "",
}, },
updateId: null,
}; };
}, },
components: { components: {
AddOrUpdate, AddOrUpdate,
}, },
methods: { methods: {
// 新增 / 修改
addOrUpdateHandle(id) {
this.updateId = id;
this.$nextTick(() => {
this.$refs.addOrUpdate.dataForm.id = id;
this.$refs.addOrUpdate.init();
});
this.addOrUpdateVisible = true;
},
// 关闭弹窗
closeDialog() {
this.addOrUpdateVisible = false;
this.uploadId = null;
},
handleExportModule() { handleExportModule() {
let title = "疫苗接种点模板"; let title = "疫苗接种点模板";
let url = "/epmetuser/icPointVaccinesInoculation/exporttemplate"; let url = "/epmetuser/icPointVaccinesInoculation/exporttemplate";
@ -227,31 +256,30 @@ export default {
} }
); );
}, },
// 下载文件 // 下载文件
download (data, fileName) { download(data, fileName) {
if (!data) { if (!data) {
return return;
} }
var csvData = new Blob([data])
if (window.navigator && window.navigator.msSaveOrOpenBlob) { var csvData = new Blob([data]);
window.navigator.msSaveOrOpenBlob(csvData, fileName);
}
// for Non-IE (chrome, firefox etc.)
else {
var a = document.createElement('a');
document.body.appendChild(a);
a.style = 'display: none';
var url = window.URL.createObjectURL(csvData);
a.href = url;
a.download = fileName;
a.click();
a.remove();
window.URL.revokeObjectURL(url);
}
}, if (window.navigator && window.navigator.msSaveOrOpenBlob) {
window.navigator.msSaveOrOpenBlob(csvData, fileName);
}
// for Non-IE (chrome, firefox etc.)
else {
var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
var url = window.URL.createObjectURL(csvData);
a.href = url;
a.download = fileName;
a.click();
a.remove();
window.URL.revokeObjectURL(url);
}
},
// 上传文件之前的钩子 // 上传文件之前的钩子
beforeUpload(file) { beforeUpload(file) {
this.files = file; this.files = file;
@ -271,46 +299,48 @@ export default {
return true; return true;
} }
}, },
async uploadFile() { async uploadFile() {
if (this.fileName == "") { if (this.fileName == "") {
this.$message.warning("请选择要上传的文件！"); this.$message.warning("请选择要上传的文件！");
return false; return false;
} }
this.$message({
showClose: true,
message: "导入中，请到系统管理-导入记录中查看进度",
duration: 0,
});
//清空上传列表 this.$message({
this.$refs['upload'].clearFiles(); showClose: true,
let url = ""; message: "导入中，请到系统管理-导入记录中查看进度",
duration: 0,
});
let fileFormData = new FormData(); //清空上传列表
fileFormData.append("file", this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名 this.$refs["upload"].clearFiles();
let url = "";
url = "/epmetuser/icPointVaccinesInoculation/pointImport"; let fileFormData = new FormData();
fileFormData.append("file", this.files); //filename是键，file是值，就是要传的文件，test.zip是要传的文件名
window.app.ajax.post2(url,fileFormData,(data, rspMsg) => { url = "/epmetuser/icPointVaccinesInoculation/pointImport";
if (data.code === 0 && data.msg == "success") {
// this.$message.success('导入成功')
} else {
// this.$message({
// showClose: true,
// message: rspMsg,
// duration: 0,
// type: "error"
// })
// this.$message.error(rspMsg)
}
this.loadTable();
}, window.app.ajax.post2(
(rspMsg, data) => {}, url,
{ headers: { "Content-Type": "multipart/form-data" } } fileFormData,
); (data, rspMsg) => {
} if (data.code === 0 && data.msg == "success") {
// this.$message.success('导入成功')
} else {
// this.$message({
// showClose: true,
// message: rspMsg,
// duration: 0,
// type: "error"
// })
// this.$message.error(rspMsg)
}
this.loadTable();
},
(rspMsg, data) => {},
{ headers: { "Content-Type": "multipart/form-data" } }
);
},
}, },
}; };
</script> </script>

Write Preview
Loading…
Cancel
Save