Skip to content

P
pptist
Commit ed357085 authored by zhengke's avatar zhengke
Browse files
Options

调整 模版住颜色， 模版免费，vip，私有

parent 40352655
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 223 deletions
src/views/Editor/Toolbar/ElementTemplateData.vue
View file @ ed357085
......@@ -23,10 +23,22 @@
数据源
</Button>
</div>
<p class="q-mt-md"><span class="Required q-mr-md">*</span>模版权限：</p>
<div class="row wrap q-mt-md">
<el-select v-model="queryObj.AuthType" class="m-2"
placeholder="请选择权限类型">
<el-option
v-for="item in TemplateAuthType"
:key="item.Type"
:label="item.Name"
:value="item.Type"
/>
</el-select>
</div>
<p class="q-mt-md"><span class="Required q-mr-md">*</span>页面类型：</p>
<div class="row wrap q-mt-md">
<el-select v-model="datas.DataSource.pageType" class="m-2"
placeholder="请页面类型" @change="getPageType()">
placeholder="请选择页面类型" @change="getPageType()">
<el-option
v-for="item in TemplateType"
:key="item.FiledType"
......@@ -36,20 +48,14 @@
</el-select>
</div>
</template>
<p class="q-mt-md"><span class="Required q-mr-md">*</span>{{searchData.TemplateType!=2?'模版名称':'广告名称'}}：</p>
<div class="row wrap q-mt-md">
<el-input v-model="titleValue" @blur="handleUpdateTitle()"
:placeholder="searchData.TemplateType!=2?'输入模板名称':'输入广告名称'" class="input-with-select"></el-input>
:placeholder="searchData.TemplateType!=2?'输入模板名称':'输入广告名称'"></el-input>
</div>
<p class="q-mt-md row flex-between items-center">
<div><span class="Required q-mr-md">*</span>国家：</div>
<!-- <el-button v-if="!datas.EditAddCountryShow" class="button-new-tag ml-1"
style="width: 56px;"
size="small"
@click="EditAddDatas(0,0)">
+ 国家
</el-button> -->
</p>
<div class="row q-mt-md">
<el-select v-model="queryObj.CountryName" filterable class="m-2" placeholder="请选择国家"
......@@ -62,36 +68,6 @@
:value="item.CountryValue"
/>
</el-select>
<!-- <el-button v-if="!datas.EditAddCountryShow" class="button-new-tag q-ml-md ml-1"
@click="EditAddDatas(1,0)">
编辑
</el-button> -->
</div>
<div class="EditAddElement" v-if="datas.EditAddCountryShow">
<p class="q-mt-md row flex-between">
<span>{{datas.EditAddType==1?'编辑':'新增'}}国家：</span>
<span>
<el-button class="button-new-tag ml-1"
size="small" @click="CancelEditAdd(0)">
取消
</el-button>
<el-button class="button-new-tag ml-1 q-ml-xs"
:loading="datas.addEditLoading"
type="danger"
size="small" @click="setEditAdd(0)">
提交
</el-button>
</span>
</p>
<div class="row q-mt-md">
<span class="Required q-ma-xs">*</span>
<el-input
placeholder="国家名称"
v-model="datas.addEditCountry.CountryName"
class="ml-1 w-20 q-ml-sm"
size="small"
/>
</div>
</div>
<template v-if="false">
<p class="q-mt-md"><span class="Required q-mr-md">*</span>选择线路：</p>
......@@ -149,12 +125,6 @@
</div>
<p class="q-mt-md row flex-between items-center">
<div><span class="Required q-mr-md">*</span>选择颜色：</div>
<!-- <el-button v-if="!datas.EditAddShow" class="button-new-tag ml-1"
style="width: 56px;"
size="small"
@click="EditAddDatas(0,1)">
+ 色值
</el-button> -->
</p>
<div class="row q-mt-md">
<el-select v-model="queryColor.Code" placeholder="请选择分类"
......@@ -189,61 +159,6 @@
</template>
</el-option>
</el-select>
<!-- <el-button v-if="!datas.EditAddShow" class="button-new-tag q-ml-md ml-1"
@click="EditAddDatas(1,1)">
编辑
</el-button> -->
</div>
<div class="EditAddElement" v-if="datas.EditAddShow">
<p class="q-mt-md row flex-between">
<span>{{datas.EditAddType==1?'编辑':'新增'}}色值：</span>
<span>
<el-button class="button-new-tag ml-1"
size="small" @click="CancelEditAdd(1)">
取消
</el-button>
<el-button class="button-new-tag ml-1 q-ml-xs"
:loading="datas.addEditLoading"
type="danger"
size="small" @click="setEditAdd(1)">
提交
</el-button>
</span>
</p>
<div class="row q-mt-md">
<el-select v-model="datas.addEditColor.ColorId"
class="ml-1 w-20"
placeholder="分类"
size="small">
<el-option
key=""
label="不限"
value=""
/>
<el-option
v-for="item in datas.ColorList"
:key="item.ID"
:label="`${item.Name}`"
:value="item.ID"
/>
</el-select>
<span class="Required q-ma-xs">*</span>
<el-input
placeholder="色值名称"
v-model="datas.addEditColor.ColorName"
class="ml-1 w-20 q-ml-sm"
size="small"
/>
<span class="Required q-mr-xs q-ml-sm">*</span>
<el-input
:disabled="datas.EditAddType==1"
placeholder="#e5e3da"
v-model="datas.addEditColor.ColorValue"
class="ml-1 w-20 q-ml-sm"
size="small"
/>
</div>
</div>
<p class="q-mt-md"><span class="Required q-mr-md">*</span>选择季节：</p>
<div class="row wrap q-mt-md">
......@@ -311,7 +226,6 @@
ColorList: [],
EditAddType: 0,//0新增 1编辑
addEditLoading: false,
EditAddShow: false,
EditAddCountryShow: false,
DataSource:{},
CountryValue: null,
......@@ -359,6 +273,12 @@
const { exportFeatureImg } = useExport()
const { setNewDatasList } = useEditor()
const TemplateAuthType = ref([
{Type: 0,Name: '免费',},
{Type: 1,Name: 'VIP',},
{Type: 2,Name: '私有',}
])
watch(() => datas.DataSource.pageType, (n,o) => {
})
......@@ -368,131 +288,12 @@
queryObj.value.Title = titleValue.value
}
const EditAddDatas = (type:Number,num:Number) => {
datas.EditAddType = type
if(!num) {
datas.EditAddCountryShow=!datas.EditAddCountryShow
datas.EditAddShow=false
if(type) datas.addEditCountry = {
CountryId: '',
CountryName: queryObj.value.CountryName,
}
}
else {
datas.EditAddShow=!datas.EditAddShow
datas.EditAddCountryShow=false
if(type) datas.addEditColor = {
ColorId: queryObj.value.ColorId,
ColorValue: queryObj.value.ColorStr,
ColorName: queryObj.value.ColorName,
}
}
}
const getCountryId = () => {
let obj = dispositionObj.value.CountryList.filter(x=>{
return x.CountryName==queryObj.value.CountryName
})
}
const CancelEditAdd = (num:Number) =>{
if(!num){
datas.EditAddCountryShow = false
datas.addEditCountry = {
CountryId: '',
CountryName: '',
}
}else{
datas.EditAddShow = false
datas.addEditColor = {
ColorId: '',
ColorValue: '',
ColorName: '',
}
}
}
const setEditAdd = async (num:Number) => {
if(!num){
await setCountry()
}else{
await setColor()
}
}
const setCountry = async () => {
if(!datas.addEditCountry.CountryName){
ElMessage({
showClose: true,
message: '请完善国家名称',
type: 'warning',
})
return
}
try {
datas.addEditLoading = true
let params = {
ID: 0,
Code: '',
Content: datas.addEditCountry.CountryName,
DictKey: 'Trip_Template_Country'
}
let dataRes = await ConfigService.SetTemplateCountryData(params)
if (dataRes.data.resultCode == 1) {
ElMessage({
showClose: true,
message: '新增国家成功',
type: 'success',
})
GetTemplateConfigDatas()
CancelEditAdd(0)
}else {
ElMessage({
showClose: true,
message: '新增国家失败',
type: 'warning',
})
}
datas.addEditLoading = false
} catch (error) {}
}
const setColor = async () => {
if(!datas.addEditColor.ColorValue||!datas.addEditColor.ColorName){
ElMessage({
showClose: true,
message: '请完善颜色的名称及颜色16进制',
type: 'warning',
})
return
}
if(datas.addEditColor.ColorValue.indexOf('#')==-1){
ElMessage({
showClose: true,
message: "色号需要在最前面加 # 号",
type: 'warning',
})
return
}
try {
datas.addEditLoading = true
let dataRes = await ConfigService.SetTemplateConfigData(datas.addEditColor)
if (dataRes.data.resultCode == 1) {
ElMessage({
showClose: true,
message: '新增颜色成功',
type: 'success',
})
GetTemplateConfigDatas()
CancelEditAdd(1)
}else {
ElMessage({
showClose: true,
message: '新增颜色失败',
type: 'warning',
})
}
datas.addEditLoading = false
} catch (error) {}
}
const getPageType = () => {
let TemplateList = TemplateDataSource.value.filter(x=>{
return x.FiledType==datas.DataSource.pageType
......@@ -666,14 +467,21 @@
}
}
const getColor = async (type:Number) => {
if(type==1&&!queryColor.Code) {
if(type==1&&!queryColor.value.Code) {
queryObj.value.ColorName = ''
queryObj.value.ColorStr = ''
let Colors = ColorList.value.filter(x=>x.ID==queryColor.value.Code)
queryObj.value.SubColor = Colors[0].Content
}
let response = await LineService.GetParentColor(queryColor.value)
if (response.data.resultCode == 1) {
if(type==0) ColorList.value = response.data.data
if(type==0) {
ColorList.value = response.data.data
let Colors = ColorList.value.filter(x=>x.Content==queryColor.value.SubColor)
if(Colors&&Colors.length>0) queryColor.value.Code = Colors[0].ID
}
else datas.ColorList = response.data.data;
}
}
const GetTemplateColors = async () => {
......@@ -681,7 +489,7 @@
let colorArr = pageRes.data.data
if(colorArr.length>0){
for(let i=0;i<colorArr.length;i++){
if(colorArr[i].Content==queryObj.value.ColorStr) {
if(colorArr[i].Content==queryObj.value.SubColor) {
queryColor.value.Code = Number(colorArr[i].Code)
getColor()
}
......@@ -695,6 +503,13 @@
</script>
<style lang="scss" scoped>
::v-deep(.el-button--small){
border-radius: 2px;
}
::v-deep(.el-input__wrapper){
border-radius: 2px;
font-size: 14px;
}
.EditAddElement{
box-shadow: 0px 1px 1px #f6f6f6;
background: #f6f6f6;
......
src/views/Editor/index.vue
View file @ ed357085
......@@ -126,6 +126,7 @@ const datas = reactive({
Height: 0,
ColorId: '',
AuthType: 0,//0-免费模版 1-vip模版 2-私有模版
SubColor: null, // 父级颜色
}
},
......
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