zx 3 years ago
parent df035175d0
commit ea0e4a86ff

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title>星途内容数字化管理后台</title>
</head> </head>
<body> <body>
<noscript> <noscript>

@ -3,12 +3,11 @@
<div class="tv-outer" :ref="setTvOuter"> <div class="tv-outer" :ref="setTvOuter">
<template v-for="(item, index) in list" :key="index"> <template v-for="(item, index) in list" :key="index">
<div class="tv-item" :ref="item.path == tagActive ? setTvItemActive : setTvItem" <div class="tv-item" :ref="item.path == tagActive ? setTvItemActive : setTvItem"
:class="item.path == tagActive ? 'tv-item-active' : ''" @click="changeActive(item)"> :class="item.path == tagActive ? 'tv-item-active' : ''" >
<div class="dtem">{{ item.title }} <div class="dtem" @click="changeActive(item)">{{ item.title }}</div>
<el-icon class="close-style" @click="tagClose(index)"> <el-icon class="close-style" @click="tagClose(item,index)">
<CloseBold /> <CloseBold />
</el-icon> </el-icon>
</div>
</div> </div>
</template> </template>
</div> </div>
@ -104,7 +103,6 @@ export default defineComponent({
}, },
methods: { methods: {
changeActive(row) { changeActive(row) {
// this.store.commit("setTagActive", row.path);
this.$router.push(row.path); this.$router.push(row.path);
}, },
handlerIn() { handlerIn() {
@ -117,8 +115,8 @@ export default defineComponent({
handlerOut() { handlerOut() {
this.lrBoolean = false; this.lrBoolean = false;
}, },
tagClose(index) { tagClose(row, index) {
console.log(index) this.list.splice(index,1)
}, },
goLeft() { goLeft() {
let f = this.tvWidth2.offsetLeft; let f = this.tvWidth2.offsetLeft;

@ -1,14 +1,22 @@
<template> <template>
<div class="page-container"> <div class="page-container">
<div class="page-outer"> <div class="page-outer">
<div class="big-title">
星途内容数字化管理后台
</div>
<div class="login-box" v-if="status == 1"> <div class="login-box" v-if="status == 1">
<div class="login-title">
<span class="login-title-item">账户登录</span>
</div>
<el-form> <el-form>
<el-form-item label="账号"><el-input v-model="form.name" placeholder="账号" /></el-form-item> <el-form-item label="账号"><el-input v-model="form.name" placeholder="账号" /></el-form-item>
<el-form-item label="密码"><el-input type="password" v-model="form.password" placeholder="密码" /></el-form-item> <el-form-item label="密码"><el-input type="password" v-model="form.password" placeholder="密码" /></el-form-item>
<el-form-item><el-button type="primary" style="width: 100%" @click="submit"> </el-button></el-form-item> <el-form-item><el-button type="primary" style="width: 100%" @click="submit"> </el-button></el-form-item>
</el-form> </el-form>
</div> </div>
<div class="footer">
© 2020 Powered by AkuTeam 浙ICP备16047266号-2
</div>
</div> </div>
</div> </div>
</template> </template>
@ -68,9 +76,36 @@ export default defineComponent({
justify-content: center; justify-content: center;
.page-outer { .page-outer {
width: 400px; width: 400px;
padding-top: 72px;
.big-title {
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 32px;
line-height: 22px;
padding-bottom: 72px;
}
.login-box { .login-box {
background: #FFF; background: #FFF;
padding: 24px; padding: 36px;
.login-title {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 36px;
.login-title-item {
font-weight: 500;
font-size: 16px;
line-height: 22px;
}
}
};
.footer {
display: flex;
align-items: center;
justify-content: center;
margin-top: 180px
} }
} }
} }

@ -42,9 +42,11 @@
</el-form-item> </el-form-item>
<el-form-item label="素材内容" style="width: 100%"> <el-form-item label="素材内容" style="width: 100%">
<uploadFile @change="handlerUpload" :config="{ limit: 10, accept: '.jpg, .jpeg, .png, .gif, .mp4'}"> <uploadFile @change="handlerUpload" :config="{ limit: 10, accept: '.jpg, .jpeg, .png, .gif, .mp4'}">
<el-button v-if="form.fileUrl == ''"></el-button> <el-button>上传文件</el-button>
<el-link v-else :href="$ImgUrl(form.fileUrl)" target="_blank">{{form.fileUrl}}</el-link>
</uploadFile> </uploadFile>
<el-link v-for="(item,index) in form.fileUrlList" :key="index" :href="$ImgUrl(item)" target="_blank">
{{item}}
</el-link>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="confirm"></el-button> <el-button type="primary" @click="confirm"></el-button>
@ -69,7 +71,7 @@ export default defineComponent({
tagList: [], tagList: [],
brandList: [], brandList: [],
coverUrl: '', coverUrl: '',
fileUrl: '', fileUrlList: [],
}); });
const tagData = ref([]); const tagData = ref([]);
const brandData = ref([]); const brandData = ref([]);
@ -102,7 +104,7 @@ export default defineComponent({
this.form.title = res.data.title; this.form.title = res.data.title;
res.data.brandList.forEach(ele => {this.form.brandList.push(ele.id)}); res.data.brandList.forEach(ele => {this.form.brandList.push(ele.id)});
res.data.tagList.forEach(ele => {this.form.tagList.push(ele.id)}); res.data.tagList.forEach(ele => {this.form.tagList.push(ele.id)});
this.form.fileUrl = res.data.fileUrl; this.form.fileUrlList = res.data.fileUrlList;
this.form.coverUrl = res.data.coverUrl; this.form.coverUrl = res.data.coverUrl;
}).catch(() => {}); }).catch(() => {});
} }
@ -123,7 +125,9 @@ export default defineComponent({
}, },
// //
handlerUpload(data) { handlerUpload(data) {
this.form.fileUrl = data.fileUrl if(data.fileUrl != null) {
this.form.fileUrlList.push(data.fileUrl)
}
}, },
coverUpload(data) { coverUpload(data) {
this.form.coverUrl = data.fileUrl this.form.coverUrl = data.fileUrl
@ -136,4 +140,12 @@ export default defineComponent({
.form-area { .form-area {
width: 600px width: 600px
} }
.img-upload {
font-size: 28px;
color: #8c939d;
width: 135px;
height: 135px;
text-align: center;
border: 1px solid;
}
</style> </style>

@ -1,3 +1,3 @@
export function valueFormatter(row) { export function valueFormatter(row) {
return row.min +' 至 '+ row.max return row.limitNum +' 以上 '
}; };

@ -34,15 +34,20 @@
<img v-else class="img-upload" :src="$ImgUrl(form.coverUrl)" /> <img v-else class="img-upload" :src="$ImgUrl(form.coverUrl)" />
</uploadFile> </uploadFile>
</el-form-item> </el-form-item>
<el-form-item label="素材"> <el-form-item label="上传素材">
<uploadFile @change="handlerRefUpload" :config="{ limit: 10, accept: '.jpg, .jpeg, .png, .gif, .mp4'}">
<el-button>上传文件</el-button>
</uploadFile>
<el-link v-for="(item,index) in form.referenceUrlList" :key="index" :href="$ImgUrl(item)" target="_blank">
{{item}}
</el-link>
</el-form-item> </el-form-item>
<el-form-item label="素材"></el-form-item> <el-form-item label="选择素材"></el-form-item>
<el-transfer style="padding:0px 0px 16px 30px;text-align: left; display: inline-block" <el-transfer style="padding:0px 0px 16px 30px;text-align: left; display: inline-block"
v-model="form.referenceList" :titles="['素材列表','已选素材']" v-model="form.referenceList" :titles="['素材列表','已选素材']"
:data="refData" :props="{key: 'id',label: 'title'}"> :data="refData" :props="{key: 'id',label: 'title'}">
</el-transfer> </el-transfer>
<el-form-item label="教程"> <el-form-item label="选择教程">
</el-form-item> </el-form-item>
<el-form-item label="奖励规则"> <el-form-item label="奖励规则">
@ -81,7 +86,8 @@ export default defineComponent({
rewardRuleTemplateId: null, rewardRuleTemplateId: null,
brandList: [], brandList: [],
tagList: [], tagList: [],
referenceList: [] referenceList: [],
referenceUrlList: [],
}); });
const selTime = ref([]); const selTime = ref([]);
const tagData = ref([]); const tagData = ref([]);
@ -165,6 +171,11 @@ export default defineComponent({
handlerUpload(data) { handlerUpload(data) {
this.form.coverUrl = data.fileUrl this.form.coverUrl = data.fileUrl
}, },
handlerRefUpload(data) {
if(data.fileUrl != null) {
this.form.referenceUrlList.push(data.fileUrl)
}
}
} }
}) })
</script> </script>

Loading…
Cancel
Save