zx 3 years ago
parent df035175d0
commit ea0e4a86ff

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

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

@ -1,14 +1,22 @@
<template>
<div class="page-container">
<div class="page-outer">
<div class="big-title">
星途内容数字化管理后台
</div>
<div class="login-box" v-if="status == 1">
<div class="login-title">
<span class="login-title-item">账户登录</span>
</div>
<el-form>
<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><el-button type="primary" style="width: 100%" @click="submit"> </el-button></el-form-item>
</el-form>
</div>
<div class="footer">
© 2020 Powered by AkuTeam 浙ICP备16047266号-2
</div>
</div>
</div>
</template>
@ -68,9 +76,36 @@ export default defineComponent({
justify-content: center;
.page-outer {
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 {
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 label="素材内容" style="width: 100%">
<uploadFile @change="handlerUpload" :config="{ limit: 10, accept: '.jpg, .jpeg, .png, .gif, .mp4'}">
<el-button v-if="form.fileUrl == ''"></el-button>
<el-link v-else :href="$ImgUrl(form.fileUrl)" target="_blank">{{form.fileUrl}}</el-link>
<el-button>上传文件</el-button>
</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-button type="primary" @click="confirm"></el-button>
@ -69,7 +71,7 @@ export default defineComponent({
tagList: [],
brandList: [],
coverUrl: '',
fileUrl: '',
fileUrlList: [],
});
const tagData = ref([]);
const brandData = ref([]);
@ -102,7 +104,7 @@ export default defineComponent({
this.form.title = res.data.title;
res.data.brandList.forEach(ele => {this.form.brandList.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;
}).catch(() => {});
}
@ -123,7 +125,9 @@ export default defineComponent({
},
//
handlerUpload(data) {
this.form.fileUrl = data.fileUrl
if(data.fileUrl != null) {
this.form.fileUrlList.push(data.fileUrl)
}
},
coverUpload(data) {
this.form.coverUrl = data.fileUrl
@ -136,4 +140,12 @@ export default defineComponent({
.form-area {
width: 600px
}
.img-upload {
font-size: 28px;
color: #8c939d;
width: 135px;
height: 135px;
text-align: center;
border: 1px solid;
}
</style>

@ -1,3 +1,3 @@
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)" />
</uploadFile>
</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 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"
v-model="form.referenceList" :titles="['素材列表','已选素材']"
:data="refData" :props="{key: 'id',label: 'title'}">
</el-transfer>
<el-form-item label="教程">
<el-form-item label="选择教程">
</el-form-item>
<el-form-item label="奖励规则">
@ -81,7 +86,8 @@ export default defineComponent({
rewardRuleTemplateId: null,
brandList: [],
tagList: [],
referenceList: []
referenceList: [],
referenceUrlList: [],
});
const selTime = ref([]);
const tagData = ref([]);
@ -165,6 +171,11 @@ export default defineComponent({
handlerUpload(data) {
this.form.coverUrl = data.fileUrl
},
handlerRefUpload(data) {
if(data.fileUrl != null) {
this.form.referenceUrlList.push(data.fileUrl)
}
}
}
})
</script>

Loading…
Cancel
Save