'保安项目提交'
This commit is contained in:
esacpe
@ -0,0 +1,691 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2024-01-25 16:21:46
|
||||
* @LastEditTime: 2024-01-26 10:10:33
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: \my_web_new\src\views\backOfficeSystem\patrolManagement\task\editAddForm.vue
|
||||
-->
|
||||
<template>
|
||||
<div class="dialog" v-if="dialogForm">
|
||||
<div class="head_box">
|
||||
<span class="title">{{ title }}</span>
|
||||
<div>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
:loading="loading"
|
||||
@click="submit"
|
||||
v-show="!disabledFoem"
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button size="small" @click="close">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- -->
|
||||
<el-form
|
||||
:inline="true"
|
||||
ref="elform"
|
||||
:model="listQuery"
|
||||
:rules="rules"
|
||||
:disabled="disabledFoem"
|
||||
label-position="top"
|
||||
>
|
||||
<el-form-item prop="ssbmdm" label="单位归属">
|
||||
<MOSTY.Department width="100%" clearable v-model="listQuery.ssbmdm" />
|
||||
</el-form-item>
|
||||
<el-form-item prop="xflx" label="走访类型">
|
||||
<el-cascader
|
||||
v-model="listQuery.xflx"
|
||||
@change="changeca"
|
||||
:props="xflxprops"
|
||||
:show-all-levels="false"
|
||||
:options="props.dic.D_BZ_XFLX"
|
||||
:placeholder="'请选择走访类型'"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="xfzzXm" label="巡访组长">
|
||||
<el-input
|
||||
@click="chooseUserVisible = true"
|
||||
v-model="listQuery.xfzzXm"
|
||||
placeholder="请选择组长"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="xfzzSfzh" label="巡访组长身份证号">
|
||||
<el-input
|
||||
v-model="listQuery.xfzzSfzh"
|
||||
placeholder="请选择巡访组长身份证号"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="lxdh" label="巡访时间">
|
||||
<el-date-picker
|
||||
v-model="listQuery.xfsj"
|
||||
type="datetime"
|
||||
placeholder="请选择巡访时间"
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value-format="YYYY-MM-DD HH:mm:ss"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item v-show="disabledFoem" label="寻访对象">
|
||||
<el-input v-model="xfdx"></el-input>
|
||||
</el-form-item>
|
||||
<!-- 商铺 -->
|
||||
<div
|
||||
style="width: 100%"
|
||||
class="formline"
|
||||
v-if="listQuery.xflx == '2201000'"
|
||||
>
|
||||
<el-form-item prop="fzrxm" label="商铺负责人" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.fzrxm"
|
||||
placeholder="请输入商铺负责人"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="fzrdh" label="负责人联系方式" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.fzrdh"
|
||||
placeholder="请输入负责人联系方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<!-- 群众 -->
|
||||
<div
|
||||
style="width: 100%"
|
||||
class="formline"
|
||||
v-if="listQuery.xflx == '2203000'"
|
||||
>
|
||||
<el-form-item prop="qzxm" label="姓名" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.qzxm"
|
||||
placeholder="请输入姓名"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="qzlxfs" label="联系方式" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.qzlxfs"
|
||||
placeholder="请输入联系方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="xfdz" label="地址" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.xfdz"
|
||||
placeholder="请输入地址"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<!-- 小区 -->
|
||||
<div
|
||||
style="width: 100%"
|
||||
class="formline"
|
||||
v-if="listQuery.xflx == '2202000' || abshow"
|
||||
>
|
||||
<el-form-item prop="fzrxm" label="小区物业负责人" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.fzrxm"
|
||||
placeholder="请输入小区物业负责人"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="fzrdh" label="负责人联系方式" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.fzrdh"
|
||||
placeholder="请输入负责人联系方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="abfwly" label="安保服务来源" class="iptwidth">
|
||||
<el-input
|
||||
v-model="listQuery.abfwly"
|
||||
placeholder="请输入安保服务来源"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="abfzrxm" label="安保负责人姓名" class="abfzrxm">
|
||||
<el-input
|
||||
v-model="listQuery.abfzrxm"
|
||||
placeholder="请输入安保负责人姓名"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
prop="abfzrdh"
|
||||
label="安保负责人联系方式"
|
||||
class="iptwidth"
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.abfzrdh"
|
||||
placeholder="请输入安保负责人联系方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="abrs" label="保安人数" class="iptwidth">
|
||||
<el-input-number
|
||||
v-model="listQuery.abrs"
|
||||
:min="0"
|
||||
placeholder="请输入保安人数"
|
||||
></el-input-number>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-form-item prop="xfzy" label="巡访组员" style="width: 100%">
|
||||
<div class="ipt" @click="chooseZY">
|
||||
<span
|
||||
v-show="listQuery.xfzy.length == 0"
|
||||
style="color: #e5e5e5; padding-left: 10px"
|
||||
>请选择组员</span
|
||||
>
|
||||
<el-tag
|
||||
v-for="(tag, index) in listQuery.xfzy"
|
||||
:key="tag.id"
|
||||
:closable="!disabledFoem"
|
||||
:type="tag.type"
|
||||
@close.stop="handleClose(index)"
|
||||
>
|
||||
{{ tag.xm }}
|
||||
</el-tag>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<div
|
||||
v-if="listQuery.xflx && (show || listQuery.xflx == '1200000')"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-form-item prop="xfgznr" style="width: 100%">
|
||||
<template #label
|
||||
>巡访工作内容
|
||||
<el-button type="pramary" @click="openMb('05')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.xfgznr"
|
||||
placeholder="请输入巡访工作内容"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="sq" style="width: 100%">
|
||||
<template #label
|
||||
>社情（风险隐患线索信息）
|
||||
<el-button type="pramary" @click="openMb('06')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.sq"
|
||||
placeholder="请输入社情（风险隐患线索信息）"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="my" style="width: 100%">
|
||||
<template #label
|
||||
>民意（人民群众意见建议）
|
||||
<el-button type="pramary" @click="openMb('07')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.my"
|
||||
placeholder="请输入民意（人民群众意见建议）"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="gzcs" style="width: 100%">
|
||||
<template #label
|
||||
>工作措施或落实情况
|
||||
<el-button type="pramary" @click="openMb('08')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.gzcs"
|
||||
placeholder="请输入工作措施或落实情况"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div v-else style="width: 100%">
|
||||
<el-form-item prop="xtjlnr" style="width: 100%">
|
||||
<template #label
|
||||
>座谈交流内容
|
||||
<el-button type="pramary" @click="openMb('01')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.xtjlnr"
|
||||
placeholder="请输入座谈交流内容"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="xtqdcx" style="width: 100%">
|
||||
<template #label
|
||||
>座谈情况和取得成效
|
||||
<el-button type="pramary" @click="openMb('02')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.xtqdcx"
|
||||
placeholder="请输入座谈情况和取得成效"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="xbgzjh" style="width: 100%">
|
||||
<template #label
|
||||
>下步工作计划
|
||||
<el-button type="pramary" @click="openMb('03')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.xbgzjh"
|
||||
placeholder="请输入下步工作计划"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="qt" style="width: 100%">
|
||||
<template #label
|
||||
>其它<el-button type="pramary" @click="openMb('04')"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-input
|
||||
v-model="listQuery.qt"
|
||||
placeholder="请输入其它"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<el-form-item prop="xfdw" style="width: 100%">
|
||||
<template #label
|
||||
>走访单位
|
||||
<el-button type="pramary" @click="showDialog = true"
|
||||
>选择模板</el-button
|
||||
></template
|
||||
>
|
||||
<el-table :data="listQuery.xfdw" border style="width: 100%">
|
||||
<el-table-column
|
||||
type="index"
|
||||
align="center"
|
||||
width="60px"
|
||||
label="序号"
|
||||
/>
|
||||
<el-table-column prop="ssbm" align="center" label="单位名称" />
|
||||
<el-table-column prop="dwfzrxm" align="center" label="负责人姓名" />
|
||||
<el-table-column prop="xqldzw" align="center" label="负责人职务" />
|
||||
<el-table-column
|
||||
prop="dwdz"
|
||||
align="center"
|
||||
label="地址"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="巡访照片" style="width: 100%">
|
||||
<el-upload
|
||||
action="/mosty-base/minio/image/upload/id"
|
||||
v-model:file-list="fileList"
|
||||
list-type="picture-card"
|
||||
:on-remove="handleRemove"
|
||||
:on-success="upImg"
|
||||
>
|
||||
<el-icon><Plus></Plus></el-icon>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="巡访地址" style="width: 100%">
|
||||
<div class="mapBox"><GdMap /></div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<ChooseUser
|
||||
v-if="chooseUserVisible"
|
||||
v-model="chooseUserVisible"
|
||||
titleValue="选择负责人"
|
||||
:roleIds="hasChooseFzr"
|
||||
@choosedUsers="hanlderChoose"
|
||||
></ChooseUser>
|
||||
<!-- 下发单位 -->
|
||||
<XfdwDialog
|
||||
v-if="showDialog"
|
||||
v-model="showDialog"
|
||||
@choosedList="choosedList"
|
||||
:roleIds="chooseIds"
|
||||
/>
|
||||
<!-- 走访内容 -->
|
||||
<XfnrDialog
|
||||
v-if="showNrDialog"
|
||||
:Single="true"
|
||||
v-model="showNrDialog"
|
||||
@choosedList="choosedNrList"
|
||||
:roleIds="chooseIds"
|
||||
:type="mblx"
|
||||
/>
|
||||
<!-- 选择人员 -->
|
||||
<Ryload
|
||||
v-if="peoDialog"
|
||||
v-model:modelValue="peoDialog"
|
||||
@choosedUsers="hanlderChooseRy"
|
||||
:roleIds="roleIdsPeo"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import emitter from "@/utils/eventBus.js";
|
||||
import ChooseUser from "@/components/MyComponents/ChooseUser";
|
||||
import XfdwDialog from "./xfdwDialog.vue";
|
||||
import XfnrDialog from "./xfnrDialog.vue";
|
||||
import Ryload from "@/components/MyComponents/ChooseJz/ryload.vue";
|
||||
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
|
||||
import * as MOSTY from "@/components/MyComponents/index";
|
||||
import * as rule from "@/utils/rules.js";
|
||||
import { IdCard } from "@/utils/validate.js";
|
||||
import Person from "@/assets/images/default_male.png";
|
||||
import GdMap from "@/components/GdMap/index.vue";
|
||||
import {
|
||||
ref,
|
||||
defineExpose,
|
||||
reactive,
|
||||
defineProps,
|
||||
defineEmits,
|
||||
getCurrentInstance
|
||||
} from "vue";
|
||||
const props = defineProps({
|
||||
dic: { type: Object, default: {} }
|
||||
});
|
||||
const { proxy } = getCurrentInstance();
|
||||
const emits = defineEmits(["updateDate"]);
|
||||
const peoDialog = ref(false);
|
||||
const mblx = ref("");
|
||||
const showDialog = ref(false); //弹窗
|
||||
const chooseIds = ref([]); //ids
|
||||
const showNrDialog = ref(false);
|
||||
const chooseNrIds = ref([]); //ids
|
||||
const xflxprops = ref({
|
||||
label: "zdmc",
|
||||
value: "dm",
|
||||
children: "itemList"
|
||||
});
|
||||
const chooseUserVisible = ref(false); //负责人弹窗
|
||||
const hasChooseFzr = ref([]); //已经选胡负责人
|
||||
const hasChooseMj = ref([]); //已经选胡民警
|
||||
import people from "@/assets/images/peo.png";
|
||||
const title = ref("新增巡访任务管理");
|
||||
const disabledFoem = ref(false); //表单禁用
|
||||
const dialogForm = ref(false); //弹窗
|
||||
const listQuery = ref({
|
||||
sfzh: "",
|
||||
xfdw: [],
|
||||
xfzy: []
|
||||
}); //表单
|
||||
const loading = ref(false);
|
||||
const elform = ref();
|
||||
const rules = reactive({
|
||||
ssbmdm: [{ required: true, message: "请选择单位归属", trigger: "change" }],
|
||||
xflx: [{ required: true, message: "请选择走访类型", trigger: "change" }],
|
||||
xfzzXm: [
|
||||
{ required: true, message: "请选择组长", trigger: ["change", "blur"] }
|
||||
],
|
||||
xfzy: [{ required: true, message: "请选择组员", trigger: ["change", "blur"] }]
|
||||
});
|
||||
const roleIdsPeo = ref([]);
|
||||
|
||||
const imgList = ref([]);
|
||||
const urlImg = ref("/mosty-base/minio/image/download/");
|
||||
const fileList = ref([]);
|
||||
|
||||
// 初始化数据
|
||||
const init = (type, id) => {
|
||||
dialogForm.value = true;
|
||||
disabledFoem.value = type == "detail" ? true : false;
|
||||
if (id) {
|
||||
title.value = type == "edit" ? "修改巡访任务管理" : "巡访任务管理详情";
|
||||
getDataById(id); //根据id查询详情
|
||||
} else {
|
||||
title.value = "新增巡访任务管理";
|
||||
}
|
||||
};
|
||||
// 根据id查询详情
|
||||
const xfdx = ref();
|
||||
const getDataById = (id) => {
|
||||
qcckGet({}, "/mosty-jmxf/tbJcglXf/" + id).then((res) => {
|
||||
listQuery.value = res;
|
||||
listQuery.value.xfdw = res.xfdw ? JSON.parse(res.xfdw) : [];
|
||||
console.log( listQuery.value.xfdw);
|
||||
if (listQuery.value.xfdw.length > 0) {
|
||||
xfdx.value = listQuery.value.xfdw[0].xfbmmc;
|
||||
}
|
||||
listQuery.value.xfzy = res.xfzy ? JSON.parse(res.xfzy) : [];
|
||||
roleIdsPeo.value = listQuery.value.xfzy.map((item) => {
|
||||
return item.id;
|
||||
});
|
||||
emitter.emit("deletePointArea", "zfry");
|
||||
let ids = res.xfzp.split(",");
|
||||
fileList.value = [];
|
||||
ids.forEach((element) => {
|
||||
let obj = { name: element, url: urlImg.value + element };
|
||||
fileList.value.push(obj);
|
||||
});
|
||||
if (listQuery.value.xfdw.length == 0) return false;
|
||||
let list = listQuery.value.xfdw;
|
||||
emitter.emit("setMapCenter", {
|
||||
location: [list[0].jd, list[0].wd],
|
||||
zoomLevel: 10
|
||||
});
|
||||
emitter.emit("addPointArea", {
|
||||
coords: list,
|
||||
icon: require("@/assets/point/jz.png"),
|
||||
flag: "zfry"
|
||||
});
|
||||
});
|
||||
};
|
||||
const show = ref(true);
|
||||
const abshow = ref(false);
|
||||
function changeca(val) {
|
||||
console.log(val);
|
||||
if (val.length > 2) {
|
||||
console.log();
|
||||
const str = val[2].slice(0, 2);
|
||||
if (str == 22) {
|
||||
show.value = true;
|
||||
abshow.value = false;
|
||||
} else {
|
||||
show.value = false;
|
||||
abshow.value = true;
|
||||
}
|
||||
listQuery.value.xflx = val[2];
|
||||
} else {
|
||||
abshow.value = false;
|
||||
if (val[1] == "1200000") {
|
||||
show.value = true;
|
||||
} else {
|
||||
show.value = false;
|
||||
}
|
||||
listQuery.value.xflx = val[1];
|
||||
}
|
||||
}
|
||||
//打开内容模板
|
||||
function openMb(type) {
|
||||
mblx.value = type;
|
||||
showNrDialog.value = true;
|
||||
}
|
||||
// 移除
|
||||
function handleRemove(val) {
|
||||
imgList.value = imgList.value.filter((item) => {
|
||||
return item.uuid != val.uuid;
|
||||
});
|
||||
fileList.value = fileList.value.filter((item) => {
|
||||
return item.name != val.name;
|
||||
});
|
||||
}
|
||||
// 上传
|
||||
function upImg(row, file) {
|
||||
file.data = row.data;
|
||||
imgList.value.push(file);
|
||||
}
|
||||
|
||||
// 选择人员
|
||||
const hanlderChooseRy = (val) => {
|
||||
listQuery.value.xfzy = val;
|
||||
roleIdsPeo.value = val.map((item) => {
|
||||
return item.id;
|
||||
});
|
||||
};
|
||||
// 删除
|
||||
const handleClose = (index) => {
|
||||
listQuery.value.xfzy.splice(index, 1);
|
||||
roleIdsPeo.value.splice(index, 1);
|
||||
};
|
||||
// 选择组员
|
||||
const chooseZY = () => {
|
||||
if (disabledFoem.value) return false;
|
||||
peoDialog.value = true;
|
||||
};
|
||||
|
||||
//选择用户负责人
|
||||
const hanlderChoose = (users) => {
|
||||
const user = users[0];
|
||||
hasChooseFzr.value = [user.id];
|
||||
listQuery.value.xfzzXm = user.userName;
|
||||
listQuery.value.xfzzSfzh = user.idEntityCard;
|
||||
};
|
||||
// 选择人员
|
||||
const choosedList = (val) => {
|
||||
emitter.emit("deletePointArea", "zfry");
|
||||
listQuery.value.xfdw = val;
|
||||
chooseIds.value = val.map((item) => {
|
||||
return item.id;
|
||||
});
|
||||
showDialog.value = false;
|
||||
let list = val.filter((item) => {
|
||||
return item.jd && item.wd;
|
||||
});
|
||||
if (list.length == 0) return false;
|
||||
emitter.emit("setMapCenter", {
|
||||
location: [list[0].jd, list[0].wd],
|
||||
zoomLevel: 10
|
||||
});
|
||||
emitter.emit("addPointArea", {
|
||||
coords: list,
|
||||
icon: require("@/assets/point/jz.png"),
|
||||
flag: "zfry"
|
||||
});
|
||||
};
|
||||
// 选择内容
|
||||
const choosedNrList = (val) => {
|
||||
showNrDialog.value = false;
|
||||
chooseNrIds.value = val.map((item) => {
|
||||
return item.id;
|
||||
});
|
||||
switch (mblx.value) {
|
||||
case "01":
|
||||
listQuery.value.xtjlnr = val[0].nr;
|
||||
break;
|
||||
case "02":
|
||||
listQuery.value.xtqdcx = val[0].nr;
|
||||
break;
|
||||
case "03":
|
||||
listQuery.value.xbgzjh = val[0].nr;
|
||||
break;
|
||||
case "04":
|
||||
listQuery.value.qt = val[0].nr;
|
||||
break;
|
||||
case "05":
|
||||
listQuery.value.xfgznr = val[0].nr;
|
||||
break;
|
||||
case "06":
|
||||
listQuery.value.sq = val[0].nr;
|
||||
break;
|
||||
case "07":
|
||||
listQuery.value.my = val[0].nr;
|
||||
break;
|
||||
case "08":
|
||||
listQuery.value.gzcs = val[0].nr;
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
// 提交
|
||||
const submit = () => {
|
||||
elform.value.validate((valid) => {
|
||||
if (!valid) return false;
|
||||
loading.value = true;
|
||||
let pramas = { ...listQuery.value };
|
||||
pramas.xfzy = JSON.stringify(pramas.xfzy);
|
||||
pramas.xfdw = JSON.stringify(pramas.xfdw);
|
||||
pramas.zfxl = pramas.xflx;
|
||||
let ids1 = imgList.value.map((item) => {
|
||||
return item.data;
|
||||
});
|
||||
let ids2 = fileList.value.map((item) => {
|
||||
return item.name;
|
||||
});
|
||||
let ids = [...ids1, ...ids2];
|
||||
pramas.xfzp = ids.join(",");
|
||||
if (title.value == "新增巡访任务管理") {
|
||||
qcckPost(pramas, "/mosty-jmxf/tbJcglXf")
|
||||
.then((res) => {
|
||||
proxy.$message({ type: "success", message: "新增成功" });
|
||||
close();
|
||||
emits("updateDate");
|
||||
loading.value = false;
|
||||
})
|
||||
.catch(() => {
|
||||
loading.value = false;
|
||||
});
|
||||
} else {
|
||||
qcckPut(pramas, "/mosty-jmxf/tbJcglXf")
|
||||
.then((res) => {
|
||||
proxy.$message({ type: "success", message: "新增成功" });
|
||||
close();
|
||||
emits("updateDate");
|
||||
loading.value = false;
|
||||
})
|
||||
.catch(() => {
|
||||
loading.value = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
// 关闭
|
||||
const close = () => {
|
||||
listQuery.value = { xfdw: [], xfzy: [] };
|
||||
dialogForm.value = false;
|
||||
imgList.value = [];
|
||||
fileList.value = [];
|
||||
};
|
||||
defineExpose({ init });
|
||||
</script>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
@import "~@/assets/css/layout.scss";
|
||||
@import "~@/assets/css/element-plus.scss";
|
||||
|
||||
.mapBox {
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.ipt {
|
||||
border: 1px solid rgb(7, 85, 188);
|
||||
width: 100%;
|
||||
line-height: 32px;
|
||||
min-height: 32px;
|
||||
border-radius: 4px;
|
||||
position: relative;
|
||||
background: #001238;
|
||||
}
|
||||
.iptwidth {
|
||||
width: 100%;
|
||||
}
|
||||
.formline {
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
// justify-content: space-around;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user