Commit ac7c86e8 authored by zL's avatar zL

删除部分无用代码

parent 8e3778a7
......@@ -31,7 +31,7 @@ let router = new Router({ // todo 移除旧页面
{
path: '/userCenter',
name: 'userCenter',
component: () => import(/* webpackChunkName: "userCenter" */ '@/views/userCenter/index.vue')
component: () => import(/* webpackChunkName: "userCenter" */ './views/user/index.vue')
},
{
path: '/choosePackage',
......
......@@ -14,7 +14,7 @@
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import MainHeader from "./MainHeader.vue";
import MainMenu from "./MainMenu.vue";
import MainMenu from "@/components/MainMenu/MainMenu.vue";
@Component({
components: {
MainMenu,
......
<template>
<!-- 左侧导航栏 -->
<nav class="main_menu">
<div
class="menu-item menu-item_first"
:class="{ 'js-menu-item_active': currentRoute === 0 }"
@click="selectPage(0, 'categoryManage')"
>
<div class="menu-item_subject-icon">
<i class="iconfont">&#xe62b;</i>
</div>
<div class="menu-item-label">存证</div>
<div class="menu-item-active_border"></div>
</div>
<div
class="menu-item menu-item_product"
:class="{ 'js-menu-item_active': currentRoute === 1 }"
@click="selectPage(1)"
>
<div class="menu-item_product-icon">
<i class="iconfont">&#xe629;</i>
</div>
<div class="menu-item-label">溯源</div>
<div class="menu-item-active_border"></div>
</div>
<div
class="menu-item menu-item_template"
:class="{ 'js-menu-item_active': currentRoute === 2 }"
@click="selectPage(2, 'userCenter')"
>
<div class="menu-item_template-icon">
<i class="iconfont">&#xe62a;</i>
</div>
<div class="menu-item-label">管理</div>
<div class="menu-item-active_border"></div>
</div>
</nav>
</template>
<script>
let UrlPrefixObj = require("@/config/UrlPrefix");
export default {
data() {
return {
currentRoute: 0,
};
},
methods: {
selectPage(idnex, path) {
if (idnex === 1) {
window.open(UrlPrefixObj.model.CHAIN_BROWSER_URL_PREFIX);
} else {
this.currentRoute = idnex;
this.$router.push({ path: path });
}
},
},
};
</script>
<style scoped lang="less">
.main_menu {
width: 62px;
height: 100%;
background: #27272a;
color: rgba(255, 255, 255, 0.6);
text-align: center;
font-size: 12px;
}
.menu-item {
height: 60px;
position: relative;
}
.menu-item_first {
margin-top: 79px;
}
.menu-item_product {
margin-top: 21px; /* 30 - 9 */
}
.menu-item_template {
margin-top: 26px; /* 36 - 10 */
}
.js-menu-item_active {
background: #39393e;
cursor: pointer;
& > .menu-item-active_border {
display: initial;
}
}
.menu-item-active_border {
display: none;
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #3f79fe;
}
.menu-item_subject-icon {
padding: 14px 0 5px 0;
& > i {
font-size: 14px;
}
}
.menu-item_product-icon {
padding: 12px 0 6px 0;
cursor: pointer;
& > i {
font-size: 15px;
}
}
.menu-item_template-icon {
padding: 9px 0 8px 0;
cursor: pointer;
& > i {
font-size: 16px;
}
}
.menu-item-label {
line-height: 17px;
}
</style>
......@@ -74,7 +74,7 @@ import { Component, Vue, Watch } from "vue-property-decorator";
// 模板管理部分
import TemplateManage from "./TemplateManage.vue";
// 右侧存证部分
import newProductList from "./newProductList.vue";
import newProductList from "@/components/category/ProductList.vue";
//删除页
import deleted from "@/views/category/deleted.vue";
// 引导页
......
<template>
<div class="subject">
<h1>添加存证</h1>
<input v-model.trim="name" type="text" placeholder="请输入存证名称" />
<div class="btn-box">
<div class="btn btn-cancel" @click="$emit('cancel')">取消</div>
<div class="btn btn-determine" @click="determine">确定</div>
</div>
</div>
</template>
<script>
import { GO_URLS } from "@/config/URLS";
import * as storage from "@/plugins/storage";
export default {
// 引入组件
components: {},
props: [],
data() {
return {
name: "",
};
},
created() {},
computed: {
//
},
methods: {
// 确认按钮
async determine() {
if (!this.name) {
this.$message("请输入名称");
return false;
}
const res = await this.$ajax({
type: "post",
url: GO_URLS.add,
params: {
name: this.name,
note: JSON.stringify({
version: 1,
userName: this.$store.state.userInfos.user || "",
userIcon: this.$store.state.userInfos.icon || "",
evidenceName: this.name,
stepName: "",
banners: [],
}),
detail: JSON.stringify([
{
label: "ext",
key: "",
type: 3,
data: [
{
data: {
type: "text",
format: "string",
value: this.name,
},
type: 0,
key: "存证名称",
label: "存证名称",
},
{
data: {
type: "text",
format: "hash",
value: "null",
},
type: 0,
key: "basehash",
label: "basehash",
},
{
data: {
type: "text",
format: "hash",
value: "null",
},
type: 0,
key: "prehash",
label: "prehash",
},
{
data: {
type: "text",
format: "string",
value: null,
},
type: 0,
key: "存证类型",
label: "存证类型",
},
],
},
{},
]),
},
});
if (res) {
this.$message({
message: "添加成功",
type: "success",
});
this.$router.push({
path: "/editTemplate",
query: {
personalTemplateId: res.data.id,
},
});
}
},
},
};
</script>
<style scoped lang="less">
.subject {
width: 512px;
height: 279px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 20px 0px rgba(61, 118, 249, 0.18);
padding: 0 44px;
}
h1 {
padding-top: 34px;
padding-bottom: 42px;
font-size: 22px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(53, 53, 53, 1);
}
input {
width: 500px;
height: 44px;
border: 1px solid rgba(226, 226, 226, 1);
font-size: 18px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: black;
line-height: 25px;
text-indent: 26px;
&::-webkit-input-placeholder {
/* WebKit browsers */
color: #b6b5ba;
}
&:-moz-placeholder {
color: #b6b5ba;
}
&::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #b6b5ba;
}
&:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #b6b5ba;
}
}
input:focus {
outline: none;
border: 1px solid rgba(226, 226, 226, 1);
}
.btn-box {
overflow: hidden;
padding-top: 40px;
float: right;
}
.btn {
float: left;
width: 120px;
height: 40px;
border-radius: 4px;
text-align: center;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
line-height: 40px;
cursor: pointer;
}
.btn-cancel {
color: rgba(92, 100, 118, 1);
}
.btn-determine {
background: rgba(63, 121, 254, 1);
color: white;
}
</style>
<template>
<div class="body" :class="{ 'body--two': status === 0 }">
<h1 v-if="status === 0">提示</h1>
<h1 v-else>删除</h1>
<textarea
placeholder="请输入删除原因"
v-model="deleteRemark"
v-if="status !== 0"
></textarea>
<p v-if="status === 0">此操作将永久删除该文件, 是否继续?</p>
<div class="footer" :class="{ 'footer--two': status === 0 }">
<div @click="cancel">取消</div>
<div class="determine" @click="Determine">确定</div>
</div>
</div>
</template>
<script>
import { GO_URLS } from "@/config/URLS";
export default {
props: {
id: 0,
status: null,
},
data() {
return {
deleteRemark: "",
};
},
created() {},
methods: {
checkReason() {
if (this.deleteRemark.trim() === "") {
this.$message({
message: "删除原因不可为空",
type: "warning",
});
return;
} else if (this.deleteRemark.trim().length > 30) {
this.$message({
showClose: true,
message: "删除原因长度不可大于三十字",
type: "warning",
});
return false;
}
this.moveRecycleBin();
},
Determine() {
switch (this.status) {
case 0:
this.deleteConfirm({ id: Number(this.id) });
break;
default:
this.checkReason();
break;
}
},
// 移入回收站
async moveRecycleBin() {
const res = await this.$ajax({
type: "post",
url: GO_URLS.abandon,
params: {
id: this.id,
abandon_remark: this.deleteRemark,
},
});
if (res) {
this.$emit("deleteSuccess");
}
},
// 删除存证
async deleteConfirm(params) {
const res = await this.$ajax({
type: "delete",
url: GO_URLS.delete,
params: params,
});
if (res) {
this.$emit("deleteSuccess");
}
},
cancel() {
this.$emit("CloseDg");
},
},
};
</script>
<style lang="less" scoped>
.body--two {
height: 284px !important;
}
.body {
width: 600px;
height: 327px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 20px 0px rgba(61, 118, 249, 0.18);
h1 {
font-size: 22px;
font-weight: 500;
margin: 0;
color: rgba(0, 0, 0, 1);
padding: 34px 0 18px 44px;
line-height: 1;
}
textarea {
width: 500px;
height: 112px;
border: 1px solid rgba(226, 226, 226, 1);
margin-left: 50px;
font-size: 18px;
resize: none;
line-height: 25px;
padding-top: 12px;
text-indent: 12px;
&::-webkit-input-placeholder {
font-size: 18px;
font-weight: 400;
color: rgba(192, 198, 210, 1);
line-height: 25px;
}
}
p {
width: 500px;
height: 112px;
line-height: 112px;
font-size: 18px;
text-align: center;
}
.footer--two {
padding-top: 0 !important;
}
.footer {
padding-top: 42px;
float: right;
padding-right: 50px;
overflow: hidden;
div {
float: left;
width: 120px;
height: 40px;
cursor: pointer;
border-radius: 4px;
text-align: center;
font-size: 14px;
color: #5c6476;
line-height: 40px;
}
.determine {
background: rgba(63, 121, 254, 1);
color: white;
}
}
}
</style>
\ No newline at end of file
This diff is collapsed.
<template>
<div class="user-assets">
<div class="title">
账户资产
<!-- <span @click="Queryrecord">燃料记录</span> -->
</div>
<div class="content-info">
<div class="g-flex-center">
<el-progress
type="circle"
:percentage="sum"
class="gas"
:show-text="false"
:width="150"
:stroke-width="10"
color="#6DD230FF"
></el-progress>
</div>
<div class="gas-info">
<p>可上链次数</p>
<h2>{{ balance || 0 }}</h2>
</div>
<!-- <p class="surplus">
<span @click="Recharge">充值燃料</span>
</p> -->
</div>
</div>
</template>
<script>
import { GO_URLS } from "@/config/URLS";
let UrlPrefixObj = require("@/config/UrlPrefix");
export default {
data() {
return {
balance: 0,
};
},
props: ["infos"],
computed: {
sum: function () {
if (this.balance > 0) {
return this.balance / 1000;
} else {
return 0;
}
},
},
mounted() {
setTimeout(() => {
this.getBalance();
}, 500);
},
methods: {
Queryrecord() {
if (this.infos.auth_suc === 0) {
this.$message({
message: "请先进行认证!",
type: "warning",
});
return false;
}
window.open(
UrlPrefixObj.model.MAINNET_BLOCKCHAIN_BROWSER +
"?address=" +
this.infos.addr
);
},
Recharge() {
if (this.infos.auth_suc === 0) {
this.$message({
message: "请先进行认证!",
type: "warning",
});
return false;
}
this.$router.push({ path: "/choosePackage" });
},
// 获取
async getBalance(params) {
// auth_suc 是否认证成功 int 0:未认证成功 1:认证成功
if (this.infos.auth_suc === 0) {
return false;
}
const res = await this.$ajax({
type: "GET",
url: GO_URLS.getBalance,
params: {
user_id: JSON.parse(String(sessionStorage.getItem("user"))).id,
},
});
if (res) {
this.balance = res.data.chain_times;
}
},
},
};
</script>
<style scoped lang="less">
* {
margin: 0;
}
.g-flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.pop-up {
width: 580px;
height: 320px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 20px 0px rgba(61, 118, 249, 0.18);
h1 {
height: 66px;
font-size: 22px;
font-weight: 500;
text-align: center;
color: rgba(0, 0, 0, 1);
line-height: 66px;
border-bottom: 1px solid #e8e8e8;
}
.pop-up-center {
overflow: hidden;
height: 124px;
.pop-up-center__right,
.pop-up-center__left {
float: left;
}
.pop-up-center__left {
width: 178px;
padding-top: 26px;
.imgbox {
width: 94px;
float: right;
margin-right: 20px;
height: 94px;
img {
width: 100%;
height: 100%;
}
}
}
.pop-up-center__right {
.pop-up-center__right-top {
font-size: 14px;
font-weight: 400;
line-height: 58px;
color: rgba(121, 125, 132, 1);
span {
display: inline-block;
width: 100px;
height: 30px;
cursor: pointer;
line-height: 30px;
text-align: center;
border-radius: 4px;
border: 1px solid rgba(74, 144, 226, 1);
font-size: 12px;
font-weight: 400;
color: rgba(74, 144, 226, 1);
}
}
.pop-up-center__right-center {
padding: 12px 22px;
width: 306px;
height: 42px;
background: rgba(245, 249, 252, 1);
font-size: 14px;
font-weight: 400;
color: rgba(121, 125, 132, 1);
line-height: 20px;
}
}
}
.pop-up-tip_title {
font-size: 14px;
padding-left: 64px;
padding-top: 28px;
font-weight: 400;
color: rgba(74, 144, 226, 1);
line-height: 20px;
}
.pop-up-tip_content {
font-size: 14px;
font-weight: 400;
padding-top: 8px;
padding-left: 64px;
color: rgba(121, 125, 132, 1);
line-height: 20px;
}
}
.surplus {
text-align: center;
margin-top: 16px;
span {
color: rgba(74, 144, 226, 1);
cursor: pointer;
width: 85px;
display: inline-block;
height: 30px;
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
line-height: 30px;
border-radius: 4px;
border: 1px solid #4d7cfe;
}
}
.user-assets {
height: 350px;
width: 49.5%;
border-radius: 4px;
}
.title {
padding-left: 28px;
line-height: 60px;
color: #979797;
font-size: 14px;
background: #fff;
span {
float: right;
font-size: 14px;
cursor: pointer;
padding-right: 30px;
font-weight: 400;
color: rgba(74, 144, 226, 1);
}
}
.content-info {
position: relative;
margin-top: 1px;
height: 290px;
background: #fff;
}
.gas {
margin-top: 50px;
transform: scale(-1, 1);
}
.gas-info {
width: 100%;
position: absolute;
top: 100px;
}
.gas-info p {
text-align: center;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #979797;
}
.gas-info h2 {
margin-top: 5px;
text-align: center;
font-family: PingFangSC-Regular;
font-weight: 400;
}
.tip {
text-align: center;
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #979797;
line-height: 40px;
}
</style>
<template>
<div class="user-center">
<div class="g-flex-between">
<base-info :infos="userInfo" @ToUpdate="ToUpdate"></base-info>
<assets :infos="userInfo"></assets>
</div>
<!-- 信息修改 -->
<div class="g-flex-between set-box">
<safe-set :Infos="setOptions.ident" @to="to"></safe-set>
<safe-set :Infos="setOptions.password" @to="to"></safe-set>
<safe-set :Infos="setOptions.phone" @to="to"></safe-set>
</div>
<common-dialog
v-if="showVerify"
showMask
close
@ClickingBackground="showVerify = false"
>
<verify-dialog @cancel="showVerify = false"></verify-dialog>
</common-dialog>
</div>
</template>
<script>
import Vue from "vue";
import CommonDialog from "@/components/CommonDialog.vue";
import BaseInfo from "@/views/userCenter/BaseInfo.vue";
import Assets from "./Assets.vue";
import SafeSet from "@/views/userCenter/SafeSet.vue";
import VerifyDialog from "@/views/userCenter/VerifyType.vue";
import { getUserInfo } from "@/views/userCenter/Api.service";
import { GO_URLS } from "@/config/URLS";
export default Vue.extend({
data() {
return {
userInfo: {},
setOptions: {
ident: {
title: "实名认证",
icon: "iconshiming",
msg: "关联实名信息,加强安全堡垒",
status: false,
btntext: "立即认证",
afterText: null,
destination: 0,
},
password: {
title: "登录密码",
icon: "icondenglu",
msg: "防止信息泄密,重新设置密码",
status: false,
btntext: "设置密码",
afterText: "修改密码",
destination: 1,
},
phone: {
title: "绑定手机",
icon: "iconshouji",
msg: "绑定手机登录,增强信息安全",
status: false,
btntext: "绑定手机号",
afterText: "更改手机号",
destination: 2,
},
},
showVerify: false,
status: 0, //当前用户的一个状态
};
},
components: {
BaseInfo,
Assets,
SafeSet,
CommonDialog,
VerifyDialog,
},
mounted() {
this.getUserInfos();
},
methods: {
ToUpdate() {
this.getUserInfos();
},
// 获取当前用户状态
to(destination) {
switch (destination) {
case 0:
if (this.status === 1 || this.status === 2) {
router = "companyVerify";
} else {
if (this.userInfo.auth_type === 1) {
this.$router.push({ path: "personVerify" });
} else if (this.userInfo.auth_type === 2) {
this.$router.push({ path: "companyVerify" });
} else if (this.userInfo.auth_type === 0) {
this.showVerify = true;
}
}
break;
case 1:
if (this.setOptions.password.status) {
this.$router.push("/editPassword");
} else {
this.$router.push("/initPassword");
}
break;
case 2:
this.$router.push("/editPhone");
break;
default:
break;
}
},
// 获取用户基本信息
async getUserInfos() {
const res = await getUserInfo();
if (res) {
this.userInfo = res.data;
this.$store.commit("setuserInfos", res.data);
this.setOptions.ident.status = res.data.auth_suc === 1 ? true : false;
this.setOptions.phone.status = res.data.phone !== "" ? true : false;
//login_type 1:手机号 2:邮箱
let params = {};
if (sessionStorage.getItem("login_type") == 1) {
params = { phone: this.userInfo.phone };
this.isSetPwd(params);
} else {
params = { email: this.userInfo.email };
this.isSetPwd(params);
}
}
},
// 验证是否设置过密码
async isSetPwd(params) {
const res = await this.$ajax({
type: "post",
url: GO_URLS.isSetPwd,
params: params,
});
if (res) {
this.setOptions.password.status =
res.data.is_set_pwd === 1 ? true : false;
}
},
},
});
</script>
<style scoped>
.g-flex-between {
display: flex;
justify-content: space-between;
align-items: center;
}
.user-center {
position: relative;
padding: 16px;
min-height: calc(100vh - 95px);
min-width: 1200px;
background: #f8fafb;
}
.set-box {
margin-top: 20px;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment