Browse Source

图片集

luckysheet_xiaowang
是小王呀\24601 6 months ago
parent
commit
3693c1c305
  1. 18
      src/views/modules/base/smartExcel/cpts/picture-add.vue
  2. 15
      src/views/modules/base/smartExcel/cpts/picture-collection.vue
  3. 9
      src/views/modules/base/smartExcel/cpts/share-excel.vue
  4. 7
      src/views/modules/base/smartExcel/sharedSpace.vue

18
src/views/modules/base/smartExcel/cpts/picture-add.vue

@ -5,8 +5,8 @@
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="图片集名称" prop="title" label-width="150px"> <el-form-item label="图片集名称" prop="albumName" label-width="150px">
<el-input v-model.trim="formData.title" size="small" clearable placeholder="请输入图片集名称(30字以内)" <el-input v-model.trim="formData.albumName" size="small" clearable placeholder="请输入图片集名称(30字以内)"
class="u-item-width-normal"></el-input> class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -20,8 +20,8 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label-width="150px" label="共享范围" prop="columnId"> <el-form-item label-width="150px" label="共享范围" prop="sharedScope">
<el-select v-model="formData.columnId" placeholder="仅本组织内共享" clearable> <el-select v-model="formData.sharedScope" placeholder="仅本组织内共享" clearable>
<el-option v-for="item in sharingScopeList" :key="item.value" :label="item.label" <el-option v-for="item in sharingScopeList" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
@ -82,6 +82,10 @@
], ],
formData: formData:
{ {
coverPicture:"",
albumName:"",
sharedScope:""
}, },
corganizerList: [], corganizerList: [],
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2', uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
@ -120,9 +124,9 @@
fileUrl: item.response.data.url fileUrl: item.response.data.url
})) : []; // efileList })) : []; // efileList
if (e.length > 0) { if (e.length > 0) {
this.formData.coverImg = e[0].response.data.url; this.formData.coverPicture = e[0].response.data.url;
} else { } else {
this.formData.coverImg = ''; this.formData.coverPicture = '';
} }
}, },
async initForm(type, activityId) { async initForm(type, activityId) {
@ -214,7 +218,7 @@
this.addActivity() this.addActivity()
}, },
async addActivity() { async addActivity() {
let url = '/voluntary/newsTrends/saveOrUpdate' let url = '/actual/base/albums/save'
const { data, code, msg } = await requestPost(url, this.formData) const { data, code, msg } = await requestPost(url, this.formData)
if (code === 0) { if (code === 0) {
this.$message({ this.$message({

15
src/views/modules/base/smartExcel/cpts/picture-collection.vue

@ -1,8 +1,12 @@
<template> <template>
<div class="" style="height: 900px;margin: 20px;"> <div class="" style="height: 900px;margin: 20px;">
<div v-if="!showPictureList"> <div v-if="!showPictureList">
<el-button type="primary" style="margin:20px 0 20px 0" size="small" <div class="flex f-align_item ">
<el-button type="primary" style="margin:20px 0 20px 0" size="small"
@click="onClick('add')">新建图片库</el-button> @click="onClick('add')">新建图片库</el-button>
<el-input @blur="onSelect" v-model="name" placeholder="请输入内容" style="width: 200px; margin-left: 50px;"></el-input>
</div>
<div> <div>
<div class="gallery"> <div class="gallery">
<div v-for="(item, index) in pictureList" style="margin-bottom: 30px;"> <div v-for="(item, index) in pictureList" style="margin-bottom: 30px;">
@ -36,9 +40,9 @@
<picture-add ref="ref_form" @closeAdd="closeAdd"></picture-add> <picture-add ref="ref_form" @closeAdd="closeAdd"></picture-add>
</el-dialog> </el-dialog>
</div> </div>
<div v-if="showPictureList"> <div v-if="showPictureList">
<picture-list ref="ref_form" @closeAdd="closePictureList"></picture-list> <picture-list ref="ref_form" @closeAdd="closePictureList"></picture-list>
</div> </div>
</div> </div>
</template> </template>
@ -88,6 +92,7 @@ data() {
}, },
], ],
name:"",
pageNo: 1, pageNo: 1,
pageSize: window.localStorage.getItem("pageSize") || 20, pageSize: window.localStorage.getItem("pageSize") || 20,
taskId:"", taskId:"",
@ -101,6 +106,10 @@ mounted() {
this.getTableData() this.getTableData()
}, },
methods: { methods: {
onSelect(){
console.log(this.name,"dsflkjslkdf");
},
closePictureList(){ closePictureList(){
console.log("dslkfjklsd"); console.log("dslkfjklsd");

9
src/views/modules/base/smartExcel/cpts/share-excel.vue

@ -5,15 +5,10 @@
<div> <div>
<el-button type="text" round @click="handelClickBack" <el-button type="text" round @click="handelClickBack"
icon="el-icon-back">返回</el-button> icon="el-icon-back">返回</el-button>
<el-button type="warning" @click="handleClickInspect">上传统计模板
</el-button>
<el-button type="success" @click="onClickUplond()"> 数据列表导出</el-button>
</div> </div>
<div> <div>
<el-button type="danger"
@click="handleClickCurrencyEvent('rejected')"> 取消</el-button>
<el-button type="primary" <el-button type="primary"
@click="handleClickCurrencyEvent('submit')"> 提交</el-button> @click="handleClickCurrencyEvent('submit')">下载</el-button>
</div> </div>
</div> </div>
<div id="luckysheet"></div> <div id="luckysheet"></div>
@ -214,7 +209,7 @@
console.log('setsheet', e); console.log('setsheet', e);
}, },
handelClickBack() { handelClickBack() {
this.$emit('close') this.$emit('handleShowPage')
}, },
}, },

7
src/views/modules/base/smartExcel/sharedSpace.vue

@ -50,6 +50,7 @@
<el-button @click=" handleInfo(scope.row)" type="text" size="small">查看</el-button> <el-button @click=" handleInfo(scope.row)" type="text" size="small">查看</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div v-if="selectedIndex==0"> <div v-if="selectedIndex==0">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
@ -72,7 +73,7 @@
</el-dialog> </el-dialog>
</div> </div>
<div v-if="pageType == 'info'"> <div v-if="pageType == 'info'">
<excel-info @handleShowPage="handleShowPage" :taskId=task></excel-info> <share-excel @handleShowPage="handleShowPage" :taskId=task></share-excel>
</div> </div>
<div v-if="pageType == 'add'"> <div v-if="pageType == 'add'">
<excel-add @handleShowPage="handleShowPage"></excel-add> <excel-add @handleShowPage="handleShowPage"></excel-add>
@ -83,13 +84,13 @@
import { requestPost, requestGet } from "@/js/dai/request"; import { requestPost, requestGet } from "@/js/dai/request";
import nextTick from "dai-js/tools/nextTick"; import nextTick from "dai-js/tools/nextTick";
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import excelInfo from "./cpts/excel-info"; import shareExcel from "./cpts/share-excel";
import excelAdd from "./cpts/excel-add"; import excelAdd from "./cpts/excel-add";
import exportShared from "./cpts/export-shared.vue" import exportShared from "./cpts/export-shared.vue"
import dataSharing from "./cpts/data-sharing.vue" import dataSharing from "./cpts/data-sharing.vue"
import pictureCollection from "./cpts/picture-collection.vue" import pictureCollection from "./cpts/picture-collection.vue"
export default { export default {
components: { excelInfo, excelAdd,exportShared,dataSharing,pictureCollection}, components: { exportShared,dataSharing,pictureCollection,shareExcel},
data() { data() {
let endDisabledDate = (time) => { let endDisabledDate = (time) => {

Loading…
Cancel
Save