| | |
| | | params: {'id':21} |
| | | }) |
| | | } |
| | | // ------------------------------- |
| | | // 分享 |
| | | export function share(data) { |
| | | return request({ |
| | | url: '/zHonorShare/share', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 查看分享给谁了什么数据 |
| | | export function shareToWho(data,query) { |
| | | return request({ |
| | | url: '/zHonorShare/getInfoByUserId', |
| | | method: 'post', |
| | | data: data, |
| | | params: query |
| | | }) |
| | | } |
| | | // 查看谁分享了数据 |
| | | export function getWhoShare(query) { |
| | | return request({ |
| | | url: '/zHonorShare/getInfoByShareId', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | // 下载分享的数据 |
| | | export function downShareData(data) { |
| | | return request({ |
| | | url: '/zHonorShare/downloadDate', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 收回分享数据 |
| | | export function deleteShareData(data) { |
| | | return request({ |
| | | url: '/zHonorShare/deleteInfoByUserId', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 展示下载的数据 |
| | | export function showShareData(query) { |
| | | return request({ |
| | | url: '/zHonorShare/all', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | |
| | | }) |
| | | } |
| | | |
| | | // ------------------------------- |
| | | // 分享 |
| | | export function share(data) { |
| | | return request({ |
| | | url: '/zSelfNoteShare/share', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 查看分享给谁了什么数据 |
| | | export function shareToWho(data,query) { |
| | | return request({ |
| | | url: '/zSelfNoteShare/getInfoByUserId', |
| | | method: 'post', |
| | | data: data, |
| | | params: query |
| | | }) |
| | | } |
| | | // 查看谁分享了数据 |
| | | export function getWhoShare(query) { |
| | | return request({ |
| | | url: '/zSelfNoteShare/getInfoByShareId', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | // 下载分享的数据 |
| | | export function downShareData(data) { |
| | | return request({ |
| | | url: '/zSelfNoteShare/downloadDate', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 收回分享数据 |
| | | export function deleteShareData(data) { |
| | | return request({ |
| | | url: '/zSelfNoteShare/deleteInfoByUserId', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 展示下载的数据 |
| | | export function showShareData(query) { |
| | | return request({ |
| | | url: '/zSelfNoteShare/all', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | |
| | | |
| | |
| | | // params: {'id':22} |
| | | }) |
| | | } |
| | | // ------------------------------- |
| | | // 分享 |
| | | export function share(data) { |
| | | return request({ |
| | | url: '/zSecretShare/share', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 查看分享给谁了什么数据 |
| | | export function shareToWho(data,query) { |
| | | return request({ |
| | | url: '/zSecretShare/getInfoByUserId', |
| | | method: 'post', |
| | | data: data, |
| | | params: query |
| | | }) |
| | | } |
| | | // 查看谁分享了数据 |
| | | export function getWhoShare(query) { |
| | | return request({ |
| | | url: '/zSecretShare/getInfoByShareId', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | // 下载分享的数据 |
| | | export function downShareData(data) { |
| | | return request({ |
| | | url: '/zSecretShare/downloadDate', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 收回分享数据 |
| | | export function deleteShareData(data) { |
| | | return request({ |
| | | url: '/zSecretShare/deleteInfoByUserId', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 展示下载的数据 |
| | | export function showShareData(query) { |
| | | return request({ |
| | | url: '/zSecretShare/all', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | |
| | | responseType: 'blob' |
| | | }) |
| | | } |
| | | |
| | |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // ------------------------------- |
| | | // 分享 |
| | | export function share(data) { |
| | | return request({ |
| | | url: '/zPropertyShare/share', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 查看分享给谁了什么数据 |
| | | export function shareToWho(data,query) { |
| | | return request({ |
| | | url: '/zPropertyShare/getInfoByUserId', |
| | | method: 'post', |
| | | data: data, |
| | | params: query |
| | | }) |
| | | } |
| | | // 查看谁分享了数据 |
| | | export function getWhoShare(query) { |
| | | return request({ |
| | | url: '/zPropertyShare/getInfoByShareId', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | // 下载分享的数据 |
| | | export function downShareData(data) { |
| | | return request({ |
| | | url: '/zPropertyShare/downloadDate', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 收回分享数据 |
| | | export function deleteShareData(data) { |
| | | return request({ |
| | | url: '/zPropertyShare/deleteInfoByUserId', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 展示下载的数据 |
| | | export function showShareData(query) { |
| | | return request({ |
| | | url: '/zPropertyShare/all', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | |
| | |
| | | // responseType: 'blob' |
| | | // }) |
| | | // } |
| | | // ------------------------------- |
| | | // 分享 |
| | | export function share(data) { |
| | | return request({ |
| | | url: '/zIdeaShare/share', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 查看分享给谁了什么数据 |
| | | export function shareToWho(data,query) { |
| | | return request({ |
| | | url: '/zIdeaShare/getInfoByUserId', |
| | | method: 'post', |
| | | data: data, |
| | | params: query |
| | | }) |
| | | } |
| | | // 查看谁分享了数据 |
| | | export function getWhoShare(query) { |
| | | return request({ |
| | | url: '/zIdeaShare/getInfoByShareId', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | // 下载分享的数据 |
| | | export function downShareData(data) { |
| | | return request({ |
| | | url: '/zIdeaShare/downloadDate', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 收回分享数据 |
| | | export function deleteShareData(data) { |
| | | return request({ |
| | | url: '/zIdeaShare/deleteInfoByUserId', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | // 展示下载的数据 |
| | | export function showShareData(query) { |
| | | return request({ |
| | | url: '/zIdeaShare/all', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | |
| | | >展示下载的分享数据</el-button> |
| | | </el-col> |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | </div> |
| | |
| | | |
| | | </el-upload> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleShare" |
| | | |
| | | >分享</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="handleWho" |
| | | >分享给谁了什么数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="whoShare" |
| | | >分享给我的数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="showData" |
| | | >展示下载的分享数据</el-button> |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | </div> |
| | |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleShare(scope.row)"> |
| | | <span style="font-size: 14px;">分享</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框1 --> |
| | | <el-dialog :title="title1" :visible.sync="open1" width="500px" append-to-body @close="handleClose2"> |
| | | |
| | | <el-table v-loading="loading1" :data="listRoot" :row-key="getRowId1" ref="table1" @selection-change="handleSelectionChange1" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column fixed label="序号" sortable type="index" :index="(queryParams1.pageNum-1)*queryParams1.pageSize+1" width="130"/> |
| | | <el-table-column label="身份" prop="identity" sortable width="130" > |
| | | <template slot-scope="scope" > |
| | | <span v-if="scope.row.isMyFamily==1">第{{scope.row.identity}}代</span> |
| | | <span v-else>——</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="姓名" prop="nickName" sortable :show-overflow-tooltip="true" width="145" align="center"/> |
| | | </el-table> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="subShare">分 享</el-button> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框2 --> |
| | | <el-dialog :title="title2" :visible.sync="open2" width="85%" append-to-body @close="handleClose"> |
| | | <div> |
| | | <el-select v-if="ifNum == 1" |
| | | v-model="user" id="userSelect" |
| | | placeholder="请选择分享的对象" clearable |
| | | style="width: 240px; |
| | | height: 35px; |
| | | border-radius: 16px 16px 16px 16px; |
| | | margin-bottom: 5px; |
| | | opacity: 0.5;" filterable allow-create |
| | | @change="selectValue"> |
| | | <el-option v-for="item in userOptions" |
| | | :key="item.value" :label="item.label" :value="item.value"/> |
| | | </el-select> |
| | | </div> |
| | | |
| | | <el-table v-loading="loading2" :data="shareList1" :row-key="getRowId2" ref="multipleTable" @selection-change="handleSelectionChange2" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column label="类别" prop="type" sortable :show-overflow-tooltip="true" width="120" align="center" > |
| | | <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template> |
| | | <!-- <template slot-scope="scope">{{ getSrc1(scope.row.type) }}</template>--> |
| | | </el-table-column> |
| | | <el-table-column label="名称" prop="name" sortable :show-overflow-tooltip="true" width="120" align="center" > |
| | | <template slot-scope="scope">{{scope.row.name? scope.row.name: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="证号/专业" prop="idNo" sortable :show-overflow-tooltip="true" width="170" align="center" > |
| | | <template slot-scope="scope">{{scope.row.idNo? scope.row.idNo: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="级别" prop="grade" sortable :show-overflow-tooltip="true" width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.grade? scope.row.grade: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="有效时间" prop="validityDate" :show-overflow-tooltip="true" sortable width="170" align="center" > |
| | | <template slot-scope="scope">{{scope.row.validityDate? scope.row.validityDate: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="获得时间" prop="getDate" sortable :show-overflow-tooltip="true" width="170" align="center" > |
| | | <template slot-scope="scope">{{scope.row.getDate? scope.row.getDate: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="存放位置" prop="location" sortable :show-overflow-tooltip="true" width="170" align="center" > |
| | | <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" width="160" align="center"> |
| | | <template slot-scope="scope" > |
| | | <div> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" |
| | | > |
| | | <img |
| | | v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <div class="button-container"> |
| | | <el-button |
| | | v-if="ifNum == 2" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleDown(scope.row)"> |
| | | <span style="font-size: 14px;">下载</span></el-button> |
| | | <el-button |
| | | v-if="ifNum == 1" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleBack(scope.row)"> |
| | | <span style="font-size: 14px;">收回</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total1>0" |
| | | :total="total1" |
| | | :page.sync="queryParams2.pageNo" |
| | | :limit.sync="queryParams2.pageSize" |
| | | @pagination='fenYe' |
| | | style="background: #FEF7FC;" |
| | | /> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | |
| | | //导入接口函数 |
| | | import {listHonor,listType,enload, addHonor,updateHonor, delHonor,uploadPic,getCategory} from "@/api/honor/index"; |
| | | |
| | | import {listHonor,listType,enload, addHonor,updateHonor, delHonor,uploadPic,getCategory, |
| | | share,shareToWho,getWhoShare,downShareData,deleteShareData,showShareData |
| | | } from "@/api/honor/index"; |
| | | import {listUserAll} from "@/api/root/index"; |
| | | import { Notification, MessageBox, Message, Loading } from 'element-ui' |
| | | export default { |
| | | name: "index", |
| | | dicts: ['sys_normal_disable'], |
| | | data() { |
| | | return { |
| | | // 分享给谁的list |
| | | listRoot: [], |
| | | open1:false, |
| | | open2:false, |
| | | id1: undefined, |
| | | shareList1: [], |
| | | // shareList2: [], |
| | | userOptions:[], |
| | | user:undefined, |
| | | userList:[], |
| | | ifNum:undefined, |
| | | selectWho:undefined, |
| | | title1: "", |
| | | title2: "", |
| | | loading1: false, |
| | | loading2: false, |
| | | // 查询参数1 |
| | | queryParams1: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | queryParams2: { |
| | | pageNo: 1, |
| | | pageSize: 10, |
| | | }, |
| | | ids1: [], |
| | | single1: true, |
| | | multiple1: true, |
| | | dateRange1: [], |
| | | |
| | | userId: undefined, |
| | | // 遮罩层 |
| | | disabled: false, |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getList1(); |
| | | this.getList(); |
| | | this.getTypeOptions(); |
| | | this.getInfo() |
| | | }, |
| | | methods: { |
| | | // 分页 |
| | | fenYe(){ |
| | | // @pagination='ifNum === 1 ? selectValue : (ifNum === 2 ? whoShare : showData)' |
| | | if(this.ifNum === 1){ |
| | | this.selectValue(this.selectWho) |
| | | }else if(this.ifNum === 2){ |
| | | this.whoShare() |
| | | }else{ |
| | | this.showData() |
| | | } |
| | | }, |
| | | // 关闭弹窗后 |
| | | handleClose(){ |
| | | this.user = '' |
| | | this.queryParams2.pageNo = 1 |
| | | this.total1 = 0 |
| | | }, |
| | | handleClose2(){ |
| | | this.$refs.table1.clearSelection() |
| | | }, |
| | | |
| | | // 下载他人给我分享的数据 |
| | | handleDown(row){ |
| | | const a = {"downloadContent" : row.id} |
| | | downShareData(a).then(() => { |
| | | Message({ message: "下载成功", type: 'success' }) |
| | | }) |
| | | }, |
| | | |
| | | // 收回分享给别人的数据 |
| | | handleBack(row){ |
| | | // 分享给谁的:this.selectWho |
| | | const list = {"shareIds": [this.selectWho],"shareContents": [row.id]} |
| | | deleteShareData(list).then(()=>{ |
| | | Message({ message: "收回成功", type: 'success' }) |
| | | |
| | | const list2 = {"shareIds": [this.selectWho]} |
| | | shareToWho(list2,this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | }) |
| | | }) |
| | | }, |
| | | // 展示下载的分享数据 |
| | | showData(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 3 |
| | | this.open2 = true |
| | | this.title2 = "下载的分享数据"; |
| | | showShareData(this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // console.log(response,'展示下载的分享数据展示下载的分享数据') |
| | | }) |
| | | }, |
| | | // 展示分享给我的数据 |
| | | whoShare(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 2 |
| | | this.open2 = true |
| | | this.title2 = "分享给我的数据"; |
| | | // const list = {"shareId": this.userList} |
| | | // const list = {"shareId": 111} |
| | | getWhoShare(this.queryParams2).then(response => { |
| | | const data = response.data.data |
| | | this.total1 = response.data.total |
| | | console.log(response,'展示分享给我的数据展示分享给我的数据s') |
| | | for(let i in data){ |
| | | console.log(i,'展示分享给我的数据展示分享给我的数据') |
| | | this.shareList1.push(data[i]) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // 分享给谁了什么数据 |
| | | selectValue(value){ |
| | | this.selectWho = value |
| | | this.shareList1 = [] |
| | | const list = {"shareIds": [this.selectWho]} |
| | | shareToWho(list,this.queryParams2).then(response => { |
| | | // this.loading2 = true; |
| | | response.data.data.forEach(res=>{ |
| | | if(res){ |
| | | this.shareList1.push(res) |
| | | } |
| | | }) |
| | | // this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // this.loading2 = false; |
| | | console.log(response.data,'分享给谁了什么数据分享给谁了什么数据') |
| | | }) |
| | | }, |
| | | handleWho(){ |
| | | this.ifNum = 1 |
| | | this.open2 = true |
| | | this.title2 = "分享给谁了什么数据"; |
| | | this.shareList1 = [] |
| | | }, |
| | | |
| | | /** 分享操作 */ |
| | | handleShare(row) { |
| | | if(row.id){ |
| | | this.id1 = [row.id] |
| | | } |
| | | this.open1 = true; |
| | | this.title1 = "分享"; |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange1(selection) { |
| | | this.ids1 = selection.map(item => item.userId) |
| | | this.single1 = selection.length!=1 |
| | | this.multiple1 = !selection.length |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange2(selection) { |
| | | // this.ids1 = selection.map(item => item.userId) |
| | | // // console.log(selection) |
| | | // console.log(this.ids1,'ids1ids1ids1ids1') |
| | | // this.single1 = selection.length!=1 |
| | | // this.multiple1 = !selection.length |
| | | }, |
| | | getRowId1(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getRowId2(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getList1() { |
| | | this.loading1 = true; |
| | | this.queryParams1.happenStartTime = this.dateRange1.length > 0 && this.dateRange1[0] |
| | | this.queryParams1.happenEndTime = this.dateRange1.length > 0 && this.dateRange1[1] |
| | | listUserAll(this.queryParams1).then(response => { |
| | | this.listRoot = response.data.data; |
| | | const kon = {} |
| | | this.listRoot.forEach(element => { |
| | | kon[element['nickName']] = element['userId'] |
| | | }) |
| | | for(let i in kon){ |
| | | this.userOptions.push({label: i,value: kon[i]}) |
| | | } |
| | | for(let i in this.userOptions){ |
| | | this.userList.push(this.userOptions[i].value) |
| | | } |
| | | console.log(this.userList,'userListuserListuserList') |
| | | this.loading1 = false; |
| | | } |
| | | ); |
| | | }, |
| | | // 确认分享 |
| | | subShare(row) { |
| | | const shareList = {} |
| | | shareList.shareContents = this.id1 || this.ids; |
| | | shareList.shareIds = this.ids1 |
| | | console.log(shareList,'sharelistsharelist') |
| | | this.$modal.confirm('是否确认分享?').then(function() { |
| | | return share(shareList); |
| | | }).then(() => { |
| | | |
| | | this.getList(); |
| | | this.$modal.msgSuccess("分享成功"); |
| | | this.id1 = undefined |
| | | this.open1 = false; |
| | | }).catch(() => {}); |
| | | }, |
| | | // ------------------------------------------------------------------ |
| | | |
| | | getInfo(){ |
| | | console.log('-----------------') |
| | | getInfo().then(response=>{ |
| | |
| | | list-type="picture-card" |
| | | :http-request="requestUpload1" |
| | | > |
| | | <template #tip> |
| | | <!-- <template #tip> |
| | | <div class="el-upload__tip"> |
| | | </div> |
| | | </template> |
| | | </template> --> |
| | | |
| | | <i slot="default" class="el-icon-plus"></i> |
| | | <div slot="file" slot-scope="{file}"> |
| | | <!-- 添加video元素用于显示视频 --> |
| | | <video |
| | | v-if="file.url.includes('.mp4')" |
| | | class="el-upload-list__item-thumbnail" |
| | | :src="file.url" |
| | | style="width: 147px; height: 147px" |
| | | fit="cover" |
| | | ></video> |
| | | <img v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 100%; height: 100%" |
| | | fit="cover"></img> |
| | | |
| | | <span class="el-upload-list__item-actions"> |
| | | <span class="el-upload-list__item-name">{{ file.name }}</span> |
| | | |
| | | |
| | | <span |
| | | |
| | | class="el-upload-list__item-delete" |
| | | @click="handleRemoveFile(file)" |
| | | > |
| | | <i class="el-icon-delete"></i> |
| | | </span> |
| | | </span> |
| | | |
| | | </div> |
| | | |
| | | |
| | | </el-upload> |
| | | <el-button |
| | | style="margin-left: 10px" |
| | |
| | | |
| | | </el-upload> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleShare" |
| | | |
| | | >分享</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="handleWho" |
| | | >分享给谁了什么数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="whoShare" |
| | | >分享给我的数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="showData" |
| | | >展示下载的分享数据</el-button> |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | |
| | | <el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">查看详情</el-button> |
| | | |
| | | </el-dropdown> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleShare(scope.row)"> |
| | | <span style="font-size: 14px;">分享</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框1 --> |
| | | <el-dialog :title="title1" :visible.sync="open1" width="500px" append-to-body @close="handleClose2"> |
| | | |
| | | <el-table v-loading="loading1" :data="listRoot" :row-key="getRowId1" ref="table1" @selection-change="handleSelectionChange1" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column fixed label="序号" sortable type="index" :index="(queryParams1.pageNum-1)*queryParams1.pageSize+1" width="130"/> |
| | | <el-table-column label="身份" prop="identity" sortable width="130" > |
| | | <template slot-scope="scope" > |
| | | <span v-if="scope.row.isMyFamily==1">第{{scope.row.identity}}代</span> |
| | | <span v-else>——</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="姓名" prop="nickName" sortable :show-overflow-tooltip="true" width="145" align="center"/> |
| | | </el-table> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="subShare">分 享</el-button> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框2 --> |
| | | <el-dialog :title="title2" :visible.sync="open2" width="85%" append-to-body @close="handleClose"> |
| | | <div> |
| | | <el-select v-if="ifNum == 1" |
| | | v-model="user" id="userSelect" |
| | | placeholder="请选择分享的对象" clearable |
| | | style="width: 240px; |
| | | height: 35px; |
| | | border-radius: 16px 16px 16px 16px; |
| | | margin-bottom: 5px; |
| | | opacity: 0.5;" filterable allow-create |
| | | @change="selectValue"> |
| | | <el-option v-for="item in userOptions" |
| | | :key="item.value" :label="item.label" :value="item.value"/> |
| | | </el-select> |
| | | </div> |
| | | |
| | | <el-table v-loading="loading2" :data="shareList1" :row-key="getRowId2" ref="multipleTable" @selection-change="handleSelectionChange2" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column label="发生时间" prop="happenTime" sortable width="150" align="center"> |
| | | <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="类别" prop="type" sortable width="100" /> |
| | | <el-table-column label="账号" prop="accNo" sortable width="100" /> |
| | | <el-table-column label="有效期" prop="validityDate" sortable width="150" align="center"> |
| | | <template slot-scope="scope">{{scope.row.validityDate? scope.row.validityDate: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="密码" prop="password" sortable width="100" /> |
| | | <el-table-column label="是否开启指纹" prop="isFinger" sortable width="130" > |
| | | <template slot-scope="scope">{{scope.row.isFinger===1 ?'是': '否'}}</template> |
| | | </el-table-column>> |
| | | <el-table-column label="是否开启人脸" prop="isFace" sortable width="130" > |
| | | <template slot-scope="scope">{{scope.row.isFace===1 ?'是': '否'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="私有/公有" prop="isPrivate" sortable width="100" > |
| | | <template slot-scope="scope">{{scope.row.isPrivate===1 ?'私有': '公有'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="存放位置" prop="location" sortable width="100" > |
| | | <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable width="100" > |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" align="center" sortable width="110" > |
| | | <template slot-scope="scope" > |
| | | <div @click="handleCheck(scope.row)"> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" |
| | | > |
| | | <img |
| | | v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <div class="button-container"> |
| | | <el-button |
| | | v-if="ifNum == 2" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleDown(scope.row)"> |
| | | <span style="font-size: 14px;">下载</span></el-button> |
| | | <el-button |
| | | v-if="ifNum == 1" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleBack(scope.row)"> |
| | | <span style="font-size: 14px;">收回</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total1>0" |
| | | :total="total1" |
| | | :page.sync="queryParams2.pageNo" |
| | | :limit.sync="queryParams2.pageSize" |
| | | @pagination='fenYe' |
| | | style="background: #FEF7FC;" |
| | | /> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | |
| | | //在system/note/index.js中导入接口函数 --接好了 |
| | | import {listSecret,enload,delSecret, addSecret, uploadPic,getCategory} from "@/api/secret/index"; |
| | | import {listSecret,enload,delSecret, addSecret, uploadPic,getCategory, |
| | | share,shareToWho,getWhoShare,downShareData,deleteShareData,showShareData |
| | | } from "@/api/secret/index"; |
| | | |
| | | import {listUserAll} from "@/api/root/index"; |
| | | import { Notification, MessageBox, Message, Loading } from 'element-ui' |
| | | |
| | | export default { |
| | | name: "Role", |
| | | dicts: ['sys_normal_disable'], |
| | | data() { |
| | | return { |
| | | // 分享给谁的list |
| | | listRoot: [], |
| | | open1:false, |
| | | open2:false, |
| | | id1: undefined, |
| | | shareList1: [], |
| | | // shareList2: [], |
| | | userOptions:[], |
| | | user:undefined, |
| | | userList:[], |
| | | ifNum:undefined, |
| | | selectWho:undefined, |
| | | title1: "", |
| | | title2: "", |
| | | loading1: false, |
| | | loading2: false, |
| | | // 查询参数1 |
| | | queryParams1: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | queryParams2: { |
| | | pageNo: 1, |
| | | pageSize: 10, |
| | | }, |
| | | ids1: [], |
| | | single1: true, |
| | | multiple1: true, |
| | | dateRange1: [], |
| | | |
| | | userId: undefined, |
| | | // 遮罩层 |
| | | disabled: false, |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getList1(); |
| | | this.getList(); |
| | | this.getCateInfo(); |
| | | this.getInfo() |
| | | |
| | | }, |
| | | methods: { |
| | | // 分页 |
| | | fenYe(){ |
| | | // @pagination='ifNum === 1 ? selectValue : (ifNum === 2 ? whoShare : showData)' |
| | | if(this.ifNum === 1){ |
| | | this.selectValue(this.selectWho) |
| | | }else if(this.ifNum === 2){ |
| | | this.whoShare() |
| | | }else{ |
| | | this.showData() |
| | | } |
| | | }, |
| | | // 关闭弹窗后 |
| | | handleClose(){ |
| | | this.user = '' |
| | | this.queryParams2.pageNo = 1 |
| | | this.total1 = 0 |
| | | }, |
| | | handleClose2(){ |
| | | this.$refs.table1.clearSelection() |
| | | }, |
| | | |
| | | // 下载他人给我分享的数据 |
| | | handleDown(row){ |
| | | const a = {"downloadContent" : row.id} |
| | | downShareData(a).then(() => { |
| | | Message({ message: "下载成功", type: 'success' }) |
| | | }) |
| | | }, |
| | | |
| | | // 收回分享给别人的数据 |
| | | handleBack(row){ |
| | | // 分享给谁的:this.selectWho |
| | | const list = {"shareIds": [this.selectWho],"shareContents": [row.id]} |
| | | deleteShareData(list).then(()=>{ |
| | | Message({ message: "收回成功", type: 'success' }) |
| | | |
| | | const list2 = {"shareIds": [this.selectWho]} |
| | | shareToWho(list2,this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | }) |
| | | }) |
| | | }, |
| | | // 展示下载的分享数据 |
| | | showData(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 3 |
| | | this.open2 = true |
| | | this.title2 = "下载的分享数据"; |
| | | showShareData(this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // console.log(response,'展示下载的分享数据展示下载的分享数据') |
| | | }) |
| | | }, |
| | | // 展示分享给我的数据 |
| | | whoShare(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 2 |
| | | this.open2 = true |
| | | this.title2 = "分享给我的数据"; |
| | | // const list = {"shareId": this.userList} |
| | | // const list = {"shareId": 111} |
| | | getWhoShare(this.queryParams2).then(response => { |
| | | const data = response.data.data |
| | | this.total1 = response.data.total |
| | | console.log(response,'展示分享给我的数据展示分享给我的数据s') |
| | | for(let i in data){ |
| | | console.log(i,'展示分享给我的数据展示分享给我的数据') |
| | | this.shareList1.push(data[i]) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // 分享给谁了什么数据 |
| | | selectValue(value){ |
| | | this.selectWho = value |
| | | this.shareList1 = [] |
| | | const list = {"shareIds": [this.selectWho]} |
| | | shareToWho(list,this.queryParams2).then(response => { |
| | | // this.loading2 = true; |
| | | response.data.data.forEach(res=>{ |
| | | if(res){ |
| | | this.shareList1.push(res) |
| | | } |
| | | }) |
| | | // this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // this.loading2 = false; |
| | | console.log(response.data,'分享给谁了什么数据分享给谁了什么数据') |
| | | }) |
| | | }, |
| | | handleWho(){ |
| | | this.ifNum = 1 |
| | | this.open2 = true |
| | | this.title2 = "分享给谁了什么数据"; |
| | | this.shareList1 = [] |
| | | }, |
| | | |
| | | /** 分享操作 */ |
| | | handleShare(row) { |
| | | if(row.id){ |
| | | this.id1 = [row.id] |
| | | } |
| | | this.open1 = true; |
| | | this.title1 = "分享"; |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange1(selection) { |
| | | this.ids1 = selection.map(item => item.userId) |
| | | this.single1 = selection.length!=1 |
| | | this.multiple1 = !selection.length |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange2(selection) { |
| | | // this.ids1 = selection.map(item => item.userId) |
| | | // // console.log(selection) |
| | | // console.log(this.ids1,'ids1ids1ids1ids1') |
| | | // this.single1 = selection.length!=1 |
| | | // this.multiple1 = !selection.length |
| | | }, |
| | | getRowId1(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getRowId2(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getList1() { |
| | | this.loading1 = true; |
| | | this.queryParams1.happenStartTime = this.dateRange1.length > 0 && this.dateRange1[0] |
| | | this.queryParams1.happenEndTime = this.dateRange1.length > 0 && this.dateRange1[1] |
| | | listUserAll(this.queryParams1).then(response => { |
| | | this.listRoot = response.data.data; |
| | | const kon = {} |
| | | this.listRoot.forEach(element => { |
| | | kon[element['nickName']] = element['userId'] |
| | | }) |
| | | for(let i in kon){ |
| | | this.userOptions.push({label: i,value: kon[i]}) |
| | | } |
| | | for(let i in this.userOptions){ |
| | | this.userList.push(this.userOptions[i].value) |
| | | } |
| | | console.log(this.userList,'userListuserListuserList') |
| | | this.loading1 = false; |
| | | } |
| | | ); |
| | | }, |
| | | // 确认分享 |
| | | subShare(row) { |
| | | const shareList = {} |
| | | shareList.shareContents = this.id1 || this.ids; |
| | | shareList.shareIds = this.ids1 |
| | | console.log(shareList,'sharelistsharelist') |
| | | this.$modal.confirm('是否确认分享?').then(function() { |
| | | return share(shareList); |
| | | }).then(() => { |
| | | |
| | | this.getList(); |
| | | this.$modal.msgSuccess("分享成功"); |
| | | this.id1 = undefined |
| | | this.open1 = false; |
| | | }).catch(() => {}); |
| | | }, |
| | | // ------------------------------------------------------------------ |
| | | |
| | | getInfo(){ |
| | | console.log('-----------------') |
| | | getInfo().then(response=>{ |
| | |
| | | |
| | | </el-upload> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleShare" |
| | | |
| | | >分享</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="handleWho" |
| | | >分享给谁了什么数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="whoShare" |
| | | >分享给我的数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="showData" |
| | | >展示下载的分享数据</el-button> |
| | | </el-col> |
| | | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | </div> |
| | |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck1(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleShare(scope.row)"> |
| | | <span style="font-size: 14px;">分享</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | |
| | | <!-- 分享对话框1 --> |
| | | <el-dialog :title="title1" :visible.sync="open1" width="500px" append-to-body @close="handleClose2"> |
| | | |
| | | <el-table v-loading="loading1" :data="listRoot" :row-key="getRowId1" ref="table1" @selection-change="handleSelectionChange1" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column fixed label="序号" sortable type="index" :index="(queryParams1.pageNum-1)*queryParams1.pageSize+1" width="130"/> |
| | | <el-table-column label="身份" prop="identity" sortable width="130" > |
| | | <template slot-scope="scope" > |
| | | <span v-if="scope.row.isMyFamily==1">第{{scope.row.identity}}代</span> |
| | | <span v-else>——</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="姓名" prop="nickName" sortable :show-overflow-tooltip="true" width="145" align="center"/> |
| | | </el-table> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="subShare">分 享</el-button> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框2 --> |
| | | <el-dialog :title="title2" :visible.sync="open2" width="85%" append-to-body @close="handleClose"> |
| | | <div> |
| | | <el-select v-if="ifNum == 1" |
| | | v-model="user" id="userSelect" |
| | | placeholder="请选择分享的对象" clearable |
| | | style="width: 240px; |
| | | height: 35px; |
| | | border-radius: 16px 16px 16px 16px; |
| | | margin-bottom: 5px; |
| | | opacity: 0.5;" filterable allow-create |
| | | @change="selectValue"> |
| | | <el-option v-for="item in userOptions" |
| | | :key="item.value" :label="item.label" :value="item.value"/> |
| | | </el-select> |
| | | </div> |
| | | |
| | | <el-table v-loading="loading2" :data="shareList1" :row-key="getRowId2" ref="multipleTable" @selection-change="handleSelectionChange2" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column label="时间" prop="happenTime" sortable :show-overflow-tooltip="true" width="150" align="center" > |
| | | <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="人物" prop="people" sortable :show-overflow-tooltip="true" width="150" align="center" > |
| | | <template slot-scope="scope">{{scope.row.people? scope.row.people: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="地点" prop="address" sortable :show-overflow-tooltip="true" width="160" align="center" > |
| | | <template slot-scope="scope">{{scope.row.address? scope.row.address: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="事件标题" prop="title" sortable :show-overflow-tooltip="true" width="160" align="center"> |
| | | <template slot-scope="scope">{{scope.row.title? scope.row.title: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" width="150" align="center"> |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" width="160" align="center"> |
| | | <template slot-scope="scope" > |
| | | <div> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" |
| | | > |
| | | <img |
| | | v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width" v-if="userId != 2"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <div class="button-container"> |
| | | <el-button |
| | | v-if="ifNum == 2" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleDown(scope.row)"> |
| | | <span style="font-size: 14px;">下载</span></el-button> |
| | | <el-button |
| | | v-if="ifNum == 1" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleBack(scope.row)"> |
| | | <span style="font-size: 14px;">收回</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total1>0" |
| | | :total="total1" |
| | | :page.sync="queryParams2.pageNo" |
| | | :limit.sync="queryParams2.pageSize" |
| | | @pagination='fenYe' |
| | | style="background: #FEF7FC;" |
| | | /> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | getCertificateList, addCertificate, updateCertificate, delCertificate, |
| | | getAbroadList, addAbroad, updateAbroad, delAbroad, listType, |
| | | getAutobiographyList, getAutobiographyTermList, addAutobiography, updateAutobiography,delAutobiography, |
| | | getCategory,download |
| | | getCategory,download, |
| | | |
| | | } from "@/api/self/index"; |
| | | import {listUserAll} from "@/api/root/index"; |
| | | // import { listRole, getRole, delRole, addRole, updateRole, dataScope,changeRoleStatus, deptTreeSelect } from "@/api/system/role"; |
| | | // import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu"; |
| | | |
| | | //导入接口函数 |
| | | import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic} from "@/api/memo/index"; |
| | | import {listNote,enload,getNote, addNote,updateNote, delNote,uploadPic, |
| | | share,shareToWho,getWhoShare,downShareData,deleteShareData,showShareData |
| | | } from "@/api/memo/index"; |
| | | import {getInfo} from "@/api/login"; |
| | | import { Notification, MessageBox, Message, Loading } from 'element-ui' |
| | | //import { delFamilyevent, uploadPic } from '../../api/bignote' |
| | |
| | | |
| | | data() { |
| | | return { |
| | | // 分享给谁的list |
| | | listRoot: [], |
| | | open1:false, |
| | | open2:false, |
| | | id1: undefined, |
| | | shareList1: [], |
| | | // shareList2: [], |
| | | userOptions:[], |
| | | user:undefined, |
| | | userList:[], |
| | | ifNum:undefined, |
| | | selectWho:undefined, |
| | | title1: "", |
| | | title2: "", |
| | | loading1: false, |
| | | loading2: false, |
| | | // 查询参数1 |
| | | queryParams1: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | queryParams2: { |
| | | pageNo: 1, |
| | | pageSize: 10, |
| | | }, |
| | | ids1: [], |
| | | single1: true, |
| | | multiple1: true, |
| | | dateRange1: [], |
| | | |
| | | userId: undefined, |
| | | uploadFileList: [], |
| | | uploadFileList1: [], |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getList1(); |
| | | this.getList(); |
| | | this.getAutobiographyInfor() |
| | | this.getInfo() |
| | | }, |
| | | methods: { |
| | | // 分页 |
| | | fenYe(){ |
| | | // @pagination='ifNum === 1 ? selectValue : (ifNum === 2 ? whoShare : showData)' |
| | | if(this.ifNum === 1){ |
| | | this.selectValue(this.selectWho) |
| | | }else if(this.ifNum === 2){ |
| | | this.whoShare() |
| | | }else{ |
| | | this.showData() |
| | | } |
| | | }, |
| | | // 关闭弹窗后 |
| | | handleClose(){ |
| | | this.user = '' |
| | | this.queryParams2.pageNo = 1 |
| | | this.total1 = 0 |
| | | }, |
| | | handleClose2(){ |
| | | this.$refs.table1.clearSelection() |
| | | }, |
| | | |
| | | // 下载他人给我分享的数据 |
| | | handleDown(row){ |
| | | const a = {"downloadContent" : row.id} |
| | | downShareData(a).then(() => { |
| | | Message({ message: "下载成功", type: 'success' }) |
| | | }) |
| | | }, |
| | | |
| | | // 收回分享给别人的数据 |
| | | handleBack(row){ |
| | | // 分享给谁的:this.selectWho |
| | | const list = {"shareIds": [this.selectWho],"shareContents": [row.id]} |
| | | deleteShareData(list).then(()=>{ |
| | | Message({ message: "收回成功", type: 'success' }) |
| | | |
| | | const list2 = {"shareIds": [this.selectWho]} |
| | | shareToWho(list2,this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | }) |
| | | }) |
| | | }, |
| | | // 展示下载的分享数据 |
| | | showData(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 3 |
| | | this.open2 = true |
| | | this.title2 = "下载的分享数据"; |
| | | showShareData(this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // console.log(response,'展示下载的分享数据展示下载的分享数据') |
| | | }) |
| | | }, |
| | | // 展示分享给我的数据 |
| | | whoShare(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 2 |
| | | this.open2 = true |
| | | this.title2 = "分享给我的数据"; |
| | | // const list = {"shareId": this.userList} |
| | | // const list = {"shareId": 111} |
| | | getWhoShare(this.queryParams2).then(response => { |
| | | const data = response.data.data |
| | | this.total1 = response.data.total |
| | | console.log(response,'展示分享给我的数据展示分享给我的数据s') |
| | | for(let i in data){ |
| | | console.log(i,'展示分享给我的数据展示分享给我的数据') |
| | | this.shareList1.push(data[i]) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // 分享给谁了什么数据 |
| | | selectValue(value){ |
| | | this.selectWho = value |
| | | this.shareList1 = [] |
| | | const list = {"shareIds": [this.selectWho]} |
| | | shareToWho(list,this.queryParams2).then(response => { |
| | | // this.loading2 = true; |
| | | response.data.data.forEach(res=>{ |
| | | if(res){ |
| | | this.shareList1.push(res) |
| | | } |
| | | }) |
| | | // this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // this.loading2 = false; |
| | | console.log(response.data,'分享给谁了什么数据分享给谁了什么数据') |
| | | }) |
| | | }, |
| | | handleWho(){ |
| | | this.ifNum = 1 |
| | | this.open2 = true |
| | | this.title2 = "分享给谁了什么数据"; |
| | | this.shareList1 = [] |
| | | }, |
| | | |
| | | /** 分享操作 */ |
| | | handleShare(row) { |
| | | if(row.id){ |
| | | this.id1 = [row.id] |
| | | } |
| | | this.open1 = true; |
| | | this.title1 = "分享"; |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange1(selection) { |
| | | this.ids1 = selection.map(item => item.userId) |
| | | this.single1 = selection.length!=1 |
| | | this.multiple1 = !selection.length |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange2(selection) { |
| | | // this.ids1 = selection.map(item => item.userId) |
| | | // // console.log(selection) |
| | | // console.log(this.ids1,'ids1ids1ids1ids1') |
| | | // this.single1 = selection.length!=1 |
| | | // this.multiple1 = !selection.length |
| | | }, |
| | | getRowId1(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getRowId2(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getList1() { |
| | | this.loading1 = true; |
| | | this.queryParams1.happenStartTime = this.dateRange1.length > 0 && this.dateRange1[0] |
| | | this.queryParams1.happenEndTime = this.dateRange1.length > 0 && this.dateRange1[1] |
| | | listUserAll(this.queryParams1).then(response => { |
| | | this.listRoot = response.data.data; |
| | | const kon = {} |
| | | this.listRoot.forEach(element => { |
| | | kon[element['nickName']] = element['userId'] |
| | | }) |
| | | for(let i in kon){ |
| | | this.userOptions.push({label: i,value: kon[i]}) |
| | | } |
| | | for(let i in this.userOptions){ |
| | | this.userList.push(this.userOptions[i].value) |
| | | } |
| | | console.log(this.userList,'userListuserListuserList') |
| | | this.loading1 = false; |
| | | } |
| | | ); |
| | | }, |
| | | // 确认分享 |
| | | subShare(row) { |
| | | const shareList = {} |
| | | shareList.shareContents = this.id1 || this.ids; |
| | | shareList.shareIds = this.ids1 |
| | | console.log(shareList,'sharelistsharelist') |
| | | this.$modal.confirm('是否确认分享?').then(function() { |
| | | return share(shareList); |
| | | }).then(() => { |
| | | |
| | | this.getList(); |
| | | this.$modal.msgSuccess("分享成功"); |
| | | this.id1 = undefined |
| | | this.open1 = false; |
| | | }).catch(() => {}); |
| | | }, |
| | | // ------------------------------------------------------------------ |
| | | |
| | | getInfo(){ |
| | | console.log('-----------------') |
| | | getInfo().then(response=>{ |
| | |
| | | icon="el-icon-top" >导入</el-button> |
| | | </el-upload> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleShare" |
| | | |
| | | >分享</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="handleWho" |
| | | >分享给谁了什么数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="whoShare" |
| | | >分享给我的数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="showData" |
| | | >展示下载的分享数据</el-button> |
| | | </el-col> |
| | | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | </div> |
| | |
| | | >查看详情</el-button> |
| | | |
| | | </el-dropdown> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleShare(scope.row)"> |
| | | <span style="font-size: 1em;">分享</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框1 --> |
| | | <el-dialog :title="title1" :visible.sync="open1" width="500px" append-to-body @close="handleClose2"> |
| | | |
| | | <el-table v-loading="loading1" :data="listRoot" :row-key="getRowId1" ref="table1" @selection-change="handleSelectionChange1" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column fixed label="序号" sortable type="index" :index="(queryParams1.pageNum-1)*queryParams1.pageSize+1" width="130"/> |
| | | <el-table-column label="身份" prop="identity" sortable width="130" > |
| | | <template slot-scope="scope" > |
| | | <span v-if="scope.row.isMyFamily==1">第{{scope.row.identity}}代</span> |
| | | <span v-else>——</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="姓名" prop="nickName" sortable :show-overflow-tooltip="true" width="145" align="center"/> |
| | | </el-table> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="subShare">分 享</el-button> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框2 --> |
| | | <el-dialog :title="title2" :visible.sync="open2" width="85%" append-to-body @close="handleClose"> |
| | | <div> |
| | | <el-select v-if="ifNum == 1" |
| | | v-model="user" id="userSelect" |
| | | placeholder="请选择分享的对象" clearable |
| | | style="width: 240px; |
| | | height: 35px; |
| | | border-radius: 16px 16px 16px 16px; |
| | | margin-bottom: 5px; |
| | | opacity: 0.5;" filterable allow-create |
| | | @change="selectValue"> |
| | | <el-option v-for="item in userOptions" |
| | | :key="item.value" :label="item.label" :value="item.value"/> |
| | | </el-select> |
| | | </div> |
| | | |
| | | <el-table v-loading="loading2" :data="shareList1" :row-key="getRowId2" ref="multipleTable" @selection-change="handleSelectionChange2" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column label="日期" prop="happenTime" sortable width="100" align="center"> |
| | | <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="财产类别" prop="type" sortable width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="财产名称" prop="incomeName" sortable :show-overflow-tooltip="true" width="120" align="center" > |
| | | <template slot-scope="scope">{{scope.row.incomeName? scope.row.incomeName: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="价值(金额)" prop="price" sortable width="140" align="center" > |
| | | <template slot-scope="scope">{{scope.row.price? scope.row.price: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="期限" prop="timeLimit" sortable width="110" align="center"> |
| | | <template slot-scope="scope">{{scope.row.timeLimit? scope.row.timeLimit: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="变更/注销" prop="isChange" sortable width="140" align="center"> |
| | | <template slot-scope="scope">{{scope.row.isChange? scope.row.isChange: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="产权" prop="propertyRight" sortable width="110" align="center"> |
| | | <template slot-scope="scope">{{scope.row.propertyRight? scope.row.propertyRight: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="存放位置" prop="location" sortable width="110" align="center"> |
| | | <template slot-scope="scope">{{scope.row.location? scope.row.location: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="是否注销" prop="status" sortable width="100" align="center"> |
| | | <template slot-scope="scope">{{scope.row.status===1? '是': '否'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" width="160" align="center"> |
| | | <template slot-scope="scope" > |
| | | <div> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" |
| | | > |
| | | <img |
| | | v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable width="90" align="center"> |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <div class="button-container"> |
| | | <el-button |
| | | v-if="ifNum == 2" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleDown(scope.row)"> |
| | | <span style="font-size: 14px;">下载</span></el-button> |
| | | <el-button |
| | | v-if="ifNum == 1" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleBack(scope.row)"> |
| | | <span style="font-size: 14px;">收回</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total1>0" |
| | | :total="total1" |
| | | :page.sync="queryParams2.pageNo" |
| | | :limit.sync="queryParams2.pageSize" |
| | | @pagination='fenYe' |
| | | style="background: #FEF7FC;" |
| | | /> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | |
| | | //导入接口函数 |
| | | import {listSelfEconomy, getSelfEconomyInfo,enload, addSelfEconomy,delSelfEconomy, updateSelfEconomy,uploadPic,downloadModel} from "@/api/selfeconomy/index"; |
| | | import {Message} from "element-ui"; |
| | | import {listSelfEconomy, getSelfEconomyInfo,enload, addSelfEconomy,delSelfEconomy, updateSelfEconomy,uploadPic,downloadModel, |
| | | share,shareToWho,getWhoShare,downShareData,deleteShareData,showShareData |
| | | } from "@/api/selfeconomy/index"; |
| | | import {listUserAll} from "@/api/root/index"; |
| | | import { Notification, MessageBox, Message, Loading } from 'element-ui' |
| | | |
| | | |
| | | export default { |
| | |
| | | dicts: ['sys_normal_disable'], |
| | | data() { |
| | | return { |
| | | // 分享给谁的list |
| | | listRoot: [], |
| | | open1:false, |
| | | open2:false, |
| | | id1: undefined, |
| | | shareList1: [], |
| | | // shareList2: [], |
| | | userOptions:[], |
| | | user:undefined, |
| | | userList:[], |
| | | ifNum:undefined, |
| | | selectWho:undefined, |
| | | title1: "", |
| | | title2: "", |
| | | loading1: false, |
| | | loading2: false, |
| | | // 查询参数1 |
| | | queryParams1: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | queryParams2: { |
| | | pageNo: 1, |
| | | pageSize: 10, |
| | | }, |
| | | ids1: [], |
| | | single1: true, |
| | | multiple1: true, |
| | | dateRange1: [], |
| | | |
| | | |
| | | userId: undefined, |
| | | // 遮罩层 |
| | | disabled: false, |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getList1() |
| | | this.getList(); |
| | | this.getCateInfor() |
| | | this.getInfo() |
| | |
| | | // } |
| | | }, |
| | | methods: { |
| | | // 分页 |
| | | fenYe(){ |
| | | // @pagination='ifNum === 1 ? selectValue : (ifNum === 2 ? whoShare : showData)' |
| | | if(this.ifNum === 1){ |
| | | this.selectValue(this.selectWho) |
| | | }else if(this.ifNum === 2){ |
| | | this.whoShare() |
| | | }else{ |
| | | this.showData() |
| | | } |
| | | }, |
| | | // 关闭弹窗后 |
| | | handleClose(){ |
| | | this.user = '' |
| | | this.queryParams2.pageNo = 1 |
| | | this.total1 = 0 |
| | | }, |
| | | handleClose2(){ |
| | | this.$refs.table1.clearSelection() |
| | | }, |
| | | |
| | | // 下载他人给我分享的数据 |
| | | handleDown(row){ |
| | | const a = {"downloadContent" : row.id} |
| | | downShareData(a).then(() => { |
| | | Message({ message: "下载成功", type: 'success' }) |
| | | }) |
| | | }, |
| | | |
| | | // 收回分享给别人的数据 |
| | | handleBack(row){ |
| | | // 分享给谁的:this.selectWho |
| | | const list = {"shareIds": [this.selectWho],"shareContents": [row.id]} |
| | | deleteShareData(list).then(()=>{ |
| | | Message({ message: "收回成功", type: 'success' }) |
| | | |
| | | const list2 = {"shareIds": [this.selectWho]} |
| | | shareToWho(list2,this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | }) |
| | | }) |
| | | }, |
| | | // 展示下载的分享数据 |
| | | showData(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 3 |
| | | this.open2 = true |
| | | this.title2 = "下载的分享数据"; |
| | | showShareData(this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // console.log(response,'展示下载的分享数据展示下载的分享数据') |
| | | }) |
| | | }, |
| | | // 展示分享给我的数据 |
| | | whoShare(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 2 |
| | | this.open2 = true |
| | | this.title2 = "分享给我的数据"; |
| | | // const list = {"shareId": this.userList} |
| | | // const list = {"shareId": 111} |
| | | getWhoShare(this.queryParams2).then(response => { |
| | | const data = response.data.data |
| | | this.total1 = response.data.total |
| | | console.log(response,'展示分享给我的数据展示分享给我的数据s') |
| | | for(let i in data){ |
| | | console.log(i,'展示分享给我的数据展示分享给我的数据') |
| | | this.shareList1.push(data[i]) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // 分享给谁了什么数据 |
| | | selectValue(value){ |
| | | this.selectWho = value |
| | | this.shareList1 = [] |
| | | const list = {"shareIds": [this.selectWho]} |
| | | shareToWho(list,this.queryParams2).then(response => { |
| | | // this.loading2 = true; |
| | | response.data.data.forEach(res=>{ |
| | | if(res){ |
| | | this.shareList1.push(res) |
| | | } |
| | | }) |
| | | // this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // this.loading2 = false; |
| | | console.log(response.data,'分享给谁了什么数据分享给谁了什么数据') |
| | | }) |
| | | }, |
| | | handleWho(){ |
| | | this.ifNum = 1 |
| | | this.open2 = true |
| | | this.title2 = "分享给谁了什么数据"; |
| | | this.shareList1 = [] |
| | | }, |
| | | |
| | | /** 分享操作 */ |
| | | handleShare(row) { |
| | | if(row.id){ |
| | | this.id1 = [row.id] |
| | | } |
| | | this.open1 = true; |
| | | this.title1 = "分享"; |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange1(selection) { |
| | | this.ids1 = selection.map(item => item.userId) |
| | | this.single1 = selection.length!=1 |
| | | this.multiple1 = !selection.length |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange2(selection) { |
| | | // this.ids1 = selection.map(item => item.userId) |
| | | // // console.log(selection) |
| | | // console.log(this.ids1,'ids1ids1ids1ids1') |
| | | // this.single1 = selection.length!=1 |
| | | // this.multiple1 = !selection.length |
| | | }, |
| | | getRowId1(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getRowId2(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getList1() { |
| | | this.loading1 = true; |
| | | this.queryParams1.happenStartTime = this.dateRange1.length > 0 && this.dateRange1[0] |
| | | this.queryParams1.happenEndTime = this.dateRange1.length > 0 && this.dateRange1[1] |
| | | listUserAll(this.queryParams1).then(response => { |
| | | this.listRoot = response.data.data; |
| | | const kon = {} |
| | | this.listRoot.forEach(element => { |
| | | kon[element['nickName']] = element['userId'] |
| | | }) |
| | | for(let i in kon){ |
| | | this.userOptions.push({label: i,value: kon[i]}) |
| | | } |
| | | for(let i in this.userOptions){ |
| | | this.userList.push(this.userOptions[i].value) |
| | | } |
| | | console.log(this.userList,'userListuserListuserList') |
| | | this.loading1 = false; |
| | | } |
| | | ); |
| | | }, |
| | | // 确认分享 |
| | | subShare(row) { |
| | | const shareList = {} |
| | | shareList.shareContents = this.id1 || this.ids; |
| | | shareList.shareIds = this.ids1 |
| | | console.log(shareList,'sharelistsharelist') |
| | | this.$modal.confirm('是否确认分享?').then(function() { |
| | | return share(shareList); |
| | | }).then(() => { |
| | | |
| | | this.getList(); |
| | | this.$modal.msgSuccess("分享成功"); |
| | | this.id1 = undefined |
| | | this.open1 = false; |
| | | }).catch(() => {}); |
| | | }, |
| | | // ------------------------------------------------------------------ |
| | | |
| | | getInfo(){ |
| | | console.log('-----------------') |
| | | getInfo().then(response=>{ |
| | |
| | | icon="el-icon-top" >导入</el-button> |
| | | </el-upload> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleShare" |
| | | |
| | | >分享</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="handleWho" |
| | | >分享给谁了什么数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="whoShare" |
| | | >分享给我的数据</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-top" |
| | | size="mini" |
| | | @click="showData" |
| | | >展示下载的分享数据</el-button> |
| | | </el-col> |
| | | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | </div> |
| | |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleShare(scope.row)"> |
| | | <span style="font-size: 14px;">分享</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框1 --> |
| | | <el-dialog :title="title1" :visible.sync="open1" width="500px" append-to-body @close="handleClose2"> |
| | | |
| | | <el-table v-loading="loading1" :data="listRoot" :row-key="getRowId1" ref="table1" @selection-change="handleSelectionChange1" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column fixed label="序号" sortable type="index" :index="(queryParams1.pageNum-1)*queryParams1.pageSize+1" width="130"/> |
| | | <el-table-column label="身份" prop="identity" sortable width="130" > |
| | | <template slot-scope="scope" > |
| | | <span v-if="scope.row.isMyFamily==1">第{{scope.row.identity}}代</span> |
| | | <span v-else>——</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="姓名" prop="nickName" sortable :show-overflow-tooltip="true" width="145" align="center"/> |
| | | </el-table> |
| | | |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="subShare">分 享</el-button> |
| | | </div> |
| | | |
| | | </el-dialog> |
| | | |
| | | <!-- 分享对话框2 --> |
| | | <el-dialog :title="title2" :visible.sync="open2" width="85%" append-to-body @close="handleClose"> |
| | | <div> |
| | | <el-select v-if="ifNum == 1" |
| | | v-model="user" id="userSelect" |
| | | placeholder="请选择分享的对象" clearable |
| | | style="width: 240px; |
| | | height: 35px; |
| | | border-radius: 16px 16px 16px 16px; |
| | | margin-bottom: 5px; |
| | | opacity: 0.5;" filterable allow-create |
| | | @change="selectValue"> |
| | | <el-option v-for="item in userOptions" |
| | | :key="item.value" :label="item.label" :value="item.value"/> |
| | | </el-select> |
| | | </div> |
| | | |
| | | <el-table v-loading="loading2" :data="shareList1" :row-key="getRowId2" ref="multipleTable" @selection-change="handleSelectionChange2" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> |
| | | <el-table-column label="时间" prop="happenTime" sortable width="150" align="center"> |
| | | <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="理想标题/百年心愿" prop="title" sortable :show-overflow-tooltip="true" width="160" align="center"> |
| | | <template slot-scope="scope">{{scope.row.title? scope.row.title: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="始于何因" prop="cause" sortable :show-overflow-tooltip="true" width="140" align="center" > |
| | | <template slot-scope="scope">{{scope.row.cause? scope.row.cause: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="受惠人" prop="beneficiary" sortable :show-overflow-tooltip="true" width="140" align="center" > |
| | | <template slot-scope="scope">{{scope.row.beneficiary? scope.row.beneficiary: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="继承人" prop="heir" sortable :show-overflow-tooltip="true" width="140" align="center"> |
| | | <template slot-scope="scope">{{scope.row.heir? scope.row.heir: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="实现难度" prop="difficulty" :show-overflow-tooltip="true" sortable width="120" align="center"> |
| | | <template slot-scope="scope">{{scope.row.difficulty? scope.row.difficulty: '————'}}</template> |
| | | </el-table-column> |
| | | <el-table-column label="是否依旧有效" prop="isEffective" sortable width="160" align="center"> |
| | | <template slot-scope="scope"> |
| | | {{ getSrc1(scope.row.isEffective) }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="电子文件" prop="url" width="160" align="center"> |
| | | <template slot-scope="scope" > |
| | | <div> |
| | | <img |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceLis.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" |
| | | > |
| | | <img |
| | | v-else |
| | | class="el-upload-list__item-thumbnail" |
| | | src="../../assets/images/deviceA.png" |
| | | alt="" |
| | | style="width: 35px; height: 35px;" |
| | | fit="cover" |
| | | |
| | | ></div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" prop="remark" sortable :show-overflow-tooltip="true" width="90" align="center"> |
| | | <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '————'}}</template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2"> |
| | | <template slot-scope="scope" v-if="scope.row.roleId !== 1"> |
| | | <div class="button-container"> |
| | | <el-button |
| | | v-if="ifNum == 2" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleDown(scope.row)"> |
| | | <span style="font-size: 14px;">下载</span></el-button> |
| | | <el-button |
| | | v-if="ifNum == 1" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleBack(scope.row)"> |
| | | <span style="font-size: 14px;">收回</span></el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-d-arrow-right" |
| | | @click="handleCheck(scope.row)"> |
| | | <span style="font-size: 14px;">查看详情</span></el-button> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total1>0" |
| | | :total="total1" |
| | | :page.sync="queryParams2.pageNo" |
| | | :limit.sync="queryParams2.pageSize" |
| | | @pagination='fenYe' |
| | | style="background: #FEF7FC;" |
| | | /> |
| | | |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | |
| | | //导入接口函数 |
| | | import {listWish, getWish, addWish,updateWish, delWish,uploadPic,downloadModel,enload} from "@/api/wish/index"; |
| | | import {listWish, getWish, addWish,updateWish, delWish,uploadPic,downloadModel,enload, |
| | | share,shareToWho,getWhoShare,downShareData,deleteShareData,showShareData |
| | | } from "@/api/wish/index"; |
| | | |
| | | import {Message} from "element-ui"; |
| | | import {listUserAll} from "@/api/root/index"; |
| | | import { Notification, MessageBox, Message, Loading } from 'element-ui' |
| | | |
| | | |
| | | export default { |
| | |
| | | dicts: ['sys_normal_disable'], |
| | | data() { |
| | | return { |
| | | // 分享给谁的list |
| | | listRoot: [], |
| | | open1:false, |
| | | open2:false, |
| | | id1: undefined, |
| | | shareList1: [], |
| | | // shareList2: [], |
| | | userOptions:[], |
| | | user:undefined, |
| | | userList:[], |
| | | ifNum:undefined, |
| | | selectWho:undefined, |
| | | title1: "", |
| | | title2: "", |
| | | loading1: false, |
| | | loading2: false, |
| | | // 查询参数1 |
| | | queryParams1: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | }, |
| | | queryParams2: { |
| | | pageNo: 1, |
| | | pageSize: 10, |
| | | }, |
| | | ids1: [], |
| | | single1: true, |
| | | multiple1: true, |
| | | dateRange1: [], |
| | | |
| | | userId: undefined, |
| | | // 遮罩层 |
| | | disabled: false, |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getList1(); |
| | | this.getList(); |
| | | this.getInfo() |
| | | // this.getCateInfor() |
| | |
| | | // } |
| | | }, |
| | | methods: { |
| | | // 分页 |
| | | fenYe(){ |
| | | // @pagination='ifNum === 1 ? selectValue : (ifNum === 2 ? whoShare : showData)' |
| | | if(this.ifNum === 1){ |
| | | this.selectValue(this.selectWho) |
| | | }else if(this.ifNum === 2){ |
| | | this.whoShare() |
| | | }else{ |
| | | this.showData() |
| | | } |
| | | }, |
| | | // 关闭弹窗后 |
| | | handleClose(){ |
| | | this.user = '' |
| | | this.queryParams2.pageNo = 1 |
| | | this.total1 = 0 |
| | | }, |
| | | handleClose2(){ |
| | | this.$refs.table1.clearSelection() |
| | | }, |
| | | |
| | | // 下载他人给我分享的数据 |
| | | handleDown(row){ |
| | | const a = {"downloadContent" : row.id} |
| | | downShareData(a).then(() => { |
| | | Message({ message: "下载成功", type: 'success' }) |
| | | }) |
| | | }, |
| | | |
| | | // 收回分享给别人的数据 |
| | | handleBack(row){ |
| | | // 分享给谁的:this.selectWho |
| | | const list = {"shareIds": [this.selectWho],"shareContents": [row.id]} |
| | | deleteShareData(list).then(()=>{ |
| | | Message({ message: "收回成功", type: 'success' }) |
| | | |
| | | const list2 = {"shareIds": [this.selectWho]} |
| | | shareToWho(list2,this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | }) |
| | | }) |
| | | }, |
| | | // 展示下载的分享数据 |
| | | showData(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 3 |
| | | this.open2 = true |
| | | this.title2 = "下载的分享数据"; |
| | | showShareData(this.queryParams2).then(response => { |
| | | this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // console.log(response,'展示下载的分享数据展示下载的分享数据') |
| | | }) |
| | | }, |
| | | // 展示分享给我的数据 |
| | | whoShare(){ |
| | | this.shareList1 = [] |
| | | this.ifNum = 2 |
| | | this.open2 = true |
| | | this.title2 = "分享给我的数据"; |
| | | // const list = {"shareId": this.userList} |
| | | // const list = {"shareId": 111} |
| | | getWhoShare(this.queryParams2).then(response => { |
| | | const data = response.data.data |
| | | this.total1 = response.data.total |
| | | console.log(response,'展示分享给我的数据展示分享给我的数据s') |
| | | for(let i in data){ |
| | | console.log(i,'展示分享给我的数据展示分享给我的数据') |
| | | this.shareList1.push(data[i]) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | // 分享给谁了什么数据 |
| | | selectValue(value){ |
| | | this.selectWho = value |
| | | this.shareList1 = [] |
| | | const list = {"shareIds": [this.selectWho]} |
| | | shareToWho(list,this.queryParams2).then(response => { |
| | | // this.loading2 = true; |
| | | response.data.data.forEach(res=>{ |
| | | if(res){ |
| | | this.shareList1.push(res) |
| | | } |
| | | }) |
| | | // this.shareList1 = response.data.data |
| | | this.total1 = response.data.total; |
| | | // this.loading2 = false; |
| | | console.log(response.data,'分享给谁了什么数据分享给谁了什么数据') |
| | | }) |
| | | }, |
| | | handleWho(){ |
| | | this.ifNum = 1 |
| | | this.open2 = true |
| | | this.title2 = "分享给谁了什么数据"; |
| | | this.shareList1 = [] |
| | | }, |
| | | |
| | | /** 分享操作 */ |
| | | handleShare(row) { |
| | | if(row.id){ |
| | | this.id1 = [row.id] |
| | | } |
| | | this.open1 = true; |
| | | this.title1 = "分享"; |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange1(selection) { |
| | | this.ids1 = selection.map(item => item.userId) |
| | | this.single1 = selection.length!=1 |
| | | this.multiple1 = !selection.length |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange2(selection) { |
| | | // this.ids1 = selection.map(item => item.userId) |
| | | // // console.log(selection) |
| | | // console.log(this.ids1,'ids1ids1ids1ids1') |
| | | // this.single1 = selection.length!=1 |
| | | // this.multiple1 = !selection.length |
| | | }, |
| | | getRowId1(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getRowId2(row) |
| | | { |
| | | return row.id |
| | | }, |
| | | getList1() { |
| | | this.loading1 = true; |
| | | this.queryParams1.happenStartTime = this.dateRange1.length > 0 && this.dateRange1[0] |
| | | this.queryParams1.happenEndTime = this.dateRange1.length > 0 && this.dateRange1[1] |
| | | listUserAll(this.queryParams1).then(response => { |
| | | this.listRoot = response.data.data; |
| | | const kon = {} |
| | | this.listRoot.forEach(element => { |
| | | kon[element['nickName']] = element['userId'] |
| | | }) |
| | | for(let i in kon){ |
| | | this.userOptions.push({label: i,value: kon[i]}) |
| | | } |
| | | for(let i in this.userOptions){ |
| | | this.userList.push(this.userOptions[i].value) |
| | | } |
| | | console.log(this.userList,'userListuserListuserList') |
| | | this.loading1 = false; |
| | | } |
| | | ); |
| | | }, |
| | | // 确认分享 |
| | | subShare(row) { |
| | | const shareList = {} |
| | | shareList.shareContents = this.id1 || this.ids; |
| | | shareList.shareIds = this.ids1 |
| | | console.log(shareList,'sharelistsharelist') |
| | | this.$modal.confirm('是否确认分享?').then(function() { |
| | | return share(shareList); |
| | | }).then(() => { |
| | | |
| | | this.getList(); |
| | | this.$modal.msgSuccess("分享成功"); |
| | | this.id1 = undefined |
| | | this.open1 = false; |
| | | }).catch(() => {}); |
| | | }, |
| | | // ------------------------------------------------------------------ |
| | | |
| | | getInfo(){ |
| | | console.log('-----------------') |
| | | getInfo().then(response=>{ |