kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复网格选择

Browse Source
This commit is contained in:
kubbo
2022-05-04 23:52:14 +08:00
parent 23d7d41515
commit bf50aaa5da
3 changed files with 52 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/saas/AppConflictMediation/add.vue
View File

@@ -24,7 +24,8 @@
</div>
<div class="form-item__right">
<!-- <AiUploader :def.sync="form.files" :limit="9" action="/admin/file/add2"></AiUploader> -->
<AiUploader :def.sync="form.files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
<AiUploader :def.sync="form.files" multiple placeholder="上传图片" :limit="9"
action="/admin/file/add2"></AiUploader>
</div>
</div>
</div>
@@ -50,7 +51,7 @@
<div class="form-item__right" @click="chooseAddress">
<span v-if="form.address">{{ form.address }}</span>
<i v-else>点击定位</i>
<u-icon name="arrow-right" color="#ddd" />
<u-icon name="arrow-right" color="#ddd"/>
</div>
</div>
</div>
@@ -60,10 +61,11 @@
<i>*</i>
<h2>上报网格</h2>
</div>
<div class="form-item__right" @click="showSelect = true">
<span v-if="form.girdName">{{ form.girdName }}</span>
<i v-else>请选择</i>
<u-icon name="arrow-right" color="#ddd" />
<div class="form-item__right">
<AiPagePicker type="custom" v-model="form.girdId" @select="handleSelectGrid"
:ops="{url:'../AppGridManagement/SelectGird',label: 'girdName'}">
<AiMore v-model="form.girdName"/>
</AiPagePicker>
</div>
</div>
</div>
@@ -105,7 +107,8 @@
<span>(最多9张)</span>
</div>
<div class="form-item__right">
<AiUploader :def.sync="form.finishFiles" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
<AiUploader :def.sync="form.finishFiles" multiple placeholder="上传图片" :limit="9"
action="/admin/file/add2"></AiUploader>
</div>
</div>
</div>
@@ -113,12 +116,12 @@
</div>
<div class="btn" @click="submit">上报</div>
<u-select v-model="showSelect" :list="girdList" label-name="girdName" value-name="id" @confirm="confirmSelect" />
<u-select v-model="showSelect" :list="girdList" label-name="girdName" value-name="id" @confirm="confirmSelect"/>
</div>
</template>
<script>
import { mapState } from 'vuex'
import {mapState} from 'vuex'
export default {
appName: '新增事件',
@@ -164,6 +167,9 @@ export default {
},
methods: {
handleSelectGrid(v) {
this.form.girdName = v?.[0]?.girdName || ""
},
chooseAddress() {
uni.chooseLocation({
success: (res) => {
@@ -174,15 +180,6 @@ export default {
})
},
confirmSelect(e) {
this.form.girdId = e[0].value
this.girdList.map((item) => {
if (item.id == this.form.girdId) {
this.form.girdName = item.girdName
}
})
},
getDict() {
this.$http.post(`/app/appclapeventgroup/list`).then((res) => {
if (res.code == 0) {
@@ -253,24 +250,24 @@ export default {
this.flag = true
this.$http
.post(`/app/appclapeventinfo/addOrUpdate?`, {
...this.form,
files: this.form.files,
finishFiles: this.form.finishFiles,
groupName: this.dictList.filter((v) => v.value === this.form.groupId)[0].label,
eventStatus: this.form.opts == 0 ? '2' : '0',
})
.then((res) => {
this.$u.toast('上报成功')
this.flag = false
if (res.code == 0) {
uni.$emit('update')
this.$forceUpdate()
setTimeout(() => {
uni.navigateBack()
}, 600)
}
})
.post(`/app/appclapeventinfo/addOrUpdate?`, {
...this.form,
files: this.form.files,
finishFiles: this.form.finishFiles,
groupName: this.dictList.filter((v) => v.value === this.form.groupId)[0].label,
eventStatus: this.form.opts == 0 ? '2' : '0',
})
.then((res) => {
this.$u.toast('上报成功')
this.flag = false
if (res.code == 0) {
uni.$emit('update')
this.$forceUpdate()
setTimeout(() => {
uni.navigateBack()
}, 600)
}
})
},
},
}
@@ -402,6 +399,7 @@ export default {
font-size: 30px;
color: #333333;
}
.current {
color: #1174fe;
background: #e7f1fe !important;
@@ -419,6 +417,7 @@ export default {
text-align: center;
color: #ffffff;
}
::v-deep .ai-uploader .fileList .default {
width: 160px;
height: 160px;