diff --git a/src/assets/images/index/imageBackground.png b/src/assets/images/index/imageBackground.png
new file mode 100644
index 000000000..d1e4ab732
Binary files /dev/null and b/src/assets/images/index/imageBackground.png differ
diff --git a/src/assets/images/index/noPictures.png b/src/assets/images/index/noPictures.png
new file mode 100644
index 000000000..341b8842d
Binary files /dev/null and b/src/assets/images/index/noPictures.png differ
diff --git a/src/views/modules/base/smartExcel/cpts/data-sharing.vue b/src/views/modules/base/smartExcel/cpts/data-sharing.vue
new file mode 100644
index 000000000..e79cd87a8
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/data-sharing.vue
@@ -0,0 +1,96 @@
+<template>
+    <div class="">
+        <el-button  type="primary" style="margin:20px 0  0 0"  size="small">上传共享数据</el-button>
+        <el-table :data="tableData" border class="m-table-item" height="800px">
+            <el-table-column prop="taskTitle" label="文件名称" min-width="140" align="center"
+                :show-overflow-tooltip="true" />
+            <el-table-column prop="totalNum" label="数据提供单位" align="center" :show-overflow-tooltip="true">
+            </el-table-column>
+            <el-table-column prop="agencyName" align="center" label="下载次数" :show-overflow-tooltip="true">
+            </el-table-column>
+            <el-table-column prop="createByName" align="center" label="创建人" :show-overflow-tooltip="true">
+            </el-table-column>
+            <el-table-column prop="createdTime" align="center" :show-overflow-tooltip="true" label="创建时间">
+            </el-table-column>
+            <el-table-column fixed="right" label="操作" align="center" width="200px">
+                <template slot-scope="scope">
+                    <el-button @click=" handleInfo(scope.row)" type="text" size="small">查看</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pageNo"
+            :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)" layout="sizes, prev, pager, next, total"
+            :total="total">
+        </el-pagination>
+    </div>
+</template>
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+export default {
+data() {
+    return {
+        pageNo: 1,
+        pageSize: window.localStorage.getItem("pageSize") || 20,
+        taskId:"",
+        tableData:[],
+        total: 1,
+    };
+},
+created() {},
+mounted() {
+    this.getTableData()
+},
+methods: {
+    handleSizeChange(val) {
+        this.pageSize = val;
+        window.localStorage.setItem("pageSize", val);
+        this.getTableData();
+    },
+    handleCurrentChange(val) {
+        this.pageNo = val;
+        this.getTableData();
+    },
+    async getTableData() {
+        const url = "/actual/base/communityOneTablePublish/page";
+        const { pageSize, pageNo, formData } = this;
+        const { data, code, msg } = await requestGet(url, {
+            pageSize,
+            pageNo,
+            ...formData
+        });
+        if (code === 0) {
+            this.total = data.total || 0;
+            this.tableData = data.list
+                ? data.list.map((item) => {
+                    return item;
+                })
+                : [];
+        } else {
+            this.$message.error(msg);
+        }
+    },
+},
+components:{
+},
+computed:{
+    tableHeight() {
+        return (this.clientHeight - 140) + 'px'
+
+    },
+    ...mapGetters(['clientHeight', 'resolution']),
+},
+props: {
+    taskId: {
+        type: String,
+        default: ""
+    },
+},
+watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/pages/resiInfo.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+</style>
diff --git a/src/views/modules/base/smartExcel/cpts/export-shared.vue b/src/views/modules/base/smartExcel/cpts/export-shared.vue
new file mode 100644
index 000000000..670596445
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/export-shared.vue
@@ -0,0 +1,89 @@
+<template>
+        <div class="" style="height: 650px;">
+          <el-table :data="tableData" border class="m-table-item" height="600px">
+            <el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
+            <el-table-column prop="taskTitle" label="导出报表" min-width="140" align="center" :show-overflow-tooltip="true" />
+            <el-table-column prop="totalNum" label="操作人" align="center" :show-overflow-tooltip="true" width="100">
+            </el-table-column>
+            <el-table-column prop="agencyName" align="center" label="操作时间" :show-overflow-tooltip="true">
+            </el-table-column>
+          </el-table>
+          <div>
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+              :current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)"
+              layout="sizes, prev, pager, next, total" :total="total">
+            </el-pagination>
+          </div>
+
+    </div>
+</template>
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+export default {
+    data() {
+        return {
+            pageNo: 1,
+            pageSize: window.localStorage.getItem("pageSize") || 20,
+            taskId:"",
+            tableData:[],
+            total: 1,
+        };
+    },
+    created() {},
+    mounted() {
+        this.getTableData()
+    },
+    methods: {
+        handleSizeChange(val) {
+            this.pageSize = val;
+            window.localStorage.setItem("pageSize", val);
+            this.getTableData();
+        },
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.getTableData();
+        },
+        async getTableData() {
+            const url = "/actual/base/communityOneTablePublish/page";
+            const { pageSize, pageNo, formData } = this;
+            const { data, code, msg } = await requestGet(url, {
+                pageSize,
+                pageNo,
+                ...formData
+            });
+            if (code === 0) {
+                this.total = data.total || 0;
+                this.tableData = data.list
+                    ? data.list.map((item) => {
+                        return item;
+                    })
+                    : [];
+            } else {
+                this.$message.error(msg);
+            }
+        },
+    },
+    components:{
+    },
+    computed:{
+        tableHeight() {
+            return (this.clientHeight - 140) + 'px'
+
+        },
+        ...mapGetters(['clientHeight', 'resolution']),
+    },
+    props: {
+        taskId: {
+            type: String,
+            default: ""
+        },
+    },
+    watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/pages/resiInfo.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+</style>
diff --git a/src/views/modules/base/smartExcel/cpts/picture-Info.vue b/src/views/modules/base/smartExcel/cpts/picture-Info.vue
new file mode 100644
index 000000000..817b18f87
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/picture-Info.vue
@@ -0,0 +1,302 @@
+<template>
+    <div style="margin: 50px; text-align: center; ">
+        <div class="dialog-h-content scroll-h">
+            <div class="flex" style="display: flex; flex-direction: column;height: 400px;">
+                <img :src="formData.src" style="height: 200px; width: 250px;margin-bottom: 20px;">
+                <span style="text-align: left;margin-bottom: 20px;">{{ formData.title }}</span>
+                <span style="text-align: left; color: #94a1b7;margin-bottom: 20px;">{{ formData.title }}</span>
+                <span style="text-align: left; color: #94a1b7;margin-bottom: 20px;">图片尺寸：{{ formData.title }} 文件大小：{{ formData.title }}
+                    文件格式:{{ formData.title }}</span>
+                <el-button type="primary"  style=" text-align: left;width: 70px;" @click="handleComfirm">下 载</el-button>
+            </div>
+
+
+        </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>
+</template>
+ 
+ <script>
+ import { mapGetters } from 'vuex'
+ import { Loading } from 'element-ui' // 引入Loading服务
+ import { requestPost } from '@/js/dai/request'
+ import Tinymce from '@c/tinymce2/index.vue'
+ import daiMap from "@/utils/dai-map";
+ import util from '@js/util.js';
+ // import UploadImage from './upload-image.vue'
+ import UploadImage from '@/views/modules/plugins/rent/upload-image.vue'
+ 
+ 
+ var map
+ var search
+ var markers
+ var infoWindowList
+ var geocoder // 新建一个正逆地址解析类
+ 
+ let loading // 加载动画
+ export default {
+    data() {
+        return {
+            fileList:[],
+            formData:
+            {
+                id:"1001",
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                title:"嘉定山社区网格巡查"
+            },
+            corganizerList: [],
+            uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+            customerId: localStorage.getItem('customerId'),
+
+        }
+
+    },
+ 
+    components: {Tinymce, UploadImage  },
+    mounted() {
+        this.activityType()
+        this.listServerOrg()
+    },
+ 
+    methods: {
+        async activityType() {
+            this.$nextTick(() => {
+                if (!map) {
+                    this.initMap(this.formData.latitude, this.formData.longitude);
+                    console.log("map", map,this.formData.latitude, this.formData.longitude)
+                } else {
+                    map.setCenter(this.formData.latitude, this.formData.longitude);
+                    map.setMarker(this.formData.latitude, this.formData.longitude);
+                    console.log("mapmapmap", map)
+                }
+            })
+        },
+        removedImg() {
+            this.formData.coverPic = ''
+        },
+        onChangeFileList(e) {
+            console.log(e, 'sssssb');
+            this.fileList = e.length > 0 ? e.map(item => ({
+                fileType: '0',
+                fileUrl: item.response.data.url
+            })) : []; // 当e为空时清空fileList
+            if (e.length > 0) {
+                this.formData.coverImg = e[0].response.data.url;
+            } else {
+                this.formData.coverImg = '';
+            }
+        },
+        async initForm(type, activityId) {
+            this.startLoading()
+            this.formType = type
+            console.log(type,activityId,"进行修改");
+   
+            if (type === 'edit') {
+                this.formData = activityId
+                if (activityId.coverPic) {
+                    let ob = {
+                        fileType: '0',
+                        fileUrl: activityId.coverPic
+                    };
+                    this.fileList = [ob];
+                    this.formData.coverPic = ob.fileUrl;
+                }
+            }  else {
+                
+            }
+            this.endLoading()
+ 
+        },
+ 
+        async getDemandOptions() {
+            this.$http
+                .post("/actual/base/serviceitem/listAllCategory",{})
+                .then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg);
+                    } else {
+                        console.log(res.data);
+                        this.demandOptions = this.getFlagData(
+                            this.getTreeData(res.data),
+                            "usableFlag"
+                        );
+                    }
+                })
+                .catch(() => {
+                    return this.$message.error("网络错误");
+                });
+        },
+        getFlagData(data, flag) {
+            if (!Array.isArray(data)) return [];
+            let arr1 = data.filter((item) => item[flag]);
+            let arr2 = arr1.map((item) => {
+                if (item.childCateList)
+                    return { ...item, childCateList: this.getFlagData(item.childCateList, flag) };
+                else return item;
+            });
+            return arr2;
+        },
+        getTreeData(data) {
+            if (!Array.isArray(data)) return [];
+            let arr = data.map((item) => {
+                let _item = {};
+                if (item.childCateList) {
+                    if (item.childCateList.length === 0)
+                        _item = { ...item, childCateList: undefined };
+                    else _item = { ...item, childCateList: this.getTreeData(item.childCateList) };
+                } else {
+                    _item = { ...item };
+                }
+                return _item;
+            });
+            return arr;
+        },
+        async loadGrid() {
+            const url = "/gov/org/customergrid/gridoption"
+ 
+            let params = {
+                agencyId: this.agencyId
+            }
+ 
+            const { data, code, msg } = await requestPost(url, params)
+ 
+            if (code === 0) {
+                this.gridList = data
+ 
+            } else {
+                this.$message.error(msg)
+            }
+ 
+        },
+ 
+ 
+
+        async handleComfirm() {
+            const link = document.createElement('a');
+            link.href = this.formData.src;
+            link.download = this.formData.title;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        },
+        async addActivity() {
+                let url = '/voluntary/newsTrends/saveOrUpdate'
+                const { data, code, msg } = await requestPost(url, this.formData)
+                if (code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '操作成功'
+                    })
+                } else {
+                    this.$message.error(msg)
+                }
+                console.log("sdlkfjklsdf ");
+                this.$emit('closeAdd')
+            },
+            
+ 
+ 
+        handleCancle() {
+             console.log("sdlkfjklsdf ");
+            this.$emit('closeAdd')
+ 
+        },
+ 
+
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: '正在加载……', // 加载中需要显示的文字
+                background: 'rgba(0,0,0,.7)' // 背景颜色
+            })
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close()
+            }
+        }
+    },
+    computed: {
+        dataRule() {
+            return {
+                columnId: [
+                    { required: true, message: '请输入图片集名称', trigger: 'blur' }
+                ],
+                title: [
+                    { required: true, message: '请选择共享范围', trigger: 'blur' }
+                ],
+                fileList: [
+                    { required: true, message: '请选择图片集封面', trigger: 'blur' }
+                ]
+            }
+        },
+ 
+    },
+    props: {
+ 
+ 
+ 
+    },
+    destroyed () {
+     map = null
+   }
+ }
+ </script>
+ 
+ 
+ <style lang="scss" scoped>
+ @import "@/assets/scss/modules/visual/communityManageForm.scss";
+ </style>
+ <style lang="scss" scoped>
+ .item_width_1 {
+    width: 634px;
+ 
+    /deep/.tox .tox-dialog {
+        z-index: 20000;
+    }
+ }
+ .u-item-width-normal{
+    width: 222px;
+ }
+ 
+ .tinymce_view {
+    ::v-deep .tox .tox-dialog {
+        z-index: 2000000000;
+    }
+ }
+ 
+ .div_map {
+    position: relative;
+ }
+ 
+ .div_searchmap {
+    z-index: 5000;
+    position: absolute;
+    top: 5px;
+    left: 5px;
+ }
+ 
+ .tinymce_view {
+    height: 400px;
+    overflow: auto;
+ }
+ 
+ .text_p {
+    margin: 0;
+    padding: 0 10px;
+    border: 1px solid #d9d9d9;
+    border-radius: 5px;
+ 
+    >p {
+        margin: 0;
+    }
+ }
+ </style>
\ No newline at end of file
diff --git a/src/views/modules/base/smartExcel/cpts/picture-add.vue b/src/views/modules/base/smartExcel/cpts/picture-add.vue
new file mode 100644
index 000000000..b35b2b481
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/picture-add.vue
@@ -0,0 +1,281 @@
+<template>
+    <div>
+        <div class="dialog-h-content scroll-h">
+            <el-form ref="ref_form" :inline="true" :model="formData" :rules="dataRule" class="form">
+                <el-row>
+
+                    <el-col :span="24">
+                        <el-form-item label="图片集名称" prop="albumName" label-width="150px">
+                            <el-input v-model.trim="formData.albumName" size="small" clearable placeholder="请输入图片集名称(30字以内)"
+                                class="u-item-width-normal"></el-input>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="24">
+                        <el-form-item label="图片集封面" label-width="150px" prop="coverPicture">
+                            <template>
+                                <upload-image :defaultFileList="fileList" :limit="1" @change="onChangeFileList"
+                                    @file-removed="removedImg"></upload-image>
+                            </template>
+                        </el-form-item>
+                    </el-col>
+                    
+                    <el-col :span="24">
+                        <el-form-item label-width="150px" label="共享范围" prop="sharedScope">
+                            <el-select v-model="formData.sharedScope" placeholder="仅本组织内共享" clearable>
+                                <el-option v-for="item in sharingScopeList" :key="item.value" :label="item.label"
+                                    :value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </div>
+        <div class="div_btn">
+            <el-button size="small" @click="handleCancle">取 消</el-button>
+            <el-button size="small"  type="primary" 
+                @click="handleComfirm">确 定</el-button>
+
+        </div>
+    </div>
+</template>
+ 
+ <script>
+ import { mapGetters } from 'vuex'
+ import { Loading } from 'element-ui' // 引入Loading服务
+ import { requestPost } from '@/js/dai/request'
+ import Tinymce from '@c/tinymce2/index.vue'
+ import daiMap from "@/utils/dai-map";
+ import util from '@js/util.js';
+ // import UploadImage from './upload-image.vue'
+ import UploadImage from '@/views/modules/plugins/rent/upload-image.vue'
+ 
+ 
+ var map
+ var search
+ var markers
+ var infoWindowList
+ var geocoder // 新建一个正逆地址解析类
+ 
+ let loading // 加载动画
+ export default {
+    data() {
+        return {
+            fileList:[],
+            sharingScopeList:[
+            {
+                    value:"0",
+                    label:"仅本部门内共享"
+                },
+                {
+                    value:"1",
+                    label:"本级和直接下级组织共享"
+                },
+                {
+                    value:"2",
+                    label:"本级和直接上级组织共享"
+                },
+                {
+                    value:"3",
+                    label:"本级和直接上下级组织共享"
+                },
+            ],
+            formType:"add",
+            formData:
+            {   
+                
+                coverPicture:"",
+                albumName:"",
+                sharedScope:""
+
+            },
+            corganizerList: [],
+            uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+            customerId: localStorage.getItem('customerId'),
+
+        }
+
+    },
+ 
+    components: {Tinymce, UploadImage  },
+    mounted() {
+        this.listServerOrg()
+    },
+ 
+    methods: {
+        removedImg() {
+            this.formData.coverPicture = ''
+        },
+        onChangeFileList(e) {
+            this.startLoading()
+            console.log(e, 'sssssb');
+            this.fileList = e.length > 0 ? e.map(item => ({
+                fileType: '0',
+                fileUrl: item.response.data.url
+            })) : []; // 当e为空时清空fileList
+            if (e.length > 0) {
+                this.formData.coverPicture = e[0].response.data.url;
+            } else {
+                this.formData.coverPicture = '';
+            }
+            this.endLoading()
+        },
+        async initForm(type, activityId) {
+            this.startLoading()
+            this.formType = type
+            console.log(type,activityId,"进行修改");
+            if (type === 'edit') {
+                this.formData = activityId
+                if (activityId.coverPicture) {
+                    let ob = {
+                        fileType: '0',
+                        fileUrl: activityId.coverPicture
+                    };
+                    this.fileList = [ob];
+                    this.formData.coverPicture = ob.fileUrl;
+                }
+            }  else {
+                
+            }
+            this.endLoading()
+ 
+        },
+        async handleComfirm() {
+            if(!this.formData.albumName){
+                return this.$message.error("请输入图片集名称")
+            }
+            if(!this.formData.coverPicture){
+                return this.$message.error("请上传封面图片")
+            }
+            if(!this.formData.sharedScope){
+                return this.$message.error("请选择共享范围")
+            }
+           this.addActivity()
+        },
+        async addActivity() {
+            if(this.formType=="add"){
+                let url = '/actual/base/albums/save'
+                const { data, code, msg } = await requestPost(url, this.formData)
+                if (code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '操作成功'
+                    })
+                } else {
+                    this.$message.error(msg)
+                }
+                this.$emit('closeAdd')
+            }else{
+                let url = '/actual/base/albums/update'
+                const { data, code, msg } = await requestPost(url, this.formData)
+                if (code === 0) {
+                    this.$message({
+                        type: 'success',
+                        message: '操作成功'
+                    })
+                } else {
+                    this.$message.error(msg)
+                }
+                this.$emit('closeAdd') 
+            }
+
+            },
+        handleCancle() {
+             console.log("sdlkfjklsdf ");
+            this.$emit('closeAdd')
+            
+        },
+ 
+
+        // 开启加载动画
+        startLoading() {
+            loading = Loading.service({
+                lock: true, // 是否锁定
+                text: '正在加载……', // 加载中需要显示的文字
+                background: 'rgba(0,0,0,.7)' // 背景颜色
+            })
+        },
+        // 结束加载动画
+        endLoading() {
+            // clearTimeout(timer);
+            if (loading) {
+                loading.close()
+            }
+        }
+    },
+    computed: {
+        dataRule() {
+            return {
+                albumName: [
+                    { required: true, message: '请输入图片集名称', trigger: 'blur' }
+                ],
+                sharedScope: [
+                    { required: true, message: '请选择共享范围', trigger: 'blur' }
+                ],
+                coverPicture: [
+                    { required: true, message: '请选择图片集封面', trigger: 'blur' }
+                ]
+            }
+        },
+ 
+    },
+    props: {
+ 
+ 
+ 
+    },
+    destroyed () {
+     map = null
+   }
+ }
+ </script>
+ 
+ 
+ <style lang="scss" scoped>
+ @import "@/assets/scss/modules/visual/communityManageForm.scss";
+ </style>
+ <style lang="scss" scoped>
+ .item_width_1 {
+    width: 634px;
+ 
+    /deep/.tox .tox-dialog {
+        z-index: 20000;
+    }
+ }
+ .u-item-width-normal{
+    width: 222px;
+ }
+ 
+ .tinymce_view {
+    ::v-deep .tox .tox-dialog {
+        z-index: 2000000000;
+    }
+ }
+ 
+ .div_map {
+    position: relative;
+ }
+ 
+ .div_searchmap {
+    z-index: 5000;
+    position: absolute;
+    top: 5px;
+    left: 5px;
+ }
+ 
+ .tinymce_view {
+    height: 400px;
+    overflow: auto;
+ }
+ 
+ .text_p {
+    margin: 0;
+    padding: 0 10px;
+    border: 1px solid #d9d9d9;
+    border-radius: 5px;
+ 
+    >p {
+        margin: 0;
+    }
+ }
+ </style>
\ No newline at end of file
diff --git a/src/views/modules/base/smartExcel/cpts/picture-collection.vue b/src/views/modules/base/smartExcel/cpts/picture-collection.vue
new file mode 100644
index 000000000..e2ce04fb9
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/picture-collection.vue
@@ -0,0 +1,175 @@
+<template>
+    <div class="" style="height: 900px;margin: 20px;">
+        <div v-if="!showPictureList">
+            <div class="flex  f-align_item ">
+                <el-button type="primary" style="margin:20px 0  20px 0" size="small"
+                @click="onClick('add')">新建图片库</el-button>
+            <el-input @blur="onSelect" v-model="name" placeholder="请输入内容" style="width: 200px; margin-left: 50px;"></el-input>
+            </div>
+         
+            <div>
+                <div class="gallery">
+                    <div v-for="(item, index) in pictureList" style="margin-bottom: 30px;">
+                        <div style="margin: 30px 30px 100px 30px ">
+                            <div style="position: relative;">
+                                <div style="position: absolute;z-index: 10; right: 20px;top: -20px; ">
+                                    <el-dropdown >
+                                        <span class="el-dropdown-link" style="color: blue;">
+                                            . . .
+                                        </span>
+                                        <el-dropdown-menu slot="dropdown">
+                                            <el-dropdown-item  @click.native="onClickEdit(item,'edit')">修改</el-dropdown-item>
+                                            <el-dropdown-item  @click.native="onClickEdit(item,'del')">删除</el-dropdown-item>
+                                        </el-dropdown-menu>
+                                    </el-dropdown>
+                                </div>
+                                <img :src="require(`@/assets/images/index/imageBackground.png`)" alt=""
+                                    style="    position: absolute; cursor:pointer;  height: 180px;width: 200px; ">
+                                <img :src="item.coverPicture ? `${item.coverPicture}` : require(`@/assets/images/index/noPictures.png`)"
+                                    @click="onPictureList" alt="" style=" top: -20px;
+                    left: -20px;;  position: absolute; cursor:pointer; height: 180px; width: 200px;">
+                            </div>
+                        </div>
+                        <div style="position: relative; bottom: -120px;left: 30px; font-size: 14px;">{{ item.albumName }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <el-dialog :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false"
+                title="查看图片" width="950px" top="5vh" class="dialog-h" @closed="closeAdd">
+                <picture-add ref="ref_form" @closeAdd="closeAdd"></picture-add>
+            </el-dialog>
+        </div>
+        <div v-if="showPictureList">
+            <picture-list ref="ref_form" @closeAdd="closePictureList"></picture-list>
+        </div>
+
+    </div>
+</template>
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+import pictureAdd  from '../cpts/picture-add.vue'
+import pictureList  from '../cpts/picture-list.vue'
+export default {
+data() {
+    return {
+        showPictureList:false,
+        formShow:false,
+        pictureList:[
+        ],
+        name:"",
+        pageNo: 1,
+        pageSize: window.localStorage.getItem("pageSize") || 20,
+        taskId:"",
+        tableData:[],
+        total: 1,
+    };
+   noPictures
+},
+created() {},
+mounted() {
+    this.getTableData()
+},
+methods: {
+    async getTableData() {
+            const url = "/actual/base/albums/page";
+            const { data, code, msg } = await requestGet(url, {
+                name:this.name,
+          
+            });
+            if (code === 0) {
+             this.pictureList=data.list
+            } else {
+                this.$message.error(msg);
+            }
+        },
+    onSelect(){
+        this.getTableData()
+    },
+    closePictureList(){
+        this.showPictureList=false  
+    },
+    onPictureList(){
+        this.showPictureList=true
+    },
+    closeAdd(){
+        console.log("dsfjklsdfjl");
+        this.formShow=false
+        this.getTableData()
+    },
+    onClick(type,id){
+        console.log(type,"这是点击");
+        this.formShow=true
+        this.$nextTick(() => {
+             this.$refs.ref_form.initForm(type,id);
+      });
+    },  
+    onClickEdit(item,val){
+        console.log(item,val,"ds.lm;sd");
+        if (val === 'del') {
+            this.$confirm("确认删除?", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            })
+                .then(() => {
+                    this.handleDelete(item)
+                })
+                .catch(err => {
+                    if (err == "cancel") {
+                    }
+                });
+        } else {
+            this.formShow = true
+            this.$nextTick(() => {
+                this.$refs.ref_form.initForm("edit", item);
+            });
+        }
+
+    }, 
+    async handleDelete(row) {
+        const url = "/actual/base/albums/delete"
+        let ids = [row.id]
+        const { data, code, msg } = await requestPost(url, ids)
+        if (code === 0) {
+            this.$message({
+                type: "success",
+                message: "删除成功"
+            });
+            this.getTableData()
+            this.loadTable()
+        } else {
+            this.$message.error(msg)
+        }
+    },
+
+},
+components:{pictureAdd,pictureList},
+computed:{
+    tableHeight() {
+        return (this.clientHeight - 140) + 'px'
+
+    },
+    ...mapGetters(['clientHeight', 'resolution']),
+},
+props: {
+    taskId: {
+        type: String,
+        default: ""
+    },
+},
+watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/pages/resiInfo.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+.gallery {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));
+    gap: 100px;
+
+}
+</style>
diff --git a/src/views/modules/base/smartExcel/cpts/picture-list.vue b/src/views/modules/base/smartExcel/cpts/picture-list.vue
new file mode 100644
index 000000000..0022ef448
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/picture-list.vue
@@ -0,0 +1,163 @@
+<template>
+    <div class="" style="height: 900px;margin: 20px;">
+        <div style="margin:20px 0  20px 0;align-items: center;" class="flex">
+            <el-button type="text" size="small"  @click="handelClickBack" style="margin-right: 10px; font-size: 10px;">返回</el-button>
+            <div style="margin-right: 10px;">{{ title }} </div>
+            <div>
+                <el-upload :headers="$getElUploadHeaders()" class="upload-demo" 
+                :data="{customerId:customerId}"
+                :action="uploadUlr" :show-file-list="false"
+                    :on-success="handleSuccess"   >
+                    <el-button size="small" type="primary">点击上传</el-button>
+                </el-upload>
+            </div>
+        </div>
+        <div>
+            <div class="gallery">
+                <div v-for="(item, index) in pictureList"
+                    style="display: flex;flex-direction: column; justify-content: center;align-items: center;">
+                    <div style="position: relative;" @click="onClickInfo(item)">
+                        <img :src="item.src ? `${item.src}` : require(`@/assets/images/index/noPictures.png`)" alt=""
+                            style=" cursor:pointer; height: 180px; width: 200px;">
+                        <el-dropdown @command="onClickEdit"
+                            style="position: absolute;z-index: 10;width: 30px;right: 1px;">
+                            <span class="el-dropdown-link" style="color: red;">
+                                . . .
+                            </span>
+                            <el-dropdown-menu slot="dropdown">
+                                <el-dropdown-item :command="item">删除</el-dropdown-item>
+                            </el-dropdown-menu>
+                        </el-dropdown>
+                    </div>
+                    <div style="margin-top: 10px;">{{ item.title }}
+                    </div>
+                    <div style="margin-top: 10px; font-size: 10px; color: #7f89a8;">
+                        <span style=""> {{ item.title }}</span>
+                        <span> {{ item.title }}</span>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+        <el-dialog :visible.sync="showInfo" :close-on-click-modal="false" :close-on-press-escape="false" title="查看图片"
+            width="950px" top="5vh" class="dialog-h" @closed="closeAdd">
+            <picture-Info v-if="showInfo" ref="ref_form" @closeAdd="closeAdd"></picture-Info>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import { requestPost, requestGet } from "@/js/dai/request";
+import { mapGetters } from 'vuex'
+import pictureInfo  from '../cpts/picture-Info.vue'
+import dayjs from "dayjs"
+export default {
+data() {
+    return {
+        showInfo:false,
+        uploadUlr: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+        title:"xx社区",
+        formShow:false,
+        pictureList:[
+            {
+                id:"1001",
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                title:"嘉定山社区网格巡查"
+            },
+            {
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                title:"嘉定山社区网格巡查"
+            },
+            {
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                      title:"嘉定山社区网格巡查"
+            },
+            {
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                      title:"嘉定山社区网格巡查"
+            },
+            {
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                      title:"嘉定山社区网格巡查"
+            },
+            {
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                      title:"嘉定山社区网格巡查"
+            },
+            {
+                src:"https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet-saas/dev/20250224/8b8a174ea85e48e684267ce1a3f10dd1.jpg",
+                      title:"嘉定山社区网格巡查"
+            },
+            {
+                src:"",
+                      title:"嘉定山社区网格巡查"
+            },
+       
+        ],
+        pageNo: 1,
+        pageSize: window.localStorage.getItem("pageSize") || 20,
+        taskId:"",
+        tableData:[],
+        total: 1,
+        formedate:{
+            date:"",
+            url:"",
+            fileName:"",
+            name:""
+        },
+        customerId: localStorage.getItem('customerId'),
+    };
+   noPictures
+},
+created() {},
+mounted() {
+    this.getTableData()
+},
+methods: {
+    handelClickBack(){
+        console.log("closePictureList");
+        this.$emit('closeAdd')
+    },
+    onClickInfo(item){
+        this.showInfo=true,
+        console.log("打开详情");
+        this.$nextTick(() => {
+             this.$refs.ref_form.initForm(item);
+      });
+        
+    },
+    handleSuccess(file, fileList){
+        console.log(file, fileList,"上传成功");
+        this.formedate.date=dayjs(item.time).format('YYYY-MM-DD')
+    },
+    closeAdd(){
+        this.showInfo=false
+    },
+},
+components:{pictureInfo},
+computed:{
+    tableHeight() {
+        return (this.clientHeight - 140) + 'px'
+
+    },
+    ...mapGetters(['clientHeight', 'resolution']),
+},
+props: {
+    taskId: {
+        type: String,
+        default: ""
+    },
+},
+watch: {},
+}
+</script>
+
+<style lang='scss' scoped>
+@import "@/assets/scss/pages/resiInfo.scss";
+@import "@/assets/scss/modules/management/list-main.scss";
+.gallery {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 2fr));
+    gap: 50px;
+
+}
+</style>
diff --git a/src/views/modules/base/smartExcel/cpts/share-excel.vue b/src/views/modules/base/smartExcel/cpts/share-excel.vue
new file mode 100644
index 000000000..42544fedb
--- /dev/null
+++ b/src/views/modules/base/smartExcel/cpts/share-excel.vue
@@ -0,0 +1,324 @@
+<template>
+    <div class='flex'>
+      <div :class="['flex', 'flex-y', 'flex1', sheetTotal ? 'luckysheet-wrap' : 'luckysheet-wrap-all']">
+        <div class="top_btn flex flex-end">
+          <div>
+            <el-button type="text" round @click="handelClickBack" 
+              icon="el-icon-back">返回</el-button>
+          </div>
+          <div>
+            <el-button type="primary" 
+              @click="handleClickCurrencyEvent('submit')">下载</el-button>
+          </div>
+        </div>
+        <div id="luckysheet"></div>
+      </div>
+      <el-dialog title="数据列表导出" v-if="showUploadData" :visible.sync="showUploadData" width="60%"
+        :close-on-click-modal="false">
+        <excelUploadData @handleUploadDataHide="handleUploadDataHide" :currentTable="currentTable"
+          :btnLoading="btnLoading">
+        </excelUploadData>
+      </el-dialog>
+    </div>
+  </template>
+  <script>
+  import excelUploadData from './excel-upload-data.vue';
+  import LuckyExcel from 'luckyexcel';
+  import options from "@/utils/luckysheetConfig.js";
+  import { mapGetters } from 'vuex'
+  import { requestPost, requestGet } from "@/js/dai/request";
+  import nextTick from "dai-js/tools/nextTick";
+  
+  
+  export default {
+    data() {
+      return {
+        showUploadData: false,
+        menuList: [],
+        menuActive: 0,
+        socket: null,
+        currentTable: null,
+        currentId: '',
+        btnLoading: false,
+      };
+    },
+    props: {
+      workbookId: {
+        type: String,
+        default: ''
+      },
+      pageType: {
+        type: String,
+        default: ''
+      },
+      sheetTotal: {
+        type: Boolean,
+        default: false
+      },
+      infoObj: {
+        type: Object,
+        default: () => { }
+      },
+      mergeObj: {
+        type: Object,
+        default: () => { }
+      },
+      userId: {
+        type: String,
+        default: ''
+      },
+      taskStateName: {
+        type: String,
+        default: ""
+      },
+    },
+    computed: {
+      tableHeight() {
+        return (this.clientHeight - 140) + 'px'
+      },
+      ...mapGetters(['clientHeight', 'resolution']),
+    },
+    async created() {
+  
+    },
+    watch: {},
+    async mounted() {
+      console.log( "dskjlfsdklf");
+      // if (this.sheetTotal) {
+      //   this.currentId = this.workbookId;
+      //   this.loadWorkBook()
+      // } else {
+      //   this.getTaskList()
+      // }
+      this.loadWorkBook()
+    },
+    methods: {
+      handleClickCurrencyEvent(){
+        var objsheet = luckysheet.getAllSheets()[0] // 得到表的数据
+        console.log(objsheet,"打算离开房间四点零分");
+        
+        // this.options = objsheet // 将表的数据保存本地
+        // this.postsheet()
+      },
+      // async postsheet() {
+      //   var strsheet = await JSON.stringify(this.options)// 对象转化为字符串
+      //   const sheetinfo = { id: 1, filename: strsheet }// 拼接成对象
+      //   // await updata(sheetinfo)// 传递对象后台
+      // },
+  
+      async handleClickInspect() {
+        // 获取celldata并转换为list
+        const list = luckysheet.getAllSheets()[0].celldata.map(item => ({
+          r: item.r,
+          c: item.c,
+          v: item.v.v || ''
+        }));
+        // 发送请求获取异常数据
+        let { data, code, msg } = await requestPost('/actual/base/intelligentImportData/checkData', list);
+        if (code === 0) {
+          if (data && data.length > 0) {
+            for (const { r, c } of data) {
+              luckysheet.setCellFormat(r, c, 'bg', '#f5504a');
+            }
+            const findArr = this.findUniqueElements(luckysheet.getAllSheets()[0].celldata, data);
+            findArr.forEach(({ r, c, v }) => {
+              if (v.bg === "#f5504a") {
+                luckysheet.setCellFormat(r, c, 'bg', '#ffffff');
+              }
+            });
+          } else {
+            this.$message.success('没有找到异常');
+          }
+        }
+      },
+  
+      findUniqueElements(A, B) {
+        // 创建B中r和c组合的键集合
+        const bCombinations = new Set(B.map(item => `${item.r},${item.c}`));
+        // 过滤A中不存在于B的组合
+        return A.filter(item => !bCombinations.has(`${item.r},${item.c}`));
+      },
+  
+      onClickUplond() {
+        this.showUploadData = true;
+        let list = luckysheet.getAllSheets()
+        this.currentTable = list.filter(item => item.status == '1')
+  
+      },
+      async handleUploadDataHide(val) {
+        this.showUploadData = false;
+        luckysheet.insertRow(this.currentTable[0].data.length, 1)
+        const findLastNonNullIndex = (arr) => {
+          for (let i = arr.length - 1; i >= 0; i--) {
+            const subArray = arr[i];
+            // 判断：是数组，且至少有一个不为 null 的元素
+            if (Array.isArray(subArray) && subArray.some(item => item !== null && item.v && item.v !== null && item.v !== '')) {
+              return i;  // 返回下标
+            }
+          }
+          return -1;  // 如果没有符合条件的，返回 -1
+        };
+        this.sheetR = findLastNonNullIndex(this.currentTable[0].data)
+        console.log(this.currentTable[0].data.length, val.length);
+        luckysheet.insertRow(this.currentTable[0].data.length, { number: val.length });
+        await nextTick(2000)
+        let newArray = val.map(obj => {
+          return Object.keys(obj).map(key => {
+            return { m: obj[key], "ct": { "fa": "General", "t": "g" }, v: obj[key] };
+          });
+        });
+        console.log(newArray, '处理后数据');
+        let bottomRightCorner = this.numberToLetter(Object.keys(val[0]).length)//选区右下角数字
+        luckysheet.setRangeValue(newArray, {
+          range: `A${this.sheetR + 2}:${bottomRightCorner}${this.sheetR + val.length}`,
+        })
+      },
+      // 数字转换对应顺序英文
+      numberToLetter(num) {
+        let letter = '';
+        while (num > 0) {
+          num -= 1; // 调整为从 0 开始（即 1 -> 'A'，2 -> 'B'，...）
+          letter = String.fromCharCode(num % 26 + 65) + letter; // 65 是 'A' 的 Unicode 编码
+          num = Math.floor(num / 26);
+        }
+        return letter;
+      },
+      handleCellEditBefore(){
+        console.log("sdfk;s.dkf");
+        
+      },
+  
+      loadWorkBook() {
+        window.luckysheet.destroy();
+        const { id } = this.$store.state.user;
+        options.gridKey = this.currentId;
+        options.allowUpdate = true;
+        options.container = 'luckysheet'
+        // options.loadUrl = `${process.env.VUE_APP_API_SERVER}/actual/base/luckySheet/workbook/load?workbookId=${this.currentId}`
+        // options.updateUrl = `${process.env.VUE_APP_SOCKET_SERVER}/actual/base/ws/luckysheet/${this.currentId}/${id}`
+        // options.loadSheetUrl = `${process.env.VUE_APP_API_SERVER}/actual/base/luckySheet/workbook/loadSheets`
+        window.luckysheet.create({
+          ...options,
+          hook: {
+            cellEditBefore: this.handleCellEditBefore,
+            sheetCreateAfter: this.handleSheetCreateAfter,
+          },
+        });
+      },
+      handleSheetCreateAfter(e) {
+        console.log('setsheet', e);
+      },
+      handelClickBack() {
+        this.$emit('handleShowPage')
+      },
+  
+    },
+    components: {
+      excelUploadData
+    },
+    components: {
+      excelUploadData
+    },
+    beforeDestroy() {
+      this.$store.state.sidebarFold = false;
+      if (this.socket) {
+        this.socket.close();
+      }
+    },
+  };
+  </script>
+  <style lang="scss" scoped>
+  .el-card {
+    margin: 10px auto;
+    padding: 0 16px;
+    box-sizing: border-box;
+    width: calc(100% - 40px);
+    border: none;
+  }
+  
+  .luckysheet-wrap {
+    margin: 10px;
+    padding: 0px;
+    z-index: 2;
+    width: calc(100vw - 400px);
+    height: calc(100vh - 250px);
+  }
+  
+  .luckysheet-wrap-all {
+    margin: 10px;
+    padding: 0px;
+    z-index: 2;
+    width: calc(100vw - 100px);
+    height: calc(100vh - 250px);
+  }
+  
+  #luckysheet {
+    width: 100%;
+    padding: 0px;
+    z-index: 2;
+    height: calc(100% - 80px);
+    margin: 10px;
+  }
+  
+  .top_btn {
+    height: 60px;
+    width: 100%;
+  }
+  
+  .upload-demo {
+    position: absolute;
+    z-index: 999999;
+    margin: 20px 0 0 22px;
+  }
+  
+  .right-slider {
+    position: absolute;
+    z-index: 999999;
+    border: 1px solid #eeeeee;
+    box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.2);
+    background: #ffffff;
+    margin: 10px 0 0 22px;
+    right: 10px;
+    width: 36%;
+    height: calc(100% - 20px);
+  }
+  
+  .el-header,
+  .el-footer {
+    text-align: left;
+    line-height: 40px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .el-main {
+    text-align: left;
+    line-height: 40px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .el-container {
+    display: flex;
+    height: 100%;
+    flex-direction: column;
+  }
+  
+  .left_menu {
+    width: 240px;
+  
+    .menu_item {
+      cursor: pointer;
+      padding: 10px 16px;
+      box-sizing: border-box;
+      margin-bottom: 5px;
+      background-color: #f2f8fd;
+      border-radius: 5px;
+      font-size: 14px;
+    }
+  
+    .active {
+      color: #3989eb;
+    }
+  }
+  </style>
\ No newline at end of file
diff --git a/src/views/modules/base/smartExcel/sharedSpace.vue b/src/views/modules/base/smartExcel/sharedSpace.vue
index 12a516aec..94420d166 100644
--- a/src/views/modules/base/smartExcel/sharedSpace.vue
+++ b/src/views/modules/base/smartExcel/sharedSpace.vue
@@ -2,19 +2,25 @@
   <div class="g-main">
     <div v-show="pageType == 'list'">
       <div class="m-table">
-        <div class="flex" >
-          <div style="align-items: center;justify-items: center;" class="f-align_item flex" :class="{ active: selectedIndex === index }" v-for="(item, index) in titleList"
-          :key="item.value" @click="selectItem(index)">
-          <span>{{ item.label }}</span>
+        <div class="flex">
+          <div style="align-items: center;justify-items: center;" class="f-align_item flex"
+            :class="{ active: selectedIndex === index }" v-for="(item, index) in titleList" :key="item.value"
+            @click="selectItem(index)">
+            <span>{{ item.label }}</span>
+          </div>
         </div>
-        </div>
-    
-        <el-table :data="tableData" border class="m-table-item" style="width: 100%" :height="maxTableHeight">
+
+        <el-table v-if="selectedIndex==0" :data="tableData" border class="m-table-item" style="width: 100%"
+          :height="maxTableHeight">
           <el-table-column prop="agencyName" align="center" label="文件名称" :show-overflow-tooltip="true">
+            <template slot-scope="scope">
+              <img style="width: 25px; height: 25px;margin-right: 20px;"
+                :src="require(`@/assets/images/index/Excel.png`)" alt="">
+              <span>{{ scope.row.agencyName
+                }}</span>
+            </template>
           </el-table-column>
           <el-table-column prop="taskTitle" label="所属任务" min-width="140" align="center" :show-overflow-tooltip="true" />
-
-
           <el-table-column prop="taskPeriod" align="center" width="100" label="任务周期" :show-overflow-tooltip="true">
             <template slot-scope="scope">
               {{ scope.row.taskPeriod === 'once' ? '一次性' : scope.row.taskPeriod === 'weekly' ? '每周' :
@@ -24,11 +30,14 @@
           </el-table-column>
           <el-table-column prop="taskStateName" align="center" width="100" label="状态" :show-overflow-tooltip="true">
             <template slot-scope="scope">
-              <span>{{ scope.row.taskStateName
+              <span :class="scope.row.taskStateName=='(已保存)未提交'?'yellow':scope.row.taskStateName=='已提交'?'blue':scope.row.taskStateName=='(已驳回)未提交'?'red':'green'">{{ scope.row.taskStateName
                 }}</span>
             </template>
           </el-table-column>
           <el-table-column prop="totalNum" label="下载人数" align="center" :show-overflow-tooltip="true" width="100">
+            <template slot-scope="scope">
+              <el-button type="text" @click="onClickRecord">{{ scope.row.totalNum}}</el-button>
+            </template>
           </el-table-column>
           <el-table-column prop="agencyName" align="center" label="所属组织" :show-overflow-tooltip="true">
           </el-table-column>
@@ -41,34 +50,47 @@
               <el-button @click=" handleInfo(scope.row)" type="text" size="small">查看</el-button>
             </template>
           </el-table-column>
+       
         </el-table>
-
-        <div>
+        <div v-if="selectedIndex==0">
           <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
             :current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)"
             layout="sizes, prev, pager, next, total" :total="total">
           </el-pagination>
         </div>
+        <div>
+          <data-sharing v-if="selectedIndex==1"></data-sharing>
+        </div>
+        <div>
+          <picture-collection v-if="selectedIndex==2"></picture-collection>
+        </div>
+    
       </div>
     </div>
+    <div v-if="showdownloadRecord">
+      <el-dialog title="下载记录" :visible.sync="showdownloadRecord" width="50%" :close-on-click-modal="false">
+        <export-shared :showType="showdownloadRecord" :taskId="formData.taskId"></export-shared>
+      </el-dialog>
+    </div>
     <div v-if="pageType == 'info'">
-      <excel-info @handleShowPage="handleShowPage" :taskId=task></excel-info>
+      <share-excel @handleShowPage="handleShowPage" :taskId=task></share-excel>
     </div>
     <div v-if="pageType == 'add'">
       <excel-add @handleShowPage="handleShowPage"></excel-add>
     </div>
   </div>
 </template>
-  
   <script>
   import { requestPost, requestGet } from "@/js/dai/request";
   import nextTick from "dai-js/tools/nextTick";
   import { mapGetters } from "vuex";
-  import excelInfo from "./cpts/excel-info";
+  import shareExcel from "./cpts/share-excel";
   import excelAdd from "./cpts/excel-add";
-  
+  import exportShared from "./cpts/export-shared.vue"
+  import dataSharing from "./cpts/data-sharing.vue"
+  import pictureCollection from "./cpts/picture-collection.vue"
   export default {
-    components: { excelInfo, excelAdd },
+    components: { exportShared,dataSharing,pictureCollection,shareExcel},
   
     data() {
       let endDisabledDate = (time) => {
@@ -91,6 +113,7 @@
         return time.getTime() > nowData;
       };
       return {
+        showdownloadRecord:false,
         selectedIndex: 0, // 记录选中的项
         titleList:[
           {
@@ -170,6 +193,9 @@
       this.getTableData()
     },
     methods: {
+      onClickRecord(){
+        this.showdownloadRecord=true
+      },
       selectItem(index) {
         this.selectedIndex = index; // 选中点击的项
       },
@@ -313,6 +339,18 @@
     }
 
 
+  }
+  .yellow{
+    color: #ddaa5d;
+  }
+  .blue{
+    color: #4e89ec;
+  }
+  .red{
+    color: #fc2b3b;
+  }
+  .green{
+    color: #2fcbbd;
   }
   .f-align_item {
       width: 100px;