|
@@ -182,8 +182,7 @@
|
|
@confirm="reselected2"
|
|
@confirm="reselected2"
|
|
>
|
|
>
|
|
<manage-list-2
|
|
<manage-list-2
|
|
- @selected="selected2"
|
|
|
|
- :type="0"
|
|
|
|
|
|
+ @selected2="selected2"
|
|
:placeAddress="placeAddress"
|
|
:placeAddress="placeAddress"
|
|
></manage-list-2>
|
|
></manage-list-2>
|
|
</van-dialog>
|
|
</van-dialog>
|
|
@@ -198,29 +197,24 @@
|
|
/>
|
|
/>
|
|
</van-cell-group>
|
|
</van-cell-group>
|
|
<van-cell-group>
|
|
<van-cell-group>
|
|
- <van-field name="uploader" label-align="top" label="外景照片:">
|
|
|
|
|
|
+ <van-field name="uploader" label-align="top" label="场所内外景照片:">
|
|
<template #input>
|
|
<template #input>
|
|
<van-uploader
|
|
<van-uploader
|
|
- v-model="placeActivity.fileList1"
|
|
|
|
- :after-read="afterRead"
|
|
|
|
- />
|
|
|
|
- </template>
|
|
|
|
- </van-field>
|
|
|
|
- </van-cell-group>
|
|
|
|
- <van-cell-group>
|
|
|
|
- <van-field name="uploader" label-align="top" label="内景照片:">
|
|
|
|
- <template #input>
|
|
|
|
- <van-uploader
|
|
|
|
- v-model="placeActivity.fileList2"
|
|
|
|
- :after-read="afterRead"
|
|
|
|
- />
|
|
|
|
|
|
+ v-model="fileList"
|
|
|
|
+ :after-read="afterRead1"
|
|
|
|
+ :max-count="6"
|
|
|
|
+ capture="camera"
|
|
|
|
+ accept=""
|
|
|
|
+ :before-delete="fjdelete"
|
|
|
|
+ >
|
|
|
|
+ </van-uploader>
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|
|
</van-cell-group>
|
|
</van-cell-group>
|
|
</div>
|
|
</div>
|
|
<div class="subbtn">
|
|
<div class="subbtn">
|
|
<van-button type="primary" @click="submit">提交</van-button>
|
|
<van-button type="primary" @click="submit">提交</van-button>
|
|
- <van-button @click="goback" type="default" hairline>取消</van-button>
|
|
|
|
|
|
+ <van-button @click="onClickLeft" type="default" hairline>取消</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -230,6 +224,7 @@ import { reactive, ref } from "vue";
|
|
import ManageList from "../placeManage/ManageList.vue";
|
|
import ManageList from "../placeManage/ManageList.vue";
|
|
import ManageList2 from "../placeManage/ManageList2.vue";
|
|
import ManageList2 from "../placeManage/ManageList2.vue";
|
|
import PlaceRegister from "@/api/placeRegister/placeRegister";
|
|
import PlaceRegister from "@/api/placeRegister/placeRegister";
|
|
|
|
+import tools from "@/api/sys/tools";
|
|
export default {
|
|
export default {
|
|
components: { ManageList, ManageList2 },
|
|
components: { ManageList, ManageList2 },
|
|
setup() {
|
|
setup() {
|
|
@@ -255,10 +250,7 @@ export default {
|
|
securityDeptManaUser: "", //公安部门管理人员id
|
|
securityDeptManaUser: "", //公安部门管理人员id
|
|
securityDeptManaUserName: "", //公安部门管理人员
|
|
securityDeptManaUserName: "", //公安部门管理人员
|
|
peopleThreshold: "", //场所活动人数
|
|
peopleThreshold: "", //场所活动人数
|
|
- scenesImage: "", //内外景图片
|
|
|
|
},
|
|
},
|
|
- fileList1: [], //外景图片
|
|
|
|
- fileList2: [], //内景图片
|
|
|
|
religiousType: "", //所属宗教
|
|
religiousType: "", //所属宗教
|
|
placeSelectName: "", //场所地点
|
|
placeSelectName: "", //场所地点
|
|
siteType: "", //场所类型
|
|
siteType: "", //场所类型
|
|
@@ -314,15 +306,28 @@ export default {
|
|
};
|
|
};
|
|
|
|
|
|
//图片上传
|
|
//图片上传
|
|
- const afterRead = (file) => {
|
|
|
|
- // 此时可以自行将文件上传至服务器
|
|
|
|
- console.log(file);
|
|
|
|
- xm.chooseImage({
|
|
|
|
- count: 9,
|
|
|
|
- }).then(function (result) {
|
|
|
|
- console.log(result);
|
|
|
|
- // [ {name: 'a.png', size: 1234, path: '/root/images/, base64: '' } ]
|
|
|
|
- });
|
|
|
|
|
|
+ let fileList = ref([]);
|
|
|
|
+ let fileImg = ref([]);
|
|
|
|
+ const afterRead1 = (file) => {
|
|
|
|
+ new tools()
|
|
|
|
+ .uploadFile(file, `religioussites/siteinfo/religiousSitesInfo`)
|
|
|
|
+ .then(({ data }) => {
|
|
|
|
+ data.name = decodeURIComponent(
|
|
|
|
+ data.url.substring(data.url.lastIndexOf("/") + 1)
|
|
|
|
+ );
|
|
|
|
+ fileImg.value.push(data);
|
|
|
|
+ });
|
|
|
|
+ };
|
|
|
|
+ const fjdelete = (file) => {
|
|
|
|
+ //删除文件操作
|
|
|
|
+ for (let index = 0; index < fileList.value.length; index++) {
|
|
|
|
+ if (file.file == fileList.value[index].file) {
|
|
|
|
+ let delurl = fileImg.value[index].url;
|
|
|
|
+ new tools().uploadFiledelete("", delurl).then(({ data }) => {});
|
|
|
|
+ fileImg.value.splice(index, 1);
|
|
|
|
+ fileList.value.splice(index, 1);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
};
|
|
};
|
|
// 地区选择
|
|
// 地区选择
|
|
let placeAddress = ref("");
|
|
let placeAddress = ref("");
|
|
@@ -364,57 +369,29 @@ export default {
|
|
value: [],
|
|
value: [],
|
|
type: "",
|
|
type: "",
|
|
};
|
|
};
|
|
- const selected = (val, type) => {
|
|
|
|
|
|
+ const selected = (val) => {
|
|
list.value = val;
|
|
list.value = val;
|
|
- list.type = type;
|
|
|
|
};
|
|
};
|
|
- const selected2 = (val, type) => {
|
|
|
|
|
|
+ const selected2 = (val) => {
|
|
list2.value = val;
|
|
list2.value = val;
|
|
- list2.type = type;
|
|
|
|
};
|
|
};
|
|
const reselected = () => {
|
|
const reselected = () => {
|
|
- let ids = [];
|
|
|
|
- let names = [];
|
|
|
|
- if (list.type == 1) {
|
|
|
|
- list.value.forEach((item) => {
|
|
|
|
- ids.push(item.id);
|
|
|
|
- names.push(item.name);
|
|
|
|
- });
|
|
|
|
- placeActivity.placeData.religiousDeptManaUser = ids.join(",");
|
|
|
|
- placeActivity.placeData.religiousDeptManaUserName = names.join(",");
|
|
|
|
- } else {
|
|
|
|
- placeActivity.placeData.religiousDeptManaUser = list.value.id;
|
|
|
|
- placeActivity.placeData.religiousDeptManaUserName = list.value.name;
|
|
|
|
- }
|
|
|
|
|
|
+ placeActivity.placeData.religiousDeptManaUser = list.value.id;
|
|
|
|
+ placeActivity.placeData.religiousDeptManaUserName = list.value.name;
|
|
};
|
|
};
|
|
const reselected2 = () => {
|
|
const reselected2 = () => {
|
|
- let ids = [];
|
|
|
|
- let names = [];
|
|
|
|
- if (list.type == 1) {
|
|
|
|
- list.value.forEach((item) => {
|
|
|
|
- ids.push(item.id);
|
|
|
|
- names.push(item.name);
|
|
|
|
- });
|
|
|
|
- placeActivity.placeData.securityDeptManaUser = ids.join(",");
|
|
|
|
- placeActivity.placeData.securityDeptManaUserName = names.join(",");
|
|
|
|
- } else {
|
|
|
|
- placeActivity.placeData.securityDeptManaUser = list.value.id;
|
|
|
|
- placeActivity.placeData.securityDeptManaUserName = list.value.name;
|
|
|
|
- }
|
|
|
|
- };
|
|
|
|
- //数据校验
|
|
|
|
- const validator = (val) => {
|
|
|
|
- console.log(val);
|
|
|
|
|
|
+ placeActivity.placeData.securityDeptManaUser = list2.value.id;
|
|
|
|
+ placeActivity.placeData.securityDeptManaUserName = list2.value.name;
|
|
};
|
|
};
|
|
//数据提交
|
|
//数据提交
|
|
const submit = () => {
|
|
const submit = () => {
|
|
console.log(placeActivity.placeData);
|
|
console.log(placeActivity.placeData);
|
|
- // new PlaceRegister().sava(placeActivity.placeData).then((res) => {
|
|
|
|
- // console.log("提交成功", res);
|
|
|
|
- // // router.push({
|
|
|
|
- // // path: "/tabAll",
|
|
|
|
- // // });
|
|
|
|
- // });
|
|
|
|
|
|
+ new PlaceRegister().sava(placeActivity.placeData).then((res) => {
|
|
|
|
+ console.log("提交成功", res);
|
|
|
|
+ // router.push({
|
|
|
|
+ // path: "/tabAll",
|
|
|
|
+ // });
|
|
|
|
+ });
|
|
};
|
|
};
|
|
|
|
|
|
return {
|
|
return {
|
|
@@ -436,7 +413,10 @@ export default {
|
|
property,
|
|
property,
|
|
getproperty,
|
|
getproperty,
|
|
//图片上传
|
|
//图片上传
|
|
- afterRead,
|
|
|
|
|
|
+ fileList,
|
|
|
|
+ afterRead1,
|
|
|
|
+ //图片删除
|
|
|
|
+ fjdelete,
|
|
// 返回
|
|
// 返回
|
|
onClickLeft,
|
|
onClickLeft,
|
|
// 地区选择
|
|
// 地区选择
|