|
@@ -151,9 +151,22 @@
|
|
|
@mouseenter="isShowPopover(item.name, true)"
|
|
@mouseenter="isShowPopover(item.name, true)"
|
|
|
@mouseleave="isShowPopover(item.name, false)"
|
|
@mouseleave="isShowPopover(item.name, false)"
|
|
|
>
|
|
>
|
|
|
- <div @click.stop="privilegeFn(item)">
|
|
|
|
|
- <img v-if="item.opened" class="img2" :src="item.icon[2]" alt="" />
|
|
|
|
|
- <img v-if="!item.opened" class="img2" :src="item.icon[3]" alt="" />
|
|
|
|
|
|
|
+ <div v-if="item.icon[2]">
|
|
|
|
|
+ <!-- 只能点一次 -->
|
|
|
|
|
+ <div v-if="item.once" @click="privilegeFn2(item)">
|
|
|
|
|
+ <img v-if="item.opened" class="img2" :src="item.icon[2]" alt="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- 多次点 -->
|
|
|
|
|
+ <div v-else @click="privilegeFn(item)">
|
|
|
|
|
+ <img v-if="item.opened" class="img2" :src="item.icon[2]" alt="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div @click="privilegeFn(item)">
|
|
|
|
|
+ <img v-if="!item.opened" class="img2" :src="item.icon[3]" alt="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!-- 新加特权 -->
|
|
|
|
|
+ <div @click="privilegeFn2(item)" v-else>
|
|
|
|
|
+ <img class="img2" :src="item.icon[0]" alt="" />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="hoverTips" v-if="popoverStatus[item.name]">
|
|
<div class="hoverTips" v-if="popoverStatus[item.name]">
|
|
|
<div class="span">{{ item.name }}</div>
|
|
<div class="span">{{ item.name }}</div>
|
|
@@ -201,7 +214,7 @@
|
|
|
<img class="imgs" src="../assets/info_icon_jiaoyijilu.png" alt="" />
|
|
<img class="imgs" src="../assets/info_icon_jiaoyijilu.png" alt="" />
|
|
|
<span>交易历史</span>
|
|
<span>交易历史</span>
|
|
|
</template>
|
|
</template>
|
|
|
- <el-table class="elTable" :data="tableData" stripe style="width: 100%">
|
|
|
|
|
|
|
+ <el-table :data="tableData" stripe style="width: 100%; background: #1c1e26">
|
|
|
<el-table-column prop="fromUser" label="用户" width="555"> </el-table-column>
|
|
<el-table-column prop="fromUser" label="用户" width="555"> </el-table-column>
|
|
|
<el-table-column prop="operation" label="操作" width="455"> </el-table-column>
|
|
<el-table-column prop="operation" label="操作" width="455"> </el-table-column>
|
|
|
<el-table-column prop="createdAt" label="时间"> </el-table-column>
|
|
<el-table-column prop="createdAt" label="时间"> </el-table-column>
|
|
@@ -226,14 +239,19 @@
|
|
|
</collection-info>
|
|
</collection-info>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 悄悄话 -->
|
|
<!-- 悄悄话 -->
|
|
|
- <el-dialog append-to-body class="abb" :visible.sync="show2" title="提示">
|
|
|
|
|
- <img
|
|
|
|
|
- @click="openedFn"
|
|
|
|
|
- class="imgBox"
|
|
|
|
|
- src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-12-16-13-07DtWLMcPy.png"
|
|
|
|
|
- alt=""
|
|
|
|
|
- />
|
|
|
|
|
- <div class="Whisper1">点击图标打开悄悄话,(隐藏内容,只能开启一次)</div>
|
|
|
|
|
|
|
+ <el-dialog append-to-body class="abb" :visible.sync="show2">
|
|
|
|
|
+ <div class="title">提示</div>
|
|
|
|
|
+ <img class="back" src="../assets/矩形@3x.png" alt="" />
|
|
|
|
|
+ <div class="con">
|
|
|
|
|
+ <img
|
|
|
|
|
+ @click="openedFn"
|
|
|
|
|
+ class="imgBox"
|
|
|
|
|
+ src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-12-16-13-07DtWLMcPy.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
|
|
+ <div class="Whisper1">点击图标打开悄悄话</div>
|
|
|
|
|
+ <div class="Whisper1 Whisper2">(隐藏内容,只能开启一次)</div>
|
|
|
|
|
+ </div>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
<!-- 悄悄话 -->
|
|
<!-- 悄悄话 -->
|
|
|
<el-dialog append-to-body v-if="init2" :visible.sync="show3" :before-close="handleClose2">
|
|
<el-dialog append-to-body v-if="init2" :visible.sync="show3" :before-close="handleClose2">
|
|
@@ -255,7 +273,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="border"></div>
|
|
<div class="border"></div>
|
|
|
<div class="name">{{ list2.description }}</div>
|
|
<div class="name">{{ list2.description }}</div>
|
|
|
- <div class="name1" v-if="list2.type != 'code'">
|
|
|
|
|
|
|
+ <div class="name1" v-if="list2.type != 'code' && list2.name != '版权权利'">
|
|
|
<img class="qrcodeImg" v-if="list2.type == 'qrcode'" :src="list2.detail" alt="" />
|
|
<img class="qrcodeImg" v-if="list2.type == 'qrcode'" :src="list2.detail" alt="" />
|
|
|
<div class="qrcode1" v-if="list2.type == 'qrcode'">扫描二维码进行票务核销</div>
|
|
<div class="qrcode1" v-if="list2.type == 'qrcode'">扫描二维码进行票务核销</div>
|
|
|
说明:<span>{{ list2.remark || '暂无' }}</span>
|
|
说明:<span>{{ list2.remark || '暂无' }}</span>
|
|
@@ -402,9 +420,24 @@ export default {
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
privilegeFn(init) {
|
|
privilegeFn(init) {
|
|
|
- console.log(111);
|
|
|
|
|
|
|
+ // console.log(111);
|
|
|
this.list2 = init;
|
|
this.list2 = init;
|
|
|
- if (!init.once) {
|
|
|
|
|
|
|
+ this.show4 = true;
|
|
|
|
|
+ this.$http
|
|
|
|
|
+ .post('/asset/usePrivilege', {
|
|
|
|
|
+ assetId: this.info.id,
|
|
|
|
|
+ privilegeId: init.id
|
|
|
|
|
+ })
|
|
|
|
|
+ .then(res => {
|
|
|
|
|
+ console.log(res);
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ privilegeFn2(init) {
|
|
|
|
|
+ // console.log(222);
|
|
|
|
|
+ // this.list2 = init;
|
|
|
|
|
+ // this.show4 = true;
|
|
|
|
|
+ if (init.once && init.opened == false) {
|
|
|
|
|
+ this.list2 = init;
|
|
|
this.show4 = true;
|
|
this.show4 = true;
|
|
|
this.$http
|
|
this.$http
|
|
|
.post('/asset/usePrivilege', {
|
|
.post('/asset/usePrivilege', {
|
|
@@ -451,7 +484,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
if (res.privileges) {
|
|
if (res.privileges) {
|
|
|
this.init = res.privileges.filter(item => {
|
|
this.init = res.privileges.filter(item => {
|
|
|
- return item.name !== '悄悄话' && item.name !== '加密空间';
|
|
|
|
|
|
|
+ return item.name !== '悄悄话';
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
this.loading = false;
|
|
this.loading = false;
|
|
@@ -512,24 +545,59 @@ export default {
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
Consignment() {
|
|
Consignment() {
|
|
|
- if (!this.info.consignment) {
|
|
|
|
|
- this.$refs.refFn.isShow = true;
|
|
|
|
|
- } else {
|
|
|
|
|
- this.$confirm('寄售将取消上架', '取消寄售', {
|
|
|
|
|
|
|
+ if (this.userInfo.authStatus === 'SUCCESS') {
|
|
|
|
|
+ if (!this.info.consignment) {
|
|
|
|
|
+ this.$refs.refFn.isShow = true;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$confirm('寄售将取消上架', '取消寄售', {
|
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
|
+ customClass: 'myClass',
|
|
|
|
|
+ center: true
|
|
|
|
|
+ })
|
|
|
|
|
+ .then(() => {
|
|
|
|
|
+ return this.$http.post(`/asset/cancelConsignment?id=${this.info.id}`);
|
|
|
|
|
+ })
|
|
|
|
|
+ .then(res => {
|
|
|
|
|
+ this.$message.success('取消寄售');
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ this.getDetail();
|
|
|
|
|
+ }, 1000);
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ } else if (this.userInfo.authStatus === 'PENDING' || this.userInfo.authStatus === 'FAIL') {
|
|
|
|
|
+ this.$confirm('用户认证中,是否查看认证状态', '认证', {
|
|
|
confirmButtonText: '确定',
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
cancelButtonText: '取消',
|
|
|
customClass: 'myClass',
|
|
customClass: 'myClass',
|
|
|
center: true
|
|
center: true
|
|
|
- })
|
|
|
|
|
- .then(() => {
|
|
|
|
|
- return this.$http.post(`/asset/cancelConsignment?id=${this.info.id}`);
|
|
|
|
|
- })
|
|
|
|
|
- .then(res => {
|
|
|
|
|
- this.$message.success('取消寄售');
|
|
|
|
|
|
|
+ }).then(() => {
|
|
|
|
|
+ this.add();
|
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
|
+ // console.log(this.lists);
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
- this.getDetail();
|
|
|
|
|
|
|
+ if (this.userInfo.authStatus !== 'NOT_AUTH' && this.lists == false) {
|
|
|
|
|
+ this.add();
|
|
|
|
|
+ this.$router.push('/userauthentication');
|
|
|
|
|
+ }
|
|
|
|
|
+ }, 1000);
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ if (this.userInfo.authStatus !== 'NOT_AUTH' && this.lists == true) {
|
|
|
|
|
+ this.add();
|
|
|
|
|
+ this.$router.push('/enterpriseauthentication');
|
|
|
|
|
+ }
|
|
|
}, 1000);
|
|
}, 1000);
|
|
|
});
|
|
});
|
|
|
|
|
+ });
|
|
|
|
|
+ } else if (this.userInfo.authStatus === 'NOT_AUTH') {
|
|
|
|
|
+ this.$confirm('未认证不可寄售,是否认证', '认证', {
|
|
|
|
|
+ confirmButtonText: '确定',
|
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
|
+ customClass: 'myClass',
|
|
|
|
|
+ center: true
|
|
|
|
|
+ }).then(() => {
|
|
|
|
|
+ this.$router.push('/authentication');
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
changeShow() {
|
|
changeShow() {
|
|
@@ -584,9 +652,9 @@ export default {
|
|
|
}
|
|
}
|
|
|
)
|
|
)
|
|
|
.then(res => {
|
|
.then(res => {
|
|
|
- console.log(res);
|
|
|
|
|
|
|
+ // console.log(res);
|
|
|
this.lists = res.content[0].org;
|
|
this.lists = res.content[0].org;
|
|
|
- console.log(this.lists);
|
|
|
|
|
|
|
+ // console.log(this.lists);
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
send() {
|
|
send() {
|
|
@@ -650,6 +718,9 @@ export default {
|
|
|
/deep/ .el-dialog__body {
|
|
/deep/ .el-dialog__body {
|
|
|
padding: 0 16px 12px !important;
|
|
padding: 0 16px 12px !important;
|
|
|
}
|
|
}
|
|
|
|
|
+/deep/ .el-table__header-wrapper {
|
|
|
|
|
+ border-bottom: 0;
|
|
|
|
|
+}
|
|
|
/deep/ .el-dialog {
|
|
/deep/ .el-dialog {
|
|
|
width: 340px;
|
|
width: 340px;
|
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
@@ -754,40 +825,46 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.abb {
|
|
.abb {
|
|
|
|
|
+ /deep/.el-dialog__close {
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ }
|
|
|
/deep/ .el-dialog {
|
|
/deep/ .el-dialog {
|
|
|
width: 340px;
|
|
width: 340px;
|
|
|
- background: rgb(209, 206, 18);
|
|
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
|
|
+ .title {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ z-index: 22;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ margin-top: -13px;
|
|
|
|
|
+ color: #000000;
|
|
|
|
|
+ line-height: 24px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .back {
|
|
|
|
|
+ width: 340px;
|
|
|
|
|
+ height: 240px;
|
|
|
|
|
+ margin: -30px -13px -15px -16px;
|
|
|
|
|
+ }
|
|
|
.con {
|
|
.con {
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- padding: 12px 16px 0;
|
|
|
|
|
- .Whisper {
|
|
|
|
|
- font-size: 16px;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- color: #000000;
|
|
|
|
|
- line-height: 24px;
|
|
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ margin-top: -200px;
|
|
|
|
|
+ .imgBox {
|
|
|
|
|
+ width: 80px;
|
|
|
|
|
+ height: 80px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ margin: 30px 112px 22px;
|
|
|
}
|
|
}
|
|
|
- .icon {
|
|
|
|
|
- width: 24px;
|
|
|
|
|
- height: 24px;
|
|
|
|
|
|
|
+ .Whisper1 {
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ color: #303133;
|
|
|
|
|
+ line-height: 18px;
|
|
|
|
|
+ margin: 0 97px;
|
|
|
|
|
+ &.Whisper2 {
|
|
|
|
|
+ padding-bottom: 36px;
|
|
|
|
|
+ margin: 0 73px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .imgBox {
|
|
|
|
|
- width: 80px;
|
|
|
|
|
- height: 80px;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- margin: 30px 112px 22px;
|
|
|
|
|
- }
|
|
|
|
|
- .Whisper1 {
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- color: #303133;
|
|
|
|
|
- line-height: 18px;
|
|
|
|
|
- padding-bottom: 36px;
|
|
|
|
|
- margin: 0 85px;
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.container {
|
|
.container {
|
|
@@ -1208,7 +1285,18 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.content {
|
|
.content {
|
|
|
|
|
+ /deep/ .el-table__row {
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ }
|
|
|
|
|
+ /deep/ .el-table td,
|
|
|
|
|
+ .el-table th.is-leaf {
|
|
|
|
|
+ border-bottom: 1px solid #2b2e3e;
|
|
|
|
|
+ }
|
|
|
|
|
+ /deep/ .el-table th.is-leaf {
|
|
|
|
|
+ border-bottom: 1px solid #2b2e3e;
|
|
|
|
|
+ }
|
|
|
.info {
|
|
.info {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -1219,6 +1307,7 @@ export default {
|
|
|
border-radius: 8px 8px 0px 0px;
|
|
border-radius: 8px 8px 0px 0px;
|
|
|
margin-top: 30px;
|
|
margin-top: 30px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.info1 {
|
|
.info1 {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -1241,9 +1330,6 @@ export default {
|
|
|
height: 24px;
|
|
height: 24px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- .elTable {
|
|
|
|
|
- border: 1px solid red;
|
|
|
|
|
- }
|
|
|
|
|
.border {
|
|
.border {
|
|
|
height: 1px;
|
|
height: 1px;
|
|
|
background: #494a4d;
|
|
background: #494a4d;
|
|
@@ -1388,7 +1474,6 @@ export default {
|
|
|
/deep/.content2 {
|
|
/deep/.content2 {
|
|
|
margin-top: 30px;
|
|
margin-top: 30px;
|
|
|
.el-collapse-item__wrap {
|
|
.el-collapse-item__wrap {
|
|
|
- // border-bottom: 1px solid #494a4d;
|
|
|
|
|
border-bottom-width: 0;
|
|
border-bottom-width: 0;
|
|
|
}
|
|
}
|
|
|
.el-collapse {
|
|
.el-collapse {
|