Skip to content

S
source-trace-manage-go
Commit f99643f8 authored by zL's avatar zL
Browse files
Options

新增hd环境

parent 94f4eb97
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1214 additions and 0 deletions
.env.hd_test 0 → 100644
View file @ f99643f8
NODE_ENV = 'development'
VUE_APP_CURRENTMODE = 'hd_test'
VUE_APP_VERSION = '0'
\ No newline at end of file
package.json
View file @ f99643f8
......@@ -6,6 +6,7 @@
"dev:sy": "vue-cli-service serve --mode sy_test",
"dev:cs": "vue-cli-service serve --mode cs_test",
"dev:best": "vue-cli-service serve --mode best_test",
"dev:hd": "vue-cli-service serve --mode hd_test",
"build:sy_prod": "vue-cli-service build --mode sy_prod_build",
"build:cs_prod": "vue-cli-service build --mode cs_prod_build",
"build:best_prod": "vue-cli-service build --mode best_prod_build",
......
public/hd/index.html 0 → 100644
View file @ f99643f8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="./hd/favicon.ico">
<title>比特云科技</title>
<link rel="stylesheet" href="//at.alicdn.com/t/font_1321935_cdom05madx.css">
<script src="https://cdn.bootcss.com/tinymce/4.7.4/tinymce.min.js"></script>
</head>
<body>
<div id="app"></div>
</body>
<style>
</style>
<script>
</script>
</html>
\ No newline at end of file
src/config/UrlPrefix.js
View file @ f99643f8
......@@ -64,5 +64,15 @@ const configModules = {
filename: 'index.html'
}
},
// hd
"hd_test": {
CHAIN_BROWSER_URL_PREFIX: 'http://120.26.174.69:9007/',
INERFACE_URL_PREFIX: 'http://172.16.101.87:46789',
INDEX: {
entry: './src/entry/hd/main.ts',
template: './public/hd/index.html',
filename: 'index.html'
}
},
}
exports.model = configModules[process.env.VUE_APP_CURRENTMODE]
\ No newline at end of file
src/entry/hd/App.vue 0 → 100644
View file @ f99643f8
<template>
<div id="App">
<router-view />
</div>
</template>
<script>
export default {
name: "app",
};
</script>
<style>
html {
height: 100%;
}
#App {
height: 100%;
}
html,
input,
button {
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
"Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
* {
margin: 0;
padding: 0;
}
a:hover,
a:visited,
a:active,
a:link {
color: inherit;
text-decoration: none;
}
body {
height: 100%;
margin: 0;
font-size: 14px;
}
input::-webkit-search-cancel-button {
display: none;
}
input::-ms-clear {
display: none;
}
</style>
src/entry/hd/components/banner.vue 0 → 100644
View file @ f99643f8
This diff is collapsed.
src/entry/hd/main.ts 0 → 100644
View file @ f99643f8
import Vue from 'vue';
// 取本地
import App from './App.vue';
import router from './router';
// 取公用
import axiosPlugin from '@/plugins/axios-plugin';
import '@/plugins/element.js';
import store from '@/store';
import Gfilters from '@/utils/tool/filter';
import md5 from 'js-md5'
Vue.prototype.$md5 = md5
Vue.use(axiosPlugin);
Vue.config.productionTip = false;
Gfilters(Vue);
new Vue({
router,
store,
render: h => h(App),
}).$mount('#app');
src/entry/hd/router.ts 0 → 100644
View file @ f99643f8
import Vue from 'vue';
import Router from 'vue-router';
import { getLoginCode } from '@/plugins/storage';
Vue.use(Router);
let router = new Router({ // todo 移除旧页面
routes: [
// 宣传页
{
path: '/',
name: 'home',
component: () => import('./views/Home.vue'),
},
// 登录
{
path: '/signIn',
name: 'signIn',
component: () => import('./views/SignIn.vue'),
},
{
path: '/main',
component: () => import(/* webpackChunkName: "main" */ './views/Main.vue'),
children: [
{
path: '/categoryManage',
name: 'categoryManage',
component: () => import(/* webpackChunkName: "categoryManage" */ './views/category/Index.vue'),
},
// 个人中心
{
path: '/userCenter',
name: 'userCenter',
component: () => import(/* webpackChunkName: "userCenter" */ '@/views/userCenter/index.vue')
},
{
path: '/choosePackage',
name: 'choosePackage',
component: () => import(/* webpackChunkName: "companyVerify" */ '@/views/userCenter/choosePackage.vue')
},
{
path: '/initPassword',
name: 'initPassword',
component: () => import(/* webpackChunkName: "initPassword" */ '@/views/userCenter/SetPassword.vue'),
},
{
path: '/companyVerify',
name: 'companyVerify',
component: () => import(/* webpackChunkName: "companyVerify" */ '@/views/userCenter/CompanyVerify.vue')
},
{
path: '/editPassword',
name: 'editPassword',
component: () => import(/* webpackChunkName: "editPassword" */ '@/views/userCenter/EditPassword.vue'),
},
{
path: '/editPhone',
name: 'editPhone',
component: () => import(/* webpackChunkName: "editPhone" */ '@/views/userCenter/EditPhone.vue'),
},
{
path: '/personVerify',
name: 'personVerify',
component: () => import(/* webpackChunkName: "personVerify" */ '@/views/userCenter/PersonVerify.vue')
},
{
path: '/templateManage',
name: 'templateManage',
component: () => import(/* webpackChunkName: "templateManage" */ '@/views/template/Index.vue'),
children: [
{
path: '/editTemplate',
name: 'editTemplate',
component: () => import(/* webpackChunkName: "editTemplate" */ './views/editTemplate.vue'),
}
]
}
]
}
],
});
router.beforeEach((to, from, next) => {
const urls = ['/', '/signIn'];
if (to.path === `/signIn` && getLoginCode()) {
if (to.query && to.query.type && to.query.type == '1') {
}
else {
}
next();
}
if (!urls.includes(to.path) && !getLoginCode()) {
return next({ path: "/signIn" });
}
else {
next();
}
})
export default router;
src/entry/hd/views/Home.vue 0 → 100644
View file @ f99643f8
This diff is collapsed.
src/entry/hd/views/Main.vue 0 → 100644
View file @ f99643f8
<template>
<div class="main">
<!-- 左侧导航 -->
<main-menu class="col_left" />
<div class="col_right">
<main-header />
<div class="main_wrapper">
<router-view />
</div>
</div>
</div>
</template>
<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import MainHeader from "./MainHeader.vue";
import MainMenu from "./MainMenu.vue";
@Component({
components: {
MainMenu,
MainHeader,
},
})
export default class Main extends Vue {}
</script>
<style scoped>
.main {
display: flex;
height: 100%;
}
.col_left {
flex-shrink: 0;
}
.col_right {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
.main_wrapper {
flex: 1;
min-height: 0;
overflow-y: scroll;
background: white;
height: 100%;
}
</style>
src/entry/hd/views/MainHeader.vue 0 → 100644
View file @ f99643f8
<template>
<header class="main_header">
<img class="icon_logo" src="../images/SigIn/logo.png" alt="logo" />
<div class="user_wrapper">
<i class="iconfont iconShapecopy1"></i>
<span class="user-text">UID:{{ getid || "10086" }}</span>
<ul class="menu_box">
<li @click="go()">退出</li>
</ul>
<i class="iconxiangyousanjiao iconfont"></i>
</div>
</header>
</template>
<script lang="ts">
import { GO_URLS } from "@/config/URLS";
import { Component, Vue } from "vue-property-decorator";
@Component
export default class MainHeader extends Vue {
[x: string]: any;
get getid() {
return JSON.parse(String(sessionStorage.getItem("user"))).id;
}
public go() {
sessionStorage.removeItem("user");
this.$router.push("/");
}
// 获取用户基本信息
async getUserInfos() {
const res = await this.$ajax({
type: "get",
url:
GO_URLS.user +
`/` +
JSON.parse(String(sessionStorage.getItem("user"))).id,
});
if (res) {
this.$store.commit("setuserInfos", res.data);
}
}
public mounted() {
this.getUserInfos();
}
}
</script>
<style scoped lang='less'>
// 大盒子
.main_header {
z-index: 1; /* shadow覆盖底部 */
position: relative;
height: 50px;
padding-right: 35px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 40px 0px rgba(65, 70, 76, 0.07);
}
// logo
.icon_logo {
margin-left: 27px;
margin-top: 12px;
height: 31px;
}
.user_wrapper {
margin-top: 12px;
float: right;
height: 100%;
color: #353535;
cursor: pointer;
.iconShapecopy1 {
vertical-align: middle;
margin-right: 6px;
font-size: 20px;
color: #d6d8e1;
}
.iconxiangyousanjiao {
color: #b4b4b4;
transform: rotate(90deg);
display: inline-block;
font-size: 12px;
margin-left: 14px;
}
}
.user_wrapper .menu_box {
display: none;
}
.user_wrapper:hover .menu_box {
display: block;
}
.user-icon {
/* todo ui切块错误 */
margin-right: 6px;
vertical-align: middle;
height: 20px;
}
.user-text {
vertical-align: middle;
color: #b4b4b4;
}
.menu_box {
position: absolute;
top: 100%;
right: 35px;
margin: 0;
padding: 0;
line-height: 41px; /* 非精确ui */
width: 107px; /* 109 - border */
list-style: none;
border: 1px solid #e7e7e7;
text-align: center;
color: #797d84;
background: #fff;
}
.menu_box li {
transition: 0.5s;
cursor: pointer;
background: white;
}
.menu_box li:hover {
background: #f5f5f5;
}
</style>
src/entry/hd/views/MainMenu.vue 0 → 100644
View file @ f99643f8
<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>
src/entry/hd/views/SignIn.vue 0 → 100644
View file @ f99643f8
<template>
<div class="sign-in">
<div class="img"></div>
<div class="fixed">
<div class="background-left"></div>
<div class="sign-in-box">
<!-- 手机+密码登录模块 -->
<phone-login
v-if="showPlg"
@change-email="changeEmail"
@SetPassword="
showPlg = false;
showSpd = true;
"
></phone-login>
<!-- email登录模块 -->
<email-login
v-if="showEmail"
@phone-email="phoneEmail"
@SetPassword="
showEmail = false;
showSpd = true;
"
></email-login>
<!-- 设置密码模块 -->
<set-password v-if="showSpd" @showLogin="showLogin"></set-password>
</div>
</div>
</div>
</template>
<script>
import * as storage from "@/plugins/storage";
import { GO_URLS } from "@/config/URLS";
import SetPassword from "@/components/signin/setPassword.vue";
import PhoneLogin from "@/components/signin/phoneLogin.vue";
import EmailLogin from "@/components/signin/emailLogin.vue";
export default {
data() {
return {
showSpd: false, //设置密码
showPlg: true, //手机登录
showEmail: false, // 邮箱登录
};
},
components: {
SetPassword,
PhoneLogin,
EmailLogin,
},
computed: {
getType: function () {
return this.$store.state.businessType;
},
},
methods: {
showLogin() {
this.showSpd = false;
if (this.getType === 0 || this.getType === 1) {
this.showPlg = true;
} else {
this.showEmail = true;
}
},
// 切换至email登录
changeEmail() {
this.showEmail = true;
this.showPlg = false;
},
// 切换至手机登录
phoneEmail() {
this.showEmail = false;
this.showPlg = true;
},
},
};
</script>
<style lang="less" scoped>
.sign-in {
position: relative;
background: #ececec;
}
.img {
position: absolute;
left: 26px;
top: 14px;
width: 72px;
height: 30px;
background: url("../images/SigIn/logo.png") no-repeat center;
background-size: 100% 100%;
}
.fixed {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 895px;
box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.07);
}
.sign-in-box {
width: 443px;
height: 554px;
background: rgba(255, 255, 255, 1);
border-radius: 4px;
padding: 0 26px;
float: left;
position: relative;
}
.background-left {
background: url("../images/SigIn/login_bg.png") no-repeat center;
background-size: 100%;
float: left;
background-color: #faf8fd;
height: 554px;
width: 400px;
}
</style>
\ No newline at end of file
src/entry/hd/views/category/Index.vue 0 → 100644
View file @ f99643f8
<template>
<div class="category">
<div class="col_left">
<ul class="navigation_box">
<li @click="checkOne">
<div class="icon_box">
<i class="iconfont iconxingzhuang1"></i>
</div>
<span
class="title"
:class="{ title__check: this.$store.state.selectedStatus === 1 }"
>存证记录</span
>
<span class="num">{{ getGoods }}</span>
</li>
<li @click="checkTwo">
<div class="icon_box icon_box__green">
<i class="iconfont iconjilu-"></i>
</div>
<span
class="title"
:class="{ title__check: this.$store.state.selectedStatus === 2 }"
>模板管理</span
>
<span class="num">{{ getTemplate }}</span>
</li>
<li @click="checkThree">
<div class="icon_box icon_box__orange">
<i class="iconfont iconshanchu2"></i>
</div>
<span
class="title"
:class="{ title__check: this.$store.state.selectedStatus === 3 }"
>已删除</span
>
<span class="num">{{ deleteds }}</span>
</li>
</ul>
</div>
<!-- 左侧列 -->
<div
class="col_right"
:class="{ 'col_right--show': this.$store.state.selectedStatus === 1 }"
>
<new-productList @update="update"></new-productList>
</div>
<!-- 右侧列 -->
<div
class="col_right"
:class="{ 'col_right--show': this.$store.state.selectedStatus === 2 }"
>
<!-- 模板 -->
<template-manage></template-manage>
</div>
<div
class="col_right"
:class="{ 'col_right--show': this.$store.state.selectedStatus === 3 }"
>
<!-- 已删除 -->
<deleted :ToUpdate="ToUpdate"></deleted>
</div>
<!-- 引导页 -->
<common-dialog showMask2 close class="cdg-boot-page" v-if="showbootPage">
<boot-page @close="showbootPage = false"></boot-page>
</common-dialog>
</div>
</template>
<script lang="ts">
import { GO_URLS } from "@/config/URLS";
import { Component, Vue, Watch } from "vue-property-decorator";
// 模板管理部分
import TemplateManage from "./TemplateManage.vue";
// 右侧存证部分
import newProductList from "./newProductList.vue";
//删除页
import deleted from "@/views/category/deleted.vue";
// 引导页
import bootPage from "@/components/bootPage.vue";
import CommonDialog from "@/components/CommonDialog.vue";
@Component({
components: {
newProductList,
TemplateManage,
deleted,
bootPage,
CommonDialog,
},
})
export default class Template extends Vue {
[x: string]: any;
trigger: boolean = false;
ToUpdate: boolean = false;
showbootPage: Boolean = false;
created() {
this.getGoods;
this.getTemplate;
this.SelectedStatus;
}
mounted() {
if (localStorage.getItem("bootPage") === "show") {
this.showbootPage = true;
}
}
update() {
this.ToUpdate = !this.ToUpdate;
}
// 获取选中状态
get SelectedStatus() {
return this.$store.state.selectedStatus;
}
get getGoods() {
return this.$store.state.goodsNum;
}
get deleteds() {
return this.$store.state.deletedNum;
}
get getTemplate() {
return this.$store.state.templateNum;
}
// 显示存证
checkOne() {
this.$store.commit("setSelectedStatus", 1);
this.trigger = !this.trigger;
}
// 显示模板管理
checkTwo() {
this.$store.commit("setSelectedStatus", 2);
}
// 已删除
checkThree() {
this.$store.commit("setSelectedStatus", 3);
}
}
</script>
<style scoped lang="less">
.cdg-boot-page {
/deep/.dialog_content {
border-radius: 10px !important;
}
}
.category {
display: flex;
height: 100%;
//解决存证列表下方铺不满的问题
}
.col_left {
width: 237px;
background: #fff;
// 二期开发
.navigation_box {
margin: 0;
padding: 0;
padding-left: 18px;
margin-top: 20px;
li {
list-style: none;
height: 38px;
cursor: pointer;
line-height: 38px;
}
.title {
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: rgba(53, 53, 53, 1);
}
.title__check {
color: #4a90e2;
}
.num {
font-size: 12px;
font-family: PingFangSC-Regular;
font-weight: 400;
float: right;
margin-right: 21px;
color: rgba(53, 53, 53, 1);
}
.icon_box {
float: left;
width: 27px;
height: 27px;
// 做点改动
margin-left: 8px;
margin-top: 5.5px;
margin-right: 14px;
background: linear-gradient(
180deg,
rgba(0, 94, 212, 1) 0%,
rgba(82, 149, 227, 1) 100%
);
text-align: center;
line-height: 27px;
border-radius: 10px;
i {
color: white;
font-size: 14px;
}
}
.icon_box__green {
background: linear-gradient(
180deg,
rgba(3, 213, 161, 1) 0%,
rgba(6, 217, 164, 1) 100%
);
}
.icon_box__orange {
background: linear-gradient(
180deg,
rgba(255, 177, 91, 1) 0%,
rgba(255, 177, 91, 1) 100%
);
}
}
// end
.subject {
margin-top: 15px;
}
}
.col_right {
display: none;
flex: 1;
background: #f8f8f8;
}
.col_right--show {
display: block;
overflow-y: scroll;
}
</style>
src/entry/hd/views/category/TemplateManage.vue 0 → 100644
View file @ f99643f8
This diff is collapsed.
src/entry/hd/views/category/addGoods.vue 0 → 100644
View file @ f99643f8
<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>
src/entry/hd/views/category/deleteGoods.vue 0 → 100644
View file @ f99643f8
<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
src/entry/hd/views/category/newProductList.vue 0 → 100644
View file @ f99643f8
This diff is collapsed.
src/entry/hd/views/editTemplate.vue 0 → 100644
View file @ f99643f8
This diff is collapsed.
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