|
@@ -1,12 +1,13 @@
|
|
<template>
|
|
<template>
|
|
<van-nav-bar
|
|
<van-nav-bar
|
|
|
|
+ fixed
|
|
title="信息上报中心"
|
|
title="信息上报中心"
|
|
left-text=""
|
|
left-text=""
|
|
left-arrow
|
|
left-arrow
|
|
@click-left="onClickLeft"
|
|
@click-left="onClickLeft"
|
|
/>
|
|
/>
|
|
- <van-loading size="16px" v-if="isLoading">加载中...</van-loading>
|
|
|
|
- <div class="main" v-if="!isLoading">
|
|
|
|
|
|
+ <van-loading size="16px" v-show="isLoading">加载中...</van-loading>
|
|
|
|
+ <div class="main" v-show="!isLoading">
|
|
<p class="title">场所活动上报</p>
|
|
<p class="title">场所活动上报</p>
|
|
<div class="formArea">
|
|
<div class="formArea">
|
|
<p class="miniTitle">基础信息</p>
|
|
<p class="miniTitle">基础信息</p>
|
|
@@ -189,23 +190,27 @@
|
|
<van-cell-group>
|
|
<van-cell-group>
|
|
<van-field name="uploader" label="安全预案:">
|
|
<van-field name="uploader" label="安全预案:">
|
|
<template #input>
|
|
<template #input>
|
|
- <van-uploader>
|
|
|
|
|
|
+ <van-uploader
|
|
|
|
+ :after-read="afterRead"
|
|
|
|
+ v-model="fileList"
|
|
|
|
+ multiple
|
|
|
|
+ :max-count="1"
|
|
|
|
+ accept=""
|
|
|
|
+ >
|
|
<van-button icon="plus">上传文件</van-button>
|
|
<van-button icon="plus">上传文件</van-button>
|
|
</van-uploader>
|
|
</van-uploader>
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|
|
</van-cell-group>
|
|
</van-cell-group>
|
|
<van-cell-group>
|
|
<van-cell-group>
|
|
- <div class="rowTextArea">
|
|
|
|
- <van-field
|
|
|
|
- v-model="placeActivity.subjectContent"
|
|
|
|
- center
|
|
|
|
- rows="2"
|
|
|
|
- type="textarea"
|
|
|
|
- label="主题内容:"
|
|
|
|
- label-align="top"
|
|
|
|
- />
|
|
|
|
- </div>
|
|
|
|
|
|
+ <van-field name="content" label="主题内容:" label-align="top">
|
|
|
|
+ <template #input>
|
|
|
|
+ <wang-editor
|
|
|
|
+ ref="subjectContentEditor"
|
|
|
|
+ v-model="placeActivity.subjectContent"
|
|
|
|
+ />
|
|
|
|
+ </template>
|
|
|
|
+ </van-field>
|
|
</van-cell-group>
|
|
</van-cell-group>
|
|
</div>
|
|
</div>
|
|
<div class="subbtn">
|
|
<div class="subbtn">
|
|
@@ -222,8 +227,10 @@ import placeActivityServer from "@/api/placeActivity/placeActivityServer";
|
|
import tools from "@/api/sys/tools";
|
|
import tools from "@/api/sys/tools";
|
|
import UserManage from "@/api/user/UserManage";
|
|
import UserManage from "@/api/user/UserManage";
|
|
import { useRoute } from "vue-router";
|
|
import { useRoute } from "vue-router";
|
|
|
|
+// 富文本编辑器
|
|
|
|
+import WangEditor from "@/components/editor/WangEditor";
|
|
export default {
|
|
export default {
|
|
- components: { personList },
|
|
|
|
|
|
+ components: { personList, WangEditor },
|
|
setup() {
|
|
setup() {
|
|
// 加载
|
|
// 加载
|
|
let isLoading = ref(true);
|
|
let isLoading = ref(true);
|
|
@@ -263,6 +270,7 @@ export default {
|
|
state: "0",
|
|
state: "0",
|
|
assessment: "0",
|
|
assessment: "0",
|
|
});
|
|
});
|
|
|
|
+ const subjectContentEditor = ref(null);
|
|
// 根据路由初始化
|
|
// 根据路由初始化
|
|
let route = useRoute();
|
|
let route = useRoute();
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
@@ -276,9 +284,11 @@ export default {
|
|
placeActivity.value.knownList.name += data.name + ",";
|
|
placeActivity.value.knownList.name += data.name + ",";
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
+ subjectContentEditor.value.init(placeActivity.value.subjectContent);
|
|
isLoading.value = false;
|
|
isLoading.value = false;
|
|
});
|
|
});
|
|
} else {
|
|
} else {
|
|
|
|
+ subjectContentEditor.value.init("");
|
|
isLoading.value = false;
|
|
isLoading.value = false;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
@@ -359,6 +369,18 @@ export default {
|
|
.map((option) => option.name)
|
|
.map((option) => option.name)
|
|
.join("/");
|
|
.join("/");
|
|
};
|
|
};
|
|
|
|
+ // 文件上传
|
|
|
|
+ let fileList = ref([]);
|
|
|
|
+ const afterRead = (file) => {
|
|
|
|
+ // 此时可以自行将文件上传至服务器
|
|
|
|
+ console.log(file);
|
|
|
|
+ new tools()
|
|
|
|
+ .uploadFile(file, `reporting/reportingActivities`)
|
|
|
|
+ .then(({ data }) => {
|
|
|
|
+ fileList.value.push(data);
|
|
|
|
+ placeActivity.value.safetyPlan = data.url;
|
|
|
|
+ });
|
|
|
|
+ };
|
|
// 提交数据
|
|
// 提交数据
|
|
const submit = () => {
|
|
const submit = () => {
|
|
new placeActivityServer().save(placeActivity.value).then((res) => {
|
|
new placeActivityServer().save(placeActivity.value).then((res) => {
|
|
@@ -392,21 +414,24 @@ export default {
|
|
options,
|
|
options,
|
|
onFinish,
|
|
onFinish,
|
|
cascaderValue,
|
|
cascaderValue,
|
|
|
|
+ // 文件上传
|
|
|
|
+ afterRead,
|
|
|
|
+ fileList,
|
|
submit,
|
|
submit,
|
|
|
|
+ subjectContentEditor,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
-* {
|
|
|
|
- margin: 0;
|
|
|
|
- padding: 0;
|
|
|
|
-}
|
|
|
|
.main {
|
|
.main {
|
|
background: #fff;
|
|
background: #fff;
|
|
|
|
+ position: relative;
|
|
|
|
+ top: 40px;
|
|
}
|
|
}
|
|
-.main p {
|
|
|
|
|
|
+.miniTitle,
|
|
|
|
+.title {
|
|
height: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
line-height: 40px;
|
|
color: #36a7f3;
|
|
color: #36a7f3;
|
|
@@ -426,20 +451,12 @@ export default {
|
|
.formArea .van-cell-group .van-field__label {
|
|
.formArea .van-cell-group .van-field__label {
|
|
height: 40px;
|
|
height: 40px;
|
|
}
|
|
}
|
|
-.formArea .van-cell-group .van-cell {
|
|
|
|
|
|
+/* .formArea .van-cell-group .van-cell {
|
|
line-height: 40px;
|
|
line-height: 40px;
|
|
-}
|
|
|
|
|
|
+} */
|
|
.van-cell__value .van-field__right-icon .van-icon-location {
|
|
.van-cell__value .van-field__right-icon .van-icon-location {
|
|
color: #36a7f3 !important;
|
|
color: #36a7f3 !important;
|
|
}
|
|
}
|
|
-.rowTextArea::v-deep .van-field__value {
|
|
|
|
- width: 98%;
|
|
|
|
- border: 2px solid #ccc;
|
|
|
|
- border-radius: 10px;
|
|
|
|
-}
|
|
|
|
-.rowTextArea::v-deep .van-cell {
|
|
|
|
- display: flow-root;
|
|
|
|
-}
|
|
|
|
.subbtn {
|
|
.subbtn {
|
|
margin: 20px;
|
|
margin: 20px;
|
|
text-align: center;
|
|
text-align: center;
|
|
@@ -459,6 +476,9 @@ export default {
|
|
}
|
|
}
|
|
.van-loading {
|
|
.van-loading {
|
|
text-align: center;
|
|
text-align: center;
|
|
- margin-top: 20px;
|
|
|
|
|
|
+ margin-top: 80px;
|
|
|
|
+}
|
|
|
|
+#editor {
|
|
|
|
+ width: 98%;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|