|
|
@@ -15,6 +15,7 @@
|
|
|
<van-field
|
|
|
v-model="placeActivity.activityName"
|
|
|
center
|
|
|
+ clearable
|
|
|
label="活动名称:"
|
|
|
placeholder="请填写活动名称"
|
|
|
input-align="right"
|
|
|
@@ -72,6 +73,7 @@
|
|
|
<van-field
|
|
|
v-model="placeActivity.participantsNum"
|
|
|
center
|
|
|
+ clearable
|
|
|
label="参会人数:"
|
|
|
placeholder="请填写参会人数"
|
|
|
input-align="right"
|
|
|
@@ -112,6 +114,7 @@
|
|
|
<van-field
|
|
|
v-model="placeActivity.participation"
|
|
|
center
|
|
|
+ clearable
|
|
|
label="参加范围:"
|
|
|
placeholder="请填写参加范围"
|
|
|
input-align="right"
|
|
|
@@ -143,16 +146,21 @@
|
|
|
<van-field
|
|
|
v-model="placeActivity.placeDel"
|
|
|
center
|
|
|
+ clearable
|
|
|
label="详细地址:"
|
|
|
placeholder="请填写活参加地点"
|
|
|
input-align="right"
|
|
|
- right-icon="location"
|
|
|
- />
|
|
|
+ >
|
|
|
+ <template #right-icon>
|
|
|
+ <van-icon name="location" />
|
|
|
+ </template>
|
|
|
+ </van-field>
|
|
|
</van-cell-group>
|
|
|
<van-cell-group>
|
|
|
<van-field
|
|
|
v-model="placeActivity.sourceFunds"
|
|
|
center
|
|
|
+ clearable
|
|
|
label="经费来源:"
|
|
|
placeholder="请选择"
|
|
|
input-align="right"
|
|
|
@@ -181,6 +189,7 @@
|
|
|
<van-field
|
|
|
v-model="placeActivity.phone"
|
|
|
center
|
|
|
+ readonly
|
|
|
type="tel"
|
|
|
label="联系方式:"
|
|
|
placeholder="请填写联系方式"
|
|
|
@@ -197,7 +206,7 @@
|
|
|
capture="camera"
|
|
|
accept=""
|
|
|
>
|
|
|
- <van-button icon="plus">上传文件</van-button>
|
|
|
+ <van-button icon="plus" class="upload-icon">上传文件</van-button>
|
|
|
<template #preview-cover="file">
|
|
|
<div class="preview-cover van-ellipsis">{{ file.name }}</div>
|
|
|
</template>
|
|
|
@@ -230,6 +239,8 @@ import placeActivityServer from "@/api/placeActivity/placeActivityServer";
|
|
|
import tools from "@/api/sys/tools";
|
|
|
import UserManage from "@/api/user/UserManage";
|
|
|
import { useRoute } from "vue-router";
|
|
|
+// 图片路径
|
|
|
+import $base from "@/utils/config";
|
|
|
// 富文本编辑器
|
|
|
import WangEditor from "@/components/editor/WangEditor";
|
|
|
|
|
|
@@ -302,10 +313,11 @@ export default {
|
|
|
name: decodeURIComponent(
|
|
|
item.substring(item.lastIndexOf("/") + 1)
|
|
|
),
|
|
|
- url: item,
|
|
|
+ url: $base + item,
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
+ console.log("图片", fileList);
|
|
|
subjectContentEditor.value.init(placeActivity.value.subjectContent);
|
|
|
isLoading.value = false;
|
|
|
});
|
|
|
@@ -400,9 +412,16 @@ export default {
|
|
|
new tools()
|
|
|
.uploadFile(file, `reporting/reportingActivities`)
|
|
|
.then(({ data }) => {
|
|
|
- fileList.value.push(data);
|
|
|
placeActivity.value.safetyPlan = data.url;
|
|
|
+ fileList.value.push(data);
|
|
|
+ fileList.value[0].url = `${$base}` + fileList.value[0].url;
|
|
|
+ fileList.value[0].name = decodeURIComponent(
|
|
|
+ fileList.value[0].url.substring(
|
|
|
+ fileList.value[0].url.lastIndexOf("/") + 1
|
|
|
+ )
|
|
|
+ );
|
|
|
});
|
|
|
+ console.log("上传文件", placeActivity.value.safetyPlan);
|
|
|
};
|
|
|
// 提交数据
|
|
|
const submit = () => {
|
|
|
@@ -451,46 +470,10 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
-.main {
|
|
|
- background: #fff;
|
|
|
- position: relative;
|
|
|
- top: 40px;
|
|
|
-}
|
|
|
-.miniTitle,
|
|
|
-.title {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- color: #36a7f3;
|
|
|
- border-bottom: 1px solid #eee;
|
|
|
-}
|
|
|
-.title {
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 700;
|
|
|
- padding-left: 20px;
|
|
|
-}
|
|
|
-.miniTitle {
|
|
|
- font-size: 16px;
|
|
|
-}
|
|
|
-.formArea {
|
|
|
- padding: 0px 20px;
|
|
|
-}
|
|
|
-.formArea .van-cell-group .van-field__label {
|
|
|
- height: 40px;
|
|
|
-}
|
|
|
-/* .formArea .van-cell-group .van-cell {
|
|
|
- line-height: 40px;
|
|
|
-} */
|
|
|
-.van-cell__value .van-field__right-icon .van-icon-location {
|
|
|
+.van-cell__value .van-field__right-icon .van-icon-location,
|
|
|
+.upload-icon {
|
|
|
color: #36a7f3 !important;
|
|
|
}
|
|
|
-.subbtn {
|
|
|
- margin: 20px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.subbtn .van-button {
|
|
|
- width: 40%;
|
|
|
- margin: 5px;
|
|
|
-}
|
|
|
.van-uploader .van-button {
|
|
|
border: none;
|
|
|
color: #36a7f3;
|
|
|
@@ -504,10 +487,6 @@ export default {
|
|
|
text-align: center;
|
|
|
margin-top: 80px;
|
|
|
}
|
|
|
-#editor {
|
|
|
- width: 100%;
|
|
|
- height: 150px;
|
|
|
-}
|
|
|
.preview-cover {
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
