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

审核，附件大屏展示，查看添加一个字段

feature
是小王呀\24601 11 months ago
parent
3f4d50549a
commit
79c5dde26d
4 changed files with 158 additions and 141 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. 266
      src/views/modules/volunteer/VoluntaryOrganization/add.vue
  2. 8
      src/views/modules/volunteer/VoluntaryOrganization/index.vue
  3. 15
      src/views/modules/volunteer/VoluntaryOrganization/info.vue
  4. 4
      src/views/modules/volunteer/VoluntaryOrganization/process.vue

266
src/views/modules/volunteer/VoluntaryOrganization/add.vue
View File

@ -1,107 +1,114 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" <el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form">
class="form"> <el-row>
<el-row> <el-col :span="12">
<el-col :span="12"> <el-form-item label="所属组织" prop="agencyName" label-width="150px">
<el-form-item label="所属组织" prop="agencyName" label-width="150px"> <el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入活动名称"
<el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入活动名称" :disabled="true" :disabled="true" class="u-item-width-normal"></el-input>
class="u-item-width-normal"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="12">
<el-col :span="12"> <el-form-item label="组织名称" prop="orgName" label-width="150px">
<el-form-item label="组织名称" prop="orgName" label-width="150px"> <el-input v-model.trim="formData.orgName" size="small" clearable placeholder="请输入活动名称"
<el-input v-model.trim="formData.orgName" size="small" clearable placeholder="请输入活动名称" class="u-item-width-normal"></el-input>
class="u-item-width-normal"></el-input> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="12">
<el-col :span="12"> <el-form-item label="服务类型" label-width="150px" prop="serviceTypeList">
<el-form-item label="服务类型" label-width="150px" prop="serviceTypeList"> <el-select multiple-limit='4' class="u-item-width-normal" v-model.trim="formData.serviceTypeList" placeholder="请选择" clearable multiple>
<el-select multiple-limit='4' class="u-item-width-normal" v-model.trim="formData.serviceTypeList" placeholder="请选择" clearable multiple>
<el-option v-for="item in ServicetypeListName" :key="item.value" :label="item.label" :value="item.value" > <el-option v-for="item in ServicetypeListName" :key="item.value" :label="item.label" :value="item.value" >
</el-option> </el-option>
</el-select> </el-select>
</el-form-item>
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="组织类型" label-width="150px" prop="orgType"> <el-col :span="12">
<el-select class="u-item-width-normal" v-model.trim="formData.orgType" placeholder="请选择" clearable > <el-form-item label="组织类型" label-width="150px" prop="orgType">
<el-option v-for="item in OrganizationaltypeList" :key="item.value" :label="item.label" :value="item.value"> <el-cascader v-model="value" :options="OrganizationaltypeList" @change="handleChange" :props="props"></el-cascader>
</el-option> <!-- <el-select class="u-item-width-normal" v-model.trim="formData.orgType" placeholder="请选择"
</el-select> clearable>
</el-form-item> <el-option v-for="item in OrganizationaltypeList" :key="item.value" :label="item.label"
</el-col> :value="item.value">
<el-col :span="24"> </el-option>
<el-form-item label="活动地点" prop="address" label-width="150px" style="display: block"> </el-select> -->
<div style="width: 634px"> </el-form-item>
<el-select v-model.trim="searchValue" filterable style="width: 634px" remote :reserve-keyword="true" </el-col>
placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading"> <el-col :span="24">
<el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)" <el-form-item label="活动地点" prop="address" label-width="150px" style="display: block">
:key="item.value || index" :label="item.label" :value="item.value"> <div style="width: 634px">
</el-option> <el-select v-model.trim="searchValue" filterable style="width: 634px" remote
</el-select> :reserve-keyword="true" placeholder="请输入关键词" :remote-method="remoteMethod"
<div id="app_activity" class="div_map"></div> :loading="loading">
</div> <el-option v-for="(item, index) in searchOptions"
</el-form-item> @click.native="handleClickKey(index)" :key="item.value || index"
</el-col> :label="item.label" :value="item.value">
<el-col :span="12"> </el-option>
<el-form-item label="管理员姓名" prop="operator" label-width="150px"> </el-select>
<el-input v-model.trim="formData.operator" size="small" clearable placeholder="请输入管理员姓名" <div id="app_activity" class="div_map"></div>
class="u-item-width-normal"></el-input> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="手机号" prop="mobile" label-width="150px"> <el-form-item label="管理员姓名" prop="operator" label-width="150px">
<el-input v-model.trim="formData.mobile" size="small" clearable placeholder="请输入手机号" <el-input v-model.trim="formData.operator" size="small" clearable placeholder="请输入管理员姓名"
class="u-item-width-normal"></el-input> class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="身份证号" prop="idCard" label-width="150px"> <el-form-item label="手机号" prop="mobile" label-width="150px">
<el-input v-model.trim="formData.idCard" size="small" clearable placeholder="请输入身份证号" <el-input v-model.trim="formData.mobile" size="small" clearable placeholder="请输入手机号"
class="u-item-width-normal"></el-input> class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="组织封面图" label-width="150px" prop="orgImage"> <el-form-item label="身份证号" prop="idCard" label-width="150px">
<template> <el-input v-model.trim="formData.idCard" size="small" clearable placeholder="请输入身份证号"
<upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList" class="u-item-width-normal"></el-input>
@file-removed="removedImg"></upload-image> </el-form-item>
</template> </el-col>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item label="组织封面图" label-width="150px" prop="orgImage">
<el-form-item label="组织介绍" prop="introduction" label-width="150px" style="display: block"> <template>
<div class="item_width_1"> <upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList"
<el-input type="textarea" autosize placeholder="请填写组织介绍" v-model.trim="formData.introduction" :autosize="{ minRows:4., maxRows: 10}" > @file-removed="removedImg"></upload-image>
</el-input> </template>
</div> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="组织介绍" prop="introduction" label-width="150px" style="display: block">
<el-form-item label="志愿品牌" prop="brand" label-width="150px" style="display: block"> <div class="item_width_1">
<div class="item_width_1"> <el-input type="textarea" autosize placeholder="请填写组织介绍"
<el-input type="textarea" autosize placeholder="请输入内容" v-model.trim="formData.brand" :autosize="{ minRows:4., maxRows: 10}" > v-model.trim="formData.introduction" :autosize="{ minRows:4., maxRows: 10}">
</el-input> </el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="品牌展示图" label-width="150px" prop="brandImg">
<template> <el-form-item label="志愿品牌" prop="brand" label-width="150px" style="display: block">
<upload-image :defaultFileList="formData.brandImg" :limit="1" @change="onChangeFileList1" <div class="item_width_1">
@file-removed="removedImg"></upload-image> <el-input type="textarea" autosize placeholder="请输入内容" v-model.trim="formData.brand"
</template> :autosize="{ minRows:4., maxRows: 10}">
</el-form-item> </el-input>
</el-row></el-form> </div>
</div> </el-form-item>
<div class="div_btn"> <el-form-item label="品牌展示图" label-width="150px" prop="brandImg">
<el-button size="small" @click="handleCancle">取 消</el-button> <template>
<el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable" <upload-image :defaultFileList="formData.brandImg" :limit="1" @change="onChangeFileList1"
@click="handleComfirm">确 定</el-button> @file-removed="removedImg"></upload-image>
</template>
</div> </el-form-item>
</el-row></el-form>
</div>
<div class="div_btn">
<el-button size="small" @click="handleCancle">取 消</el-button>
<el-button size="small" v-if="formType != 'detail'" type="primary" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button>
</div>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
@ -123,6 +130,7 @@
export default { export default {
data() { data() {
return { return {
volunteerOrgId:"0",
fileList:[], fileList:[],
fileList1:[], fileList1:[],
searchValue:"", searchValue:"",
@ -263,20 +271,6 @@
// }, // },
async activityType() { async activityType() {
const url = "/actual/base/activityType/page"
let params = {
// agencyId: this.agencyId
pageSize: 20,
pageNo: 1,
typeName: "",
enabled: 1
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.typeList = data.list
} else {
this.$message.error(msg)
}
this.$nextTick(() => { this.$nextTick(() => {
if (!map) { if (!map) {
this.initMap(this.formData.latitude, this.formData.longitude); this.initMap(this.formData.latitude, this.formData.longitude);
@ -369,7 +363,12 @@
// } // }
// }, // },
handleChange(value) {}, handleChange(value) {
console.log(value);
this.volunteerOrgId=value.toString()
this.volunteertype1()
},
handleTimeChange(time) { handleTimeChange(time) {
if (time) { if (time) {
const startTimeArray = util.dateFormatter(time[0], 'time').split('-') const startTimeArray = util.dateFormatter(time[0], 'time').split('-')
@ -381,8 +380,7 @@
// this.startTimeShow = startTimeArray[0] + '年' + startTimeArray[1] + '月' + startTimeArray[2] + '日' // this.startTimeShow = startTimeArray[0] + '年' + startTimeArray[1] + '月' + startTimeArray[2] + '日'
// this.endTimeShow = endTimeArray[0] + '年' + endTimeArray[1] + '月' + endTimeArray[2] + '日' // this.endTimeShow = endTimeArray[0] + '年' + endTimeArray[1] + '月' + endTimeArray[2] + '日'
} else { } else {
this.formData.startTime = ''
this.formData.endTime = ''
} }
}, },
@ -487,21 +485,31 @@
}, },
// 获取志愿组织类型 // 获取志愿组织类型
async volunteertype () { async volunteertype () {
const url = "/sys/dict/data/dictlist" const url = "/voluntary/volunteerInfo/getOrgTypeList"
let params = { let params = {
dictType: 'volunteer_org_type', volunteerOrgId:this.volunteerOrgId
parentValue:"0"
} }
console.log("vol123234");
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {
this.OrganizationaltypeList = data; this.OrganizationaltypeList = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg)
} }
},
// 获取志愿组织类型
async volunteertype1 () {
const url = "/voluntary/volunteerInfo/getOrgTypeList"
let params = {
volunteerOrgId:this.volunteerOrgId
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.OrganizationaltypeList.childList=data;
console.log(this.OrganizationaltypeList,"sdlkjclsdc");
} else {
this.$message.error(msg)
}
}, },
// 获取志愿组织服务类型 // 获取志愿组织服务类型
async volunteerservicetype () { async volunteerservicetype () {
@ -817,6 +825,22 @@
}, },
props: { props: {
lazy: true,
lazyLoad (node, resolve) {
const { level } = node;
console.log(node, resolve,"node, resolve");
setTimeout(() => {
const nodes = Array.from({ length: level + 1 })
.map(item => ({
value: ++id,
label: `选项${id}`,
leaf: level >= 2
}));
// 通过调用resolve将子节点数据返回，通知组件数据加载完成
resolve(nodes);
}, 1000);
}

8
src/views/modules/volunteer/VoluntaryOrganization/index.vue
View File

@ -78,7 +78,7 @@
@click="handleshowMember(scope.row)">成员管理</el-button> @click="handleshowMember(scope.row)">成员管理</el-button>
<el-button type="text" style="color:#1C6AFD;" size="small" <el-button type="text" style="color:#1C6AFD;" size="small"
@click="handleDel(scope.row)">删除</el-button> @click="handleDel(scope.row)">删除</el-button>
<el-button v-if="scope.row.status == 'processing'" type="text" style="color:#1C6AFD;" size="small" <el-button v-if="scope.row.status == 'processing'&&scope.row.ischeck==1" type="text" style="color:#1C6AFD;" size="small"
@click="handleprocessl(scope.row)">审核</el-button> @click="handleprocessl(scope.row)">审核</el-button>
</template> </template>
</el-table-column> </el-table-column>
@ -90,7 +90,7 @@
</el-pagination> </el-pagination>
</div> </div>
<el-dialog :visible.sync="showAdd" :close-on-click-modal="false" :close-on-press-escape="false" title="新增" <el-dialog :visible.sync="showAdd" :close-on-click-modal="false" :close-on-press-escape="false" title="新增"
width="850px" top="10vh" class="dialog-h" @closed="showAddClose"> width="950px" top="10vh" class="dialog-h" @closed="showAddClose">
<add v-if="showAdd" @showAddClose="showAddClose" /> <add v-if="showAdd" @showAddClose="showAddClose" />
</el-dialog> </el-dialog>
<el-dialog :visible.sync="showInfo" :close-on-click-modal="false" :close-on-press-escape="false" title="查看" <el-dialog :visible.sync="showInfo" :close-on-click-modal="false" :close-on-press-escape="false" title="查看"
@ -132,6 +132,7 @@ export default {
data() { data() {
return { return {
ids:"",
formData: { formData: {
orgName: "", orgName: "",
serviceType: "", serviceType: "",
@ -170,6 +171,9 @@ export default {
}, },
mounted() { mounted() {
this.ids=this.$store.state.user.agencyId
console.log(this.ids,"this.ids");
this.getTableData(); this.getTableData();
}, },
methods: { methods: {

15
src/views/modules/volunteer/VoluntaryOrganization/info.vue
View File

@ -280,20 +280,7 @@
// }, // },
async activityType() { async activityType() {
const url = "/actual/base/activityType/page"
let params = {
// agencyId: this.agencyId
pageSize: 20,
pageNo: 1,
typeName: "",
enabled: 1
}
const { data, code, msg } = await requestPost(url, params)
if (code === 0) {
this.typeList = data.list
} else {
this.$message.error(msg)
}
this.$nextTick(() => { this.$nextTick(() => {
if (!map) { if (!map) {
this.initMap(this.formData.latitude, this.formData.longitude); this.initMap(this.formData.latitude, this.formData.longitude);

4
src/views/modules/volunteer/VoluntaryOrganization/process.vue
View File

@ -43,7 +43,9 @@
</el-form-item> </el-form-item>
<el-form-item label="组织介绍图" v-if="tableData.orgImage"> <el-form-item label="组织介绍图" v-if="tableData.orgImage">
<div class="demo-image__preview"> <div class="demo-image__preview">
<img v-if="tableData.orgImage" style="width: 100px; height: 100px" :src="tableData.orgImage"> <el-image style="width: 100px; height: 100px" :src="tableData.orgImage" :preview-src-list="[tableData.orgImage]">
</el-image>
<!-- <img v-if="tableData.orgImage" style="width: 100px; height: 100px" :src="[tableData.orgImage]"> -->
</img> </img>
</div> </div>
<!-- {{ tableData.address}} --> <!-- {{ tableData.address}} -->

Write Preview
Loading…
Cancel
Save