elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

删除多余代码,重新搞了标签感觉很乱

dongming
mk 8 months ago
parent
9f737a0ca7
commit
adeae3aef8
1 changed files with 397 additions and 539 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 414
      src/views/modules/volunteer/LifeCircleManagement/add.vue

414
src/views/modules/volunteer/LifeCircleManagement/add.vue
View File

@ -5,19 +5,15 @@
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form"> <el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form">
<el-row> <el-row>
<!-- <el-col :span="12">
<el-form-item label="所属组织" prop="agencyName" label-width="100px">
<el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入活动名称" :disabled="true"
class="u-item-width-normal"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="12"> <el-col :span="12">
<el-form-item label="类型" prop="type" label-width="100px"> <el-form-item label="类型" prop="type" label-width="100px">
<!-- <el-cascader @change="handleChangeAgency" :options="options" :disabled="showdisabled" :props="{ checkStrictly: true }"></el-cascader>
<el-form-item label="类型" prop="type" label-width="100px"> -->
<el-cascader v-model="this.formData.type" @change="handleChangeAgency" :options="options" <el-cascader v-model="this.formData.type" @change="handleChangeAgency" :options="options"
:disabled="showdisabled" :props="{emitPath: false, :disabled="showdisabled" :props="{
multiple: false, }"></el-cascader> emitPath: false,
multiple: false,
}"></el-cascader>
</el-form-item> </el-form-item>
@ -28,16 +24,7 @@
:disabled="showdisabled" class="u-item-width-normal"></el-input> :disabled="showdisabled" class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="12">
<el-form-item label="组织类型" label-width="100px" prop="orgType">
<el-select class="u-item-width-normal" v-model.trim="formData.orgType" placeholder="请选择"
clearable>
<el-option v-for="item in OrganizationaltypeList" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col> -->
<el-col :span="24"> <el-col :span="24">
<el-form-item label="位置" prop="searchValue" label-width="100px" style="display: block"> <el-form-item label="位置" prop="searchValue" label-width="100px" style="display: block">
<div style="width: 634px"> <div style="width: 634px">
@ -65,30 +52,17 @@
:disabled="showdisabled" class="u-item-width-normal"></el-input> :disabled="showdisabled" class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="12">
<div style="display: flex; ">
<div >
<div v-for="(item, index) in formData.tags" :label="index" :key="item.name" :prop=index style="display: flex;">
<el-form-item label="标签" prop="tags" label-width="100px" >
<el-input :disabled="showdisabled" v-model="formData.tags" placeholder="请输入(最多添加四个)" lass="u-item-width-normal"></el-input>
</el-form-item>
<div v-if="index > 0" @click="removeDomain(item)" style="color: blue; font-size: 12px; margin-top: 15px">删除
</div>
</div>
</div>
<div @click="addDomain" style="color: blue; font-size: 12px; margin-top: 15px">添加
</div>
<i class="el-icon-circle-plus" @click="addDomain" style="font-size: 20px; margin-top:7px;"></i>
</div>
</el-col> -->
<el-col :span="12"> <el-col :span="12">
<div v-if="formData.tags1" style="display: flex;"> <div v-if="tags1" style="display: flex;">
<div> <div>
<div v-for="(item, index) in formData.tags1" :key="item.name + index" <div v-for="(item, index) in tags1" :key="index"
style="display: flex;"> style="display: flex;">
<el-form-item label="标签" prop="tags1" label-width="100px"> <el-form-item label="标签" label-width="100px" :rules="[
<el-input :disabled="showdisabled" v-model="item.tab" placeholder="请输入(最多添加四个)" { required: true, message: '请输入', trigger: 'blur' },
class="u-item-width-normal"></el-input> ]">
<el-input :disabled="showdisabled" v-model="tags1[index].tag"
placeholder="请输入(最多添加四个)" class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
<div v-if="index > 0" @click="removeDomain(index)" <div v-if="index > 0" @click="removeDomain(index)"
style="color: blue; font-size: 12px; margin-top: 15px"> style="color: blue; font-size: 12px; margin-top: 15px">
@ -122,28 +96,6 @@
:disabled="showdisabled" class="u-item-width-normal"></el-input> :disabled="showdisabled" class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-form-item label="组织介绍" prop="introduction" label-width="100px" style="display: block">
<div class="item_width_1">
<el-input type="textarea" autosize placeholder="请填写组织介绍"
v-model.trim="formData.introduction" :autosize="{ minRows:4., maxRows: 10}">
</el-input>
</div>
</el-form-item> -->
<!--
<el-form-item label="志愿品牌" prop="brand" label-width="100px" style="display: block">
<div class="item_width_1">
<el-input type="textarea" autosize placeholder="请输入内容" v-model.trim="formData.brand"
:autosize="{ minRows:4., maxRows: 10}">
</el-input>
</div>
</el-form-item>
-->
<el-form-item label="优惠券上传" label-width="100px" prop="brandImg">
<template>
<upload-image :defaultFileList="formData.couponUrl" :limit="1" @change="onChangeFileList1"
@file-removed="removedImg"></upload-image>
</template>
</el-form-item>
</el-row></el-form> </el-row></el-form>
</div> </div>
<div class="div_btn"> <div class="div_btn">
@ -155,24 +107,24 @@
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
// import { Loading } from 'element-ui' // 引入Loading服务 // import { Loading } from 'element-ui' // 引入Loading服务
import { requestPost,requestGet } from '@/js/dai/request' import { requestPost, requestGet } from '@/js/dai/request'
import Tinymce from '@c/tinymce2/index.vue' import Tinymce from '@c/tinymce2/index.vue'
import daiMap from "@/utils/dai-map"; import daiMap from "@/utils/dai-map";
import util from '@js/util.js'; import util from '@js/util.js';
// import UploadImage from './upload-image.vue' // import UploadImage from './upload-image.vue'
import UploadImage from '@/views/modules/plugins/rent/upload-image.vue' import UploadImage from '@/views/modules/plugins/rent/upload-image.vue'
var map var map
var search var search
var markers var markers
var infoWindowList var infoWindowList
var geocoder // 新建一个正逆地址解析类 var geocoder // 新建一个正逆地址解析类
export default { export default {
data() { data() {
return { return {
orgOptionProps: { orgOptionProps: {
@ -183,39 +135,39 @@
multiple: false, multiple: false,
checkStrictly: true checkStrictly: true
}, },
showdisabled:false, showdisabled: false,
searchOptions:[], searchOptions: [],
options:[ options: [
{ {
"children": [ "children": [
{ {
"pv":"1", "pv": "1",
"value": "11", "value": "11",
"label": "托儿所" "label": "托儿所"
}, },
{ {
"pv":"1", "pv": "1",
"value": "12", "value": "12",
"label": "幼儿园" "label": "幼儿园"
}, },
{ {
"pv":"1", "pv": "1",
"value": "13", "value": "13",
"label": "小学" "label": "小学"
}, },
{ {
"pv":"1", "pv": "1",
"value": "14", "value": "14",
"label": "中学" "label": "中学"
}, },
{ {
"pv":"1", "pv": "1",
"value": "15", "value": "15",
"label": "培训机构" "label": "培训机构"
}, },
{ {
"pv":"1", "pv": "1",
"value": "16", "value": "16",
"label": "其它" "label": "其它"
} }
@ -226,22 +178,22 @@
{ {
"children": [ "children": [
{ {
"pv":"2", "pv": "2",
"value": "21", "value": "21",
"label": "门诊" "label": "门诊"
}, },
{ {
"pv":"2", "pv": "2",
"value": "22", "value": "22",
"label": "社区医院" "label": "社区医院"
}, },
{ {
"pv":"2", "pv": "2",
"value": "23", "value": "23",
"label": "医院" "label": "医院"
}, },
{ {
"pv":"2", "pv": "2",
"value": "24", "value": "24",
"label": "其它" "label": "其它"
} }
@ -252,62 +204,62 @@
{ {
"children": [ "children": [
{ {
"pv":"3", "pv": "3",
"value": "31", "value": "31",
"label": "餐饮" "label": "餐饮"
}, },
{ {
"pv":"3", "pv": "3",
"value": "32", "value": "32",
"label": "超市" "label": "超市"
}, },
{ {
"pv":"3", "pv": "3",
"value": "33", "value": "33",
"label": "理发" "label": "理发"
}, },
{ {
"pv":"3", "pv": "3",
"value": "34", "value": "34",
"label": "书店" "label": "书店"
}, },
{ {
"pv":"3", "pv": "3",
"value": "35", "value": "35",
"label": "便利店" "label": "便利店"
}, },
{ {
"pv":"3", "pv": "3",
"value": "36", "value": "36",
"label": "市场" "label": "市场"
}, },
{ {
"pv":"3", "pv": "3",
"value": "37", "value": "37",
"label": "五金" "label": "五金"
}, },
{ {
"pv":"3", "pv": "3",
"value": "38", "value": "38",
"label": "照相" "label": "照相"
}, },
{ {
"pv":"3", "pv": "3",
"value": "39", "value": "39",
"label": "综合修理" "label": "综合修理"
}, },
{ {
"pv":"3", "pv": "3",
"value": "30", "value": "30",
"label": "服务站" "label": "服务站"
}, },
{ {
"pv":"3", "pv": "3",
"value": "330", "value": "330",
"label": "农贸市场" "label": "农贸市场"
}, },
{ {
"pv":"3", "pv": "3",
"value": "331", "value": "331",
"label": "其它" "label": "其它"
} }
@ -318,37 +270,37 @@
{ {
"children": [ "children": [
{ {
"pv":"4", "pv": "4",
"value": "41", "value": "41",
"label": "电影院" "label": "电影院"
}, },
{ {
"pv":"4", "pv": "4",
"value": "42", "value": "42",
"label": "歌剧院" "label": "歌剧院"
}, },
{ {
"pv":"4", "pv": "4",
"value": "43", "value": "43",
"label": "图书馆" "label": "图书馆"
}, },
{ {
"pv":"4", "pv": "4",
"value": "44", "value": "44",
"label": "游泳馆" "label": "游泳馆"
}, },
{ {
"pv":"4", "pv": "4",
"value": "45", "value": "45",
"label": "活动中心" "label": "活动中心"
}, },
{ {
"pv":"4", "pv": "4",
"value": "46", "value": "46",
"label": "体育馆" "label": "体育馆"
}, },
{ {
"pv":"4", "pv": "4",
"value": "47", "value": "47",
"label": "其它" "label": "其它"
} }
@ -361,29 +313,25 @@
"label": "其它" "label": "其它"
} }
], ],
fileList:[], fileList: [],
fileList1:[], searchValue: "",
searchValue:"", OrganizationaltypeList: [],
OrganizationaltypeList:[], ServicetypeListName: [],
ServicetypeListName:[], Organizationaltype: [
Organizationaltype:[
{ label: "社区", value: 1 }, { label: "社区", value: 1 },
{ label: "企业", value: 2 }, { label: "企业", value: 2 },
{ label: "学校", value: 3 }, { label: "学校", value: 3 },
], ],
tableDate:{}, tableDate: {},
tags1: [],
formData: formData:
{ {
couponUrl:"", agencyName: "",
agencyName:"",
linkman: "", linkman: "",
linkPhone: "", linkPhone: "",
workTime: "", workTime: "",
type: "", type: "",
tags1: [ tags: "",//标签
{}
],
tags:"",//标签
agencyId: this.$store.state.user.agencyId, agencyId: this.$store.state.user.agencyId,
address: "",//地址 address: "",//地址
longitude: this.$store.state.user.longitude, //经度 longitude: this.$store.state.user.longitude, //经度
@ -399,18 +347,24 @@
components: { Tinymce, UploadImage }, components: { Tinymce, UploadImage },
mounted() { mounted() {
this.formData.agencyId=this.$store.state.user.agencyId this.formData.agencyId = this.$store.state.user.agencyId
this.formData.agencyName=this.$store.state.user.agencyName this.formData.agencyName = this.$store.state.user.agencyName
this.listServerOrg() let { latitude, longitude } = this.$store.state.user;
if (!latitude || latitude == "" || latitude == "0") {
latitude = 39.9088810666821;
longitude = 116.39743841556731;
}
this.formData.latitude = latitude;
this.formData.longitude = longitude;
this.activityType()
}, },
methods: { methods: {
//父组件传的 //父组件传的
async initForm(type, unitId) { async initForm(type, unitId) {
console.log(type, unitId,"i就理解哦i"); if (type == "info") {
if(type=="info"){ this.showdisabled = true
this.showdisabled=true
} }
this.$nextTick(() => { this.$nextTick(() => {
let { latitude, longitude } = this.$store.state.user; let { latitude, longitude } = this.$store.state.user;
@ -427,8 +381,9 @@
if (type == "edit") { if (type == "edit") {
await this.getTableDetail(unitId) await this.getTableDetail(unitId)
} }
if (type == "add") {
this.tags1.push({tag:''})
}
}, },
//获取类型 //获取类型
handleChangeAgency(val) { handleChangeAgency(val) {
@ -444,7 +399,7 @@
this.fileList=[{fileUrl:res.data.attrs[0].url}] this.fileList=[{fileUrl:res.data.attrs[0].url}]
this.searchValue=res.data.address this.searchValue=res.data.address
this.fileList1=[{fileUrl:res.data.couponUrl}] this.fileList1=[{fileUrl:res.data.couponUrl}]
this.formData.tags1=res.data.tags.split(',').map(item => ({ tab: item.trim() })); this.tags1=res.data.tags.split(',').map(item => ({ tag: item.trim() }));
map.setCenter(this.formData.latitude, this.formData.longitude); map.setCenter(this.formData.latitude, this.formData.longitude);
map.setMarker(this.formData.latitude, this.formData.longitude); map.setMarker(this.formData.latitude, this.formData.longitude);
} else { } else {
@ -454,12 +409,9 @@
}, },
//添加标签 //添加标签
addDomain() { addDomain() {
if (this.tags1.length < 4) {
this.tags1.push({ tab: '' });
if (this.formData.tags1.length < 4) { } else {
this.formData.tags1.push({tab: '' });
}else{
this.$message.error("最多添加4个标签"); this.$message.error("最多添加4个标签");
} }
@ -467,74 +419,36 @@
//删除动态 //删除动态
removeDomain(item) { removeDomain(item) {
console.log(item); console.log(item);
this.formData.tags1.splice(item, 1); this.tags1.splice(item, 1);
// var index = this.formData.sponsors.indexOf(item)
// if (index !== -1) {
// this.formData.sponsors.splice(index, 1)
// this.tableDate = {}
// }
},
validateContent() {
// 使用正则表达式去除HTML标签后检查内容
const textContent = this.stripHtml(this.formData.sumUp);
if (textContent.trim() === '') {
this.formData.sumUp = null;
}
},
stripHtml(html) {
const div = document.createElement('div');
div.innerHTML = html;
return div.textContent || div.innerText || '';
}, },
async activityType() {
this.$nextTick(() => {
handleOnlineRegistration(value) { if (!map) {
// this.initMap(this.formData.latitude, this.formData.longitude);
if (value) { console.log("map", map, this.formData.latitude, this.formData.longitude)
this.online = true;
this.formData.online = 1;
} else { } else {
this.online = false; map.setCenter(this.formData.latitude, this.formData.longitude);
this.formData.cutOffTime = '' map.setMarker(this.formData.latitude, this.formData.longitude);
this.formData.online = 0; console.log("mapmapmap", map)
} }
})
}, },
onChangeFileList(e) { onChangeFileList(e) {
console.log(e, 'sssssb');
this.fileList = e.length > 0 ? e.map(item => ({ this.fileList = e.length > 0 ? e.map(item => ({
fileType: '0', fileType: '0',
type:'image', type: 'image',
fileType: '0',
name:item.response.data.fileName,
fileUrl: item.response.data.url,
format: item.response.data.fileName.split('.').pop(),
url: item.response.data.url
})) : []; // 当e为空时清空fileList
if (e.length > 0) {
console.log(this.fileList,"this.fileList");
this.formData.attrs=this.fileList;
console.log(this.formData.attrs,"this.fileList");
} else {
this.formData.coverPic = '';
}
},
onChangeFileList1(e) {
console.log(e, 'sssssb');
this.fileList1 = e.length > 0 ? e.map(item => ({
fileType: '0',
type:'image',
fileType: '0', fileType: '0',
name:item.response.data.fileName, name: item.response.data.fileName,
fileUrl: item.response.data.url, fileUrl: item.response.data.url,
format: item.response.data.fileName.split('.').pop(), format: item.response.data.fileName.split('.').pop(),
url: item.response.data.url url: item.response.data.url
})) : []; // 当e为空时清空fileList })) : []; // 当e为空时清空fileList
if (e.length > 0) { if (e.length > 0) {
console.log(this.fileList,"this.fileList"); console.log(this.fileList, "this.fileList");
this.formData.couponUrl=this.fileList1[0].url; this.formData.attrs = this.fileList;
console.log(this.formData.attrs,"this.fileList"); console.log(this.formData.attrs, "this.fileList");
} else { } else {
this.formData.coverPic = ''; this.formData.coverPic = '';
@ -545,45 +459,12 @@
}, },
onChangeImgs(e, rowIndex = 0) {
console.log('onChangeFileList', e)
if (e.length > 0) {
this.activityImgs = []
e.forEach(item => {
let ob = {
fileType: '0',
fileUrl: item.response.data.url
}
this.activityImgs.push(ob)
})
}
},
handleTimeChange(time) {
if (time) {
const startTimeArray = util.dateFormatter(time[0], 'time').split('-')
console.log(startTimeArray);
const endTimeArray = util.dateFormatter(time[1], 'time').split('-')
console.log(endTimeArray);
this.formData.startTime = startTimeArray[0] + '-' + startTimeArray[1] + '-' + startTimeArray[2]
this.formData.endTime = endTimeArray[0] + '-' + endTimeArray[1] + '-' + endTimeArray[2]
// this.startTimeShow = startTimeArray[0] + '年' + startTimeArray[1] + '月' + startTimeArray[2] + '日'
// this.endTimeShow = endTimeArray[0] + '年' + endTimeArray[1] + '月' + endTimeArray[2] + '日'
} else {
this.formData.startTime = ''
this.formData.endTime = ''
}
},
async handleComfirm() { async handleComfirm() {
if (this.formData.tags1) { if (this.tags1) {
let one=this.formData.tags1.map(item => item.tab).join(', ') let one = this.tags1.map(item => item.tag).join(', ')
this.formData.tags=one; this.formData.tags = one;
console.log(this.formData,"this.formData"); console.log(this.formData, "this.formData");
} }
@ -611,17 +492,7 @@
this.$message.error('请输入联系人'); this.$message.error('请输入联系人');
return; return;
} }
console.log(this.formData, "this.formData");
// if (this.formData.tabs.length === 0) {
// this.$message.error('请输入标签');
// return;
// }
// if (!this.formData.serviceTypeList) {
// this.$message.error('请输入服务类型');
// return;
// }
console.log(this.formData,"this.formData");
this.addActivity() this.addActivity()
}, },
//增加 //增加
@ -641,21 +512,15 @@
this.btnDisable = false this.btnDisable = false
this.$message.error(msg) this.$message.error(msg)
} }
}, },
handleCancle() { handleCancle() {
console.log("sdlkfjklsdf ");
this.$emit('showAddClose') this.$emit('showAddClose')
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap(latitude, longitude) { initMap(latitude, longitude) {
console.log(latitude, longitude,"564564568"); console.log(latitude, longitude, "564564568");
map = new daiMap( map = new daiMap(
document.getElementById("app_activity"), document.getElementById("app_activity"),
{ latitude, longitude }, { latitude, longitude },
@ -691,8 +556,8 @@
let { msg, data } = await map.getAddress(lat, lng); let { msg, data } = await map.getAddress(lat, lng);
if (msg == "success") { if (msg == "success") {
this.formData.address = data.address; this.formData.address = data.address;
this.searchValue=data.address this.searchValue = data.address
console.log(this.formData.address," this.formData.address "); console.log(this.formData.address, " this.formData.address ");
this.searchValue = data.address this.searchValue = data.address
this.searchOptions = [] this.searchOptions = []
@ -705,7 +570,7 @@
console.log(query, "sfsvsdv"); console.log(query, "sfsvsdv");
if (query !== '') { if (query !== '') {
const { msg, data } = await map.searchNearby(query); const { msg, data } = await map.searchNearby(query);
console.log(data,"sdl;kjfklsjfkld"); console.log(data, "sdl;kjfklsjfkld");
this.resultList = [] this.resultList = []
@ -743,11 +608,7 @@
this.formData.address = selPosition.address + selPosition.name this.formData.address = selPosition.address + selPosition.name
this.searchValue = selPosition.address + selPosition.name this.searchValue = selPosition.address + selPosition.name
console.log(this.formData.latitude, this.formData.longitude, "this.formData.latitude, this.formData.longitude"); console.log(this.formData.latitude, this.formData.longitude, "this.formData.latitude, this.formData.longitude");
}, },
}, },
computed: { computed: {
dataRule() { dataRule() {
@ -760,7 +621,6 @@
], ],
searchValue: [ searchValue: [
{ required: true, message: '请选择地址', trigger: 'blur' }, { required: true, message: '请选择地址', trigger: 'blur' },
], ],
linkPhone: [ linkPhone: [
{ required: true, message: '联系电话不能为空', trigger: 'blur' }, { required: true, message: '联系电话不能为空', trigger: 'blur' },
@ -780,55 +640,53 @@
}, },
props: { props: {
}, },
destroyed () { destroyed() {
map = null map = null
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/visual/communityManageForm.scss"; @import "@/assets/scss/modules/visual/communityManageForm.scss";
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.item_width_1 { .item_width_1 {
width: 634px; width: 634px;
/deep/.tox .tox-dialog { /deep/.tox .tox-dialog {
z-index: 20000; z-index: 20000;
} }
} }
.u-item-width-normal{
.u-item-width-normal {
width: 222px; width: 222px;
} }
.tinymce_view { .tinymce_view {
::v-deep .tox .tox-dialog { ::v-deep .tox .tox-dialog {
z-index: 2000000000; z-index: 2000000000;
} }
} }
.div_map { .div_map {
position: relative; position: relative;
} }
.div_searchmap { .div_searchmap {
z-index: 5000; z-index: 5000;
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 5px; left: 5px;
} }
.tinymce_view { .tinymce_view {
height: 400px; height: 400px;
overflow: auto; overflow: auto;
} }
.text_p { .text_p {
margin: 0; margin: 0;
padding: 0 10px; padding: 0 10px;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
@ -837,5 +695,5 @@
>p { >p {
margin: 0; margin: 0;
} }
} }
</style> </style>
Write Preview
Loading…
Cancel
Save