diff --git a/app.json b/app.json
index 41c2ae9..bfa3e8e 100644
--- a/app.json
+++ b/app.json
@@ -43,6 +43,13 @@
"pages": [
"add/add"
]
+ },
+ {
+ "root": "subpages/bsPage",
+ "name": "bsPage",
+ "pages": [
+ "bsPage/bsPage"
+ ]
}
],
"window": {
diff --git a/images/图片 4@2x.png b/images/bxBac.png
similarity index 100%
rename from images/图片 4@2x.png
rename to images/bxBac.png
diff --git a/pages/index/index.js b/pages/index/index.js
index 26f1df3..b72c5b4 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -35,9 +35,11 @@ Page({
},
{
name: "报修",
+ url: "/subpages/eventAdd/add/add",
},
{
name: "报事",
+ url: "/subpages/bsPage/bsPage/bsPage",
},
{
name: "生活圈",
diff --git a/project.private.config.json b/project.private.config.json
index 985aa55..4175fbf 100644
--- a/project.private.config.json
+++ b/project.private.config.json
@@ -15,11 +15,18 @@
"miniprogram": {
"list": [
{
- "name": "报事",
+ "name": "报修",
"pathName": "subpages/eventAdd/add/add",
"query": "",
- "scene": null,
- "launchMode": "default"
+ "launchMode": "default",
+ "scene": null
+ },
+ {
+ "name": "报事",
+ "pathName": "subpages/bsPage/bsPage/bsPage",
+ "query": "",
+ "launchMode": "default",
+ "scene": null
},
{
"name": "OCR",
diff --git a/subpages/bsPage/bsPage/bsPage.js b/subpages/bsPage/bsPage/bsPage.js
new file mode 100644
index 0000000..e851d31
--- /dev/null
+++ b/subpages/bsPage/bsPage/bsPage.js
@@ -0,0 +1,174 @@
+// subpages/bsPage/bsPage/bsPage.js
+const options = [{
+ text: '浙江省',
+ value: '330000',
+ },
+ {
+ text: '江苏省',
+ value: '320000',
+ },
+];
+Page({
+
+ /**
+ * 页面的初始数据
+ */
+ data: {
+ show: false,
+ options,
+ fieldValue: '',
+ cascaderValue: '',
+ questionText: '',
+ fileList: [{
+ url: 'https://img.yzcdn.cn/vant/leaf.jpg',
+ name: '图片1',
+ },
+ // Uploader 根据文件后缀来判断是否为图片文件
+ // 如果图片 URL 中不包含类型信息,可以添加 isImage 标记来声明
+ {
+ url: 'http://iph.href.lu/60x60?text=default',
+ name: '图片2',
+ isImage: true,
+ // deletable: true,
+ },
+ ],
+ },
+
+ onButtonTap: function () {
+ wx.showToast({
+ title: '按钮被点击了',
+ icon: 'none'
+ });
+ },
+ deleteData(event) {
+ // 删除
+ console.log(event.detail.index)
+ let newFileList = this.data.fileList.slice();
+ newFileList.splice(event.detail.index, 1);
+ this.setData({
+ fileList: newFileList
+ });
+ },
+ afterRead(event) {
+ const {
+ file
+ } = event.detail;
+ console.log(file, 66)
+ // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
+ wx.uploadFile({
+ url: 'https://example.weixin.qq.com/upload', // 仅为示例,非真实的接口地址
+ filePath: file.url,
+ name: 'file',
+ formData: {
+ user: 'test'
+ },
+ success(res) {
+ // 上传完成需要更新 fileList
+ const {
+ fileList = []
+ } = this.data;
+ fileList.push({
+ ...file,
+ url: res.data
+ });
+ this.setData({
+ fileList
+ });
+ },
+ });
+ },
+ beforeRead(event) {
+ const {
+ file,
+ callback
+ } = event.detail;
+ callback(file.type === 'image');
+ },
+ onInput(e) {
+ this.setData({
+ questionText: e.detail.value,
+ });
+ // console.log(this.data.questionText, 666)
+ },
+ onClick() {
+ this.setData({
+ show: true,
+ });
+ },
+ onClose() {
+ this.setData({
+ show: false,
+ });
+ },
+
+ onFinish(e) {
+ const {
+ selectedOptions,
+ value
+ } = e.detail;
+ const fieldValue = selectedOptions
+ .map((option) => option.text || option.name)
+ .join('/');
+ this.setData({
+ fieldValue,
+ cascaderValue: value,
+ })
+ },
+ /**
+ * 生命周期函数--监听页面加载
+ */
+ onLoad(options) {
+ wx.setNavigationBarTitle({
+ title: '报事'
+ })
+ },
+
+ /**
+ * 生命周期函数--监听页面初次渲染完成
+ */
+ onReady() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面显示
+ */
+ onShow() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面隐藏
+ */
+ onHide() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面卸载
+ */
+ onUnload() {
+
+ },
+
+ /**
+ * 页面相关事件处理函数--监听用户下拉动作
+ */
+ onPullDownRefresh() {
+
+ },
+
+ /**
+ * 页面上拉触底事件的处理函数
+ */
+ onReachBottom() {
+
+ },
+
+ /**
+ * 用户点击右上角分享
+ */
+ onShareAppMessage() {
+
+ }
+})
\ No newline at end of file
diff --git a/subpages/bsPage/bsPage/bsPage.json b/subpages/bsPage/bsPage/bsPage.json
new file mode 100644
index 0000000..6ddd9f4
--- /dev/null
+++ b/subpages/bsPage/bsPage/bsPage.json
@@ -0,0 +1,9 @@
+{
+ "usingComponents": {
+ "van-cell": "@vant/weapp/cell/index",
+ "van-cell-group": "@vant/weapp/cell-group/index",
+ "van-popup": "@vant/weapp/popup/index",
+ "van-cascader": "@vant/weapp/cascader/index",
+ "van-uploader": "@vant/weapp/uploader/index"
+ }
+}
\ No newline at end of file
diff --git a/subpages/bsPage/bsPage/bsPage.wxml b/subpages/bsPage/bsPage/bsPage.wxml
new file mode 100644
index 0000000..40d754b
--- /dev/null
+++ b/subpages/bsPage/bsPage/bsPage.wxml
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 问题描述
+
+ 上传图片/视频
+
+
+ 提交
+
\ No newline at end of file
diff --git a/subpages/bsPage/bsPage/bsPage.wxss b/subpages/bsPage/bsPage/bsPage.wxss
new file mode 100644
index 0000000..16f0592
--- /dev/null
+++ b/subpages/bsPage/bsPage/bsPage.wxss
@@ -0,0 +1,104 @@
+/* subpages/bsPage/bsPage/bsPage.wxss */
+.bsPageCont {
+ width: 100%;
+ height: 100vh;
+ position: relative;
+ background-color: rgba(248, 248, 248, 1);
+}
+
+.bsImg {
+ width: 100%;
+ height: 280rpx;
+ position: absolute;
+ top: 0;
+}
+
+.bsTitle {
+ border-radius: 10rpx;
+ height: 100rpx;
+ background-color: rgba(255, 255, 255, 1);
+ color: rgba(16, 16, 16, 1);
+ position: absolute;
+ width: 96%;
+ margin-left: 2%;
+ top: 4%;
+ /* display: flex;
+ justify-content: space-between;
+ align-items: center; */
+}
+
+.bsCon {
+ width: 96%;
+ display: block;
+ margin-left: 2%;
+}
+
+.bsCon ::v-deep .title-class {
+ color: rgba(104, 117, 139, 1);
+ font-size: 32rpx;
+ margin-left: 20rpx;
+}
+
+.bsCon2 {
+ border-radius: 10rpx;
+ height: 800rpx;
+ background-color: rgba(255, 255, 255, 1);
+ color: rgba(16, 16, 16, 1);
+ position: absolute;
+ width: 96%;
+ margin-left: 2%;
+ top: calc(6% + 100rpx);
+ padding: 2%;
+ box-sizing: border-box;
+}
+
+.bsCon2 .bsSpan {
+ color: rgba(104, 117, 139, 1);
+ font-size: 30rpx;
+ margin-left: 20rpx;
+}
+
+/* 输入框样式 */
+.question-input {
+ width: 98%;
+ margin-left: 1%;
+ margin-top: 2%;
+ height: 500rpx;
+ border-radius: 10rpx;
+ padding: 15rpx;
+ box-sizing: border-box;
+ background-color: rgba(246, 246, 246, 1);
+ color: rgba(203, 203, 203, 1);
+ font-size: 28rpx;
+}
+
+.van-uploader__preview {
+ /* width: 80px; */
+}
+
+van-uploader__upload {
+ width: 75px !important;
+ height: 75px !important;
+ border-radius: 5px;
+}
+
+.van-uploader__preview-image {
+ width: 75px !important;
+ height: 75px !important;
+ border-radius: 5px;
+}
+
+.bsBtn {
+ position: absolute;
+ width: 300rpx;
+ height: 60rpx;
+ line-height: 60rpx;
+ border-radius: 600rpx;
+ background: linear-gradient(86.25deg, rgba(13, 198, 198, 1) 3.03%, rgba(19, 194, 194, 1) 3.03%, rgba(70, 219, 213, 1) 96.43%);
+ color: rgba(255, 255, 255, 1);
+ font-size: 34rpx;
+ text-align: center;
+ bottom: 3%;
+ left: 50%;
+ transform: translateX(-50%);
+}
\ No newline at end of file
diff --git a/subpages/eventAdd/add/add.js b/subpages/eventAdd/add/add.js
index 44b2301..7c11839 100644
--- a/subpages/eventAdd/add/add.js
+++ b/subpages/eventAdd/add/add.js
@@ -1,66 +1,130 @@
// subpages/eventAdd/add/add.js
+const app = getApp()
Page({
- /**
- * 页面的初始数据
- */
- data: {
-
- },
-
- /**
- * 生命周期函数--监听页面加载
- */
- onLoad(options) {
-
- },
-
- /**
- * 生命周期函数--监听页面初次渲染完成
- */
- onReady() {
-
- },
-
- /**
- * 生命周期函数--监听页面显示
- */
- onShow() {
-
- },
-
- /**
- * 生命周期函数--监听页面隐藏
- */
- onHide() {
-
- },
-
- /**
- * 生命周期函数--监听页面卸载
- */
- onUnload() {
-
- },
-
- /**
- * 页面相关事件处理函数--监听用户下拉动作
- */
- onPullDownRefresh() {
-
- },
-
- /**
- * 页面上拉触底事件的处理函数
- */
- onReachBottom() {
-
- },
-
- /**
- * 用户点击右上角分享
- */
- onShareAppMessage() {
-
- }
+ /**
+ * 页面的初始数据
+ */
+ data: {
+ title: '报修',
+ bxname: '',
+ questionText: '',
+ fileList: [{
+ url: 'https://img.yzcdn.cn/vant/leaf.jpg',
+ name: '图片1',
+ },
+ {
+ url: 'http://iph.href.lu/60x60?text=default',
+ name: '图片2',
+ isImage: true,
+ },
+ ],
+ },
+ deleteData(event) {
+ // 删除
+ console.log(event.detail.index)
+ let newFileList = this.data.fileList.slice();
+ newFileList.splice(event.detail.index, 1);
+ this.setData({
+ fileList: newFileList
+ });
+ },
+ afterRead(event) {
+ const {
+ file
+ } = event.detail;
+ console.log(file, 66)
+ // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
+ wx.uploadFile({
+ url: 'https://example.weixin.qq.com/upload', // 仅为示例,非真实的接口地址
+ filePath: file.url,
+ name: 'file',
+ formData: {
+ user: 'test'
+ },
+ success(res) {
+ // 上传完成需要更新 fileList
+ const {
+ fileList = []
+ } = this.data;
+ fileList.push({
+ ...file,
+ url: res.data
+ });
+ this.setData({
+ fileList
+ });
+ },
+ });
+ },
+ beforeRead(event) {
+ const {
+ file,
+ callback
+ } = event.detail;
+ callback(file.type === 'image');
+ },
+ onInput(e) {
+ this.setData({
+ questionText: e.detail.value,
+ });
+ // console.log(this.data.questionText, 666)
+ },
+ /**
+ * 生命周期函数--监听页面加载
+ */
+ onLoad(options) {
+ wx.setNavigationBarTitle({
+ title: this.data.title
+ })
+ },
+
+ /**
+ * 生命周期函数--监听页面初次渲染完成
+ */
+ onReady() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面显示
+ */
+ onShow() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面隐藏
+ */
+ onHide() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面卸载
+ */
+ onUnload() {
+
+ },
+
+ /**
+ * 页面相关事件处理函数--监听用户下拉动作
+ */
+ onPullDownRefresh() {
+
+ },
+
+ /**
+ * 页面上拉触底事件的处理函数
+ */
+ onReachBottom() {
+
+ },
+
+ /**
+ * 用户点击右上角分享
+ */
+ onShareAppMessage() {
+
+ }
})
\ No newline at end of file
diff --git a/subpages/eventAdd/add/add.json b/subpages/eventAdd/add/add.json
index e8b1bce..ffe7ecd 100644
--- a/subpages/eventAdd/add/add.json
+++ b/subpages/eventAdd/add/add.json
@@ -1,7 +1,10 @@
{
"usingComponents": {
- "van-cell": "@vant/weapp/cell/index",
- "van-cell-group": "@vant/weapp/cell-group/index",
- "van-popup": "@vant/weapp/popup/index"
+ "van-cell": "@vant/weapp/cell/index",
+ "van-cell-group": "@vant/weapp/cell-group/index",
+ "van-popup": "@vant/weapp/popup/index",
+ "van-cascader": "@vant/weapp/cascader/index",
+ "van-uploader": "@vant/weapp/uploader/index",
+ "van-field": "@vant/weapp/field/index"
}
}
\ No newline at end of file
diff --git a/subpages/eventAdd/add/add.wxml b/subpages/eventAdd/add/add.wxml
index bf91609..c1e2037 100644
--- a/subpages/eventAdd/add/add.wxml
+++ b/subpages/eventAdd/add/add.wxml
@@ -1,9 +1,22 @@
-